* {
margin: 0px;
padding: 0px;
}
img {
border:0;
}

body {
font-family: Verdana;
text-align: center;
background-color: #8C8A8C;
}
#site {
background-image: url(../_gfx/bg.gif);
background-position: center top;
background-repeat: repeat-y;
}
#header {
text-align: left;
width: 745px;
margin: 0px auto 10px auto;
z-index: 90;
}

#header #topnavi {
padding: 3px 13px 0px 13px;
}
#header #topnavi ul {
list-style-type: none;
}
#header #topnavi td {
padding: 0 2px 0 2px;
overflow: hidden;
vertical-align: bottom;
}

#header #topnavi #topnavi_left {
float: left;
}
#header #topnavi #topnavi_right {
float: right;
}
#header #topnavi td a{
text-indent: -3000px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: center bottom;
height: 30px;
}
#header #topnavi td a#egghead {width: 40px; background-image: url(../_gfx/egghead.gif);}
#header #topnavi td a#home {width: 30px; background-image: url(../_gfx/home_1.gif);}
#header #topnavi td a#home:hover {background-image: url(../_gfx/home_2.gif);}

#header #topnavi td a#impressum {width: 64px; background-image: url(../_gfx/impressum_1.gif);}
#header #topnavi td a#impressum:hover {background-image: url(../_gfx/impressum_2.gif);}

#header #topnavi td a#kontakt {width: 50px; background-image: url(../_gfx/kontakt_1.gif);}
#header #topnavi td a#kontakt:hover {background-image: url(../_gfx/kontakt_2.gif);}

#header #top_navi td a#anfahrt {width: 50px; background-image: url(../_gfx/anfahrt_1.gif);}
#header #top_navi td a#anfahrt:hover {background-image: url(../_gfx/anfahrt_2.gif);}

#header #topnavi td a#jobs {width: 25px; background-image: url(../_gfx/jobs_1.gif);}
#header #topnavi td a#jobs:hover {background-image: url(../_gfx/jobs_2.gif);}


#header #topnavi td a#ktv {width: 30px; background-image: url(../_gfx/top_ktv_1.gif);}
#header #topnavi td a#ktv:hover {background-image: url(../_gfx/top_ktv_2.gif);}

#header #topnavi td a#willi {width: 40px; background-image: url(../_gfx/top_willi_1.gif);}
#header #topnavi td a#willi:hover {background-image: url(../_gfx/top_willi_2.gif);}

#header #topnavi td a#xl {width: 30px; background-image: url(../_gfx/top_xl_1.gif);}
#header #topnavi td a#xl:hover {background-image: url(../_gfx/top_xl_2.gif);}

#header #navi {
margin: 10px;
position: relative;
z-index: 100;
}

#loading {
width: 100%;
padding: 40px 0px;
height: 200px;
text-align: center;
}
#content {
z-index: 80;
text-align: left;
width: 704px;
margin: 20px auto 0 auto;
color: #5B5C5C;
letter-spacing: .1px;
}

#content #subheader {
margin-bottom: 15px;
border-bottom: 1px solid #DBDBDB;
}
#content #subheader #preamble {
width: 470px;
float: left;
font-size: 11px;
line-height: 1.6em;
text-align: justify;
}
#content #subheader #subnavi {
float: right;
text-align: right;
line-height: 1.8em;
font-size: 10px;
}
#content #subheader #subnavi li {
list-style-type: none;
}
#content #subheader #subnavi li a {
background-repeat: no-repeat;
background-position: left 60%;
padding-left: 10px;
text-decoration: none;
}
#content #subheader #subnavi li a:hover {
text-decoration: underline;
}
#content h1 {
font-size: 16px;
font-weight: normal;
margin-bottom: 20px;
}

#content #subcontent {
margin-left: 80px;
font-size: 11px;
line-height: 1.6em;
text-align: justify;
}
#content td {
font-size: 11px;
}
#content #subcontent .box {
float: right;
margin: 0px 0px 20px 20px;
}
#content #subcontent .box img {
background-image: url(../_gfx/shadow.gif);
background-repeat: no-repeat;
padding: 20px 0 0 20px;
}

#content #subcontent hr {
border:0;
height:1px;
clear: both;
margin: 25px 0 25px 0;
border-bottom: 1px solid #DBDBDB;
}
#subcontent h2 {
background-repeat: no-repeat;
background-position: left 60%;
padding-left: 20px;
margin-left: -20px;
margin-bottom: 15px;
font-size: 14px;
font-weight: normal;
}
#subcontent h2 a, #subcontent h2 a:hover {
text-decoration: none;
background-image: none;
padding:0;
}

#subcontent .extra {
font-size: 10px;
margin:8px 25px 0 0;
}
#content a, #subcontent .extra a{
background-repeat: no-repeat;
background-position: left 60%;
padding-left: 10px;
display: inline-block;
text-decoration: none;
}
#content a:hover, subcontent .extra a:hover {
text-decoration: underline;
}

#footer {
color: #B9B9B9;
font-size: 10px;
width: 780px;
margin: 0 auto 0 auto;
padding: 20px 0 30px 0;
background-image: url(../_gfx/footer.gif);
background-repeat: no-repeat;
background-position: center top;
}

#footer #footer_left {
float: left;
margin-left: 43px;
text-align: left;
}
#footer #footer_right {
float: right;
margin-right: 40px;
text-align: right;
}

#content {
font-size: 11px;
}

#content a.referenz_index {
display: block;
padding:0;
background-image: none;
width: 196px;
border:1px solid #ccc;
float: left;
margin: 0 15px 30px 0;
}
#content a.referenz_index {
text-decoration: none;
}

#content a.referenz_index:hover {
border:1px solid #999;
color: #444;
}
#content a.referenz_index .ref_content {
padding: 10px;
height: 100px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center 40px;
}
*html #content a.referenz_index .ref_content {
height: 120px;
}
#content a.referenz_index:hover .ref_content {
background-color: #e5e5e5;
cursor: pointer;
}

#content a.referenz_index .ref_content .title{
margin-bottom: 6px;
}


#content a.referenz_index .ref_content img {
display: block;
}


#content .referenz_head {
font-size: 11px;
padding-bottom: 10px;
margin: 25px 0 25px 0;
border-bottom: 1px solid #DBDBDB;
text-align: justify;
line-height: 1.6em;
}

#content #referenzen a, #content #referenzen .swf {
display: block;
padding:0;
background-image: none;
float: left;
margin: 0 15px 30px 0;
}
#content #referenzen a img,  #content #referenzen .swf object {
border: 1px solid #ccc;
padding: 10px;
display: block;
}
#content #referenzen a:hover img {
border: 1px solid #999;
display: block;
}


#kontakt {
width: 650px;
}

#kontakt #formular{
float:left;
}
#kontakt #formular input.text, #kontakt #formular textarea.text {
font-size: 11px;
padding: 2px;
border: 1px solid #999;
}
#kontakt #formular input.text:focus {
border: 1px solid #000;
}

#kontakt #text{
float:left;
margin-left: 35px;
}


#kontakt ul#warn {
color: #880000;
border: 3px solid #880000;
padding-left:30px;
list-style: square;
}