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


body{
margin: 0;
padding: 0;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.5;
 color: #555555;
 background-color:#f3f3f3;

}

.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -141px; /* the bottom margin is the negative value of the footer's height */
 background-image:url(../images/bg_pattern.gif);
 background-repeat:repeat;
}
.footer, .push {
	height: 141px; /* .push must be the same height as .footer */
	clear:both;
}





b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 896px; /*Width of main container 840*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
/*
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 261px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 215px; /*Width of left column in pixel*/
margin-left: -896px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 261px; /*Width of right column*/
margin-left: -261px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
/*clear: both;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;*/

/*
clear: left;
*/
}



#reihe_footerschatten {
 float: left;
 width: 100%;
 height: 15px;
 text-align: center;
 overflow: hidden;

}
#footerschatten {
	
 margin-left: auto;
 margin-right: auto;
 text-align:center;
 font-size:0;
}
#reihe_footercontent {
 float: left;
 width: 100%;
height: 126px;
 border-top: 1px;
 border-top-color: #cacaca;
 border-top-style: solid;
 background-color: #f3f3f3;

 text-align:center;
}
#footercontent {
 width: 896px;

 margin-left: auto;
 margin-right: auto;
 padding-top:5px;
 text-align:left;
}
#footercontent_spalte1 {
 float: left;
 width: 305px;
 padding-left:20px;
 text-align:left;
}
#footercontent_spalte2 {
 float: left;
 width: 170px;
 text-align:left;
}
#footercontent_spalte3 {
 float: left;
 width: 180px;
 text-align:left;
}
#footercontent_spalte4 {
 float: left;
 width: 220px;
 text-align:left;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


#reihe_topzeile {
 float: left;
 width: 100%;
 height: 55px;
 text-align: center;
 overflow: hidden;
}
#topzeile {
 width: 896px;
 margin-left:auto;
 margin-right:auto;
 text-align: left;
}
#topzeile_navi {
 margin-left: 10px;
 margin-top: 15px;
 text-align: left;
}
#topzeile_sprachwahl {
float:left;
 margin-top: 18px;
 text-align: left;
}
#topzeile_facebook {
float: right;
 width: 120px;
 margin-top: 15px;
 text-align: left;
 height:20px;
}


#headerbild {

    max-width: 100%;
    height: auto;    
	 font-size: 0;   
}


/* ####### responsive layout CSS ####### */

/*@media (max-width: 896px){ /* 1st level responsive layout break point- drop right column down*/
/*	#maincontainer{
	width: 100%;
		/*
	width: 100%;
	*/
/*	}

/*	#leftcolumn{
	
	margin-top: 0px; 
	margin-left: 0px;
	
	/*
	margin-top: 0px; 
	margin-left: -100%;
	*/
/*	}
	
	#rightcolumn{
	
		margin-left: 215px;
	
		/* 
		margin-left: 215px;
	float: none;
	width: 100%;
	margin-left: 0;
	clear: both;
	*/
	/*}
	
	#contentcolumn{
	margin-right: 0;	
		/*
	margin-right: 0;
	*/
/*	}
}
*/


/*
---------------------------------------------------- TEXTFORMATIERUNG -----------------------------------------------------  
}*/

