@import url("nav.css");

html {
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
text-align: left;
background-color: #ffffff;

}

body {
width: 770px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;  
margin: 0px;
padding: 0px;
text-align: left;
}



#header {
margin: 0px auto;
padding: 0px;
width: 770px;
height: 218px;
text-align: left;
}
.start {
background: url(../images/start.jpg) no-repeat;
}
.holz {
background: url(../images/holz.jpg) no-repeat;
}
.bad {
background: url(../images/bad.jpg) no-repeat;
}
.kuechen {
background: url(../images/kuechen.jpg) no-repeat;
}
.moebel {
background: url(../images/moebel.jpg) no-repeat;
}
.innenausbau {
background: url(../images/innenausbau.jpg) no-repeat;
}
.kontakt {
background: url(../images/kontakt.jpg) no-repeat;
}
.impressum {
background: url(../images/impressum.jpg) no-repeat;
}

#logo { 
width: 770px;
height: 110px;
text-align: right;
}

#menu { 
width: 770px;
height: 37px;
text-align: left;
}
.menu {
margin: 62 0 0 14px;
color: #00604C;
}



#content_wrapper {
margin: 0px auto;
padding: 0px;
width: 770px;
}

#textcont { 
width: 770px;
text-align: left;
}
h1 {
font-size: 18px;
font-weight: normal;
color: #00604C;
margin: 15 0 5 14px;
}
.fliess {
width: 370px;
margin: 0 0 0 14px;
color: #000000;
}

#imgcont { 
width: 770px;
text-align: left;
}
h1.braun {
font-size: 18px;
font-weight: normal;
color: #00604C;
margin: 15 0 8 14px;
}
#img3 {
width: 770px;
height: 210px;
margin: 0px;
}
#bild1 {
width: 247px;
height: 210px;
margin: 0 0 0 14px;
*margin: 0 0 0 7px;
background: url(../images/img_bg.gif) repeat-x;
float: left;
}
#bild2 {
width: 247px;
height: 210px;
margin: 0 0 0 1px;
background: url(../images/img_bg.gif) repeat-x;
float: left;
}
#bild3 {
width: 247px;
height: 210px;
margin: 0 0 0 1px;
background: url(../images/img_bg.gif) repeat-x;
float: left;
}
.imgsub {
color: #ffffff;
margin: 4 0 0 5px;
}



.clear{
clear:both;
padding-top:40px;
}