/* 
##################################################################################################
# Vehicles and More - Web 2007 #
##################################################################################################
 
Version      : 1.2
Dateiversion : 08.08.07  
Datei        : default.css
Funktion     : bindet die Stylesheet-Elemente ein
*/

@import url(standard.css); /* Standards */
@import url(navigation_oben.css); /* Navigation oben (Hauptnavigation) */
@import url(spalte_links.css); /* Standards */
@import url(spalte_rechts.css); /* Standards */




/* Verlauf im Hintergrund der Website */
body { background: #ffffff url(../v2/images/hintergrund_verlauf.jpg) repeat-x top left; }


/* legt die Breite der Website fest und zentriert diese */
div.aussen {
	width: 1000px;
	padding: 5px;
	margin: 0 auto 0 auto; /* das letzte auto weg für linksbündig*/
	text-align: left; /* Workaround für IE 5 für horizontal zentrierte Darstellung */
  }
  
/* für Superbanner und skyscraper ist die Darstellung links oben statt zentriert  */
div.aussen_left {
	float:left;
	width: 1000px;
	padding: 0 0 5px 5px;/*rechter Rand und oben weg*/
	margin: 0 0 0 0; 
	text-align: left; /* Workaround für IE 5 für horizontal zentrierte Darstellung */
  }
  
div.skyscraper {
	float:left;
  position: absolute;
  top: 5px;
  /* 24072010 rausgenommen:wozu war das? 
   right: -125px;*/
  }
  
div.content_links {
  width: 1000px;
  float: left;
  position: relative;
  }

.aussen_banner {
	width: 1000px;
	padding: 5px;
	margin: 0 auto 0 auto; /* das letzte auto weg für linksbündig*/
	text-align: left; /* Workaround für IE 5 für horizontal zentrierte Darstellung */
	padding-top: 0;
	}
  
div.superbanner {
	width: 1000px;
	margin-top: 5px;
	margin-left: 5px;
  }
  
div.superbanner img  { text-align: right; }

div.superbanner_rechts{
	width: 1000px;
	margin-bottom: 8px;
  }
  
div.superbanner_rechts img { float: right; }

/* Header Grafik */
img.kopfgrafik {
	display: block;
	position: relative;
	z-index: 600;
  }

/* Hintergrundfarbe der Balken links und rechts - damit die Balken immer gleich lang sind! */
div.hintergrund_inhalt {
	background: url(../v2/images/hintergrund_inhalt.gif) repeat-y;
  /* 10062010 für die LangIcons... */
  position:relative;
  width:100%;
  }
	
/* Navigation unten */
ul.navigation_unten {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	padding: 20px 0px 10px 0px;
	margin: 0 270px 0 270px;
	list-style: none;
}

ul.navigation_unten li {
	display: inline;
	padding: 0 5px 0 5px;
}

ul.navigation_unten li.sociallink {
	display: inline;
	padding: 0 3px 0 3px;
  float: left;
}

ul.navigation_unten li a {
	text-decoration: underline;
	color: #000000;
}



/* ********************** CONTENT ********************** */
#inhaltsbereich {
	float:left;
	width: 490px;  
	margin-left: 255px;
/*	border-left: 255px solid #e8e8e8; */
/*	border-right: 255px solid #e8e8e8; */
}

/* ie 6 Hack, ie5.x Hack */
* html #inhaltsbereich {
	margin-left: 127px;
}

#inhaltsbereich div.abstandhalter {
	margin-top: 12px;
	height: 0.75em;
	font-size: 0.75em;
}



/**************** Navigator ****************/
#inhaltsbereich p.navigator {
	font-size: 0.7em;
	padding: 5px 20px 5px 20px;		
}

#inhaltsbereich p.navigator a {
	color: #000000;
	text-decoration: none;
}

/**************** Ende Navigator ****************/



/**************** More Results ****************/
#inhaltsbereich p.moreres {
	padding: 10px 20px 10px 20px;	
	font-size: 0.9em;
}

#inhaltsbereich a.moreres,
#inhaltsbereich strong.moreres {
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	padding: 3px;
	margin: 0 0 0 0px;
	font-weight: bold;
}

#inhaltsbereich a.moreres:hover,
#inhaltsbereich strong.moreres {
	color: #ffffff;
	background: #e8e8e8;
}



/**************** Ende More Results ****************/

/**************** SPAM Protection ****************/
.formfeld_versteckt {
	display: none;
	}
/**************** Ende SPAM Protection ****************/

/**************** Artikel, Standard und Allgemeines ****************/
#inhaltsbereich div.hintergrund_ueberschrift {
/*	background: url(../v2/images/verlauf_inhalt_ueberschrift.jpg) repeat-y; */
	margin: 28px 15px 20px 15px;
	width: 460px;
  color:black;
}
#inhaltsbereich div.hintergrund_ueberschrift_lang {
  margin:28px 0pt 20px 15px;
  width:730px;
}
#inhaltsbereich div.hintergrund_ueberschrift h1,
#inhaltsbereich div.hintergrund_ueberschrift_lang h1 {
  border-top:1px solid #818183;
  border-bottom:1px solid #818183;
}



