html, body {
   height: 100%;
   margin: 0px;
   background-image: url(images/bg.gif);
}

#container {
   background-color:#ffffff;
   position:absolute;
   height:550px;
   width:980px;
   margin:-275px 0px 0px -490px;
   top: 50%;
   left: 50%;
}

#outline {
   border: 1px solid #eaeaea;
   width: 980px;
   height: 550px;
   background-image: url(images/index.jpg);
}

#inline {
   width:960px;
   height:530px;
   padding:10px 10px 10px 10px;
}

#content {
   width:960px;
   height:420px;
   text-align:left;
}

#content_links {
   float: left;
   width:390px;
   height:400px;
   margin:10px 10px 10px 10px;
   text-align:left;
}

#abstand {
   float: left;
   width:300px;
   height:20px;
   text-align:left;
}

#eyecatch {
   float: left;
   width:300px;
   height:100px;
   text-align:left;
}

#wartung_image {
   float: left;
   width:100px;
   height:100px;
   background-image: url(images/wartung.jpg);
}

#wartung_text {
   float: right;
   border-right: 1px solid #AFAFAF;
   border-top: 1px solid #AFAFAF;
   border-bottom: 1px solid #AFAFAF;
   width:179px;
   height:88px;
   padding-left:10px;
   padding-top:10px;
   padding-right:10px;
   text-align:left;
   background-color:#ffffff;-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.7;filter:alpha(opacity=70);
}


#heizung_image {
   float: left;
   width:100px;
   height:100px;
   background-image: url(images/modernisierung.jpg);
}

#heizung_text {
   float: right;
   border-right: 1px solid #AFAFAF;
   border-top: 1px solid #AFAFAF;
   border-bottom: 1px solid #AFAFAF;
   width:179px;
   height:88px;
   padding-left:10px;
   padding-top:10px;
   padding-right:10px;
   text-align:left;
   background-color:#ffffff;-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.7;filter:alpha(opacity=70);
}

#abstand {
   width:300px;
   height:20px;
}

#content_rechts {
   float: right;
   width:460px;
   height:420px;
   padding-right:20px;
}

#menu {
   width:950px;
   height:102px;
   background-color:#0066CC;
   padding-left:10px;
   padding-top:8px;
   text-align:left;
}

#menu_links {
   float: left;
   width:630px;
   height:80px;
   background-color:#0066CC;
   text-align:left;
   text-valign:top;
}

#menu_rechts {
   float: right;
   width:300px;
   height:70px;
   background-color:#0066CC;
   text-align:right;
}


#bottom {
   width: 982px;
   height: 17px;
}

#bottom_left {
   float: left;
   width: 722px;
   height: 17px;
}


#bottom_right {
   float: right;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   padding-top: 2px;
   padding-right: 10px;
   width: 160px;
   height: 17px;
   text-align:right;
}

p {color: #ffffff;}

h1 {
	font-size: 22px;
	font-family: Times New Roman, Times, serif;
         margin-top: 10px;
         margin-bottom: 10px;
	padding: 0px;
	font-weight: normal;
	color:#1B53A3;
}

.menulink {
	font-family: Arial;
	font-size: 11px;
	color: #CFCFCF;
}

a.menulink:link {  font-family: Arial; font-size: 11px; color: #AFAFAF; text-decoration: none}
a.menulink:visited {  font-family: Arial; font-size: 11px; color: #AFAFAF; text-decoration: none}
a.menulink:hover {  font-family: Arial; font-size: 11px; color: #1B53A3; text-decoration: none}
a.menulink:active {  font-family: Arial; font-size: 11px; color: #1B53A3; text-decoration: none}

.normaltext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.normaltextlink:link {  font-family: Arial; font-size: 13px; color: #333333; text-decoration: none}
a.normaltextlink:visited {  font-family: Arial; font-size: 13px; color: #333333; text-decoration: none}
a.normaltextlink:hover {  font-family: Arial; font-size: 13px; color: #333333; text-decoration: underline}
a.normaltextlink:active {  font-family: Arial; font-size: 13px; color: #333333; text-decoration: underline}