body { background: #f1f1f1; font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #333;	}
html, body { margin:0; padding:0; height:100%;}
	
	#top-navi { border-bottom: 1px solid #e6e6e6; background: #fff; position: absolute; top:0px; z-index: 200; width: 100%; display: none}
	#top-navi span { margin: 0 auto; display: block; width: 750px; padding: 7px 25px 7px 25px; text-align: right;}
	#top-navi span a { color: #666; text-decoration: none;}
	#top-navi span a:hover { color: #666; text-decoration: underline;}

	#container { width: 800px; margin: 0 auto; }
	
	#top, #header, #content { background:url(../img/faux_columns_content.gif) repeat-y; height: 1%;	}
	#top { background: #fff; }
	#top-logo, #header-keywords, #content-sub {	width: 267px; float: left;}
	#top-menu, #header-image, #content-main { width: 533px; float: left; position: relative; }	
		#top-menu ul { position: absolute; top: 95px; left: 15px;	} 
			#top-menu ul li { display: inline; }
			#top-menu ul li#current a {	color: #A9AF00; }
		#top-menu ul li a { color: #233354; font-weight: bold; margin: 0 10px 0 0; text-decoration: none;	}
	
	#header { position: relative; }
	
		#header-keywords { background: url(../img/bg_keywords.gif); width: 267px; height: 316px; color: #fff; text-align:center; }
		#header-image {	height: 316px; background: #233354; width: 533px; position: relative; left: 0px; }
		
		#header-image-bottom { position: absolute; width: 533px; height: 105px; bottom: 0; left: 0; background: url(../img/gruener_balken.png); }
		
	#content-sub { width: 217px; padding: 25px;	}
		
		ul#submenu { padding: 0 1px 0px 1px; margin: 0px 0 0px 0;}
		ul#submenu li a { font-size:11px; color: #fff; text-decoration: none;  height: 1%}
		ul#submenu li {margin: 8px 0; display: block; background: url(../arrow_c2m.gif) no-repeat scroll 5px 3px; }
		ul#submenu li#current2 {background: url(../arrow_c2m_active.gif) no-repeat scroll 5px 3px; }
		ul#submenu li a { font-size: 11px; color: #545454; line-height: 14px; padding: 0 0 0 20px; display: block;}
		ul#submenu li a:hover { text-decoration: none; color: #545454; }
		ul#submenu li a.active { font-weight: bold; color: #545454;}
		#content-sub ul#submenu li#current2 { font-weight: bold;  }

		ul#submenu ul { padding: 0 0 0 0; margin:0;}
		ul#submenu ul li { border-bottom: none; padding: 0 0 0 15px; background: url(../arrow_c2m.gif) no-repeat scroll 20px 5px; }
		ul#submenu ul li a { font-size:11px; font-weight:normal; line-height: 14px; }
		ul#submenu ul li a.active { font-weight: bold; }
		
		ul#submenu ul #active { background: url(../arrow_c2m_active.gif) no-repeat scroll 20px 3px;}
		
		#content-sub h1 { margin: 0 0 30px 0; font-size: 16px; font-weight: bold; color: #233354; line-height: 24px;}
		#content-sub h2 { margin: 0 0 25px 0; font-size: 12px; font-weight: bold; color: #233354;}
		#content-sub h3 { margin: 0 0 5px 0; font-weight: bold; color: #233354;}
		#content-sub p { margin: 0 0 10px 0; line-height: 170%; }		
		#content-sub a { text-decoration: none; color: #233354;}		
		#content-sub a:hover { text-decoration: underline; }	
	
	#content-main { width: 483px; padding: 25px; }
		#content-main a { text-decoration: none; color: #233354; font-style: italic}		
		#content-main a:hover { text-decoration: underline; }		
		#content-main h1 { margin: 0 0 30px 0; font-size: 16px; font-weight: bold; color: #233354; line-height: 24px;}
		#content-main h2 { margin: 0 0 15px 0; font-size: 14px; font-weight: bold; color: #233354; line-height: 22px;}
		#content-main h3 { margin: 0 0 15px 0; font-size: 12px; font-weight: bold; color: #233354; line-height: 22px;}
		#content-main ul  {margin: 15px 0 15px 5px; }

		body div#container div#content div#content-main ul {
			list-style-image: url(../arrow_c2m_active.gif); margin: 0 0 0 5px; padding: 0 0 0 20px;
		}
		body div#container div#content div#content-main ul li {
			line-height: 170%;
		}
		
		/*#content-main ul li { line-height: 170%; margin: 0 0 0 5px; background: url(../arrow_c2m.gif) no-repeat scroll 5px 5px; padding: 0 0 0 20px;}*/
		/*#content-main ul li.c2m-link { line-height: 170%; margin: 0 0 0 5px; background: url(../arrow_c2m_active.gif) no-repeat scroll 5px 5px; padding: 0 0 0 20px;}*/
		
		#content-main p { margin: 0 0 10px 0; line-height: 170%; }
		#content-main .forminfo { padding: 5px; margin: 10px 0; background: #f1f1f1; border: 1px solid #e6e6e6;}	  
		#content-main .text-container { clear: both; overflow: hidden; }
		
		#footer-links { float: left; width: 217px; padding: 10px 25px; color: #333}
		#footer-links a { color: #333;}
		#copyright { float: left; width: 483px; padding: 10px 25px;  color: #333;}
	
	.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }

	.formgen .formblock { margin: 0 0 10px 0; }
	.formgen .forminfo {
		background: #f1f1f1;
		padding: 5px;
		border: 1px solid #e6e6e6;
		margin: 0 0 15px 0;
		line-height: 22px;
		font-weight: bold;
		color: red;
	}
	.formgen label { display: block; width: 150px; float: left; }
	.formgen textarea { width: 300px; height: 70px;}
	.formgen input { width: 300px; }
	.formerror { color: red; font-weight: bold;}
	.formgen .formsubmit  {margin: 0 0 0 150px; width: 100px;}
	
	#amortisationsrechnung { background: #f1f1f1; }
	#amortisationsrechnung tr td { border-bottom: 1px solid #fff; padding: 5px;	}
	#amortisationsrechnung tr td img:hover { cursor: help; }
	
	#amortisationsrechnung .tr-hdr { background: #CCC; }
	
	#amortisationsrechnung .tr-hdr td {	padding: 5px;	font-size: 12px; font-weight: bold;	}
	#amortisationsrechnung td input {	width: 100px;	}
	
	#container #content-main p.form_produkt { background: #f1f1f1; padding: 5px 10px;	border: 1px solid #e6e6e6; font-weight: bold; margin: 15px 0; }
	 #container #content-main p.form_produkt a { text-decoration: underline;}
	.block-trenner { border: none; border: 1px solid #e6e6e6; margin: 10px 0 15px 0;	display: block;}
	#container #content-main table { width: 95%; margin: 0 auto; line-height: 150%; vertical-align:top;}	
	.teaserNav { margin: 0 0 15px 0;}
	#login-box { padding: 35px 25px; text-align: left; line-height: 16px;}
	#login-box h3 { margin: 0 0 15px 0; font-size: 12px; font-weight: bold;}
	#login-box #login, #login-box #paswd { width: 175px; border: 1px solid #233354; margin: 3px 0;}
	#login-box .submit {margin: 0 0 10px 0;}
	#login-box a {color: #fff; line-height: 16px; text-decoration: none}
	#login-box a:hover { text-decoration: underline;}
	
	div#content-main .c2m-message { background:#f1f1f1 url(../information.gif) 3% 50% no-repeat; border: 1px solid #e6e6e6; margin:10px 0 10px 0; padding:8px 0px 8px 45px;	font-weight:bold;}
	

	.download { margin: 0 0 15px 0; line-height: 16px;}
	.download-beschreibung { margin: 0 0 15px 0;}
	.download-vorschaugrafik {}
	.download-vorschaugrafik img { padding: 2px; }
	
	.teaser { margin-bottom: 20px; }
	div#content-sub .teaser h3 { line-height: 150%; }
	
	/* FANCYBOX */
	div.picture-fb {
		float: left;
		width: 200px;
		padding: 1px;
		border: 1px solid #ddd;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	div.picture-fb span {
		display: block;
		padding: 5px;
		background: #f1f1f1;
		border-top: 1px solid #fff;
		text-align: center;  
		line-height: 150%;
	}
	div.picture-fb a {
		margin-bottom: 10px;
	}