html{height:100%;}

body {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 101%;
padding: 0;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
text-align: center;
background-image: url(images/background.gif);
height: 100%;
}

html, body, div, p, h1, h2, h3, h4, ul, ol,
span, a, form, img, li {
   margin: 0;
   padding: 0;
}

h3{
font-size: 16px;
}

#header{
white-space:nowrap;
clear;
width: 721px;
height: 153px;
margin: 0 auto;
text-align: left;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}

#seite{
margin: 0 auto;
width: 751px;
background-image:url(images/bg_seite.gif);
background-repeat: repeat-y;
display: block;
text-align: center;
overflow:auto;
min-height: 100%;
}

#nav{
text-align: left;
margin: 0 auto;
padding: 0;
width: 721px;
height:31;
border: 0;
display: block;
white-space:nowrap;
}

#inhaltbg{
clear: both;
width: 721px;
/*height: 350px;*/
background-image:url(images/bg_inhalt.gif);
background-repeat: repeat-y;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
border: 0;
text-align: center;
font-size: 12px;
display: block;
}

#inhalt{
width: 680px;
clear: both;
margin: 0 auto;
border: 0;
text-align: left;
font-size: 12px;
display: block;
}

#footer{
clear: both;
vertical-align: bottom;
background-image:url(images/footer.jpg);
background-repeat: no-repeat;
border:0;
padding:0;
margin:0 auto;
font-size: 10px;
text-align:left;
text-decoration: none;
width: 721px;
height: 32px;
display: block;
}

.hide{
display: none;
}

.header{
width: 721px;
height: 153px;
display: block;
}

a span {
display: none;
}

a.But01 {background-image: url(images/nav/01_firma.gif);width:86px;height:31px;display: block;text-decoration: none; float:left;}
a.But01:hover, a.But01aktiv, a.But01aktiv:hover {background-image: url(images/nav/01_firma_over.gif);width:86px;height:31px;display: block;text-decoration: none; float:left;}
a.But02 {background-image: url(images/nav/02_leistungen.gif);width:142px;height:31px;display: block;text-decoration: none; float:left;}
a.But02:hover, a.But02aktiv, a.But02aktiv:hover {background-image: url(images/nav/02_leistungen_over.gif);width:142px;height:31px;display: block;text-decoration: none; float:left;}
a.But03 {background-image: url(images/nav/03_referenzen.gif);width:143px;height:31px;display: block;text-decoration: none; float:left;}
a.But03:hover, a.But03aktiv, a.But03aktiv:hover {background-image: url(images/nav/03_referenzen_over.gif);width:143px;height:31px;display: block;text-decoration: none; float:left;}
a.But04 {background-image: url(images/nav/04_shop.gif);width:106px;height:31px;display: block;text-decoration: none; float:left;}
a.But04:hover, a.But04aktiv, a.But04aktiv:hover {background-image: url(images/nav/04_shop_over.gif);width:106px;height:31px;display: block;text-decoration: none; float:left;}
a.But05 {background-image: url(images/nav/05_kontakt.gif);width:80px;height:31px;display: block;text-decoration: none; float:left;}
a.But05:hover, a.But05aktiv, a.But05aktiv:hover {background-image: url(images/nav/05_kontakt_over.gif);width:80px;height:31px;display: block;text-decoration: none; float:left;}
a.But06 {background-image: url(images/nav/06_home.gif);width:69px;height:31px;display: block;text-decoration: none; float:left;}
a.But06:hover, a.But06aktiv, a.But06aktiv:hover {background-image: url(images/nav/06_home_over.gif);width:69px;height:31px;display: block;text-decoration: none; float:left;}
a.But07 {background-image: url(images/nav/07_impressum.gif);width:95px;height:31px;display: block;text-decoration: none; float:left;}
a.But07:hover, a.But07aktiv, a.But07aktiv:hover {background-image: url(images/nav/07_impressum_over.gif);width:95px;height:31px;display: block;text-decoration: none; float:left;}