@charset "UTF-8";

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, th, tr, td, span, em, pre, img{
	margin:0;
	padding:0;
	}

html{
	height:100%;
	margin-bottom:1px;}
	
body {
	color:#000;
	background: #004E70;
	font: 12px/18px Arial, Helvetica, sans-serif;
	}
	

	
/** Hintergrundfarbe *********************************************************************/
#header{
	background:none;
}

#right, #left, #outer, #breadcrumb, #container   {
	background: #fff;
	}
	
#content, #contentFormular{
	border-left-color: #fff;
	}

/* Konturfarbe von Outer ändern Zeile 232 */
/* Kontur-Top beim Footer anpassen Zeile 327 */
/* Background Image in Breadcrump anpassen Zeile 203 */









/*************************************************************************************/
/* Ende Hintergrundfarbe */


/*************************************************************************************/
/* Anfang Kontur */
#content img, #right img, #content .textBildfeld{
	border: none;
	}



/*************************************************************************************/
/* Ende Kontur */

/*************************************************************************************/
/* Anfang Typo */

	
h1 {
	font-size:22px;
	line-height:26px;
	padding: 5px 0;
	margin-bottom:20px;
	font-weight: lighter;
	color: #9E9C55;
	}

h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	}
	
h3 {
	font-size:12px;
	font-weight:bold;
	color: #9E9C55;
	}
	
p {
	margin-bottom:10px; 
	}
	
em {
	font-weight:bold;
	font-style: normal;
	}
	
.menu ul{
	text-transform:uppercase;
	font:11px Arial, Helvetica, sans-serif;
	}
	
	
	
	
	
	
	
	
/*************************************************************************************/
/* Ende Typo */

#content ul {
	padding-left:15px;
	list-style:url(../img/quadrat_bp.gif) outside;
	}
	
#content #contentInner .floatLeft{
	
		float:left;
	position:relative;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:30px;

	}
	
	#content .floatLeft{
	
		float:left;
	position:relative;
	margin-right:15px;
	margin-top:7px;
		}
	
	#content .clearLeft{
		clear:both;
	
		}
	
#content .textBildfeld{
	margin-bottom:25px;
	padding:12px;
	}
	
#content .textBildfeld img{
	margin-bottom:0px;
	padding:0px;
	border: none;
	
	}

#content #contentInner{
		float:left;}
		
#content li{
	list-style:url(../img/quadrat_bp.gif)}	
	
#container-slightshow li{
	list-style:none;}	
	

a {
	color: #FFF;
	text-decoration:underline;
	}

a:visited {
	color:#39393F;	
	text-decoration:none;
	}

a:hover {
	color: #FCC200;
	text-decoration: none;
	}
	
#content a:hover {
	background-color:#39393F;
	}

a:active { 
	color:#000000; 	
	text-decoration: none;
	}
#links li{
	list-style:none;
	line-height:22px;
	
	}
	
#links a{
	text-decoration:none;
	color:#000;
	}
	
#links a:hover{
	color:#9E9C55;
	}
	
#links a:visited{
	list-style:none;
	color:#9E9C55;
	}
	
img.download {
	vertical-align:middle;
	}
	

/* ----------container zentriert das layout----------------------------------------- */
#container {
	width: 950px;
	padding:0px;
	margin: 60px auto 20px auto;
	} 

/* ----------header for logo-------------------------------------------------------- */

#header {
	height:40px;
	width:100%;
	margin:0;
	margin-bottom:-50px;
	padding:0px;
	padding-top:10px;
	line-height:73px;
	text-align: right;
	position:relative;
	z-index:1;
	background-color:none;
	}
/* ------ service navi ------------------------------------------------------------- */
#header a {
	
	line-height:18px;
	padding-right: 20px;
	color:#FFF;
	text-decoration: none;
	} 

#header a:hover { 
	color: #39393F;
		}
/* ------ Ende service navi -------------------------------------------------------- */

#visual{
	width: 950px;
	height: 237px;
	/*border-bottom: 7px solid #FCA22B;*/
	}

/* -------optionaler Kopf----------------------------------------------------------- */
#visualiframe{ 
	width: 950px; 
	height: 170px;
	overflow:hidden !important;
	}

#slightshow {
	height:170px;
	width:950px;
	margin:0;
	padding:0;
	border:none;
	overflow: hidden !important;
	}

/* ----------breadcrumb------------------------------------------------------------- */
#breadcrumb {
	height:20px;
	font-size: 10px;
	padding:12px;
	padding-left:245px;
	text-align: left;
	background-image:url(../img/header_phone.gif);
	background-repeat: no-repeat;
	position:relative;
	z-index:10 !important;
	}

