@charset "UTF-8";
/* CSS BMW Kirsch */


#inhalt .grid_6 a {
color: #00538b;
text-decoration: none;
	}

#inhalt .grid_6 a:hover{
color: #999;
}


#rahmen {
	border:1px solid #999;
	}

#topnavi {
	height: 25px;
	border-bottom: 1px solid #999;
	overflow: hidden;
	text-align: right;
	}
	
#topnavi ul {
	margin-left:15px;
	margin-top: 4px;
	float: right;
	}

#topnavi ul li {
	margin:0;
	padding:0;
	list-style:none;
}	

#topnavi ul li {
	float:left;
	}

#topnavi ul li a {
	display:block;
	float:left;
	height:10px;
	font-size: 11px;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	color: #999;
	}	

#topnavi ul li a:hover {
	color:#000;
	}	

#topnavi ul li a:active {
	color:#999;
	}			
	
#topnavi ul.marken li a {
	color:#00538b;
	}	
	
#topnavi ul.marken li a:hover {
	color:#999;
	}	
	

		
/*Suche in der Topnavi*/


#topnavi .xsearch_form input {
width: 250px;
font-size: 14px;
color:#999;
}		

button {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-outline-radius-bottomleft:4px;
-moz-outline-radius-bottomright:4px;
-moz-outline-radius-topleft:4px;
-moz-outline-radius-topright:4px;
background-color:#222222;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size: 11px;
outline-color:#999999;
outline-style:outset;
outline-width:1px;
}



.modal {
	background-color:#fff;
	display:none;
	width:380px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	color: #000;
	opacity:0.8;
}

.modal h1 {
	margin-bottom: 0px;
	}

.modal p {
	margin-top: 0px;
	}	
	
#footer {
	background:url(bg-footer.png);
	height:35px;
	overflow:hidden;
	border:1px solid #ccc;
	margin-bottom:10px;
	}
	
#footer a{
	font-size:10px;
	color:#6f7072;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover {
	color: black;}

ul.service {
	margin-left:5px;
	}

ul.service li {
	margin:0;
	padding:0;
	list-style:none;
}	

ul.service li {
	float:left;
	}

ul.service li a {
	display:block;
	float:left;
	color: #6f7072;
	padding:2px 10px 0px 10px;
	/* background:url(bg-footer.png); */
	}	

ul.service li a:hover {
	color:#000;
	/* background-position:0 -35px; */
	}	

ul.service li a:active {
	color:#fff;
	}		
	
#addthis {
	margin-left:40px;
	margin-top:10px;
	line-height: 1.8;
	}

/*Suche im Footer*/

#footer .xsearch_form {
margin-top: 2px;
margin-left: 10px;
vertical-align: middle;
}

/*
#footer .xsearch_form lable {
text-transform: uppercase;
font-size:10px;
color:#6f7072;
margin-right: 0 10px 0 10px;
}
*/

#footer .xsearch_form input {
width: 150px;
font-size: 12px;
margin-left: 20px;
margin-top: 6px;
color:#999;
}	

/* ================================== */
/* ! Formatierung für Round Corner   */
/* ================================== */

.rounded {
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
} 


.teaser a {
	color:#00538b;
	text-align:center;
	padding:2px 0px 2px 0px;
	text-decoration:none;
	font-weight: bold;
	} 

.teaser a:hover {
	color:#666;
	}	
	
#bmwlogo{
	position:absolute;
	top:0;
	left:50%;
	width:187px;
	margin-left:-432px;
	z-index:5;}

#bmwlogo a{
	width:187px;
	height:95px;
	display:block;
	background-image:url(bmw-logo-kachel.png) !important;
	background-image:url(bmw-logo-kachel.gif);
	}	

#header {
	height:228px;
	overflow:hidden;
	background-color:#ccc;
	}
	
#navigation {
height:44px;
background:url(bg-navigation.png);
overflow:hidden;
margin-bottom:40px;

}	

#navigation ul li {
	margin:0;
	padding:0;
	list-style:none;
}	

#navigation li {
	float:left;
	list-style:none;
	}

#navigation a {
	text-decoration:none;
	border-right:1px solid #999;
	font-size:12px;
	color:#fff;
	display:block;
	float:left;
	height:20px;
	background:url(bg-navigation.png);
	padding:14px 10px 10px 10px;
	text-transform:uppercase;
	}	

#navigation a:hover {
	background-position:0 -44px;
	color:#000;
	}	

#navigation a:active {
	background-position:0 -88px;
	color:#fff;
	}	
		

/*Subnavigation*/

#rechts {
	width:220px;
	}

.subnavi ul {

	}

