@charset "utf-8";
/* CSS Document */



body{
	color:#999999;
	font-family: verdana;  
	font-size:13px; 
	line-height:26px;
	z-index:2;
	max-width:100%;
	background-color:#cccccc;
	
	}
	
#innerBody{
	display:block;
	position:absolute;
	width:100%;
	left:0;
	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: 1150px;
	margin: auto;
	overflow:hidden;
	
}

#container{
	max-width: 1040px;
	margin: auto;
	background-color:#FFFFFF;
	border-top:solid 6px #e2001a;
}
	
header{
	padding:0px 0 0px 0;}

/* structure */   

#main>#content{
	background:url(../images/Schatten.png) repeat-x;
}

#container {
	background-color:#fff;
}



#logo {
	width:246px;
	height:74px;
	float:left;
	margin-left:30px;
	margin-top:34px;
	margin-bottom:38px;
}


#banner {
	width:430px;
	height:20px;
	float:right;
	clear:right;
	color:#595959;
	margin-top:50px;
	padding-right:20px;
	text-align:right;
}

#top_navigation{
	float:right;
	background:#000;
	height:23px;
	width:100%;
	padding-right:0px;
	padding-left:10px;
	list-style:none;
	text-align:left;
}



#navigation-container {
	float:right;
	width:100%;
	height:33px;
	margin-top: ;
	background-color:#000;
	border-top:solid 5px #919191;
}

#navigation{
	display:inline  !important;
}

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


#closeButton{
	float:right;
	cursor: pointer;
	margin-top:5px;
	margin-right:10px;
	width:14px;
	height:16px;
	background: url(../images/Close_Phone.png);
}

#content_links {
	margin-top:30px;
	padding-left:30px;
	padding-right:20px;
	font-size:12px;
	color:#000;
	line-height:16px;
}

.csc-default{
	margin-bottom:20px;
}
#visual .csc-default{
	margin-bottom:0px;
}
#content_links li {
	margin-left:15px;
}

#content_links .slides li{
	margin-left:0px;
}

#content_links h1 {
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	color:#e30011;
	text-align:left;
	margin-bottom:25px;
}

#content_links h3 {
	font-size:14px;
	line-height:16px;
	text-align:left;
	color:#e30011;
	font-weight:bold;
}


#content_rechts {
	padding-right:30px;
	padding-left:0px;
	font-size:12px;
	line-height:16px;
	color:#000;
	text-align:left;
	margin-top:30px;
}
h4 {
	padding-bottom:5px;
}
h4 a:link, h4 a:visited,  #formhandler_contact_form #submit, #formhandler_contact_form #submit:visited  {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding:6px;
	background-color:#68ac40;
	box-shadow:3px 3px 4px #666666;
	line-height:30px;
	width:auto;
	border:none;
}

h4 a:hover, #formhandler_contact_form #submit:hover{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	background-color:#68ac40;
	padding:6px;
	box-shadow:4px 5px 5px #666666;
	line-height:30px;
	width:auto;
	border:none;
}

#content_rechts h1 {
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	color:#e30011;
	text-align:left;
	margin-bottom:25px;
}

#content_rechts h3 {
	font-size:14px;
	line-height:16px;
	text-align:left;
	color:#e30011;
	font-weight:bold;
}



#content_links_unten img {
	margin-bottom:25px;
}


/* links definition */
a:link, a:visited {color:#e30011; text-decoration:none;}
a:active
a:hover{color:#e30011; text-decoration:underline;}
a:hover{color:#e30011; text-decoration:underline;}


#content {  
	margin:0 0 0px 0;
}
#content ul, #content ol {
	margin: 0 0;
	padding: 0 0 0 0px; }
#content dd {
	margin: 0 0 0 40px; }
	
	
footer{ 
	height:120px;
	clear:both;
	margin-top:30px;
	float:left;
	width:100%;
	background-color:#000;
	padding-bottom:20px;
}

#copy {
	float:left;
	color:#fff;
	font-size:12px;
	padding-left:30px;
	padding-top:20px;
	
}

#copy, #copy2, #copy3 a:link{
	color:#fff !important; 
	text-decoration:none;
	font-weight:normal;
}

#copy, #copy2, #copy3 a:hover{
	color:#fff !important; 
	text-decoration:underline;
}

#copy, #copy2, #copy3 a:visited{
	color:#fff !important; 
	text-decoration:none
}

#copy2, #copy3{
	color:#fff;
	padding-top:20px;
}

#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
}

#top_navigation{
	float:right;
	height:22px;
}

#subnav {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-align:left;
	padding-right:20px;
	line-height:22px;
	background-color:#68ac40;
	height:22px;
	margin-left:-3px;
	list-style:none;
	}

#subnav a:link, #subnav a:visited{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:0px;
	padding-right:5px;
	list-style:none;
}


#subnav a:hover{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
	padding-left:0px;
	padding-right:5px;
	list-style:none;
}

#subnav a:active{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:right;
	padding-left:0px;
	padding-right:5px;
	list-style:none;
}


	
/***** Images anpassungen *****/	
	
#content_links img, #content_rechts img, #logo img, #visual, 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;
	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_contact_form #infos{
	float:left;
	width:13px;
	margin-right:5px;
}

#formhandler_contact_form label {
display:block;
float:left;
}

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

#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:30px;
	margin-bottom:30px;
}
.line_1{
	display:none;
}



