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


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

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


#rahmen {
	}

#topnavi {
	display:none;
	}
	

		

#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 {
	
	}

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

ul.service li {
	float:left;
	}

ul.service li a {
	display:none;
	}	

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

ul.service li a:active {
	color:#fff;
	}		


#footer   {
display:none;
}	

#addthis {
	display:none;
	}

/*Suche im Footer*/

#footer .xsearch_form {
display:none;
}

	



.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;}

.modal {
display:none;
}
#bmwlogo a{
	display:none;
	}	

#header {
	display:none;
	}
	
#navigation {
display:none;
}	

		

/*Subnavigation*/

#rechts {
	width:220px;
	}

.subnavi ul {
display:none;
	}




/*
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;
	}


.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; 
}



/* 
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:url(input_verlauf.jpg) 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 select:focus, .formgen select: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: #000000;
	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;
	}