@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/PT_Sans-Web-Regular.ttf') format('ttf');
}

html {
	min-height:100%;
}

body{
	color:#000000;
	font-family:'PT Sans', sans-serif;
	max-width:100%;
	overflow-x:hidden;
}

#innerBody{
	display:block;
	position:absolute;
	width:100%;
	left:0;
	background: #aed2e4; /* Old browsers */
	background: -moz-linear-gradient(top, #aed2e4 0%, #e4f8fb 600px, #e4f8fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aed2e4), color-stop(600px,#e4f8fb), color-stop(100%,#e4f8fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aed2e4 0%,#e4f8fb 600px,#e4f8fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aed2e4 0%,#e4f8fb 600px,#e4f8fb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aed2e4 0%,#e4f8fb 600px,#e4f8fb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #aed2e4 0%,#e4f8fb 600px,#e4f8fb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed2e4', endColorstr='#e4f8fb',GradientType=0 ); /* IE6-9 */	
	transition: left 0.3s linear;
	z-index:20;
}
#innerBody.moveleft{
	left:50%;
}

#layer{
	height:100%;
	width:50%;
	position:fixed;
	left:50%;
	display:none;
	z-index:99999;
}

#wrapper{
	max-width: 1004px;
	margin: auto;
	background-color:#FFFFFF;
	overflow:hidden;
}


#container{
	max-width: 980px;
	margin: auto;
	background-color:#FFFFFF;
	padding-bottom:12px;
}

/***** Header *******/
		
header{
    display: block;
    float: left;
    height: auto;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 20;
}

#main header{
	box-shadow:none;
}
footer header{
	box-shadow:none;
}

#banner{
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
	position:relative;
	z-index:200;
	background: #fff;
}

#logo {
	position:relative;
	float:left;
	background-color:transparent;
	z-index:500;
	padding-left: 8px;
    padding-top: 15px;
	margin-bottom:-10px;
}

#subnav {
	position:relative;
	float:right;
	background-color:#FFF;
	z-index:500;
	padding-left: 6px;
    padding-top: 5px;
	margin-right: -2px;
}
#subnav a{
	margin-left:19px;
}


/***** Main *******/
#main{ 
	width: 100%;
	display:block;
	float:left;
	position:relative;
	padding-bottom:20px;
}
#schatten_oben{
	background:url(../hp_images/Schatten.png) repeat-x;
	width:100%;
	position:absolute;
	height:5px;
	z-index:12;
}
#welle_oben{
    display: block;
    height: auto;
    position: absolute;
    width: auto;
	max-width:100%;
    z-index: 14;
}
#welle_oben img{
	max-width:100%;
	float:left;
}

#spalte_oben_container{
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

#welle_unten{
    display: block;
    height: auto;
    position: absolute;
    width: auto;
	max-width:100%;
    z-index: 14;
	bottom:0px;
	right:-1px;
}

#welle_unten img{
	max-width:100%;
}

#content_wrapper {
	display:block;
	float:right;
	width: 76%;
	width: calc(75% + 15px);
	margin-right:-20px;
	position:relative;
	padding-top:14px;
}

#spalte_oben {
	position:relative;
	z-index:8;
	display:block;
	width:100%;
	background-color:#284996;
}

#spalte_oben img{
	width:100%;
	height:auto;
}
#spalte_oben div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	display:block;
	margin-bottom:0px;
}

#spalte_oben div.csc-textpic-center-outer, #spalte_oben div.csc-textpic-center-inner{
	max-width:none;
}

.content {  
	margin:0 0 20px 0;

}

#spalte_rechts, #spalte_rechts_2, #spalte_links, #spalte_mitte, #spalte_links_unten, #spalte_mitte_unten, #spalte_rechts_unten {
    line-height: 20px;
    padding-top: 20px;
	padding-right:20px;
}

#spalte_links_2, #spalte_rechts_2_oben, #spalte_rechts_2_unten{
	line-height:20px;
	padding-top:20px;
	float:left;
	display:block;
	position:relative;
	padding-right:20px;
	max-width:96%;
	max-width:calc(100% - 20px);
}

#spalte_links_2 .csc-textpic-imagerow{
	margin-top:15px;
}
#spalte_links_2 .csc-textpic-imagerow img{
	margin-bottom: 6px;
}

