/* -- GENERELLE REDEKLARATIONEN ---------------------------------------- */
* {margin:0; padding:0;}
body {font-size:small; background-color:#e0dcdc;}
body, tr,td, input,select, textarea {font:normal small/1.3 Verdana, Arial, Helvetica, sans-serif;}
a:link, a:hover, a:active, a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
ul, ol {margin:0 0 10px 25px;}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 3px 10px;}
p {margin:0 0 15px;}
h1 {font-size:150%; margin:0 0 12px;}
h2 {font-size:130%; margin:8px 0;}
h3 {font-size:100%; margin:6px 0 5px;}
h4 {font-size:90%; margin:4px 0;}
h5 {font-size:80%; margin:3px 0;}
h6{font-size:80%; margin:0;}
hr{display:none;}
img{border:none;}
acronym{border-bottom: 1px dotted;}
blockquote {margin:0 25px 20px 25px; font-style:italic;}
	
	
/* -- globale ID's ----------------------------------------------------------------------------------*/
#wrapper {width:919px; margin:0 auto;}
#main_mitte {width:833px; padding:0px 43px 1px 43px;}

* html #content {margin-left:230px; }	 /* IE6 Korrektur */
#content {width:600px; margin:20px 0 15px 233px;}

#content_mitte {width:600px; height:auto; background-color:#a6d3ea; text-align:left; position:relative; font-size:11px;}

/* -- global header ----------------------------------------------------------------------------------*/
#header {width:833px; height:109px; text-align:right; padding:5px 0; margin:0;}
#header img {margin-left:25px;}
#header img.mleft20 {margin-left:20px;}
#header img.logo {float:left; margin:20px 0 0 14px;}

/* -- Navigation ----------------------------------------------------------------------------------*/	
#linke_spalte {float:left; width:201px; margin-top:20px;}

#navi {float:left; width:201px; height:auto; font-size:11px;}
#navi_mitte	{padding:0px 10px 0px 10px;}

#navi ul {width:180px; text-align:left; padding:0; margin:0;}
#navi li {height:auto; padding:2px 0; list-style:none; background-image:url(../images/navi_trennlinie.gif); background-repeat:no-repeat; background-position:bottom;}

#navi_mitte a.mainnav:link {display:block; padding:5px 0; width:170px; height:auto; text-decoration:none; color:#414143;}
#navi_mitte a.mainnav:active {display:block; padding:5px 0; width:170px; height:auto; text-decoration:none; color:#fff;}
#navi_mitte a.mainnav:visited {display:block; padding:5px 0; width:170px; height:auto; text-decoration:none; color:#414143;}
#navi_mitte a.mainnav:hover {display:block; padding:5px 0; width:170px; height:auto; text-decoration:none; color:#fff;}

#linke_spalte #navi a.selected {color:#fff; text-decoration:none;font-weight:bold;}
#linke_spalte #navi a.selected:hover {color:#fff; text-decoration:none;}
#linke_spalte #navi a.selected_sub {color:#fff; text-decoration:none;}

#navi li.nobg {background:transparent;} /* um das bg-image auszublenden */
#hsh-logo {float:left; margin-top:20px;}
	
	
/* -- Navigation Untermenue -------------------------------------------------------*/	
#navi_mitte ul.sub_ul {margin-top:-2px; padding-bottom:5px;}
#navi_mitte ul.sub_ul a {padding-left:5px;}
#navi_mitte ul.sub_ul li {list-style:none; background:transparent; height:auto; padding:2px 0; font-size:10px;}
#navi_mitte a.subnav {display:block; text-decoration:none; color:#414143;}
#navi_mitte a.subnav:active {display:block; text-decoration:none; color:#fff;}
#navi_mitte a.subnav:visited {display:block; text-decoration:none; color:#414143;}
#navi_mitte a.subnav:hover {display:block; text-decoration:none; color:#fff;}

/* -- footer ----------------------------------------------------------------------------------*/	
#footer {width:595px; text-align:left; margin-top:20px; padding-left:5px; color:#06AAE8; font-size:11px;line-height:16px;}
#footer a:link {text-decoration:underline; color:#828386;}
#footer a:active {text-decoration:underline; color:#828386;}
#footer a:visited {text-decoration:underline; color:#828386;}
#footer a:hover {text-decoration:underline; color:#e13800;}