#breadcrumb a {
	padding-right: 20px;
	color: #fff;
	text-decoration: none;	
	}

#breadcrumb a:hover {
	color: #39393F;
	} 

.hl {
	font-weight: bold;	
	color: #39393F;;
	} 

/* ----------outer und inner-------------------------------------------------------- */
#outer{
	border-left: 213px solid #fff;
	border-right: 200px solid #fff;	 /* Farbe fuer Inhalt Spalten  */
	} 

#inner{
	margin:0; 
	width:100%;
	}
	
/* --------------left und right navigavtion----------------------------------------- */
#left {
	width:200px;
	min-height:350px;
	height:auto !important;
	height:350px;
	margin-top: -43px;
	padding-top: 60px;
	padding-left:0px;
	position:relative;
	margin-left:-213px;
	/*background-image: url(../img/shadow_left.jpg);*/
	background-repeat: no-repeat;
	background-position: right 0px;
	float:left;
	z-index: 1;
	}

#right {	
	width:180px;
	min-height:250px;
	height:auto !important;
	height:250px;
	position:relative;
	padding-top: 90px;	
	padding-left: 0px;
	padding-right:40px;
	margin-top: -43px;
	margin-right: -200px;
	margin-left: 1px;
	/*background-image: url(../img/shadow_right.jpg);*/
	background-repeat: no-repeat;
	background-position: left 0px;
	float: right;
	z-index: 0;
	}
	
#rechtsKasten, #rechtsKastenUnten {
	margin-left:0px;
	padding:15px 10px;
	background: #9E9C55;
	color:#fff;
	margin-bottom:20px;
	}
	
	
	#rechtsKastenUnten a {
		text-decoration:none;
		color:#fff;
	}

#rechtsKastenUnten  a:hover{
		color:#C7C56C;
	}
/* -----------------Inhalt---------------------------------------------------------- */
#content{
	min-height:250px;
	height:auto !important;
	height:250px;
	position: relative;
	padding: 7px 35px 30px 1px;
	margin-left: 30px;
	margin-right:20px;
	border-left-width: 3px;
	border-left-style: solid;
	background-position: left;
	z-index: 0;
	}
	
	
pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
	}

/*  ----------------footer---------------------------------------------------------- */
#footer {
	padding: 0;
	margin: 0;
	font-size:12px;
	text-align:center;
	/*background-image:url(../img/footer.jpg)*/
	line-height:50px;
	height: 50px;
	width: 950px;
	clear:left;
	background:#004E70;
	color:#fff;
	}


/****************** navigation *******************************************************/ 
/*************************************************************************************/
/* Einstellung Farben Navigation */

/*-- Farbe Linien Menue -------------------------------------------------------------*/
.menu ul li a, .menu ul li a:visited {
	border-top:1px solid #9E9C55;
	}

.letzterMenuepunkt {
	border-bottom:1px solid #9E9C55;
	}

.menu ul li:hover ul li a {
	border-left:1px solid #fff;
	}
/*-- Ende Farbe Linien Menue --------------------------------------------------------*/


/*-- Farbe Menue Ebene 1 normal------------------------------------------------------*/	
.menu ul li a {
	color:#9E9C55;
	background: #F9F7F4;
	}

/*-- Farbe Menue Ebene 2 und 3 normal------------------------------------------------*/	
.menu ul li:hover ul li a, .menu ul li:hover ul li a.hide, .menu ul li:hover ul li:hover ul li a {
	color:#9E9C55;
	background: #F9F7F4;
	}

/*-- Farbe Menue Ebene 1 hover ------------------------------------------------------*/	
.menu ul li:hover a{
	color:#F9F7F4;
	background: #9E9C55;
	}

/*-- Farbe Menue Ebene 2 und 3 hover ------------------------------------------------*/
.menu ul li:hover ul li a:hover, .menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:hover ul li a:hover {
	color:#F9F7F4;
	background: #9E9C55;
	}
/*************************************************************************************/
/* Ende Farben Menue */


/*************************************************************************************/
/* Start Breite und Positionierung der Menuefelder */

/*-- Breite Menue Ebene 1 -----------------------------------------------------------*/
.menu ul li a, .menu ul li:hover a {
	width:165px; 
	}
/*-- Breite Menue Ebene 2 -----------------------------------------------------------*/
.menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li a, .menu ul li a:visited {
	width:180px;
	}
/*-- Breite Menue Ebene 3 -----------------------------------------------------------*/
.menu ul li:hover ul li:hover ul li a {
	width:165px;
	}
