/* Allgemeine CSS-Definitionen

1 CSS-Reset
2 Allgemeine Einstellungen
3 Clearing-Element

*/



/* 1 CSS-Reset --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

form {
	background-color: transparent;
}

abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}

ins {
	text-decoration: none;
}

:focus {
    outline: 0;
}



/* 2 Allgemeine Einstellungen --- */

html {
	background: #F1F2F3 url(/img/bg.png) repeat scroll 0 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}

a {
	color: #477CB1;
}

a:hover {
	color: #000;
}

a.mehr {
	font-weight: bold;
}

ul,
ol {
	list-style: none;
}

strong {
	font-weight: bold;
}

#main .first {
	border: none;
}

#main .rl_pixel {
	position: absolute;
}

#main .wide_col .rl_pixel {
	left: -1px;
}

.center {
	text-align: center;
}

#main .hide {
	display: none;
}


/* 3 Clearing-Element  --- */

.clear,
#main .clear,
#TB_window .clear {
	border: none;
	clear: both;
	display: block;
	float: none;
	height: 0 !important;
	margin: 0;
	min-height: 0;
	overflow: hidden;
	padding: 0;
}
/* CSS-Definitionen fuer das Grundlayout

1 Struktur
2 Header
3 Haupt- und Subnavigation
4 Footer
5 Container fuer Werbung ausserhalb der Seite

*/



/* 1 Struktur --- */

.wrapper {
	margin: 0 auto 0 auto;
	position: relative;
	width: 1052px;
}

#main {
  	background: #FFF;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;	
	float: left;
	-moz-box-shadow: 0 0 3px #D9D9D9;
	-webkit-box-shadow: 0 0 3px #D9D9D9;
	box-shadow: 0 0 3px #D9D9D9;
	padding: 10px 10px 30px 10px;
	position: relative;
	width: 900px;
	z-index: 1;
}

.wide_col {
  float: left;
	overflow: hidden;
  width: 900px;
}

.main_col {
  float: right;
  position: relative;
  width: 560px;
}

.side_col {
  float: left;
  width: 320px;
}



/* 2 Header --- */

.header {
  background: url(/img/bg_header_neu.png) repeat-x 0 -122px;
  clear: both;
  font-size: 11px;
  height: 44px;
  position: relative;
  width: 900px;
	z-index: 2;
}

  .logo {
		background: url(/img/bg_header_neu.png) no-repeat 0 0;	
		height: 81px;
		left: 0;
		padding: 19px 0 0 0;
		position: absolute;
		top: 0;
		width: 211px;
		z-index: 3;
  }
			
		.logo span {
			background: url(/img/bg_header_neu.png) no-repeat 100% -101px;			
			color: #525452;
			display: none;
			height: 16px;
			left: 207px;
			line-height: 14px;			
			padding: 2px 0 0 9px;
			position: absolute;
			top: 10px;
			width: 71px;
			z-index: 4;				
		}
	
  .header .suchmodul {
    float: right;
    padding: 12px 0 0 0;
		width: 201px;
  }

    .header  input {
			background: #FFF;
			border: 1px #004A6D solid;
			border-radius: 3px;
			-khtml-border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #666;
			line-height: 15px;
			margin: 0 10px 0 0;
			padding: 2px 4px 2px 4px;
      width: 139px;
    }

    .header .submit {
			background: #275E95 url(/img/bg_header_neu.png) no-repeat 0 -101px;
			cursor: pointer;
			height: 21px;
			line-height: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -10000px;
			vertical-align: top;
      width: 30px;
    }

		

/* 3 Haupt- und Subnavigation --- */

.navigation {
  background: url(/img/bg_header_neu.png) repeat-x 0 -166px;
  margin: 0 0 7px 0;
	height: 56px;
	overflow: hidden;
  width: 900px;
}

/* Zusatzklasse, falls E3 vorhanden */
.mit_e3 {
	height: 82px;
} 



/* 4 Footer --- */

#footer {
	border-bottom: 1px #EEE solid;
	border-top: 1px #EEE solid;
	color: #666;
	clear: both;
	font-size: 11px;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 10px 0 8px 0;
	width: 900px;
}

  #footer a {
    text-decoration: none;
  }

  #footer a:hover {
    text-decoration: underline;
  }

.servicelinks {
	background: url(/img/bg_footer_servicelinks_neu.png) repeat-y left bottom;
	border-bottom: 1px #EEE solid;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 0 25px 0;
	width: 100%;
}

	.servicelinks li {
		float: left;
		padding: 0 0 0 10px;
	}

	.servicelinks span {
		color: #333;
		display: block;
		font-weight: bold;
		margin: 0 0 8px 0;
	}

	.servicelinks ul {
		line-height: 1.5;			
	}
		
		.servicelinks li li {
			float: none;
			background: url(/img/bg_bullets_sprite.png) no-repeat -65px 1px;
			padding: 0 0 0 12px;
			width: 158px;
		}

	.servicelinks a {
		color: #666;
	}

	.servicelinks a:hover {
		color: #000;
	}

.footernavigation {
	clear: both;
	float: left;
	left: 50%;
	position: relative;
}

	.footernavigation li {
		float: left;
		padding: 0 5px 0 5px;
		position: relative;
		right: 50%;
	}

	.footernavigation a {
		color: #999;
	}

		.footernavigation a:hover {
			color: #000;
		}

/* Zusatzdefinition wegen margin-Ueberlagerung */
div[id="footer"] {
	float: left;
}			



/* 5 Container fuer Werbung ausserhalb der Seite --- */

.leaderboard {
  padding: 10px 0 10px 0;
  width: 912px;
}

.skyscraper {
  left: 932px;
  padding: 11px 0 0 0;	
  position: absolute;
}/* CSS-Definitionen fuer alle Navigationselemente

1 Navigation
1.1 Hauptnavigation (1.Ebene)
1.2 Subnavigation (2.Ebene)
1.3 Links Startseite
1.4 Login
1.5 Schnellauswahl Marke

2 Pagination

3 Social Bookmarks (wird nicht verwendet)

4 Buttons
4.1 Grundlayout
4.2 Like/Dislike Buttons
4.3 Spezielle Defintionen fuer einzelne Button-Typen
4.4 Kleine Buttons mit Pfeilen
4.5 Grosser Button
4.6 Buttons in der Community (phpFox)

5 Fortschrittsbalken Community

*/



/* 1 Navigation --- */

/* 1.1 Hauptnavigation (1.Ebene) */

.navigation .e1 {
	background: url(/img/bg_header_neu.png) no-repeat 100% -308px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0 1px 0 211px;
	position: relative;
	white-space: nowrap;
}

	.navigation .e1 li,
	.navigation .e1 a {
		background-image: url(/img/bg_header_neu.png);
		background-repeat: no-repeat;
	}

	.navigation .e1 li {
		background-position: 0 -248px;
		float: left;
	}

	.navigation .e1 a {
		background-position: 100% -248px;
		color: #FFF;
		float: left;
		height: 22px;
		margin: 0 0 0 1px;
		padding: 8px 8px 0 7px;
		text-decoration: none;
		text-shadow: #003366 1px 1px 0;			
	}

	.navigation .e1 a:hover {
		text-decoration: underline;
		text-shadow: #000 1px 1px 0;				
	}

	.navigation .e1 .aktiv {
		background-position: 0 -278px;
	}

		.navigation .e1 .aktiv a {
			background-position: 100% -278px;
			color: #333;
			margin: 0 0 0 2px;
			padding: 8px 9px 0 7px;	
			text-shadow: none;				
		}
		
		.navigation .e1 .aktiv a:hover {
			text-shadow: none;
		}		

/* 1.2 Subnavigation (2.Ebene) */

		.navigation .e2 {
		  background: url(/img/bg_header_neu.png) no-repeat 0 -392px;
			display: none;
			font-size: 11px;
			font-weight: normal;
			left: 211px;
			position: absolute;
			top: 30px;
			width: 689px;
		}

		.navigation .aktiv .e2 {
			display: block;
		}

			.navigation .aktiv .e2 li {
				background-image: none;
			}
			
			.navigation .aktiv .e2 a {
				background-position: 100% -338px;
				color: #666;
				height: 20px;
				padding: 6px 11px 0 8px;
				margin: 0;
				text-shadow: none;					
			}

			.navigation .aktiv .e2 a:hover {
				color: #333;
				text-decoration: underline;
				text-shadow: none;
			}

			.navigation .aktiv .e2 .aktiv a {
				color: #333;				
				font-weight: bold;
			}				
			
/* Ueberschrift Subnavigation 2.Ebene */
		.navigation strong {
			background-image: url(/img/bg_header_neu.png);
			background-position: 0 -196px;		
			color: #333;		
			float: left;
			height: 20px;
			padding: 6px 2px 0 8px;			
		}

/* 1.3 Links Startseite */

.links_startseite {
	background: url(/img/bg_header_neu.png) no-repeat 0 -392px;
	display: inline;	
	float: left;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 0 211px;
	width: 689px;
}
		
	.links_startseite li {
		float: left;
	}

		.links_startseite a {
			background: url(/img/bg_header_neu.png) no-repeat 100% -338px;
			color: #666;
			float: left;
			font-weight: normal;
			height: 20px;
			padding: 6px 11px 0 8px;
			text-decoration: none;
		}

		.links_startseite a:hover {
			color: #333;
			text-decoration: underline;
		}

		.links_startseite .aktiv a {
			color: #333;
			font-weight: bold;							
		}						
						
/* 1.4 Login */

.login {
	color: #999;
	font-size: 11px;
	height: 28px;
	line-height: 14px;
}

	.login a {
		color: #666;
	}
	
	.login a:hover {
		color: #333;
	}

/* 1.5 Schnellauswahl Marke */

.schnellauswahl {
	color: #333;
	float: right;
	font-size: 11px;
	line-height: 12px;
	position: absolute;
	right: 10px;
	top: 110px;
	width: 308px;
	z-index: 4;
}

	.schnellauswahl small {
		background: url(/img/bg_schnellauswahl_marke.png) no-repeat 0 0;
		font-weight: bold;
		float: left;
		margin: -2px 0 0 0;
		padding: 8px 0 6px 42px;
		position: relative;
		z-index: 2;		
	}		

/* Dropdown Buttons */	
	.dropdown {
		float: right;
		margin: 0 0 0 10px;
	}
	
		.dropdown a {
			color: #F1F1F1;
			cursor: default;
			text-decoration: none;
		}
		
		.dropdown a:hover {
			color: #F1F1F1;		
		}		

			.dropdown span {
				background-image: url(/img/bg_schnellauswahl_marke.png);
				background-repeat: no-repeat;
				background-position: 0 -78px;
				display: block;
				padding: 0 0 0 7px
			}

				.dropdown span span {
					background-position: 100% -78px;
					padding: 6px 22px 8px 0;				
				}
							
	.schnellauswahl .aktiv a {
		color: #FFF;
		cursor: pointer;
		font-weight: bold;
	}
	
		.schnellauswahl .aktiv span {
			background-position: 0 -52px;
		}

			.schnellauswahl .aktiv span span {
				background-position: 100% -52px;
			}
			
		.schnellauswahl .mehr span {
			background-position: 0 -26px;
		}

			.schnellauswahl .mehr span span {
				background-position: 100% -26px;
			}			

				.schnellauswahl .aktiv a:hover span span,
				.schnellauswahl .mehr a:hover span span {
					color: #FFF;
					text-decoration: underline;
				}				

/* Dropdown Menues */				
	.auswahl_marke,
	.auswahl_baureihe {
		background-color: #FFF;
		display: none;
		padding: 0 0 1px 1px;		
		position: absolute;
		right: 0;
		top: 26px;
		z-index: 5;		
	}
					
		.auswahl_marke .innen,
		.auswahl_baureihe .innen {
			background-image: url(/img/bg_schnellauswahl_marke_menue.png);
			background-repeat: repeat-y;				
			border: 2px #4C7FAC solid;
			float: left;
		}
		
			.auswahl_marke .innen {
				background-position: 0 0;
			}
			
			.auswahl_baureihe .innen {
				background-position: 100% 0;
			}		

	.auswahl_marke img {
		margin: 0 10px 0 0;
		vertical-align: middle;
	}		
		
	.auswahl_marke ul,
	.auswahl_baureihe ul {
		float: left;
		width: 152px;
	}
	
		.auswahl_marke li,
		.auswahl_baureihe li {
			display: inline;
		}
		
			.auswahl_marke .loading,
			.auswahl_baureihe .loading {
				background: url(/img/ajax_loader.gif) no-repeat 5px 50%;
				color: #666;
				display: block;
				height: 19px;
				padding: 6px 0 1px 26px;
				width: 126px;				
			}		
			
			.auswahl_marke a,
			.auswahl_baureihe a {
				color: #666;
				display: block;
				overflow: hidden;
				text-decoration: none;
				white-space: nowrap;
			}

			.auswahl_marke a {
				height: 24px;
				padding: 1px 0 1px 5px;
				width: 147px;				
			}
			
			.auswahl_baureihe a {
				height: 19px;
				padding: 6px 0 1px 10px;
				width: 142px;				
			}	
	
			.auswahl_marke a:hover span,
			.auswahl_baureihe a:hover {
				color: #477CB1;
				font-weight: bold;
			}

 .auswahl_marke .ausgewaehlt {
		color: #333;
		font-weight: bold;
 }

.schnellauswahl .size_1 {
	width: 156px;
}

	.schnellauswahl .size_1 .innen {
		width: 152px;
	}  
	
.schnellauswahl .size_2 {
	width: 308px;
}

	.schnellauswahl .size_2 .innen {
		width: 304px;
	}  

.schnellauswahl .size_3 {
	width: 460px;
}

	.schnellauswahl .size_3 .innen {
		width: 456px;
	}  

.schnellauswahl .size_4 {
	width: 612px;
}

	.schnellauswahl .size_4 .innen {
		width: 608px;
	}
	
.schnellauswahl .size_5 {
	width: 764px;
}

	.schnellauswahl .size_5 .innen {
		width: 760px;
	}

.schnellauswahl .size_6 {
	width: 916px;
}

	.schnellauswahl .size_6 .innen {
		width: 912px;
	} 
	
	
	
/* 2 Pagination --- */

.pagination {
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin: 10px 0 35px 0;
	width: 100%;
}

	.pagination .seiten {
		text-align: center;
		margin: 0 auto;
		padding: 4px 0 5px 0;
	}

		.pagination .seiten em {
			font-style: normal;
			font-weight: bold;
			padding: 0 5px 0 0;
		}

		.pagination .seiten span {
			color: #477CB1;
			font-weight: bold;
			padding: 0 2px;
		}

			.pagination .seiten a {
				color: #333;
				padding: 0 2px;
			}

			.pagination .seiten a:hover {
				color: #999;
			}

/* Button-Platzhalter fuer die erste und die letzte Seite */			
	.platzhalter_zurueck,
	.platzhalter_weiter {
		font-size: 11px;
		font-weight: bold;
		padding:  0 10px 0 30px;
		visibility: hidden;
		width: auto;
	}
			
	.platzhalter_zurueck {
		float: left;
	}
	
	.platzhalter_weiter {
		float: right;
	}
	
/* Pagination im Artikel */
	.artikel_content .pagination {
		margin: 0 0 20px 0;
	}
	
		.artikel_content .pagination .button_zurueck,
		.artikel_content .pagination .button_weiter {
			margin: 0;
		}



/* 3 Social Bookmarks (wird nicht verwendet) --- */

.social_bookmarks {
	position: absolute;
	right: 0;
	top: 5px;
}

	.social_bookmarks a {
  	background: url(/img/icon/social_bookmarks_2.png) no-repeat;
  	float: left;
  	height: 16px;
  	margin: 0 0 0 5px;
  	width: 16px;
  	text-indent: -3000px;
	}
	
	.social_bookmarks a.facebook {
		background-position: 0 0;
	}

	.social_bookmarks a.twitter {
		background-position: 0 -16px;
	}

	.social_bookmarks a.mrwong {
		background-position: 0 -32px;
	}

	.social_bookmarks a.technorati {
		background-position: 0 -48px;
	}

	.social_bookmarks a.delicious {
		background-position: 0 -64px;
	}

	.social_bookmarks a.digg {
		background-position: 0 -80px;
	}

	.social_bookmarks a.reddit {
		background-position: 0 -96px;
	}
	
	.social_bookmarks a.youtube {
		background-position: 0 -112px;
	}

	.social_bookmarks a.googlebuzz {
		background-position: 0 -128px;
	}	




/* 4 Buttons --- */

/* 4.1 Grundlayout */

#main .button,
#main .button_aktiv, 
#main .button_inaktiv,
#main .button_zurueck,
#main .button_weiter,
#main .button_weiter_inaktiv,
#main .button_zurueck_inaktiv,
#main .button_neu,
#main .button_zurueck_form_galerie,
#main .button_weiter_form_galerie,
#TB_window .button,
#TB_window .button_aktiv  {
	background-image: url(/img/bg_buttons_sprite.png);
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 12px;
	padding: 0;
	width: auto;
}

#main .button,
#main .button_aktiv, 
#main .button_zurueck,
#main .button_weiter,
#main .button_neu,
#main .button_zurueck_form_galerie,
#main .button_weiter_form_galerie,
#TB_window .button,
#TB_window  .button_aktiv  {
	color: #FFF;	
	font-weight: bold;
}

#main .button_inaktiv,
#main .button_weiter_inaktiv,
#main .button_zurueck_inaktiv {
	color: #999;
	font-weight: normal;
	text-shadow: #FFF 1px 1px 0;		
}

#main .button,
#main .button_zurueck,
#main .button_weiter,
#main .button_neu,
#TB_window .button {
	background-position: 0 -44px;
}

#main .button_inaktiv,
#main .button_weiter_inaktiv,
#main .button_zurueck_inaktiv {
	background-position: 0 -154px;
}

#main .button_aktiv,
#main .button_zurueck_form_galerie,
#main .button_weiter_form_galerie,
#TB_window .button_aktiv  {
	background-position: 0 -264px;
}

.button,
.button_aktiv,
.button_inaktiv,
.button_zurueck,
.button_zurueck_inaktiv,
.button_zurueck_form_galerie,
.button_neu {
	float: left;
}

.button_weiter,
.button_weiter_inaktiv,
.button_weiter_form_galerie {
	float: right;
}

	.button a,
	.button_aktiv a,	
	.button_zurueck a,
	.button_weiter a,
	.button_zurueck_form_galerie a,
	.button_weiter_form_galerie a,
	.button_neu a {
		color: #FFF;
		text-decoration: none;
	}
	
	.button_inaktiv a,
	.button_weiter_inaktiv a,
	.button_zurueck_inaktiv a {
		color: #333;
		text-decoration: none;
		text-shadow: none;			
	}	

		.button a:hover span,
		.button_aktiv a:hover span,
		.button_zurueck a:hover span,
		.button_weiter a:hover span,
		.button_zurueck_inaktiv a:hover span,
		.button_weiter_inaktiv a:hover span,		
		.button_zurueck_form_galerie a:hover span,
		.button_weiter_form_galerie a:hover span,		
		.button_neu a:hover span {
			text-decoration: underline;
		}
		
		.button a:hover span,
		.button_aktiv a:hover span,
		.button_zurueck a:hover span,
		.button_weiter a:hover span,
		.button_zurueck_form_galerie a:hover span,
		.button_weiter_form_galerie a:hover span,		
		.button_neu a:hover span {
			color: #FFF;
		}		
		
	.button span,
	.button_aktiv span,
	.button_inaktiv span,
	.button_zurueck span,
	.button_weiter span,
	.button_zurueck_form_galerie span,
	.button_weiter_form_galerie span,	
	.button_zurueck_inaktiv span,
	.button_weiter_inaktiv span,	
	.button_neu span {
		background-image: url(/img/bg_buttons_sprite.png);
		background-repeat: no-repeat;
		display: block;
	}
	
/* 4.2 Like/Dislike Buttons */

/* Allgemein */	
.dislike,
.like {
	background-image: url(/img/bg_rating_smileys.png);
	background-repeat: no-repeat;
	float: left;
}

.like {
	background-position: left bottom;
	padding: 0 0 0 26px;
}

.dislike {
	background-position: right top;
	padding: 0 26px 0 0;
}

/* Bewertung Leserwahl / Die besten Autos */
	.leserwahl_bewerten .button,
	.leserwahl_bewerten .button_inaktiv,	
	.leserwahl_bewerten .like,
	.leserwahl_bewerten .dislike {
		display: inline-block;
		float: none;
	}
	
/* Voting */	
.button_bigvoting_tops,
.button_bigvoting_flops {
	background-image: url(/img/bg_button_gross_sprite.png);
	background-repeat: repeat-x;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 8px 0 8px;
}

/* IE7 Bugfix */
.button_bigvoting_tops,
.button_bigvoting_flops {
	*display: inline;
	zoom: 1;
}

.button_bigvoting_tops {
	background-position: 0 -150px;
}

.button_bigvoting_flops {
	background-position: 0 -240px;
}

	.button_bigvoting_tops a,
	.button_bigvoting_flops a {
		color: #FFF;
		text-decoration: none;
	}

		.button_bigvoting_tops a:hover span,
		.button_bigvoting_flops a:hover span {
			color: #FFF;	
			text-decoration: underline;
		}

	.button_bigvoting_tops span,
	.button_bigvoting_flops span {
		background-image: url(/img/bg_button_gross_sprite.png);
		background-repeat: no-repeat;
		display: block;
		padding: 0 0 0 10px;		
	}
	
		.button_bigvoting_tops span span,
		.button_bigvoting_flops span span {
			padding: 7px 36px 7px 0;
		}
		
	.button_bigvoting_tops span {
		background-position: 0 -120px;	
	}
	
	.button_bigvoting_flops span	{
		background-position: 0 -210px;
	}

		.button_bigvoting_tops span span {
			background-position: 100% -180px;
		}
		
		.button_bigvoting_flops span span {
			background-position: 100% -270px;
		}	
	
/* 4.3 Spezielle Defintionen fuer einzelne Button-Typen */

/* Button normal */	
	.button span {
		background-position: 0 -66px;
		padding: 0 0 0 10px;
	}

		.button span span {
			background-position: 100% -22px;
			padding: 5px 10px 5px 0;
		}		

/* Button aktiv */		
	.button_aktiv span {
		background-position: 0 -286px;
		padding: 0 0 0 10px;
	}

		.button_aktiv span span {
			background-position: 100% -242px;
			padding: 5px 10px 5px 0;
		}			

/* Button inaktiv */		
	.button_inaktiv span {
		background-position: 0 -176px;
		padding: 0 0 0 10px;
	}

		.button_inaktiv span span {
			background-position: 100% -132px;
			padding: 5px 10px 5px 0;
		}		

/* zurueck-Button */		
	.button_zurueck span {
		background-position: 0 0;
		padding: 0 0 0 30px;
	}

		.button_zurueck span span {
			background-position: 100% -22px;
			padding: 5px 10px 5px 0;
		}

/* weiter-Button */				
	.button_weiter span {
		background-position: 0 -66px;
		padding: 0 0 0 10px;
	}

		.button_weiter span span {
			background-position: 100% -88px;
			padding: 5px 30px 5px 0;
		}

/* zurueck-Button inaktiv */		
	.button_zurueck_inaktiv span {
		background-position: 0 -330px;
		padding: 0 0 0 30px;
	}
	
		.button_zurueck_inaktiv span span {
			background-position: 100% -132px;
			padding: 5px 10px 5px 0;
		}		

/* weiter-Button inaktiv */				
	.button_weiter_inaktiv span {
		background-position: 0 -176px;
		padding: 0 0 0 10px;
	}
	
		.button_weiter_inaktiv span span {
			background-position: 100% -198px;
			padding: 5px 30px 5px 0;
		}

/* Button neu */		
	.button_neu span {
		background-position: 0 -110px;
		padding: 0 0 0 30px;
	}

		.button_neu span span {
			background-position: 100% -22px;
			padding: 5px 10px 5px 0;
		}

/* zurueck-Button Formular/Galerie */ 		
	.button_zurueck_form_galerie span {
		background-position: 0 -220px;
		padding: 0 0 0 30px;
	}

		.button_zurueck_form_galerie span span {
			background-position: 100% -242px;
			padding: 5px 10px 5px 0;
		}		

/* weiter-Button Formular/Galerie */ 			
	.button_weiter_form_galerie span {
		background-position: 0 -286px;
		padding: 0 0 0 10px;
	}

		.button_weiter_form_galerie span span {
			background-position: 100% -308px;
			padding: 5px 30px 5px 0;
		}

/* 4.4 Kleine Buttons mit Pfeilen */

#main .button_pfeil_zurueck,
#main .button_pfeil_weiter,
#main .button_pfeil_zurueck_bewertung,
#main .button_pfeil_weiter_bewertung,
#main .button_pfeil_zurueck_inaktiv,
#main .button_pfeil_weiter_inaktiv {
	background-image: url(/img/bg_buttons_pfeile_sprite.png);
	background-repeat: no-repeat;
	height: 22px;
	padding: 0;
	width: 23px;
}

#main .button_pfeil_zurueck,
#main .button_pfeil_weiter,
#main .button_pfeil_zurueck_bewertung,
#main .button_pfeil_zurueck_inaktiv,
#main .button_pfeil_weiter_inaktiv {
	float: left;
}

#main .button_pfeil_weiter_bewertung {
	float: right;
}

.button_pfeil_zurueck,
.button_pfeil_zurueck_inaktiv {
	margin: 0 5px 0 0;
}

.button_pfeil_weiter,
.button_pfeil_weiter_inaktiv { 
	margin: 0 20px 0 0;
}

.button_pfeil_zurueck {
	background-position: 0 0;
}

.button_pfeil_weiter { 
	background-position: 0 -22px;
}

.button_pfeil_zurueck_inaktiv {
	background-position: 0 -44px;
}

.button_pfeil_weiter_inaktiv {
	background-position: 0 -66px;
}

.button_pfeil_zurueck_bewertung {
	background-position: 0 -88px;
}

.button_pfeil_weiter_bewertung { 
	background-position: 0 -110px;
}

	.button_pfeil_zurueck a,
	.button_pfeil_weiter a,
	.button_pfeil_zurueck_bewertung a,
	.button_pfeil_weiter_bewertung a,
	.button_pfeil_zurueck_inaktiv span,
	.button_pfeil_weiter_inaktiv span {
		float: left;
		height: 100%;		
		text-indent: -10000px;
		width: 100%;
	}
	
/* 4.5 Grosser Button */	

.button_gross {
	background: url(/img/bg_button_gross_sprite.png) repeat-x 0 -30px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

	.button_gross a {
		color: #FFF;
		text-decoration: none;
	}

		.button_gross a:hover span {
			color: #FFF;	
			text-decoration: underline;
		}
	
	.button_gross span {
		background-image: url(/img/bg_button_gross_sprite.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0 0 0 10px;		
	}

			.button_gross span span {
				background-position: 100% -60px;
				padding: 7px 36px 7px 0;
			}
			
/* zentrierte grosse Buttons am Seitenende (in Specials/Spielen) */			
.center .button_gross {
	margin: 0 0 20px 0;
}			

/* 4.6 Buttons in der Community (phpFox) */	
	
#main input.button,
#TB_window input.button {
	background-color: transparent;
	background-image: url(/img/bg_buttons_phpfox_sprite.png);
	background-repeat: repeat-x;
	border: none;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	height: 22px;
	line-height: 14px;
	margin: 0 10px 0 0;
	overflow: visible;
	padding: 0 5px 0 5px;
	text-align: center;
	vertical-align: top;
}

#main input.button {
	background-position: 0 0;
}

