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

html{
	overflow-x:hidden;
}

body{
	z-index:2;
	max-width:100%;
	font-family:'PT Sans', sans-serif;
	background:#cbced3;
}
	
#innerBody{
	display:block;
	position:relative;
	z-index:20;
	width:100%;
	max-width:1185px;
	margin:auto;
}

#innerBody.moveleft{
	left:50%;
}

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

#wrapper{
	margin: auto;
}

#container{
	margin: auto;
}
	
header{
	padding:0px 0 0px 0;
	position:relative;
	float:left;
	width:100%;
}

/* structure */ 


#navigation-container {
	background-color: #cbced3;
    float: right;
    position:absolute;
    margin-top: 0;
    width: 100%;
    z-index: 59;
    height: 111px;
}

#navigation{
	display:inline  !important;
}

#mobileMenu{
	display: none;
    padding: 20px 4%;
    position: absolute;
    top: 10px;
    width: 70%;
    z-index: 0;
}

#top_navigation {
    float: right;
    position: absolute;
    right: 10px;
    padding-top: 10px;
}

#closeButton{
	color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    margin-right: 13px;
    padding-top: 12px;
    position: absolute;
    right: 2px;
    text-align: center;
    width: 30px;
    z-index: 200;
}


.csc-default{
	float: left;
    margin-bottom: 30px;
    width: 100%;
}

#visual, #visual_small{
	min-height:135px;
	margin-top: 111px;
}

#visual .csc-default, #visual_small .csc-default{
	margin-bottom:0px;
}



#visual .flex-direction-nav, #visual_small .flex-direction-nav{
	padding:0;
}

#main{
	background: #cbced3; /* Old browsers */
	width:100%;
}

#main img{
	margin-bottom:10px;
	max-width:100%;
	height:auto;
}

#main > div{
	max-width:100%;
}

#main_container{
	padding:45px 6%;
}


#inhalt_3_Spaltig{
	margin-right:-20px;
}
#inhalt_3_Spaltig > div{
	float:left;
	width:33.33333%;	
}
#inhalt_3_Spaltig > div.typo3-feedit-element:nth-child(3n+1){
	clear:left;
}

#inhalt_3_Spaltig .dreiSpF{
	clear:left;
}

#inhalt_3_Spaltig > div > div{
	margin-right:20px;
	float:none;
	width:auto;
}
#zweiSpaltenTaser{
	margin-right:-20px;
}

#inhalt_links{
	margin-right:20px;
}
#inhalt_links > div{
	float: left;
    margin-right: 20px;
}

#inhalt_links > div.typo3-feedit-element{
	float: none;
    margin-right: 0;
}

#inhalt_links > .typo3-feedit-element > div{
	float: left;
    margin-right: 20px;
}

#inhalt_rechts, #inhalt_links{
	float:none;
	min-height:400px;
}

#inhalt_rechts > div > div > div{
	float: left;
    width: 100%;
	border-top: 1px solid #fff;
	padding-top: 28px;
}

#inhalt_rechts > div{
	float:left;
	width:100%;
}

#inhalt_rechts > div > div{
	margin-right:20px;
}

#inhalt_rechts > div:first-child > div > div{
	border-top:none;
	padding-top:0;
}

.whiteLineD > div{
	border-top:1px solid #fff;
	padding-top:20px;
}
.csc-default > .csc-default{
	margin-bottom:0;
}
.es-carousel{
	margin-bottom:80px;
}

.content .es-carousel ul{
	margin:0px;
	padding:0px;
}

.es-carousel img{
	margin-bottom:10px;
}
div.es-nav span{
	top:auto;
	margin-top:-60px;
	background: url("../images/Navigation.png") no-repeat;
}

.content {  
	margin:0 0 0px 0;
	
}

.content ul, .content ol {
	margin: 0 0;
	padding: 0px 0px 5px 25px; }
.content dd {
	margin: 0 0 0 40px; }

footer .content{
	background-color: transparent;
}
	
footer{ 
	background: #cbced3; /* Old browsers */
    clear: both;
    padding: 15px 20px;
}

.footer_container{
	margin-right:-20px;
}

footer .content_footer{
    margin:0;
}
footer .content_footer > div{
    margin-right:20px;
}


#social_media {
	min-height: 10px;
	background-color: #cbced3;
}

#spalte_links_footer table td{
	min-width:70px;
}
#spalte_mitte_footer table td{
	min-width:78px;
}


#copy {
    color: #fff;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding-top: 14px;
    padding-left: 6%;
    text-align: left;
    width: 100%;
}

#copy a:link{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

#copy a:hover{
	color:#fff;
	text-decoration:underline;
}

#copy a:visited{
	color:#fff;
	text-decoration:none
}

#nach_oben{
	padding-left: 0px;
    padding-right: 30px;
	line-height:53px;
	font-size:12px;
}
#nach_oben img{
    margin-right: 6px;
}
#nach_oben a{
	color:#fff;
	text-decoration:none;
} 
#nach_oben a:hover{
	color:#fff;
	text-decoration:underline;
}

