html {
 height: 101 %;
 }/* erzwingt Scrollbar im Firefox */
 
 * { padding: o; margin: o; 
}  
body { font:75% "Arial","Geneva","Verdana","Helvetica",sans-serif; 
}
html { height:: 101%} /* erzwingt Scrollbar im Firefox */


/*============================
		DIV-Bereiche
============================*/
#wrapper {
width: 73em;
margin: auto;
background-color:#fff; 
}
#kopfbereich {
width:26em;
height:20em;

background-image:url(images/hufnagel-spezialfliesenwerk.jpg);
float:left;
}
#navibereich {
width:29em;
float:left;
margin-top: 30em;
margin-left:-30em;
font:"Arial","Geneva","Verdana","Helvetica",sans-serif; 
color:#000;
font-weight:bold;
line-height:1.3em;
letter-spacing:0.1em;
}
#textbereich {
width:43em;
height:auto;

border-top: 2em solid #fff;

margin-left:26em;
background-color:#33cc33;
}
#hauptinhalt {
width:43em;

}
#fussbereich {
width:72em;
border-top: 2em solid #fff;
margin-left:29em;
font-size: 0.9em;
color:#333;
}
/*=================================================
			allgemeine HTML Element
=================================================*/			
a {
font:"Arial","Geneva","Verdana","Helvetica",sans-serif;
font-weight:bold;
text-decoration:none;
color:#000;
}
li a { 
font:"Arial","Geneva","Verdana","Helvetica",sans-serif;
text-decoration:none;
color:#000;
}
ul li { 
list-style-type: none; 
}
ul ul {
margin-left: 9em;
padding-left: 2em;
;

}
ul ul li {

border-bottom: 0.1em solid #33cc33;
font-size: 0.9em;
line-height:1.2em;

}

a:hover { 
background-color:#33cc33;
color:#fff;
}
a:active {
background-color:#33cc33;
}
a:focus {
background-color:#33cc33;
}
h1 {
font:"Arial","Geneva","Verdana","Helvetica",sans-serif;
font-size: 1.8em;
font-weight: bold;
letter-spacing: 0.1em;
color:#fff;
padding-top: 0.5em;
padding-left: 0.5em;
}
h2 {
font:"Arial","Geneva","Verdana","Helvetica",sans-serif;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.1em;
color:#000;
margin-top: -1em;
padding-left: 0.8em;
}

.fliestext {
width: 35em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;
font-style:normal;
color: #000;
padding-left:0.8em;

}
.schnitt {
width: 35em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;
font-weight: bold;
color: #000;
padding-left:4em;

}
.ausfuehr {
width: 15em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;
font-weight: bold;
color: #000;
background-color: #33FF66;
margin-left:15em;

}
.skiplink {
display:none;
}
.nachoben {
width: 10em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;
font-style:normal;
color: #000;

padding-left:0.8em;

}
dl {
width: 25em;
padding-top: 3em;
padding-left: 4em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;

font-style:italic;
color: #000;
padding-left:0.8em;

}

/*===============================================================
        Das Kontaktformular
================================================================ */



form {
background-color:#3c3;
width:28em;
font: "Arial","Geneva","Verdana","Helvetica",sans-serif;
font-style:normal;
color: #000;
padding-left:0.8em;

}

label {
display:block; }

#absender, textarea {
width:28em;
border-right: 0.2em solid #fff;
border-bottom:0.2em solid #fff;
margin-bottom:1em;
}
#textarea { height: 10em; }
input:focus; textarea:focus;
{background-color: #3c3;
}
#name {
width:28em;
border-right: 0.2em solid #fff;
border-bottom:0.2em solid #fff;
margin-bottom:1em;
}

#telefon, anschrift {
width:28em;
border-right: 0.2em solid #fff;
border-bottom:0.2em solid #fff;
margin-bottom:1em;
}
#anschrift {
width:28em;
border-right: 0.2em solid #fff;
border-bottom:0.2em solid #fff;
margin-bottom:1em;
}