#TB_window input.button {
	background-position: 0 -132px;
	text-shadow: none;	
}

#main input.button:hover,
#TB_window input.button:hover {
	text-decoration: underline;
}	

@-moz-document url-prefix() { 
#main input.button,
#TB_window input.button { 
  padding: 0 5px 2px 5px;
 } 
}			



/* 5 Fortschrittsbalken Community --- */

.fortschrittsbalken,
.fortschrittsbalken_klein {
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #999;
	float: left;
	font-size: 11px;
	line-height: 12px;
	width: 100%;
}

.fortschrittsbalken {
	background-image: url(/img/bg_fortschrittsbalken_neu_sprite.png);
	margin: 5px 0 15px 0;
}

.fortschrittsbalken_klein {
	background-image: url(/img/bg_fortschrittsbalken_klein_neu_sprite.png);
	margin: 0 0 15px 0;
}

	.fortschrittsbalken li,
	.fortschrittsbalken_klein li {
		float: left;
		padding: 5px 0 5px 15px;
		position: relative;
		text-shadow: #FFF 1px 1px 0;	
	}
	
	.fortschrittsbalken li {
		width: 165px;
	}	

	.fortschrittsbalken_klein li {
		width: 171px;
	}

	.fortschrittsbalken .aktiv ,
	.fortschrittsbalken_klein .aktiv {
		color: #FFF;
		font-weight: bold;
		text-shadow: none;
	}			
	
		.fortschrittsbalken a,
		.fortschrittsbalken_klein a {
			color: #333;
			text-decoration: none;
			text-shadow: none;	
		}

			.fortschrittsbalken a:hover,
			.fortschrittsbalken_klein a:hover {
				text-decoration: underline;
			}	

/* Einzelne Schritte */			
.schritt_1 {
	background-position: 0 0;
}

.schritt_2 {
	background-position: 0 -22px;
}

.schritt_3 {
	background-position: 0 -44px;
}

.schritt_4 {
	background-position: 0 -66px;
}

.schritt_5 {
	background-position: 0 -88px;
}		/* Allgemeine CSS-Definitionen fuer den Content

1 Ueberschriften und Absaetze
1.1 Ueberschriften
1.2 Zusatzdefinitionen fuer Seitenueberschriften mit direkt nachfolgenden Boxen 
1.3 Absatztypen und Vorspanntext-Container fuer Nicht-Artikelseiten
1.4 Externe Links im Vorspann-/Artikeltext

2 Boxen, horizontale und vertikale Teaser 
2.1 Header
2.2 Grundlayout Box
2.3 Abschnittsbalken in einer Box mit Link zum Auf-/Zuklappen 
2.4 Box-Footer mit Weiter-Link bzw. mit Link zum Auf-/Zuklappen
2.5 Filter mit Radiobuttons
2.6 Grundlayout vertikaler Teaser
2.7 Grundlayout horizontaler Teaser 

3 Themenauswahl A-Z

4 Container fuer Werbung in der Hauptspalte/Randspalte und fuer externe Widgets

5 Listen
5.1 Grundlayout
5.2 Button-Leiste oberhalb und unterhalb der Liste

6 Rating-Sterne und Fazit
6.1 Rating-Sterne
6.2 Fazit

7 Gemeinsame Elemente fuer Haupt- und breite Spalte
7.1 Box Bilder Uebersicht (Markenbaum/Awards/Galerie) 
7.2 Box Nachrichten Archivsuche (News/Sport)

8 Tabellen
8.1 Standardtabelle
8.2 Markierungen in den Tabellenzellen

9 Lightboxen und Overlay
9.1 Lightbox mit Formular allgemein
9.2 Zusatzdefinition fuer Lightbox mit Formular Freundschaftsanfrage
9.3 Lightbox Auswahl Baureihen im Markenbaum
9.4 Lightbox-Header (phpFox) 
9.5 Lightbox Freundschaftsanfrage (phpFox)
9.6 Overlay 

10 Nummerierung (Formulare/Inhaltsverzeichnis)

*/



/* 1 Ueberschriften und Absaetze --- */

/* 1.1 Ueberschriften */

.seitenueberschrift,
.seitenueberschrift_klein, 
.zwischenueberschrift,
.zwischenueberschrift_wertung,
.teaserueberschrift,
.ueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.seitenueberschrift {
	color: #000;
}

.ueberschrift,
.teaserueberschrift {
	color: #477CB1;
}

.seitenueberschrift,
.seitenueberschrift_klein {
	clear: both;
	line-height: 1.2;
	margin: 0 0 8px 0;
}

	.dachzeile,
	.seitenueberschrift span {
		color: #333;
		display: block;
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 14px;
		margin: 0 0 1px 0;
	}
	
	.seitenueberschrift_klein .formular_fortschritt {
		color: #333;
		display: inline;
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 14px;
		font-weight: bold;
		margin: 0;
	}

.ueberschrift,
.teaserueberschrift,
.zwischenueberschrift,
.zwischenueberschrift_wertung {
	line-height: 1.1;	
}

.seitenueberschrift {
	font-size: 24px;
}

.sport .seitenueberschrift {
	float: left;
	width: 490px;
}

.sport .intro_wide .seitenueberschrift {
	float: none;
	width: auto;
}

.seitenueberschrift_klein {
	font-size: 20px;
} 
	
.ueberschrift {
	font-size: 18px;
}

.side_col .ueberschrift {
	font-size: 14px;
}

.zwischenueberschrift {
	color: #333;
	font-size: 18px;
}

.zwischenueberschrift_wertung {
	display: block;
	font-size: 18px;
}

/* 1.2 Zusatzdefinitionen fuer Seitenueberschriften mit direkt nachfolgenden Boxen */

	h1.typ_1,
	h1.typ_2,
	h1.typ_3,
	h1.typ_4,
	h1.typ_5,
	h1.typ_6,
	h1.typ_7,	
	h2.typ_3,
	h2.typ_4,
	h2.typ_5,
	h2.typ_6 {
		overflow: hidden;
		width: auto;				
	}

/* ohne Dachzeile, Content faengt mit Text an */
	h1.typ_1 { 
		height: 29px;
		margin: 0 0 210px 0;
	}

/* ohne Dachzeile, Content faengt mit Box an */	
	h1.typ_2 { 
		height: 29px;
		margin: 0 0 216px 0;
	}

/* mit Dachzeile, Content faengt mit Text an */
	h1.typ_3 { 
		height: 47px;
		margin: 0 0 192px 0;
	}
	
	h2.typ_3 {
		height: 29px;
		margin: 0 0 193px 0;		
	}

/* mit Dachzeile, Content faengt mit Box an */	
	h1.typ_4 { 
		height: 47px;
		margin: 0 0 188px 0;
	}	

	h2.typ_4 {
		height: 29px;
		margin: 0 0 189px 0;		
	}

/* mit Dachzeile, Sportergebnisse/Heftarchiv/Specialseite mit Box am Anfang */
	h1.typ_5 { 
		height: 47px;
		margin: 0 0 67px 0;
	}
	
	h2.typ_5 { 
		height: 29px;
		margin: 0 0 67px 0;
	}

/* mit Dachzeile, Artikel ohne Galerie */
	h1.typ_6 { 
		height: 47px;
		margin: 0 0 60px 0;
	}
	
	h2.typ_6 { 
		height: 29px;
		margin: 0 0 60px 0;
	}

/* ohne Dachzeile, Markenbaumseite/Erfahrungsbericht ohne Galerie */
	h1.typ_7 { 
		height: 29px;
	}		

/* Sonderfaelle: Seitenueberschriften im Vorspanntext-Container ohne Text */		
	.intro h1.typ_2 { 
		margin: 0 0 206px 0;
	}
	
	.intro h1.typ_4 { 
		margin: 0 0 183px 0;
	}

/* Zusatzdefinition fuer Detailseite Termine */
h1.top_termin {
	background: url(/img/bg_termin.png) no-repeat 100% -22px;
	padding: 0 80px 0 0;
}
	
/* 1.3 Absatztypen und Vorspanntext-Container fuer Nicht-Artikelseiten */

p,
.vorspann,
.interview_frage {
	line-height: 1.5;
}

p,
.vorspann {
	margin: 0 0 15px 0;
}

.vorspann,
.interview_frage {
	font-weight: bold;
}

.interview_frage  {
	background: url(/img/bg_box_neu.png) no-repeat -558px -610px;
	padding: 4px 0 10px 28px;
}

	.vorspann p,
	.interview_frage p {
		margin: 0;
	}

.intro {
	float: right;
	margin: 0 0 10px 0;
	position: relative;
	width: 560px;
}

	.intro ul {
		line-height: 1.5;	
		margin: 0 0 10px 0;
	}

		.intro ul li {
			background: url(/img/bg_bullets_sprite.png) no-repeat 0 -60px;
			padding: 0 0 5px 15px;
		} 

.intro_wide,
.intro_branding {
	float: left;
	margin: 0 0 10px 0;
}

	.intro_wide a,
	.intro_branding a {
		font-weight: bold;
	}

	.intro_branding .seitenueberschrift {
		float: left;
	} 
	
	.intro_branding img {
		float: right;
		margin: 0 0 8px 0;
	}
	
	.intro_branding p {
		clear: both;
	}	

/* 1.4 Externe Links im Vorspann-/Artikeltext */
	
.artikel_content p a,
.intro p a ,
.intro_wide p a {
	font-weight: bold;
}
	
div[class="artikel_content"] p a,
div[class="intro"] p a ,
div[class="intro_wide"] p a {
	background: url(/img/bg_link_extern.png) no-repeat left center;
	padding: 0 0 0 14px;		
}	

.artikel_content p .itxtrst,
.intro p .itxtrst,
.intro_wide p .itxtrst,
.artikel_content p a[href*="www.sportauto-online.de"],	
.artikel_content p a[href*="sportauto-online.de"],
.artikel_content p a[href^="/"],
.intro p a[href*="www.sportauto-online.de"],		
.intro p a[href*="sportauto-online.de"],
.intro p a[href^="/"],
.intro_wide p a[href*="www.sportauto-online.de"],
.intro_wide p a[href*="sportauto-online.de"],
.intro_wide p a[href^="/"] {
	background: none;
	padding: 0;
}	



/* 2 Boxen, horizontale und vertikale Teaser --- */

/* 2.1 Header */

.kopfzeile {
	background: #FFF url(/img/bg_box_neu.png) repeat-x 0 -54px;
  border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;	
	clear: both;
	font-size: 11px;
	line-height: 12px;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}
	
	.kopfzeile h1,
	.kopfzeile h2,
	.kopfzeile span {
		color: #FFF;
		font-weight: bold;
	}

	.main_col .kopfzeile {
		width: 550px;
	}
	
	.side_col .kopfzeile {
		width: 310px;
	}	
	
	.wide_col .kopfzeile {
		width: 890px;
	}

/* Zusatzklasse fuer graue Header */	
.archiv {
	background: url(/img/bg_box_archiv_neu.png) repeat-x 0 -22px;
}

/* 2.2 Grundlayout Box */

.box {
	background: #FCFCFC;
	border-bottom: 1px #E1E1E1 solid;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
  border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;		
	float: left;
	margin: 0 0 30px 0;
}

.abstand {
	clear: both;
	height: 35px;
}

.main_col .box {
	font-size: 13px;
	width: 558px;
}

.wide_col .box {
	font-size: 13px;
	width: 898px;
}

.side_col .box {
	color: #333;
	font-size: 11px;
	width: 318px;
}

	.side_col .box p {
		line-height: 1.4;
	}

	.box .eintrag,
	.box .links {
		float: left;
	}
	
	.box .eintrag {
		border-top: 1px #EEE solid;
		padding: 10px;
	}

	.box .links {
		padding: 0 10px 0 0;
	}

	.box .rechts {
		float: right;
	}

/* 2.3 Abschnittsbalken in einer Box mit Link zum Auf-/Zuklappen */
	
	.abschnitt {
		background-color: #E7E7E7;
		background-image: url(/img/bg_box_neu.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		border-bottom: 1px solid #E2E2E1;		
		border-top: 1px solid #E2E2E1;
		clear: both;
		color: #262626;		
		float: left;
		font-size: 12px;
		font-weight: bold;
		line-height: 13px;
		margin: 10px 0 0 0;	
		padding: 3px 10px 2px 10px;
		text-decoration: none;
	}
	
	.main_col .abschnitt {
		width: 538px;
	}
	
	.wide_col .abschnitt {
		width: 878px;
	}	
		
a.geoeffnet {
	background-position: 100% -18px;
}

a.geschlossen {
	background-position: 100% -36px;
}	

/* 2.4 Box-Footer mit Weiter-Link bzw. mit Link zum Auf-/Zuklappen */
	
	.box .weiter,
	.box .weniger,
	.box .mehr {
		border-top: 1px #EEE solid;
		clear: both;
		font-size: 12px;
		line-height: 15px;
		height: 21px;
		padding: 7px 0 0 0;
		position: relative;
		z-index: 2;
	}

	.main_col .box .weiter,	
	.main_col .box .weniger,
	.main_col  .box .mehr {	
		width: 558px;
	}

	.side_col .box .weiter,		
	.side_col .box .weniger,
	.side_col .box .mehr {
		width: 318px;
	}
	
		.box .weiter a,
		.box .weniger span,
		.box .weniger a,
		.box .mehr a {
			background-image: url(/img/bg_box_neu.png);
			background-repeat: no-repeat;			
			color: #333;
			font-weight: bold;
			position: absolute;
		}
		
		.box .weiter a {
			background-position: 100% -269px;
			padding: 1px 32px 7px 0;
			bottom: -1px;
			right: 6px;			
		}		
		
		.box .weniger a,
		.box .weniger span {
			background-position: 100% -122px;
			padding: 8px 40px 0 0;
			right: 10px;			
			top: -1px;
		}
		
		.box .mehr a {
			background-position: 100% -76px;
			padding: 1px 40px 7px 0;
			bottom: -1px;
			right: 10px;			
		}

		.box .weiter a:hover,		
		.box .weniger a:hover,
		.box .mehr a:hover {
			color: #477CB1;
		}

/* Menue mit weiterfuehrenden Links */
		.box .mehr a.aktiv {
			background-position: 100% -99px;
			color: #477CB1;
			z-index: 100;
		}

	.box .mehr ul {
		background: #666 url(/img/bg_box_neu.png) no-repeat 0 100%;
		border: 1px solid #333;
		display: none;
		font-size: 12px;
		line-height: 1.5;
		margin: 28px 0 0 0;
		padding: 2px 10px 5px 10px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 3;
	}

		.box .mehr li {
			background: url(/img/bg_bullets_sprite.png) no-repeat -36px -28px;
			padding: 0 0 0 8px;
			text-align: left;
		}
		
			.box .mehr li a {
				background: none;
				color: #F0F0F0;
				float: none;
				font-weight: normal;
				margin: 0;
				padding: 0;
				position: static;
			}
			
			.box .mehr li a:hover {
				color: #CCC;
			}			

/* 2.5 Filter mit Radiobuttons */

.filter {
	border-bottom: 1px #EEE solid;
	float: left;
	width: 100%;
} 

	.filter p {
		background: url(/img/icon/sprite_icons.png) no-repeat 10px -317px;
		float: left;
		font-weight: bold;
		line-height: 1.0;
		height: 21px;
		margin: 0;
		padding: 7px 0 0 33px; 
	}

	.filter div {
		background: url(/img/bg_box_neu.png) no-repeat -897px -237px;	
		float: right;
		height: 24px;
		padding: 4px 10px 0 11px;
	}

		.filter label,
		.filter input {
			display: inline-block;
			vertical-align: middle;
		}
			
		.filter label {
			font-weight: normal;
			line-height: 1.5;		
			padding: 0 0 0 2px;
		}		
			
		.filter input {
			padding: 0;
		}
		
/* 2.6 Grundlayout vertikaler Teaser */

.teaser_vertikal {
	float: left;
	margin: 0 0 40px 0;	
	overflow: hidden;
}

	.teaser_vertikal .eintrag {
		float: left;
	}
	
	.teaser_vertikal  strong {
		display: block;
	}	

	.teaser_vertikal h2,
	.teaser_vertikal h3,
	.teaser_vertikal strong {
		margin: 0 0 4px 0;
	}	
	
	.teaser_vertikal h2 {
		font-size: 12px;
	}	
	
	.teaser_vertikal h3,
	.teaser_vertikal strong {
		font-size: 11px;
	}

		.teaser_vertikal h2 a,	
		.teaser_vertikal h3 a,
		.teaser_vertikal strong a {
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}

		.teaser_vertikal h2 a:hover,
		.teaser_vertikal h2 a:hover span,		
		.teaser_vertikal h3 a:hover,
		.teaser_vertikal h3 a:hover span,
		.teaser_vertikal strong a:hover,
		.teaser_vertikal strong a:hover span {
			color: #000;
		}

		.teaser_vertikal h2 a:hover span,
		.teaser_vertikal h3 a:hover span,
		.teaser_vertikal strong a:hover span {
			text-decoration: underline;
		}	
			
	.teaser_vertikal img {
		margin: 0 0 7px 0;
	}
	
	.teaser_vertikal p {
		line-height: 1.4;
		margin: 0;
	}			

/* vertikaler Teaser ohne Boxlayout */		
	.teaser_vertikal .innen {
		float: left;
	}
	
/* vertikaler Teaser mit Boxlayout */	
	.teaser_vertikal .box {
		margin: 0;
	}
	
		.teaser_vertikal .box .eintrag {
			border-top: none;
		}

/* 2.7 Grundlayout horizontaler Teaser */

.teaser_horizontal {
	float: left;
	margin: 0 0 40px 0;	
}

	.teaser_horizontal .eintrag {
		float: left;
	}

	.teaser_horizontal  h4 {
		font-size: 11px;
		margin: 0 0 4px 0;
	}

		.teaser_horizontal h4 a {
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
					
		.teaser_horizontal h4 a:hover,
		.teaser_horizontal h4 a:hover span {
			color: #000;
		}
		
		.teaser_horizontal h4 a:hover span {
			text-decoration: underline;
		}
		
	.teaser_horizontal p,
	.teaser_horizontal ul {
		line-height: 1.4;
	}		

/* weiterfuehrende Links in Listenform */	
	.teaser_horizontal  ul {
		border-top: 1px #EEE solid;
		clear: both;
		font-size: 11px;
		font-weight: bold;				
		padding: 9px 10px 1px 10px;
	}
	
		.teaser_horizontal li { 	
			background: url(/img/bg_bullets_sprite.png) no-repeat -15px -45px;
			padding: 0 0 7px 20px;
		}
		
			.teaser_horizontal li a {
				color: #333;
				text-decoration: none;
			}
			
			.teaser_horizontal li a:hover {
				color: #000;
				text-decoration: underline;
			}	
	
/* horizontaler Teaser mit Boxlayout */
	.teaser_horizontal .box {
		margin: 0;
	}
	
		.teaser_horizontal .box .weiter,
		.teaser_horizontal .box .weniger,
		.teaser_horizontal  .box .mehr {
			font-size: 11px;
		}
		
/* Zusatzklassen fuer Ausrichtung der Teaser in der breiten Spalte */		
.links {
	float: left;
}

.rechts {
	float: right;
}



/* 3 Themenauswahl A-Z --- */

.liste_themen {
	float: left;
	font-size: 12px;
	line-height: 1.2;
	width: 50%;
}		

	.liste_themen li {
		background: url(/img/bg_bullets_sprite.png) no-repeat -65px 3px;
	  padding: 3px 20px 5px 12px;
	}

		.liste_themen a {
			color: #333; 
		}

		.liste_themen a:hover {
			color: #477CB1; 
		}		
		

		
/* 4 Container fuer Werbung in der Hauptspalte/Randspalte und fuer externe Widgets --- */

.ad_banner {
	float: left;
	margin: 0 0 30px 0;
	text-align: center;
	width: 100%;
}

/* Werbung mit Bild und Text */
	.main_col .ad_banner .kopfzeile,
	.wide_col .ad_banner .kopfzeile,
	.side_col .ad_banner .kopfzeile {
		text-align: left;
	}

	.main_col .ad_banner .kopfzeile,
	.wide_col .ad_banner .kopfzeile {
		background: url(/img/bg_box_archiv_neu.png) repeat-x 0 0;	
		font-weight: normal;
	}
	
		.main_col .ad_banner .kopfzeile span,
		.wide_col .ad_banner .kopfzeile span {
			color: #666;
			text-shadow: #FFF 1px 1px 0;				
		}

	.ad_banner  .innen {
		background: #FCFCFC;
		border: 1px #E1E1E1 solid;		
		border-radius: 4px;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		float: left;
		font-size: 13px;
		padding: 10px;
		width: 538px;
	}
			
		.ad_banner  .links {
			padding: 0 10px 0 0;
			width: 170px;
		}
		
			.ad_banner .links img {
				height: 113px;
				width: 170px;
			}		

		.ad_banner  .rechts {
			text-align: left;		
			width: 358px;
		}
		
			.ad_banner .rechts h2,
			.ad_banner .rechts .dachzeile {
				color: #666;
				display: block;		
				font-size: 12px;
			}
			
			.ad_banner .rechts h3,
			.ad_banner .rechts .ueberschrift {
				color: #333;
				display: block;
				font-size: 18px;
				font-weight: bold;
				line-height: 1.1;	
			}
				
			.ad_banner  .rechts a {
				color: #333;
				text-decoration: none;
			}

			.ad_banner .rechts a:hover {
				color: #000;
				text-decoration: underline;				
			}						

/* Werbung in einer Box bzw. Liste */				
.box .ad_banner {
	background: #EDEDED;
	margin: 0;
	padding: 10px;
	width: 538px;	
}

	.box .ad_banner .innen {
		background: #EDEDED;
		color: #666;		
		border: none;
		padding: 0;
	}
	
		.box .ad_banner .innen a:hover {
			text-decoration: underline;
		}

		.box .ad_banner .innen small {
			font-size: 12px;
		}
			
		.box .ad_banner .innen p {
			color: #333;
		}	

/* Werbung im Introtext (Markenbaum) und im Artikeltext */	
.intro .ad_banner,
.artikel_content .ad_banner {
	float: right;
	margin: 5px 0 20px 20px;
	width: auto;
}				

/* AdSense Werbung im Artikeltext */
.artikel_content .adsense {
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
}

/* AdSense Werbung in der Box */
.is_google_search {
	border-bottom: 1px #EEE solid;
	padding: 5px 6px 5px 6px;    
}

/* externes Widget */
.widget_extern {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width: 100%;
}

/* Facebook Widget */
.widget_facebook {
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}



/* 5 Listen --- */

/* 5.1 Grundlayout */

.liste {
	border-top: 1px #E1E1E1 solid;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}

	.liste .eintrag {
		border-bottom: 1px #E1E1E1 solid;
		clear: both;
		float: left;
		padding: 1px 0 1px 0;
		width: 100%;
	}

		.liste .eintrag .innen {
			clear: both;
			float: left;
			padding: 3px 0 3px 0;
			width: 100%;
		}
		
		.liste .eintrag .links,
		.liste .eintrag .mitte,
		.liste .eintrag .rechts {
			clear: none;
			float: left;
			width: auto;
		}
		
		.liste .eintrag .links {
			padding: 0 0 0 4px;
		}		

		.liste .eintrag .mitte,
		.liste .eintrag .rechts {
			padding: 0;
		}
		
		.liste .eintrag .checkbox_radio div {
			float: none;
			padding: 21px 5px 0 0;
			width: auto;
		}

/* 5.2 Button-Leiste oberhalb und unterhalb der Liste */	

#main .buttons_liste {
	color: #333;
	float: left;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}
	
	#main .buttons_liste div {
		clear: none;
	}
	
	#main .buttons_liste .auswahl,
	#main .buttons_liste .button,
	#main .buttons_liste .button_inaktiv {
		float: right;
	}
	
	#main .buttons_liste .auswahl {
		padding: 4px 10px 0 0;
		width: auto;
	}
	
		#main .buttons_liste .auswahl a {
			color: #333;
		}
		
		#main .buttons_liste .auswahl a:hover {
			color: #000;
		}		
	
	#main .buttons_liste .button,
	#main .buttons_liste .button_neu,
	#main .buttons_liste .button_inaktiv	{
		margin: 0;
	}

	#main .buttons_liste .button_zurueck {
		margin: 0 10px 0 0;
	}
	


/* 6 Rating-Sterne und Fazit --- */

/* 6.1 Rating-Sterne */

.rating_0,
.rating_1,
.rating_2,
.rating_3,
.rating_4,
.rating_5,
.rating_6,
.rating_7,
.rating_8,
.rating_9,
.rating_10 {
	background-image: url(/img/bg_rating_sprite.png);
	background-repeat: no-repeat;
}

.rating_10 {
	background-position: 0 0;
}

.rating_9 {
	background-position: 0 -20px;
}

.rating_8 {
	background-position: 0 -40px;
}

.rating_7 {
	background-position: 0 -60px;
}

.rating_6 {
	background-position: 0 -80px;
}

.rating_5 {
	background-position: 0 -100px;
}

.rating_4 {
	background-position: 0 -120px;
}

.rating_3 {
	background-position: 0 -140px;
}

.rating_2 {
	background-position: 0 -160px;
}

.rating_1 {
	background-position: 0 -180px;
}

.rating_0 {
	background-position: 0 -200px;
}

	.rating_0 span,
	.rating_1 span,
	.rating_2 span,
	.rating_3 span,
	.rating_4 span,
	.rating_5 span,
	.rating_6 span,
	.rating_7 span,
	.rating_8 span,
	.rating_9 span,
	.rating_10 span {
		background: #E6E6E6;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #808080;
		float: right;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 1;
		margin: 1px 0 0 0;
		padding: 3px;
		text-align: right;
		text-shadow: 1px 1px 0px #FFF;
	}

/* Zusatzklasse fuer kleine Sterne */
.sterne_klein {
	background-image: url(/img/bg_rating_sprite_small.png);
	text-indent: -10000px;
}

/* Rating in einer Artikelliste */
div.rating_0,
div.rating_1,
div.rating_2,
div.rating_3,
div.rating_4,
div.rating_5,
div.rating_6,
div.rating_7,
div.rating_8,
div.rating_9,
div.rating_10 {
	float: right;
	width: 110px;
}

/* 6.2 Fazit */
	
#main .empfehlenswert {
	background: #339900;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 1px 4px 2px 4px;
}	
	
	

/* 7 Gemeinsame Elemente fuer Haupt- und breite Spalte --- */
	
/* 7.1 Box Bilder Uebersicht (Markenbaum/Awards/Galerie) */

.bilder_uebersicht {
	padding: 0 0 10px 0;
}
	
	.bilder_uebersicht .block {
		clear: both;
		width: 100%;
	}
	
	.bilder_uebersicht .eintrag {
		padding: 10px 5px 7px 5px;
	}
	
		.bilder_uebersicht .eintrag div {
			float: left;
			padding: 0 5px 0 5px;
		}
		
			.bilder_uebersicht .eintrag a {
				text-decoration: none;
			}		
		
				.bilder_uebersicht img {
					margin: 0 0 3px 0;
				}
			
				.bilder_uebersicht strong {
					color: #333;
					display: block;
					font-size: 12px;
					font-weight: normal;
					text-align: center;
					text-decoration: underline;
				}

				.bilder_uebersicht a:hover strong {
					color: #477CB1;
				}
		
