/* Allgemeine HTML-Tag-Definitionen */

BODY { background-color:#fff ; color:#000 ; margin:0 ; font-family:Verdana,Arial,Helvetica,sans-serif ; font-size:11px }
TR,TD,P { color:#000 ; font-family:Verdana,Arial,Helvetica,sans-serif ; font-size:11px } 
A:link , A:visited { color:#000 ; text-decoration:underline }
A:hover { color:#BDCF2D ; text-decoration:underline }


.tblgitter {
border:1px; border-style:solid; border-color:#666; padding:0px;
}
.tblgitter td {
	border-right:1px; border-bottom:1px; border-top:0px; border-left:0px; border-style:solid; border-color:#666; padding:3px;
}
.tblgitter td.rlast {
	border-right:0px;
}
.tblgitter td.ulast {
	border-bottom:0px;
}


/* Allgemeine Formular-Elemente und Bestellformular */

form { margin:0 }
select { font-size:12px ; font-family:arial,helvetica,sans-sarif }
.orderform { font-size:12px ; font-family:arial,helvetica,sans-sarif }


/* Hauptfarben -> Tabellenhintergründe */

.os_main_shoppage { width:950px ; margin:0; padding:0px; }
.os_main_shoptable1 , .os_main_shoptable2 , .os_main_shoptable3 { width:960px ; margin:0 ; padding:0 ; border:0 ; border-spacing:0 }



/* ---------- KOPFBEREICH ---------- */

.os_head_head1 , .os_head_head2 { background-color:#A3A3A3 ; color:#fff ; vertical-align:middle ; text-align:center ; font-size:20px }
.os_head_head1 { width:170px }
.os_head_line { background-color:#fff ; height:1px ; width:1px }


.header { background:url(../headerbg.jpg) no-repeat; width:960px; height:75px; margin: 0 auto; float:left; }
.header img { padding:0px; margin:0px; border:0px; }
.blockln1 { float:left; height:22px; width:290px; }
.blockln2 { clear:both; float:left; height:22px; width:267px; }
.blockln3 { clear:both; float:left; height:22px; width:244px; }

#wline1 { clear:both; height:1px; width:641px; margin-left: 261px; background-color:#FFFFFF; }
#wline2 { clear:both; height:1px; width:641px; margin-left: 215px; background-color:#FFFFFF; }
#wline3 { clear:both; height:1px; width:641px; margin-left: 169px; background-color:#FFFFFF; }

#wwline1 { clear:both; height:1px; width:641px; margin-left: 261px; background-color:#FFFFFF; }
#wwline2 { clear:both; height:1px; width:641px; margin-left: 215px; background-color:#FFFFFF; }
#wwline3 { clear:both; height:1px; width:641px; margin-left: 169px; background-color:#FFFFFF; }


a.line1, a.line2, a.line3, a.line1:hover, a.line2:hover, a.line3:hover,a.line1:visited, a.line2:visited, a.line3:visited  { text-decoration:none; color:#333333; }

.line1, .line2, .line3{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:10px; font-weight:bold; float:left;  line-height:22px; width: 184px; height:22px; text-align:center; }
a.line1 { background:url(../1line.gif) no-repeat; }
a.line1:hover { background:url(../1line.gif) no-repeat; background-position: 0 -22px; }
a.line2 { background:url(../2line.gif) no-repeat; }
a.line2:hover { background:url(../2line.gif) no-repeat; background-position: 0 -22px; }
a.line3 { background:url(../3line.gif) no-repeat; }
a.line3:hover { background:url(../3line.gif) no-repeat; background-position: 0 -22px; }
.einschub { margin-left:-24px; }


/* Navigation : Schrift "Kopfbereich 2" */

.os_head_navi_td1 , .os_head_navi_td2  { height:25px ; background-color:#537DB3 ; padding:0 ; margin:0 ; color:#fff }
.os_head_navi_td2 { border-right: 5px solid #A9BED9 }
.os_head_navi20 { list-style:none ; padding:0 ; margin:0 ; height:25px }
.os_head_navi21 , .os_head_navi21_active { padding: 6px 12px 6px 12px ; float:left ; border-right: 1px solid #fff }
.os_head_navi21_active { background-color:#fff }
A.os_head_navi2:link , A.os_head_navi2:visited { color:#fff ; text-decoration:none }
A.os_head_navi2:hover { color:#fff ; text-decoration:underline }
A.os_head_navi2_active:link , A.os_head_navi2_active:visited { color:#537DB3 ; text-decoration:none }
A.os_head_navi2_active:hover { color:#BDCF2D ; text-decoration:underline }



/* ---------- FUSSBEREICH ---------- */

/* "Fussbereich 1" : Shoplinks */

.os_foot_line { background-color:#fff ; height:1px }
.os_foot_navi1_div { background-color:#537DB3 ; color:#fff ; vertical-align:middle ; text-align:center ; padding:8px ; font-size:10px }
A.os_foot_navi1:link , A.os_foot_navi1:visited { font-size:10px ; color:#fff ; text-decoration:none }
A.os_foot_navi1:hover { color:#fff ; text-decoration:underline }

/* "Fussbereich 2" : Fusszeile */

.os_foot_navi2_div { /* background:url(../bottomnav_bg.gif) center no-repeat; */ clear:both; font-size:10px ; color:#6C6C6C ; text-align:center ; padding:20px } 
.os_foot_navi2_div p { color:#6C6C6C ; }
A.os_foot_navi2:link , A.os_foot_navi2:visited { font-size:10px ; color:#6C6C6C ; text-decoration:none }
A.os_foot_navi2:hover { color:#BDCF2D ; text-decoration:underline }



/* ---------- LINKE SPALTE ---------- */

.os_main_left_td { border-left: #E5E5E5 5px solid ; background-color:#a3a3a3 ; vertical-align:top }
.os_main_left_spacer { background-color:#fff ; height:19px }
.os_main_left_contentbox {  }

/* BOX "Suche" */

.os_search_short { width:123px }
.os_search_title { padding:12px 10px 0px 12px ; background-color:#a3a3a3 ; font-weight:bold ; color:#fff ; border-bottom: 1px solid #a3a3a3 }
.os_search_content { padding:15px 0px 20px 12px ; background-color:#a3a3a3 ; border-bottom: 1px solid #fff ; font-size:11px } 
.os_search_spacer { background-color:#fff ; height:10px }
A.os_navisearch:link , A.os_navisearch:visited { color:#000 ; text-decoration:none }
A.os_navisearch:hover { color:#ff0000 ; text-decoration:underline }

/* BOX "Rubrikenauswahl" */
/* => befindet sich im jeweiligen Navigations-Plugin-CSS */

/* BOX "Kundenservice" */

.os_service_title { padding:15px 10px 0px 12px ; background-color:#a3a3a3 ; font-weight:bold ; color:#fff ; border-bottom: 1px solid #a3a3a3 }
.os_service_spacer { background-color:#fff ; height:10px }
.os_service_content { padding:15px 15px 15px 12px ; font-size:11px } 
.os_service_content ul { list-style:none ; padding:0 ; margin:0 }
.os_service_content ul  li { height:18px }
A.os_naviservice:link , A.os_naviservice:visited { color:#fff ; text-decoration:none }
A.os_naviservice:hover { color:#ff0000 ; text-decoration:none }



/* ---------- RECHTE SPALTE ---------- */
.os_main_right_td { background-color:#f4f4f4 ; vertical-align:top  }
.os_main_right_spacer { height:7px }
.os_main_right_contentbox { padding:0px 10px 10px 10px ; border-top: #fff 20px solid  }

/* BOX "Kurze Warenkorbanzeige" */

.os_scshort_title { padding:5px 10px 5px 10px ; background-color:#e1e1e1 ; font-weight:normal ; color:#808080 ; border-bottom: 1px solid #fff }
.os_scshort_content { background-color:#fff ; padding:15px 10px 15px 10px ; font-size:11px ; border: 1px solid #e1e1e1 } 
.os_scshort_spacer { height:10px }
A.os_scshort:link , A.os_scshort:visited { color:#000 ; text-decoration:none }
A.os_scshort:hover { color:#ff0000 ; text-decoration:underline }

/* BOX "Top-Angebote" */

.os_navioffer_title { padding: 5px 10px 5px 10px ; background-color:#e1e1e1 ; font-weight:normal ; color:#808080 ; border-bottom: 1px solid #fff }
.os_navioffer_content { background-color:#fff ; padding:15px 8px 10px 10px ; font-size:11px ; border: 1px solid #e1e1e1 }
.os_navioffer_spacer { height:10px }
A.os_navioffer:link , A.os_navioffer:visited { color:#000 ; text-decoration:none }
A.os_navioffer:hover { color:#ff0000 ; text-decoration:underline }

/* BOX "Zuletzt bestellt | angesehen" */

.os_lastorder_title { padding:5px 10px 5px 10px ; background-color:#e1e1e1 ; font-weight:normal ; color:#808080 ; border-bottom:1px solid #fff }
.os_lastorder_content { background-color:#fff ; padding:15px 10px 15px 10px ; font-size:11px ; border:1px solid #e1e1e1 }
.os_lastorder_spacer { height:10px ; padding:0px ; line-height:1px }
A.os_lastorders:link , A.os_lastorders:visited { color:#000 ; text-decoration:none }
A.os_lastorders:hover { color:#ff0000 ; text-decoration:underline }



/* ---------- SHOPINNENBEREICH ---------- */

.os_main_shop { background-color:#fff ; padding:20px 0px 5px 30px }


/* ---------- ALLGEMEIN : Umrandung der Überschriftenboxen */

.os_toptable {  clear:both;border:1px solid #e1e1e1;width:960px;} 
.os_toptabletd { padding:4px 10px 4px 10px ; font-weight:bold }
.os_toptable_div { text-align:left;/*border:1px solid #e1e1e1 ; padding:15px */}

.reservierung { }

/* ---------- Links in Überschriftenbox -> Ebene in Listen- / Detailansicht */

.os_navicat { color:#000 }
A.os_navicat:link , A.os_navicat:visited { color:#000 ; text-decoration:none }
A.os_navicat:hover { color:#ff0000 ; text-decoration:underline }


/* ---------- ALLGEMEIN : Allgemein Meldungen -> Schriften */

.os_error { color:#ff0000 } 
.os_small { font-size:10px } 


/* ---------- ALLGEMEIN : Artikellisten */

.os_list_box { color:#C0C0C0 ; border:1px solid #e1e1e1 ; padding:8px }
.os_list_ddoption { width:110px }
.os_list_ddvendor { width:120px }
.os_list_ddcats { width:120px }
.os_list_oldprice { text-decoration: line-through }

A.os_list_link1:link , A.os_list_link1:visited { font-weight:bold ; color:#537DB3 ; text-decoration:none  }
A.os_list_link1:hover { font-weight:bold; color:#000 ; text-decoration:underline }

A.os_list_link2:link , A.os_list_link2:visited { color:#808080 ; text-decoration:none }
A.os_list_link2:hover { color:#808080 ;  text-decoration:none }

A.os_list_link3:link , A.os_list_link3:visited { font-weight:normal ; color:#537DB3 ; text-decoration:none ; background-color:#E1E1E1 ; padding:4px ; width:100% ; text-align:center }
A.os_list_link3:hover { color:#ff0000 ; text-decoration:none ; background-color:#E1E1E1 ; padding:4px ; width:100% ; text-align:center }


/* ---------- ALLGEMEIN : Blätterseiten -> Listen und Suchergebnisse */

.os_list_navi { color:#808080 ; font-size:10px } 
A.os_list_navi:link , A.os_list_navi:visited { font-size:10px ; color:#000 ; text-decoration:none }
A.os_list_navi:hover { font-size:10px ; color:#ff0000 ; text-decoration:underline }

.os_pages { font-size:10px } 
.os_pages_na { color:#808080 ; font-size:10px } 
A.os_pages:link , A.os_pages:visited { font-size:10px ; color:#000 ; text-decoration:none }
A.os_pages:hover { font-size:10px ; color:#000 ; text-decoration:underline }


/* ---------- SPEZIAL : Angebote Start- und Rubrikenseite */

.os_mainoffers { color:#C0C0C0 ; border:1px solid #e1e1e1 }


/* ---------- SPEZIAL : Rubrikenauswahl -> Hierachie und Übersicht */

A.os_cat_list:link , A.os_cat_list:visited { color:#537DB3 ; font-size:14px ; text-decoration:none }
A.os_cat_list:hover { color:#000 ; text-decoration:underline }


/* ---------- SPEZIAL : Detailansicht */

.os_detail_title { font-size:18px ; color:#537DB3 ; font-weight:bold } 
.os_detail_navi { color:#808080 ; font-size:10px } 

/* Detailansicht - Zurück-/Weiterlinks */

A.os_detail_navi:link , A.os_detail_navi:visited { color:#000 ; text-decoration:none }
A.os_detail_navi:hover { color:#ff0000 ; text-decoration:underline }

/* Detailansicht - Innenbereich */

.os_detail_toptable {  border-width:1px ; border-style:solid ; border-color:#e1e1e1 } 
.os_detail_toptabletd { padding:4px ; padding-left:10px ; padding-right:10px ; font-weight:bold }
.os_detail_imggallery { border:1px solid #E1E1E1 }

A.os_detail_support:link , A.os_detail_support:visited { color:#000 ; text-decoration:underline }
A.os_detail_support:hover { color:#ff0000 ; text-decoration:underline }

.os_detail_cfilter { color:#537DB3 }
A.os_detail_cfilter:link , A.os_detail_cfilter:visited { color:#537DB3 ; text-decoration:none }
A.os_detail_cfilter:hover { color:#000 ; text-decoration:underline }

.os_detail_options { width:180px }


/* ---------- SPEZIAL : Bestellablauf */

.os_order_bg1 { background:#fff }
.os_order_bg2 { background:#fff  }
.os_order_div { border:1px solid #e1e1e1 ; padding:15px ; padding-left:30px ; margin-bottom:15px }
.os_order_active { color:#ff0000 ; font-weight:bold }
.os_order_button { width:100% ; height:30px ; color:#fff ; background-color:#ff0000 ; font-weight:bold ; cursor:pointer }



/* Galeria */
	.galleria{list-style:none;width:800px; margin:0px; padding:0px;}

	.demo .nav { clear:both; text-align:center; width:800px; }

	.galleria li{display:block;width:48px;height:37px;overflow:hidden;float:left;margin:0 8px 8px 0; padding:0px;}

	.galleria li a{display:none}

	.galleria li div{position:absolute;display:none;top:0;left:180px}

	.galleria li div img{cursor:pointer}

	.galleria li.active div img,.galleria li.active div{display:block}

	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

	.galleria li .caption{display:block;padding-top:50em}

	* html .galleria li div span{width:400px} /* MSIE bug */
	.demo span { margin:10px 0 0 20px; }
	
	
/* Konfigurator */
			#menu { padding: 0; margin: 0px; }
			#menu li { display: inline; margin:0px; padding:0px; text-align:left; }
			#menu li a {  padding: 10px; float:left; text-decoration: none; color: #000; }
			#menu li a img {  border:0px; }
			#menu li.active a { border:1px solid #BED026; padding: 7px; -moz-outline-width: 0; }
			.content { float: left; clear: both; }	
			
			
/* Slider unter Wissenswertes */

#wrapper {
    width: 960px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
	border: 1px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 960px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 350px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	height: 470px;
	background: url(../cars/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	height: 470px;
	background: url(../cars/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #777;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}


.hide {
    display: none;
}