#nach_oben a:visited{
	color:#fff;
	text-decoration:none
}

.subnav {
	color: #000;
    float: right;
    font-size: 10px;
    font-weight: bold;
    line-height: 22px;
    margin-left: -3px;
    overflow: hidden;
    padding-right: 8px;
    text-align: left;
	
	}
.subnav li{
	float:left;
	list-style:none;
}
.subnav a:link, .subnav a:visited{
	float:left;
	color:#1e418e;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding:6px 4px 9px;
	height:20px;
}


.subnav a:hover{
	background-color:#d9e4ec;
}

.subnav a:hover img{
	margin-top:-33px;
}


/* Suchformular */
#suche{
	margin-bottom:30px;
}

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

#tx-indexedsearch-searchbox-sword_top {
	font-size: 14px;
    height: 2.5em;
    margin-top: 15px;
    padding-left: 5px;
    width: 88%;
}

.tx-indexedsearch-searchbox-sword {
	border: solid 1px #fff;
	margin-left: 0px;
	height: 22px;
	margin-top: -7px;
	margin-bottom: 14px;
	margin-left: 10px;
	padding: 3px 8px;
}

.tx-indexedsearch-searchbox-button {
	color:#fff;
	border:solid 1px #fff;
	background-color:#fff;
	width:4em;
	margin-left:10px;
}

.tx-indexedsearch-rules {
	display:none;
}	
/***** Images anpassungen *****/	
	
#visual img, #visual_small img, #content_links img, #content_rechts img, #logo img, #reben img, #visual, #inhalt_3_Spaltig img, embed, object, video {
  max-width: 100%;
  width:auto;
  height: auto;
}	


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

.csc-textpic-imagewrap {
	
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	display:block;
	margin-bottom:0px;
}
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;
	max-width:100%;
}
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: visible;
}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{
	float:none;
	width:auto;
}

div.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
    float: right;
}

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

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
    max-width: 100%;
}

#formhandler_contact_form #infos{
	float:left;
	width:13px;
	margin-right:5px;
}

#formhandler_contact_form label {
display:block;
float:left;
padding-bottom:2px;
padding-top:5px;
}

#formhandler_contact_form input {
border: 1px solid #9c9c9c;
padding:5px;
width:95%;
}

#formhandler_contact_form select {
border: 1px solid #9c9c9c;
padding:5px 5px 0;
width:96.8%;
}

#formhandler_contact_form option {
padding:2px 5px;
}

#formhandler_contact_form div.row {
	margin-bottom:3px;
}

#formhandler_contact_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 {
	font-size:12px;
}
#formhandler_contact_form .error {
	margin-left:0px;
}

#formhandler_contact_form span.red a {
	color:red;
}

.googleMapsScreen {
  position: relative;
  height: 350px;
  overflow: hidden;
}

.googleMapsScreen iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

hr {
	margin-top:10px;
	margin-bottom:10px;
}
.line_1{
	display:none;
}
.alohaeditable {
    display:block !important;
}
.aloha-editable {
    float: none !important;
    width: auto !important;
	min-height:0px !important;
}

.spresponsive_caption, .csc-textpic-caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    bottom: 20px;
    color: #000;
    left: 20px;
    padding: 15px 20px;
    position: absolute;
    right: 20px;
    top: auto;
}

/***** Powermail Formular Extension *****/

.powermail_form h3{
	display:none;
}

.powermail_form .powermail_legend{
	display:none;
}

.powermail_form .powermail_label {
    display: block;
    float: left;
    padding-bottom: 2px;
    padding-top: 5px;
	width:100%;
}

.powermail_form .powermail_input, .powermail_form .powermail_textarea {
    border: 1px solid #9c9c9c;
    padding: 5px;
    width: 95%;
	font-size: 12px;
}

.powermail_form ul.parsley-errors-list{
	list-style:none;
	color:#ff0000;
	padding: 0;
}
.powermail_form ul.parsley-errors-list li{
	padding: 4px 0 6px;
}

.powermail_form .powermail_fieldwrap{
	margin-top:5px;
}
.powermail_form .mandatory{
	padding-left:5px;
}

.powermail_form input:invalid, .powermail_form textarea:invalid{
	background-color:#fff;
}

.powermail_form .powermail_select{
    padding: 0 12px 0 2px;
	border: 1px solid #9c9c9c;
}
.powermail_form .powermail_select option{
    padding: 3px 0 3px 4px;
}

.powermail_form .powermail_submit{
	margin-top:15px;
}

.powermail_form .powermail_fieldset{
    display: table-cell;

}

/***** HTML 5 Video Anpassungen *****/
.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level {
    background: #3f6a9e;
}