/* Zusatzdefinitionen fuer einzelne Spalten */
	.main_col .bilder_uebersicht .eintrag {
		width: 548px;
	}

	.wide_col .bilder_uebersicht .eintrag {
		width: 888px;
	}

/* 7.2 Box Nachrichten Archivsuche (News/Sport) */

.archivsuche {
	background: #EFEFEF url(/img/bg_box_archiv_neu.png) no-repeat 0 -44px;
	height: 48px;
	padding: 0 10px 0 10px;
}

	.archivsuche div {
		float: right;
		padding: 4px 0 0 10px;
	}
	
	.archivsuche .trenner {
		background: url(/img/bg_box_archiv_neu.png) no-repeat 100% -92px;	
		padding: 4px 12px 0 10px;
	}

	.archivsuche label {
		display: block;
		line-height: 14px;
		padding: 0 0 2px 0;
	}

	.archivsuche select {
		width: 150px;
	}

	.archivsuche .hinweis {
		float: left;
		color: #999;
		padding: 6px 0 0 30px;
	}

	.archivsuche b {
		color: #333;
		font-size: 18px;
		font-weight: bold;
	}
	
	.archivsuche .button_weiter {
		display: inline;
		margin: 19px 0 0 40px;
	}

/* Zusatzdefinitionen fuer einzelne Spalten */	
.main_col .archivsuche,
.wide_col .archivsuche {
	font-size: 11px;
}

.main_col .archivsuche {
	width: 538px;	
}

	.main_col .archivsuche div,
	.main_col .archivsuche select {
		width: 125px;
	}

.wide_col .archivsuche {
	width: 878px;	
}

	.wide_col .archivsuche div,
	.wide_col .archivsuche select {
		width: 150px;
	}
	


/* 8 Tabellen --- */

/* 8.1 Standardtabelle */

table.typ_1 {
	border-bottom: 1px #EEE solid;
	border-collapse: collapse;
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
	width: 100%;
}

	.typ_1 th {
		background: url(/img/bg_box_neu.png) repeat-x 0 -168px;
		border-bottom: 1px #E2E2E1 solid;
		color: #262626;
		line-height: 13px;
		font-weight: bold;
		padding: 14px 8px 2px 8px;
		text-align: left;
	}

	.typ_1 td {
		border-top: 1px #EEE solid;
		padding: 7px 8px 7px 8px;
	}

		.typ_1 td b {
			color: #333;
		}
		
	.typ_1 tr:first-child td {
		border-top: none;
	}		
	
	.typ_1 .abstand {
		border: none;
		height: auto;
	}
		
		.typ_1 .col_1 a {
			font-weight: bold;
		}

/* einzige bzw. letzte Tabelle in einer Box */
		#main .main_col table.last,
		#main .wide_col table.last {
			border-bottom: none;
			margin: 0;
		}
		
/* eingerueckte Inhalte im Bereich Sport wg. Flaggen */
		.mit_flagge,
		.typ_1 span {
			text-indent: 26px;
		}		

		.typ_1 span {
			display: block;
		}
		
/* 8.2 Markierungen in den Tabellenzellen */

.typ_1 .mark_1,
.typ_1 .mark_2 {
		padding: 4px 8px 4px 4px;
}

	.typ_1 .mark_1 em,
	.typ_1 .mark_2 em {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		display: inline-block;
		font-style: normal;
		width: 22px;
		padding: 3px 0 3px 0;
		text-align: center;
	} 

	.typ_1 .mark_1 em {
		background: #FFCC00;
		color: #000;
	}

	.typ_1 .mark_2 em {
		background: #333;
		color: #FFF;
	} 
		


/* 9 Lightboxen und Overlay --- */

/* 9.1 Lightbox mit Formular allgemein */

.lightbox_formular {
	height: auto;
	position: absolute;
	width: 510px;
	z-index: 2000;
}

	.lightbox_formular .top,
	.lightbox_formular .content,
	.lightbox_formular .bottom {
		background-image: url(/img/bg_lightbox.png);
	}
	
	.lightbox_formular .top,
	.lightbox_formular .bottom {
		background-repeat: no-repeat;
		height: 11px;
		overflow: hidden;
	}
	
	.lightbox_formular .top {
		background-position: 100% 0;
	}
	
	.lightbox_formular .content {
		background-position: 0 0;
		background-repeat: repeat-y;
	}
	
		.lightbox_formular .innen {
			padding: 6px 17px 20px 31px;
			width: 462px;
		}
	
	.lightbox_formular .bottom {
		background-position: 100% -9px;
	}
	
	.lightbox_formular .close {
		background: url(/img/bg_box_neu.png) no-repeat -558px -197px;
		float: right;
		height: 19px;
		text-indent: -10000px;
		width: 19px;
	}

	.lightbox_formular .formular {
		margin: 0;
		padding: 0 15px 0 0;
	}
			
			.lightbox_formular .formular select {
				width: auto;
			}
		
			.lightbox_formular .formular  textarea {
				height: 67px;
				width: 442px;
			}

		.lightbox_formular .formular .button_weiter_form_galerie {
			float: left;
			margin: 3px 0 0 0;
		}			
			
/* 9.2 Zusatzdefinition fuer Lightbox mit Formular Freundschaftsanfrage */

	.lightbox_community .top,
	.lightbox_community .content,
	.lightbox_community .bottom {
		background-image: url(/img/bg_lightbox_community.png);
	}
	
	.lightbox_community .bottom {
		background-position:100% -10px;
	}
	
	.lightbox_community .title {
		background: #DD1303;
		color: #FFF;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		left: 11px;
		padding: 5px 9px;
		position: relative;
		width: 470px;
	}

		 .lightbox_community .innen {
			padding: 10px 27px 17px 21px;
		 }

	.lightbox_community .bild_user {
		border: 1px #676767 solid;
		float: left;
		padding: 4px;
	} 
	
	.lightbox_community .formular {
		clear: none;
		float: right;
		width: 327px;
	}
	
		.lightbox_community .formular .benutzer {
			color: #333;
			display: block;
			font-size: 13px;
			font-weight: bold;
			line-height: 1;
			margin: -2px 0 6px 0;
		}
		
		.lightbox_community .formular div {
			padding: 0 0 12px 0;
		}
	
			.lightbox_community .formular label {
				color: #666;
				font-size: 11px;
				font-weight: normal;
			}
			
			.lightbox_community .formular textarea {
				height: 50px;
				width: 296px;
			}
		
		.lightbox_community .formular .button {
			margin: 0;
		}
		
		.lightbox_community .formular .button_aktiv {
			margin: 0 10px 0 0;
		}
			
/* 9.3 Lightbox Auswahl Baureihen im Markenbaum */

.lightbox_baureihen {
	height: auto;
	position: absolute;
	width: 580px;
	z-index: 2000;
}

	.lightbox_baureihen .top,
	.lightbox_baureihen .content,
	.lightbox_baureihen .bottom {
		background-image: url(/img/bg_lightbox_baureihen.png);
		clear: both;
	}
	
	.lightbox_baureihen .top,
	.lightbox_baureihen .bottom {
		background-repeat: no-repeat;
		height: 11px;
		overflow: hidden;
	}
	
	.lightbox_baureihen .top {
		background-position: 100% 0;
	}
	
	.lightbox_baureihen .content {
		background-position: 0 0;
		background-repeat: repeat-y;
		float: left;		
	}
	
		.lightbox_baureihen .innen {
			float: left;
			padding: 0 11px 0 11px;
			width: 558px;
		}
	
	.lightbox_baureihen .bottom {
		background-position: 100% -9px;
	}
	
	.lightbox_baureihen .close {
		background: url(/img/bg_box_neu.png) no-repeat -558px -197px;
		float: right;
		height: 19px;
		margin: 5px 5px 0 0;
		text-indent: -10000px;
		width: 19px;
	}

	.lightbox_baureihen p {
		float: left;	
		font-size: 13px;
		font-weight: bold;
		margin: 5px 0 0 10px;		
	}	
	
	.lightbox_baureihen  .eintrag {
		border-top: 1px #EEE solid;
		float: left;
		padding: 10px 5px 16px 5px;
		width: 548px;
	}
	
		.lightbox_baureihen  .eintrag div {
			width: 127px;
		}

			.lightbox_baureihen .eintrag strong {
				font-weight: bold;
				text-decoration: none;
			}

			.lightbox_baureihen .eintrag a:hover strong {
				text-decoration: underline;
			}	

/* 9.4 Lightbox Header (phpFox)	*/	

#TB_title {
	background-color: #477CB1;
	color: #FFF;
}
			
/* 9.5 Lightbox Freundschaftsanfrage (phpFox) */

#TB_window .freundschaftsanfrage {
	margin: 0;
}

	.freundschaftsanfrage textarea {
		width: 397px;
	}

	.freundschaftsanfrage small {
		font-size: 11px;
	}				
			
/* 9.6 Overlay */
		
#overlay {
	background: #000;
	opacity: 0.50;		
	-moz-opacity: .50; 
	-khtml-opacity: .50;
	filter: alpha(opacity=50);	
	-ms-filter: "alpha(opacity=50)";	
	position: absolute;
	z-index: 1000;
}



/* 10 Nummerierung (Formulare/Inhaltsverzeichnis) --- */

.nummer,
.nummer_aktiv,
.nummer span,
.nummer_aktiv span {
	background: url(/img/bg_buttons_sprite.png) no-repeat 0 0;	
}

.nummer,
.nummer_aktiv {
	float: left;
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 0 5px;
}

	.nummer span,
	.nummer_aktiv span {
		color: #FFF;
		display: block;
		font-weight: bold;
		padding: 5px 5px 5px 0;
		text-align: center;
		text-decoration: none;
		width: 13px;
	}

.nummer {
	background-position: 0 -66px;
}

	.nummer span {
		background-position: 100% -22px;
	}
	
.nummer_aktiv {
	background-position: 0 -176px;
}

	.nummer_aktiv span {
		background-position: 100% -132px;
	}


/* 11 FlipBook */

#fbFooter {
	height: 49px;
	background-color: #FFFFFF;
	background-image: url('http://static.auto-motor-und-sport.de/img/flipBook/footerBackground.gif');
	background-repeat: repeat-x;
}

.fbPaginationMinor {
	color: #FFFFFF;
	margin-left: 10px;
}

#fbContents {
	float: left;
	margin-top: 17px;
	margin-left: 15px;
}

#fbMenu {
	float: right;
	margin-top: 9px;
	margin-right: 15px;
}

#altmsg {
	position: absolute;
	background-color:#000000;
	padding: 20px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-align:center;
}
#altmsg:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a.altlink:link {
	color: #FFFFFF;
}

a.altlink:visited {
	color: #FFFFFF;
}
span#fbCurrentPages{
	color: #FFFFFF;
}
a.altlink:hover{
	color: #FFFFFF;
}
/* XXXXXX Debug */

.debug_error,
.debug_element,
.debug_warning,
.debug_info,
.debug_cache {
	clear: both;
	line-height: 16px;
	margin: 0 0 15px 0;
	padding: 9px;
}

	.debug_error strong,
	.debug_element strong,
	.debug_warning strong,
	.debug_info strong,
	.debug_cache strong {
		font-size: 14px;
	}

	.debug_error p,
	.debug_element p,
	.debug_warning p,
	.debug_info p,
	.debug_cache p	{
		margin: 0;
	}

.debug_error {
	background: #FF9999;
	border: 4px #CC0000 solid;
}

	.debug_error strong,
	.debug_error a	{
		color: #CC0000;
	}

.debug_element {
	background: #99FF99;
	border: 4px #009900 solid;
}

	.debug_element strong,
	.debug_element a	{
		color: #009900;
	}

.debug_warning {
	background: #FFCC66;
	border: 4px #FF6600 solid;
}

	.debug_warning strong,
	.debug_warning a {
		color: #FF6600;
	}

.debug_info {
	background: #99CCFF;
	border: 4px #3366CC solid;
}

	.debug_info strong,
	.debug_info a {
		color: #3366CC;
	}

.debug_cache {
	background: #EEE;
	border: 4px #666 solid;
}

	.debug_cache strong,
	.debug_cache a {
		color: #666;
	}

.debug_lightbox {
	height: auto;
	line-height: 16px;
	position: absolute;
	width: auto;
	z-index: 2000;
}

	.debug_lightbox .top_left,
	.debug_lightbox .top_right,
	.debug_lightbox .bottom_left,
	.debug_lightbox .bottom_right {
		background-image: url(/img/bg_lightbox_top_bottom.png);
		background-repeat: no-repeat;
		height: 11px;
		float: left;
		overflow: hidden;
	}

	.debug_lightbox .top_left,
	.debug_lightbox .top_right {
		padding: 4px 0 0 0;
	}

	.debug_lightbox .bottom_left,
	.debug_lightbox .bottom_right {
		padding: 0 0 4px 0;
	}

	.debug_lightbox .top_left {
		background-position: left top;
	}

	.debug_lightbox .top_right {
		background-position: right top;
	}

	.debug_lightbox .bottom_left {
		background-position: left -85px;
	}

	.debug_lightbox .bottom_right {
		background-position: right -85px;
	}

	.debug_lightbox .content,
	.debug_lightbox .content .content_innen {
		background-repeat: repeat-y;
	}

	.debug_lightbox .content {
		background-image: url(/img/bg_lightbox_content_links.png);
		background-position: left top;
		clear: both;
		padding: 0 0 0 15px;
	}

		.debug_lightbox .content .content_innen {
			background-image: url(/img/bg_lightbox_content.png);
			background-position: right top;
			padding: 0 15px 0 0;
			width: auto;
		}

	.debug_lightbox  a.close {
		background: url(/img/sprite_icons.png) no-repeat 0 -532px;
		clear: both;
		float: right;
		font-weight: bold;
		padding: 0 0 0 17px;
	}

	.debug_lightbox p {
		margin: 0 0 10px 0;
	}

	.debug_lightbox p.ueberschrift {
		color: #666;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 5px 0;
	}

	.debug_lightbox cite {
		display: block;
		margin: 0 0 10px 0;
	}

	.debug_lightbox img {
		margin: 0 0 10px 0;
	}/* Allgemeine CSS-Definitionen fuer Formulare

1 Basisdefinitionen fuer Formularelemente

2 Formularbereich
2.1 Grundlayout
2.2 Fehlermeldungen
2.3 Nummerierte Abschnitte (Hauptspalte)
2.4 Eingabefelder
2.5 Bereich fuer Checkboxen und Radiobuttons (formularuebergreifend)
2.6 Buttons im Formular
2.7 Captcha-Element

3 Spezifische Formularfeldanpassungen (Rapidev-IDs)

*/



/* 1 Basisdefinitionen fuer Formularelemente --- */

label {
	cursor: pointer;
	font-weight: bold;
}

input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 1px;	
}

.box input,
.box select {
	color: #666;
	font-size: 11px;
}

/* Submit-Button als input-Element */
input.submit {
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	line-height: 14px;
	overflow: visible;
	padding: 0 5px 0 5px;
	text-align: center;
	vertical-align: top;
}

/* Browserspez. Sonderregelung fuer Buttons (FF) */
@-moz-document url-prefix() { 
	input.submit { 
		padding: 0 5px 2px 5px;
	} 
}



/* 2 Formularbereich --- */

/* 2.1 Grundlayout */

.vorspann_formular {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.formular {
	clear: both;
	color: #666;
	font-size: 13px;
	margin: 0 0 20px 0;
	min-height: 140px;
	height: auto !important;
	height: 140px;
}

		.formular .zwischenueberschrift {
			display: block;
			font-size: 14px;
			padding: 0 0 13px 0;
		}
		
		.formular p b {
			color: #333;
		}

		.formular p a,
		.formular label a {
			color: #333;
		}

		.formular p a:hover,
		.formular label a:hover {
			color: #477CB1;
		}

	.formular form {
		clear: both;
	}

	.formular div {
		clear: both;
		float: left;
		padding: 0 0 17px 0;
		width: 100%;
	}

		.formular label {
			color: #333;
			display: block;
			padding: 0 0 6px 0;
		}

		.formular div p {
			margin: 0;
			padding: 0 0 4px 0;
		}
		
	.formular .hinweis {
		clear: both;
		font-size: 11px;
		line-height: 13px;
	}

/* optionale Spaltenaufteilung in der breiten Spalte */		
	.formular .links,
	.formular .rechts {
		clear: none;
		padding: 0;
		width: 450px;
	}

/* Geschuetzter Bereich (z.B. fuer RTE-Komponenten mit eigenen CSS-Definitionen) */
	.formular .protected {
		padding: 0;
	}
		
		.formular .protected div {
			clear: none;
			float: none;
			padding: 0;
			width: auto;
		}	
	
/* 2.2 Fehlermeldungen */

.error {
	color: #DE140A;
	font-weight: bold;
	line-height: 1.3;	
	margin: 0 0 10px 0;
}

	.error li {
		padding: 0 0 5px 0;
	}
	
/* fuer die Community (phpFox) */
#main .error_message,
#main .valid_message,
#main .public_message,
#main .message,
#TB_window .error_message,
#TB_window .valid_message,
#TB_window .public_message,
#TB_window .message {
	background: transparent;
	border: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;	
	margin: 0 0 15px 0;
	padding: 0;
}

#main .box .error_message,
#main .box .valid_message,
#main .box .public_message,
#main .box .message {
	font-size: 11px;
	line-height: 1.3;	
	margin: 0 0 10px 0;
}

#main .error_message,
#TB_window .error_message {
	color: #DE140A;
}

#main .valid_message,
#TB_window .valid_message {
	color: #339900;
}

#main .public_message,
#main .message,
#TB_window .public_message,
#TB_window .message {
	color: #666;
}	
		
/* 2.3 Nummerierte Abschnitte (Hauptspalte) */

	.formular .schritt {
		padding: 4px 0 4px 0;
	}

		.schritt .nummer {
			margin: -3px 0 0 0;
			position: relative;
		}
		
		.schritt div {
			clear: none;
			float: right;
			width: 528px;
		}

		.formular .schritt .error {
			float: right;
			width: 528px;
		}		

/* 2.4 Eingabefelder */
		
		.formular input,
		.formular select {
			float: left;		
		}
		
		.formular input {
			width: 344px;
		}
		
		.formular select {
			width: 350px;
		}
		
	.formular .submit {
		display: none;
	}

/* 2.5 Bereich fuer Checkboxen und Radiobuttons (formularuebergreifend) */

/* Hauptspalte */
	.formular .checkbox_radio {
		padding: 0 0 15px 0;
	}	
		
		.formular .checkbox_radio span {
			color: #333;
			display: block;
			font-weight: bold;
			padding: 0 0 4px 0;
		}
		
		.formular .checkbox_radio div {
			clear: none;
			padding: 0 0 6px 0;
		}

			.formular .checkbox_radio label,
			.formular .checkbox_radio input {
				display: inline-block;
				vertical-align: top;
			}
		
			.formular .checkbox_radio label {
				color: #666;
				float: none;
				font-weight: normal;
				line-height: 1.5;
				padding: 0;
			}
			
			.formular .checkbox_radio input {
				float: none;
				padding: 0;
				width: auto;
			}
			
			div[class~="formular"] div[class="checkbox_radio"] input {
				margin: 4px 2px 0 0;
			}
			
/* Randspaltenbox */
	.side_col .checkbox_radio {
		float: left;
		padding: 7px 0 4px 10px;
		width: 308px;
	}	
		
		.side_col .checkbox_radio span {
			display: block;
			font-weight: bold;
			padding: 0 0 4px 0;
		}
		
		.side_col .checkbox_radio div {
			float: left;
			padding: 0 0 6px 0;
			width: 154px;
		}

			.side_col .checkbox_radio label,
			.side_col .checkbox_radio input {
				display: inline-block;
				vertical-align: top;
			}
		
			.side_col .checkbox_radio label {
				font-weight: normal;
				line-height: 1.4;				
				padding: 0;
				width: 128px;
			}
			
			.side_col .checkbox_radio input {
				float: none;
				padding: 0;
				width: auto;
			}
			
			div[class~="side_col"] div[class="checkbox_radio"] input {
				margin: 0 2px 0 0;
			}

				.side_col .checkbox_radio label a {
					color: #333;
				}

				.side_col .checkbox_radio label a:hover {
					color: #477CB1;
				}					

/* Spezielle Definitionen fuer Gebrauchtwagensuche (beide Spalten) */
	#main .checkbox_radio .gs_kleinwagen,
	#main .checkbox_radio .gs_limousine,
	#main .checkbox_radio .gs_kombi,
	#main .checkbox_radio .gs_van,
	#main .checkbox_radio .gs_gelaendewagen,
	#main .checkbox_radio .gs_cabrio,
	#main .checkbox_radio .gs_sportwagen,
	#main .checkbox_radio .gs_andere {
		background-image: url(/img/bg_icons_gebrauchtwagensuche.png);
		background-repeat: no-repeat;
		margin: 0 0 5px 0;
		padding: 0;
	}

		#main  .checkbox_radio .gs_kleinwagen div,
		#main  .checkbox_radio .gs_limousine div,
		#main  .checkbox_radio .gs_kombi div,
		#main  .checkbox_radio .gs_van div,
		#main  .checkbox_radio .gs_gelaendewagen div,
		#main  .checkbox_radio .gs_cabrio div,
		#main  .checkbox_radio .gs_sportwagen div,
		#main  .checkbox_radio .gs_andere div {
			padding: 0 0 10px 0;
		}	
	
	.checkbox_radio .gs_kleinwagen {
		background-position: 155px 0;
	}
	
	.checkbox_radio .gs_limousine {
		background-position: 155px -30px;	
	}
	
	.checkbox_radio .gs_kombi {
		background-position: 155px -60px;	
	}
	
	.checkbox_radio .gs_van {
		background-position: 155px -90px;	
	}
	
	.checkbox_radio .gs_gelaendewagen {
		background-position: 155px -120px;		
	}
	
	.checkbox_radio .gs_cabrio {
		background-position: 155px -150px;		
	}
	
	.checkbox_radio .gs_sportwagen {
		background-position: 155px -180px;		
	}
	
	#main .checkbox_radio .gs_andere {
		background-image: none;
	}

/* 2.6 Buttons im Formular */	
				
/*  Allgemein */
		.formular .button,
		.formular .button_aktiv,		
		.formular .button_inaktiv,
		.formular .button_zurueck,
		.formular .button_weiter,
		.formular .button_weiter_form_galerie,	
		.formular .button_zurueck_form_galerie,				
		.formular .button_weiter_inaktiv	{
			clear: none;		
		}

		.formular .button_neu {
			margin: 3px 0 0 0;
		}
		
		.formular .button,
		.formular .button_aktiv,		
		.formular .button_inaktiv {
			margin: 3px 10px 0 0;
		}	

		.formular .button_zurueck,
		.formular .button_zurueck_form_galerie {
			margin: 3px 0 0 0;
		}

		.formular .button_weiter,
		.formular .button_weiter_inaktiv {
			float: right;
			margin: 3px 0 0 10px;
		}
		
/* Am Formularanfang als Navi */
		.formular .buttons_top {
			padding: 0 0 15px 0;
		}		

			.formular .buttons_top .button,
			.formular .buttons_top .button_aktiv,
			.formular .buttons_top .button_inaktiv {
				margin: 0 10px 0 0;
			}	

/* 2.7 Captcha-Element */

	.formular .captcha {
		width: 528px;
	}
	
		.captcha .captcha_image {
			border: 1px solid #E1E1E1;
			float: left;
			height: 57px;			
			margin: 0 0 8px 0;
			padding: 0;
			width: 300px;
		}
		
		.captcha a {
			float: left;
			font-weight: bold;
			padding: 10px 0 0 10px;
			white-space: nowrap;
		}
		
		.captcha small,
		.captcha input {
			float: left;
		}
	
		.captcha small {
			font-size: 11px;
			line-height: 1;
			padding: 0 0 4px 10px;
		}
		
		.captcha input {
			margin: 0 0 0 10px;		
			width: 145px;
		}

		
		
/* 3 Spezifische Formularfeldanpassungen (Rapidev-IDs) --- */

#community_fahrzeugzulassungsdaten_Erstzulassung_month,
#community_fahrzeugzulassungsdaten_Besitzer_ab_month,
#community_fahrzeugzulassungsdaten_Besitzer_bis_month {
	width: 98px;
}

#community_fahrzeugzulassungsdaten_Erstzulassung_year,
#community_fahrzeugzulassungsdaten_Besitzer_ab_year,
#community_fahrzeugzulassungsdaten_Besitzer_bis_year {
	width: 69px;
}

#strasse,
#liefer_strasse,
#newsletter_subscribe_strasse,
#termin_strasse {
	margin: 0 10px 0 0;
	width: 284px;
}

#hausnummer,
#liefer_hausnummer,
#newsletter_subscribe_hausnummer,
#termin_hausnummer {
	width: 44px;
}

#plz,
#liefer_plz,
#telefon_vorwahl,
#handy_vorwahl, 
#newsletter_subscribe_plz,
#community_benutzerdaten_PLZ,
#community_register_benutzerdetails_PLZ,
#termin_plz,
#termin_teilnehmer,
#termin_strecke {
	margin: 0 10px 0 0;
	width: 44px;
}

#ort,
#liefer_ort,
#telefon_nummer,
#handy_nummer,
#newsletter_subscribe_ort,
#community_benutzerdaten_Ort,
#community_register_benutzerdetails_Ort,
#termin_ort {
	width: 284px;
}

#community_benutzerdaten_Geburtsdatum_day,
#community_benutzerdaten_Geburtsdatum_month,
#termin_anfang_day,
#termin_ende_day,
#termin_meldeschluss_day {
	margin: 0 10px 0 0;
	width: 48px;
}

#day {
	margin: 0 10px 0 0;
	width: 58px;
}

#termin_anfang_month,
#termin_ende_month,
#termin_meldeschluss_month,
#month {
	margin: 0 10px 0 0;
	width: 88px;
}

#kursnummer,
#year,
#community_benutzerdaten_Geburtsdatum_year,
#termin_anfang_year,
#termin_ende_year,
#termin_meldeschluss_year,
#termin_jahrgang_von,
#termin_jahrgang_bis {
	width: 67px;
}

#terminsuche_kategorie,
.termine_clubs #category,
#clubsuche_marke,
#clubsuche_baureihe {
	width: 311px;
}

.termine_clubs #postalcode,
#clubsuche_plz {
	width: 73px;
}

