/* Styles V.1.0 11/04 mw - http:www.woerd.de */
/* basic elements */
body { background:#144D89 url(../images/body_bg.gif) center repeat-y; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:90%; line-height: 110%; color:#174F8A; margin:0; padding:0; min-width:780px; text-align:center; }

.description { display:none; }
.show { display:block; }
.clean { clear: both; height:1px; width:1px; display:block; overflow:hidden; }

.redarr { padding-left:20px; background:transparent url(../images/redarr.gif) 0px 3px no-repeat; }
.blackarr { padding-left:20px; background:transparent url(../images/blackarr.gif) 0px 3px no-repeat; }
	
.newsletter .inputfield { background-color : #CECEB6; float:left; cursor:text; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; color:#000000; width:130px; height:1.6em; padding:1px; margin:6px 10px 35px 0px; border:1px solid #999; }
.newsletter .button { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; float:right; font-size:0.70em; font-weight : normal; width:80px; height:18px; background-color:#CCCCCC; color:#000000; border: 1px solid #000000; margin:6px 30px 0px 0px; padding:1px 1px 3px 1px; }

	
/* content styles */
h1, h2, h3, h4 { margin:0px 0px 1em 0px; }
h1 { font-size:1em; color:#174F8A; font-weight:bold; }
h2 { font-size:0.9em; color:#174F8A; font-weight:bold; }

p { font-size:0.75em; color:#174F8A; margin:0px 0px 0.75em 0px; }
a, a:visited { color:#174F8A; text-decoration:none; }
a:hover, a:active { color:#174F8A; text-decoration:underline; }

.bodytext a, .bodytext a:visited { color:#174F8A; text-decoration:underline; }
.bodytext a:hover, .bodytext a:active { color:red; text-decoration:none; }

hr { clear:both; width:100%; margin:0; padding:0; border:none; visibility:hidden; }
img { border:0; }

table { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.2em; margin:0px; padding:0px; }

/* specific divs */
.site { background:transparent url(../images/header_bg.gif) 0px 0px no-repeat; width:780px; margin-right:auto; margin-left:auto; text-align:left; overflow:hidden; }

.left { float:left; width:158px; margin:0; padding:0; overflow:hidden; }
.right { float:right;width:168px; margin:0; padding:0; overflow:hidden; }
.middle { float:left; width:454px; margin:0; padding:0; overflow:hidden; }

.topleft { float:left; border-bottom:2px solid #F8F8F8; width:158px; height:58px; display:block; margin:0; padding:0; overflow:hidden; }
.topright { float:left; border-bottom:2px solid #F8F8F8; width:168px; height:58px; display:block; margin:0; padding:0; overflow:hidden; }
.topmiddle { float:left; border-bottom:2px solid #F8F8F8; border-left:2px solid #F8F8F8; border-right:2px solid #F8F8F8; width:450px; height:58px; display:block; margin:0; padding:0; overflow:hidden; }

* html .topleft { height:60px; }
* html .topright { height:60px; }
* html .topmiddle { height:60px; width:454px; }

.headerleft { float:left; border-bottom:2px solid #F8F8F8; width:158px; height:138px; display:block; margin:0; padding:0; overflow:hidden; }
.headerright { float:left; border-bottom:2px solid #F8F8F8; width:168px; height:138px; display:block; margin:0; padding:0; overflow:hidden; }
.headermiddle { float:left; border-bottom:2px solid #F8F8F8; border-left:2px solid #F8F8F8; border-right:2px solid #F8F8F8; width:450px; height:138px; display:block; margin:0; padding:0; overflow:hidden; }

* html .headerleft { height:140px; }
* html .headerright { height:140px; }
* html .headermiddle { height:140px; width:454px; }


.topbox { float:left; background-position:0px -38px; width:168px; height:58px; display:block; margin:0; padding:0; overflow:hidden; }
.homebox { float:left; background-position:0px 0px; width:168px; height:138px; display:block; margin:0; padding:0; overflow:hidden; }
.hb0 { background-image: url(../images/biglogo.gif) ; }
.hb1 { background-image: url(../images/bereich_waerme.gif) ; }
.hb2 { background-image: url(../images/bereich_wasser.gif) ; }
.hb3 { background-image: url(../images/bereich_luft.gif) ; }
.hb4 { background-image: url(../images/bereich_energie.gif) ; }
.hb5 { background-image: url(../images/bereich_dachundwand.gif) ; }
.hb6 { background-image: url(../images/bereich_services.gif) ; }

.cmiddle { float:left; border-left:2px solid #F8F8F8; border-right:2px solid #F8F8F8; width:426px; margin:0; padding:12px;}
.cmiddle ul { font-size:0.75em; color:#000; margin:0.75em 0px 0.75em 2px; padding-left:20px; }
.cmiddle li { margin:0px 0px 0px 0px; list-style-type: square;}
.footer { text-align:right; border-top:2px solid #EFF4FA; width:426px; margin:24px 0px 0px 0px; padding:0;}

/* text menue */

.topmenue { float:left; width:156px; height:58px; margin:0; padding:18px 0px 0px 10px; color:#41435C; font-size:0.75em; }
.topmenue li { display:block; height:22px; padding:0px; margin:0; list-style:none; text-transform:uppercase; }
.topmenue li a, .topmenue li a:visited { padding:0; margin:0; text-decoration:none; }
.topmenue li a:hover, .topmenue li a:active { text-decoration:underline;}
						
.menueleft { float:left; width:156px; margin:0; padding:40px 0px 0px 10px; color:#41435C; font-size:0.75em; }
.menueleft dt { display:block; height:22px; padding:0px; margin:3px 0px 0px 0px; list-style:none; text-transform:uppercase; }
.menueleft dt a, .menueleft dt a:visited { padding:0; margin:0; text-decoration:none; }
.menueleft dt a:hover, .menueleft dt a:active { color:#D54342; text-decoration:none; }
.menueleft dt.on a { color:#D54342; text-decoration:none; }
.menueleft dd { display:block; line-height:1.1em; padding:3px 0px 9px 6px; margin:0; list-style:none; }
.menueleft dd a, .menueleft dd a:visited { padding:0; margin:0; text-decoration:none; }
.menueleft dd a:hover, .menueleft dd a:active { color:#D54342; text-decoration:none; }
.menueleft dd.on a { display:block; color:#D54342; text-decoration:none; }
.menueleft .suboff dd  { display:none; }
.menueleft .subon dd  { display:block; }

.rightrow { float:left; width:168px; margin:0; padding-top:36px; }
.rightrow p { padding-left:4px; margin:0px; }
.rightrow ul { width:186px; margin:0; padding:4px 0px 0px 2px; color:#41435C; font-size:0.75em; }
.rightrow li { background:#EFF4FA url(../images/bluearr.gif) 0px 7px no-repeat; border-bottom:2px solid #FFFFFF; display:block; height:20px; padding:4px 0px 0px 22px; margin:0; list-style:none; text-transform:uppercase; }
* html .rightrow li { height:26px; }
.rightrow li a, .rightrow li a:visited { padding:0; margin:0; text-decoration:none; }
.rightrow li a:hover, .rightrow li a:active { text-decoration:underline;}

.footer dl { margin:0; padding:4px 0px 0px 0px; color:#41435C; font-size:0.75em; }
.footer dt { display:inline; height:22px; padding:0px 10px 0px 0px; margin:0; list-style:none; text-transform:uppercase; }
.footer dt a, .footer dt a:visited { padding:0; margin:0; text-decoration:none; }
.footer dt a:hover, .footer  dt a:active { text-decoration:underline;}

/* graphic menue */

/* Typo3 */
.headermiddle p { padding:0px 10px 0px 10px; }