/*
Autor: Simon Westphahl
*/
* {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
outline: 0;
}
/* General Elements */
html {font-size: 100%;}
body {
font-size: 1em;
text-align: center;
font-family: Verdana, Arial, sans-serif;
color: #333;
/* background: #eee url(bg_grid.gif) center 8px repeat-y; */
background: #eee url(bg_body.gif) center top repeat-y;
}
img {-ms-interpolation-mode:bicubic;}
.clear {clear: both;}
h1 {
color: #000;
font-size: 1.3125em;
font-weight: normal;
line-height: 1.7143em;
}
h2 {
color: #000;
font-size: 0.9375em;
line-height: 1.2em;
margin: 1.2em 0;
padding: 0.6em 0 0.5375em 0;
border-bottom: #ccc 1px solid;
}
h3 {
color: #000;
font-size: 0.75em;
line-height: 1.5em;
}
p, ul, ol, dl, blockquote {
line-height: 1.6364em;
font-size: 0.6875em;
margin: 1.6364em 0;
}
sub {vertical-align: bottom;}
sup {vertical-align: top;}
sub, sup {
font-size: 60%;
line-height: 100%;
}
input, select, textarea {
line-height: 1.6364em;
padding: 0.2em;
}
blockquote {
margin-left: 2em;
border-left: 1px solid #ccc;
padding-left: 2em;
}
dl * {font-size: 1em;}
ul, ol {padding-left: 1.6364em;}
ul.nostyle, ol.nostyle {
padding: 0;
list-style: none;
}
a {color: #d00;}
a:hover {color: #333;}
img {
border: 3px #ccc solid;
display: block;
}
textarea {font-family: Verdana;}
/* Structural Elements */
div#container {
width: 850px;
text-align: left;
margin: 0 auto;
padding-top: 16px;
background: transparent url(header_default.jpg) center 108px no-repeat;
}
body#umwelt div#container {background: transparent url(header_umwelt.jpg) center 108px no-repeat;}
body#etz div#container {background: transparent url(header_etz.jpg) center 108px no-repeat;}
body#team div#container {background: transparent url(header_team.jpg) center 108px no-repeat;}
body#jobs div#container, body#angebote div#container {background: transparent url(header_angebote.jpg) center 108px no-repeat;}
body#service div#container {background: transparent url(header_service.jpg) center 108px no-repeat;}
body#neuwagen div#container {background: transparent url(header_neuwagen.jpg) center 108px no-repeat;}
body#ungerhausen div#container {background: transparent url(header_ungerhausen.jpg) center 108px no-repeat;}
div#content {
width: 625px;
float: left;
display: inline;
overflow: hidden;
}
body#dettingen div#heading {
background: transparent url(partner_logos_dettingen.jpg) right center no-repeat;
}
body#ungerhausen div#heading {
background: transparent url(partner_logos_ungerhausen.jpg) right center no-repeat;
}
body#landing div#container {
background: none;
}
ul#mainnav {
width: 175px;
float: right;
font-size: 0.75em;
line-height: 1.5em;
margin: 1.5em 0;
display: inline;
overflow: hidden;
list-style-type: none;
list-style-position: outside;
}
ul#mainnav li a {padding-left: 20px;}
ul#mainnav li a.active {
background: transparent url(double_arrow.png) left center no-repeat;
color: #000;
}
ul#mainnav li a.subactive {background: transparent url(double_arrow_grey.png) left center no-repeat;}
ul#mainnav ul {padding:0;}
.colleft, .colright {
width: 287.5px;
display: inline;
overflow: hidden;
}
.colleft:after, .colright:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* HACK */
* html .colleft, * html .colright {height: 1%;}
.colleft, .colright {display: inline-block;}
.colleft, .colright {display: block;}
/* HACK END */
.colleft {float: left;}
.colright {float: right;}
body#landing .colleft, body#landing .colright {width: 400px;}
/* Navigation */
ul#mainnav ul {list-style-type: none;}
ul#mainnav a {
text-decoration: none;
color: #999;
}
ul#mainnav a:hover {color: #000;}
ul#mainnav ul {
font-size: 1em;
line-height: inherit;
margin: 0 0 0 1.6364em;
}
/* Special Elements */
p#jumpto {
height: 8px;
margin: 0;
overflow: hidden;
padding: 0;
text-indent: -999em;
background-color: #d00;
}
p.subtitle {
margin: 0;
font-size: 1em;
line-height: 1.125em;
color: #999;
font-weight: bold;
}
a#logo {
display: block;
margin-left: 564px;
}
a#logo img {
border: none;
}
div#branding {
margin-bottom: 228px;
clear: both;
background: transparent url(standorte.png) left 50px no-repeat;
}
body#landing div#branding {
margin: 0;
}
body#landing img.standort {
margin: 1.2em 0;
}
/* Global Special Style */
dl.list dt {
color: #000;
font-weight: bold;
margin: 1.5em 0 0 0;
}
.meta {color: #999; font-style: italic;} 
.clear {clear: both;}
.highlight {font-weight: bold;}
.hint {
background: transparent url(hint.png) 0 75% no-repeat;
padding-left: 15px;
}
/* #####
Class Specific
##### */
dl.list dt {
font-size: 1.091em;
line-height: inherit;
}
dl.team dt {float: left;}
dl.team dd {margin-left: 108px;}
dl.teaser dd {margin-bottom: 1.6364em;}
.team:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* HACK */
* html .team {height: 1%;}
.team {display: inline-block;}
.team {display: block;}
/* HACK END */
/* Page Specific */
/* Home */
body.home .colleft {width: 387.5px;}
body.home .colright {width: 187.5px;}
dl.offer dt {
display: inline;
float: left;
margin: 0;
padding: 0;
}
dl.offer dd {padding-left: 94px;}
.cost {font-style: italic;}
.news p, .news ul, .news dl {
margin: 0.8182em;
}
.news ul {
list-style-type: none;
padding: 0;
}
.news li, .news dt {
background: transparent url(hint.png) 0 0.3em no-repeat;
padding-left: 15px;
}
.news dd {
padding: 0 15px;
}
.special {
color: #d00;
font-size: 0.9375em;
line-height: 1.2em;
font-weight: bold;
}
/* Kontaktformular */
input, select, textarea {border: 2px #ccc solid;}
input:focus, select:focus, textarea:focus {border: 2px #999 solid;}
input {
width: 50%;
margin-bottom: 0.8181em;
}
p input {
background-color: #ccc;
border: 2px #ccc outset;
width: 10em;
}
select, textarea {
width: 75%;
margin-bottom: 0.8181em;
}
dd.error ul {
width: 40%;
background-color: #fc9;
color: #d00;
font-size: 1em;
margin: 0;
}
dd ul, dd p, dd ol {
font-size: 1em;
}
/* Symbols */
h2.calendar {
background: transparent url(ico_calendar.png) left center no-repeat;
padding-left: 25px;
}
h2.info {
background: transparent url(ico_info.png) left center no-repeat;
padding-left: 25px;
}
h2.people {
background: transparent url(ico_people.png) left center no-repeat;
padding-left: 25px;
}
h2.star  {
background: transparent url(ico_star.png) left center no-repeat;
padding-left: 25px;
}
h2.service {
background: transparent url(ico_service.png) left center no-repeat;
padding-left: 25px;
}
h2.car {
background: transparent url(ico_car.png) left center no-repeat;
padding-left: 25px;
}
h2.etz {
background: transparent url(ico_etz.png) left center no-repeat;
padding-left: 25px;
}
h2.house {
background: transparent url(ico_house.png) left center no-repeat;
padding-left: 25px;
}
h2.clock {
background: transparent url(ico_clock.png) left center no-repeat;
padding-left: 25px;
}
p.photobar {
text-align: center;
padding: 0;
margin: 0 0 -1.6364em 0;
}
p.photobar img {
display: inline;
padding: 0;
margin: 0 0 1.2364em 0;
/* 1.6364 */
}
p.photobar a {
margin: 0 1em;
padding: 0;
}
img#popup {
border: none;
}