/* ==== 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 : 770px) 
and (max-width : 1024px) {
#container, #colophon{width:730px;}
.grid_10{
	width:66.6666666%;
}
.grid_3{
	width:33.3333333%;
}
#container {
	background-color:#fff;
}

#navigation-container {
	float:right;
	width:100%;
	height:33px;
}

#top_navigation{
	float:right;
	height:22px;
}

#banner {
	display:none;
}

#copy {
	float:left;
	color:#fff;
	font-size:12px;
	width:60%;
	line-height:53px;
}

#subnav {
	float:left;
	text-align:left;
}


.flex-caption {}

.flex-caption strong{ display: block; font-size:1.25; font-weight:bold; text-transform:uppercase; margin-bottom:0px; color:#595959;
}



/* Control Nav */
.flex-control-nav {}
.flex-control-nav li {margin: 7px 0px 0 0px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 18px; height: 18px; display: block; background: url(../images/Navi_Startgalerie2.png) no-repeat;background-position:0 -3px; color:transparent; cursor: pointer; text-indent: -999em; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; }
.flex-control-nav li a:hover {background-position: 0 -25px;}
.flex-control-nav li a.active {background-position: 0 -48px;}

}


@media  (max-width: 770px) {
#container, #colophon{width:480px;}

#wrapper{
	max-width: 504px;

}

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

#banner {
	display:none;
}

#navigation-container {
	float:right;
	width:100%;
	height:33px;
}

#logo {

	float:left;
	margin-left:20px !important;
	margin-bottom:23px;
}

#logo2 {
	float:right !important;
	margin-right:20px !important;
	top:30px;
	height:97px;
	width:115px;
	padding-top:20px;
}

#mobileMenu{
	position:absolute;
	overflow:hidden;
	height:auto;
	padding-left: 18%;
    width: 46%;
	display:none;
	z-index:0;
}

.navigation{
	display:none;
}

.navigation{

}

.nav > ul > li > a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    padding: 2px 30px 3px 6px;
	display:block;
}

.nav li ul a {
    font-size: 14px;
	color:#fff;
}

#subnav {
	color:#000;
	font-size:9px;
	font-weight:bold;
	float:left;
	text-align:left;
	padding-right:20px;
	line-height:22px;
	background-color:#2382ba;
	height:22px;
	width:170px;
	border-right: solid 5px #936037;
	margin-left:0px;
	}

#subnav a:link{
	color:#000;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

#subnav a:hover{
	color:#fff;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

#subnav a:active{
	color:#fff;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-left:5px;
	padding-right:5px;
}

#subnav a:visited{
	color:#000;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-left:5px;
	padding-right:5px;
}

#mobileMenu{
	height:auto;
	transition: max-height 0.5s ease;
	-webkit-transition: max-height 0.5s ease;
	position:absolute;
	overflow:hidden;
	left:10px;
	height:100%;
	width:160px;
}


#content_unterseite {
	margin-bottom:20px;
	margin-left:25px;
}

#content_links {
	padding-right:20px;
	padding-left:20px;
}

#content_rechts {
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

footer{
	height:auto;
	background-color:#000;
}

#nach_oben{
	padding-left:30px;
}
#copy{
	
}

.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%;
}

#copy, #copy2, #copy3  {
	float:left;
	color:#fff;
	font-size:12px;
	width:440px;
	background-color:#000;
}

#copy2, #copy3  {
	padding-left:30px;
}


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

#banner {
	width:230px;
	height:20px;
	float:right;
	color:#595959;
	margin-top:90px;
	padding-left:20px;
}

.flex-caption {display:none;}

.flex-caption strong{display:none;}

/* Direction Nav */


/* Control Nav */
.flex-control-nav {display:none;}
.flex-control-nav li {display:none;}
.flex-control-nav li:first-child {display:none;}
.flex-control-nav li a {display:none;}
.flex-control-nav li a:hover {display:none;}
.flex-control-nav li a.active {display:none;}

.line_1{
	display:block;
}
.line_1 hr{
	margin:10px 20px 0 20px;
}

}

@media (max-width: 480px){
#container, #colophon{width:calc(100% - 24px);}
#innerBody{
	min-width:270px;
}
#innerBody.moveleft{
	left:75%;
}

#banner {
	display:none;
}

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


#logo {
	width:210px !important;
	float:left;
	margin-left:35px !important;
}

#logo2 {
	display:none;
}

#wrapper{
	max-width: 95%;
}

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

.navigation{
	display:none;
    
}

.navigation{

}

.nav > ul > li > a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    padding: 2px 30px 3px 6px;
	display:block;
}

.nav li ul a {
    font-size: 14px;
	color:#fff;
}


footer {
	width:100%;
}


#copy, #copy2, #copy3  {
	float:left;
	color:#fff;
	font-size:12px;
	background-color:#000;
	width:80%;
}



#banner {
	width:140px;
	height:20px;
	float:right;
	color:#595959;
	margin-top:48px;
	padding-right:10px;
	font-size:12px;
}

#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: 320px) {
#container, #colophon{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;
}

#logo {
	width:190px !important;
	float:left;
	margin-left:35px !important;
}


#banner {
	width:100px;
	height:20px;
	float:right;
	color:#595959;
	margin-top:60px;
	padding-right:10px;
	font-size:8px;
	
}


footer {
	width:100%;
}

#copy {
	float:left;
	color:#fff;
	font-size:12px;
	background-color:#000;
}





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