@charset UTF-8;
/* CSS Web-Style Mobil mit Skoda */

	
/* Formatierung Head */
#siteHead {
	height:143px;
	background:url(bg_sitehead.png) no-repeat;
}


#skodaLogo {
	position:absolute;
	top:0;
	left:50%;
	margin-left:300px;
}

/* !Top-Navigation */

#topNavi {
	height:97px;
}

#topNavi ul {
	margin:0;
	padding:0;
	margin-top:10px;
	list-style:none;
}

#topNavi li {
	float:left;
	margin:0;
	padding:0;
}

#topNavi li:last-child .MenuPipe{
	display: none;
}

#topNavi li a {
	font-size:10px;
	color:#999;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:2px;
	height:15px;
	overflow:hidden;
	padding:0;
	border-bottom:1px dotted #000;
}

#topNavi li a:hover {
	color:black;
}

#topNavi .MenuPipe {
	display:block;
	float:left;
	margin:0 5px;
}


	
/* !mainNavi */
#mainNavi {
	margin:0;
	padding:0;
	height:25px;
}

#mainNavi a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	height:24px;
}

#mainNavi div {
	height:30px;
	margin:0;
	padding:0;
	z-index:500;
}

#mainNavi ul li {
	margin:0;
	padding:0;
}

#mainNavi li {
	list-style:none;
	float:left;
	height:24px;
	background:url(bg_mainnavi.png) repeat-x;
}

#mainNavi li a {
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right:1px solid #b4babe;
	margin:0;
	height:20px;
	overflow:hidden;
	padding:4px 10px 0;
	color:#fff;
	text-decoration:none;
}

#mainNavi li:hover {
	background-position:0 -30px;
}

#mainNavi li ul {
	display:none;
	border-right:0 solid #fff;
	width:940px; /* Width to help Opera out */
}

#mainNavi li:hover ul,#mainNavi li.hover ul {
	display: block;
	position: absolute;
	margin-top: 23px !important;
	left:50%;
	margin: 0;
	margin-left: -470px;
	padding: 0; 
	padding-top:2px;
	float: none;
	clear: both;
	height:25px;
	overflow:hidden;

}

* + html #mainNavi li:hover ul,* + html #mainNavi li.hover ul {
	margin-top:0px!important;
}

#mainNavi li:hover li,#mainNavi li.hover li {
	float:left;
	background-image:none;
}

#mainNavi .MenuPipe {
	display:block;
	float:left;
	margin:0 8px;
}

#mainNavi li:hover li a,#mainNavi li.hover li a {
	float:left;
	display:block;
	border-right:0 solid #dedede;
	background-image:none;
	padding:0;
	font-size:11px;
	color:#000;
	margin-top: 2px;
}

#mainNavi li ul li:last-child span.MenuPipe {
	display: none;
	}

#mainNavi li:hover li a:hover,#mainNavi li.hover li a:hover {
	border-right:0 solid #fff;
	color:green;
}

#mainNavi li li a:mainNavi {
	background-color:#b4babe;
}

/*Flowplayer*/
#custom {
		background-color: #fff;
		width:512px;
		height:531px;
		padding:0px;
	}
	
#custom div.close {
		right:-15px;
		top:-10px;
	}
	
	
#apple {
		background-image:url(http://static.flowplayer.org/img/overlay/apple.png);
		color:#fff;
		padding:50px 70px;
	}
	
/* !Städte-Navigation */
#cityNavi {
	width:956px;
	margin-top:8px;
	border-top:2px solid #b4babe;
	border-left:2px solid #b4babe;
	border-right:2px solid #b4babe;
	height:24px;
	background:url(bg_citynavi.png) repeat-x;
	overflow:hidden;
}

#cityNavi ul {
	margin:0;
	padding:0;
}

#cityNavi li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#cityNavi li a {
	display:block;
	float:left;
	background:url(bg_citynavi.png) repeat-x;
	height:24px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding:2px 30px;
}

#cityNavi li a:hover {
	background-position:0 -24px;
}

	
/* !Angebotsslider */
#slider {
	border-left:2px solid #b4babe;
	border-right:2px solid #b4babe;
	background-color: #666;
}


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


	
/* root element for pages */
#pages {
	position:absolute;
	height:300px;
}


	
/* single page */
.page {
	padding:0;
	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:300px;
	position:absolute;
	clear:both;
}


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


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

#slider_animation ul {
	margin:0;
	padding:0;
}

#slider_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;
	margin:0;
	padding:10px 0 10px 40px;
	width:190px;
	cursor:pointer;
}

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

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

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

#slider_animation strong {
	display:block;
}

#main div.navi {
	cursor:pointer;
}