#spalte_links_2 figcaption{
	display:block;
	margin-bottom: 15px;
}

#spalte_links_2 .csc-default{
	float:left;
	width:100%;
	position:relative;	
}

#spalte_rechts_2 .csc-default{
	float:left;
	width:100%;
	position:relative;	
    margin-bottom: 25px;
}

#spalte_rechts_2 .csc-default .csc-default{
	margin-bottom: 0;
}

#spalte_links_2 .csc-textpic-intext-left-nowrap{
	float:left;
	position:relative;
}

#spalte_links_2 .csc-textpic-intext-left-nowrap .csc-textpic-text{
 	margin-left: 0px !important;
	margin-bottom: 0px;
}
#spalte_links_2 .csc-textpic-intext-left-nowrap figure{
	margin-top:30px;
	margin-bottom: 6px;
}
#spalte_links_2 .csc-textpic-intext-left-nowrap p {
	padding-top:44px;
	float:none;
}
#spalte_links_2 .csc-textpic-intext-left-nowrap header{
 	float:left;
	position:absolute;
}
#spalte_links_2 .csc-textpic-intext-left-nowrap h2{
 	float:left;
	padding-top:27px;
}
#spalte_links_2 .csc-textpic-intext-left-nowrap img{
 	margin-bottom:6px;
}

#spalte_links_2 .csc-textpic-below{
 	margin-top:30px;
}

.teaser-wrapper{
	float:left;
	width:33.33333%;
}

#spalte_links_3{
	line-height:20px;
	padding-top:20px;
	float:left;
	display:block;
	position:relative;
	padding-right:20px;
}

.content ul, .content ol {
	margin: 1em 30px;
	padding: 0 0 0 0px; }
.content .slides{
	margin:0;
}
.content dd {
	margin: 0 0 0 40px; }

.content img{
	margin-bottom:10px;	
}


#bg_subnav img, #content_typo3 img, #visual img, #spalte_rechts img, #spalte_links img, #spalte_mitte img, #spalte_rechts_unten img, #spalte_links_unten img, #spalte_mitte_unten img, #spalte_rechts2 img, #spalte_links2 img, #logo img, footer img, #linie img, #trenner img, embed, object, video {
  max-width: 100%;
  width:auto;
  height: auto;
}

#spalte_rechts_2_oben img, #spalte_rechts_2_unten img{
	max-width: 101%;
  	width:auto;
 	height: auto;
}
#spalte_links_2 img{
	max-width:100%;
	width:auto;
	height:auto;
	margin-right: 20px;
}

.skip-float_3{
	clear: left;
}

.hr_3sp{
	display:block;
	float:left;
	position:relative;
	width:98%;
	width:calc(100% - 20px);
}
.hr_2sp{
	display:none;
}
.hr_1sp{
	display:block;
	float:left;
	position:relative;
	width:31%;
	width:calc(33% - 20px);
}
.teaser-wrapper .hr_1sp{
	width:98%;
	width:calc(100% - 20px);
}
.hr_1sp hr{
	margin: 10px 0;
}

/***** Footer *****/
footer{ 
	height:auto;
	clear:both;
	display:block;
	float:left;
	background-color:#fff;
	overflow:hidden;
	position:relative;
}
#footer_container{ 
	height:auto;
	clear:both;
	display:block;
	float:left;
	background-color:#e30011;
	-moz-box-shadow:  0 11px 7px -12px #333333 inset;
	-webkit-box-shadow:  0 11px 7px -12px #333333 inset;
	box-shadow:  0 11px 7px -12px #333333 inset;
	overflow:hidden;
	position:relative;
	width:103%;
	width:calc(100% + 20px);
	margin-right:-20px;
}

#footer_links, #footer_mitte_links, #footer_mitte_rechts, #footer_rechts{
	line-height:20px;
	margin-right:20px;
}

#content_footer {  
	margin:20px 0 20px 0;
	height:auto;
}

#footer-content{
	margin: 0 0 5px;
}


#footer-content img{
	width:auto;
	height:auto;
}
.bottom-left{
	display:block;
	float:left;
	width:auto;
	padding-top:3px;
}

.bottom-right{
	display:block;
	float:right;
	width:auto;
}