.termine_clubs #circuit,
.termine_clubs #country,
#clubsuche_umkreis,
#clubsuche_land {
	margin: 0 0 0 10px;
	width: 106px;
}/* CSS-Zusatzdefinitionen fuer die Hauptspalte

1 Vorspannbild mit Zoom

2 Artikelteaser (Themenseite/Markenbaum/Artikelseite/Suche/Termine)

3 Markenbaum
3.1 Box Rating
3.2 Box Baureihen
3.3 Box Modelle
3.4 Box Technische Daten (auch fuer Einzeltest/Supertest)
3.5 Box Neuwagen Konfigurator
3.6 Box Angebote (Gebrauchtwagen)
3.7 Box Erfahrungsberichte
3.8 Formular Erfahrungsbericht schreiben

4 Community
4.1 Anmeldung
4.2 Formular Passwort vergessen
4.3 Uebersicht Fahrzeuge (Profil)
4.4 Box Fahrzeugdaten (Profil)
4.5 Login

5 Artikelseite/Sportseite
5.1 Allgemeine Definitionen fuer den Inhalt
5.2 Artikelkopf (auch Sportergebnisse)
5.3 Box Bildergalerie
5.4 Autor
5.5 Box Vorteile/Nachteile
5.6 Box Technische Daten Vergleichstest
5.7 Box Fazit Einzeltest und Vergleichstest
5.8 Box Ergebnisse Sport (wird nicht verwendet)
5.9 Umfrage am Artikel
5.10 Testwertung/Fazit Supertest
5.11 Tabellen Rundenzeiten
5.12 Box mit frei pflegbarer Tabelle
5.13 Inline Video
5.14 Box Download
5.15 Grosse Rennstreckengrafik mit Zoom

6 Gemeinsame Definitionen fuer Markenbaum und Community
6.1 Header Erfahrungsbericht
6.2 Detailansicht Erfahrungsbericht
6.3 Footer Erfahrungsbericht

7 Gemeinsame Definitionen fuer Artikelseite und Community
7.1 Gaestebuchformular fuer eingeloggte User bzw. Kommentarformular
7.2 Header Gaestebucheintrag bzw. Kommentar im Artikel
7.3 Box Kommentare im Artikel / Gaestebuch

8 Sonderseiten
8.1 Suchmodul Allgemein / Testarchiv / Termine / Clubs
8.2 Kontakt
8.3 Bilderraetsel
8.4 Box Heftarchiv
8.5 Newsletter Anmeldung
8.6 Termin eintragen
8.7 Box Top-Termine

9 Voting
9.1 Box Kategorien
9.2 Detailseite Bewerten
9.3 Uebersicht Gesamtwertung
9.4 Prozentbalken

*/



/* 1 Vorspannbild mit Zoom --- */

.vorspannbild,
.vorspannbild_heft {
	left: -335px;
	position: absolute;
	top: 5px;
	z-index: 2;
}

.vorspannbild_heft {
	overflow: hidden;
}	

	.vorspannbild_zoom ,
	.vorspannbild_zoom_heft {
		background: url(/img/bg_play.png) no-repeat bottom right;
		cursor: pointer;
		height: 65px;
		left: -143px;
		position: absolute;
		text-indent: -10000px;
		width: 132px;
		z-index: 3;
	}

	.vorspannbild_zoom {
		top: 161px;
	}	
		
	.vorspannbild_zoom_heft {
		top: 365px;
	}	



/* 2 Artikelteaser (Themenseite/Markenbaum/Artikelseite/Suche/Termine) --- */

.artikelteaser {
	margin: 0;
}

	.artikelteaser .links {
		padding-bottom: 10px;
		width: 170px;
	}

	.artikelteaser .rechts {
		padding-bottom: 7px;
		width: 358px;
	}

	.artikelteaser  p {
		margin: 0;
	}
	
		.artikelteaser  p span {
			color: #999;
		}
	
	.artikelteaser dl {
		float: left;
		width: 100%;
	}
	
	.artikelteaser dt,
	.artikelteaser dd {
		float: left;
		padding: 5px 0 0 0;
	}	
	
	.artikelteaser dt {
		clear: both;
		font-weight: bold;
		width: 77px;
	}
	
	.artikelteaser dd {
		width: 281px;
	}
	
	.artikelteaser em {
		background: #333;
		color: #FFF;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		margin: 0 4px 0 0;
		padding: 0 2px 0 2px;
		text-transform: uppercase; 		
	}		

	.artikelteaser a {
		font-weight: bold;
	}
 		
		.artikelteaser .rechts div,
		.artikelteaser h2,		
		.artikelteaser h3 {
			font-size: 12px;
		}
			
			.artikelteaser .rechts a {
				color: #333;
				text-decoration: none;
			}
				
			.artikelteaser .rechts a:hover {
				color: #000;
			}
				
				.artikelteaser .rechts a:hover span {
					color: #000;
					text-decoration: underline;
				}
					
	.artikelteaser .clear {
		display: none;
	}

/* Eintrag Top-Termin */	
	.artikelteaser .top_termin  {
		background: url(/img/bg_termin.png) repeat-x 0 -212px;
		border: 2px #CC3300 solid;
		padding: 9px 8px 8px 8px;
		position: relative;
	}

	.artikelteaser .top_termin:last-child {	
		border-bottom-left-radius: 4px;
		-khtml-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-khtml-border-radius-bottomright: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;	
	}

		.top_termin .top_termin_markierung {
			background: url(/img/bg_termin.png) no-repeat 0 -69px;
			height: 85px;
			left: 0;
			position: absolute;
			text-indent: -10000px;
			top: 0;
			width: 85px;
			z-index: 1;
		}
	
		.top_termin .ueberschrift {
			color: #CC3300;
		}	



/* 3 Markenbaum --- */

/* 3.1 Box Rating */

.rating_markenbaum {
	background: #FCFCFC url(/img/bg_rating_markenbaum.png) repeat-y left top;
	border-bottom: 1px #E1E1E1 solid;	
	border-right: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;
  border-bottom-left-radius: 0;
	-khtml-border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-khtml-border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	font-size: 11px;
	height: 167px;
	left: -20px;
	overflow: hidden;
	padding: 5px 10px 0 11px;
	position: absolute;
	top: 42px;
	width: 558px;
	z-index: 1;
}

/* Thumbnails mit Rollover */
	.rating_markenbaum .innen {
		float: left;
		width: 580px;
	}
		
		.rating_markenbaum .eintrag {
			float: left;
			height: 97px;
			padding: 0 10px 0 0;
			position: relative;				
			width: 133px;
		}

			.rating_markenbaum .eintrag a {
				height: 92px;
				left: 0;
				position: absolute;
				text-decoration: none;
				top: 0;			
				width: 133px;
			}
		
				.rating_markenbaum .eintrag img {
					padding: 5px 5px 0 5px;	
				}		

				.rating_markenbaum .eintrag span {			
					color: #CCC;
					cursor: pointer;
					font-size: 11px;
					line-height: 12px;
					padding: 5px 5px 0 5px;
					display: none;
					text-align: center;
					width: 123px;
				}			
		
			.rating_markenbaum .eintrag a:hover {
				background: #333;		
				border-radius: 2px;
				-khtml-border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				box-shadow: 1px 1px 1px #CCC;
				-khtml-box-shadow: 1px 1px 1px #CCC;
				-moz-box-shadow: 1px 1px 1px #CCC;
				-webkit-box-shadow: 1px 1px 1px #CCC;			
				height: 108px;
			}

				.rating_markenbaum .eintrag a:hover span,
				.rating_markenbaum .eintrag a:hover span:hover {
					display: block;
				}	
		
/* Rating-Sterne in der Box */
	.rating_markenbaum dl {
		border-top: 1px #EEE solid;
		display: inline;
		float: left;
		margin: 0 0 0 5px;
		padding: 16px 30px 0 0;
		width: 224px;
	}
	
		.rating_markenbaum dt {
			color: #999;
			float: left;
			margin: 0 0 6px 0;
			padding: 0;
			width: 112px;
		}
		
			.rating_markenbaum dt a,
			.rating_markenbaum dt b {
				color: #333;
			}
			
			.rating_markenbaum dt a:hover {
				color: #477CB1;
			}
		
		.rating_markenbaum dd {
			float: left;
			margin: 0 0 6px 0;
			padding: 0;
			width: 112px;
		}
		
	.rating_markenbaum .button_bewerten {
		background: url(/img/bg_top_oder_flop.png) no-repeat right center;
		border-top: 1px #EEE solid;
		float: right;
		padding: 14px 0 15px 10px;
		width: 289px;
	}
	
	.button_bewerten a {
		color: #FFF;	
		display: block;
		height: 36px;
		padding: 5px 0 0 60px;
		text-align: center;
		text-decoration: none;
	}
	
	.button_bewerten a:hover {
		color: #FFF;
	}
	
		.button_bewerten em {
			display: block;		
		}
	
		.button_bewerten em {
			font-size: 18px;
			font-style: normal;
			font-weight: bold;		
			line-height: 1.0;
			text-transform: uppercase;
		}
	
		.button_bewerten span {
			color: #AABED2;
			font-size: 11px;
			line-height: 12px;		
		}
	
/* 3.2 Box Baureihen */	

.baureihen {
	padding: 0;
}

	.baureihen .eintrag {
		padding: 10px 5px 16px 5px;
	}
	
		.baureihen .eintrag div {
			width: 127px;
		}

			.baureihen strong {
				color: #477CB1;
				font-weight: bold;
				text-decoration: none;
			}

			.baureihen a:hover strong {
				color: #000;
				text-decoration: underline;
			}	

/* 3.3 Box Modelle */

.modelle .innen {
	clear: both;
	float: left;
	width: 100%;
}

/* Variante Generationen */
.modelle .eintrag {
	padding: 10px 5px 16px 5px;
}

	.modelle .eintrag div {
		float: left;
		padding: 0 5px 0 5px;
		width: 127px;
	}
	
		.modelle .eintrag a {
			text-decoration: none;
		}	
	
			.modelle img {
					margin: 0 0 3px 0;
			}
		
			.modelle .eintrag strong {
				color: #477CB1;
				display: block;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
			}
			
			.modelle a:hover strong {
				color: #000;
			}

			.modelle .eintrag a:hover strong {
				text-decoration: underline;			
			}			

			.modelle  span {
				font-size: 11px;
				color: #333;
			}

/* Variante Baujahr */
.modelle .abschnitt {
	padding: 3px 10px 2px 8px;
		width: 540px;	
}

/* 3.4 Box Technische Daten (auch fuer Einzeltest/Supertest) */

.technische_daten {
	margin: 0 0 10px 0;
	overflow: hidden;
}

	.technische_daten .abschnitt {
		padding: 3px 10px 2px 8px;
		width: 540px;		
	}

	.technische_daten .col_1 {
		width: 48.5%;
	}

	.technische_daten .col_2 {
		width: 51.5%;
	}
	
	.technische_daten .typ_1 {
		margin: 0 0 18px 0;
	}
	
/* 3.5 Box Neuwagen Konfigurator */

.neuwagen_konfigurieren {
	background: #FCFCFC url(/img/bg_neuwagen_konfigurieren.png) no-repeat right top;
}

	.neuwagen_konfigurieren .eintrag {
		padding: 6px 10px 10px 10px;
		width: 538px;
	}

		.neuwagen_konfigurieren strong {
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			padding: 7px 175px 3px 10px;	
		}
		
		.neuwagen_konfigurieren p {
			color: #333;
			margin: 0;
			padding: 0 175px 10px 10px;	
		}
		
		.neuwagen_konfigurieren label {
			display: block;
			font-size: 12px;
			padding: 0 0 4px 0;
		}		
				
		.neuwagen_konfigurieren .marke {
			float: left;
			padding: 0 21px 0 0;		
			width: 119px;
		}		

		.neuwagen_konfigurieren .modell {
			float: left;
			padding: 0 21px 0 0;		
			width: 189px;
		}		

			.neuwagen_konfigurieren .marke select {
				width: 119px;
			}

			.neuwagen_konfigurieren .modell select {
				width: 189px;
			}
				
		.neuwagen_konfigurieren .button_weiter_form_galerie {
			margin: 16px 0 0 0;
		}

/* 3.6 Box Angebote (Gebrauchtwagen) */

.main_col .angebote {
	margin: 0;
} 

	.angebote .links {
		width: 170px;
	}		

	.angebote .rechts {
		width: 358px;
	}

		.angebote  p {
			clear: both;
			margin: 0;
		}
		
		.angebote strong {
			display: block;
			font-size: 16px;
			margin: 0 0 12px 0;
			width: 100%;
		}		
		
			.angebote a {
				text-decoration: none;
			}

			.angebote a:hover {
				text-decoration: underline;
			}
			
		.angebote .rechts div {
			clear: both;
			float: left;
			margin: 0 0 10px 0;
		}			
			
		.angebote .rechts span {
			background: url(/img/icon/sprite_icons.png) no-repeat 0 -354px;
			float: right;
			font-weight: bold;
			padding: 1px 0 1px 22px;
		}

			.angebote .rechts div span {
				background: #EEE;
				border-radius: 3px;
				-khtml-border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				display: inline-block;
				float: none;
				font-size: 13px;
				margin: 0 10px 0 0;
				padding: 2px 5px 2px 5px;				
			}
		
/* 3.7 Box Erfahrungsberichte */

.main_col .erfahrungsberichte_uebersicht {
	margin: 0;
	padding: 10px 10px 0 10px;
	width: 538px;	
}

	.erfahrungsberichte_uebersicht .eintrag {
		clear: both;
		border: none;
		overflow: hidden;
		padding: 0 0 20px 0;
		width: 538px;			
	}

	.erfahrungsberichte_uebersicht .last {
		padding: 0 0 10px 0;
	}

	.erfahrungsberichte_uebersicht .seitenueberschrift {
		display: block;
		font-size: 18px;
		margin: 0 0 1px 0;
	}

		.erfahrungsberichte_uebersicht .seitenueberschrift a {
			text-decoration: none;
		}
		
		.erfahrungsberichte_uebersicht .seitenueberschrift a:hover {
			text-decoration: underline;
		}

			.erfahrungsberichte_uebersicht .eintrag p a {
				font-weight: bold;
			}

/* 3.8 Formular Erfahrungsbericht schreiben */

.erfahrungsbericht_eingabe {
	padding: 7px 0 0 0;
}

	.erfahrungsbericht_eingabe div {
		padding: 0 0 25px 0;
	}

		.erfahrungsbericht_eingabe input,
		.erfahrungsbericht_eingabe textarea {
			width: 522px;
		}

		.erfahrungsbericht_eingabe select {
			width: auto;
		}

		.erfahrungsbericht_eingabe textarea {
			height: 269px;
		}
		
			.erfahrungsbericht_eingabe .checkbox_radio label {
				width: 452px;
			}

	.ratings {
		overflow: hidden;
	}		
			
		.ratings span {
			color: #333;
			display: block;
			font-weight: bold;
			padding: 0 0 6px 0;
		}
		
		.ratings dl {
			width: 600px;
		}	

			.ratings dt,
			.ratings dd {
				float: left;
				height: 17px;
				margin: 0 0 10px 0;
				overflow: hidden;
				width: 150px;				
			}

			.ratings .gesamt,
			.ratings .gesamt {
				border-top: 1px #E1E1E1 solid;
				margin: 0;
				padding: 5px 0 0 0;
			}

			.ratings .gesamt {
				color: #333;
				font-weight: bold;
			}

				.ratings .gesamt span {
					display: block;
					padding: 0;
					text-indent: -10000px;
				}			

				.ratings .rating {
					clear: none;
					float: none;
					height: 15px;
					padding: 2px 0 0 0;
					width: 80px;
				}	

	.erfahrungsbericht_eingabe .button_weiter_form_galerie {
		float: left;
		display: inline;
		margin: 2px 0 0 32px;	
	}
	
	
	
/* 4 Community --- */	

/* 4.1 Anmeldung */

.bestaetigung {
	margin: 0 0 20px 0;
}

.anmeldung div .hinweis {
	margin: 0;
	padding: 4px 0 0 0;
}

.anmeldung .checkbox_radio label {
	width: 502px;
}

.anmeldung .button_weiter_form_galerie,
.bestaetigung .button_weiter_form_galerie,
.bestaetigung .button_weiter {
	float: left;
	display: inline;
}		

.anmeldung .button_weiter_form_galerie {
	margin: 10px 0 30px 32px;
}

.bestaetigung .button_weiter {
	margin: 0 0 30px 0;
}

/* 4.2 Formular Passwort vergessen */

.main_col .passwort {
	height: auto;
	min-height: 0;
	padding: 10px 0 10px 10px;
	width: 548px;
}

	.passwort .name_email {
		position: relative;
	}
	
		.passwort .name_email div {
			clear: none;
			padding: 0;
			width: 50%;
		}

			.passwort .name_email input {
				width: 194px;
			}
		
	.passwort .name_email .oder {
		font-size: 13px;
		font-weight: normal;
		left: 41%;
		margin: 0;
		position: absolute;
		top: 0;
		width: auto;		
	}
	
/* Captcha-Element von phpFox */
		.captcha_wrapper .captcha {
			border: 1px #E1E1E1 solid;
			width: auto;
		}

		.captcha_wrapper a,
		#js_captcha_process, 
		.captcha_wrapper small,
		.captcha_wrapper input {
			display: inline;
			float: left;		
		}
		
		.captcha_wrapper a {
			margin: 0 10px 10px 0;					
		}
				
		.captcha_wrapper small,
		.captcha_wrapper input {
			margin: 0 10px 0 0;					
		}
		
		.captcha_wrapper small {
			font-size: 11px;
		}
		
		.captcha_wrapper input {
			width: 50px;
		}	

/* 4.3 Uebersicht Fahrzeuge (Profil) */

.fahrzeuge_profil {
	padding: 0;
}

	.fahrzeuge_profil .eintrag {
		padding: 10px 5px 16px 5px;
	}
	
		.fahrzeuge_profil .eintrag div {
			width: 127px;
		}

			.fahrzeuge_profil strong {
				color: #477CB1;
				font-weight: bold;
				text-decoration: none;
			}

			.fahrzeuge_profil a:hover strong {
				color: #000;
				text-decoration: underline;
			}

/* 4.4 Box Fahrzeugdaten (Profil) */
	
.fahrzeugdaten .col_1 {
width: 48.5%;
}

.fahrzeugdaten .col_2 {
width: 51.5%;
}

/* 4.5 Login */

.main_col .nicht_eingeloggt {
	padding: 10px 0 10px 10px;
	position: relative;
	margin: 0 0 15px 0;
	width: 548px;
}

	.nicht_eingeloggt p {
		margin: 0 0 15px 0;
	}

	.nicht_eingeloggt div {
		float: left;
		padding: 0 74px 20px 0; 
		width: 200px;
	}

		.nicht_eingeloggt label {
			display: block;
			padding: 0 0 6px 0;
		}
	
		.nicht_eingeloggt input {
			width: 193px;
		}	

.passwort_vergessen {
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 10px;
}		
		
.oder {
	clear: both;
	display: block;
	font-size: 20px;
	font-weight: bold;	
	margin: 0 0 15px 0;
	text-align: center;
}			



/* 5 Artikelseite/Sportseite --- */

/* 5.1 Allgemeine Definitionen fuer den Inhalt */

.artikel_content {
	padding: 0 0 10px 0;
}

	.artikel_content .zwischenueberschrift {
		display: block;
		padding: 7px 0 11px 0;
	}

	.artikel_content .zwischenueberschrift_wertung {
		clear: both;
		padding: 7px 0 10px 0;
	}
	
	.artikel_content ul,
	.artikel_content ol {
		line-height: 1.5;	
		margin: 0 0 10px 0;
	}

		.artikel_content ul li {
			background: url(/img/bg_bullets_sprite.png) no-repeat 0 -60px;
			padding: 0 0 5px 15px;
		} 

		.artikel_content ol li {
			list-style-type: decimal;
			margin: 0 0 5px 32px;
		}		

	.artikel_content p ul,
	.artikel_content p ol {
		margin: 0;
	}		
		
	.artikel_content .kopfzeile {
		float: left;
		margin: 10px 0 0 0;
	}
	
	.artikel_content .button_weiter,
	.artikel_content .button_zurueck_inaktiv {
		margin: 15px 0 20px 0;
	}

.artikel_bild {
	margin: 0 0 20px 0;
}
	
/* 5.2 Artikelkopf (auch Sportergebnisse) */

.artikel_kopf {
	background: #FCFCFC;
	border-bottom: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	left: 0;
	padding: 3px 3px 3px 7px;
	position: absolute;
	top: 56px;
	width: 550px;
	z-index: 1;
}

	.artikel_kopf small {
		float: left;
		padding: 3px 0 3px 0;	
	}

	.artikel_kopf a {
		color: #666;
	}
	
	.artikel_kopf a:hover {
		color: #477CB1;
	}

	.artikel_kopf dl {
		float: right;
		padding: 0 4px 0 20px;
	}

		.artikel_kopf dt,
		.artikel_kopf dd {
			float: left;
			padding: 3px 0 3px 0;
		}
		
		.artikel_kopf dd {
			text-indent: -10000px;
			width: 75px;
		}
		
	.artikel_kopf .auswahl {
		float: right;
	}

	.artikel_kopf label,
	.artikel_kopf select {
		vertical-align: middle;
	}
	
	.artikel_kopf select {
		font-size: 11px;	
	}

	.artikel_kopf .facebook {
		float: right;
		height: 20px;
		overflow: hidden;
		width: 115px;
	}	
	
	.artikel_kopf .gplus {
		float: right;
		height: 20px;
		overflow: hidden;
		text-align: right;
		width: 70px;
	}
	
	.artikel_kopf .kommentare {
		float: left;
		padding: 3px 0 3px 10px;
	}
	
/* Zusatzdefinitionen fuer Ratingsterne */
			.artikel_kopf ul {
				line-height: inherit;
				margin: 0;
			}
			
				.artikel_kopf ul li {
					background: none;
					margin: 0;
					padding: 0;
				}	

/* 5.3 Box Bildergalerie */

.bildergalerie {
	background: #FCFCFC url(/img/bg_rating_markenbaum.png) repeat-y left top;
	border-bottom: 1px #E1E1E1 solid;	
	border-right: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;
  border-bottom-left-radius: 0;
	-khtml-border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-khtml-border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	left: -20px;
	overflow: hidden;
	padding: 5px 5px 0 14px;
	position: absolute;
	top: 96px;
	width: 560px;
	z-index: 1;
}

	.bildergalerie .eintrag {
		float: left;
		height: 83px;
		position: relative;				
		width: 112px;
	}

		.bildergalerie .eintrag a {
			height: 78px;
			left: 0;
			position: absolute;
			text-decoration: none;
			top: 0;			
			width: 112px;
		}
		
			.bildergalerie .eintrag img {
				padding: 5px 5px 0 5px;	
			}		

			.bildergalerie .eintrag span {			
				color: #CCC;
				cursor: pointer;
				font-size: 11px;
				line-height: 12px;
				padding: 5px 5px 0 5px;
				display: none;
				text-align: center;
				width: 102px;
			}			
		
		.bildergalerie .eintrag a:hover {
			background: #333;		
			border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			box-shadow: 1px 1px 1px #CCC;
			-khtml-box-shadow: 1px 1px 1px #CCC;
			-moz-box-shadow: 1px 1px 1px #CCC;
			-webkit-box-shadow: 1px 1px 1px #CCC;			
			height: 94px;
		}

			.bildergalerie .eintrag a:hover span {
				display: block;
			}	
 			
	.bildergalerie .galerie_footer {
		border-top: 1px #EEE solid;
		clear: both;
		display: inline;
		float: left;
		font-size: 12px;
		margin: 0 0 0 5px;
		padding: 7px 0 7px 0;
		width: 551px;
	}

		.bildergalerie .galerie_footer b {
			float: left;
		}

		.bildergalerie .galerie_footer span {
			float: right;
		}
		
		.bildergalerie .galerie_footer a {
			background: url(/img/icon/sprite_icons.png) no-repeat 0 -385px;
			color: #333;
			display: block;
			padding: 0 0 0 22px;
		}

		.bildergalerie .galerie_footer a:hover {
			color: #477CB1;
		}
			
/* 5.4 Autor */

.artikel_autor {
	background: url(/img/bg_artikel_autor.png) repeat-x 0 0;
	float: left;
	font-size: 12px;
	height: 35px;
	line-height: 17px;
	margin: 0 0 30px 0;
	overflow: hidden;
	width: 100%;
}
	
	.artikel_autor img {
		background: #FFF;
		border-left: 1px #E1E1E1 solid;
		border-right: 1px #E1E1E1 solid;
		border-top: 1px #E1E1E1 solid;  		
		float: left;
		margin: 0 0 0 8px;
		padding: 2px;
	}
	
	.artikel_autor p {
		margin: 0;
	}

	.artikel_autor .name,
	.artikel_autor .namen {
		float: left;	
	}	
	
	.artikel_autor .name {
		padding: 14px 0 0 8px;	
		width: 290px;
	}

	.artikel_autor .namen {
		padding: 14px 0 0 8px;	
		width: 334px;
	}
	
	.artikel_autor .heft {
		float: right;
		padding: 14px 8px 0 0;		
		text-align: right;
		width: 210px;
	}
			
	.artikel_autor a {
		color: #666;
	}

	.artikel_autor a:hover {
		color: #477CB1;
	}			
			
/* 5.5 Box Vorteile/Nachteile */

.vorteile_nachteile {
	background: #FCFCFC url(/img/bg_vorteile_nachteile.png) no-repeat left top;
	margin: 0 0 10px 0;
}

	.vorteile_nachteile .typ_1 {
		background: transparent url(/img/bg_linie_vertikal_2.png) repeat-y center top;
	}
	
		.vorteile_nachteile .typ_1 td {
			line-height: 1.5;		
			width: 50%;
		}

		.vorteile_nachteile p {
			color: #333;
			font-size: 14px;
			font-weight: bold;
			margin: 0;				
		} 		
	
		.vorteile_nachteile ul {
			margin: 0;
		}		
	
			.vorteile_nachteile ul li {
				background: url(/img/bg_bullets_sprite.png) no-repeat -66px 1px;
				padding: 0 0 3px 8px;		
			}

/* 5.6 Box Technische Daten Vergleichstest */

.technische_daten_vergleichstest {
	margin: 0 0 10px 0;
}

	.technische_daten_vergleichstest .typ_1 {
		margin: 0 0 23px 0;
	}

	.technische_daten_vergleichstest select,
	.technische_daten_vergleichstest .fahrzeugname {
	  float: right;
    width: 150px;			
	}
	
	.technische_daten_vergleichstest select {
		margin: 5px 5px 0 5px;
	}

	.technische_daten_vergleichstest .fahrzeugname {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 0 5px;
	}	

	.technische_daten_vergleichstest .abschnitt {
		margin: 5px 0 0 0;
		padding: 3px 10px 2px 8px;
		width: 540px;		
	}

	.technische_daten_vergleichstest .col_1 {
		width: 42%;
	}

	.technische_daten_vergleichstest .col_2 {
		width: 29%;
	}
	
	.technische_daten_vergleichstest .col_3 {
		width: 29%;
	}	
			
/* 5.7 Box Fazit Einzeltest und Vergleichstest */

.fazit_einzeltest,
.fazit_vergleichstest {
	margin: 0 0 20px 0;
}

	.fazit_vergleichstest table {
		border-top: 1px #EEE solid;
	}

		.fazit_einzeltest  .col_1 {
			width: 72%
		}
		
		.fazit_einzeltest  .col_2 {
			width: 23%
		}

		.fazit_einzeltest  .col_3 {
			font-weight: bold;
			width: 5%
		}	

		.fazit_vergleichstest  .col_1 {
			width: 48%
		}	
		
		.fazit_vergleichstest  .col_2  {
			width: 19%
		}

		.fazit_vergleichstest  .col_3 {
			font-weight: bold;
			width: 9%
		}

		.fazit_vergleichstest  .col_4  {
			width: 19%
		}

		.fazit_vergleichstest  .col_5 {
			font-weight: bold;
			width: 5%
		}

	.fazit_vergleichstest select,
	.fazit_vergleichstest .fahrzeugname {
	  float: right;	
	}
	
	.fazit_vergleichstest select {
		margin: 5px 8px 5px 25px;
		width: 122px;		
	}

	.fazit_vergleichstest .fahrzeugname {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 25px;
		width: 131px;		
	}	
	