/* !Inhaltselemente */

#inhalt {
	border-bottom:2px solid #b4babe;
	margin-bottom:10px;
	display:inline;
	float:left;
	background:url(bg_inhalt.png) repeat-y;
}

.bginfokasten {
	display:inline;
	float:left;
	background: url(bg_content_infokasten.gif) no-repeat;
}

#inhalt a, #inhalt2 a {
	color:green;
	text-decoration:none;
	border-bottom:1px dotted green;
}

#inhalt a.noborder, #inhalt2 a.noborder {
	border: none;
	}

#inhalt a.sklink, #inhalt2 a.sklink {
	display:block;
	height: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	background:url(marker2.gif) no-repeat;
	background-position:0 6px;
	padding-left:10px;
	border-bottom:none;
}

#links a.sklink {
	margin-left: 20px;
	}

.teaser {
	display: block;
	float: left;
	margin-bottom: 20px;
	}
#inhalt .teaser a.sklink {
	margin-left: 0px;
	}
.teaser h3 {
	margin-bottom: 0px;
	margin-top: 0px;
	}

.teaser p {
	margin-bottom: 0px;
	}

.teaser h3 a {
	color:green;
	text-decoration:none;
	border-bottom:1px dotted green;
}

.teaser .preis {
	color: #fff;
	padding: 3px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background-color:green;
}

.mitarbeiter {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	}

#inhalt .mitarbeiter a {
	border: none;
	}

#links {
}

#rechts {
}

/* !Navi aktuelle Kategorie */

#links ul {
	margin: 0;
	padding: 0;
	list-style-image: url(marker2.gif);
	margin-bottom: 15px;
	}

#links ul li a {
	border-bottom: none;
}

/* !Footer und Addthis */

#spaceFooter {
	height:60px;
	width:956px;
	border-left:2px solid #b4babe;
	border-right:2px solid #b4babe;
	border-top:2px solid #b4babe;
	background:url(bg_space_footer.png) repeat-x;
	clear:both;
}

#footer {
	display:inline;
	float:left;
	height:30px;
	background:url(bg_footer.png) no-repeat;
}

#footer ul {
	margin:0;
	padding:0;
	margin-top:5px;
	list-style:none;
}

#footer li {
	float:left;
	margin:0;
	padding:0;
}

#footer li:last-child span.MenuPipe{
	display: none;
}

#footer a.linkinv {
	text-decoration: none;
	color: #000;
	border-bottom: none;
	font-size: 9px;
	vertical-align: bottom;
	display: inline;
	margin-top: 3px;
	}

#footer li a {
	font-size:10px;
	color:#999;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:2px;
	height:15px;
	overflow:hidden;
	padding:0;
	border-bottom:1px dotted #000;
}

#footer li a:hover {
	color:black;
}

#footer .MenuPipe {
	display:block;
	float:left;
	margin:0 5px;
}

#addthis {
	text-align:right;
}

a.addthis_button {
	margin-top:6px;
	display:block;
}

/* Suche */
#xsearch_form_top input { width: 150px; border: 1px solid #999; font-size: 10px; margin-top: 2px;}
#xsearch_form input { width: 70%; border: 1px solid #999;}
.searchresults { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.searchresults li {
	margin: 15px 0px 15px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	}

.searchresults li:last-Child {
	border: none;
	}
	
.searchresults h4 {
	margin-bottom: 0px;
	}
.searchresults .highlightedtext {
	margin: 0px;
	}
.searchresults .url {
	margin: 0px;
	}

#inhalt .url a {
	color:gray;
	border: none;
	}



/* Alle restlichen Elemente */

#impulsStreifen {
	height:3px;
	background-color: #009535;
}

.space {
	height:20px;
}

.kleines {
	font-size: 9px;
		}

.galerie-image {
	display: block;
	float: left;
	margin: 5px;
}

.galerie-image a{
	border-bottom: 1px solid #fff;}
	
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

.formgen 
{
	width: 70%;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 100%;
	height: 200px;
  	border:1px green solid;
}


/* Textfeld */
.formgen .formtext
{
	width: 100%;
	padding-bottom: 4px;
	font-size: 1em;
	background-image:url(input_verlauf.jpg);
  	border:1px green solid;

}

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



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


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 100%;
	color: #000000;
}

.forminfo {
	color: red;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: green;
	border: 1px solid #666;
	color: #fff;
	font-size: 12px;
	margin-top: 8px;
}
.formgen .formsubmit:hover {
	background-color: #666;
}


/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #666;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
.formgen .fieldset {
	margin-bottom: 10px;
	margin-top: 30px;
}

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


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

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

}

.formgen .formreq {
	color: red;
}

.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 */