.footer_icon {
	width:29px;
	margin-right:5px;
}

#footer-container-bottom{
	width:100%;
	margin:0 auto;
	clear:left;
	z-index:14;
	position:relative;
	float:left;
}
#footer-container-bottom > div{
	padding-right:20px;
}

#footer_unten_links{
	padding-left:10px;
}

#footer_unten_rechts{
	margin-right:10px;
}

#footer_unten_rechts img{
	margin-right:8px;
}

.footer_skip-float_4 > div{
	clear:left;
	padding-left:10px;
}

#welle_footer{
    display: block;
    height: auto;
    position: absolute;
    width: auto;
	max-width:100%;
    z-index: 5;
	bottom:0px;
	right:20px;
}

#welle_footer img{
	max-width:100%;
}


/***** Menü *****/

#navigation{
    display: inline;
    float: left;
    height: auto;
    margin-right: 0;
	margin-top:30px;
    position: relative;
	width: 26%;
    width: calc(25% + 5px);
}

#navigation-container {
	z-index:100;
	position:relative;
	float:left
}

#mobileMenu{
	position:absolute;
	overflow:hidden;
	height:auto;
	padding-left: 2%;
    padding-top: 10px;
	padding-bottom:150px;
    width: 46%;
	display:none;
	z-index:0;
}

#closeButton{
	float:right;
	cursor: pointer;
	margin-bottom:10px;
}

#langnav{
	display:block;
	float:left;
	position:relative;
	padding-top:8px;
}
#langnav ul, #subnav ul{
	display:block;
	float:left;
	position:relative;
}
#langnav li, #subnav li{
	display:block;
	float:left;
	position:relative;
}


/***** Breadcrump *****/

#breadcrumb{
	position:relative;
	top:18px;
	left:25%;
	color: #e30011;
	font-size:0.750em;
	z-index:200;
	margin-left:5px;
	float:left;
	width:100%;
}


/***** Typo3 anpassungen *****/

.csc-textpic-imagewrap {
	background-color:#fff;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	display:block;
}
div.csc-textpic-center-outer, div.csc-textpic-center-inner{
	max-width:100%;
}
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
	float: left;
	margin:0;
	width:100%;
}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{
	float:none;
	width:auto;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
	float: left;
	margin:0;
	width:100%;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap  img{
	float: left;
	width:100%;
}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: visible;
}




/***** Formhandler *****/

#formhandler_contact_form label,
.powermail_form label  {
	width:200px;
	display:block;
	float:left;
	font-size:0.875em;
}

#formhandler_contact_form input,
.powermail_form input{
	border: 1px solid #9c9c9c;
	padding:5px;
	width:95%;
        background-color: transparent;
}
#formhandler_contact_form input#submit,
.powermail_form input#submit{
	padding:1px 10px 2px;
	width:auto;
}

#formhandler_contact_form div.row,
.powermail_form .powermail_fieldwrap {
	margin-bottom:10px;
}
#formhandler_contact_form div.row_box{
	float:left;
	position:relative;
	margin-bottom:15px;
	width:100%;
}
#formhandler_contact_form div.row_box_last{
	float:left;
	position:relative;
	margin-bottom:20px;
}

#formhandler_contact_form div.row_box p{
	width:auto;
	margin-right:15px;
}
#formhandler_contact_form div.row_box label{
	width:auto;
	max-width:70%;
	margin-right:25px;
}
#formhandler_contact_form div.row_box input{
	width:auto;
	margin-bottom:0px;
	margin-right:5px;
	float:left;
	position:relative;
	top:3px;
	padding:0px;
	border:none;
}
#formhandler_contact_form div.row_box .clearBox_3{
	clear:left;
}

#formhandler_contact_form textarea, 
.powermail_form textarea{
	width:95%;
	height:100px;
	border: 1px solid #9c9c9c;
	margin-bottom:5px;
	margin-top:4px;
	padding:5px;
}

#formhandler_contact_form textarea, #formhandler_contact_form input,
.powermail_form textarea, .powermail_form input{
	font-size:0.875em;
}
#formhandler_contact_form .error,
.powermail_form  .parsley-errors-list {
	margin-left:0px;
}

