div.topnavi {	min-width:946px;}
.tn-mainmenu-menubar {min-width: 946px; }

span.kapitelalink  { text-decoration: none; color: #33240D; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.artist-title H1 {float: left; margin-right: 50px;}
.artist-title DIV.social-icons { padding-top: 12px; overflow: visible;}
.fb_iframe_widget { padding-right: 5px;margin-top: 1px;  float: left}

DIV.filter_nav { text-align: left;}
DIV.filter_nav H3 {margin: 0px;  }
DIV.filter_nav UL { clear: both;}
DIV.filter_nav UL LI.fvalues:hover { cursor:pointer; color: #980018; }

DIV.filter_nav UL LI.fvalues { clear: both; text-align: left; margin: 0px 0px 0px 0px;  padding: 0px 0px 10px 0px; background-image: url(../img/checksprite.gif) 0px 12px; background-position: 2px 2px; }

DIV.filter_nav UL LI.fvalues-disable DIV { color: #c1c1c1!important;}
DIV.filter_nav UL LI.fvalues-disable:hover { cursor:default!important; color: #333333!important; }

.cicon { width: 13px; height: 13px; display: block; background-image: url(../img/checksprite_art.gif); float: left; margin-right:4px;}


DIV.filter_nav UL LI INPUT {  }
DIV.filter_nav UL LI UL { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

DIV.filter_nav UL LI UL LI { text-align: left;float:left; text-decoration: underline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; }
DIV.farbe-filter DIV {width: 10px; height: 10px; display: block; float: left; margin: 2px!important; border: 1px solid white;}
DIV.farbe-filter DIV.fcheck-checked {border: 1px solid black;}

DIV.filter_nav .filter_nav_all { text-align: right; margin: 10px 12px 10px 0px;text-decoration: none; font-weight: bold;}
DIV.filter_nav .filter_nav_all:hover { cursor:pointer; }

DIV.fcheck { width: 13px; height: 13px; background-image: url(../img/checksprite_art.gif); float: left; margin-right:4px; background-position: -1px -15px;}
DIV.fcheck-checked {background-position: -1px -1px;}
DIV.fcheck-checked-disable { background-position: -15px -1px;}
DIV.fcheck-unchecked-disable { background-position: -15px -15px;}


DIV.filter_nav DIV.ftext {float:left; position: relative; left: 4px; width: 120px; padding-top: 0px;text-decoration: none;}
DIV.filter_nav DIV.ftext SPAN {text-decoration: none!important; font-weight: normal;}
DIV.filter_nav DIV.ftext-selected { text-decoration: none!important; font-weight: bold;}


DIV#filter_nav_box HR { height: 1px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #e1d7c7;}

.clear {clear: both}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
	z-index: 10001;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-image: url("../img/topnavi/search/search_cell.gif"); color:#ffffff;}
div.autocomplete ul li {
  font-size: 9pt;
	padding: 4px;
  list-style-type:none;
  display:block;
  margin:0;
  
  cursor:pointer;
  border-bottom: 1px solid #e4e4e4;
	text-align:left;
}

UL#topmenu {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	float: right;
}

LI.topmenu-l1 {
	margin: 0px;
	padding: 0px;
	float:left;
}

UL.topmenu-l2 {
	margin: 0px;
	padding:0px;
	min-width: 110px;
	float:left;
	list-style-type: none;
	display:none; position: absolute; z-index:11000; top:18px; background-color: #ffffff; text-align:left;
	background-image:url(../img/topnavi/menu/bg_submenu.jpg)!important;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	z-index: 11000;
}

UL.topmenu-l2 LI {
	padding: 3px;
	display: block;
	border-bottom: 1px solid #e3e3e3;
}

UL.topmenu-l2 LI:hover {
	background-image: url(../img/topnavi/search/search_cell.gif)!important;
}

UL.topmenu-l2 LI A {
	min-width: 110px;
	width: 100%;
	white-space: nowrap;
	display: block;
	margin: 0px;
	padding: 2px;
	text-align: left!important;
	background-image:none!important;
	color: #000000!important;
	font-weight: normal!important;
	text-decoration:none;
}

UL.topmenu-l2 LI:hover A {
	color: #ffffff!important;
}

UL.topmenu-l2 LI A:hover {
	color: #ffffff!important;
	text-decoration:none;
}


UL.mainmenu-l2  {
	z-index: 11000;
	min-width: 148px;
	padding: 0px;
	list-style-type: none;
	display:none; position: absolute; top:135px; background-color: #ffffff; text-align:left;
	background-image:url(../img/topnavi/menu/bg_submenu.jpg)!important;
	border-top:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}




UL.mainmenu-l2 LI {
	margin: 0px;
	padding: 6px;
	border-bottom:1px solid #e3e3e3;
}

UL.mainmenu-l2 LI:hover {
	background-image: url(../img/topnavi/search/search_cell.gif);
}

UL.mainmenu-l2 LI A {
	color: #000000;
	white-space: nowrap;
	min-width: 148px;
	font-weight: normal;
	text-decoration:none;
	display:block;
	width: 100%;
}

UL.mainmenu-l2 LI:hover A {
	color: #ffffff;
}

UL.mainmenu-l2 LI A:hover {
	display:block;
	
}

DIV#topper { position: absolute; right: 10px; z-index:10000;}


DIV#feedback_header {
  float: left;
}

DIV#feedback_header_motiv {
  float: left;
}

DIV#feedback_header_info {
  float: left;
}

DIV#feedback_header_info UL {
 list-style-type: none;
}

