body, textarea {
 background-color: #465069;
 margin:0px;
 padding:0px;
}
img {
 border: none;
 margin: 0;
 padding: 0;
}
a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #243A85;
 text-decoration: none;
 margin: 0;
 padding: 0
}
a:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #BE6D70;
 text-decoration: none;
}
a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #E9E5E4;
 text-decoration: underline;
}
a.shop_bild,
a.shop_bild:link,
a.shop_bild:visited,
a.shop_bild:active {
position: relative;
text-decoration: underline;
/*font-style: bold; */
border-bottom:0px dotted #4dbcf3;
}

a.shop_bild:hover {
background: transparent;
z-index: 100;
}

a.shop_bild span {
display: none;
text-decoration: none;
}

a.shop_bild:hover span {
display: block;
position: absolute;
top: 3px;
left: 130px;
width: 200px;
height: 170px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}
#maincontainer{
 font-size: 0.8em;
 width: 800px;
 max-width: 800px;
 height: 450px;
 max-height: 450px;
 margin: 0px;
 padding:0px;
}
#main {
 background: url(../gfx/bg.jpg) no-repeat 100% 0 white;
 line-height: 1.5em;
 height: 450px;
 max-height: 450px;
}
#menu {
 width: 100%;
 height: 30px;
}
#home {
 padding: 19px 0 0 281px;
 float: left;
}
#service {
 padding: 7px 0 0 20px;
 float: left;
}
#angebote {
 padding: 5px 0 0 21px;
 float: left;
}
#kontakt {
 padding: 10px 0 0 23px;
 float: left;
}
#shop {
 padding: 22px 0 0 19px;
 float: left;
}
#content {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin: 70px 0 0 200px;
 padding: 20px 10px 20px 10px;
 max-height: 210px;
 width: 400px;
}
a.home:hover{
 display: block;
 background: url(../gfx/1.gif) no-repeat;
}
a.service:hover{
 display: block;
 background: url(../gfx/2.gif) no-repeat;
}
a.angebote:hover{
 display: block;
 background: url(../gfx/3.gif) no-repeat;
}
a.kontakt:hover{
 display: block;
 background: url(../gfx/4.gif) no-repeat;
}
a.shop:hover{
 display: block;
 background: url(../gfx/5.gif) no-repeat;
}
#copyright {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 margin: 2px 0 3px 70%;
}
#service-table {
 width: 100%;
 border: 3px solid #9297A7;
 margin: 3px 0 10px 0;
}
#service-table-cols1 {
 padding: 3px;
 width: 145px;
 height: 154px;
 float: left;
 border-right: 3px solid #9297A7;
}
#service-table-cols2 {
 padding: 3px;
 width: 110px;
 height: 154px;
 float: left;
 border-right: 3px solid #9297A7;
}
#service-table-cols3 {
 padding: 3px;
 width: 116px;
 height: 154px;
 float: left;
}
#shop_content {
 margin: 2px 1px 2px 1px;
}
#shop_bild {
 float: left;
 padding: 0 3px 0 0;
 margin: 0 0 2px 0;
}
#shop_beschreibung {
 border-right: 1px dotted black;
 border-top: 1px dotted black;
 border-left: 2px solid black;
 border-bottom: 1px dotted black;
 width: 230px;
 height: 114px;
 margin: 0 0 2px 0;
 padding: 0 0 0 4px;
}
#flash {
 float: left;
 padding: 0 6px 0 0;
}
#kontaktformular {
 margin: 0 0 5px 0;
}
#kontaktformular-betreff {
 float: left;
 margin: 0 20px 0 0;
}
#kontaktformular-email {
 float: left;
 margin: 0 26px 0 0;
}
#kontaktformular-rufnummer {
 float: left;
 margin: 0 3px 0 0;
}
#kontaktformular-nachricht {
 float: left;
 margin: 0 7px 0 0;
}
#referenzen {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 float: left;
 padding: 0 0 0 0;
position: absolute; z-index:199; top:400px; left:210px;
 }
#refcontent {
 max-width: 500px;
 max-height: 100px;
 background-color: #E0DEDD;
}
BODY {
 margin: 0px 0px 0px 0px;
 background-color: #465069;

}

#zentrieren {
 position: absolute;
 width: 800px;
 height: 450px;
 left: 50%;
 top: 50%;
 margin-left: -400px;
 margin-top: -225px;
z-index: 1;
background-color: #465069;
}

#p01 {
display:inline-block;
width: 88px;
height: 23px;
background: url(../partner01.jpg) no-repeat;
border:solid 1px #eeeeee;
 }

 #p01:hover
{ 
  background-position: 0 -23px;
}

#p02 {
display:inline-block;
width: 86px;
height: 23px;
background: url(../partner02.jpg) no-repeat;
border:solid 1px #eeeeee;
 }

 #p02:hover
{ 
  background-position: 0 -23px;
}

#p03 {
display:inline-block;
width: 88px;
height: 23px;
background: url(../partner03.jpg) no-repeat;
border:solid 1px #eeeeee;
 }

 #p03:hover
{ 
  background-position: 0 -23px;
}

#p04 {
display:inline-block;
width: 95px;
height: 23px;
background: url(../partner04.jpg) no-repeat;
border:solid 1px #eeeeee;
 }

 #p04:hover
{ 
  background-position: 0 -23px;
}


















 
 