.subnavi ul li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:5px;
}	

.subnavi ul li ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:15px;
	margin-bottom: 15px;
}


.subnavi ul li ul li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:5px;
}

.subnavi ul li a, a.cbbutton {
	display:block;
	height:24px;
	color:#333333;
	text-decoration:none;
	padding:5px 10px 0px 10px;
	font-size:13px;
	background:url(bg-subnavi.png);
	color:#828282;
	}	

.subnavi ul li a:hover, a.cbbutton:hover {
	color: #fff;
	background-position:0 -29px;
	}	

.subnavi ul li a:active, a.cbbutton:active {
	color:#fff;
	}	

a.cbbutton {
margin-top: 10px;
background: url(bg-callback.png);
color:#fff;	
}	

a.cbbutton:hover {
color:#333;	
}	




a.grau, a.blau, a.rot {
	display:block;
	height:24px;
	width:220px;
	overflow: hidden;
	color:#333333;
	text-decoration:none;
	padding:5px 10px 0px 10px;
	font-size:13px;
	background: url(bg-button-grau.png) no-repeat;	
	}	

a.grau:hover, a.blau:hover, a.rot:hover{
	color: #fff;
	background-position:0 -29px;
	}	

a.grau:active, a.blau:active, a.rot:active {
	color:#fff;
	}	

a.blau {
background: url(bg-button-blau.png) no-repeat;
color:#fff;	
}	

a.blau:hover {
color:#333;	
}

a.rot {
background: url(bg-button-rot.png) no-repeat;
color:#fff;	
}	

a.rot:hover {
color:#333;	
}

/*
Sucheausgabe 
*/

ul.searchresults {
	list-style: none;
	margin-top: 20px;
    }

ul.searchresults li {
	list-style: none;
	background-color: #fff;
	border: 1px solid #999;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: url(bg_newsteaserbox.png) repeat-x;

    }


ul.searchresults li h4 {
	margin: 10px 20px 0px 20px;
	}

ul.searchresults li h4 a {
	color:#00538b;
	text-decoration: none;
	}


ul.searchresults li p {
	margin: 0px 20px 10px 20px;
	}

ul.searchresults li p a {
	color:#999;
	text-decoration: none;
	}
	
ul.searchresults li p a:hover {
	color:#00538b;
	text-decoration: none;
	}


/* Sitemapausgabe */


#sitemap a {
 
    color: #FFFFFF;
    text-decoration: none;
  }

  #sitemap {
    background: #FFFFFF;
    font: normal 14px Arial,sans-serif;
    overflow: hidden;
    padding: 1em;
  }

  /* Erste Ebene */

  #sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #sitemap li {
    background-color: #999;
    margin: 0 0 -0.1em;
    min-height: 1em;
    padding: .2em .4em;
    position: relative;
    width: 9em;
    color: #FFFFFF;
  }

  /* Zweite Ebene */

  #sitemap ul ul {
    font-size: 90%;
    margin-top: -1.4em;
  }

  #sitemap ul ul li {
    background: #ccc;
    border-left: 0.5em solid #999;
    border-top: 0.5em solid #FFFFFF !important;
    left: 10.4em;
  }

  /* Dritte Ebene */

  #sitemap ul ul ul li {
    background: #999;
    border-color: #669900;
  }

  /* Vierte Ebene */

  #sitemap ul ul ul ul li {
    background: #ccc;
    border-color: #996600;
  }

  #sitemap ul ul ul ul ul li {
    background: #666666;
    border-color: #990000;
  }
	
/*
.wglLinkTree li {
	margin-left: 10px;
}

.wglLinkTree a {
	color:#999;
	text-decoration:none;
}
*/

	
/* Newsteaser */

.newsteaserbox {
	border: 1px solid #999;
	float: left;
	display: inline;
	width: 680px;
	overflow:hidden;
	clear: both;
	margin-bottom: 10px;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: url(bg_newsteaserbox.png) repeat-x #fff;
}


.newsteaser_header {

}
.autoPadDiv{
	width: 680px;
	}


.newsteasertext {
float:left;
margin: 20px;
width:640px

}


a.newsteaser{
	color: #999;
	float: left;
	text-decoration: none;
}

a.newsteaser h1, .newsteasertext h1 {
	width: 450px;
	margin-bottom: 0px;
	margin-top:0px;
	font-size: 16px;
	float:left;
	}


.newsteasertext p{
	float:left;
	}

.newsteasertext .tinymcewysiwyg{
	float:left;
	width: 450px;
	}
	
.newsteaser a img {
	
	}

.newsteasertext a {
	color: #999;
	text-decoration: none;
}