A:link, A:active  {text-decoration: underline; color:#182758;}

A:visited  {text-decoration: none; color:#182758;}

A:hover  {color:#666666; text-decoration:none;}

.headline1 {
	font-size:16px;
	font-weight:bold;
	color:#182758;
}
.topnavilink a:link, .topnavilink a:active, .topnavilink a:visited {color: #182758; font-size:15px; font-weight:bold;
				text-decoration:none;
                        }
.topnavilink a:hover {color: #888888;
				text-decoration:none;
                        }
.topnavisprache a:link, .topnavisprache a:active, .topnavisprache a:visited {color: #182758;
				text-decoration:none;
                        }
.topnavisprache a:hover {color: #888888;
				text-decoration:none;
                        }
						.topnavisprache	{color: #888888;
				text-decoration:none;
                        }	
.footerheadline {
	font-size:13px;
	font-weight:bold;
	color:#666666;
	line-height:2;
}
.footertext {
	font-size:11px;
	color:#666666;
	line-height:1.7;
}
.footersublink a:link, .footersublink a:active, .footersublink a:visited {color: #666666; font-size:11px;
				text-decoration:none; line-height:1.7;
                        }
.footersublink a:hover {color: #c6c6c6;
				text-decoration:none; line-height:1.7;
                        }
.footermainlink a:link, .footermainlink a:active, .footermainlink a:visited {color: #666666; font-size:13px; font-weight:bold;
				text-decoration:none; line-height:2;
                        }
.footermainlink a:hover {color: #c6c6c6;
				text-decoration:none; line-height:2;
                        }
	
	#expand-box {
    width: 100%;
    padding: 0;
    
    margin: 7px 0 0 0;}

#expand-box-header {
    
    margin: 0;
    color: #FFF;
    padding: 0 0 3px 2px;}

#expand_box_sub_header { clear: both; }

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}  
.clearfix{ display: inline-block;}  
html[xmlns] .clearfix { display: block;}  
* html .clearfix{ height: 1%;}  
.clearfix {display: block}  
		
		/*
---------------------------------------------------- NAVIGATION -----------------------------------------------------  
}*/
* {
  margin: 0px;
  padding: 0px;
}
nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.0;
  margin: 15px auto;
  width: 200px;

}

.menu-item {
  
  width: 200px; 
}

/*Menu Header Styles*/
.menu-item h4 {
  border: 0px;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 12px;
}

.menu-item h4:hover {  
  color: #666666;
}
.menu-item h4 a:visited {  
  text-decoration: none;
}


.menu-item h4 a {
  color: #182758;
  display: block;
  text-decoration: none;
  width: 200px;
}


/*Aktive Elemente*/
.menu-item-aktiv h4 {
  border: 0px;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 12px;
}
.menu-item-aktiv h4:hover {  
  color: #666666;
}

.menu-item-aktiv h4 a {
  color: #182758;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item-aktiv ul {
  font-size: 10px;
  line-height: 15px;
  list-style-type: none;
  padding: 0px;
}
.menu-item-aktiv ul { margin-top:0; margin-bottom: 0; }
.menu-item-aktiv ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #182758;
  display: block;
  width: 200px;
}

.menu-item-aktiv li:hover {
  background: #eee;
}
.menu-item-aktiv li a:hover {
  text-decoration: none;
}


/*ul Styles*/
.menu-item ul {
  font-size: 10px;
  line-height: 15px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  
  /*Animation*/

}
.menu-item ul { margin-top:0; margin-bottom: 0; }

/*
.menu-item:hover ul {
  height: 93px;
  
}*/
.menu-item:hover ul {

}
#menu-item-1:hover ul {

}
#menu-item-2:hover ul {

}
#menu-item-3:hover ul {

}
#menu-item-4:hover ul {

}
#menu-item-5:hover ul {

}
#menu-item-6:hover ul {

}
#menu-item-7:hover ul {

}
#menu-item-8:hover ul {

}
#menu-item-9:hover ul {

}
#menu-item-10:hover ul {

}
#menu-item-11:hover ul {

}
#menu-item-12:hover ul {

}
#menu-item-13:hover ul {

}
#menu-item-14:hover ul {

}
#menu-item-15:hover ul {

}

.menu-item ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #182758;
  display: block;
  width: 200px;
}
.menu-item ul a:visited{
    text-decoration: none;
}

/*li Styles*/


.menu-item li:hover {
  background: #eee;
}

/*First Item Styles*/
.alpha p {
	padding: 8px 12px;
	color: #aaa;
}

.alpha p a {
	color: #aaa;
	font-style: italic;
}