.bild_test {
	float: right;
	margin: 0 0 10px 10px;
}
		
/* 5.8 Box Ergebnisse Sport (wird nicht verwendet) */

.main_col .sport_ergebnis {
	margin: 0 0 25px 0;
}

	.main_col .sport_ergebnis .col_1 {
		color: #262626;
		font-weight: bold;
	}	
	
/* 5.9 Umfrage am Artikel */

.umfrage_artikel {
	background: #333;
	color: #CECECE;
	float: left;
	font-size: 11px;
	margin: 0 0 30px 0;
	width: 560px;
}

/* Frage */
	.frage {
		padding: 10px;
		width: 540px;
	}

		.frage img {
			float: left;
			padding: 0 10px 0 0;
		}

		.frage strong {
			color: #FFF;
			font-size: 18px;
			line-height: 1.3;
		}

		.mitbild strong {
			float: left;
			width: 330px;
		}

		.ohnebild strong {
			width: 100%;
		}

		.umfrage_artikel .auswahl div {
			background: url(/img/bg_box_umfrage_neu.png) repeat-x 0 -54px;
			float: left;
			padding: 5px 10px 5px 10px;
			width: 540px;
		}

			.umfrage_artikel .auswahl label {
				float: left;
				font-weight: normal;
				padding: 4px 0 4px 0;
				width: 510px;
			}

			.umfrage_artikel .auswahl a {
				background-image: url(/img/bg_box_umfrage_neu.png);
				background-position: 0 -32px;
				background-repeat: no-repeat;
				float: right;
				height: 22px;
				width: 20px;
			}

		.umfrage_artikel .auswahl .checked {
			color: #FFF;
		}

			.umfrage_artikel .auswahl .checked a {
				background-position: 100% -32px;
			}

			.umfrage_artikel .auswahl input {
				display: none;
			}

/* Footer */			
		.umfrage_footer {
			background: url(/img/bg_box_umfrage_neu.png) repeat-x 0 -54px;
			clear: both;
			color: #9C9C9C;
			float: left;
			height: 22px;
			padding: 7px 10px 6px 10px;
			width: 540px;
		}

			.umfrage_footer span {
				float: left;
				padding: 4px 30px 0 0;
			}
			
			#main .umfrage_footer input {
				background: #FEFEFD url(/img/bg_box_umfrage_neu.png) repeat-x 0 -12px;
				border: 1px #FFF solid;
				color: #333;
				float: right;
			}

/* Ergebnisse */
	.ergebnis {
		float: left;
		padding: 10px;
	}

		.ergebnis em {
			color: #EBEBEB;
			float: left;
			font-size: 90px;
			font-style: normal;
			font-weight: bold;
			line-height: 1.0;
			padding: 0 10px 0 0;
			text-align: center;
			width: 225px;
		}

		.ergebnis strong {
			color: #9E9E9E;
			float: left;
			font-size: 13px;
			line-height: 1.2;
			margin: 0 0 7px 0;
			width: 255px;
		}

		.ergebnis p {
			background: #477CB1;
			color: #FFF;
			float: left;
			font-size: 16px;
			font-weight: bold;
			line-height: 1;
			margin: 0;
			padding: 5px 8px;
			width: 239px;
		}

		.antworten div {
			background: url(/img/bg_box_umfrage_neu.png) repeat-x 0 -54px;
			float: left;
			padding: 10px;
			width: 540px;
		}

			.antworten p {
				float: left;
				margin: 0;
				width: 390px;
			}

			.antworten span {
				border: 1px #000 solid;
				background: url(/img/bg_box_umfrage_neu.png) repeat-x 0 0;
				float: right;
				margin: 3px 0 0 0;
				width: 100px;
			}

				.antworten img {
					height: 10px;
				}

			.antworten em {
				float: right;
				font-style: normal;
				padding: 3px 0 0 5px;
				text-align: right;
				width: 30px;
			}
			
/* 5.10 Testwertung/Fazit Supertest */

.wertung,
.fazit {
	float: left;
	width: 100%;
}

.wertung {
	margin: 0 0 15px 0;
}

.fazit {
	margin: 0 0 10px 0;
}

	.wertung dt,
	.wertung dd, 
	.fazit dt,
	.fazit dd {
		float: left;
	}	

	.wertung dt,
	.fazit dt {
		background-image: url(/img/bg_wertung_supertest.png);
		background-position: 0 -50px;
		background-repeat: no-repeat;
		color: #9FB9D3;
		font-size: 10px;
		line-height: 11px;
		margin: 0 15px 0 0;
		text-align: center;
		text-shadow: #051C32 1px 1px 0;		
		width: 80px;
	}
		
	.wertung dd,
	.fazit dd {
		width: 465px;	
	}

	.wertung .mit_zeit {
		background-position: 0 0;
		height: 50px;
	}	
	
		.wertung p,	
		.fazit p {
			margin: 0;
		}

	
		.wertung span,
		.fazit span {
			display: block;
		}
		
			.wertung span span,		
			.fazit span span {
				padding: 4px 0px 4px 0;
			}
			
				.wertung span b, 	
				.fazit span b {
					color: #FFF;
					float: left;
					font-size: 18px;
					font-weight: bold;
					line-height: 1;
					padding: 2px 0 0 0;
					width: 32px;		
				}			

				.wertung em {
					color: #000;
					display: block;
					font-size: 11px;
					font-style: normal;
					font-weight: bold;
					padding: 8px 0 0 0;
					text-shadow: none;
				}			

		.rennstreckengrafik_klein,
		.wertung table,
		.fazit table {
			float: right;
			margin: 0 0 10px 10px;				
		}		
				
		.rennstreckengrafik_klein {
			border: 1px #666 solid;
			padding: 4px;
			position: relative;
			width: 200px;
		}
		
			.rennstreckengrafik_klein .vorspannbild_zoom {
				left: 86px;
				top: 86px;
			}
		
		.wertung table,
		.fazit table {
			border-collapse: collapse;
			font-size: 11px;
			line-height: 1.9;
		}
		
		.wertung table {
			width: 210px;		
		}
		
		.fazit table {
			width: 202px;		
		}		

		dl[class="wertung"] table,
		dl[class="fazit"] table {
			background: #CCC;
			border-collapse: separate;
			border-spacing: 1px;
		}
		
		dl[class="fazit"] table {
			width: 204px;
		}		
		
			.wertung td,
			.fazit td {
				background: #FFF url(/img/bg_wertung_supertest.png) no-repeat 0 100%;
				border: 1px #CCC solid;					
				padding: 2px 6px 2px 6px;				
			} 
		
			dl[class="wertung"] td,
			dl[class="fazit"] td {
				border: 1px #FFF solid;	
			}
			
			.wertung .hinweis,
			.fazit .hinweis {
				color: #666;
				font-size: 10px;
				padding: 3px 6px 4px 6px;				
				line-height: 1.4;
			}
			
			.fazit .bild {
				background: none;
				padding: 0;
			}
			
				.vorderachse,
				.hinterachse {
					background-image: url(/img/bg_wertung_supertest.png);
					background-repeat: no-repeat;
					display: block;
					font-size: 12px;
					font-weight: bold;
					height: 17px;
					line-height: 17px;
					margin: 2px 0 0 0;
					padding: 0 0 2px 20px;
				}
				
				.vorderachse {
					background-position: -87px -17px;
					color: #CC0000;
				}
				
				.hinterachse {
					background-position: -102px 0;
					color: #64A40D;
				}			

/* 5.11 Tabellen Rundenzeiten */

.rundenzeiten_hockenheim,
.rundenzeiten_supertests {
	margin: 0 0 10px 0;
}

		.rundenzeiten_hockenheim th a,
		.rundenzeiten_supertests th a {
			display: inline-block;
			color: #333;
		}
		
		.rundenzeiten_hockenheim td a,
		.rundenzeiten_supertests td a {
			text-decoration: none;
		}		

		.rundenzeiten_hockenheim td a:hover,
		.rundenzeiten_supertests td a:hover {
			text-decoration: underline;
		}

	.rundenzeiten_hockenheim .col_1 {
		width: 73%;
	}		

	.rundenzeiten_hockenheim .col_2 {
		width: 17%;
	}			

	.rundenzeiten_hockenheim .col_3 {
		width: 10%;
	}
	
	.rundenzeiten_supertests .col_1 {
		width: 48%;
	}		

	.rundenzeiten_supertests .col_2 {
		width: 21%;
	}			

	.rundenzeiten_supertests .col_3 {
		width: 21%;
	}			
	
	.rundenzeiten_supertests .col_4 {
		width: 10%;
	}

		.sort_ab,
		.sort_auf {
			background-image: url(/img/bg_pfeile_sort_sprite.png);
			background-repeat: no-repeat;
			padding: 0 15px 0 0;
		}

		.sort_ab {
			background-position: 100% 0;
		}
		
		.sort_auf {
			background-position: 100% -13px;
		}
	
.main_col .rundenzeiten_hinweis {
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;	
	border-top: 1px #E1E1E1 solid;
	font-size: 11px;
	line-height: 12px;
	padding: 10px;
	width: 538px;
}

	.rundenzeiten_hinweis span {
		background: #FFCC00;
		display: inline-block;
		height: 12px;
		margin: 0 10px 0 0;
		width: 12px;
	}
	
	.rundenzeiten_hockenheim .mark_1 em,
	.rundenzeiten_supertests .mark_1 em {
		padding: 3px 4px 3px 4px;
		width: auto;
	}
	
/* 5.12 Box mit frei pflegbarer Tabelle */	

.tabelle .typ_1 {
	border-bottom: none;
}			

/* 5.13 Inline Video */

.inline_video {
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 10px 0 0 0; 
	width: 560px;
}

/* 5.14 Box Download */

.main_col .download {
	font-size: 14px;
}

	.download ul {
		margin: 0;
	}
	
		.download ul li {
			background: none;
			border-top: 1px #EEE solid;
			padding: 0;
		}
		
		.download ul li:first-child {
			border-top: none;
		}
		
			.download a {
				background: url(/img/icon/sprite_icons_download.png) no-repeat 10px 10px;			
				color: #333;
				display: inline-block;
				padding: 10px 10px 10px 42px;				
				text-decoration: none;
			}
			
			.download  span {
				font-weight: bold;
			}
			
			.download a:hover span {
				color: #477CB1;
				text-decoration: underline;
			}
			
/* 5.15 Grosse Rennstreckengrafik mit Zoom */			

.rennstreckengrafik {
  border: 1px #666666 solid;
	padding: 5px;
	position: relative;
	margin: 0 0 30px 0;
	width: 548px;
}

	.rennstreckengrafik .vorspannbild_zoom {
		left: 435px;
		top: 319px;
	}


	

/* 6 Gemeinsame Definitionen fuer Markenbaum und Community --- */

/* 6.1 Header Erfahrungsbericht */

/* Allgemein */
.main_col .erfahrungsbericht_header {
	background: #FCFCFC url(/img/bg_profil_verlauf.png) repeat-y 66px 0;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
	height: 64px;
}

	.main_col .erfahrungsbericht_header .bild {
		display: block;
	}

		.main_col .erfahrungsbericht_header  img {
			background: #FFF;
			border: 1px solid #676767;
			float: left;
			left: 0;
			padding: 3px;
			position: absolute;
			top: -2px;
		}
		
	.main_col .erfahrungsbericht_header small {
		border-bottom: 1px #E1E1E1 solid;
		color: #666;
		display: block;
		font-size: 11px;
		padding: 3px 0 3px 77px;
		width: 482px;
	}
	
	.main_col .box .erfahrungsbericht_header small {
		width: 460px;	
	}

	.main_col .erfahrungsbericht_header ul {
		float: left;
		font-size: 11px;
		line-height: 14px;
		padding: 4px 0 0 77px;
		width: 317px;
	}

		.main_col .erfahrungsbericht_header li {
			clear: both;
		}
	
			.main_col .erfahrungsbericht_header li a {
				background-image: url(/img/icon/sprite_icons_community.png);
				background-repeat: no-repeat;
				color: #333;
				float: left;
				padding: 1px 0 5px 22px;				
			}
			
			.main_col .erfahrungsbericht_header .uebersicht a {
				background-position: 0 0;
			}

			.main_col .erfahrungsbericht_header .erfahrungsberichte a {
				background-position: 0 -192px;
			}			

			.main_col .erfahrungsbericht_header li a:hover {
				color: #477CB1;
			}			

	.erfahrungsbericht_header .rating_0,
	.erfahrungsbericht_header .rating_1,
	.erfahrungsbericht_header .rating_2,
	.erfahrungsbericht_header .rating_3,
	.erfahrungsbericht_header .rating_4,
	.erfahrungsbericht_header .rating_5,
	.erfahrungsbericht_header .rating_6,
	.erfahrungsbericht_header .rating_7,
	.erfahrungsbericht_header .rating_8,
	.erfahrungsbericht_header .rating_9,
	.erfahrungsbericht_header .rating_10 {
		margin: 4px 0 0 0;
		padding: 0 5px 0 0;		
	}
		
	.main_col .erfahrungsbericht_header .datum {
		color: #999;
		float: right;
		font-size: 11px;
		margin: 5px 5px 0 0;
		text-align: right;
		width: 110px;		
	}
	
/* Header in 3.7 Box Erfahrungsberichte */
	.main_col .erfahrungsberichte_uebersicht .erfahrungsbericht_header {
		background: #F3F3F3 url(/img/bg_profil_verlauf.png) repeat-y 66px 100%;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-top: 1px solid #CCC;
		clear: both;
		margin: 1px 0 7px 0;
		position: relative;
		top: 0;
	}

		.main_col .erfahrungsberichte_uebersicht .erfahrungsbericht_header small {
			border-bottom: 1px #DFDFDF solid;	
			color: #333;
		}
	
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_0 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_1 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_2 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_3 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_4 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_5 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_6 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_7 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_8 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_9 span,
			.erfahrungsberichte_uebersicht .erfahrungsbericht_header .rating_10 span {
				background: #DEDEDE;
			}	
	
		.main_col .erfahrungsberichte_uebersicht .erfahrungsbericht_header span.datum {
			color: #666;	
		}
		
/* Header in der 6.2 Detailansicht Erfahrungsbericht */ 		
.main_col .erfahrungsbericht_header {
	clear: none;
	left: 0;
	margin: 1px 0 15px 0;	
	position: absolute;
	top: 244px;
	z-index: 1;
}

.main_col .ohne_galerie {
	top: 40px;
}

/* 6.2 Detailansicht Erfahrungsbericht */

/* Grundlayout */
.erfahrungsbericht_detail {
	clear: both;
	position: relative;
	overflow: hidden;
	padding: 81px 0 0 0;
	width: 560px;
}

	.erfahrungsbericht_detail small {
		color: #999;
		font-size: 11px;
		float: left;
		margin: 3px 0 14px 0;
		width: 429px;
	}
		
	.erfahrungsbericht_detail .seitenueberschrift {
		clear: none;
		color: #333;
		font-size: 18px;
	}
	
	.erfahrungsbericht_detail .facebook_button {
		position: absolute;
		right: 0;
		top: 0;
		width: 79px;
	}
	
	.erfahrungsbericht_detail .ad_banner {
		float: right;
		margin: 5px 0 20px 20px;
		width: auto;
	}	
	
/* Rating-Box im Text */
.main_col .bewertung {
	border-top: 1px #E1E1E1 solid;
  border-bottom-left-radius: 0;
	-khtml-border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-khtml-border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;		
	float: right;
	font-size: 11px;
	margin: 5px 0 20px 20px;
	position: relative;
	width: 298px;
}

	.bewertung p {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 3px 10px 4px 10px;
	}	

	.bewertung dl {
		border-top: 1px solid #EEE;		
		float: left;
		padding: 9px 10px 1px 10px;
		width: 129px;
	}
	
		.bewertung dt,
		.bewertung dd {
			font-weight: bold;
		}

		.bewertung .teilbewertungen dt,
		.bewertung .teilbewertungen dd {
			color: #666;
			font-weight: normal;
			width: 100%;
		}

		.bewertung .teilbewertungen dt {
			margin: 0 0 3px 0;
		}	
		
		.bewertung .teilbewertungen dd {
			margin: 0 0 6px 0;
		}
		
	.bewertung .trenner {
		clear: both;
		padding: 5px 0 5px 10px;
		width: 288px;
	}
	
		.bewertung .trenner dt,
		.bewertung .trenner dd {
			float: left;
			padding: 0 10px 0 0;
			width: auto;		
		}

/* 6.3 Footer Erfahrungsbericht */

.erfahrungsbericht_footer {
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	clear: both;
	margin: 0 0 30px 0;	
	padding: 4px 0 4px 0;
	position: relative;
	width: 560px;
}
	
	.erfahrungsbericht_footer .bold {
		float: left;
		font-size: 11px;
		font-weight: bold;
		padding: 3px 10px 0 0;
	}
		
	.erfahrungsbericht_footer .button,
	.erfahrungsbericht_footer .button_inaktiv {
		margin: 0 7px 0 0;
	}
		
.melden {
	background: url(/img/icon/sprite_icons_community.png) no-repeat 0 -350px;
	color: #333;
	font-size: 11px;
	line-height: 1.5;
	padding: 0 0 0 20px;
	position: absolute;
	right: 0;
	text-decoration: underline;
	top: 6px;	
}

a:hover.melden {
	color: #477CB1;
}	



/* 7 Gemeinsame Definitionen fuer Artikelseite und Community --- */
		
/* 7.1 Gaestebuchformular fuer eingeloggte User bzw. Kommentarformular */

.main_col .kommentar {
	font-size: 11px;
	margin: 0 0 30px 0;
	padding: 10px;
	width: 538px;
}
	
	.kommentar label {
		padding: 0 0 4px 0;
	} 
	
	.kommentar .name_email {
		padding: 0;
	}	
	
		.kommentar .name_email div {
			clear: none;
			width: 50%;
		}

			.kommentar .name_email input {
				width: 194px;
			}			
	
	.kommentar textarea {
		height: 120px;
		width: 482px;
	}
	
	.kommentar .button_weiter_form_galerie {
		float: left;
		margin: 3px 0 0 0;
	}

/* 7.2 Header Gaestebucheintrag bzw. Kommentar im Artikel */

.gaestebuch_header {
	background: #F3F3F3 url(/img/bg_profil_verlauf.png) repeat-y 46px 100%;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;		
	height: 42px;
	margin: 1px 0 1px 0;
	position: relative;
}

	.gaestebuch_header .bild {
		display: block;
	}

		.gaestebuch_header img {
			background: #FFF;
			border: 1px solid #676767;
			float: left;
			left: 0;
			padding: 2px;
			position: absolute;
			top: -2px;
		}
	
	.gaestebuch_header .benutzer,
	.gaestebuch_header small {
		float: left;
		padding: 0 0 0 57px;
	}
	
	.gaestebuch_header .benutzer {
		color: #333;
		font-weight: bold;
		margin: 5px 0 0 0;
	}
	
	.gaestebuch_header a:hover.benutzer {
		color: #477CB1;
	}

	.gaestebuch_header small {
		color: #666;
		clear: left;		
	}
	
/* Bewertung Kommentar */
	.gaestebuch_header .positiv,
	.gaestebuch_header .negativ {
		background-image: url(/img/icon/sprite_icons.png);
		background-repeat: no-repeat;
		color: #666;
		float: right;
		font-size: 11px;
		line-height: 14px;
		margin: 8px 10px 0 6px;
		padding: 1px 0 2px 22px;
		text-decoration: none;
	}

	.gaestebuch_header .positiv {
		background-position: 0 -418px;
	}

	.gaestebuch_header .negativ {	
		background-position: 0 -450px;	
	}

	.gaestebuch_header a:hover.positiv,
	.gaestebuch_header a:hover.negativ {
		color: #477CB1;
	}

/* Kennzeichnung Teammitglied */
.teammitglied {
	background: url(/img/bg_kommentar_teammitglied.png) no-repeat 46px 0; 
}		

/* 7.3 Box Kommentare im Artikel / Gaestebuch */

.main_col .kommentare_uebersicht,
.main_col .gaestebuch_uebersicht {
	padding: 10px 10px 0 10px;
	width: 538px;
}

.kommentare_uebersicht,
.gaestebuch_uebersicht {
	margin: 0;
}

	.kommentare_uebersicht .eintrag,
	.gaestebuch_uebersicht .eintrag {
		border: none;
		float: none;
		padding: 5px 0 10px 57px;
		overflow: hidden;		
		position: relative;
		width: 481px;
	}
	
		.kommentare_uebersicht .eintrag .spam_melden,
		.gaestebuch_uebersicht .eintrag .spam_melden {
			color: #999;
			font-size: 10px;
			font-weight: bold;
			left: 0;
			line-height: 18px;		
			position: absolute;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			top: 0;
			width: 46px;
		}
		
		.kommentare_uebersicht .eintrag a:hover.spam_melden,
		.gaestebuch_uebersicht .eintrag a:hover.spam_melden {
			color: #477CB1;
		}				

	.kommentare_uebersicht .last,
	.gaestebuch_uebersicht .last	{
		padding: 5px 0 0 57px;
	}	
	
/* Meldung falls User nicht eingeloggt */		
	.meldung .eintrag {
		border: none;
		line-height: 1.5;
	}
	
		.meldung .eintrag a {
			font-weight: bold;
		}



/* 8 Sonderseiten --- */		
	
/* 8.1 Suchmodul Allgemein / Testarchiv / Termine / Clubs */	

.main_col .suchmodul {
	background: #FCFCFC url(/img/bg_rating_markenbaum.png) repeat-y left top;
	border-bottom: 1px #E1E1E1 solid;	
	border-right: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;
  border-bottom-left-radius: 0;
	-khtml-border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-khtml-border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	font-size: 11px;
	height: 172px;
	left: -20px;
	overflow: hidden;
	padding: 0 10px 0 21px;
	position: absolute;
	top: 42px;
	width: 548px;
	z-index: 1;
}

.suchmodul input,
.suchmodul select {
	color: #666;
}

.suchmodul input:focus,
.suchmodul select:focus {
	color: #333;
}

/* Suchfeld, Dropdown und Submitbutton */
.begriff_bereich {
	border-bottom: 1px #EEE solid;
	float: left;
	margin: 0 0 8px 0;
	width: 100%;
}

	.begriff_bereich div {
		float: left;
		padding: 10px 10px 10px 0;
	}
	
		.begriff_bereich input {
			width: 326px;
		}
		
		.begriff_bereich select {
			width: 114px;
		}		

	.begriff_bereich .button_weiter_form_galerie {
		float: right;
		margin: 10px 0 10px 0;
	}

/* Filter Mehrfachauswahl */			
.filter_links,
.filter_rechts {
	float: left;
	height: 106px;
	overflow: hidden;
}

.filter_links {
	width: 338px;
}

.filter_rechts {
	border-left: 1px #EEE solid;
	padding: 0 0 0 10px;
	width: 199px;
}

	.filter_links p,
	.filter_rechts p {
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		margin: 0 0 8px 0;
	}

	.filter_links input,
	.filter_rechts input {
		left: -10000px;
		position: absolute;
		top: 0;			
	}
	
	#main .filter_links label,
	#main .filter_links div {
		margin: 0 20px 10px 0;
		width: 149px;
	}

	#main .filter_rechts label,
	#main .filter_rechts div {
		margin: 0 0 10px 0;		
		width: 199px;
	}

	.filter_links  .button_inaktiv a,
	.filter_links  .button a,
	.filter_rechts  .button_inaktiv a,
	.filter_rechts  .button a {
		display: block;
		text-decoration: none;
	}		
	
	.filter_links  .button_inaktiv a,
	.filter_links  .button a {
		width: 149px;
	}
		
	.filter_rechts  .button_inaktiv a,
	.filter_rechts  .button a {
		width: 199px;
	}

	.suchmodul .button_inaktiv a:hover,
	.suchmodul .selected a {
		background: url(/img/bg_buttons_sprite.png) repeat-x 0 -44px;
		color: #FFF;
		font-weight: bold;
	}
		
		.suchmodul .button_inaktiv a:hover span,
		.suchmodul .selected a span {
			background-position: 0 -66px;
		}

			.suchmodul .button_inaktiv a:hover span span {
				background-position: 100% -22px;				
			}

			.suchmodul .selected a span span,
			.suchmodul .selected a:hover span span {
				background-position: 100% -352px;				
			}
			
/* Filter Testarchiv */
.testarchiv_ratings,
.testarchiv_dropdowns {
	float: left;
}

.testarchiv_ratings {
	width: 155px;
}

	.testarchiv_ratings p,
	.testarchiv_ratings ul {
		line-height: 15px;	
	}

	.testarchiv_ratings p {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 9px 0 6px 0;
	}
	
		.testarchiv_ratings li {
			margin: 0 0 7px 0;
		}

			.testarchiv_ratings a {
				color: #333;
				display: inline-block;
				height: 15px;		
				padding: 0 5px 0 78px;
				text-decoration: none;
			}
			
			.testarchiv_ratings .aktiv {
				color: #000;
				font-weight: bold;
			}
			
			.testarchiv_ratings a:hover {
				color: #477CB1;
				text-decoration: underline;			
			}
			
			.testarchiv_ratings span {
				display: none;
			}
			
			.testarchiv_ratings em {
				color: #999;
				font-style: normal;
			}
	
.testarchiv_dropdowns {
	padding: 0 0 0 18px;
	width: 113px;
}	

	.testarchiv_dropdowns div {
		height: 30px;
		width: 100%;
	}

		.testarchiv_dropdowns label {
			display: block;
			font-size: 12px;
			font-weight: bold;
			line-height: 15px;			
			padding: 9px 0 0 0;
		}
		
		.testarchiv_dropdowns select {
			width: 113px;
		}			
			
/* Suchmodul Termine / Clubs / Spezialisten */
.main_col .termine_clubs {
	height: 160px;
	padding: 12px 10px 0 21px;
}
			
	.termine_clubs div {
		float: left;
		padding: 0 0 12px 0;
		width: 458px;
	}

		.termine_clubs label,
		.termine_clubs input,
		.termine_clubs select {
			float: left;	
		}	

		.termine_clubs input,
		.termine_clubs select {
			font-size: 11px;
		}
		
		.termine_clubs label {
			padding: 2px 0 0 0;
			width: 140px;
		}

		.termine_clubs input {
			width: 305px;
		}

		.termine_clubs .checkbox_radio {
			padding: 0 0 12px 0;
		}	
			
			.termine_clubs .checkbox_radio span {
				color: #333;
				float: left;
				font-weight: bold;
				padding: 2px 0 0 0;				
				width: 140px;			
			}
			
			.termine_clubs .checkbox_radio input {
				width: 89px;
			}
			
			.termine_clubs .checkbox_radio div {
				clear: none;
				padding: 2px 0 0 0;
				width: auto;
			}

				.termine_clubs .checkbox_radio label,
				.termine_clubs .checkbox_radio div input {
					display: inline-block;
					padding: 0;
					vertical-align: middle;					
					width: auto;					
				}
			
				.termine_clubs .checkbox_radio label {
					color: #666;
					float: none;
					font-weight: normal;
				}
				
				.termine_clubs .checkbox_radio div input {
					float: none;
					height: auto;
					margin: 0 10px 0 0;
					width: auto;
				}
				
				.termine_clubs .checkbox_radio div input {
					height: 13px;				
					width: 13px;	
				}

			.termine_clubs .checkbox_radio .bis {
				color: #666;
				font-weight: normal;
				padding: 3px 10px 0 10px;
				width: auto;			
			}				

				.termine_clubs .button_weiter_form_galerie {
					float: right;
				}