#formhandler_contact_form span.red a,
.powermail_form .parsley-errors-list{
	color:red;
}

.powermail_form > h3,
.powermail_form > .powermail_fieldset > .powermail_legend{
    display:none
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: transparent;
    border: none;
    float: left;
    clear: left;
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    color: red;
    padding: 0 0 15px 0;
}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: transparent;
    color: #000;
}
.tx-powermail .powermail_fieldwrap_type_text{
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #747474;
    margin: 0;
    float: left;
}
    

.cc_container .cc_message{
    float: none;
    line-height: 120%;
    margin-top: 0;
}

/***** Suchformular *****/

.tx-indexedsearch {
    float: left;
	display:block;
	position:relative;
}

#tx-indexedsearch-searchbox-button-submit_top {
	display:none;
}

#tx-indexedsearch-searchbox-sword_top {
	border: 1px solid #9a9c9c;
	-moz-border-radius:12px 12px 12px 12px; /* Firefox */
	-webkit-border-radius:12px 12px 12px 12px; /* Chrome, Safari */
	-khtml-border-radius:12px 12px 12px 12px; /* Konqueror */
	 border-radius:12px 12px 12px 12px; /* CSS3 */ 
    margin-top: 15px;
	padding:3px 10px 5px;
    width: 80%;
	font-size:0.875em;
}

.tx-indexedsearch-searchbox-sword {
	border:solid 1px #E30011;
	margin-left:0px;
}

.tx-indexedsearch-searchbox-button {
	font-weight:normal;
	font-family:'PT Sans', sans-serif;
	font-size:0.875em;
	line-height:14px;
	margin-bottom:10px;
	margin-left:5px;
	width:100px;
	color:#fff;
	padding: 2px 10px 4px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0000 0%, #d51c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#d51c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0000 0%,#d51c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0000 0%,#d51c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0000 0%,#d51c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff0000 0%,#d51c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d51c00',GradientType=0 ); /* IE6-9 */
	border: 1px solid #9a9c9c;
	-moz-border-radius:12px 12px 12px 12px; /* Firefox */
	-webkit-border-radius:12px 12px 12px 12px; /* Chrome, Safari */
	-khtml-border-radius:12px 12px 12px 12px; /* Konqueror */
	border-radius:12px 12px 12px 12px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
	float:left;
}

.tx-indexedsearch-rules {
	display:none;
}

.tx-indexedsearch-res {
    float: left;
}

.tx-indexedsearch-searchbox-sword {
	margin-left:5px;
	margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-path a {
    word-break: break-word;
}

/***** Youtube *****/

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	z-index:1;
}

.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
	max-width: 100%;
	z-index:1;
}

/***** Dropdown Sitemap *****/
.tx-dropdownsitemap-pi1 DIV.expAll {
    background-color: #fff;
    border: 1px solid #fff;
    color: inherit;
    padding: 5px;
}
.tx-dropdownsitemap-pi1 DIV {
    margin-left: 20px;
    margin-top: 2px;
}

.tx-dropdownsitemap-pi1 A, .tx-dropdownsitemap-pi1 A:link, .tx-dropdownsitemap-pi1 A:visited, .tx-dropdownsitemap-pi1 A:hover, .tx-dropdownsitemap-pi1 A:active {
    background-color: inherit;
	font-size:12px;
	color:#e30011;
}

.tx-dropdownsitemap-pi1 UL, .tx-dropdownsitemap-pi1 OL {
    list-style: none outside none;
	margin:0px;
	padding:0px;
}

input {
	border:solid 1px black;
	margin-bottom:5px;
}
/***** Anpassungen Detailseite *****/

#innerBody.detailseite{
	background: none;
	min-width:240px;
	min-height:100%;
}

.detailseite #wrapper{
	max-width: 1000px;
	margin: auto;
	background-color:#FFFFFF;
	overflow:hidden;
	width:100%;
	min-height:100%;
}


.detailseite #container{
	max-width: 1000px;
	margin: auto;
	background-color:#FFFFFF;
	width:100%;
	min-height:100%;
	float:left;
	height:100%;
	padding-bottom:0px;
	position:absolute;
}

