/* CSS Document */

html {
		}
	
body {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #3B3B3B url(../images/body_bg.jpg) 300px 0 fixed;
	color: #333;
	
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

a {
	outline:none;
	text-decoration: none;
	font-size:12px;
	color:#2F60A2;
	
}

a:hover {
	color:#666;
	
}

ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 12px;
	margin: 0 0 0.5em 0
}

h1 {
font-size:30px;
font-weight:normal;
margin:0 0 5px 0;

}

h1 span {
	display: none;
}

h2 {
font-size:30px;
font-weight:normal;
margin:0 0 5px 0;

}

h3 {
font-size:23px;
font-weight:normal;
margin:0 0 5px 0;

}

h4 {
font-size:18px;
font-weight:normal;
margin:0 0 5px 0;

}

h5 {
font-size:21px;
font-weight:normal;
margin:0 0 5px 0;

}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 5px 0;
}

/* Klassen ########################################################## */

.bild {
border:5px solid #ccc
	
}

.bild_text {
	float:left;
	margin: 0 10px 10px 0
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 10px
}

a.btn_grau {
	display: block;
	width: 190px;
	height: 21px;
	background: url(../images/a_btn_bg_grau.png) 0 0 no-repeat;
	padding: 5px 0 0 10px;
	color: #FFCC00;
	font-size: 11px
}



a.btn_grau:hover {
	background: url(../images/a_btn_bg_grau.png) 0 -29px no-repeat;
	color: #CCA400
}


a.btn_gelb {
	display: block;
	width: 195px;
	height: 28px;
	background: url(../images/a_btn_bg_215.png) 0 0 no-repeat;
	padding:15px 0 0 20px;
	margin: 20px 0 0 0;
	font-size: 11px;
}

a.btn_gelb:hover {
	background: url(../images/a_btn_bg_215.png) 0 -43px no-repeat;
	color: #666;
}


a.rechts {
	float: right
}

p.nummer span {
text-align: left;
display: block;
width: 100px;
padding: 0 0px 0 0;
float: left;
}



/* Layout ########################################################## */



#container {
width: 980px;
	margin: auto;
	background:url(../images/container_bg.png) 0 0 repeat-y;
	
}


/*header --------------------------------- */

#header {

background: url(../images/header_bg3.png) top center no-repeat;
height:175px;

	
}

#header_content {
	width: 960px;
	padding: 0 10px 0 10px;
	margin: auto;
	background: url(../images/header_content.png) 0 0 no-repeat;
	height: 175px;	
	position: relative;
}

#header_content p {
	float: right;
	font-size: 12px;
	padding: 40px 20px 0 0;
}

#header_content a.logo img {
	padding: 25px 0px 0 5px;
}

#header_content ul {
clear: both;
width: 960px;
margin: auto;
list-style: none;
padding: 0px 10px 0 10px;
position: absolute;
top:90px;
left:0px;

}

#header_content ul li{
float: left;

}

#header_content ul li a{

display: block;
height: 70px;
text-indent: -9999px;
padding: 0 3px 0 3px;

}

#header_content ul li a.home{
background: url(../images/a_home.png) 0 0 no-repeat;
width: 90px;
border-right: 1px solid #666
}

#header_content ul li a.auto-stipp{
background: url(../images/a_auto-stipp.png) 0 0 no-repeat;
width: 150px;
border-right: 1px solid #666
}

#header_content ul li a.werkstatt{
background: url(../images/a_werkstatt.png) 0 0 no-repeat;
width: 150px;
border-right: 1px solid #666
}


#header_content ul li a.fahrzeuge{
background: url(../images/a_fahrzeuge.png) 0 0 no-repeat;
width: 150px;
border-right: 1px solid #666
}

#header_content ul li a.reifen{
background: url(../images/a_reifen.png) 0 0 no-repeat;
width: 110px;
border-right: 1px solid #666
}

#header_content ul li a.aktionen{
background: url(../images/a_aktionen.png) 0 0 no-repeat;
width: 130px;
border-right: 1px solid #666
}

#header_content ul li a.kontakt{
background: url(../images/a_kontakt.png) 0 0 no-repeat;
width: 125px;

}

#header_content ul li a:hover{
background-position: 0 -70px;

}

#header_content ul li a.aktiv{
background-position: 0 -70px;

}

/*Inhalt --------------------------------- */
#content_wrap {
overflow: hidden;
}

#content {
width:960px;
padding:0px 10px 20px 10px; 
	
}

#content .col1 {
width: 430px;
padding: 15px 25px 20px 15px;
margin: 0 10px 0 0;
float: left;
}

#content .col2 {
width: 430px;
padding: 15px 20px 20px 19px;
float: right;

}

#content .trenner {
border-left: 1px solid #CDCDCD;

}


#content .col2_start {
width: 290px;
padding: 10px 20px 0px 150px;
margin:10px 15px 0 0;
float: right;
min-height: 225px;
background: url(../images/aktion_winter_bg.jpg) 0 0 no-repeat;

}

#content ul {
	list-style-image: url(../images/bullet.jpg);
	margin: 0 0 0 30px;
}


#start_eyecatcher {
	width:960px;
	height: 295px;
	padding:0px 10px 10px 10px;
	background: url(../images/eyecatcher_start2.jpg) 0 0 no-repeat; 
}


#wechsler {
	float: right;
	padding:0 10px 0 0 
}


#portfolio {
	position:relative; 
	width:364px;
	height:295px; 
	overflow:hidden;
}

#portfolio li { 
	position:absolute; 
	top:0; 
	left:0; 
	margin:0 0 0 0; 
	padding:0; 
	background:none;
}