#inhaltsbereich div.registrieren {
  margin:0pt 0pt 0pt 15px;
  overflow:hidden;
  width:730px;
}

#inhaltsbereich .datum {
	float: right;
	font-size: 0.8em;
	padding: 0.6em 5px 0.6em 5px;
}

#inhaltsbereich h1 {
	font-size: 1em; 
	font-weight: bold; 
	padding: 5px 5px 5px 5px;
}

#inhaltsbereich h2 {
	font-size: 0.8em; 
	font-weight: bold; 
	color: #000000;	
	padding: 0 0 0.8em 0;
}

#inhaltsbereich h2.suche {
	font-size: 0.8em; 
	font-weight: bold; 
	padding: 0 0 0.1em 0;
}

#inhaltsbereich h3 {
	font-size: 0.75em; 
	font-weight: bold; 
	color: #000000;	
	padding: 0;
}
	
#inhaltsbereich a {
	color: #000000;
}

#inhaltsbereich a.suche {
	color: #000000;
	text-decoration: none;
}


#inhaltsbereich p,
#inhaltsbereich td, 
#inhaltsbereich th, 
#inhaltsbereich span {
	font-size: 0.75em;
}

#inhaltsbereich ul li {
	list-style: url(../v2/images/pfeil_rechts_klein.gif) inside;
}
#inhaltsbereich ul li.klein {
	list-style: url(../v2/images/pfeil_rechts_klitzeklein.gif) inside;
}

#inhaltsbereich ul li.pdf {
	list-style: none;
}

#inhaltsbereich a.pdf_icon,
#inhaltsbereich a.video_icon
  {
	display:block;
	background: url(../v2/images/icons/PDF.png) no-repeat left center;
	padding-top:5px;
	padding-bottom:5px;
  padding-left:30px;
	font-size: 0.75em;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

#inhaltsbereich ul {
	margin-top:10px;
}

#inhaltsbereich ul li a {
	font-size: 0.75em;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	padding-left: 5px;	
}

#inhaltsbereich ul.pdf {
	padding: 0 20px 0 20px;
}

#inhaltsbereich div.artikelbox {
	padding: 0 20px 10px 20px;
  margin-top: -8px;
}

#inhaltsbereich img.artikelbild {
	margin: 0 10px 10px 0;
}

#inhaltsbereich p.clubhinweis {
	padding: 20px 0 0 0;
}

#inhaltsbereich p.clubhinweis a {
	text-decoration: none; 
	color: #999999;
	font-size: 1em;
	font-weight: normal;	
}

#inhaltsbereich a.pfeil_oben {
	display: block; 
	text-align: right;
}
#inhaltsbereich a.mehr, a.mehr:hover {
	color:red; 
	text-decoration:none;
}

#inhaltsbereich h3 a {
  text-decoration: none;
}

#inhaltsbereich h3 + ul {
  margin: 0 0 20px 20px;
}



/**************** Ende Artikel ****************/



/**************** Bildergalerie ****************/
#inhaltsbereich div.bildergalerie {
	padding: 0 15px 10px 15px;
}

#inhaltsbereich p.bildergalerie {
	float: left;
	width: 150px;
	font-size: 0.7em;
	font-style: italic;
	padding: 0 0 20px 0;
	text-align: center;
}

#inhaltsbereich img.bildergalerie {
	padding: 10px 0 10px 0;	
}

#inhaltsbereich p.mittleres_bild {
	width: 150px;
	padding: 0 5px 0 5px;
}

#inhaltsbereich div.bild_gross {
	width: 450px;
	padding: 10px 20px 20px 20px;	
	text-align: center;
	font-style: italic;	
}

#inhaltsbereich img.bild_gross {
	padding: 0px 0px 10px 0px;		
}

#inhaltsbereich div.zeile_funktionen {
	background:#e8e8e8; 
	color: #000000;
	margin: 0 0 15px 0; 
	padding: 3px; 
	overflow: hidden;
}

#inhaltsbereich div.zeile_funktionen p, 
#inhaltsbereich div.zeile_funktionen a {
	font-style: normal;
	font-size: 0.75em;
}

#inhaltsbereich a.symbol {
	padding: 0 10px 0 10px;
}

#inhaltsbereich a.symbol:hover {
	background: #d7d7d7;
	color: #000000;
}

/**************** Ende Bildergalerie ****************/



/**************** Formulare ****************/
#inhaltsbereich label {
	font-weight: bold;
	font-size: 0.75em;
	display: inline;
	padding: 0 5px 0 0;
	cursor: pointer;
}

#inhaltsbereich input, 
#inhaltsbereich select, 
#inhaltsbereich textarea {
	margin: 5px 5px 5px 0;
	padding: 2px;
	font-size: 0.7em;
	background: #ffffff;
	color: #000000;
	border: 2px solid #cdcdcd;
	width: 16em;
}

#inhaltsbereich input.radiobutton,
#inhaltsbereich input.checkbox {
	width: 18px; 
	border: 0;
	margin: 5px 5px 5px 0;
	vertical-align: middle;
	display:inline;
}