/* Termine Schnellsuche */				
.termine_schnellsuche {
	background: url(/img/bg_termin.png) no-repeat 0 100%;
	float: left;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
	text-align: center;	
	width: 100%;
}

	.termine_schnellsuche  p {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.0;
	}

	.termine_schnellsuche ul {
		clear: both;
		float: left;
		left: 50%;
		position: relative;
	}

	.termine_schnellsuche li {
		float: left;
			margin: 0 5px 0 5px;
			position: relative;
			right: 50%;			
	}

/* 8.2 Kontakt */

.kontakt .captcha {
	float: left;
	padding: 0 0 17px 33px;
}

	.kontakt .captcha a {
		font-size: 11px;
	}

.kontakt textarea {
	height: 269px;
	width: 522px;
}

	.kontakt .checkbox_radio label {
		width: 502px;
	}
	
	.kontakt .button_weiter_form_galerie {
		display: inline;
		margin: 10px 0 30px 32px;		
	}
	
/* 8.3 Bilderraetsel */

.bilderraetsel {
	background: url(/img/bg_memory.png) no-repeat 0 0;	
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
}

	.bilderraetsel div {
		float: left;
		height: 138px;
		position: relative;
		width: 138px;
	}
	
		.bilderraetsel div div {
			float: none;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0;
		}
		
	.bilderraetsel img {
		padding: 5px;		
	}

	.bilderraetsel .front {
		display: none;
	}	
	
		.bilderraetsel .front img {
			background: #FFF;
			width: 0;
		}
	
		.bilderraetsel .back img {
			background: none;
		}
		
.bilderraetsel_oder {
	display: inline-block;
	line-height: 16px;
	padding: 7px 5px 7px 5px;
}

/* 8.4 Box Heftarchiv */

.main_col .heftarchiv {
	color: #666;
	font-size: 12px;
	margin: 0;
}

	.heftarchiv .links {
		padding-bottom: 10px;
		width: 170px;
	}

	.heftarchiv .rechts {
		width: 358px;
	}

	.heftarchiv small {
		display: block;
		font-size: 11px;
		margin: 3px 0 0 0;		
	}

	.heftarchiv a {
		text-decoration: none;
	}

	.heftarchiv a:hover {
		text-decoration: underline;
	}
	
	.heftarchiv  p {
		margin: 10px 0 0 0;
	}
	
		.heftarchiv  p strong,
		.heftarchiv  p b {	
			color: #333;
		}
		
/* 8.5 Newsletter Anmeldung */

.newsletter_anmeldung_gross {
	padding: 0 0 10px 0;
}

	.newsletter_anmeldung_gross .eintrag {
		padding: 10px 10px 0 10px;
		width: 538px;
	}

	.newsletter_anmeldung_gross input {
		font-size: 12px;
	}	

	.newsletter_anmeldung_gross .checkbox_radio label {
		color: #333;
		width: 510px;		
	}
	
/* 8.6 Termin eintragen */

.termin_eintragen .captcha {
	float: left;
	padding: 0 0 17px 33px;
}

	.termin_eintragen .captcha a {
		font-size: 11px;
	}

.termin_eintragen textarea {
	height: 269px;
	width: 522px;
}

	.termin_eintragen .checkbox_radio label {
		width: 502px;
	}
	
	.termin_eintragen .button_weiter_form_galerie {
		display: inline;
		margin: 10px 0 30px 32px;		
	}

/* 8.7 Box Top-Termine */

.top_termine {
	background: url(/img/bg_termin.png) no-repeat 0 0;
}

.top_termine_uebersicht {
	border-bottom: 1px #CC3502 solid;
	border-left: 1px #CC3502 solid;
	border-right: 1px #CC3502 solid;
}	

	.top_termine_uebersicht dl {
		border-bottom: 1px #FFF solid;
		border-left: 1px #FFF solid;
		border-right: 1px #FFF solid;
		border-bottom-left-radius: 4px;
		-khtml-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-khtml-border-radius-bottomright: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		float: left;
	}

			.top_termine_uebersicht dt,
			.top_termine_uebersicht dd {
				background: url(/img/bg_termin.png) no-repeat 0 -355px;
				border-top: 1px #E59479 solid;
				float: left;
				height: 21px;
				overflow: hidden;
			}

			.top_termine_uebersicht dt {
				padding: 5px 0 0 9px;
				width: 190px;
			}

				.top_termine_uebersicht a {
					color: #CC3300;
					font-weight: bold;
					text-decoration: none;
				}
				
				.top_termine_uebersicht a:hover {
					color: #000;
					text-decoration: underline;
				}

			.top_termine_uebersicht dd {
				padding: 5px 9px 0 0;
				width: 348px;
			}

			.top_termine_uebersicht dt:first-child,
			.top_termine_uebersicht dt:first-child + dd {
				border-top: none;
			}


			
/* 9 Voting --- */

.voting {
	margin: 11px 0 0 0;
}

	.voting .abstand {
		height: 10px;
	}

/* 9.1 Box Kategorien */	

.voting_kategorien {
	padding: 0;
}

	.voting_kategorien .eintrag {
		padding: 10px 5px 16px 5px;
	}
	
		.voting_kategorien .eintrag div {
			width: 127px;
		}

			.voting_kategorien strong {
				color: #477CB1;
				font-weight: bold;
				text-decoration: none;
			}

			.voting_kategorien a:hover strong {
				color: #000;
				text-decoration: underline;
			}

/* Box mit Link zum Ranking */
.main_col .voting_link_kategorie {
	font-size: 14px;
	line-height: 21px;
	padding: 8px 0 6px 69px;
	position: relative;
	width: 489px;
}	

	.voting_link_kategorie span {
		background: url(/img/bg_siegel_ranking.png) no-repeat left top;
		bottom: -10px;
		height: 60px;
		left: 9px;
		position: absolute;
		width: 48px;
		z-index: 2;
	} 

	.voting_link_kategorie a {
		color: #333;
		font-weight: bold;
	}

	.voting_link_kategorie a:hover {
		color: #477CB1;
	}

/* 9.2 Detailseite Bewerten */

.voting_bewerten {
	float: left;
	padding: 20px 0 25px 0;
	width: 560px;
	text-align: center;
}

	.voting_bewerten em {
		font-style: normal;
		font-weight: bold;
	}

	.voting_bewerten p {
		font-size: 13px;
		margin: 0 0 5px 0;
	}
	
		.voting_bewerten p a {
			color: #333;
		}

		.voting_bewerten p a:hover {
			color: #477CB1;
		}

/* 9.3 Uebersicht Gesamtwertung */

.voting_gesamtwertung {
	line-height: 16px;
	margin: 0;
}

	.voting_gesamtwertung a {
		text-decoration: none;
	}

	.voting_gesamtwertung a:hover {
		text-decoration: underline;
	}	
	
	.voting_gesamtwertung .links {
		font-size: 15px;
		font-weight: bold;
		padding: 47px 10px 0 0;
		width: 40px;
		text-align: center;
	}

	.voting_gesamtwertung .mitte {
		float: left;
		padding: 0 10px 10px 0;
		width: 170px;
	}

	.voting_gesamtwertung .rechts {
		position: relative;
		width: 308px;
	}
	
		.aktuelle_wertung {
			left: 0;
			position: absolute;			
			top: 51px;
			width: 308px
		}

/* 9.4 Prozentbalken */		

/* Allgemeine Definition */
.ranking_positiv,
.ranking_negativ,
.ranking_positiv div,
.ranking_negativ div,
.ranking_positiv span,
.ranking_negativ span {
	background-image: url(/img/bg_voting_balken.png);
}

.ranking_positiv,
.ranking_negativ,
.ranking_positiv  span,
.ranking_negativ  span {
	background-repeat: no-repeat;
}

	.ranking_positiv div,
	.ranking_negativ div {	
		background-repeat: repeat-x;
		height: 18px;
		position: relative;			
	}
	
	.ranking_positiv div {
		background-position: 0 0;
	}

	.ranking_negativ div {
		background-position: 0 -90px;
	}	

		.ranking_positiv  b,
		.ranking_negativ  b {
			display: none;
		}
	
		.ranking_positiv  span,
		.ranking_negativ  span {
			color: #FFF;
			font-size: 11px;
			line-height: 18px;
			position: absolute;
			top: 0;
		}
		
/* Detailseite Fahrzeug */				
.voting_bewerten .ranking_positiv,
.voting_bewerten .ranking_negativ {
	width: 230px;
}

.voting_bewerten .ranking_positiv {
	background-position: 100% -36px;
	float: left;
	padding: 0 45px 0 0;
}

.voting_bewerten .ranking_negativ {
	background-position: 0 -126px;
	float: right;
	padding: 0 0 0 45px;
}

	.voting_bewerten .ranking_positiv div {
		float: right;
	}
	
	.voting_bewerten .ranking_negativ div {
		float: left;		
	} 
	
		.voting_bewerten .ranking_positiv span {
			background-position: 0 -18px;
			left: 0;
			padding: 0 0 0 24px;
			text-align: left;
		}
		
		.voting_bewerten .ranking_negativ span {
			background-position: 100% -108px;
			right: 0;
			padding: 0 24px 0 0;
			text-align: right;
		}		
	
/* Uebersicht Gesamtwertung */		
.aktuelle_wertung .ranking_positiv,
.aktuelle_wertung .ranking_negativ	{	
	margin: 5px 0 0 0;
	padding: 0 0 0 45px;
	width: 263px;
}

.aktuelle_wertung .ranking_positiv {
	background-position: 0 -54px;		
}

.aktuelle_wertung .ranking_negativ {
	background-position: 0 -144px;		
}
		
		.aktuelle_wertung .ranking_positiv span,
		.aktuelle_wertung .ranking_negativ span {			
			padding: 0 5px 0 0;
			right: 0;	
		}

		.aktuelle_wertung .ranking_positiv span {
			background-position: 100% -72px;
		}

		.aktuelle_wertung .ranking_negativ span {
			background-position: 100% -162px;
		}				/* CSS-Zusatzdefinitionen fuer die Randspalte

1 Allgemein
1.1 Box Vorspannbild-Platzhalter und Infos / Rating / beliebte Themen
1.2 Box Flexteaser Typ 1 mit optionalen Themenheader
1.3 Box Bilder/Videos
1.4 Box Aktuelle Videos
1.5 Box Heftvorschau
1.6 Box GIF Loader
1.7 Box Flexteaser Typ 2
1.8 Box Bild des Tages
1.9 Box Newsletter Anmeldung
1.10 Box Anzeige
1.11 Box Brightcove Video

2 Voting
2.1 Stimmzettel

3 Markenbaum
3.1 Box Hersteller
3.2 Box Vorspannbild-Platzhalter und Zurueck-Link

4 Community
4.1 Box Aehnliche Erfahrungsberichte
4.2 Box Freunde
4.3 Box Standort

5 Gemeinsame Definitionen fuer Markenbaum und Artikelseite
5.1 Box Vorspannbild-Platzhalter und Menue

6 Service/vermarktete Teaser
6.1 Box Gebrauchtwagen suchen
6.2 Box Autokredit Vergleich
6.3 Box Neuwagen suchen
6.4 Box Kfz Versicherungsvergleich 
6.5 Box Reifen suchen

*/



/* 1 Allgemein --- */

/* 1.1 Box Vorspannbild-Platzhalter und Infos/Rating/beliebte Themen */

.vorspannbild_info {
	color: #666;
	float: left;
	font-size: 11px;
	margin: 0 0 30px 0;
	width: 320px;
}

	.vorspannbild_info .platzhalter {
		border: 1px #666 solid;
		height: 207px; /* Standardhoehe als Fallback */
		padding: 4px;
		width: 310px;
	}
		
	.vorspannbild_info .datum_kommentare,
	.vorspannbild_info .themen,
	.vorspannbild_info dl,
	.vorspannbild_info .social_bookmarks,
	.vorspannbild_info .inhaltsverzeichnis {
		background: #FCFCFC;	
		display: inline;
		float: left;
		margin: 0 1px 0 1px;	
		width: 296px;
	} 	
	
	.vorspannbild_info .datum_kommentare {
		border-left: 1px #E1E1E1 solid;	
		border-right: 1px #E1E1E1 solid;			
		padding: 9px 10px 5px 10px;
	}
	
		.vorspannbild_info .datum_kommentare	span {
			float: left;
		}

		.vorspannbild_info .datum_kommentare	a {
			background: url(/img/icon/sprite_icons.png) no-repeat 0 0;
			color: #666;
			float: right;
			height: 16px;
			padding: 0 0 0 22px;	
		}
		
		.vorspannbild_info .datum_kommentare	a:hover {
			color: #000;
		}		
			
	.vorspannbild_info .themen, 
	.vorspannbild_info dl {
		border: 1px #E1E1E1 solid;	
		padding: 9px 10px 1px 10px;
	}
	
		.vorspannbild_info .themen p {
			color: #333;
			font-weight: bold;
			margin: 0 0 6px 0;
		}

		.vorspannbild_info .themen li,
		.vorspannbild_info dt,
		.vorspannbild_info dd {
			float: left;
			padding: 0 0 10px 0;
		}

		.vorspannbild_info .themen li {
			width: 50%;		
		}
		
		.vorspannbild_info dt,
		.vorspannbild_info dd {
			overflow: hidden;
		}
		
		.vorspannbild_info dt {
			color: #333;
			clear: both;
			font-weight: bold;		
			width: 45%
		}
		
		.vorspannbild_info dd {
			width: 55%;
		}
		
		.vorspannbild_info .artikel_rating_schlagworte dt,
		.vorspannbild_info .artikel_rating_schlagworte dd {
			line-height: 1.3;
			padding: 0 0 7px 0;
		}		

			.vorspannbild_info .themen li a,
			.vorspannbild_info dd a {
				color: #666;
			}

			.vorspannbild_info .themen li a:hover,
			.vorspannbild_info dd a:hover {
				color: #000;
			}

/* Rating-Sterne in der Artikelseite (wird nicht verwendet) */
	span.rating_0,
	span.rating_1,
	span.rating_2,
	span.rating_3,
	span.rating_4,
	span.rating_5,
	span.rating_6,
	span.rating_7,
	span.rating_8,
	span.rating_9,
	span.rating_10 {
		display: block;
		height: 15px;
		text-indent: -10000px;
	}			
						
/* Social Bookmarks in der Artikelseite (wird nicht verwendet) */
	.vorspannbild_info .social_bookmarks {
		border-bottom: 1px #E1E1E1 solid;
		border-left: 1px #E1E1E1 solid;	
		border-right: 1px #E1E1E1 solid;		
		padding: 9px 10px 5px 10px;
		position: static;
	}

		.vorspannbild_info .social_bookmarks li {
			float: left;
			margin: 0 0 5px 0;
			width: 95px;
		}

			.vorspannbild_info .social_bookmarks li a {
				color: #666;
				margin: 0;
				padding: 0 0 0 22px;
				text-indent: 0;
				width: auto;
			}
			
			.vorspannbild_info .social_bookmarks li a:hover {
				color: #000;
			}

/* Inhaltsverzeichnis fuer die Sport-Artikelseite (wird nicht verwendet) */
	.vorspannbild_info .inhaltsverzeichnis {
		border: 1px #E1E1E1 solid;
		line-height: 1.3;		
		padding: 9px 10px 5px 10px;
	}

		.vorspannbild_info .inhaltsverzeichnis span {
			color: #333;
			display: block;
			font-weight: bold;
			margin: 0 0 5px 0;
		}
		
			.vorspannbild_info .inhaltsverzeichnis li {
				list-style-type: decimal;
				margin: 0 0 3px 18px;
			}			

			.vorspannbild_info .inhaltsverzeichnis .aktiv {
				color: #999;
			}
		
/* Zusatzklasse, falls Vorspannbild vorhanden */
	.vorspannbild_info .mit_bild {
		background: #FCFCFC url(/img/bg_box_neu.png) no-repeat 0 -266px;
	}

/* 1.2 Box Flexteaser Typ 1 mit optionalen Themenheader */

	.flexteaser_1 .themen_header {
		background: #EEE url(/img/bg_box_neu.png) no-repeat 100% -145px;	
		border-bottom: 1px #E1E1E1 solid;
		border-top: 1px #E1E1E1 solid;
		font-size: 16px;
		line-height: 1.3;
		margin: 5px 0 0 0;
		padding: 6px 10px 6px 50px;
	}
	
		.flexteaser_1 .themen_header strong {
			margin: 0;
		}	
	
			.flexteaser_1 .themen_header a:hover {
				color: #477CB1;
				text-decoration: underline;
			}
	
		.flexteaser_1 .themen_header span {
			color: #999;
			font-size: 11px;
			font-weight: normal;
		}

	.flexteaser_1 .eintrag {
		width: 298px;
	}

	.flexteaser_1 p {
		float: right;
		margin: 0;
		width: 158px;
	}
	
	.flexteaser_1 img {
		float: left;
	}
	
	.flexteaser_1 strong {
		display: block;
		margin: 0 0 5px 0;
	}	

		.flexteaser_1 strong a {
			color: #333;
			text-decoration: none;
		}

		.flexteaser_1 strong a:hover,
		.flexteaser_1 strong a:hover span {
			color: #000;
		}

		.flexteaser_1 strong a:hover span {		
			text-decoration: underline;			
		}	
	
/* 1.3 Box Bilder/Videos */

	.bilder .eintrag,
	.videos .eintrag {
		border: none;
		position: relative;
		padding: 10px 8px 10px 10px;
	}

		.bilder a,
		.videos a {
			color: #666;
		}

			.bilder span,
			.videos span {
				background-image: url(/img/icon/sprite_icons.png);
				background-repeat: no-repeat;
				display: block;
				text-decoration: underline;
			}

		.bilder a:hover,
		.videos a:hover {
			color: #000;
		}

			.bilder span {
				background-position: 0 -256px;
				padding: 4px 0 3px 22px;
			}

			.videos span {
				background-position: 0 -288px;
				padding: 4px 0 3px 18px;
			}
			
			.videos .play {
				background: url(/img/bg_play.png) no-repeat left top;
				cursor: pointer;
				height: 37px;
				left: 62px;				
				padding: 0;
				position: absolute;	
				text-indent: -10000px;
				top: 38px;
				width: 37px;
			}

/* 1.4 Box Aktuelle Videos */

.aktuelle_videos {
	position: relative;	
}

	.aktuelle_videos .play {
		background-image: url(/img/bg_play.png);
		background-repeat: no-repeat;
		cursor: pointer;
		position: absolute;
		text-indent: -10000px;	
	}

	.aktuelle_videos .player {
		padding: 10px 10px 7px 10px;
		position: relative;
			width: 298px;
	}

		.aktuelle_videos .player .play {
			background-position: 0 0;
			bottom: 27px;
			height: 37px;
			right: 30px;
			width: 37px;
		}
		
	.aktuelle_videos .grossansicht {
		background: #FCFCFC url(/img/loadinfo_gross.gif) no-repeat center center;
		border: 1px #E1E1E1 solid;
		border-top-right-radius: 4px;
		-khtml-border-radius-topright: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;				
		border-bottom-left-radius: 4px;
		-khtml-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-khtml-border-radius-bottomright: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;	
		height: 449px;
		left: -1px;
		position: absolute;
		padding: 10px;
		top: 0;
		width: 498px;
		z-index: 4;
	}
	
		.aktuelle_videos .grossansicht img {
			clear: both;
		}

		.aktuelle_videos .close {
			background: url(/img/bg_box_neu.png) no-repeat -558px -197px;
			float: right;
			height: 19px;
			margin: 0 0 10px 0;
			text-indent: -10000px;
			width: 19px;
		}		

	.aktuelle_videos em,
	.aktuelle_videos strong {
		display: block;
		text-align: center;
	}

	.aktuelle_videos em {
		color: #477CB1;
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
		margin: 0 10px 0 10px;	
	}

	.aktuelle_videos strong {
		color: #333;
		margin: 0 10px 7px 10px;
	}

	.aktuelle_videos .thumbnails {
		border-top: 1px #EEE solid;
		padding: 0 0 0 10px;	
	}

		.aktuelle_videos .eintrag {
			border: none;
			float: left;
			padding: 10px 10px 10px 0;
			position: relative;
		}

			.aktuelle_videos .thumbnails .play {
				background-position: -37px 0;
				height: 28px;
				left: 20px;
				top: 18px;
				width: 28px;
			}
		
.aktuelle_videos_abstand {
	margin: 0 0 148px 0;
}			

/* 1.5 Box Heftvorschau */

	.heftvorschau img {
		background: #FFF;
		float: left;
		margin: 10px;
	}

		.heftvorschau .innen {
			float: left;
			padding: 10px 10px 10px 0;
			width: 148px;
		}

		.heftvorschau  b {
			display: block;
			font-size: 14px;
			margin: 0 0 12px 0;
		}	

		.heftvorschau span {
			display: block;	
			font-size: 13px;	
			font-weight: bold;
			margin: 0 0 5px 0;		
		}
		
		.heftvorschau p {
			color: #333;
			font-size: 13px;
		}

		.heftvorschau span,
		.side_col .heftvorschau p,	
		.heftvorschau ul {
			line-height: 1.3;
		}

			.heftvorschau li {
				background: url(/img/bg_bullets_sprite.png) no-repeat -66px 0;
				padding: 0 0 10px 8px;
			}

				.heftvorschau li a {
					color: #666;
				}

				.heftvorschau li a:hover {
					color: #000;
				}

/* 1.6 Box GIF Loader */

.gif_loader {
	clear: both;
	margin: 0 0 30px 0;
	overflow: hidden;
	text-align: center;
	width: 310px;
}

/* 1.7 Box Flexteaser Typ 2 */

.flexteaser_2 ul {
	float: left;
	line-height: 1.5;
	padding: 7px 10px 0 10px;
}

	.flexteaser_2 li {
		background: url(/img/bg_bullets_sprite.png) no-repeat -66px 1px;
		padding: 0 0 10px 8px;
	}				

/* 1.8 Box Bild des Tages */	

.side_col .bild_des_tages {
	background: #FCFCFC url(/img/bg_thumbnail_sprite.png) no-repeat 0 -195px;
	padding: 115px 0 0 0;
	position: relative;
}

	.bild_des_tages img {
		position: absolute;
	}

	.bild_des_tages .size_1,
	.bild_des_tages .size_2 {
		border-right: 1px #FFF solid;
	}

	.bild_des_tages .size_1 {
		left: 39px;
		top: 11px;
		z-index: 3
	}

	.bild_des_tages .size_2 {
		left: 119px;
		top: 18px;
		z-index: 2
	}

	.bild_des_tages .size_3 {
		left: 189px;
		top: 24px;
		z-index: 1
	}

	.bild_des_tages strong {
		display: block;
		text-align: center;
		padding: 0 10px 7px 10px;
	}
	
	.bild_des_tages strong a { 
		color: #333;
		text-decoration: none;
	}
	
		.bild_des_tages .ueberschrift {
			font-size: 16px;
		}

		.bild_des_tages strong a:hover span {
			color: #000;
			text-decoration: underline;
		}

/* 1.9 Box Newsletter Anmeldung */

.side_col .newsletter_anmeldung_klein {
	background: #FCFCFC url(/img/bg_newsletter_anmeldung.png) no-repeat 220px 8px;
	font-size: 12px;
	padding: 0 0 2px 0;
}
	
	.newsletter_anmeldung_klein div {
		float: left;
		padding: 15px 0 13px 10px;
		width: 191px;
	}

		.newsletter_anmeldung_klein label {
			display: block;
			height: 78px;
			line-height: 1.4;					
		}
	
		.newsletter_anmeldung_klein input {
			float: left;
			width: 185px;
		}

		.newsletter_anmeldung_klein .button_weiter_form_galerie {
		 margin: 92px 0 0 10px;
		}
		
		.newsletter_anmeldung_klein .checkbox_radio label {
			font-size: 11px;
			height: auto;
			width: 278px;
		}
		
/* 1.10 Box Anzeige */

.side_col .anzeige {
	margin: 0;
	text-align: left;
}

	.anzeige a {
		border-top: 1px #EEE solid;		
		color: #333;
		display: block;
		line-height: 1.4;
		padding: 7px 10px 7px 10px;			
		text-decoration: none;
	}
	
	.anzeige a:first-child {
		border-top: none;
	} 	
		
	.anzeige a:hover {
		color: #477CB1;
		text-decoration: underline;
	}		

/* 1.11 Box Brightcove Video */

.video_brightcove {
	padding: 10px 0 10px 0;
}	



/* 2 Voting --- */

/* 2.1 Stimmzettel */

.stimmzettel {
	background: url(/img/bg_stimmzettel.png) no-repeat 0 0;
	float: left;
	font-size: 11px;
	line-height: 14px;	
	margin: 0 0 20px 0;
	padding: 78px 10px 11px 0;
	width: 310px;
}

	.stimmzettel .vote {
		color: #333;
		float: right;
		font-weight: bold;
		height: 32px;
		padding: 2px 0 0 10px;
		text-align: center;
		width: 124px;
	}

	.stimmzettel dl {
		float: left;
		width: 310px;
	}
	
		.stimmzettel dd,
		.stimmzettel dt {
			float: left;
			height: 37px;			
			padding: 1px 0 12px 0;
		}

		.stimmzettel dd {
			text-indent: -10000px;
			width: 42px;
		}
		
		.stimmzettel .aktiv {
			background: url(/img/bg_stimmzettel.png) no-repeat 0 -748px;
		}

		.stimmzettel dt {
			width: 268px;
		}		
	
			.stimmzettel dt span {
				float: left;
				height: 28px;
				position: relative;
				width: 134px;
				z-index: 2;
			}
			
			.stimmzettel dt span + span {
				z-index: 1;
			}
			
				.stimmzettel dt a,
				.stimmzettel dt i {
					bottom: 0;		
					left: 10px;
					max-width: 118px;
					overflow: hidden;
					padding: 2px 0 2px 0;
					position: absolute;
					text-decoration: none;
					white-space: nowrap;
				}
				
				.stimmzettel dt a {
					color: #CC0000;
				}		
				
				.stimmzettel dt a:hover {
					background: #CB461B url(/img/bg_stimmzettel.png) no-repeat 100% -757px;
					border-radius: 3px;
					-khtml-border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					color: #FFF;
					font-weight: bold;
					max-width: none;			
					overflow: visible;
					padding: 2px 20px 2px 4px;
				}

			.stimmzettel dd a {
				display: block;
				height: 100%;
			}					

.stimmzettel_teilnahme,
.stimmzettel_inaktiv {
	background-image: url(/img/bg_stimmzettel.png);
	background-repeat: no-repeat;
	clear: both;
	display: block;
	height: 26px;
	margin: 0 0 -11px 0;
	text-align: center;
	padding: 14px 27px 22px 37px;
	width: 256px;
}

.stimmzettel_teilnahme {	
	background-position: 0 -624px;
}

.stimmzettel_inaktiv {	
	background-position: 0 -686px;
}

	.stimmzettel_teilnahme a,
	.stimmzettel_inaktiv span {
		display: block;
		font-size: 14px;
		height: 20px;
		padding: 6px 0 0 0;
		text-decoration: none;
	}

	.stimmzettel_teilnahme a {
		font-weight: bold;
		color: #FFF;
	}

	.stimmzettel_teilnahme a:hover {
		text-decoration: underline;
	}
	
	.stimmzettel_inaktiv span {
		color: #666;
	} 


		
