/********************************************************************************
					CSS - TwinSolar
		@company 	Vanato GmbH
		@date		2009-07-09
*********************************************************************************/


/********************************************************************************
		Allgemein
*********************************************************************************/
body { margin:0; padding:0; list-style:none; font-family: verdana, tahoma, sans-serif; font-size:12px; background:#EEEEEE url(../images/bg.jpg) repeat-x;  }
.clear { clear:both; }

.outer_wrapper { width:962px; }

.logo { float:left; width:100%; text-align:left; background:url(../images/bg.jpg) top left repeat-x; }
.logo h1 { float:left; background:url(../images/logo.gif) top left no-repeat; width:221px; height:60px; text-indent:-9765px; margin:26px 0 0 40px; padding:0; }
.logo .flags { float:right; margin:20px 0 0 0; }

.header h1 { background:url(../images/header.jpg) top left no-repeat; width:962px; height:187px; text-indent:-9765px; margin:10px 0 0 0; padding:0; }

.wrapper { background:url(../images/wrapper_bg.jpg) top left repeat-y; width:962px; margin:0; padding:0; text-align:left; }
.wrapper ul li { margin:0; padding:0; }
.wrapper ul { margin:0; padding:0; }

.flash-header { margin:0 0 0 -1px; }

.navigation#left { float:left; width:220px; padding:30px 0 0 20px; }
.navigation#left a { color:#FE9900; text-decoration:none; }
.navigation#left a:hover { text-decoration:underline; }
.navigation#left ul { margin:0; padding:0; list-style:none; }
.navigation#left li { padding:0 0 0 15px; background:url(../images/rarrow.jpg) top left no-repeat; text-transform:uppercase; margin:0 0 10px 0; }
.navigation#left li#active { padding:0 0 0 15px; background:url(../images/darrow.jpg) top left no-repeat; text-transform:uppercase; margin:0 0 10px 0; }
.navigation#left li#sub_item { background:none; text-transform:none; color:#014B8C; font-size:11px; }
.navigation#left li#sub_item a { color:#014B8C; text-decoration:none; }
.navigation#left li#sub_item a:hover { text-decoration:underline; }
.navigation#left li#subsub_item { background:none; text-transform:none; color:#008000; font-size:11px; margin-left:10px; }
.navigation#left li#subsub_item a { color:#008000; text-decoration:none; }
.navigation#left li#subsub_item a:hover { text-decoration:underline; }


.content { float:left; background:url(../images/content_bg.jpg) top left repeat-y; width:470px; padding:0 25px 0 15px; margin:30px 0 0 0; }
.content h2 { color:#014995; margin:0 0 30px 0; font-size:18px; font-weight:normal; }
.content h3 { color:#FF9A00; margin:10px 0 0 0; font-size:12px; font-weight:bold; }
.content p { color:#666666; margin:10px 0 0 0; line-height:160%; text-align:justify; }
.content a { color:#FE9900; text-decoration:none; }

.content ul { margin:10px 0; }
.content ul li { margin:5px 0 0 15px; color:#666666; line-height:160%; text-align:justify; }

.content .news h4 { color:#666666; font-size:14px; margin:20px 0 0 0; }
.content .news ul { list-style:none; margin:0; padding:0; }
.content .news li { list-style:none; padding:0; }
.content .news li img { float:left; }
.content .news li #text_small { float:left; width:300px; padding:0 15px; font-size:11px; }
.content .news li #text_small h5 { margin:0; color:#FF9800; font-size:12px; }
.content .news li #text_small h6 { margin:0; color:#666666; font-size:10px; }
.content .news li #text_small p { margin:0; color:#676767; }
.content .news li #text { float:left; width:450px; font-size:11px; }
.content .news li #text h5 { margin:0; color:#FF9800; font-size:12px; }
.content .news li #text h6 { margin:0; color:#666666; font-size:10px; }
.content .news li #text p { margin:0; color:#676767; }
.content .news li #text p img { margin-right:5px; }

.standorte_left { width:220px; float:left; clear:both; color:#666666; margin:22px 0 0 0; }
.standorte_left span { font-weight:bold; }
.standorte_right { width:250px; float:left; text-align:center; }

.spacer#hdotted { background:url(../images/hdotted.jpg) top left repeat-x; height:5px; margin:10px 0; }

.sidebar#right { padding:30px 0 0 0; }
.sidebar#right h4 { color:#666666; margin:0; padding:5px; font-size:14px; }
#box_right { float:left; background:url(../images/box_right.jpg) top left no-repeat; height:167px; width:180px; padding:10px; font-size:10px; }
#box_right .head { color:#FE9900; font-weight:bold; } 
#box_right a { color:#FE9900; text-decoration:none; }
#box_left { float:left; background:url(../images/box_left.jpg) top left no-repeat; margin-top:20px; margin-bottom:10px; text-align:justify; height:210px; width:180px; padding:10px; font-size:10px; }
#box_left .head { color:#FE9900; font-weight:bold; } 
#box_left a { color:#FE9900; text-decoration:none; }

.footer { background:url(../images/footer.jpg) top left no-repeat; width:962px; height:45px; text-align:left; font-size:11px; }
.footer ul { float:left; margin:0; padding:10px 0 0 20px; list-style:none; width:600px; }
.footer li { display:inline; }
.footer li a { color:#9EA9E9; }
.footer li a:hover { text-decoration:none; }
.footer #copy { float:right; color:#D8D8D8; padding:10px 20px 0 0; }

#icon_pdf { background:url(../images/icon_pdf.jpg) top left no-repeat; color:#666666; height:30px; float:left; clear:both; padding:7px 0 0 37px; }
#flag_italien { background:url(../images/flags_italien.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_spanien { background:url(../images/flags_spanien.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_frankreich { background:url(../images/flags_frankreich.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_belgien { background:url(../images/flags_belgien.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_oesterreich { background:url(../images/flags_oesterreich.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_schweiz { background:url(../images/flags_schweiz.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_tschechien { background:url(../images/flags_tschechien.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#flag_bulgarien { background:url(../images/flags_bulgarien.gif) center left no-repeat; color:#666666; height:15px; float:left; clear:both; padding:0px 0 0 27px; }
#privat_photovoltaik_allgefahrenversicherung_helvetia { float:left; width:30%; margin-right:10px; background:url(../images/helvetia.gif) top left no-repeat; color:#666666; }
#privat_photovoltaik_allgefahrenversicherung_vhv { float:left; width:30%; margin-right:10px; background:url(../images/vhv.gif) top left no-repeat; color:#666666; }
#privat_photovoltaik_allgefahrenversicherung_twinprotect { float:left; width:30%; margin-right:10px; background:url(../images/logo_twinprotect.gif) top left no-repeat; color:#666666; }

#anfrage #label { clear:both; float:left; width:200px; color:#666666; margin-bottom:5px; }
#anfrage #label span { font-size:11px; font-style:italic; }
#anfrage #label_long { clear:both; float:left; width:450px; color:#666666; margin-bottom:5px; }
#anfrage #field { float:left; width:250px; color:#666666; margin-bottom:5px; }
#anfrage input { width:200px; }
#anfrage #plz, #anfrage #ort { float:left; width:96px; margin-right:3px; }
#anfrage #label.error { color:#FF0000; }
#anfrage #label_long.error { color:#FF0000; }