#inhaltsbereich a.button, 
#inhaltsbereich input.button {
	background: #d7d7d7;
	color: #000000;
	font-size: 0.7em;	
	margin: 0 25px 3px 25px;	
	padding: 4px 5px 4px 5px;	
	border: 0;
	font-weight: bold;
	width: 16em;
	text-align: center;
	display: block;
	text-decoration: none;
}

#inhaltsbereich table.aboauswahl {
	border: 1px solid #d7d7d7;
	margin: 20px auto 20px auto;
	padding: 5px;
}

/**************** Ende Formulare ****************/


/**************** Shop ****************/
#inhaltsbereich form.einkaufen {
	display: inline;
}

#inhaltsbereich input.einkaufen {
	width: 2em;
	text-align: center;
}

#inhaltsbereich input.einkaufswagen {
	vertical-align:bottom;
	margin: 0 20px 0 0;
	width: 31px;
	border: 0;
	padding: 0;
}

#inhaltsbereich table.warenkorb td {
	padding: 2px;
}

#inhaltsbereich td.h1 {
	background: #e8e8e8;
	font-weight: bold;
	color: #000000;
}

#inhaltsbereich table.bestellformular td {
	font-size: 1em;
}

/**************** Ende Shop ****************/




#inhaltsbereich img.banner,
#inhaltsbereich div.banner {
	display: block; 
	margin: 1em auto 1em auto;
}	

.suma {	display: none; }
.fehler {	color: red;}
.rot_990000 {	color: #990000; }
.grau_999 {	color: #999999;}

.text_rechts {	text-align: right;}
.kein_umbruch {	white-space: nowrap;}

/* kontaktformular */
#kontaktformular {
	padding: 0;
}

#kontaktformular label {
	width: 160px;
	float: left;
	display:block;
	font-size: 1em;	
	margin: 5px 5px 5px 0;
	}
#kontaktformular label.checkbox_radio {
	display:inline;
	float:none;
	width:auto;
	}
	
#kontaktformular fieldset {
	font-size: 0.75em;
	}	

#kontaktformular legend {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	}	

#kontaktformular .submitbutton,
#kontaktformular input.submitbutton:hover {
	background: #d7d7d7;
	color: #000000;
	font-size: 0.95em;	
	padding: 4px 5px 4px 5px;	
	border: 0;
	font-weight: bold;
	width: 15em;
	text-align: center;
	display: block;
	margin-left: 160px;
	margin-right: auto;
	}	

#kontaktformular input, 
#kontaktformular textarea, 
#kontaktformular select {	
	margin: 5px 5px 5px 0;
	padding: 2px;
	font-size: 0.95em;
	background: #ffffff;
	color: #000000;
	border: 1px solid #d7d7d7;
	width: 16em;	
	}	
	
#kontaktformular .eingabefehler {
	color: red;
	font-weight: bold;
	}		

#kontaktformular h1 {
	font-size: 1.255em; 
	font-weight: bold; 
	padding: 0.5em 5px 0.5em 5px;
}

#kontaktformular h2 {
	font-size: 1.055em; 
	font-weight: bold; 
	color: #000000;	
	padding: 0 0 0.8em 0;
}

#kontaktformular p {
	font-size: 1em;
}

/* Upload-Datei Formular */

#kontaktformular input.uploaddateifeld { 
  position: absolute;
    right: 90px;
    bottom: 0;
  }

/* IE 6 Hacks */  
* html #kontaktformular input.uploaddateifeld { position: static; margin-left: 20px; }
* html #kontaktformular input.uploaddateifeld { width: 260px; }

/* IE 7 Hacks */
*+html #kontaktformular input.uploaddateifeld { width: 250px; right: 25px; }

/*innerhalb einer Kontaktform muß die Einrueckung wieder zurueckgesetzt werden*/
#inhaltsbereich #kontaktformular div.hintergrund_ueberschrift {
  margin-left:-6px;
}
* html #inhaltsbereich #kontaktformular div.hintergrund_ueberschrift {
  margin-left:-4px;
  margin-right:-6px;
}



/*  LOGIN-Block   */
#rechte_spalte div.infobereich {
  float:right;
  overflow:hidden;
  width:255px;
}
table.bedienungsanleitung {
  background:#003300 none repeat scroll 0%;
  overflow:hidden;
  height:25px;
}
table.bedienungsanleitung td {
  font-size:0.75em;
}

div.infobereich a.text {
color:#FFFFFF;
font-size:0.9em;
padding:5px;
padding-left: 10px;
text-decoration:underline;
}
/*  Kommentare  */
#comments,#comments fieldset,#comments div {margin-top: 20px;}
#comments div {border: 1px solid #ccc;padding: 3px;padding-bottom: 0;}

#comments p.autor {font-weight: bold;}
#comments p.datum {font-size: x-small;}

/* Hinweistext, falls JS inaktiv  */
#javascript_hinweis {
  border:1px solid red;
  color:red;
  font-size: 100%;
  margin:20px;
  padding:20px;
}

.wizard_logo {
  position: absolute; 
  bottom: 40px; 
  left: 80px;
}

#inhaltsbereich #filialen {
  font-size: 80%;
  }