* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font: normal 0.8em/1.3em "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana;;
letter-spacing:0.04em;
color: #333;
background: #444444;
text-align: center;}

div#header {
height: 170px;
background: url(images/roller_haustechnik.jpg) no-repeat;
vertical-align:baseline;}

/* Elektro Background */
body#Elektro #topborder{
background: url(images/top_elektro.jpg) no-repeat 0 0px;}
body#Elektro #header{
background: url(images/roller_elektro.jpg) no-repeat;}

/* Sanitaer Background */
body#Sanitaer #topborder{
background: url(images/top_sani.jpg) no-repeat 0 0px;}
body#Sanitaer #header{
background: url(images/roller_sani.jpg) no-repeat;}

/* Heizung Background */
body#Heizung #topborder{
background: url(images/top_heizung.jpg) no-repeat 0 0px;}
body#Heizung #header{
background: url(images/roller_heizung.jpg) no-repeat;}


div#outer {
width: 790px;
margin: 0 auto 0 auto;
background: url(images/content.gif) repeat-y 50% 0;
text-align: left;}

div#bottomborder {
height: 35px;
background: #444444;}

div#topborder {
height: 46px;
background: url(images/top_haustechnik.jpg) no-repeat 0 0px;}

/* servicenavi*/
div#topborder{
padding: 25px 0 0 20px;
height: 21px;
color:#ededed;
letter-spacing:0;}

div#topborder a{
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana;
font-size: 0.85em;
color:#ededed;}

div#top {
clear: both;}

div#content {
background: url(images/topcontainer.gif) no-repeat;}

div#main {
width: 520px;
float: left;
padding: 14px 0 0 40px;
min-height:300px;}

div#rechts {
width: 170px;
float: right;
padding: 8px 20px 0 0;
font-size: 10px;
line-height: 16px;}

div#bottom {
clear: both;
height: 16px;
padding: 0 0 0 0;
color: #444444;
background: url(images/bottomborder.gif) no-repeat 0 5px;
line-height: 14px;}

div#footer {
clear: both;
height: 45px;
line-height:25px; 
color: #333;
background: #444444 url(images/bg.gif) repeat-y 50% 0;}

div#close {
clear: both;
height: 15px;
padding: 0 0 0 0;
color: #333;
background: #444444 url(images/schliesser.gif) no-repeat 0 0;}


/* titel */



h1{
font-size: 1.9em;
color: #c71212;
font-weight:normal;
line-height: 1.2em;
text-transform:uppercase;
margin-bottom: 0.5em;}

h2{
font-size: 1.0em;
color: #444;
font-weight:bold;
line-height: 1.8em;
margin-bottom: 0.5em;}

/* main */

div#main div.container {
margin-top: 20px;
padding-bottom: 8px;}

div#main div.section {
padding-top: 9px;}

/* rechts */

div#rechts h2 {
padding: 9px 3px 5px 3px;}

div#rechts p,
div#rechts ul {
padding: 7px 3px 7px 3px;}

div#rechts h2 {
color: #444444;
font-size: 1.1em;}

div#rechts div.section {
margin-top: 11px;}

div#rechts ul {
margin-left: 16px;
list-style-image: url(immagini/list_grape_side.gif);}

/* bottom */
li#footertx{
font-family:Arial,Helvetica,Verdana;
list-style-type:none;
padding: 10px 0 0 40px;
width: 450px;
font-size: 0.85em;
line-height: 15px;
text-align: left;
letter-spacing:0;
color:#ededed;
float:left;}

li#footertop{
font-family:Arial,Helvetica,Verdana;
line-height: 20px;
font-size: 0.85em;
float:left;
list-style-type:none;
padding: 6px 50px 0 50px;}

li#arexgroup{
list-style-type:none;
text-align: right;
padding: 6px 20px 0 15px;}

li#footertx a {
height: 10px;}

li#footertx a:link, li#footertx a:visited, li#footertop a:link, li#footertop a:visited{
text-decoration: none;
color:#ededed;}

li#footertx a:active, li#footertx a:hover, li#footertop a:active, li#footertop a:hover{
text-decoration: none;
color:#444444;}


/* ------------------------------ */
/* 3. layout */
/* ------------------------------ */

/* home */

div#contentinnen h2 {
height: 1.3em;}


div#contentinnen ul {
list-style-type:none;
padding: 10px 0 10px 30px;}

div#contentinnen ul li{
background: url(images/listpointer.gif) no-repeat 0 5px;
padding-left: 20px;
margin-bottom: 2px;
line-height: 1.8em;}


/* downloads */

/* ------------------------------ */
/* 4. links */
/* ------------------------------ */

div#header a:link,
div#header a:visited,
div#header a:active,
div#header a:hover,
div#top a:link,
div#top a:visited,
div#top a:active,
div#top a:hover {
border: none;
text-decoration: none;}

a:link,
a:visited {
color: #444444;
text-decoration: none;}

a:active,
a:hover {
color: #000000;
text-decoration: none;}

a.contentlink,
a.contentlink:visited {
color:#e00018;
background: url(images/cntlink_no.gif) no-repeat;
padding-left: 22px;
margin: 5px 0 10px 20px;
line-height: 1.8em;}

a.contentlink:active,
a.contentlink:hover {
color:#444;
background: url(images/cntlink_akt.gif) no-repeat;
margin: 5px 0 10px 20px;}

/* ------------------------------ */
/* 6. Formular */
/* ------------------------------ */

td.field_title{
width:120px;
height:30px;
font-size: 1em;
padding-right: 20px;
vertical-align:middle;}

font.radio_label{
width:60px;
font-size: 1em;
padding: 0 20px 0 5px;
vertical-align:middle;}

input#field3, input#field4, input#field5, input#field6, input#field7, input#field8, input#field9, input#field11, textarea#field10{
font-family: Arial, Helevetica, Verdana;;
width: 220px;
height: 20px;
padding: 2px;
border: 1px solid #c71212;
font-size: 1em;
background: #ededed;}

input#field3:focus, input#field4:focus, input#field5:focus, input#field6:focus, input#field7:focus, input#field8:focus, input#field9:focus, input#field11:focus, textarea#field10:focus{
border: 1px solid #c71212;
background: #ffffff;}

textarea#field10{
height: 80px;
margin-top: 0.3em;
font-size: 1em;}

input.submitter{
font-family: Arial, Helevetica, Verdana;;
border: 1px solid #444;
color:#FFFFFF;
background: #c71212;
width: 224px;
height: 25px;
margin-top:15px;}

.bildlegende{
font-size: 0.7em;
font-style:italic;}

.impressum{
font-size: 0.75em;}

/* ------------------------------ */
/* 7. weitere */
/* ------------------------------ */

.strong {
color: #000;
font-weight: bold;}

img{
border:#ededed 2px solid;
padding: 1px;
margin-right: 10px;}

.noborder{
border:none;}

.suche { 
margin-top: 130px;
margin-left: -40px;
font-size: 12px;
font-family: Verdana;, helvetica, sans-serif;
background:none;
border-style:none;
color:#4a4a4a;
text-align:right;
width:95px;
}

.buttonsearch { 
margin-left: 7px;
width:50px;
font-size: 10px;
font-family: Verdana;, helvetica, sans-serif;
background:none;
border-style:none;
color:#4a4a4a;
background-attachment: fixed;
text-align:center;
}