.vjs-default-skin .vjs-load-progress {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-progress-control .vjs-slider-handle:before {
    display: none;
    font-size: 1.3em;
    margin-top: -0.1em;
    padding-top: 0;
    transform: rotate(0deg);
}

.vjs-volume-handle.vjs-slider-handle{
	margin-left:0 !important;
}

.vjs-default-skin .vjs-seek-handle {
    width: 12px;
}
.vjs-default-skin .vjs-progress-holder {
    overflow: hidden;
}
.vjs-default-skin .vjs-progress-control {
    font-size: 0.3em;
}
.vjs-default-skin:hover .vjs-progress-control .vjs-slider-handle:before{
    display:block;
}
.vjs-default-skin .vjs-big-play-button:before {
    left: 2px;
    line-height: 2em;
}
.vjs-default-skin .vjs-big-play-button {
    border: 0.1em solid #fff;
    border-radius: 1.6em;
    height: 2em;
    left: 0;
    margin: -1em auto 0;
    position: relative;
    top: 50%;
    width: 2em;
}
.video-js-box {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.video-js {
    position: relative;
	float:left;
	max-width:100%;
}

/* ==== 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 only screen 
and (min-width : 803px) 
and (max-width : 1010px) {
#wrapper{width:95%;}


.grid_10{
	width:66.6666666%;
}
.grid_3{
	width:33.3333333%;
}


.csc-textpic-intext-left-nowrap .csc-textpic-text {
    float: left;
    margin-left: 0;
    width: 100%;
	margin-top:15px;
}

#visual_small, #visual {
    overflow: hidden;
    width: 100%;
}
#visual_small img, #visual .csc-textpic-image img{
	min-height:135px;
	max-width:960px;
}

}


@media  (max-width: 803px) {
#container, #colophon{}

#wrapper{
	max-width: 95%;

}

#visual_small, #visual {
    overflow: hidden;
    width: 100%;
}
#visual_small img, #visual .csc-textpic-image img{
	min-height:135px;
	max-width:960px;
}

#inhalt_3_Spaltig > div{
	float:left;
	width:50%;	
}
#inhalt_3_Spaltig > div.typo3-feedit-element:nth-child(3n+1){
	clear:none;
}
#inhalt_3_Spaltig > div.typo3-feedit-element:nth-child(2n+1){
	clear:left;
}

#inhalt_3_Spaltig .dreiSpF{
	clear:none;
}

#inhalt_3_Spaltig .zweiSpF{
	clear:left;
}
footer .zweiSpF{
	clear:left;
}

.whiteLineZ > div{
	border-top:1px solid #fff;
	padding-top:20px;
}

.grid_4{
	width:50%;
}

#zweiSpaltenTaser .grid_4, .grid_9{
	width:100%;
}
#inhalt_rechts > div {
	width:50%;
}

#inhalt_rechts > div:first-child > div > div{
	border-top:1px solid #fff;
	padding-top:28px;
}


#logo {
    margin-left: 0px;
}

#mobileMenu {
    width: 44%;
}

#closeButton{
	margin-right:30px;
}

.navigation{
	display:none;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    float: left;
    margin-left: 0;
    width: 100%;
	margin-top:15px;
	max
}

}
@media  (max-width: 510px) {
#wrapper{
	max-width: 95%;

}

#logo{
	width:170px;
}
#visual, #visual_small{
    min-height: 104px;
}
#visual_small img, #visual .csc-textpic-image img {
    max-width: 740px;
    min-height: 104px;
}
#inhalt_3_Spaltig > div{
	float:left;
	width:100%;	
}

#inhalt_3_Spaltig .zweiSpL > div{
	border-top:1px solid #fff;
	padding-top:20px;
}

#inhalt_rechts > div {
	width:100%;
}

#mobileMenu {
    width: 69%;
}


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

.grid_4 {
	width:100%;
	margin-left: 0;
	margin-right: 0;
}


#innerBody.moveleft{
	left:75%;
}

#banner {
	display:none;
}

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

.navigation{
	display:none;
    
}

#visual .flex-direction-nav { display:none} /*fix for IE 7 */
#visual .flex-direction-nav li a {display:none}
#visual .flex-direction-nav li a:hover  {display:none}
#visual .flex-direction-nav li .next {display:none}
#visual .flex-direction-nav li .prev {display:none}
#visual .flex-direction-nav li .disabled {display:none}


}

@media (max-width: 370px) {
#wrapper{
	max-width: 95%;

}

#innerBody.moveleft{
	left:75%;
}
#layer{
	height:100%;
	width:25%;
	position:fixed;
	left:75%;
	display:none;
	z-index:99999;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img{
	float:none;
	margin-right:0;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap img{
	float:none;
	margin-left:0;
}

#visual .flex-direction-nav { display:none} /*fix for IE 7 */
#visual .flex-direction-nav li a {display:none}
#visual .flex-direction-nav li a:hover  {display:none}
#visual .flex-direction-nav li .next {display:none}
#visual .flex-direction-nav li .prev {display:none}
#visual .flex-direction-nav li .disabled {display:none}

}



/* ==|== 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;
}
*/