#eyecatcher {
	width:960px;
	padding:0px 10px 20px 10px;
	position: relative;
}

#eyecatcher h1 {
display: none;
}

#eyecatcher.eye_reifen {
background: url(../images/eyecatcher_reifen.jpg) 10px 0px no-repeat;
width: 525px;
height: 85px;
padding: 180px 0 0 445px;

}

#eyecatcher.eye_reifen a{
color: #333;

}

#eyecatcher.eye_reifen a:hover{
color: #666;

}

#eyecatcher.eye_fahrzeuge {
background: url(../images/eyecatcher_fahrzeuge.jpg) 10px 0px no-repeat;
width: 430px;
height: 40px;
padding:200px 265px 0 275px

}

a.btn_eu_conf {
	display: block;
	width: 100px;
	height: 21px;
	background: url(../images/a_btn_eu_100.png) 0 0 no-repeat;
	position: absolute;
	top: 200px;
	right: 353px;
	color: #FFCC00;
	font-size: 11px;
	padding: 5px 0 0 0
}

a.btn_eu_conf:hover {
	background:url(../images/a_btn_eu_100.png) 0 -26px no-repeat;
	color: #CCA400;
}

a.btn_eu_top {
	display: block;
	width: 100px;
	height: 21px;
	background: url(../images/a_btn_eu_100.png) 0 0 no-repeat;
	position: absolute;
	top: 200px;
	right: 240px;
	color: #FFCC00;
	font-size: 11px;
	padding: 5px 0 0 0
}

a.btn_eu_top:hover {
	background:url(../images/a_btn_eu_100.png) 0 -26px no-repeat;
	color: #CCA400;
}

a.btn_eu_lager {
	display: block;
	width: 100px;
	height: 21px;
	background: url(../images/a_btn_eu_100.png) 0 0 no-repeat;
	position: absolute;
	top: 200px;
	right: 130px;
	color: #FFCC00;
	font-size: 11px;
	padding: 5px 0 0 0
}

a.btn_eu_lager:hover {
	background:url(../images/a_btn_eu_100.png) 0 -26px no-repeat;
	color: #CCA400;
}

p.submit {
	height:23px; 
	background:url(../images/bg_button_right.jpg) right no-repeat; 
	width:auto; 
	float:left;
	}
	
p.submit input {
	height:23px; 
	background:url(../images/bg_button_left.jpg) left  no-repeat; 
	color:#333; 
	font-weight:bold; 
	border:none; 
	overflow:visible; 
	display:inline; 
	margin:0px; 
	padding:1px 15px 2px 8px; 
	font-size:12px; 
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	letter-spacing: 0px
}

/*Button --------------------------------- */



#button {
background: url(../images/button_bg.png) 0 0 no-repeat;
width: 960px;
height: 210px;
padding: 20px 10px 0 10px;
margin: 0 auto 0 auto;	
clear: both;
}

a.button {
display: block;
	width: 190px;
	height:19px;
	padding: 7px 0px 0 10px;
	background: url(../images/button_a_bg_neu.png) no-repeat;
	text-decoration: none;
	color: #000;
	font-size: 11px
}

a.button_start {
display: block;;
	width: 105px;
	height:19px;
	padding: 7px 0px 0 20px;
	background: url(../images/a_button_start_bg.png) no-repeat;
	text-decoration: none;
	color: #000;
	font-size: 11px
}

/*#button a {
	display: block;
	width: 200px;
	height:30px;
	padding: 12px 0 0 16px;
	background: url(../images/button_a_bg.png) 0 0 no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}*/

#button h3 {
display: none;
}


#button a.start {

}

#button a:hover {
color: #4E4C4C;
background-position: 0 -26px;
}

#button .col1{
width: 270px;
height: 50px;
margin: 0 15px 0 0; 
padding:150px 25px 0 15px;
float: left;	
}

#button .col2{
width: 270px;
height: 50px;
margin: 0 15px 0 0; 
padding:150px 25px 0 15px;
float: left;	
}

#button .col3{
width: 295px;
height: 50px;
margin: 0 0px 0 0; 
padding:150px 0 0 15px;
float: right;	
}

.gebraucht-f{
background: url(../images/button_gebraucht-f_bg.jpg) 0 0 no-repeat; 	
}

.neu-f{
background: url(../images/button_neu-f_bg.jpg) 0 0 no-repeat; 	
}

.werkstatt{
background: url(../images/button_werkstatt_bg.jpg) 0 0 no-repeat; 	
}

.aktionen{
background: url(../images/button_aktionen_bg.jpg) 0 0 no-repeat; 	
}

.reifen{
background: url(../images/button_reifen_bg.jpg) 0 0 no-repeat; 	
}



/*Footer --------------------------------- */

#footer {
background: url(../images/footer_bg.png) 0 0 no-repeat;
height:265px;
width:955px;
margin:3px auto;
padding: 85px 0px 20px 25px;
position: relative;
	
}

#footer a {
	color: #333;
}

#footer a:hover {
	color: #999;
}

#footer h5 {
font-size: 12px;
padding: 30px 0 0 0;
}

#footer p {
	margin: 0 0 0px 0;
}

#footer p span {
text-align: right;
display: block;
width: 110px;
padding: 0 30px 0 0;
float: left;
}

.col {
	float: right;
	width: 300px;
	margin: 0 300px  0 0;
	
}

#footer p.mail {
padding: 35px 0px 0 0;

}



#footer p.copyright {
padding: 55px 0px 0 0;
position: absolute;
top: 270px;
right: 10px;
color: #FFCC00;

}

#footer p.copyright a {
color: #FFCC00;
font-size: 11px;

}

#footer p.copyright a:hover {
color: #999;

}

/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/