.alpha p a:hover {
	color: #ccc;
}
#hauptinhalt_bild {

 margin-top: 15px; 
 text-align: center;
 overflow: hidden;
 font-size: 0; 
}
#hauptinhalt_text {

 margin-top: 15px;
 padding-right: 10px;
 text-align: left;
}
.ieheightbug {
	
	/*margin-bottom:140px; */
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 24% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 90% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 24% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 90% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
24% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 90% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 24% {
   opacity:1;
 }
33% {
   opacity:0;
 }
 90% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
 /* height:281px;
  width:450px;*/
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 18s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 18s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 18s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 18s;
}

#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}








			
@media (max-width: 896px){ /* 2nd level responsive layout break point- drop left column down */


nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4;

  width: 100%;

}

.menu-item {
  
  width: 100%; 
}
.menu-item h4 a {
  color: #182758;
  display: block;
  text-decoration: none;
  width: 100%;
}
.menu-item-aktiv h4 {
  border: 0px;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  /*padding: 7px 7px;*/
}
.menu-item-aktiv h4 a {
  color: #182758;
  display: block;
  text-decoration: none;
  width: 100%;
}
.menu-item-aktiv ul {
  font-size: 10px;
  line-height: 15px;
  list-style-type: none;
  padding: 0px;
}
.menu-item-aktiv ul { margin-top:0; margin-bottom: 0; }


.menu-item ul a {

  text-decoration: none;
  color: #182758;
  display: block;
  width: 100%;
}


#topzeile {
 width: 100%;

}
#topsection{
height: auto;
}
#reihe_topzeile {
 float: left;
 width: 100%;
 height: auto;
 text-align: center;
 overflow: visible;
}
	#maincontainer{
	width: 100%;
	clear: both;
		/*
	width: 100%;
	*/
	}
	#leftcolumn{
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;
	}
	
	#contentcolumn{
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;
	}

	#rightcolumn{
	
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;

	}
		
	#headerbild {
 width: 100%;
}
img {
    max-width: 100%;
    height: auto;      
}

#rightcolumn{
 
 padding-top: 5px;
background: #E8E8E8;
}
#leftcolumn{

background: #F4F4F4;
}
nav {
	text-align:center;
	
}

.footer, .push {
	height: auto; 
	clear:both;
}
#footer{
position: relative;
clear:both;

}
#reihe_footerschatten {
 width: 100%;
 height: auto;
 text-align: center;
 overflow: hidden;
 margin-top: 60px;
}
#reihe_footercontent {
 float: left;
 width: 100%;
 border-top: 1px;
 border-top-color: #cacaca;
 border-top-style: solid;
 background-color: #f3f3f3;
 height: auto;
 text-align:center;
}
#footercontent {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding-top:5px;
 text-align:center;
}
#footercontent_spalte1 {
 float: left;
 padding-left: 0px;

 width: 100%;
text-align:center;
}
#footercontent_spalte2 {
 float: left;
 width: 100%;
 margin-top: 20px;
 text-align:center;
}
#footercontent_spalte3 {
 float: left;
 width: 100%;
 text-align:center;
}
#footercontent_spalte4 {
 float: left;
 width: 100%;
 text-align:center;
}
#hauptinhalt_navigation {
 width: 100%;
}
.li, .ul  {
 width: 100%;
}
.menu-item-aktiv, .nav  {
 width: 100%;
}
.menu-item-14  {
 width: 100%;
}
nav {

  width: 100%;
    margin-left: auto;
  margin-right: auto;
}

.menu-item {

  width: 100%;
    margin-left: auto;
  margin-right: auto;
}

.menu-item h4 a {

  width: 100%;
    margin-left: auto;
  margin-right: auto;
}

.menu-item-aktiv h4 a {

  width: 100%;
    margin-left: auto;
  margin-right: auto;
}
.menu-item-aktiv ul a {

  width: 100%;
    margin-left: auto;
  margin-right: auto;
}

.menu-item ul a {

  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


}