
/* 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:12px } 
A:link , A:visited { color:#537DB3 ; text-decoration:underline }
A:hover { color:#ff0000 ; text-decoration:underline }
H2 { font-size:16px  }
H3 { font-size:12px }

/*	Menüs auf den Skiurlaub - Horizontales CSS-Menü */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	/*border-bottom:1px solid #666;*/
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../menu_left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../menu_right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

/*	ENDE Menüs auf den Skiurlaub - Horizontales CSS-Menü */

/* ausgewählter Menüpunkt */


#tabs a:current span {
	}

#tabs a:current {
	background-position:0% -42px;
	}

#tabs a:current span {
	background-position:100% -42px;
	}

/* ENDE ausgewählter Menüpunkt */




/* 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:0 }
.os_main_shoptable1 , .os_main_shoptable2 , .os_main_shoptable3 { width:950px ; margin:0 ; padding:0 ; border:0 ; border-spacing:0 }



/* ---------- KOPFBEREICH ---------- */

.os_head_head1 , .os_head_head2 { background-color:#99CCFF; 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 }

/* 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_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:#537DB3 ; 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:none }

/* "Fussbereich 2" : Fusszeile */

.os_foot_navi2_div { background-color:#fff ; font-size:10px ; color:#6C6C6C ; text-align:center ; padding:20px } 
A.os_foot_navi2:link , A.os_foot_navi2:visited { font-size:10px ; color:#6C6C6C ; text-decoration:none }
A.os_foot_navi2:hover { color:#ff0000 ; text-decoration:none }



/* ---------- LINKE SPALTE ---------- */

.os_main_left_td { background-color:#99CCFF ; 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:#537DB3 ; font-weight:bold ; color:#fff ; border-bottom: 1px solid #a3a3a3 }
.os_search_content { padding:15px 0px 20px 12px ; background-color:#537DB3 ; 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:none }

/* BOX "Rubrikenauswahl" */
/* => befindet sich im jeweiligen Navigations-Plugin-CSS */

/* BOX "Kundenservice" */

.os_service_title { padding:15px 10px 0px 12px ; background-color:#99CCFF ; 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:white ; 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:#537DB3 ; font-weight:normal ; color:white ; border-bottom: 1px solid #fff }
.os_scshort_content { background-color:#99CCFF ; 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:none }

/* BOX "Top-Angebote" */

.os_navioffer_title { padding: 5px 10px 5px 10px ; background-color:#537DB3 ; font-weight:normal ; color:white ; border-bottom: 1px solid #fff }
.os_navioffer_content { background-color:#99CCFF ; 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:none }

/* BOX "Zuletzt bestellt | angesehen" */

.os_lastorder_title { padding:5px 10px 5px 10px ; background-color:#537DB3 ; font-weight:normal ; color:white ; border-bottom:1px solid #fff }
.os_lastorder_content { background-color:#99CCFF ; 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:none }



/* ---------- SHOPINNENBEREICH ---------- */

.os_main_shop { background-color:#fff ; padding:20px 0px 5px 30px }


/* ---------- ALLGEMEIN : Umrandung der Überschriftenboxen */

.os_toptable {  border:1px solid #e1e1e1 } 
.os_toptabletd { padding:4px 10px 4px 10px ; font-weight:bold }
.os_toptable_div { border:1px solid #e1e1e1 ; padding:15px }


/* ---------- 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:none }


/* ---------- 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:none }

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:none }

.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:underline }
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:none }


/* ---------- 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:none }

/* 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:none }

.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 }

/* ----------------------------------------- */
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url("../shade.gif") top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url("../shadeactive.gif");
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url("../indentbg.gif") center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url("../indentbg2.gif") center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}