* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 background: #727272;
 color: #222222;
}

p {
 padding: 10px;
}

hr {
 background-color:#333333;
 border:0px;
 width:80%;
 height:1px;
 text-align:center;
 color:#333333;
}

a{
 text-decoration:none;
 color:#111111;
}

h3{
 text-decoration:none;
 font-weight:bold;
 font-size:9pt;
 color:#333333;
 margin-bottom:10px;
 text-align:left;
}

#wrapper { 
 margin: 0 auto;
 width: 980px;
 min-height: 100%;
 background: #FFFFFF;
}

#quickshadow{
 margin-top:35px;
 margin-left:5px;
 background-image:url('/pics/schatten210.gif');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px; 
}


#quicklinks { 
 position:relative;
 width:190px;
 margin-left: 7px;
 padding:2px;
 background: #FFFFFF;
 border-width: 1px;
 border-style: solid;
 border-color: #999999;
 display:block;
 min-height:85px;
}

#quickhead {
 width: 186px;
 float: left;
 height: 15px;
 padding-right: 5px;
 background: #999999;
 font-size:9pt; 
 font-family:Arial;
 color:#ffffff;
 text-align:right;
 clear:both;
}

#quickleft { 
 background: #FFFFFF;
 width: 92px;
 float: left;
 display:block;
 min-height: 70px;
 height: auto !important;
 padding-left:0px;
 clear:left;
}

#quickright { 
 background: #FFFFFF;
 width: 92px;
 float: right;
 min-height: 70px;
 height: auto !important;
 border-left: 1px;
 border-left-style: solid;
 border-left-color: #222222;
 padding-left:2px;
 clear:right;
 display:block;
}
.quickhigh{
 width: 92px;
 height: 15px;
 background: #eeeeee;
 font-size:8pt; 
 font-family:Arial;
 color:#333333;
 text-align:left;
 display:block;
 margin-top:2px;
}
.quicklo{
 width: 92px;
 height: 15px;
 background: #bbbbbb;
 font-size:8pt; 
 font-family:Arial;
 color:#333333;
 text-align:left;
 display:block;
 margin-top:2px;
}

#content { 
 float: left;
 background: #FFFFFF;
 width: 640px;
 display: inline;
}

#header {
 width: 980px;
 float: left;
 height: 90px;
 background: #6B6659;
}

#footer { 
 width: 970px;
 height: 25px;
 clear: both;
 color: #eeeeee;
 background: #333333;
 text-align:right;
 padding-top:7px;
 padding-right:10px;
 display:block;
}

#leftcolumn { 
 color: #333;
 background: #FFFFFF;
 width: 120px;
 float: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

#rightcolumn { 
 color: #333;
 background: #FFFFFF;
 width: 220px;
 float: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

#lefthead { 
 background: white;
 width: 120px;
 float: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 text-align:center;
 padding-top:0px;
}

#menue { 
 float: left;
 background: white;
 width: 640px;
 display: inline;
 height: 100%;
 background-image:url('http://test.automobile-suedstadt.de/pics/buttons/navigation/hg.gif');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px;
 background-color:#ffffff;
}

#righthead { 
 background: white;
 width: 220px;
 float: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 text-align:center;
 padding-top:0px;
}

#navigation { 
 float: left;
 width: 640px;
 display: inline;
 height: 27px;
 background-color:#ffffff;
 vertical-align:bottom;
 position:relative;
 top:63px;
 z-index: 2;
}

#backgroundstrip {
 background: #333333;
 width: 100%;
 height: 150px;
 vertical-align:bottom;
 position:absolute;
 top: 90px;
 z-index: -5;
}

#backblacklayer{
 background: #111111;
 width: 100%;
 height: 100%;
 vertical-align:bottom;
 position:absolute;
 top: 0px;
 left:0px;
 z-index: 8;
  filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 visibility:hidden;
}


.klappkarte {
 background: #000000;
 z-index: 3;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;

}

.markenswitchmarke {
 	display:inline;
	margin: 25px;
	margin-top:25px;
	height:120px;
	width:120px;
	text-align:center;
}

#flashbackground{
 visibility: visible;
 height:150px;
 width:640px;
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px;
 background-color:#ffffff;
}

#flashkiller{
 visibility: visible;
 display:inline;
 height:150px;
 width:640px;
}

#myContent{
 height:150px;
 width:640px
}

#leftfv{
 background-image:url('/startseitencontent/farbverlauf.jpg');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px; 
 background-color:#efefef;
 width: 120px;
 height:150px;

}

#markensw{
 text-align:center;
 position:absolute;
 width: 120px;
 height:282px;
 top:250px;
 padding-top:35px;
}

#markenswitch{
 text-align:center;
 position:absolute;
 width: 860px;
 height:200px;
 top:280px;
 left:230px;
 vertical-align:middle;
 padding:30px;
 visibility:hidden;
 z-index:4;
}

#markenswblack{
 text-align:center;
 position:absolute;
 width: 860px;
 height:200px;
 top:280px;
 left:230px;
 vertical-align:middle;
 padding:30px;
 visibility:hidden;
}

#rightfv{
 background-image:url('/startseitencontent/farbverlauf2.jpg');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px; 
 background-color:#efefef;
 width: 220px;
 height:150px;
}

#spardepot{
 margin-top:20px;
 margin-left:5px;
 padding-left:7px;
 padding-top:0px;
 padding-bottom:10px;
 background-image:url('/pics/schatten210.gif');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px; 
}

#refillcard{
 margin-top:20px;
 margin-left:5px;
 padding-left:7px;
 padding-top:0px;
 padding-bottom:10px;
 background-image:url('/pics/schatten210x135.gif');
 background-position:center;
 background-repeat:no-repeat;
 background-position:0px 0px; 
}

#dealername{
 padding:10px;
 font-weight:bold;
 font-size:8pt;
 font-family:Arial,Helvetica;
}

#dealeradress{
 padding:10px;
 font-weight:normal;
 font-size:8pt;
 font-family:Arial,Helvetica;
}
.menu{
 color: silver;
 font-family: Arial,Helvetica,SansSerif;
 font-size: 10pt;
 cursor: hand;
 white-space: nowrap;
 margin:0px;
 padding-left:10px;
 padding-right:10px;
 padding-top:2px;
 padding-bottom:2px;
}