/*
CSS-RESET--------------------- 

Author:   Waigwa Gatamu 
Created:  29.09.2009
Copyright: Euroweb Internet GmbH   

*/


/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border:none;
}
body {
	color:#333;
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	background: #d5d3d4 url(../images/bg.jpg) repeat-x;
}
/*
KLASSEN & ANDERE STANDARDS
==================================================*/
.clear {
	content: ".";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.cmsContainer {
	float:left;
	width: 660px;
	position: relative;
	margin-bottom: 10px;
}
ol, ul {
	list-style: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.daten {
	float:left;
	width:600px;
	font-size:12px;
}
div#content-sidebar p, div#content-main p {
	margin: 0 0 20px 0;
}
.separator {
	border-top:0;
	height:5px;
	line-height:0.001em;
	overflow:hidden;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}
span.text {
	background:#456274;
	color:#FFFFFF;
	padding:2px;
}
.sidebar-text {
	width:245px;
	margin:35px 0px 0 13px;
}
.anfahrt-text {
	width:140px;
	margin:35px 7px 0 0px;
	_margin:35px 3px 0 0px;
	float:right;
}
div.list-container {
	width:591px;
	background: url(../images/bg-list-container.jpg) repeat-x;
	padding:2px;
	margin-bottom:20px;
}
ul.list li {
	padding:2px 0 2px 15px;
	margin:4px 0 0px 5px;
	background:url(../images/li-arrow.png) no-repeat 0px 6px;
}
ul.list {
	margin-bottom:30px;
}
.oeffnungzeit {
	width:231px;
	height:36px;
	background: url(../images/bg-zeit.jpg) no-repeat;
}
.text-container {
	width:591px;
	float:left;
}
.cmsContainer {
	float:left;
	width: 660px;
	position: relative;
	margin-bottom: 10px;
}
p.tage {
	width:90px;
	height:60px;
	float:left;
}
p.datum {
	width:120px;
	height:60px;
	float:right;
}
div#flash {
	width:640px;
	height:473px;
	position: absolute;
	z-index:1;
	padding:0px!important;
	margin:0px!important;
	left:321px;
}
/*
IMAGEBORDER
==================================================*/
.image {
	margin-right:10px;
}
/*
H2 KLASSEN 
==================================================*/

h2 {
	text-indent:-9999px;
	height:73px;
	margin-bottom:25px;
}
h2.willkommen {
	background:url("../images/h2/bg-h2-willkommen.jpg") no-repeat;
}
h2.wir-ueber-uns {
	background:url("../images/h2/bg-h2-wir-ueber-uns.jpg") no-repeat;
}
h2.karosseriebau {
	background:url("../images/h2/bg-h2-karosseriebau.jpg") no-repeat;
}
h2.richtbankarbeiten {
	background:url("../images/h2/bg-h2-richtbankarbeiten.jpg") no-repeat;
}
h2.smart-repair {
	background:url("../images/h2/bg-h2-smart-repair.jpg") no-repeat;
}
h2.achsvermessung {
	background:url("../images/h2/bg-h2-achsvermessung.jpg") no-repeat;
}
h2.lackierungen {
	background:url("../images/h2/bg-h2-lackierungen.jpg") no-repeat;
}
h2.lackieren {
	background:url("../images/h2/bg-h2-lackieren.jpg") no-repeat;
}
h2.sonderlackierungen {
	background:url("../images/h2/bg-h2-sonderlackierungen.jpg") no-repeat;
}
h2.autoverglasung {
	background:url("../images/h2/bg-h2-autoverglasung.jpg") no-repeat;
}
h2.klimaanlagen-service {
	background:url("../images/h2/bg-h2-klimaanlagen-service.jpg") no-repeat;
}
h2.service {
	background:url("../images/h2/bg-h2-service.jpg") no-repeat;
}
h2.aktuelles {
	background:url("../images/h2/bg-h2-aktuelles.jpg") no-repeat;
}
/*H2 ERROR ANFAHRT DANKE KONTAKT IMPRESSUM 
==================================================*/ 

