/* ----------------------------------------------------------------- */
/*     CSS developed 2007 by Smartforce.ch
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* Basics */
/* ----------------------------------------------------------------- */
body{ margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }
hr{ display:none; }
img{border:0; vertical-align: bottom; }
/* Links */
a{text-decoration:none; color:#b3b0af;}
a:hover {color:#969594;}
a.active {color: #a3a3a3;}

/* Center */
#wrapper { width:995px;  border-right: 1px solid #8f9292;}

/* ----------------------------------------------------------------- */
/* Header */
/* ----------------------------------------------------------------- */
#head{height: 101px; margin: 0; width: 995px; border-bottom: 1px solid #8f9292; background-color: #f15b4f;}
	
	#logocw { position: relative; top:36px; left: 40px; width: 497px; margin: 0; height: 37px;}
		#logocw h1 { padding: 0; margin: 0; display: block; width: 497px; height: 37px; background: url(../images/logo_cw.gif) no-repeat 0 top; text-indent: -9000px; overflow: hidden; }
		#logocw h1 a{ display: block; height: 37px; width:497px; color:#000;}
	
	#logofb { position: absolute; top:0; left: 760px; width: 235px; height: 101px; margin: 0; padding: 0;}
		#logofb h2 { padding: 0; margin: 0; display: block; width: 235px; height: 101px; background: url(../images/head_fambaulogo.gif) no-repeat right #f15b4f; text-indent: -9000px; overflow: hidden; }
		#logofb h2 a{ display: block; height: 101px; width:235px; color:#000;}
	
	
	/* ----------------------------------------------------------------- */
	/* Navigation */
	/* ----------------------------------------------------------------- */
	#menu{position: relative; top: 42px; height: 22px; width: 795px; background: url(../images/bg_menu.jpg); height: 22px;}
		#menu ul { list-style: none; margin: 0; padding: 0; }
		#menu li { float: left; margin: 0; padding: 0; font-size: 12px;}
		#menu li a { display: block; padding: 4px 6px 3px; text-decoration: none; white-space: nowrap; color:#58595b; border-right: 1px solid #8f9292;}
		#menu li a:hover{ background-color: #ddd; color:#58595b;}
		#menu li.active a{ background-color: #ddd; color: #f15b4f; text-decoration: none;}


/* ----------------------------------------------------------------- */
/* Inhalt */
/* ----------------------------------------------------------------- */
#contentwrapper{color: #58595b; line-height: 1.5em; width: 995px;}
#contentwrapper h2{margin: 0 0 15px 0; padding: 0; color: #f15b4f; font-size: 15px;}
#contentwrapper h3{margin: 0; padding: 0; color: #f15b4f; font-size: 11px;}

#contentwrapper p{margin: 0 0 20px 0;}


#content1{float: left; width: 350px; margin: 48px 0 0 22px; /*background: #ffeeee;*/}
html>body #content1{float: left; width: 350px; margin: 90px 0 0 40px; /*background: #ffeeee;*/}

#content2{float: left; width: 433px; margin: 48px 38px; /*background: #eebbbb;*/}
html>body #content2{float: left; width: 433px; margin: 14px 40px; /*background: #eebbbb;*/}

#content2 #bildcontainer{width: 363px; height: 450px;}
	#content2 #smallpics{float: left; width: 408px;}
	#content2 #smallpics img{border:1px solid #58595b; margin: 0 3px 5px 0;}
	#content2 #smallpics img:hover{border:1px solid #f15b4f; margin: 0 3px 5px 0;}
	#content2 #mainpic{border:1px solid #58595b; }

#content1 ul.pdf{margin: 10px 10px 4px 0; padding: 0; list-style: none;}
#content1 ul.pdf li{background: url(../images/ico_pdf.jpg) no-repeat 0 2px; padding: 0 0 0 18px;}

#content1 ul.none{margin: 10px 10px 4px 0; padding: 0; list-style: none;}
#content1 ul.none li{ padding: 0;}
#content1 ul.noneRollover{margin: 10px 10px 4px 0; padding: 0; list-style: none;}
#content1 ul.noneRollover li{ padding: 0; margin:0;}
#content1 ul.noneRollover li a{padding: 1px 0;}
html>body #content1 ul.noneRollover li a{display:block; padding: 1px 0;}

/* Tabellen */
#content1 table { border-collapse: collapse; width: 240px; margin: 20px 0 30px 0;}
#content1 caption {color: #7c2020; text-align: left; padding: 10px 0; margin: 0;  font-size: 100%; font-family:Arial,Sans-Serif;  font-weight: bold;}
#content1 tr:hover { background:#eee; }
#content1 td {padding:0px; text-align:right; width: 60px;}
#content1 th {text-align:left; width: 200px; font-weight: normal; }

#content1 a.active{text-decoration:none; color:#f15b4f;}

/* Forms */
/*
#content1 form { margin:0px; padding:0px; }
#content1 form fieldset { border:none; margin:0px; padding:0px; }
#content1 form legend { display:none; }
#content1 form dl { margin: 0; padding: 0; }
#content1 form dt { margin: 0; padding: 2px 0 0 0;}
#content1 form dd { margin: 0; padding: 0 0 10px 0; }
#content1 form em {color: #ff0000;}
#content1 form input { margin-bottom:9px; width:245px; }
#content1 form input.checkbox{width: auto; margin: 5px 0 0 0;}
#content1 form label.checkbox{ margin:0 0 0 5px; }
#content1 form input.button{width: auto;}
*/

/* Forms */
#content1 form { margin:0px; padding:0px; }
#content1 form fieldset { border:medium none; margin:0px; padding:0px; }
#content1 form legend { display:none; }
#content1 form dl { width: 420px; margin: 0; padding: 0; }
#content1 form dt {width: 130px; float: left; margin: 0; padding: 2px 0 0 0; font-weight: normal; color:#494f4d; }
/* commented backslash hack for mac-ie5 \*/
#content1 form dt { clear: both; }
/* end hack */
#content1 form dd { float: left; width: 220px; margin: 0; padding: 2px 0 2px 10px; }

#content1 form em {color: #ff0000;}
/*
#content form dl { margin:0px; padding:0px;}
#content form dt { clear:left; float:left; margin-bottom:9px; margin-right:25px; width:160px; border-bottom: 1px solid #494f4d;}
#content form dd { clear:right; float:left; border-bottom: 1px solid #494f4d; padding: 10px; }
*/

/*	#content * html form dd { float:none; margin-left:150px; }
#content * + html form dd { float:none; margin-left:150px; }
*/
#content1 form label { line-height:150%; }
#content1 form input { margin:2px 0; width:200px; }
#content1 form input.radiobutton { border:medium none; margin:0px; width:auto; }
#content1 form label.radiobutton { margin:0 10px 0 2px; }
#content1 form input.checkbox{width: auto; margin: 5px 0 0 0;}
#content1 form label.checkbox{ margin:0 0 0 5px; }
#content1 form .button{ width:auto; }


/* ----------------------------------------------------------------- */
/* Figur 220x348 */
/* ----------------------------------------------------------------- */
#figur{clear:both; height: 190px; width: 960px; margin: 0 0 0 35px;}


/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer{clear:both; width:100%; height: 81px; background: url(../images/bg_footer.jpg); border-top: 1px solid #a3a3a3;}
	#logobh h5 { padding: 0; margin: 0 0 0 45px; display: block; width: 200px; height: 60px; text-indent: -9000px; overflow: hidden; }
	#logobh h5 a{ display: block; height: 60px; width:200px; color:#000;}