@charset 'utf-8';
@import url(resets.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */


* {
	margin: 0;
	padding: 0;}
	
img { 
-ms-interpolation-mode: bicubic; }
	
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

	
html {
	height: 100%;}
	
/* !Typography =================== */

body {
	font: 13px/1.4 Verdana, "Lucida Grande", Arial, sans-serif;}
	
h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 10px 0;}
	
h2 span {
	font-weight: normal;}
	
h3 {
	font-size: 1.2em;
	color: #005ea8;
	margin: 1.2em 0 0.3em;}
	
h3 a {
	text-decoration: none;}
	
	
#content p {
	margin: 0 0 0.75em;}
	
#content p:first-child {
	font-style: italic;
	font-weight: bold;}
	
p a {
	color: #005ea8;}
	
p a:hover {
	color: #00477e;}
	
/* !Lists ---------- */
	
#content ol, #content ul {
	list-style-type: disc;
	margin: 0 0 0.75em 20px;}
	
#content ul-2 {
	list-style-type: disc;
	margin: 0 0 0.75em 0px;}
	
#content ol.indent {
	list-style: none;
	margin: 0;}
	
ol.indent li {
	position: relative;
	padding-left: 60px;}
	
ol.indent li span {
	position: absolute; left: 0; top: 0;
	font-weight: bold;}	

.ie6 ol.indent li span {left: -45px;}

li li {
	list-style-type: circle;}

/* !Basic Layout =================== */

body {
	height: 100%;
	background: #eee url(img/logo-and-body-bg.png) left -110px repeat-x;
	text-align: center;}
	
#wrapper {
	position: relative;
	width: 800px; min-height: 100%;
	margin: 0 auto;
	background: #fff;}
		
#header {
	position: relative;
	width: 100%; height: 214px;
	background: transparent url(img/logo-and-body-bg.png) left -110px repeat-x;}
	
.ie6 .unfallschaden #header {
	height:234px;}
	
#content {
	width: 774px;
	padding: 26px 0 80px 26px;
	text-align: left;
	background: #fff url(img/top-shadow.png) left top repeat-x;}
	
#footer {
	position: absolute; left: 0 ; bottom: 0;
	width: 100%; height: 30px;
	text-align: center;
	background: #ccc;}
	
	
/* !Layout Details =================== */
	
h1 {
	float: left;
	text-indent: -9999px;
	width: 330px; height: 110px;
	background: url(img/logo-and-head-bg.png) left top no-repeat;}
	
h1 a {
	position: absolute;bottom: 0;
	display: block; 
	width: 330px; height: 70px;}
	
#leistungen {
	float: right;
	width: 344px; height: 102px;
	padding: 22px 0 0 30px;
	text-align: left;
	color: #fff;
	background: #999;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;}
	
#tel {
	position: absolute; left: 36px; bottom: 30px;
	width: 177px; height: 30px;
	line-height: 30px;
	font-weight: bold; text-align: center;
	color: #fff;
	background: #f64288;
	z-index: 100;}
	
.ie6 .unfallschaden #tel {
	bottom: 50px;}
	
#nav {
	position: absolute; bottom: 0; left: 0;
	height: 60px;
	width: 100%;
	z-index: 2000;}
	
.ie6 #nav {bottom: -5px;}
	
#navmain, #navsub {
	height: 30px;
	list-style: none;}
	
#nav a {
	color: #333;
	text-decoration: none;}
	
/* !Main Nav ---------- */

	
#navmain li {
	float: left; 
	width: 187px; height: 30px;
	text-align: center;}
	
li#home {
	width: 26px;
	margin-right: 201px;
	background: none;}
	
#navmain li a {
	display: block; 
	width: 173px; height: 30px;
	margin: 0 auto;
	font-weight: bold;
	line-height: 30px;
	background: transparent url(img/buttons-1cat.png) 50% top no-repeat;}
	
#navmain li a:hover {
	background-position: 50% -30px;}

li#home a {
	display: block;
	width: 100%; height: 30px;
	text-indent: -9999px;
	background: transparent url(img/home-btn.png) left top no-repeat;}
	
