@charset "UTF-8";

body {margin:0px; background-image:url(../assets/backgrounds/bg_site.gif); font-family:Arial, Helvetica, sans-serif; color:#404040;}

/*Headlines*/
h1, h2 {font-size:16px;}
h3{font-size:14px; margin-top:10px;}
h4{font-size:12px;}

/*Links*/
a:link, a:visited{color:#4d4d4d;}
a:hover {color: #00629C; text-decoration:none;}

/*Aufzählung*/
li {list-style-type:square;}

/*Trenner*/
hr {height: 1px; border: 0px; border-top: 1px dotted #404040;}

.trenner{border:1px solid #d9d9d9; margin:2px 27px; height:5px;width:795px;}
.hr_inactive {background-color:#8c8c8c; }
.hr_active {background-color:#00629c; }

/*Seitenkopf*/
#site_top_shadow {height:115px; background-image:url(../assets/backgrounds/bg_site_top.gif);}
#site_header {width:797px; margin:0px 27px;	}
#raudzus_logo { margin:30px 26px 11px 0px;}

#sprachwahl { margin-left:46px; font-size:11px; font-weight:bold; display:none;}
	#sprachwahl a:link, #sprachwahl a:visited, #sprachwahl a:hover, #sprachwahl a:active{text-decoration:none;font-weight:normal; color:#4d4d4d;}
	#sprachwahl a:hover, #sprachwahl a:active{font-weight:bold;}

.marken_hersteller{float:right;}

/*Navigation*/
#navi_main, #navi_sub {width:797px; height:32px; background-image:url(../assets/backgrounds/bg_menu.gif); border-style:solid; border-color:#d9d9d9; border-width:1px;
						font-family: Arial;
						font-size: 12px;
						text-transform:uppercase;
						color:#d9d9d9;							
						margin:0px 26px;	
}

/*Hauptnavigation*/
#navi_main * {float:right; margin:8px;}
#navi_main span {text-decoration:underline;}
#navi_main a:link { color:#FFFFFF; text-decoration:none;}
#navi_main a:visited { color:#FFFFFF; text-decoration:none;}
#navi_main a:hover { text-decoration:underline; }
#navi_main a:active { text-decoration:underline; }

/*Sparten-Navigation*/
#navi_sub a, #navi_sub span {width:264px; height:32px; display:block; float:left; border-right: 1px solid #d9d9d9;}
#navi_sub a:hover, #navi_sub a.active { background-image:url(../assets/backgrounds/bg_menu_sub_active.gif); border-right:1px solid #d9d9d9;}
#navi_sub a:link img, #navi_sub a:visited img, #navi_sub span img{margin:11px auto; display:block; }

/*Kopfgrafik*/
#foto_area {background-image:url(../assets/backgrounds/bg_fotoarea.jpg); height:198px;}
#seitenfoto {height:198px; background-repeat:no-repeat; background-position: 315px 0px;}

	.pic_startseite {background-image:url(../assets/tracks/tracks_pkw.jpg);}
	.pic_pkw {background-image:url(../assets/tracks/tracks_pkw.jpg);}
	.pic_motorrad {background-image:url(../assets/tracks/tracks_motorrad.jpg);}
	.pic_lkw {background-image:url(../assets/tracks/tracks_lkw.jpg);}
	.pic_service {background-image:url(../assets/tracks/tracks_service.jpg);}

#seitenfoto img, #seitenfoto object {margin:0px 26px; display:block;  width:797px; height:198px; border-style:solid; border-color:#d9d9d9 ; border-width:0px 1px; color:#FFFFFF;}

/*Content-Bereich*/
#content_area {margin:0px 27px; width:795px; background-color:#d9d9d9; font-size:12px; border:solid #d9d9d9 1px; overflow:visible;  }
#content_area a:hover, #content_area a:active {color:#00629c;}
		.content_pkw {background-image:url(../assets/backgrounds/content_bg_pkw.jpg); }
		.content_motorrad {background-image:url(../assets/backgrounds/content_bg_motorrad_b.jpg); }
		.content_lkw {background-image:url(../assets/backgrounds/content_bg_lkw.jpg); }
		.content_service {background-image:url(../assets/backgrounds/content_bg_service.jpg); }
		.content_home {background-color: #DADADA;}
		.content_default {background-image:url(../assets/backgrounds/bg_content.gif); background-position:right; background-repeat: repeat-y;}

		/*Spalte links*/
		#content_area #spalte_links { width: 468px; overflow:visible; padding:20px; margin-top: 5px; 
											scrollbar-face-color: #B1B1B1;
											scrollbar-highlight-color: #B1B1B1;
											scrollbar-3dlight-color: #D9D9D9;
											scrollbar-darkshadow-color: #D9D9D9;
											scrollbar-shadow-color: #D9D9D9;
											scrollbar-arrow-color: #FFFFFF;
											scrollbar-track-color: #D9D9D9;
		}
	
		#content_area #spalte_links.intro { width: 288px; height: 278px; padding:20px; overflow:auto; background-position:top left; background-repeat:no-repeat; 
												scrollbar-face-color: #B1B1B1;
												scrollbar-highlight-color: #B1B1B1;
												scrollbar-3dlight-color: #D9D9D9;
												scrollbar-darkshadow-color: #D9D9D9;
												scrollbar-shadow-color: #D9D9D9;
												scrollbar-arrow-color: #FFFFFF;
												scrollbar-track-color: #D9D9D9;
		}
		
		.textumfluss { float:right; padding: 5px; background-color:#FFF; margin: 0px 0px 15px 15px;}
		.bild_transporter{padding: 3px; background-color:#FFF; margin: 0px 5px 15px 0px;}
	
	
	/*Spalte rechts*/
	#content_area #spalte_rechts h1 {font-size:14px;}
	#content_area #spalte_rechts {float:right; width:266px; height:inherit; border-left:solid #d9d9d9 1px; background-color: #b1b1b1; }
	
		.home {padding: 14px 28px 14px 28px; height: 220px; overflow:visible; border-left:solid #d9d9d9 1px;}
		.text { padding: 28px 28px 14px 28px; background-color: transparent; }
		#content_area #spalte_rechts table{width:215px; margin:0px auto;}

		/*Ansprechpartner in rechter Spalte*/
		.ansprechpartner_portrait {border:5px solid #d9d9d9;}
		.ansprechpartner_thumb {border:3px solid #4f4f4f; margin:5px 2px  2px  2px;}
		.ansprechpartner_thumb:hover, .active_thumb {border:4px solid #d9d9d9; margin:4px 1px 1px 1px; cursor:pointer;}
		
		/*News in rechter Spalte*/
		a.news {border-top: 1px dotted #404040; padding: 15px 4px 15px 4px; float:left; clear:both;color: #404040; width: 195px;}
		a.news:hover {text-decoration:none; color: #404040;}

/* Startseite */
#aktuelles {margin:0px 27px; width:795px; height:89px; border:1px solid #d9d9d9; background-image:url(../assets/backgrounds/bg_aktuelles.gif);}
#aktuelles .text_small {font-size: 12px; }

#aktuelles a:link, #aktuelles a:visited{ color:#404040; text-decoration:none}
#aktuelles a:hover, #aktuelles a:active{ color:#FFFFFF;}

.quickstart_link{width:528px; height:82px; float: left; overflow:visible; display:block; color:#FFFFFF; font-size:12px; text-decoration:none; background-position:right; border-bottom:solid #d9d9d9 1px; }
.flaeche {width:262px;  border-right:solid #d9d9d9 1px; height:inherit; background-image:url(../assets/quickstart/quickstart_flaeche_bg_inactive.gif); height:82px; border-bottom: 0px none;}
.quickstart_link:hover .flaeche { background-image:url(../assets/quickstart/quickstart_flaeche_bg_active.gif);}
.quickstart_link:hover  {}
.quickstart_link img{margin: 24px 20px 9px 20px;}
.quickstart_link span{  display:block; margin-left:20px;}

	.qsl_pkw{ background-image:url(../assets/teaser_images/qsl_pkw_inactive.jpg); cursor:pointer;}
	.qsl_motorrad{ background-image:url(../assets/teaser_images/qsl_motorrad_inactive.jpg); cursor:pointer;}
	.qsl_lkw{ background-image:url(../assets/teaser_images/qsl_lkw_inactive.jpg); cursor:pointer;}
	.qsl_service{ background-image:url(../assets/teaser_images/qsl_service_inactive.jpg); cursor:pointer; }
	
	.qsl_pkw:hover{ background-image:url(../assets/teaser_images/qsl_pkw_active.jpg);}
	.qsl_motorrad:hover{ background-image:url(../assets/teaser_images/qsl_motorrad_active.jpg); }
	.qsl_lkw:hover{ background-image:url(../assets/teaser_images/qsl_lkw_active.jpg);  }
	.qsl_service:hover{ background-image:url(../assets/teaser_images/qsl_service_active.jpg);  }


/*Quicklinks */
#quicklinks {margin:0px 27px; width:797px; font-size:12px; }

#quicklinks a.ql_dark {height:124px; display:block; overflow:hidden; font-weight: normal; text-decoration:none; border:solid #d9d9d9 1px; color:#FFF; float:left; width:223px; padding: 20px; background-image:url(../assets/quicklinks/quicklink_bg_service.gif); background-color:#4f4f4f;}
	#quicklinks a.ql_dark:hover {background-color:#004377; color:#FFFFFF; background-image:url(../assets/quicklinks/quicklink_bg_active.gif);}
	#quicklinks a.ql_dark:hover span {background-image:url(../assets/quicklinks/quicklink_arrow_active.gif); font-weight:normal;}
	#quicklinks a.ql_dark h1 {font-size: 14px; text-transform:uppercase; font-weight:bold; margin-bottom: 15px;}
	#quicklinks a.ql_dark span {background-image:url(../assets/quicklinks/quicklink_arrow_inactive_b.gif); font-weight:normal; padding-left: 25px; background-position:top left; float:left; background-repeat:no-repeat; margin-top: 15px;}

#quicklinks a.ql_light {height:124px; overflow:hidden; display:block; text-decoration:none; border: solid #d9d9d9 1px; color:#FFF; float:left; width:223px; padding: 20px; color:#515151; background-image:url(../assets/quicklinks/quicklink_bg_inactive.gif); background-color:#9b9b9b;}
	#quicklinks a.ql_light:hover {background-color:#004377; color:#FFFFFF; background-image:url(../assets/quicklinks/quicklink_bg_active.gif);}
	#quicklinks a.ql_light:hover span {background-image:url(../assets/quicklinks/quicklink_arrow_active.gif); font-weight:normal;}
	#quicklinks a.ql_light h1 {font-size: 14px; text-transform:uppercase; font-weight:bold; margin-bottom: 15px;}
	#quicklinks a.ql_light span {background-image:url(../assets/quicklinks/quicklink_arrow_inactive.gif); font-weight:normal; padding-left: 25px; background-position:top left; float:left; background-repeat:no-repeat; margin-top: 15px;}

#gebrauchtwagen_gfx {margin: -20px 0px 0px 0px; float:right; width:267px; height:162px; background-image:url(../images/gebrauchte_inactive.jpg);}
a:hover #gebrauchtwagen_gfx, a:active #gebrauchtwagen_gfx { background-image:url(../images/gebrauchte_active.jpg);}

#qlink_editmode {width: 300px; height: 300px; background-color:#666; padding: 20px; margin: 20px; float:left; color:#FFF;}

/* Footer */
#fusszeile {
	border:solid #d9d9d9 1px; background-image:url(../assets/backgrounds/bg_fusszeile.gif); background-repeat:repeat-x; background-color:#656565; height:54px; width:797px;
	font-size:12px; color:#FFFFFF; margin: 0px 0px 0px 26px;	padding: 0px 0px 5px 0px;}
#fusszeile a:link, #fusszeile a:visited {color:#FFFFFF; text-decoration:none;}
#fusszeile a:hover, #fusszeile a:active {color:#FFFFFF; text-decoration:underline;}
#fusszeile table {margin-top:10px; margin-left:20px; }

/*Tabelle*/
tr.odd td {background-color: #EBEBEB;}

/*Texteingabefelder*/
.textinput {border: 1px solid #B1B1B1; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}