/*------------------- CSS RESET ---------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif, geneva
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}
/*------------------- CSS RESET ENDE ---------------------*/
.slideshow { height: 240px; width: 760px; margin: auto  }
.slideshow img { margin: auto }

/*----------------Schattierung-------------------*/

#container { background:url(../Pics/BG_Container.png) repeat-y center; margin:0 auto; width:816px; height: auto; clear: both; padding-top: 20px; padding-bottom: 24px; }
#bottom { background:url(../Pics/BG_Bottom.png) no-repeat 0 50%; width: 814px; clear:both; height:7px; margin: auto; }
/*---------------Ende Schattierung-----------------*/
#header { background-color: transparent; margin: auto; }
#container_innen { width: 770px; height: auto; margin-top: auto; margin-right: auto; margin-left: 28px; }
#content { width: 490px; padding-top: 12px; padding-left: 250px; }
#contentref { padding-left: 250px; width: 510px; }
#trenner { width: 510px; height: 24px; margin-bottom: 12px; padding-top: 12px; border-bottom: 1px solid gray; }
#footer { width: 814px; height: 36px; margin: auto; }
#subnavi { font-size: 0.5em; width: auto; float: left; clear: both; margin-left: 7px; }
#copyright { font-size: 0.5em; text-align: right; width: auto; float: right; margin-right: 7px; }
p { color: #929292; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif, geneva; font-weight: lighter; line-height: 1.4em; }
h1 { color: #f63; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif, geneva; font-weight: bold; line-height: 1.4em; }
h2 { color: black; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif, geneva; font-weight: bold; line-height: 1.4em; }
h3 { color: black; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif, geneva; font-weight: bold; line-height: 1.4em; padding-top: 10px; padding-bottom: 6px; border-bottom: 1px solid gray; }
a { color: #808080; font-family: sans-serif; text-decoration: none; }
/*---------------Navigation-------------------------------*/
#Navibox { width: 200px; height: auto; float: left; }
ul#Menu li {display:block;}
ul#Menu li a { background: url(../Pics/Navi.gif) no-repeat; text-indent: -9999px; display: block; width: 200px; height: 36px; border-bottom: 1px dashed gray; outline-style: none; }
ul#Menu li a:hover {background-position:0 -36px}
ul#Menu li a:active {background-position:0 -36px}

ul#Menu li#home a { background-position: 0 0; width:200px; }
ul#Menu li#home a:hover {background-position:0 -36px}
ul#Menu li#home a:active {background-position:0 -36px}
ul#Menu li#profil a { background-position: 0 -72px; width:200px; }
ul#Menu li#profil a:hover {background-position:0 -108px}
ul#Menu li#profil a:active {background-position:0 -108px}
ul#Menu li#referenzen a { background-position: 0 -144px; width:200px; }
ul#Menu li#referenzen a:hover {background-position:0 -180px}
ul#Menu li#referenzen a:active {background-position:0 -180px}
ul#Menu li#kontakt a { background-position: 0 -216px; width:200px; }
ul#Menu li#kontakt a:hover {background-position:0 -252px}
ul#Menu li#kontakt a:active {background-position:0 -252px}
/*---------------Ende Navigation---------------------------*/