h2.error {
	background:url("../images/h2/bg-h2-error.jpg") no-repeat;
}
h2.danke {
	background:url("../images/h2/bg-h2-danke.jpg") no-repeat;
}
h2.anfahrt {
	background:url("../images/h2/bg-h2-anfahrt.jpg") no-repeat;
}
h2.kontakt {
	background:url("../images/h2/bg-h2-kontakt.jpg") no-repeat;
}
h2.impressum {
	background:url("../images/h2/bg-h2-impressum.jpg") no-repeat;
}
/*H3 
==================================================*/ 

h3 {
	font-size:11px;
}
h3.aktuelles {
	background: url(../images/h3/bg-aktuelles.jpg) no-repeat;
	text-indent:-9999px;
	height:28px;
	margin-bottom:2px;
}
h3.fragen {
	background: url(../images/h3/bg-h3-fragen.jpg) no-repeat;
	text-indent:-9999px;
	height:28px;
	margin-bottom:2px;
}
h3.zeit {
	background: url(../images/h3/bg-h3-zeit.jpg) no-repeat;
	text-indent:-9999px;
	height:28px;
	margin-bottom:2px;
}
h3.unsere-leistungen-beinhalten {
	background:url("../images/h2/bg-h2-unsere-leistungen-beinhalten.jpg") no-repeat;
	text-indent:-9999px;
	height:28px;
	margin-bottom:2px;
}
/*BRANDING
==================================================*/ 

h1.branding {
	width: 253px;
	height:101px;
	position: absolute;
	float: left;
	text-indent: -5000px;
	margin:0;
	margin:25px 0px 0 0px;
}
h1.branding a {
	width: 253px;
	height:101px;
	display: block;
	text-indent: -5000px;
	outline:none;
}
/*CLAIM
==================================================*/ 

div#claim {
	float:right;
	width:470px;
	
	height: 30px;
	margin-top:70px;
	text-indent:-9999px;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */
a {
	color:#bb0808;
	text-decoration:underline;
	outline:none;
	border:none;
}
a img {
	border:none;
}
a:hover {
	text-decoration: none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	margin: 0px auto -104px;
	width: 960px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*
FOOTER
==================================================*/

div#footer-container {
	background:#e3e2e2;
	height:104px;
	position:relative;
	clear:both;
	margin-top: -104px; /* negative value of footer height */
*margin-top: 104px; /* negative value of footer height */
	_margin-top: 104px; /* negative value of footer height */
}
div#footer {
	width:928px;
	margin:0px auto;
	padding-top:15px;
}
div#footer p {
	font-size:11px;
	color:#7f7f7f;
}
div#footer-col1 {
	width:105px;
	height:81px;
	float:left;
	background: url(../images/index/logo-2.jpg) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.5;
}
div#footer-col2 {
	width:105px;
	height:81px;
	background: url(../images/index/logo-3.jpg) no-repeat;
	float:left;
	margin-left:52px;
	filter:alpha(opacity=90);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.5;
}
div#footer-col3 {
	width:205px;
	float:left;
	margin-left:70px;
}
div#footer-col4 {
	width:200px;
	margin-left:30px;
	float:left;
}
ul#navi-add01, ul#navi-add02 {
	float:right;
	width:100px;
	margin-left:25px;
	font-size:10px;
}
ul#navi-add01 li, ul#navi-add02 li {
	background:url(../images/footer-li.png) no-repeat 0px 6px;
	padding:0px 0px 0px 25px;
	display:block;
}
/*
HEADER
==================================================*/
div#header {
	width:960px;
	height:317px;
	position:relative;
}
/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:960px;
}
/*
CONTENT - TOP
==================================================*/	

div#content-top {
	height:138px;
	width:960px;
	background:url(../images/bg-content-top.jpg) no-repeat;
	position:relative;
}
div#navContainer {
	margin:0px auto;
	height:96px;
	width:960px;
}
/*
CONTENT - MAIN
==================================================*/