DIV#feedback_header_info UL LI {
 padding: 4px;
}


LI#feedback_header_title {
 font-weight: bold;
 font-size: 12px;
}

LI#feedback_header_class {
 
}

LI#feedback_header_rating {
 
}

DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }


ul.columns {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.columns li {
	float: left;
	display: inline;
	text-align: center;
	padding: 0;
	position: relative;
	width: 200px;
}

ul.columns li:hover {z-index: 99;}
ul.columns li.sfhover {z-index: 99;}

ul.columns li img {
	position: relative;
}

ul.columns li:hover img{z-index: 999;}
ul.columns li.sfhover img{z-index: 999;}

ul.columns li .info {
	position: absolute;
	width: 200px;
	top: -10px;
	padding-top: 130px;
	padding-bottom: 20px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	border: 1px solid;
	border-color: #E0E0E0;
	-moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px 6px #828282;
	border-radius: 5px;
	box-shadow: 5px 5px 10px #606060;
	

}
ul.columns li:hover .info {display: block;}
ul.columns li.sfhover .info {display: block;}

ul.columns li p {
  padding: 0;
  margin: 0;
  font-size: 11px;
}

div.color-box-color {height: 20px;}
div.color-box-color:hover {cursor:pointer}

/*  styles for Feedbackform */
#feedback_form UL { clear:both; list-style-type: none; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#feedback_form UL LI { float: left;}
#feedback_form UL LI.feedback_form_label { width: 150px;}
#feedback_form UL LI.feedback_form_value SELECT { width: 200px;}
#feedback_form UL LI.feedback_form_value TEXTAREA { width: 350px; height: 120px;}
#feedback_form UL LI.feedback_form_value TEXTAREA#VS_COMMENT_SERVICE { height: 80px;}
#feedback_form UL LI.feedback_form_value TEXTAREA#VS_COMMENT_DELIVERY { height: 80px;}
#feedback_form_items {clear: both; padding: 10px 0px 10px 0px;}

#feedback_form_items UL.feedback_form_item_img { }
#feedback_form_items DIV.feedback_form_item  {  }

#feedback_portals { clear: both;  margin: 10px 0px 10px 0px;}
#feedback_portals UL.feedback_portals { clear:both; list-style-type: none; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#feedback_portals UL.feedback_portals LI.feedback_portal_logo { float: left; margin: 0px 20px 10px 0px; width: 260px;}
#feedback_portals UL.feedback_portals LI.feedback_portal_description {width: 800px; }

/*  styles for Feedback portals */
input.portal_data_fields { width: 300px; float: left; margin: 2px 1px 2px 1px; }
select.portal_data_fields { width: 200px; float: left;  margin: 2px 1px 2px 1px; }
DIV.myShop TABLE.myShop-portal { margin-right:6px; }
DIV.myShop TABLE.myShop-portal TR TD.lable { font-weight: normal; text-align: left; padding-left: 10px; }
DIV.myShop TABLE.myShop-portal TR TD.lable-right { font-weight: normal; text-align: right; padding-right: 10px; background-color: #EBEBEB; }
DIV.myShop TABLE.myShop-portal TR TD.value { background-color: #FFFFFF; padding-left: 10px; }
DIV.myShop TABLE.myShop-portal TR TD.value-right { background-color: #FFFFFF; text-align: right; padding-left: 10px; }

table.cust_data2 tr td  { font-size: 9pt; padding: 2px 3px 2px 3px; }

/*  styles for shippinkcost in basketlist */
table.basket_list tr.shipping_rows { background-color: #DCE7F5;  }
table.basket_list tr.shipping_rows td { font-size: 9pt; text-align: right; vertical-align: top; font-weight: bold;}

/*  styles for AGB Link in ordertemplates */
 a.agb_link { text-decoration: none; }

/*  styles for shippingcost */
table.shipping_box { border: 1px solid #8d8d8d; border-collapse:collapse; background-color: #E0E0E0;}
table.shipping_box tr.header td { border-collapse:collapse; border: 1px solid #8d8d8d; background-color: #FFFCE8; font: bold 12px Arial,Verdana, Geneva,  Helvetica, sans-serif; text-align: center;}
#shipping_list {clear: both; padding: 10px 0px 10px 0px;}
#shipping_list UL.shipping_company {list-style-type: none; float: left; text-align: center; margin: 10px 0px 10px 20px;}
#shipping_list UL.shipping_company LI.logo {}
#shipping_list UL.shipping_company LI.descr {font: 12px Arial, Helvetica, sans-serif;  }  
#shipping_list UL.shipping_company LI.cost { font: 10px Arial, Helvetica, sans-serif;}
#shipping_list UL.shipping_company LI.time { font: 10px Arial, Helvetica, sans-serif;}
#no_shipping_company {clear: both; padding: 10px 0px 10px 0px; font: bold 12px Arial, Helvetica, sans-serif;}
/*  styles for Customerdata */
table.order_custdata_box tr.header_inaktiv td { border-collapse:collapse; border: 1px solid #8d8d8d;  font-weight: bolder; color: #000066; font: normal 12px Arial,Verdana, Geneva,  Helvetica, sans-serif; }

/* styles for screen-wide promo roller*/
.product-glider { height:100px; overflow:hidden; display:table; padding:0px 0px 10px 0px;}
div.scroller {
	clear:right;
	height: 145px !important;
	overflow: hidden;
	margin-top: 5px;
	margin-left: -2px; 
	padding: 0px;
	top: 0px;
	left: 0px;
	text-align: center;
	border: 0px solid blue;	}
	
table.home_promo table.prod_table {
	table-layout: auto;
	height:100px;
	margin-left:2px	}

table.home_promo .content_box td.img_box { border:1px solid #E1D7C7; height:120px; background-color: #ffffff;}

/* main sprite */ 
.sm { background-image: url("../img/sprite_topmain.png");display: block;}
.sm_basket { background-position: -195px -40px; width:23px; height:17px;}
.sm_mail { background-position: -219px -40px; width:14px; height:10px;}
.sm_konto { background-position: -218px -60px;width:15px; height:13px}
.sm_farrow { background-position: -221px -74px;width:8px; height:5px}
.sm_menuleft { background-position: 0px 0px; width:249px;	height:39px}
.sm_menubar { background-position: -234px -40px; width:3px; height:39px; float:left}
.sm_menuright { background-position: -89px -40px; width:105px; height:39px}
.sm_searchleft { background-position: 0px -74px; width:88px; height:33px}
.sm_searchright { background-position: 0px -40px; width:88px; height:33px}
.sm_arrow {background-position: -208px -58px; width:8px; height:9px; float:left; margin: 3px 6px 0px 4px;}

/* Flag sprite */ 
.sf { background: url("../img/sprite_flags.png") no-repeat scroll 0 0 transparent; font-size:1px; ;display: block; width: 13px; height:9px;margin:0px;padding:0px; float:left;margin-right: 3px; margin-top:2px;}
.sf_0004 {background-position: -15px -1px}
.sf_2250 {background-position: -140px -1px}
.sf_0001 {background-position: -126px -1px}
.sf_9999 {background-position: -126px -1px}
.sf_1052914620483 {background-position: -56px -1px}
.sf_10758938612410 {background-position: -112px -1px}
.sf_1069323085328 {background-position: -43px -1px}
.sf_99991 {background-position: -29px -1px}
.sf_1053380918144 {background-position: -85px -1px}
.sf_105895954107 {background-position: -99px -1px}
.sf_12198502039011 {background-position: -155px -1px}
.sf_105731734085 {background-position: -71px -1px}
.sf_1057318429816 {background-position: -1px -1px}
.sf_12283959805711 {background-position: -1px -1px}

/* cheapness sprite */ 
.color_out_box {background: url("../img/sprite_topmain.png") no-repeat -89px -95px; width:116px; height:6px; display:block; margin: 16px 0px 2px 0px }
.pos_img {background: url("../img/sprite_topmain.png") no-repeat -221px -52px; width:13px; height:8px; display:block; position:relative; top:-15px !important; top:-20px; margin:0px; padding:0px; }

/* comment sprite */ 
.satisfy {position:relative;}
.satisfy-list { left:20px; margin-top:5px; }
.sm_satisfybg {z-index: 1; background-position: -89px -80px; width:67px; height:12px; overflow:hidden;position:absolute; left:0px; top: 0px;}
.sm_satisfy {z-index: 2; background-position: -157px -80px; width:67px; height:12px;overflow:hidden;position:absolute; left:0px; top: 0px;}

/* browse large sprite */ 
.sbl { background-image: url("../img/sprite_browse_large.png");display: block;width:20px; height:59px; background-repeat:no-repeat;}
.sbl:hover {cursor:pointer;}
.sbl_pi { background-position: 0px 0px; }
.sbl_pa { background-position: 0px -60px;}
.sbl_na { background-position: 0px -120px;}
.sbl_ni { background-position: 0px -180px;}

/* browse tiny sprite */ 
.sbt { background-image: url("../img/sprite_browse_tiny.png");display: block;width:19px; height:53px;}
.sbt:hover {cursor:pointer;}
.sbt_pi { background-position: 0px 0px; }
.sbt_pa { background-position: 0px -54px; }
.sbt_na { background-position: 0px -108px;}
.sbt_ni { background-position: 0px -162px;}

/* browse small sprite */ 
.sbs { background-image: url("../img/sprite_browse_small.png");display: block;width:15px; height:45px;}
.sbs:hover {cursor:pointer;}
.sbs_pi { background-position: 0px 0px; }
.sbs_pa { background-position: 0px -46px; }
.sbs_na { background-position: 0px -92px;}
.sbs_ni { background-position: 0px -138px;}

/* Framestudio Zoomform sprite */ 
.sfz  { background-image: url("../img/sprite_foptions.png");display: block;}
.sfz_bigzoom {background-position: -62px -31px; width:31px; height:30px}
.sfz_zoomwide {background-position: -32px 1px; width:31px; height:30px}
.sfz_zoomin {background-position: 0px -30px; width:31px; height:30px}
.sfz_zoomout {background-position: 0px 0px; width:31px; height:30px}
.sfz_sendmail {background-position: -31px -30px; width:31px; height:30px}
.sfz_save2notepad {background-position: -62px -0px; width:31px; height:30px}

/* Framestudio Box sprite */
.sfb  { background-image: url("../img/sprite_fsboxing.png");display: block;}
.sfb_sil_tl {background-position: -1px -154px; width:5px; height:3px}
.sfb_sil_tr {background-position: -8px -154px; width:5px; height:3px}
.sfb_sil_bl {background-position: -1px -158px; width:5px; height:3px}
.sfb_sil_br {background-position: -8px -158px; width:5px; height:3px}
.sfb_rsnav_l {background-position: -1px -1px; width:5px; height:62px}
.sfb_rsnav_l_a {background-position: -1px -64px; width:5px; height:62px}
.sfb_rsnav_r {background-position: -7px -1px; width:5px; height:62px}
.sfb_rsnav_r_a {background-position: -7px -64px; width:5px; height:62px}

.sfb_rsnav_sl {background-position: -1px -127px; width:6px; height:26px}
.sfb_rsnav_sr {background-position: -8px -127px; width:6px; height:26px}

div.tooltip { border: 1px solid #9f9f9f; position: absolute; display: none; background-color: #e0e0e0; margin: 5px; top: 440px; left: 70px !important; left: 50px ; width: 150px; text-align: left; }

/* Rahmenanzeige im Content Bereich */
div.rahmen_grp_select {clear: both; margin-bottom: 0px;}
div.rahmen_grp_select_titel {font-size: 12pt; margin-bottom: 8px;}
span.rahmen_grp_select_a { padding:3px 3px 3px 3px; margin-left: 10px; border: solid 3px #f2e9b5; background-color: #f2e9b5; font-weight: bold;}
span.rahmen_grp_select_ia { padding:3px 3px 3px 3px; margin-left: 10px; border: solid 3px #f2e9b5; font-weight: bold;}
div.rahmen_grp_show {  margin-top: 30px; background-color: #FFFFFF; height: 250px;}
div.rahmen_show_titel {margin-bottom: 8px; margin-top: 0px; float: left; display: table-cell; height: 240px; width: 250px;}
div.rahmen_show_titel .rahmen_show_name {margin-right: 30px; font-weight: bold;}
div.rahmen_show_titel .rahmen_show_pic { margin-right: 20px;}
div.rahmen_show_block { float: left; background-color: #f2e9b5; width: 800px; padding-top: 10px}
div.rahmen_show_values { float: left; margin-right: 15px; background-color: #f2e9b5; display: table-cell; height: 240px;}
div.rahmen_show_values_row_titel { padding-left: 10px; width: 330px; margin-bottom: 5px;}
div.rahmen_show_values_row_titel .rahmen_show_artno_titel {margin-right: 5px;}
div.rahmen_show_values_row_titel .rahmen_show_artno_val {background-color: #ffffff; padding:3px 3px 3px 3px; }
div.rahmen_show_values_row {margin-bottom:3px; padding-left: 10px;}
div.rahmen_show_values_row .rahmen_show_values_row_lable {width:230px; display: table-cell; background-color: #FFFFFF; padding:3px 0px 3px 3px;}
div.rahmen_show_values_row .rahmen_show_values_row_value {width: 100px; display: table-cell; background-color: #FFFFFF; padding:3px 3px 3px 3px; font-weight: bold; text-align:right;}
div.rahmen_show_detail {background-color: #f2e9b5; display: table-cell; height: 240px;}
div.rahmen_show_detail .rahmen_show_pic_ul { margin-top: 10px; height: 100px; width: 370px; text-align: center; display: table-cell; vertical-align: middle;}
div.rahmen_show_detail .rahmen_show_pic_ul .rabatt {}
div.rahmen_show_detail .rahmen_show_pic_u { overflow: hidden; width: 380px; }
div.rahmen_show_link {clear:left; width: 1050px; text-align: right; margin-top: 5px;}
div.rahmen_show_link .rahmen_show_link_value {background-color: #f2e9b5; padding:3px 3px 3px 3px; font-weight: bold; }

/* Rahmenanzeige im Content Bereich END*/