@charset "utf-8";

@import url("boxes.css");

*{
	margin:0px;
	padding:0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	background:#b3d9ee url(../images/bg_body.jpg) repeat-x top;
}

img, div {   behavior: url("../../../iepngfix.htc");}


div#bg_flyer {

  height:100%;
  width: 100%;
  background: url(../images/opacity.png);
  behavior: url("../../../iepngfix.htc");
position:absolute;
	z-index:90;
	left:0px;
}

#flyerContainer{
	width:430px;
	margin:0px auto;
}


#flyerContainer #flyer{
	position:absolute;
	z-index:100;
	width:425px;
	height:650px;
	top:16px;
	text-align:right;
	
}

#flyerContainer #flyer a{
	font-size:150%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#mainContainer{
	margin:0px auto;
	width:900px;
	
}


#flyer{
	margin-top:50px;
	margin-bottom:50px;
	margin-left:9px;
	margin-right:9px;
	border:1px solid #ea861b;
	background:#fefcf9;
	padding:0px;
	
	
}

#flyer h2{
	font-weight:bold;
	font-size:140%;
	padding-bottom:15px;
	color:#ee8e2e;
}



#mainContainer #banner{
	background:#2a2f35 url(../images/banner.jpg);
	width:900px;
	height:226px;
}


#mainContainer #infobox{
	background:url(../images/infobox.jpg) no-repeat;
	width:900px;
	height:200px;
}


#mainContainer #infobox h2{
	color:#333;
	margin-bottom:15px;
	font-size:125%;
	font-weight:bold;
	text-transform:uppercase;
}

#mainContainer #infobox p{
	line-height:20px;
	padding-bottom:7px;
	font-size:90%;
	text-align:justify;
	color:#666;
}

#mainContainer #infobox p a{
color:#333;
	position:absolute;
	margin-left:112px;
	top:134px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	width:116px;
	text-align:center;
}


#mainContainer #infobox p a:hover{
	color:#666;
	
}

#mainContainer #infobox #infobox1{
	width:236px;
	height:160px;
	position:absolute;
	margin-left:39px;
	top:253px;

}

#mainContainer #infobox #infobox2{
	width:236px;
	height:160px;
	position:absolute;
	margin-left:332px;
	top:253px;

}

#mainContainer #infobox #infobox3{
	width:236px;
	height:160px;
	position:absolute;
	margin-left:627px;
	top:253px;

}

#mainContainer #content{
	float:right;
	width:663px;
	margin-bottom:35px;
	margin-right:17px;
}


#mainContainer #content h1{
	color:#ee8e2e;
	font-size:150%;
	font-weight:bold;
	padding-bottom:2px;
	margin-bottom:25px;
	border-bottom:1px dotted #666;
	text-transform:uppercase;
	letter-spacing:12px
}

#mainContainer #content h2{
	font-size:130%;
	font-weight:bolder;
	margin-bottom:20px;
	margin-top:25px;
	color:#2a2f35;
	letter-spacing:3px
}

#mainContainer #content h3{
	font-size:120%;
	font-weight:bolder;
	margin-bottom:15px;
	margin-top:20px;
	color:#2a2f35;
	letter-spacing:3px
}


#mainContainer #content h6{
	font-size:170%;
	font-weight:bold;
	color:#ee8e2e;
	
}

#mainContainer #content p{
	padding-bottom:12px;
	line-height:20px;
	text-align:justify;
	
}

#mainContainer #content ul{
	padding-bottom:12px;
	margin-left:20px;
	
}

#mainContainer #content ul li{
	padding-bottom:6px;
	line-height:20px;
	text-align:justify;
	
}


#mainContainer #content ol{
	padding-bottom:12px;
	margin-left:20px;
	
}

#mainContainer #content ol li{
	padding-bottom:6px;
	line-height:20px;
	text-align:justify;
	
}


#mainContainer #content a{
	color:#ee8e2e;
	
}

#mainContainer #content a:hover{
	text-decoration:none;
	
}
#mainContainer #content #klickpfad{
	padding-top:15px;
	padding-bottom:25px;
	font-size:80%;
	color:#666;
}

#mainContainer #content #klickpfad a{
	color:#ee8e2e;
}

#mainContainer #content #klickpfad a:hover{
	text-decoration:none;
}


#mainContainer #navigation{
	float:left;
	width:200px;
	padding-top:10px;
}

#mainContainer #navigation ul{
	list-style-type:none;
		
}

#mainContainer #navigation ul li{
		
}


#mainContainer #navigation ul li a{
	color:#333;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	width:190px;
	padding-left:10px;
}

#mainContainer #navigation ul li a:hover{
	color:#333;
	background:#f5f1e2;
	
}

#mainContainer #navigation ul li a.aktiv{
	color:#ee8e2e;
	background:#f5f1e2;
	
}


#mainContainer #navigation ul li ul li a{
	color:#333;
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	width:185px;
	padding-left:15px;
}

#mainContainer #navigation ul li ul li a:hover{
	color:#333;
	background:#fff;
	
}
#mainContainer #navigation ul li ul li a.aktiv{
	color:#ee8e2e;
	background:#fff;
	
}





#mainContainer #navigation ul ul ul li a{
	color:#000;
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	width:175px;
	padding-left:25px;
}

#mainContainer #navigation ul ul ul li a:hover{
	color:#333;
	background:#fff;
	
}
#mainContainer #navigation ul ul ul li a.aktiv{
	color:#ee8e2e;
	background:#fff;
	
}



.clear{
	clear:both;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


#wrap{
	background:url(../images/bg_content.jpg) repeat-y center;
	width:900px;
	margin:0px auto;

}

#main {padding-bottom: 45px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 45px;
	clear:both;
	
	} 
	
#footer #footercontent{
	width:900px;
	height:45px;
	margin:0px auto;
	background:#2a2f35;
	font-size:80%;
}	
	
#footer #footercontent #footercol1{
	width:400px;
	float:left;
	padding-left:10px;
	padding-top:15px;
	color:#fff;
}	
		
#footer #footercontent #footercol1 a{
	color:#fff;
	margin-right:10px;
	text-decoration:none;
}
#footer #footercontent #footercol1 a:hover{
	color:#ee8e2e;
}		
	
#footer #footercontent #footercol2{
	width:400px;
	float:right;
	padding-right:10px;
	padding-top:15px;
	color:#fff;
	text-align:right;
}		
	

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



   #mainContainer #content table td.td-0,#mainContainer #content table td.td-1,#mainContainer #content table td.td-2{

    vertical-align:top;
  }
 
 #mainContainer #content table td.td-1{
    width:370px;
    padding-right:23px;
  
  }
  
  
  #mainContainer #content table td.td-last{
    width:120px;
    
  }  
  
  
  #mainContainer #content table td.td-last a.moreBtn{
    display:block;
    text-align:center;
    width:120px;
    height:20px;
    padding-top:5px;
    background:#fcf9f2;
    text-decoration:none;
    border:1px solid #ea861b;
    color:#666;
    font-weight:bold;
  }
  
  #mainContainer #content table td.td-last a.moreBtn:hover{
    background:#f6d4ad;
  }
  
  
  dd.csc-textpic-caption{
    font-weight:bold;
    text-align:center;
  }
  
  
  
  
  div#facebook{
    position:absolute;
    top:56px;
    left:0px;
    width:50px;
    height:133px;
    z-index:999;
  }
  

