/*=============================
Layout säubern Dekos und Abstände entfernen
===============================*/

* { padding: 0; margin: 0;}
 html { overflow-y: scroll;}
body{
background-color: #ffe500;
}
#background {
height: 800px;
background-image: linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
background-image: -o-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
background-image: -moz-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
background-image: -webkit-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
background-image: -ms-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.36, rgb(255,230,0)),
	color-stop(0.71, rgb(255,255,255))
);

}
a {
	text-decoration: none;
	color: black;

	
}

a:link { 
	
	color: black;

}

a:visited {

	color:black;

}



#headmenu{
}
#headlogo{
	
}
#mitte ul{
	list-style-image: url(../img/pfeil.gif);
	padding: 10px;
	margin-left: 10px;
}
#menu{	
	text-align: right;
	width: 1080px;
	color: #FFF;
	margin: 0 auto;
	
}

#menu li{
	display: inline;
	list-style-type: none;
	padding-right: 10px;

}
#logo{
	width: 1080px;
	margin: 0 auto;
	position: relative;
	padding-top:15px;
	
}
#logolinks{
	float:left;
	width: 20%;
	height: 115px;
	margin: 0 0 0 30px;
	}
#logorechts{
	float: right;
	width: 20%;
	height: 115px;
	padding: 15px 0 0 0;
	}

#logomitte{
	width:60%;
	margin-left: 15%;
	height: 115px;
	text-align: center;
	padding: 15px 0 0 0 ;
	}

#rahmen{
	position:absolute;
	top: 120px;
	background-color: #FFF;
	border: 1px solid #000;
	width: 1080px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 10px 10px 100px #666;
	/* webkit browser*/ 
	-moz-box-shadow: 10px 10px 100px #666;
	/* firefox */
	box-shadow: 10px 10px 100px #666;
	}

#bodywrapper{
	width: 1080px;
	margin: 0 auto;
}
#footer{	
	margin: 20px;
	border-top: 2px solid #999;
	padding: 5px;
}
#linke{
	text-align:center;
	
	}
#mitte{
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	}
h1{
	font-size:100%;
}
#mitte a{
	color: #00f;
}
#mitte a:hover{
	border-bottom:1px solid #00f;
}
#mitte li a{
color:#000;
}
#mitte li h1 a
{
color: #00f;
}
#mitte h1{
color:#00f;
}

h2{
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
}

p {
	margin-bottom:5px;
}



b{
	font-size:bold;
	color:#900;
}

td {
	padding-right: 25px;
}

#mitte li h1 a:hover{
	border-bottom: 1px solid #00f;
}

.seperator{
	border-bottom: 1px solid #999;
	margin: 10px;
}
 .clear{
	clear:both;
	}
.platzhalter{
	height:20px;
}
.right{
	text-align:right;
	}
.center{
	text-align:center;
}

.left
{
	text-align:left;
}

.namen2{
font-weight:bold;
	color:#900;
}

.mousepointer
{
	cursor:pointer;
}

.bold
{
	font-weight:bold;
}

.button
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	
	font-style:normal;
	
	line-height:35px;
	width:400px;	
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin-bottom:15px;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.button:active {
	position:relative;
	top:1px;
}

.button_small {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	
	font-style:normal;
	
	line-height:35px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin-bottom:15px;
}

.button_small:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}

.button_small:active{
	position:relative;
	top:1px;
}

.buttom a,
.buttom a:hover,
.buttom a:visited,
{
	color:#000;
}
/*====================
Navigation
======================*/

#navigation li{
	display:inline;	
	padding-right: 10px;
	}
	
#navigation{
	border-bottom: 2px solid #999;
	margin: 20px 20px 0px 20px;
	padding-bottom:5px;
	font-size: 100%;
}

#startseite .navi01 a,
#bezahlmoeglichkeiten .navi03 a,
#oeffnungszeiten .navi04 a,
#anfahrt .navi05 a,
#kontaktseite .navikontakt a,
#datenschutz .navidatenschutz a,
#impressum .naviimpressum a,
#sb_waschboxen .navi02 a
{
	border-bottom: 3px solid #FFE500;
	font-weight: bold;
}

#menu a:hover,
#navigation a:hover,
#navigationzwei a:hover{
	border-bottom: 3px solid #FFE500;
}
#mitte #navigationzwei ul {
	list-style:none;
}
#mitte #navigationzwei li{
	display:inline;
	padding-right: 10px;
}
#mitte #navigationzwei{
	margin:0px;
	padding:0px;
	border-bottom: 1px solid #999;
}

#menu .facebook
{
	padding-top:5px;
}

#werbung
{
	border: 1px solid #bbb;
	padding: 2px;
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 10px 10px 50px #666;
	/* webkit browser*/ 
	-moz-box-shadow: 10px 10px 50px #666;
	/* firefox */
	box-shadow: 10px 10px 50px #666;
	
	
	
	background-image: linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
	background-image: -o-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
	background-image: -moz-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
	background-image: -ms-linear-gradient(bottom, rgb(255,230,0) 36%, rgb(255,255,255) 71%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.36, rgb(255,230,0)),
	color-stop(0.71, rgb(255,255,255))
);
}

.webshop-artikel
{
		border: 1px solid #fff;
	padding: 2px;
}

#werbung:hover, 
.webshop-artikel:hover
{
	border: 1px solid #000;
}

#werbung img
{
	width:320px;
}

/*======================
Tabellen
========================*/

th
{
	background-color:#ffe500;
}

.tableborder
{
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
}
/*====================
EU_Fahrzeuge Angebote
======================*/


#mitte h1{
	color:#000;
	font-size: 125%;
	margin-bottom: 10px;
}

.arrow-right
{
	width:0;
	height:0;
	border-top: 9px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #0f0;
}

.autopflege_header
{
	background-color: #e1e1e1;	
	font-size: 120%;	
	display:block;
	font-weight:bold;
}

.autopflege_titel
{
	background-color: #000;
	color: #fff;
	font-size: 120%;
	padding-left: 8px;
	padding-right: 8px;
	font-weight:bold;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.autopflege_header_marker
{
	color: #ff0000;
	font-style:italic;
}

.autopflege_preis_marker
{
	color: #ff0000;
	font-weight:bold;
	font-size:110%;
}

.autopflege_app
{
	background-color: #f1f1f1;
}

.autopflege_preise
{
	border:solid 1px #000;
	padding:3px;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}