.detailseite #container_wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
}
.detailseite #main{
	height: auto !important;
    margin-bottom: -79px;
    min-height: 100%;
    padding-bottom: 0;
    padding-left: 10px;
    width: calc(100% - 15px);
}
.detailseite #content_wrapper{
	width:100%;
	margin-right:-0px;
}
.detailseite .content img{
	max-width:100%;
	width:auto;
	height:auto;
}
.detailseite #spalte_detailseite{
	width:auto;
	padding-right:10px;
	padding-top:20px;
}
.detailseite #push{
	height:79px;
	float:left;
	position:relative;
	width:100%;
}

.detailseite footer{
	width:100%;
	bottom:0;
}

.detailseite #footer_container{
	padding-top:50px;
}


.filelist-item{
	list-style:none;
	margin-top:10px;
	float:left;
}


.cc_container .cc_btn {
    max-width: 160px;
}

/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
/* ------------- 3 Spalten 83%  ---------------*/  
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 770px) 
and (max-width : 1024px) {
#container, #colophon{width:730px;}
#content_typo3 {
	width:100%;
	
}
#wrapper{
	max-width: 754px;

}

#content_wrapper {
	width: 67%;
	width: calc(66.6666% + 12px)
}

#spalte_links_3 {
	width:96%;
	width:calc(100% - 20px);
}

#navigation{
	width: 34%;
    width: calc(33.3333% + 7px);
}

.grid_3 { width: 33.33333%; }
.grid_4 { width: 50%; }
.grid_9 { width: 100%;}
.grid_13 { width: 50%;}

.hr_3sp{
	display: none;
}
.hr_1sp{
	display: none;
}
.hr_2sp{
	display:block;
	float:left;
	position:relative;
	width:98%;
	width:calc(100% - 20px);
}

.skip-float_3{
	clear:none;
}
.skip-float_2{
	clear:left;
}

.footer_skip-float_3{
	clear:left;
}

.footer_skip-float_3 > div{
	clear:left;
	padding-left:10px;
}

#logo{
	margin-bottom:0px;
}

#breadcrumb{
	left:33%;
	margin-left:10px;
}
.teaser-wrapper {
	width:100%;
}



#spalte_oben img{
}

#tx-indexedsearch-searchbox-button-submit_top {
	display:none;
}

#spalte_links_2 img{
	margin-right: 7px;
}

#spalte_links_2 .csc-textpic-imagecolumn{
	margin-right: 0px;
	max-width: 50%;
}

.tx-yag-galleria-wrapper, .galleria-container{
	height:420px !important;
}


}
/* ------------- 2 Spalten  ---------------*/  
/* large smartphones ----------- */
@media  (max-width: 770px) {
#container, #colophon{width:480px;}
#content_typo3 {
	width:100%;
	
}
#wrapper{
	max-width: 504px;

}

#content_wrapper {
	width: 103%;
	width:calc(100% + 20px);
}

#spalte_links_3 {
	width:96%;
	width:calc(100% - 20px);
}


#navigation{
	display:none;
    
}

.grid_3 { width: 50%; }
.grid_4 { width: 50%; }
.grid_9 { width: 100%;}
.grid_13 { width: 50%;}

.footer_skip-float_2{
	clear:left;
}

.footer_skip-float_2 > div{
	clear:left;
	padding-left:10px;
}

#logo{
	margin-bottom:10px;
}

.hr_3sp{
	display: none;
}
.hr_1sp{
	display: none;
}

.hr_2sp{
	display:block;
	float:left;
	position:relative;
	width:98%;
	width:calc(100% - 20px);
}

.skip-float_3{
	clear:none;
}
.skip-float_2{
	clear:left;
}
#content_wrapper {
    padding-top:0px;;
}
.teaser-wrapper {
	width:100%;
}



#content_typo3 {
	width:100%; 
}
header{padding:0px 0 1px 0;}
#banner{z-index:300;}

#breadcrumb{
	left:0;
	margin-left:0px;
	top:0px;
	position:relative;
	clear:left;
}

.tx-yag-galleria-wrapper, .galleria-container{
	height:485px !important;
}

#content_typo3 {
	width:100%;
	
}
p {
    float: left;
    position: relative;
    width: 100%;
}
	
#logo, header hgroup{ }
#logo img{max-width:100%;}


#navigation{
	z-index:600;
}