/* 3 Markenbaum --- */	

/* 3.1 Box Hersteller */

.hersteller {
	line-height: 1.5;
	position: relative;
}

	.hersteller small {
		color: #999;
		font-size: 10px;
		line-height: 1;
		position: absolute;
		right: 5px;
		top: 4px;
	}

	.hersteller address {
		font-style: normal;
		padding: 5px 7px 7px 7px;
	}
		
		.hersteller a {
			color: #333;
		}
		
		.hersteller a:hover {
			color: #000;
		}

		.hersteller strong {
			color: #333;
			display: block;
			font-size: 13px;
			margin: 0 0 3px 0;
		}

	.hersteller ul {
		border-top: 1px solid #EEE;
		float: left;
		padding: 7px 0 7px 0;
		width: 318px;
	}

		.hersteller li {
			background: url(/img/bg_bullets_sprite.png) no-repeat -56px 1px;
			float: left;
			padding: 0 0 3px 18px;
			width: 125px;
		}
		
/* 3.2 Box Vorspannbild-Platzhalter und Zurueck-Link */

.link_zurueck {
	background: #FCFCFC;
	clear: both;
	border-bottom: 1px #E1E1E1 solid; 	
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
  border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;		
	display: inline;	
	float: left;
	margin: 0 1px 0 1px;
	padding: 9px 0 6px 9px;
	width: 307px;
}

	.link_zurueck img {
		background: url(/img/bg_thumbnail_sprite.png) no-repeat -317px -200px;		
		float: left;
		margin: 0 8px 0 0;
		padding: 2px 2px 5px 2px;
	}
	
	.link_zurueck p {
		color: #333;
		font-weight: bold;
		margin: 5px 0 0 0;
	}
	
	.link_zurueck span {
		font-size: 14px;
		font-weight: bold;
	}		



/* 4 Community --- */		

/* 4.1 Box Aehnliche Erfahrungsberichte */

.side_col .aehnliche_erfahrungsberichte {
	font-size: 12px;
}

	.aehnliche_erfahrungsberichte a {
		color: #333;
	}

	.aehnliche_erfahrungsberichte a:hover {
		color: 	#477CB1;
	}

	.aehnliche_erfahrungsberichte dl {
		float: left;
		padding: 10px;
	}

		.aehnliche_erfahrungsberichte dt,
		.aehnliche_erfahrungsberichte dd {
			float: left;
			padding: 0 0 4px 0;
		}
		
		.aehnliche_erfahrungsberichte dt {
			width: 238px;
		}
		
		.aehnliche_erfahrungsberichte dd {
			width: 60px;
		}
		
/* 4.2 Box Freunde */

.side_col .meine_freunde {
	font-size: 9px;
}

	.meine_freunde .eintrag {
		padding: 10px 4px 18px 4px;
	}

		.meine_freunde .eintrag div {
			float: left;
			height: 77px;
			overflow: hidden;			
			padding: 0 7px 0 5px;
			width: 50px;			
		}
		
			.meine_freunde .eintrag a {
				color: #333;
				display: block;
				overflow: hidden;				
				text-decoration: none;
				width: 50px;				
			}

				.meine_freunde .eintrag img {
					margin: 0 0 3px 0;
				}		
			
			.meine_freunde .eintrag div:hover a,
			.meine_freunde a:hover  {
				color: #477CB1;			
				text-decoration: underline;
			}
					
/* 4.3 Box Standort */

.google_maps {
	margin: 0 0 30px 0;
}

	
	
/* 5 Gemeinsame Definitionen fuer Markenbaum und Artikelseite --- */	
	
/* 5.1 Box Vorspannbild-Platzhalter und Menue */

.vorspannbild_info .menue {
	background: #FCFCFC url(/img/bg_box_neu.png) no-repeat 0 -266px;
	border-bottom: 1px #E1E1E1 solid;	
	border-left: 1px #E1E1E1 solid;	
	border-right: 1px #E1E1E1 solid;			
	display: inline;
	float: left;
	margin: 0 1px 0 1px;
	padding: 15px 0 0 10px;		
	width: 306px;
}

	#main .vorspannbild_info .button,
	#main .vorspannbild_info .button_inaktiv {
		display: inline;
		margin: 0 10px 10px 0;
		width: 143px;	
	}

		.vorspannbild_info .button_inaktiv a,
		.vorspannbild_info .button a {
			display: block;
			text-decoration: none;
			width: 143px;
		}

			.vorspannbild_info .button a:hover span {
				text-decoration: none;			
			}		

	.vorspannbild_info .button_inaktiv a:hover {
		background: url(/img/bg_buttons_sprite.png) repeat-x 0 -44px;
		color: #FFF;
		font-weight: bold;
	}
			
		.vorspannbild_info .button_inaktiv a:hover span {
			background-position: 0 -66px;
		}

			.vorspannbild_info .button_inaktiv a:hover span span {
				background-position: 100% -22px;				
			}	
	

	
/* 6 Service/vermarktete Teaser --- */	

/* 6.1 Box Gebrauchtwagen suchen */

.gebrauchtwagen_suchen {
	line-height: 13px;
	position: relative;
}

	.gebrauchtwagen_suchen div {
		float: left;
		padding: 7px 8px 10px 10px;
		width: 140px;
	}
	
		.gebrauchtwagen_suchen label {
			color: #262626;
			display: block;
			padding: 0 0 4px 0;
		}
		
		.gebrauchtwagen_suchen select {
			width: 140px;
		}
	
	.gebrauchtwagen_suchen .plz,
	.gebrauchtwagen_suchen .umkreis {
		padding: 0;
		width: auto;
	}

		.gebrauchtwagen_suchen .plz div {
			width: 50px;
		}
	
			.gebrauchtwagen_suchen .plz input {
				width: 44px;
			}
		
		.gebrauchtwagen_suchen .umkreis div {
			padding: 7px 10px 10px 0;		
			width: 82px;
		}
	
			.gebrauchtwagen_suchen .umkreis select {
				width: 82px;
			}
	
	.gebrauchtwagen_suchen .button_weiter_form_galerie {
		margin: 22px 0 0 8px;
	}
	
/* 6.2 Box Autokredit Vergleich */

.autokredit_vergleich {
	background: #FCFCFC url(/img/bg_partnerlogos.png) no-repeat 198px 0;
}

	.autokredit_vergleich	.ueberschrift,
	.autokredit_vergleich	p {
		font-size: 13px;
	}

	.autokredit_vergleich	.ueberschrift {
		color: #333;
		margin: 8px 0 2px 10px;
		width: 50%;
	}

	.autokredit_vergleich p {
		margin: 0 10px 13px 10px; 
	}
	
	.autokredit_vergleich div {
		float: left;
		padding: 0 8px 20px 10px;
		width: 140px;
	}
	
		.autokredit_vergleich label {
			color: #262626;
			display: block;
			padding: 0 0 4px 0;
		}
		
		.autokredit_vergleich select {
			width: 140px;
		}

		.autokredit_vergleich input {
			width: 134px;
		}

	.autokredit_vergleich .button_weiter_form_galerie {
		clear: both;
		display: inline;
		margin: 0 0 10px 10px;
	}		

/* 6.3 Box Neuwagen suchen */

.neuwagen_suchen {
	background: #FCFCFC url(/img/bg_partnerlogos.png) no-repeat 78px -40px;
}

	.neuwagen_suchen .ueberschrift,
	.neuwagen_suchen p {
		font-size: 13px;
	}

	.neuwagen_suchen .ueberschrift {
		color: #333;
		margin: 8px 0 2px 10px;
		width: 50%;
	}

	.neuwagen_suchen p {
		margin: 0 10px 13px 10px; 
	}
	
	.neuwagen_suchen div {
		float: left;
		padding: 0 8px 20px 10px;
		width: 140px;
	}
	
		.neuwagen_suchen label {
			color: #262626;
			display: block;
			padding: 0 0 4px 0;
		}
		
		.neuwagen_suchen select {
			width: 140px;
		}
		
		.neuwagen_suchen input {
			width: 134px;
		}		

	.neuwagen_suchen .button_weiter_form_galerie {
		display: inline;	
		margin: 0 0 10px 10px;
	}		

/* 6.4 Box Kfz Versicherungsvergleich */

.versicherungsvergleich {
	background: #FCFCFC url(/img/bg_partnerlogos.png) no-repeat 198px 0;
}

	.versicherungsvergleich .ueberschrift,
	.versicherungsvergleich p {
		font-size: 13px;
	}

	.versicherungsvergleich .ueberschrift {
		color: #333;
		margin: 8px 0 2px 10px;
		width: 50%;
	}

	.versicherungsvergleich p {
		margin: 0 10px 16px 10px; 
	}
	
	.versicherungsvergleich div {
		float: left;
	}	

	.versicherungsvergleich .eingabe  {
		background: #FCFCFC url(/img/bg_autokennzeichen.png) no-repeat 10px 0;	
		height: 39px;
		padding: 11px 0 31px 49px; 
		width: 260px;
	}	

	.versicherungsvergleich input {
		color: #000;
		font-size:21px;
		font-weight: bold;
		padding: 5px 1px 5px 1px;
		text-transform: uppercase;
		width: 52px;
	}
	
	.versicherungsvergleich .button_weiter_form_galerie {
		display: inline;	
		margin: 0 0 10px 10px;
	}	

/* 6.5 Box Reifen suchen */

.reifen_suchen {
	background: #FCFCFC url(/img/bg_partnerlogos.png) no-repeat -42px -80px;
}

	.reifen_suchen .ueberschrift,
	.reifen_suchen p {
		font-size: 13px;
	}

	.reifen_suchen .ueberschrift {
		color: #333;
		margin: 8px 0 2px 10px;
		width: 50%;
	}

	.reifen_suchen p {
		margin: 0 10px 13px 10px 
	}
	
	.reifen_suchen div {
		float: left;
		padding: 0 8px 20px 10px;
		width: 140px;
	}
	
		.reifen_suchen label {
			color: #262626;
			display: block;
			padding: 0 0 4px 0;
		}
		
		.reifen_suchen select {
			width: 140px;
		}
		
		.reifen_suchen input {
			width: 134px;
		}		

	.reifen_suchen .button_weiter_form_galerie {
		clear: both;
		display: inline;	
		margin: 0 0 10px 10px;
	}

	.reifen_suchen .hilfe {
		float: right;
		font-weight: bold;
		padding: 5px 10px 0 0;
	}/* CSS-Zusatzdefinitionen fuer die breite Spalte

1 Themenauswahl A-Z

2 Special-Bild / Header mit Navigation E3

3 Markenbaum
3.1 Box Markenuebersicht

4 Community
4.1 Kopf mit Navigation
4.2 Menue Uebersichtsseite
4.3 Fahrzeug auswaehlen
4.4 Fahrzeug anlegen
4.5 Profil-Einstellungen
4.6 Liste Uebersicht Fahrzeuge
4.7 Liste Uebersicht Nachrichten
4.8 Liste Uebersicht Awards
4.9 Nachricht Detailansicht / Konversation / neue Nachricht verfassen
4.10 Uebersicht Erfahrungsberichte
4.11 Uebersicht Freunde / Freundschaftsanfragen
4.12 Uebersicht Fahrzeuge (Profil)
4.13 Liste Uebersicht Freunde (alternatives Layout fuer phpFox)
4.14 Crop-Tool fuer Avatarbilder
4.15 Formular Mitgliedersuche / Profil loeschen (phpFox)

5 Galerie
5.1 Box Galerie-Uebersicht
5.2 Detailansicht (Querformat/Hochformat)
5.3 Vertikaler Teaser Weitere Galerien

6 Uebersichtsseiten
6.1 Typ 1: Topteaser vertikal
6.2 Typ 2: 3er Teaser vertikal ohne Boxlayout
6.3 Typ 3: 3er Teaser vertikal ohne Boxlayout mit ContentAd
6.4 Typ 4: 4er Teaser vertikal
6.5 Typ 5: 4er Galerieteaser vertikal
6.6 Typ 6: 4er Teaser vertikal ohne Boxlayout
6.7 Typ 7: Teaser horizontal halbe Spaltenbreite

7 Sonderseiten
7.1 Service
7.2 Seite fuer externe Inhalte/iFrames

*/



/* 1 Themenauswahl A-Z --- */

.auswahl_themen {
	float: left;
	font-size: 11px;
	left: 50%;
	margin: 0 0 20px 0;
	position: relative;
}

	.auswahl_themen li,
	.auswahl_themen a,
	.auswahl_themen span {
		background: url(/img/bg_buttons_sprite.png) no-repeat 0 0;
	}

	.auswahl_themen li {
		background-position: 0 -66px;
		float: left;
		margin: 0 5px 0 0;
		padding: 0 0 0 5px;
		position: relative;
		right: 50%;		
	}
	
		.auswahl_themen a,
		.auswahl_themen span {
			background-position: 100% -22px;
			display: block;
			height: 18px;
			padding: 4px 5px 0 0;
			text-align: center;
			text-decoration: none;
			width: 13px;
		}
		
		.auswahl_themen a {
			color: #FFF;
			font-weight: bold;			
		}
		
		.auswahl_themen span {
			color: #666;
		}
		
		.auswahl_themen a:hover {
			color: #FFF;
			text-decoration: underline;
		}
		
		.auswahl_themen .aktiv {
			background-position: 0 -176px;		
		}

			.auswahl_themen .aktiv a,
			.auswahl_themen .aktiv span {
				background-position: 100% -132px;			
			}



/* 2 Special-Bild / Header mit Navigation E3 --- */

.special {
	margin: 0 0 10px 0;
}

.special_thema {
	margin: 0 0 30px 0;
}

.header_special_text,
.header_special_imagemap,
.navigation_e3 {
	background-image: url(/img/bg_header_special.png);
	background-repeat: no-repeat;	
	float: left;
	overflow: hidden;
	width: 900px;
}

.header_special_text,
.header_special_imagemap {
	background-position: 0 0;
	height: 66px;
}

	.header_special_text div,
	.header_special_imagemap div {
		background-repeat: no-repeat;		
	}

/* Special-Header mit Seitenueberschrift */
	.header_special_text div {
		color: #949494;
		font-size: 12px;
		height: 56px;
		overflow: hidden;
		padding: 10px 10px 0 148px;
		width: 742px;
	}
	
		.header_special_text b {
			color: #646464;
		}
		
		.header_special_text strong {
			display: block;
			font-size: 24px;
			line-height: 1.2;
			margin: 0;
		}
		
			.header_special_text a {
				color: #333;
			}

			.header_special_text a:hover {
				color: #477CB1;
			}			

/* Special-Header mit Imagemap */
	.header_special_imagemap div {
		height: 58px;
		margin: 0 0 10px 0;
		overflow: hidden;
		padding: 4px;
		text-align: right;		
		width: 892px;
	}
		
/* Navigation E3 */		
.navigation_e3 {
	background-position: 0 -66px;
	height: 29px;
	margin: 0 0 30px 0;
}

	.navigation_e3 ul {
		float: left;
		font-size: 13px;
		left: 50%;
		position: relative;
	}

		.navigation_e3 li {
			background: url(/img/bg_header_special.png) no-repeat 100% -95px;	
			color: #FFF;
			float: left;
			height: 23px;		
			padding: 6px 10px 0 0;
			position: relative;
			right: 50%;	
		}

			.navigation_e3 a {
				color: #FFF;
				display: block;
				padding: 0 0 0 10px;
				text-shadow: #000 1px 1px 0;			
				text-decoration: none;
			}
			
			.navigation_e3 li:first-child a {
				background: url(/img/bg_header_special.png) no-repeat 0 -101px;		
			}
			
			.navigation_e3 a:hover {
				color: #FFF;
				text-decoration: underline;
			}
			
		.navigation_e3 .aktiv {
			font-weight: bold;
		}
		


/* 3 Markenbaum --- */

/* 3.1 Box Markenuebersicht */

.wide_col .marken .eintrag {
	border: none;
	padding: 10px 5px 16px 5px;
}

	.marken img {
		background: #FFF;
		border: 1px solid #999;
		padding: 3px;
	}

	.marken strong {
		font-size: 11px;
	}


	
/* 4 Community --- */

/* 4.1 Kopf mit Navigation */

.community_header {
	position: relative;
	margin: 0 0 18px 0;
	width: 900px;
}

	.community_header .seitenueberschrift_klein {
		float: left;
		margin: 0 0 15px 0;
		padding: 0 0 0 128px;
	}

	.community_header .bild_user {
		border: 1px #676767 solid;
		left: 0;
		padding: 4px;
		position: absolute;
		top: 0;
	} 

/* Button neben der Seitenueberschrift */	
	.community_header .button_freund {
		background: url(/img/bg_button_freund_hinzufuegen.png) no-repeat 0 0;
		width: 142px;
	}
	
	.community_header .button_freundschaftsanfrage {
		background: url(/img/bg_button_freundschaftsanfrage_ausstehend.png) no-repeat 0 0;
		width: 198px;
	}
	
	.community_header .button_freund,
	.community_header .button_freundschaftsanfrage {
		color: #333;
		float: left;
		font-size: 11px;
		font-weight: bold;
		height: 22px;
		line-height: 22px;
		margin: 0 0 0 10px;
		padding: 0 0 0 28px;
		text-decoration: none;
		vertical-align: middle;
	} 
	
	.community_header a.button_freund:hover {
		text-decoration: underline;
	}  

/* Grundlayout Menue */	
	.community_header ul {
		background-image: url(/img/bg_community_header_neu.png);
		background-repeat: no-repeat;	
		float: left;
		font-size: 11px;
		height: 65px;
		line-height: 13px;
		overflow: hidden;
	}
	
		.community_header li {
			float: left;
			height: 21px;			
			padding: 0 0 0 10px;
			width: 182px;
		}
				
			.community_header li a,
			.community_header li span {
				background-image: url(/img/icon/sprite_icons_community.png);
				background-repeat: no-repeat;
				color: #666;
				float: left;
				padding: 1px 0 7px 22px;				
				text-decoration: none;
			}
										
			.community_header li a:hover {
				color: #000;
				text-decoration: underline;
			}
			
			.community_header .aktiv a {
				color: #333;
				font-weight: bold;				
			}			

	.menue {
		background-position: 0 0;
		clear: both;
		display: inline;		
		margin: 0 0 0 110px;	
		padding: 5px 0 0 11px;
		width: 587px;		
	}

	.aktivitaet {
		background-position: 100% 0;	
		padding: 5px 0 0 0;
		width: 192px;
	}			
			
/* Zusatzklassen fuer die einzelnen Menuefunktionen */			
			.community_header .uebersicht a {
				background-position: 0 0;
			}

			.community_header .nachrichten a,
			.community_header .nachrichten span {
				background-position: 0 -32px;
			}
			
			.community_header .nachrichten span {
				color: #999;
			}
	
			.community_header .nachrichten a.neue {
				background-image: none;
				background-color: #999;
				border-radius: 3px;
				-khtml-border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				color: #FFF;
				font-weight: normal;				
				margin: 0 0 0 10px;
				padding: 2px 4px 2px 4px;			
			}

			.community_header .nachrichten a.neue:hover {
				color: #FFF;
			}

			.community_header .fahrzeuge a {
				background-position: 0 -64px;
			}

			.community_header .bilder a {
				background-position: 0 -96px;
			}

			.community_header .freunde a {
				background-position: 0 -128px;
			}
			
			.community_header .freunde a.anfragen {
				background-image: none;
				background-color: #2AC700;
				border-radius: 3px;
				-khtml-border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				color: #FFF;
				margin: 0 0 0 10px;
				padding: 2px 4px 2px 4px;
			}
			
			.community_header .freunde a.anfragen:hover {
				color: #FFF;
			}			

			.community_header .awards a {
				background-position: 0 -160px;
			}

			.community_header .erfahrungsberichte a {
				background-position: 0 -192px;
			}

			.community_header .profil a {
				background-position: 0 -224px;
			}

			.community_header .persoenlichedaten a {
				background-position: 0 -256px;
			}

			.community_header .spammer a {
				background-position: 0 -576px;
			}		
			
			.community_header .forenbeitraege span {
				background-position: 0 -384px;
			}

			.community_header .kommentare span {
				background-position: 0 -544px;
			}	
			
			.community_header .info span {
				background-position: 0 -416px;
			}
			
			.community_header .geburtstag span {
				background-position: 0 -448px;
			}
								
			.community_header .leer span {
				background-image: none;
			}
						
/* 4.2 Menue Uebersichtsseite */
		
.community_uebersicht {
	color: #666;
	font-size: 11px;
	line-height: 17px;
	margin: 5px 0 40px 0;
	width: 410px;
}

	.community_uebersicht li {
		background-color: #FCFCFC;
		background-image: url(/img/bg_buttons_community_uebersicht_neu_sprite.png);
		background-repeat: no-repeat;
		border: 1px #E1E1E1 solid;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		float: left;
		margin: 0 0 10px 0;
		padding: 7px 5px 7px 70px;
		width: 209px;
	}
		
		.community_uebersicht span {
			background: none;
			border: none;
			display: inline;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			padding: 0;
		}
		
		.community_uebersicht a {
			color: #333;
		}
	
		.community_uebersicht a:hover {
			color: #477CB1;
		}
	
	.community_uebersicht .nachrichten {
		background-position: 0 0;
	}
	
	.community_uebersicht .awards {
		background-position: 0 -192px;
	}
	
	.community_uebersicht .fahrzeuge {
		background-position: 0 -48px;				
	}
	
	.community_uebersicht .erfahrungsberichte {
		background-position: 0 -240px;		
	}
	
	.community_uebersicht .bilder {
		background-position: 0 -96px;				
	}
	
	.community_uebersicht .profil {
		background-position: 0 -288px;		
	}
	
	.community_uebersicht .freunde {
		background-position: 0 -144px;				
	}
	
	.community_uebersicht .persoenlichedaten {
		background-position: 0 -336px;		
	}
	
	.community_uebersicht .profilbild {
		background-position: 0 -384px;		
	}

	.community_uebersicht .leer {
		background-color: #FFF;
		background-image: none;
		border: 1px #FFF solid;		
	}		

.menue_links {
	float: left;
	width: 286px;
}	

.menue_mitte {
	float: left;
	padding: 0 21px 0 21px;
	width: 286px;
}	

.menue_rechts {
	float: left;
	width: 286px;	
}			
			
/* 4.3 Fahrzeug auswaehlen */

.fahrzeug_auswaehlen div {
	padding: 0 120px 17px 0;
	width: 350px;
}
	
.fahrzeug_auswaehlen .alternativ {
	margin: -8px 0 0 0;
	padding: 0 120px 17px 0;
}
		
	.fahrzeug_auswaehlen .alternativ div {
		padding: 0;
	}

		.fahrzeug_auswaehlen .alternativ label {
			float: left;
			font-weight: normal;
			padding: 0 0 3px 0;
		}
		
		.fahrzeug_auswaehlen .alternativ input {
			float: right;
			width: 200px;
		}
		
		.fahrzeug_auswaehlen .button_weiter,
		.fahrzeug_auswaehlen .button_weiter_inaktiv {
			float: left;
			margin: 3px 0 30px 0;
		}

/* 4.4 Fahrzeug anlegen */

/* Fahrzeugdaten */
.fahrzeug_anlegen_fahrzeugdaten .checkbox_radio div {
	width: 50%;
}
								
/* Zulassungsdaten */
.fahrzeug_anlegen_zulassungsdaten select {
	margin: 0 10px 0 0;
}

/* Beschreibung */
.fahrzeug_anlegen_beschreibung textarea {
	height: 226px;
	width: 894px;
}
	
/* Bildbeschreibungen */	
.fahrzeug_anlegen_bilder_2 .liste {
	margin: 5px 0 0 0;
}

	.fahrzeug_anlegen_bilder_2 .eintrag {
		padding: 10px 0 10px 0;
	}

	.fahrzeug_anlegen_bilder_2 .eintrag .links {
		padding: 0;
		width: 160px;
	}

	.fahrzeug_anlegen_bilder_2 .eintrag .rechts {
		width: 740px;
	}

	.fahrzeug_anlegen_bilder_2 label {
		float: left;
		padding: 0 0 4px 0;
	}
	
	.fahrzeug_anlegen_bilder_2 textarea {
		clear: both;
		height: 67px;
		width: 734px;
	}
	
		.fahrzeug_anlegen_bilder_2 .rechts div {
			clear: none;
			float: right;
			padding: 0;
			width: auto;
		}
		
			.fahrzeug_anlegen_bilder_2 .rechts div label {
				color: #666;
				float: none;
				font-size: 11px;
				font-weight: normal;
				padding: 0;
			}
			
			.fahrzeug_anlegen_bilder_2 .rechts div input {
				float: none;
				padding: 0;
				width: auto;
			}

			.fahrzeug_anlegen_bilder_2 .rechts div label,
			.fahrzeug_anlegen_bilder_2 .rechts div input {
				display: inline-block;
				vertical-align: top;
			}	

/* Einstellungen */
.fahrzeug_anlegen_einstellungen label {
	font-weight: normal;
}
	
/* 4.5 Profil-Einstellungen */

/* Einstellungen */
.profil_einstellungen .messenger {
	padding: 0;
}

	.profil_einstellungen .messenger input {
		width: 110px;
	}

.profil_einstellungen textarea {
	height: 66px;
	width: 596px;
}

/* Passwort aendern */
.profil_einstellungen .email {
	margin: 0 0 16px 0;
}

	.profil_einstellungen .email em {
		color: #477CB1;
		font-style: normal;
		text-decoration: underline;
	}
	
/* Profilbild aendern */
.profil_einstellungen .checkbox_radio img {
	margin: 0 0 8px 0;
}

/* 4.6 Liste Uebersicht Fahrzeuge */

.uebersicht_fahrzeuge {
	margin: 0 0 40px 0; 
}

	.uebersicht_fahrzeuge .liste {
		padding: 0;
	}

		.uebersicht_fahrzeuge .liste .button_weiter_form_galerie {
			float: left;
			margin: 0 10px 0 0;
		}
		
		.uebersicht_fahrzeuge .liste strong {
			color: #333;
			display: block;
			margin: 0 0 5px 0;
		}

			.uebersicht_fahrzeuge .liste strong span {
				font-weight: normal;
			}		
		
		.uebersicht_fahrzeuge .liste .links {
			width: 85px;
		}

		.uebersicht_fahrzeuge .liste .mitte {
			width: 781px;
		}

		.uebersicht_fahrzeuge .liste .rechts {
			text-align: right;
			width: 30px;
		}
		
			.uebersicht_fahrzeuge .liste .aktiv .innen,
			.uebersicht_fahrzeuge .liste .isSelected .innen {
				background: #E5EFFA;
			}

/* 4.7 Liste Uebersicht Nachrichten */