/* ## TEMPLATES ###################################################################################################*/
	
/* -- Startseite ----------------------------------------------------------------------------------*/
#content_bottom_start {width:600px; height:auto; background-color:#a6d3ea; text-align:left; position:relative;}
#content_bottom_start p {width:550px; height:auto; margin-left:21px; line-height:20px;}
#content_bottom_start h1 {font-family:Verdana, Arial, sans-serif; font-size:25px; color:#fff; font-weight:normal; padding-top:10px; margin:0 0 20px 20px;}

#content_bottom_start p.schmal {width:400px;}

#content_bottom_start span {position:absolute; left:70px; bottom:65px; font-family:Verdana, Arial, sans-serif; font-size:23px; color:#f05922; font-weight:normal;}
#content_bottom_start p.rb {position:absolute; right:220px; bottom:10px; text-align:right; font-size:10px; line-height:15px; margin:0;}

#content_bottom_start a:link {text-decoration:none; color:#e13800;}
#content_bottom_start a:active {text-decoration:underline; color:#e13800;}
#content_bottom_start a:visited	{text-decoration:none; color:#e13800;}
#content_bottom_start a:hover {text-decoration:underline; color:#e13800;}

#news {width:199px; float:left; clear:left; font-size:11px; margin:20px 0 0 1px; text-align:left;}
#news h2 {font-size:11px; color:#e7292e; margin:0 0 5px 0; padding-top:10px;}
#news p {font-size:11px; color:#e7292e; margin:0; padding:8px 10px 0 0;}

#news a:link {text-decoration:none; color:#828386;}
#news a:active {text-decoration:underline; color:#828386;}
#news a:visited {text-decoration:none; color:#828386;}
#news a:hover {text-decoration:underline; color:#828386;}

/* Referenzen */
#content_mitte .referenz {background:url(../images/border_white.gif) center bottom no-repeat; padding: 0 0 15px 0; margin: 0 0 15px 0; overflow:hidden;}
#content_mitte .referenz .image {float:left; margin-left: 20px;}
#content_mitte .referenz .image img {border:3px solid #fff; margin: 2px 0 0 0;}
#content_mitte .referenz .info {float: right; width: 410px; margin-right: 20px;}
#content_mitte .referenz .info p {width:410px; height:auto; margin:0; line-height:18px; color:#414143; font-size:11px;}

/* -- Fotogalerie ----------------------------------------------------------------------------------*/
#fotogalerie {text-align:center; margin-left:50px;}
*+html #fotogalerie {margin-left:0px;} /* -- ie7 --*/
* html #fotogalerie {margin-left:0px;} /* -- ie6 --*/
#fotogalerie td	{vertical-align:bottom;}
#fotogalerie img {border: 3px solid #fff;}

/* -- Kontaktformular ----------------------------------------------------------------------------------*/
#kontaktformular {width:440px; padding:10px 15px; margin:40px 0 0 25px; background-color:#c8e4f2; border:1px solid #fff;}
#kontaktformular h2	{color:#414143; margin:20px 0 15px 0;}
#content_mitte #kontaktformular p{width:auto; height:auto; margin:0 0 15px 0px;}
#kontaktformular input, textarea{width:345px;}
#kontaktformular textarea {overflow:auto;}
#kontaktformular input.plz {width:40px;}
#kontaktformular input.ort {width:297px;}
#kontaktformular input.button {width:auto; padding:0 10px; color:#ea0e13;}
*+html #kontaktformular input.button {padding:0; } /* -- ie7 --*/
* html #kontaktformular input.button {padding:0; } /* -- ie6 --*/
	
/* -- Klassen ----------------------------------------------------------------------------------*/