/*-- Abstand 2. Menue Ebene von links -----------------------------------------------*/	
	.menu ul li:hover ul {
	left:205px;
	}
/*-- Abstand 3. Menue Ebene von links -----------------------------------------------*/
.menu ul li:hover ul li:hover ul {
	left:206px;
	}
	
/*************************************************************************************/
/* Ende Breite und Positionierung der Menuefelder */


.menu {
	width:125px;
	height:125px;
	position:relative;
	z-index: 1;
	}

.menu ul li a {
	display:block;
	padding:7px 20px 7px 20px;
	line-height:11px;
	text-align:left;
	text-decoration:none;
	}

.menu ul li a:visited {
	display:block;
	font-size:11px;
	line-height:11px;
	text-align:left;
	text-decoration:none;
	}

.menu ul {
	width:125px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

.menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
	}

.menu ul li ul {
	position:absolute;
	left:-9999px;
	}
	
.menu ul li:hover ul {
	width:125px;
	display:block;
	position:absolute;
	top:0;
	}

.menu ul li:hover ul li ul {
	position:absolute;
	left:-9999px;
	}

.menu ul li:hover ul li a {
	display:block;
	}
	
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	top:0px;
	}

.menu ul li:hover ul li:hover ul li a {
	display:block;
	}

.aufzaehlung {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 20px 4px;
	}
	
.small {
	font-size: 9px;
	}
	
	
/*  ----------------tabellen------------------------------------------------------- */ 
.datentabelle{
	border-collapse:collapse;
	background:#9E9F3F;
	border:none;
	color: #FFFFFF;
	}

.datentabelle td{
	padding-left:5px;
	border:none;
	}
	
.tablehead {
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	background: #484B2E;
	}

.cellleft {
	border-right:2px solid #9E9F3F!important;
	}


.top {
	padding: 6px 10px 6px 10px;
	vertical-align: top;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: -3px;
	}
	
.gerade {
	background: #7E7E33;
	color:#FFF;
	}
/*  ----------------box in table---------------------------------------------------- */
#morebox a {
	color:#990000;
	text-decoration:none;
	display:block;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 8pt;
	}

#morebox a:hover { 	
	font-size: 10px;
	color:#666666;
	text-indent: 5pt;
	padding:3px 0px 0px 0px;
	background-color:#eeeeee;
	width:350px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-attachment: fixed;
	}

#morebox a .info {
	display:none;
	}
		
#morebox a:hover .info {
	color:#666666;
	display:block;
	padding:0px 5px 5px 5px;
	}

/*  ----------------Logo----------------------------------------------------------- */ 
.logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	/*background-image: url(../img/logo.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
	width: 171px;
	margin-left:30px;
	margin-top:5px;
	padding-top:10px;
	z-index: 2;
	}
.carsandmode {
	font-variant: small-caps;
	text-transform: none;
}
hr {
	border: 0.1px solid #FFF;
}
.unterstrichen {
	text-decoration: underline;
}
/*  ----------------GALLERY ANGEBOT---------------------- */ 
#gallery1, #gallery2, #gallery3, #gallery4, #gallery5{
	position:relative;
	width:450px;
	left:0px;
	height:804px;

}
#gallery1 ul, #gallery2 ul, #gallery3 ul, #gallery4 ul, #gallery5 ul    {
	margin:0px;
	padding:0px;
	list-style:none;
}
#gallery1 ul li, #gallery2 ul li, #gallery3 ul li, #gallery4 ul li, #gallery5 ul li   {
	display:inline;
	width:30px;
	height:52px;
	float:left;
	margin-right:45px;
	margin-top:10px;
}
#gallery1 ul li a, #gallery2 ul li a, #gallery3 ul li a, #gallery4 ul li a, #gallery5 ul li a{
	display:block;
	width:65px;
	height:50px;
	text-decoration:none;
	border:1px solid #9E9C55;
}
#gallery1 ul li a img, #gallery2 ul li a img, #gallery3 ul li a img, #gallery4 ul li a img, #gallery5 ul li a img{
	display:block;
	width:65px;
	height:50px;
	border:0;
}
#gallery1 ul li a:hover, #gallery2 ul li a:hover, #gallery3 ul li a:hover, #gallery4 ul li a:hover, #gallery5 ul li a:hover{
	white-space:normal;
	border-color:#DEDC9E;
	background: #E6E5B3;
}
#gallery1 ul li a:hover img, #gallery2 ul li a:hover img, #gallery3 ul li a:hover img, #gallery4 ul li a:hover img, #gallery5 ul li a:hover img  {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:664px;
}