li#home a:hover {
	background-position: left -30px;}	

	
/* !Sub Nav ---------- */
	
#navsub li {
	float: left;
	width: 160px; height: 30px;
	line-height: 32px;
	background: transparent url(img/bg-2cat.png) left top no-repeat;}
	
#navsub li#unfallschaden, #navsub li#fahrzeugbewertung {
	width: 400px;}
	
.arbeitssicherheit-top #navsub li {
	width: 200px;}
	
#navsub li a {
	display: block;
	width: 100%; height: 27px;}
	
#navsub li a:hover {
	border-bottom: 3px solid #005ea8;}
		
/* !Subsub Nav ---------- */

#navsubsub {
	width: 800px; height: 20px;
	/*border-top: 1px solid #005ea8;*/
	background: #999;}

#navsubsub li {
	float: left;
	width: auto; height: 20px;
	list-style: none;}
	
#navsubsub li a {
	float: left; width: auto;
	display: block; height: 20px;
	line-height: 20px;
	padding: 0 10px;
	font-size: 12px;
	border-right: 1px solid #fff;	
	color: #fff;}

#navsubsub li a:hover {background: #005ea8;}

/* !Active Buttons ---------- */	

/* navmain */	
.unser-buero #buero a,
.unfallschaden #kfz-technik a,
.kfz-technik #kfz-technik a,
.arbeitssicherheit-top #arbeitssicherheit a,
.uvv-pruefungen #arbeitssicherheit a {
	background-position: 50% -60px;}

/* navsub */

.ansprechpartner #ansprechpartner a,
.kontakt #kontakt a,
.anfahrt #anfahrt a,
.historie #historie a,
.profession #profession a,
.haftpflichtschaden #unfallschaden a,
.kaskoschaden #unfallschaden a,
.was-wird-wann-gezahlt #unfallschaden a,
.nebenkosten #unfallschaden a,
.nachbesichtigung #unfallschaden a,
.fahrzeugbewertung #fahrzeugbewertung a,
.arbeitssicherheit #arbeitssicherheit-sub a,
.uvv-pruefungen #uvv-pruefungen a,
.umweltschutz #umweltschutz a,
.sifa #sifa a {
	border-bottom: 3px solid #005ea8;}	
	
/* navsubsub */
	
.haftpflichtschaden #haftpflichtschaden a,
.kaskoschaden #kaskoschaden a,
.was-wird-wann-gezahlt #was-wird-wann-gezahlt a,
.nebenkosten #nebenkosten a,
.nachbesichtigung #nachbesichtigung a {
	background: #005ea8;}
	
.unfallschaden #content {
	padding-top: 52px;}

	
/* !CONTENT PAGES ---------- */

#col1 {
	float: left;
	width: 557px;}
	
#col1a, #col1b {
	float: left;
	width: 265px;}
	
#col1a {
	margin: 0 26px 0 0;}
	
#mitgliedschaften {
	float: right;
	width: 142px; height:352px;
	margin: 25px 10px 0 0;}
	
	
/* !PAGE: Ansprechpartner ---------- */

img {
	float: left; 
	margin: 13px 13px 60px 0;
	border: none;}
	
.img3 {
	float: left; 
	margin: 13px 13px 120px 0;
	border: none;}	


	
/* !PAGE: Startseite ---------- */

.img2 {
	float: right; 
	margin: 6px 13px 0 0;
	border: none;}	
	
.img4 {  
	margin: 6px 13px 0 0;
	border: none;}	

/* !PAGE: Historie ---------- */

/* !PAGE: UVV ÜPrüfungen ---------- */

table {
	width: 100%;
	margin: 20px 0;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ccc;}

td {
	border-bottom: 1px solid #CCC;}

	
/* !footer_inner ---------- */

	
#navsupp {
	margin: 0 auto;
	line-height: 30px;}
	
#navsupp li {
	display: inline;
	color: #666;}
	

#navsupp li a {
	text-decoration: none;
	color: #666;
	font-size: 0.8em;}
	
#navsupp li a:hover {
	color: #000;}

/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }