/*basics*/

* { 
	margin:0px; 
	padding:0px; 
	outline:none;
}

html, body { 
	height:100%;
	width:100%;
}

body { 
	background:url(../images/bg-body.jpg) 0 0 repeat-x #e8e8e8; 
	font:normal 12px/15px Arial, Helvetica, sans-serif; 
	color:#9C0125;
}

a {	
	color:#9C0125;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

p {
	margin-bottom:12px;
}

p.lower {
	margin-bottom:5px;
}

img {
	border:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
	clear:both;
	float:none;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
	line-height:1px;
	font-size:1px;
	display:block;
	height:1px;
	clear:both;
}


/*branding*/

h1#branding {
	width:417px;
	height:112px;
  	text-indent:-5000px;
	background:url(../images/bg-branding.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:95px;
	z-index:100;
}

h1#branding a {
	width:417px;
	height:112px;	
   	display:block;
}

/*headlines*/

h2 {
	width:710px;
	height:48px;
	text-indent:-5000px;
	margin-bottom:20px;
}

h2.herzlich-willkommen-headline {
	background:url(../images/h2/herzlich-willkommen.png) 0 0 no-repeat;
}

h2.fahrzeuguntersuchung-headline {
	background:url(../images/h2/fahrzeuguntersuchung.png) 0 0 no-repeat;
}

h2.fahrzeugschaden-headline {
	background:url(../images/h2/fahrzeugschaden.png) 0 0 no-repeat;
}

h2.fahrzeugbewertung-headline {
	background:url(../images/h2/fahrzeugbewertung.png) 0 0 no-repeat;
}

h2.kontrollgeraete-headline {
	background:url(../images/h2/pruefung-eg-kontrollgeraete.png) 0 0 no-repeat;
}

h2.referenzen-headline {
	background:url(../images/h2/referenzen.png) 0 0 no-repeat;
}

h2.neues-headline {
	background:url(../images/h2/neues.png) 0 0 no-repeat;
}

h2.kontakt-headline {
	background:url(../images/h2/kontakt.png) 0 0 no-repeat;
}

h2.kontakt-danke-headline {
	background:url(../images/h2/kontakt-danke.png) 0 0 no-repeat;
}

h2.anfahrt-headline {
	background:url(../images/h2/anfahrt.png) 0 0 no-repeat;
}

h2.impressum-headline {
	background:url(../images/h2/impressum.png) 0 0 no-repeat;
}

h2.fehler-404-headline {
	background:url(../images/h2/fehler-404.png) 0 0 no-repeat;
}

h3 {
	width:450px;
	height:17px;
	text-indent:-5000px;
	float:left;
	margin-bottom:10px;
}

h3.beratender-ingenieur {
	background:url(../images/h3/beratender-ingenieur.png) 0 0 no-repeat;
}

h4 {
	border-top:1px solid #B2B2B2;
	padding-top:3px;
}

/*structure*/

div#container {
	width:945px;
	margin:0 auto;
}

div#header {
	width:945px;
	height:465px;
	position:relative;
}

div#naviContainer {
	width:215px;
	margin-right:20px;
	float:left;
}

div#content {
	width:675px;
	padding-top:9px;
	float:left;
	margin-bottom:50px;
}

div.leftCol {
	width:195px;
	float:left;
	border-right:1px solid #b2b2b2;
	margin-right:9px;
	padding-right:10px;
}

div.middleCol {
	width:215px;
	float:left;
	margin-right:20px;
}

div.rightCol {
	width:215px;
	float:left;
}

div.largeCol {
	width:450px;
	float:left;
}

div#footer {
	width:675px;
	height:90px;
	display:block;
	float:left;
	margin-left:235px;
}

div#footer a {
	text-indent:-5000px;
	height:70px;
	display:block;
	float:left;
}

div#footer a.link01 {
	width:235px;
	background:url(../images/bg-footer.png) 0 0 no-repeat;
}