.uebersicht_nachrichten {
	margin: 0 0 40px 0; 
}

	.uebersicht_nachrichten .liste {
		padding: 0;
	}
		
		.uebersicht_nachrichten .liste a {
			text-decoration: none;
		}

		.uebersicht_nachrichten .liste a:hover {
			text-decoration: underline;
		}
		
		.uebersicht_nachrichten .liste .links {
			font-size: 11px;	
			width: 250px;
		}
			
			.uebersicht_nachrichten .links img {
				float: left;
				margin: 0 8px 0 0;
			}
			
			.uebersicht_nachrichten .links div {
				clear: none;
				float: left;
				padding: 10px 0 0 0;
				width: auto;
			}
			
				.uebersicht_nachrichten .links small {
					color: #999;
					font-size: 11px;
					line-height: 15px;
				}

		.uebersicht_nachrichten .liste .mitte {
			font-size: 13px;		
			padding: 10px 0 0 0;	
			width: 616px;
		}
		
			.uebersicht_nachrichten .mitte span {
				background:	#477CB1;
				color: #FFF;
				display: inline-block;
				font-size: 11px;
				font-weight: bold;
				padding: 1px 3px 1px 3px;
			}	
		
			.uebersicht_nachrichten .mitte a {
				font-size: 14px;
				font-weight: bold;
			}

		.uebersicht_nachrichten .liste .rechts {
			text-align: right;
			width: 30px;
		}

			.uebersicht_nachrichten .neu .innen {
				background: #E5EFFA;
			}	

/* 4.8 Liste Uebersicht Awards */

.uebersicht_awards .buttons_top {
	padding: 12px 0 15px 0;
}

.uebersicht_awards .teaser_award_links,
.uebersicht_awards .teaser_award_rechts {
	margin: 0 0 20px 0;
} 

.uebersicht_awards .teaser_award_links {
	float: left;
}

.uebersicht_awards .teaser_award_rechts {
	float: right;
}

.uebersicht_awards .special {
	margin: 0 0 25px 0;
}

.uebersicht_awards .liste {
	padding: 0;
}

	.uebersicht_awards .liste .button_weiter_form_galerie {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.uebersicht_awards .liste .button {
		display: inline;
		float: right;
	}

	.uebersicht_awards .liste strong {
		color: #333;
		display: block;
		margin: 0 0 5px 0;
	}
	
		.uebersicht_awards .liste strong span {
			font-weight: normal;
		}	
	
	.uebersicht_awards .liste .links {
		width: 85px;
	}

	.uebersicht_awards .liste .mitte {
		width: 551px;
	}
		
	.uebersicht_awards .liste .rechts {
		width: 260px;
	}

		.uebersicht_awards .liste .aktiv .innen {
			background: #E5EFFA;
		}
			
/* 4.9 Nachricht Detailansicht / Konversation / neue Nachricht verfassen */

/* Formularelemente */
.nachricht label {
	display: block;
	margin: 0;
	width: auto;
}

.nachricht select {
	width: 198px;
}

.nachricht  input,
.nachricht  textarea {
	width: 768px;
}

.nachricht  textarea {
	height: 98px;
}

.neue_nachricht  textarea {
	height: 203px;
}

/* Layout */
.nachricht .liste {
	padding: 0;
}

	.nachricht .liste .eintrag {
		padding: 4px 0 21px 0;
	}
				
	.nachricht .liste .links {
		width: 58px;
	}

	.nachricht .liste .rechts {
		float: right;		
		width: 838px;
	}

		.nachricht .rechts div {
			clear: none;
			float: right;
			padding: 5px 64px 0 0;
			width: auto;
		}

	.nachricht .liste p {
		margin: 0 0 10px 0;
		padding: 0;
	}

	.nachricht .liste .absender,
	.nachricht .liste .empfaenger {
		font-size: 13px;	
	}
		
	.nachricht .liste .empfaenger {
		float: left;
		margin: 0;
	}	

	.nachricht .liste .kein_empfaenger {
		color: #999;
		float: left;
		margin: 14px 0 0 0;
	}		
	
		.nachricht .liste .absender a,
		.nachricht .liste .empfaenger a {			
			font-weight: bold;
		}
		
		.nachricht .liste .empfaenger a {
			line-height: 1.3;
		}
		
		.nachricht .liste .absender a:hover,
		.nachricht .liste .empfaenger a:hover {
			color: #000;
		}	

		.nachricht .liste .absender b,
		.nachricht .liste .empfaenger b,
		.nachricht .liste .absender small,
		.nachricht .liste .empfaenger small {
			font-size: 11px;
		}
		
		.nachricht .liste .absender small,
		.nachricht .liste .empfaenger small {
			color: #999;
		}

		.nachricht .eingabe {
			padding: 0 62px 0 62px;
			width: 776px;
		}
					
			.neue_nachricht .liste .eintrag {
				padding: 4px 0 4px 0;
			}
			
/* 4.10 Uebersicht Erfahrungsberichte */

.wide_col .erfahrungsberichte_uebersicht {
	border-bottom: 1px #E1E1E1 solid;
	border-top: none;
	margin: 0;
	padding: 0 0 20px 0;
}

	.wide_col .erfahrungsberichte_uebersicht .eintrag {
		border-bottom: none;
		border-top: 1px #E1E1E1 solid;
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		position: relative;
	}
	
	.wide_col .erfahrungsberichte_uebersicht .first {
		margin: 0;
		padding: 0;
	}
	
	.wide_col .erfahrungsberichte_uebersicht .intro {
		margin: 0;
		width: 560px;
	}

		.wide_col .erfahrungsberichte_uebersicht .intro a {
			color: #477CB1;
			font-weight: bold;
		}

		.wide_col .erfahrungsberichte_uebersicht .intro a:hover {
			color: #000;
		}
		
		.wide_col .erfahrungsberichte_uebersicht .intro .seitenueberschrift {
			font-size: 18px;
			width: auto;
		}
		
		.intro small {
			color: #999;
			display: block;
			font-size: 11px;
			margin: 0 0 5px 0;
		}
		
/* Box im Eintrag mit Bild und Rating */
	.wide_col .erfahrungsberichte_uebersicht .vorspannbild {
		left: -275px;
	}

.vorspannbild_rating {
	color: #666;
	float: left;
	font-size: 11px;
	width: 260px;
}

	.vorspannbild_rating .platzhalter {
		border: 1px #666 solid;
		height: 167px; /* Standardhoehe als Fallback */
		padding: 4px;
	}

	.vorspannbild_rating dl {
		background: #FCFCFC;
		border: 1px #E1E1E1 solid;
		float: left;
		margin: 0 1px 0 1px;
		padding: 9px 10px 1px 10px;
		width: 236px;
	}

		.vorspannbild_rating dt,
		.vorspannbild_rating dd {
			float: left;
			padding: 0 0 5px 0;
		}

		.vorspannbild_rating dt {
			color: #333;
			font-weight: bold;
			width: 100px;
		}
		
		.vorspannbild_rating dd {
			width: 136px;
		}

			.vorspannbild_rating dd a {
				font-weight: bold;
			}
			
			.vorspannbild_rating dd span {
				margin: 1px 28px 0 0;
			} 

/* Zusatzklasse, falls Vorspannbild vorhanden */
	.vorspannbild_rating .mit_bild {
		background: #FCFCFC url(/img/bg_box_neu.png) no-repeat 0 -266px;
	}

/* 4.11 Uebersicht Freunde / Freundschaftsanfragen */

.freunde_uebersicht {
	float: left;
	margin: 10px 0 30px 0;
	width: 900px;
}

	.freunde_uebersicht .eintrag {
		background: #FCFCFC url(/img/bg_profil_verlauf.png) repeat-y 78px 0;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top: 1px solid #E1E1E1;
		float: right;
		height: 64px;
		margin: 1px 0 21px 0;
		padding: 5px 0 5px 0;
		position: relative;
		width: 429px;
	}
	
		.freunde_uebersicht .bild {
			display: block;
		}
	
			.freunde_uebersicht img {
				background: #FFF;
				border: 1px solid #676767;
				float: left;
				left: 0;
				padding: 3px;
				position: absolute;
				top: -2px;
			}
	
		.freunde_uebersicht .anfrage,
		.freunde_uebersicht .benutzer,
		.freunde_uebersicht  small {
			float: left;
			padding: 0 0 0 97px;
			white-space: nowrap;
		}
		
		.freunde_uebersicht .anfrage,
		.freunde_uebersicht  small {
			width: 312px;		
		}		

		.freunde_uebersicht .benutzer {
			color: #333;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 11px 0;
		}
		
		.freunde_uebersicht a:hover.benutzer {
			color: #477CB1;
		}
		
		.freunde_uebersicht small {
			color: #666;
			font-size: 11px;
			margin: 0 0 6px 0;
		}
		
			.freunde_uebersicht .anfrage a {
				background-image: url(/img/icon/sprite_icons_community.png);
				background-repeat: no-repeat;
				color: #666;
				float: left;
				font-size: 11px;				
				margin: 0 17px 0 0;
				padding: 1px 0 4px 22px;
			}
			
			.freunde_uebersicht .anfrage a:hover {
				color: #000;
			}
	
	.freunde_uebersicht .bestaetigen {
		background-position: 0 -480px;
	}
	
	.freunde_uebersicht .ablehnen {
		background-position: 0 -512px;
	}
	
	.freunde_uebersicht .nachrichten {
		background-position: 0 -32px;
	}

	.freunde_uebersicht .abstand {
		float: left;
	}
	
/* 4.12 Uebersicht Fahrzeuge (Profil) */

.fahrzeuge_uebersicht {
	border-bottom: 1px #E1E1E1 solid;
	border-top: none;
	margin: 0 0 30px 0;
	padding: 0 0 12px 0;
}

	.fahrzeuge_uebersicht .eintrag {
		border-top: 1px #E1E1E1 solid;
		border-bottom: none;
		margin: 12px 0 0 0;
		min-height: 186px;
		height: auto !important;
		height: 186px;
		padding: 20px 0 0 0;
		position: relative;
	}
	
	.fahrzeuge_uebersicht .first {
		margin: 0;
		padding: 0;
	}
	
	.fahrzeuge_uebersicht .intro {
		margin: 0;
		width: 560px;
	}

		.fahrzeuge_uebersicht .intro a {
			color: #2761AD;
			font-weight: bold;
		}

		.fahrzeuge_uebersicht .intro a:hover {
			color: #000;
		}
		
		.fahrzeuge_uebersicht .intro .seitenueberschrift {
			font-size: 18px;
			margin: 0 0 14px 0;
			width: auto;
		}
		
		.fahrzeuge_uebersicht dl {
			float: left;
			font-size: 11px;
			width: 100%;
		}
		
			.fahrzeuge_uebersicht dt,
			.fahrzeuge_uebersicht dd {
				float: left;
				padding: 2px 0 7px 0;
			}
			
			.fahrzeuge_uebersicht dt {
				font-weight: bold;
				width: 28%;
			}

			.fahrzeuge_uebersicht dd {
				color: #666;
				width: 22%;				
			}			
		
/* Bild im Eintrag */
	.fahrzeuge_uebersicht .vorspannbild {
		border: 1px #666 solid;
		left: -280px;
		padding: 4px;
		top: 0;		
	}			

/* 4.13 Liste Uebersicht Freunde (alternatives Layout fuer phpFox) */

.uebersicht_freunde .liste {
	margin: 0;
	padding: 0;
}
	
	.uebersicht_freunde .liste a {
		text-decoration: none;
	}

	.uebersicht_freunde .liste a:hover {
		text-decoration: underline;
	}
				
		.uebersicht_freunde .links img {
			float: left;
			margin: 0 8px 0 0;
		}
		
	.uebersicht_freunde .liste .links {
		font-size: 11px;	
		width: 85px;
	}

	.uebersicht_freunde .liste .mitte {
		font-size: 14px;		
		padding: 0;	
		width: 619px;
	}
	
	.uebersicht_freunde .liste .rechts {
		float: right;
		width: 192px;
	}	
		
		.uebersicht_freunde .liste .mitte div {
			padding: 0;
		}

		.uebersicht_freunde .liste p,
		.uebersicht_freunde .liste dl {
			color: #666;
			font-size: 11px;
			padding: 2px 0 0 0;			
		}
		
		.uebersicht_freunde .liste p {
			margin: 0;
		}		
		
		.uebersicht_freunde .liste dl {
			clear: both;
			float: left;
			line-height: 1.6;
			width: 340px;
		}
		
			.uebersicht_freunde .liste dt,
			.uebersicht_freunde .liste dd {
				float: left;
			}			

			.uebersicht_freunde .liste dt {
				clear: both;
				width: 120px;				
			}
			
			.uebersicht_freunde .liste dd {
				width: 220px;				
			}			
			
			.uebersicht_freunde .mitte a {
				font-weight: bold;
			}
	
/* Action-Menue in der rechten Spalte */
.user_menue {
	font-size: 11px;
	line-height: 13px;
	padding: 1px 0 0 0;
}

	.user_menue a {
		background-image: url(/img/icon/sprite_icons_community.png);
		background-repeat: no-repeat;
		color: #666;
		font-size: 11px;				
		display: inline-block;
		padding: 1px 0 7px 22px;
	}
	
	.user_menue a:hover {
		color: #000;
	}

	.user_menue .profil a {
		background-position: 0 0;
	}	
	
	.user_menue .nachrichten a {
		background-position: 0 -32px;
	}
	
	.user_menue .freunde a {
		background-position: 0 -128px;
	}	
	
	.user_menue .bestaetigen a {
		background-position: 0 -480px;
	}

	.user_menue .ablehnen a,	
	.user_menue .loeschen a {
		background-position: 0 -512px;
	}

	.user_menue .hinzufuegen a {
		background-position: 0 -608px;
	}

	.user_menue .user_suchen a {
		background-position: 0 -640px;
	}	
		
/* 4.14 Crop-Tool fuer Avatarbilder */

.crop_tool div {
	clear: none;
	float: none;
	padding: 0;
	width: auto;
}

.crop_tool .editor {
	float: left;
	width: 100%;
}

	.crop_tool .vorschau,
	.crop_tool .editor .original {	
		float: left;
		margin: 0 10px 10px 0;
	}
	
/* 4.15 Formular Mitgliedersuche / Profil loeschen (phpFox) */

.mitgliedersuche div {
	clear: none;
	width: 50%;
}

.mitgliedersuche label {
	cursor: default;
}

.mitgliedersuche .checkbox_radio label {
	cursor: pointer;
}

.mitgliedersuche .user_alter select {
	float: none;
	width: 169px;
}	

.mitgliedersuche .user_sort select {
	float: none;
	width: 173px;
}

.profil_loeschen textarea {
	height: 66px;
	width: 596px;
}	



/* 5 Galerie --- */

/* 5.1 Box Galerie-Uebersicht */

.galerie {
	margin: 0;
	padding: 0;
}	

	.wide_col .galerie .eintrag {
		padding: 11px 6px 11px 6px;
		width: 886px;
	}

		.galerie img {
			background: #FFF;
			border: 1px #999 solid;
			margin: 0;
			padding: 3px;
		}

/* 5.2 Detailansicht (Querformat/Hochformat) */

.galerie_grossansicht {
	float: left;
	margin: 10px 0 20px 0;
	width: 100%;
}
		
	.galerie_grossansicht .bild {
		clear: both;
		margin: 0 0 5px 0;
		min-height: 604px;
		height: auto !important;
		height: 604px;				
		text-align: center;
		width: 100%;
	}	
		
		.galerie_grossansicht .innen {
			background: #FFF url(/img/loadinfo_gross.gif) no-repeat center center;
			border: 1px #999 solid;
      display: inline-block;
			font-size: 10px;			
			margin: 0 auto;
			min-height: 200px;
			min-width: 200px;					
			padding: 4px;	
		}

/* inline-block Verhalten fuer IE7 */		
		.galerie_grossansicht .innen {
			zoom: 1;
			*display:inline;		
		}
		
	.galerie_grossansicht p {
		color: #666;
		font-size: 13px;
	}
		
	.galerie_grossansicht small {
		color: #CCC;
		display: block;
		font-size: 10px;
		margin: 0 0 18px 0;
		text-align: right;
	}
	
/* Buttons oben und unten */
	.galerie_grossansicht .buttons {
		float: left;
		font-size: 11px;
		margin: 0 0 10px 0;
		width: 100%;
	}
		
		.galerie_grossansicht .zaehler {
			color: #999;
			float: right;
			padding: 4px 20px 0 0;			
		}

		.galerie_grossansicht .button_zurueck_form_galerie {
			float: right;
			margin: 0 5px 0 0;
		}

/* 5.3 Vertikaler Teaser Weitere Galerien	*/

.galerie_uebersicht {
	margin: 0 0 17px 0;
	width: 900px;
}

	.galerie_uebersicht .innen {
		font-size: 11px;
		font-weight: bold;
		line-height: 1.2;
		margin: 5px 0 0 0;	
		width: 920px;
	}

		.galerie_uebersicht .eintrag {
			height: 165px;
			padding: 0 20px 23px 0;
			overflow: hidden;
			width: 164px;
		}
		
			.galerie_uebersicht .eintrag a {
				color: #333;
				display: block;
				text-decoration: none;
			}

				.galerie_uebersicht .eintrag img {
					background: #FFF;
					border: 1px #999 solid;
					display: block;
					padding: 3px;
					margin: 0 0 5px 0;
				}
				
				.galerie_uebersicht .eintrag .link {
					color: #477CB1;
					display: block;
					font-size: 12px;
					margin: 3px 0 0 0;				
					text-decoration: underline;
				}
				
				.galerie_uebersicht .eintrag a:hover,
				.galerie_uebersicht .eintrag a:hover .link {
					color: #000;
				}



/* 6 Uebersichtsseiten --- */

/* 6.1 Typ 1: Topteaser vertikal */

.topteaser {
	float: left;
	margin: 0 0 30px 0;
	position: relative;	
	width: 100%;
}

/* Menue oben */
	.topteaser ul {
		left: 0;
		position: absolute;
	}

		.topteaser li {
			float: left;
			font-size: 11px;
			font-weight: bold;
			margin: 0 1px 0 0;
			text-transform: uppercase;
		}
		
			.topteaser li a {
				background-image: url(/img/bg_topteaser_menue_sprite.png);
				background-position: left bottom;							
				background-repeat: repeat-x;
				border-left: 3px #000 solid;
				color: #FFF;
				display: inline-block;
				padding: 5px 10px 5px 8px;
				text-decoration: none;						
			}
			
			.topteaser li a:hover {
				color: #FFF;
				text-decoration: underline;											
			} 					

			.topteaser .aktiv a {
				background-position: left top;
				border: none;
				padding: 5px 10px 5px 11px;
			}	

/* Grossansicht links */
	.topteaser .links {
		width: 580px;
	}

		.topteaser  .teaserfooter {
			background: #FCFCFC url(/img/bg_box_neu.png) no-repeat 0 -266px;
			border: 1px #E1E1E1 solid;
			margin: 0 1px 0 1px;
			overflow: hidden;			
			padding: 6px 10px 7px 10px;
			width: 556px;
		}
				
			.topteaser  .titel,
			.topteaser  .zusatzinfo {
				float: left;
				font-size: 11px;			
			}			

			.topteaser  .titel {
				border-right: 1px #EEE solid;
				font-weight: bold;
				min-height: 54px;
				height: auto !important;
				height: 54px;
				padding: 0 10px 0 0;
				width: 327px;
			}

				.topteaser  .titel a {
					color: #333;
					text-decoration: none;
				}
				
					.topteaser .titel .teaserueberschrift {
						font-size: 18px;
					}
		
					.topteaser .titel a:hover,
					.topteaser .titel a:hover .teaserueberschrift {
						color: #000;
					}

					.topteaser .titel a:hover .teaserueberschrift {
						text-decoration: underline;
					}				

/* AddOns links unten */			
			.topteaser  .zusatzinfo {	
				padding: 2px 0 0 10px;
				width: 208px;
			}
			
				.topteaser  .zusatzinfo small {
					color: #666;
					display: block;
					font-size: 10px;
					margin: 0 0 5px 0;
				}

				.topteaser .zusatzinfo img {
					float: left;
					margin: 0 10px 0 0;
				}		

				.topteaser .zusatzinfo .avatar {
					background: #FFF;			
					border: 1px #B1B1B1 solid;			
					padding: 1px;				
				}
				
				.topteaser .zusatzinfo a {
					font-size: 13px;
					font-weight: bold;				
				}

				.topteaser  .zusatzinfo em {
					background: url(/img/topteaser_kommentare.png) no-repeat 0 0;				
					float: left;
					font-style: normal;					
					height: 50px;
					margin: 0 10px 0 0;					
					text-align: center;
					width: 50px;
				}

					.topteaser  .zusatzinfo em a {
						color: #94A8B5;
						display: block;
						font-size: 24px;
						line-height: 30px;						
						padding: 7px 0 13px 0;						
						text-decoration: none;
						text-shadow: #FFF 1px 1px 0;
						width: 100%;						
					}				

				.topteaser  .zusatzinfo span {
					display: block;
				}
				
					.topteaser  .zusatzinfo span a {
						font-size: 14px;
						text-decoration: none;
					}

					.topteaser  .zusatzinfo span a:hover {
						color: #000 !important;
						text-decoration: underline;
					} 
					
				.topteaser .zusatzinfo p {
					line-height: 1.2;
					margin: 6px 0 0 0;
					overflow: hidden;
				}
				
					.topteaser .zusatzinfo p a {
						color: #333;
						font-size: 11px;
					}

					.topteaser .zusatzinfo p a:hover {
						color: #477CB1;
					}					
			
/* Auswahlmenue rechts */	
	.topteaser .rechts {
		font-size: 11px;	
		height: 395px;
		margin: -9px 0 0 0;
		overflow: hidden;
		width: 304px;
	}

		.topteaser  .eintrag {
			border-top: 1px #E7E7E7 solid;
			float: left;
			position: relative;
		}
		
			.topteaser .play {
				background: url(/img/bg_play.png) no-repeat 0 0;
				cursor: pointer;				
				height: 37px;
				left: 26px;
				position: absolute;
				text-indent: -10000px;					
				top: 20px;
				width: 37px;
			}
	
		.topteaser .rechts img,
		.topteaser .rechts h2 {
			float: left;
		}

		.topteaser .rechts img {
			clear: both;
			padding: 9px 10px 9px 0;
		}		
		
		.topteaser .rechts h2 {
			margin: 9px 0 0 0;	
			width: 204px;
		}
		
			.topteaser .rechts a {
				font-weight: bold;
				text-decoration: none;
			}
						
				.topteaser .rechts .teaserueberschrift {
					color: #333;
					font-size: 15px;
					line-height: 1.3;
				}

				.topteaser .rechts a:hover {
					color: #000;
				}
				
					.topteaser .rechts a:hover .teaserueberschrift {
						text-decoration: underline;
					}				

/* 6.2 Typ 2: 3er Teaser vertikal ohne Boxlayout */

.typ_2 {
	overflow: hidden;
	width: 900px;
}

	.typ_2 .innen {
		width: 918px;
	}

	.typ_2 .eintrag {
		font-size: 13px;
		padding: 0 20px 0 0;
		width: 286px;
	}
	
	.typ_2  .teaserueberschrift {
		font-size: 18px;
	}
	
/* 6.3 Typ 3: 3er Teaser vertikal ohne Boxlayout mit ContentAd */

.typ_3 {
	width: 900px;
}

	.typ_3 .eintrag {
		font-size: 13px;
		padding: 0 20px 0 0;
		width: 180px;
	}

	.typ_3  .teaserueberschrift {
		font-size: 15px;
	}
	
	.typ_3 .ad_banner {
		clear: none;
		float: left;
		margin: 0;
		overflow: hidden;
		width: 300px;
	} 

/* 6.4 Typ 4: 4er Teaser vertikal */

.typ_4 .eintrag {
	width: 204px;
}

.typ_4  .teaserueberschrift {
	font-size: 15px;
}
			
/* 6.5 Typ 5: 4er Galerieteaser vertikal */

.typ_5 .eintrag {
	background: url(/img/bg_thumbnail_sprite.png) no-repeat 100% 5px;	
	padding: 110px 10px 10px 10px;
	position: relative;
	width: 204px;
}

.typ_5  .teaserueberschrift {
	font-size: 15px;
}

.typ_5 img {
	position: absolute;
}

.typ_5 .size_1,
.typ_5 .size_2 {
	border-right: 1px #FFF solid;
}

.typ_5 .size_1 {
	left: 11px;
	top: 11px;
	z-index: 3
}

.typ_5 .size_2 {
	left: 70px;
	top: 18px;
	z-index: 2
}

.typ_5 .size_3 {
	left: 121px;
	top: 24px;
	z-index: 1
}

.typ_5 strong {
	margin: 0;
}
	
	.typ_5 strong a {
		font-weight: normal;
	}

/* 6.6 Typ 6: 4er Teaser vertikal ohne Boxlayout	*/

.typ_6 {
	overflow: hidden;
	width: 900px;
}

	.typ_6 .innen {
		width: 920px;
	}

	.typ_6 .eintrag {
		font-size: 13px;
		padding: 0 20px 0 0;
		width: 210px;
	}
	
	.typ_6  .teaserueberschrift {
		font-size: 18px;
	}	
	
/* 6.7 Typ 7: Teaser horizontal halbe Spaltenbreite */

.typ_7 {
	width: 440px;
}

	.typ_7 .kopfzeile {
		width: 430px;
	}
	
	.typ_7 .box, 
	.typ_7 .box .weiter {
		width: 438px;
	}
		
	.typ_7 .links {
		width: 204px;
	}
	
	.typ_7 .rechts {
		width: 204px;
	}

	.typ_7  .teaserueberschrift {
		font-size: 15px;
	}
	
	.typ_7 p {
		margin: 0 0 2px 0;
	}


	

/* 7 Sonderseiten --- */

/* 7.1 Service */

.service_uebersicht {
	float: left;
	font-size: 11px;
	margin: -1px 0 0 0;
	width: 100%;
}

	.service_uebersicht .eintrag {
		border-top: 1px #E1E1E1 solid;
		float: right;
		min-height: 88px;
		height: auto !important;
		height: 88px;
		padding: 18px 0 16px 0;
		width: 420px;
	}
	
	.service_uebersicht .abstand {
		float: left;
	}

		.service_uebersicht img {
			float: left;
			padding: 0 10px 0 10px;
		}	

		.service_uebersicht span {
			font-size: 13px;
			font-weight: bold;
			line-height: 1.1;		
		}
		
		.service_uebersicht h2 {
			font-size: 18px;
			font-weight: bold;
			line-height: 1.1;
			margin: 0 0 4px 0;		
		}

		.service_uebersicht a {
			text-decoration: none;
		}
		
		.service_uebersicht a:hover {
			text-decoration: underline;
		}
		
		.service_uebersicht p {
			margin: 0;
			overflow: hidden;
		}
		
/* 7.2 Seite fuer externe Inhalte/iFrames */		

.content_extern {
	clear: both;
	margin: 0 0 35px 0;
	text-align: center;
}		/* CSS-Definitionen fuer die klickbaren Bewertungssterne neben der Artikelueberschrift */


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url(/img/bg_rating_klickbar_sprite.png) left -1000px repeat-x;
}

.star-rating {
	position: relative;
	width: 80px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

	.star-rating li {
		background: none;
	 	display: inline;
		padding: 0;
	}

	.star-rating a,
	.star-rating .current-rating {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		height: 25px;
		line-height: 25px;
		outline: none;
		overflow: hidden;
		border: none;
	}

	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus {
		background-position: left bottom;
	}

	.star-rating .current-rating {
		z-index: 1;
		background-position: left center;
	}

	.inline-rating {
		display: -moz-inline-block;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
	}

	.small-star {
		width: 70px;
		height: 14px;
	}

	.small-star,
	.small-star a:hover,
	.small-star a:active,
	.small-star a:focus,
	.small-star .current-rating {
		background-image: url(/img/bg_rating_klickbar_sprite.png);
		line-height: 14px;
		height: 14px;
	}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}