a.newsteaser:hover, .newsteasertext a:hover, .newsteasertext h1 a {
	color: #00538b;
}

.newsteaser_footer {
		background-color:#fff;
}

.newsteaser_link ul, #inhalt .tinymcewysiwyg ul {
	list-style-image: url(list-arrow.gif)
}	

.newsteaser_link ul li, #inhalt .tinymcewysiwyg ul li {
	margin-left:30px;
}

.newsteaser_link ul li a, #inhalt .tinymcewysiwyg ul li a {
	color: #999;
	text-decoration: none;
	}

.newsteaser_link ul li a:hover, #inhalt .tinymcewysiwyg ul li a:hover {
	color: #00538b;
	}

.tinymcewysiwyg p.bodytext {
	display:block;
	clear:both;
	}


.floatRight {
	float: left;
	display:block;
	height:100px;
	width: 150px;
	margin: 0px 20px 5px 0px;
}

.floatLeft {
	float:left;
	display:block;
	margin: 0px 20px 5px 0px;
	
	}
	
/* Fahrzeugangebote */	

.fahrzeugangebote {

}

.fahrzeugangebote h1 {
	margin-bottom: 10px;
}

.fahrzeugangebote h2 {
	font-weight: bold;
	}


.fahrzeugtitel {
	height: 180px;
	}

	
/**********  News Slider  **********/	

/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 228px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:0px;
	height: 228px;
	background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
	width:960px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 810px;
	height: 228px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:810px;
	height:228px;
}

/* main navigator */
#header_animation {
	float:right;
	padding:0px !important;
	margin:0px !important;
	padding:0px;
	margin:0px;
}


#header_animation li {
	background:url(bg-header-animation.png) no-repeat;
	border-bottom:1px solid #666;
	clear:both;
	color:#828282;
	font-size:12px;
	height:36px;
	list-style-type:none;
	padding:10px 0px 10px 40px;
	width:190px;
	cursor:pointer;
}

#header_animation li:hover {
	background-color:#444;
}

#header_animation li.active {
	background:url(bg-header-animation.png) no-repeat;
	background-position: 0 -56px;
	color:#fff;
}

#header_animation img {
	float:left;
	margin-right:0px;
}

#header_animation strong {
	display:block;
}

#main div.navi {
	cursor:pointer;
}


.hotline {
	border-top: 1px solid #999;
	padding-top: 10px;
	}
	
.hotline h3 {
	margin-bottom: 0px;
	color:#00538b;

}

.hotline h4 {
	font-size: 18px;
	margin: 0px;
	color: #000;
}


/* Tabellen */
tabel.simple-tabel {
border: none; 
}

.simple-tabel td {
padding: 2px 15px 2px 5px;
border-bottom: 1px solid black; 
}

.mitarbeiter {
	height: 240px;
	display:inline;
	float:left;
	position:relative;
	margin-left: 0px;
	margin-right: 0px;
}


/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;

}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;

	
}
 .forminfo 
{
	width: 470px;
	margin-bottom: 20px;
	background-color: #00538b;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	border: 2px solid #666;
	color: #fff;
	text-align: center;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	margin-top: 10px;
	height: 200px;
	background:repeat-x bottom #fff;
  	border:1px #00538b solid;
}


/* Textfeld */
.formgen .formtext
{
	width: 300px;
	margin-top: 10px;	
	padding-bottom: 4px;
	font-size: 1em;
	background-image:url(input_verlauf.jpg);
  	border:1px #00538b solid;

}

.formgen input:focus, .formgen input:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border-color: #666;
	/* background-color: #fff;	 */
}



/* Label */
.formgen label {
	width: 120px;
	float: left;
	margin-top: 10px;
	color: #666;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 300px;
	color: #000;
	margin-top: 5px;
	background-color: #fff;
  	border:1px #00538b solid;

}


/* Sende-Button */
.formgen .formsubmit
{
	width: 300px;
	margin-left: 120px;
	text-align: center;
	background-color: #00538b;
	border: 1px solid #666;
	color: #fff;
	font-size: 14px;
}
.formgen .formsubmit:hover {
	background-color: #666;
}


/* Fieldsetbeschriftung */
.formgen legend {
 	color:#00538b;;
	width: 150px;
	font-size: 16px;
	padding: 3px;
}
.formgen .fieldset {
	margin-bottom: 10px;
	padding: 10px;
	width: 450px;
	border: 1px solid black;
	border:0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #ff0000;
}

.formgen .formcaptcha
{
	border: 2px solid #333;
	vertical-align: top;
	margin-top: 15px;
	margin-left: 120px;

}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


a {
	color: #999;
	}