div#footer a.link01:hover {
	background:url(../images/bg-footer.png) 0 -70px no-repeat;
}

div#footer a.link02 {
	width:265px;
	background:url(../images/bg-footer.png) -235px 0 no-repeat;
}

div#footer a.link02:hover {
	background:url(../images/bg-footer.png) -235px -70px no-repeat;
}

div#footer a.link03 {
	width:175px;
	background:url(../images/bg-footer.png) -500px 0 no-repeat;
}

div#footer a.link03:hover {
	background:url(../images/bg-footer.png) -500px -70px no-repeat;
}

/*naviAdd*/

ul#naviAdd {
	width:215px;
	height:50px;
	position:absolute;
	top:0px;
	left:695px;
	list-style-type:none;
	text-indent:-5000px;
}

ul#naviAdd li {
	height:50px;
	float:left;
}

ul#naviAdd li a {
	height:50px;
	display:block;
}

ul#naviAdd li.kontakt a {
	width:65px;
	background:url(../images/bg-naviadd.gif) 0 0 no-repeat;
}

ul#naviAdd li.kontakt a:hover,
ul#naviAdd li.kontakt a.active {
	background:transparent url(../images/bg-naviadd.gif) 0px -50px no-repeat;
}

ul#naviAdd li.anfahrt a {
	width:70px;
	background:url(../images/bg-naviadd.gif) -65px 0 no-repeat;
}

ul#naviAdd li.anfahrt a:hover,
ul#naviAdd li.anfahrt a.active {
	background:url(../images/bg-naviadd.gif) -65px -50px no-repeat;
}

ul#naviAdd li.impressum a {
	width:80px;
	background:url(../images/bg-naviadd.gif) -135px 0 no-repeat;
}

ul#naviAdd li.impressum a:hover,
ul#naviAdd li.impressum a.active {
	background:url(../images/bg-naviadd.gif) -135px -50px no-repeat;
}

/*navi*/

ul.navi {
	width:215px;
	list-style-type:none;
	text-indent:-5000px;
}

ul.navi li {
	width:215px;
	min-height:49px;
	height:auto;
}

ul.navi li a {
	width:215px;
	height:49px;
	display:block;
}

ul.navi li.startseite a {
	background:url(../images/bg-navi.png) 0 0 no-repeat;
}

ul.navi li.startseite a:hover,
ul.navi li.startseite a.active {
	background:url(../images/bg-navi.png) -215px 0 no-repeat;
}

ul.navi li.referenzen a {
	background:url(../images/bg-navi.png) 0 -98px no-repeat;
}

ul.navi li.referenzen a:hover,
ul.navi li.referenzen a.active {
	background:url(../images/bg-navi.png) -215px -98px no-repeat;
}

ul.navi li.neues a {
	background:url(../images/bg-navi.png) 0 -147px no-repeat;
}

ul.navi li.neues a:hover,
ul.navi li.neues a.active {
	background:url(../images/bg-navi.png) -215px -147px no-repeat;
}

/*naviSub*/

ul.naviSub {
	width:215px;
	height:120px;
	_height:100px;
	list-style-type:none;
	margin:10px 0 0 0;
}

ul.naviSub li {
	height:25px;
	padding-left:18px;
}

ul.naviSub li a {
	text-decoration:none;
	font-weight:bold;
	color:#9C0125;
	font-size:12px;
	display:block;
	padding:3px;
}

ul.naviSub li a:hover,
ul.naviSub li a.active {
	background:#9C0125;
	color:#fff;
	padding:3px;
}

/*content*/

dl.oeffnungszeiten {
	width:192px;
	height:124px;
	text-indent:-5000px;
	background:url(../images/bg-oeffnungszeiten.png) 0 0 no-repeat;
	position:absolute;
	top:217px;
	left:0px;
}

dl.anschrift {
	width:199px;
	height:140px;
	text-indent:-5000px;
	background:url(../images/bg-anschrift.png) 0 0 no-repeat;
	position:absolute;
	top:221px;
	left:217px;
}