#content_mitte p {width:550px; height:auto; margin:0 0 12px 25px; line-height:18px; color:#414143; font-size:11px;}
#content_mitte p.mb5{width:550px; height:auto; margin:0 0 5px 25px; line-height:18px; color:#414143; font-size:11px;}
#content_mitte p.mb20{width:550px; height:auto; margin:0 0 20px 25px; line-height:18px; color:#414143; font-size:11px;}
#content_mitte p.mb30{width:550px; height:auto; margin:0 0 30px 25px; line-height:18px; color:#414143; font-size:11px;}
#content_mitte p.table{width:auto; height:auto; margin:0 0 5px 15px; line-height:18px; color:#414143; font-size:11px;}
#content_mitte p.normal	{width:auto; height:auto; color:#414143; margin:0 0 12px 25px;}
#content_mitte p.normal_mb20{width:auto; height:auto; color:#414143; margin:0 0 20px 25px;}
#content_mitte p.ende{margin-bottom:0; padding-bottom:5px; color:#414143;}
#content_mitte h1{font-family:Verdana, Arial, sans-serif; font-size:22px; color:#fff; font-weight:normal; padding-top:10px; margin:0 0 20px 24px;}
#content_mitte ul{padding:0 0 20px 20px;}
#content_mitte ul.sonnenenergie{padding:0 0 10px 30px;}
#content_mitte ul.mb0 {padding:0 0 0px 20px;}
#content_mitte ol{padding:3px 0 0 7px;}
#content_mitte li{padding:4px 0 0 0;}

#content_mitte a:link{text-decoration:none; color:#e13800;}
#content_mitte a:active {text-decoration:underline; color:#e13800;}
#content_mitte a:visited{text-decoration:none; color:#e13800;}
#content_mitte a:hover{text-decoration:underline; color:#e13800;}

#unternehmen{float:left; width:530px; margin:5px 0 15px 45px;}
* html #unternehmen {margin:5px 0 15px 20px; } /* -- ie6 --*/
#unternehmen .mitarbeiter{float:left; width:240px; text-align:left; font-size:10px; margin:0 0 20px 0;}
#unternehmen .mitarbeiter img{border:3px solid #fff; padding:0px; margin:0 0 3px 0;}

.main_bgtop	{padding-top:28px; background:url(../images/main_bgtop.gif) no-repeat left top;}
.main_bgbottom {padding-bottom:28px; background:url(../images/main_bgbottom.gif) no-repeat left bottom;}
.main_bgmitte {padding:0; margin:0; background:url(../images/main_bgmitte.gif) repeat-y;}

.navi_bgtop {padding-top:7px; background:url(../images/navi_bgtop.gif) no-repeat left top;}
.navi_bgbottom {padding-bottom:5px; background:url(../images/navi_bgbottom.gif) no-repeat left bottom;}
.navi_bgmitte {padding:0; margin:0; background:url(../images/navi_bgmitte.gif) repeat-y;}

.news_bgtop	{padding-top:6px; background:url(../images/news_bgtop.gif) no-repeat left top;}
.news_bgbottom {padding-bottom:6px; background:url(../images/news_bgbottom.gif) no-repeat left bottom;}
.news_bgmitte {padding:0 0 0 13px; margin:0; background:url(../images/news_bgmitte.gif) repeat-y;}

.content_bgtop {padding-top:7px; background:url(../images/content_bgtop.gif) no-repeat left top;}
.content_bgbottom {padding-bottom:7px; background:url(../images/content_bgbottom.gif) no-repeat left bottom;}
.content_bgmitte {padding:0; margin:0; background:url(../images/content_bgmitte.gif) repeat-y;}
/*	.content_bgbottom_start	{padding-bottom:104px; background:url(../images/content_bgbottom.jpg) no-repeat left bottom;} */
.content_bgbottom_start	{padding-bottom:20px; background:url(../images/content_bgbottom_home.gif) no-repeat left bottom;}

a.webworxs:link	{text-decoration:none; color:#ea0e13;}
a.webworxs:active {text-decoration:underline; color:#ea0e13;}
a.webworxs:visited {text-decoration:none; color:#ea0e13;}
a.webworxs:hover {text-decoration:underline; color:#ea0e13;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p.fett {font-weight:bold;}
p.impr {text-align:right; margin:-3px 45px 0 0; padding-bottom:30px; font-size:10px; color:#989799;}
#content_mitte p.formfehler {color:#f00;}