#spalte_links_2 .csc-textpic-imagecolumn{
	margin-right: 0px;
	max-width:100%;
}

.csc-textpic-imagewrap {
	-moz-border-radius:0px 0px 10px 10px; /* Firefox */
	-webkit-border-radius:0px 0px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:0px 0px 10px 10px; /* Konqueror */
	border-radius:0px 0px 10px 10px; /* CSS3 */
	background-color:#fff;
}


.flexslider {display:block;}
.flex-direction-nav li a {
	background: none;	
}

footer .grid_4{ border-bottom:0px dotted #ccc; padding-bottom:10px;}


div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right: 0px !important;
}
#googlemap {
	margin-top:20px !important;
}
.tx-yag-galleria-wrapper, .galleria-container{
	height:360px !important;
}

#formhandler_contact_form div.row_box label{
	max-width:85%;
}

#formhandler_contact_form div.row_box .clearBox_2{
	clear:left;
}

#formhandler_contact_form div.row_box .clearBox_3{
	clear:none;
}


}

/* medium smartphones ----------- */
@media (max-width: 540px) {

#container, #colophon{width: 103%; width:calc(100% - 24px);}
#innerBody{
	min-width:270px;
}
#innerBody.moveleft{
	left:75%;
}
#layer{
	height:100%;
	width:25%;
	position:fixed;
	left:75%;
	display:none;
	z-index:99999;
}

#mobileMenu{
	position:absolute;
	overflow:hidden;
	width:70%;
}

#wrapper{
	max-width: 95%;
}

#content_wrapper {
	width: 103%;
	width:calc(100% + 20px);
}

#navigation{
	display:none;
    
}

.grid_3 { width: 50%; }
.grid_4 { width: 50%; }

.footer_skip-float_2{
	clear:left;
}

.footer_skip-float_2 > div{
	clear:left;
	padding-left:10px;
}

#logo{
	margin-bottom:10px;
}

.hr_3sp{
	display: none;
}

.hr_2sp{
	display:block;
	float:left;
	position:relative;
	width:98%;
	width:calc(100% - 20px);
}

.skip-float_3{
	clear:none;
}
.skip-float_2{
	clear:left;
}
#content_wrapper {
    padding-top:0px;;
}

.footer_skip-float_1{
	clear:left;
}

.footer_skip-float_1 > div{
	clear:left;
	padding-left:10px;
	padding-right:10px;
}

.footer_skip-float_2 > div{
	clear:left;
	padding-left:10px;
	padding-right:10px;
}

.footer_skip-float_3 > div{
	clear:left;
	padding-left:10px;
}

.footer_skip-float_4 > div{
	clear:left;
	padding-left:10px;
	padding-right:10px;
}
.bottom-right {
    padding-left: 50px;
    padding-top: 24px;
}


#welle_oben{
	display:none;
}
#spalte_oben_container{
	display:none;
}


#content_typo3 {
	width:100%;
}

#logo{
	padding-left:10px;
	margin-bottom:0;
	max-width:95%;
}


#main {
	padding-top:2px;
}


.hr_2sp{
	display:none;
}

#spalte_links_footer, #spalte_mitte_footer, #spalte_rechts_footer{
	margin-left:2%;
}

#spalte_rechts_2 .csc-default{
	float: left;
    margin-bottom: 0;
    margin-top: 0;
	width:100%;
}
#spalte_rechts_2 .csc-default .csc-default{
	width:96%;
	margin-left:2%;
	border-top:none;
	padding-top:20px;
}



.flexslider {display:block;}
.flex-direction-nav li a {
	background: none;	
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
	margin-left: 0;
	margin-right: 0;
	width:100%;
}



div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right: 0px !important;
}
#googlemap {
	margin-top:20px !important;
}


/* Newsletter */
.newsletter {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
z-index:1;
height:18em;
}

.tx-yag-galleria-wrapper, .galleria-container{
	height:275px !important;
}

#formhandler_contact_form div.row_box .clearBox_1{
	clear:left;
}

}

/* medium smartphones, portrait ----------- */
@media (max-width: 320px) 
{
	
}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* DIV.csc-textpic DIV.csc-textpic-imagecolumn {
margin-bottom: 10px !important;
}
*/