ul.leistungenList {
	float:left;
	list-style-type:none;
	margin-bottom:10px;
}

ul.leistungenList li {
	background:url(../images/li-haekchen.png) 0 0 no-repeat;
	padding-left:23px;
	line-height:16px;
	margin-bottom:7px;
}

ul.leistungenList li.last {
	margin-bottom:0px;
}

div.leftCol a.portrait {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/index/christof-eickelkamp-th.png) 0 0 no-repeat;
}

div.leftCol a.portrait:hover {
	background:url(../images/index/christof-eickelkamp-th.png) -205px 0 no-repeat;
}

div.leftCol a.fahrzeuguntersuchung-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/fahrzeuguntersuchung/01-th.png) 0 0 no-repeat;
}

div.leftCol a.fahrzeuguntersuchung-img:hover {
	background:url(../images/fahrzeuguntersuchung/01-th.png) -205px 0 no-repeat;
}

div.leftCol a.fahrzeugschaden-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/fahrzeugschaden/01-th.png) 0 0 no-repeat;
}

div.leftCol a.fahrzeugschaden-img:hover {
	background:url(../images/fahrzeugschaden/01-th.png) -205px 0 no-repeat;
}

div.leftCol a.fahrzeugbewertung-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/fahrzeugbewertung/01-th.png) 0 0 no-repeat;
}

div.leftCol a.fahrzeugbewertung-img:hover {
	background:url(../images/fahrzeugbewertung/01-th.png) -205px 0 no-repeat;
}

div.leftCol a.kontrollgeraete-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/kontrollgeraete-th.png) 0 0 no-repeat;
}

div.leftCol a.kontrollgeraete-img:hover {
	background:url(../images/kontrollgeraete-th.png) -205px 0 no-repeat;
}

div.leftCol a.zertifikate-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/zertifikate-th.png) 0 0 no-repeat;
}

div.leftCol a.zertifikate-img:hover {
	background:url(../images/zertifikate-th.png) -205px 0 no-repeat;
}

div.leftCol a.neues-img {
	width:195px;
	height:205px;
	display:block;
	background:url(../images/neues-th.png) 0 0 no-repeat;
}

div.leftCol a.neues-img:hover {
	background:url(../images/neues-th.png) -205px 0 no-repeat;
}

div.middleCol p {
	color:#333333;
}

div.largeCol p {
	color:#333333;
}

a.groesserekartenansicht {
	width:205px;
	height:25px;
	text-indent:-5000px;
	display:block;
	background:url(../images/bg-groessere-kartenansicht.png) 0 0 no-repeat;
}

a.groesserekartenansicht:hover {
	background:url(../images/bg-groessere-kartenansicht.png) -205px 0 no-repeat;
}

a.vcard {
	width:195px;
	height:25px;
	text-indent:-5000px;
	display:block;
	background:url(../images/bg-vcard.png) 0 0 no-repeat;
	margin-bottom:10px;
}

a.vcard:hover {
	background:url(../images/bg-vcard.png) -205px 0 no-repeat;
}
   
dl.impressumContainer {
	width:430px;
	float:left;
	margin:0 20px 10px 0;
}   
   
dl.impressumContainer dt {
	width:130px;
	float:left;
	margin-bottom:3px;
}  

dl.impressumContainer dd {
	width:300px;
	float:left;
	margin-bottom:3px;
}  

a.hoverFade {
	float:left;
	display:block;
}

a.gtueLogo {
	width:139px;
	height:61px;
	margin-right:35px;
}

a.zakLogo {
	width:92px;
	height:64px;
	margin-right:35px;
}

a.ifsLogo {
	width:107px;
	height:64px;
}

a.cartoon-01{
	width:106px;
	height:80px;
	margin-right:70px;
}

a.cartoon-02{
	width:104px;
	height:64px;
	margin-right:58px;
}

a.cartoon-03{
	width:98px;
	height:64px;
}