div#content-main {
	float:right;
	width:591px;
	background: #ecebeb;
	min-height: 530px;
	_height: 530px;
	overflow: hidden;
	padding:19.5px;
	padding-bottom:104px;
}
div#contentColumn-01 {
	float:left;
	width:290px;
}
div#contentColumn-02 {
	float:right;
	width:290px;
}
/*
SIDEBAR
==================================================*/

div#content-sidebar {
	float:left;
	width:271px;
	font-size:11px;
	margin-top:22px;
}
div.content-sidebar-text {
	width:241px;
	margin-top:2px;
	background:#ecebeb;
	padding:15px;
}
/*
SIDEBAR - COLUMN
==================================================*/

div#contentColumn-03 {
	width:271px;
	height:146px;
	margin:0px 0px 0px 0px;
}
div#contentColumn-04 {
	width:271px;
	margin:60px 0px 0px 0px;
}
div#contentColumn-05 {
	width:271px;
	height:205px;
	margin:60px 0px 0px 00px;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> navi <<<------------------------------- */
/* --------------------------------------------------------------------------- */
ul#navi {
	width: 271px;
	height: 254px;
	float:left;
	background: url(../images/bg-navi.jpg) no-repeat;
	position:relative;
	display:block;
	margin-top:22px;
}
ul#navi li {
	float:none;
	position: relative;
}
ul#navi a {
	display:block;
	height:35px;
	cursor:pointer;
}
a.n1 {
	height:35px!important;
	text-indent:-9999px;
}
a.n2 {
	height:35px!important;
	text-indent:-9999px;
}
a.n3 {
	height:35px!important;
	text-indent:-9999px;
}
a.n4 {
	height:35px!important;
	text-indent:-9999px;
}
a.n5 {
	height:35px!important;
	text-indent:-9999px;
}
a.n6 {
	height:35px!important;
	text-indent:-9999px;
}
a.n7 {
	height:35px!important;
	text-indent:-9999px;
}
a.n8 {
	height:35px!important;
	text-indent:-9999px;
}
ul#navi.naviactive01 li a.n1, ul#navi li a.n1:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -254px!important;
}
ul#navi.naviactive02 li a.n2, ul#navi li a.n2:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -289px!important;
}
ul#navi.naviactive03 li a.n3, ul#navi li a.n3:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -324px!important;
}
ul#navi.naviactive04 li a.n4, ul#navi li a.n4:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -359px!important;
}
ul#navi.naviactive05 li a.n5, ul#navi li a.n5:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -394px!important;
}
ul#navi.naviactive06 li a.n6, ul#navi li a.n6:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -429px!important;
}
ul#navi.naviactive07 li a.n7, ul#navi li a.n7:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -464px!important;
}
ul#navi.naviactive08 li a.n8, ul#navi li a.n8:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0 -499px!important;
}
/* --------------------------------------------------------------------------- */
/* ----------------------> FLYOUT-MENU <<<------------------------------ */
/* --------------------------------------------------------------------------- */

ul#navi li#karosseriebau ul, ul#navi li#lackierungen ul {
	display: none;
	list-style: none;
	z-index:400;
}
ul#navi li#karosseriebau ul li, ul#navi li#lackierungen ul li {
	background:#e1e0e1;
	display: block;
	padding: 0;
	position: relative;
	float: left;
}
ul#navi li#karosseriebau ul li a, ul#navi li#lackierungen ul li a {
	display:block;
	height: 45px;
	width: 160px;
	margin: 0px !important;
	padding: 12px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
ul#navi li#karosseriebau ul li a, ul#navi li#lackierungen ul li a {
	display: block;
	height: 24px;
	width: 200px;
	color:#227298;
}
ul#navi li#karosseriebau ul a:hover, ul#navi li#lackierungen ul a:hover {
	color: #2ca2f8!important;
	margin: 0px !important;
	text-decoration: none;
}
ul#navi li#karosseriebau ul {
	top: -70px;
	left: 125px;
	width: 110px;
	margin: 0px !important;
	padding-top: 1px;
	position: absolute;
}
ul#navi li#lackierungen ul {
	top: -34px;
	left: 125px;
	width: 110px;
	margin: 0px !important;
	padding-top: 1px;
	position: absolute;
}