option[class=green]:before { content:url("graphics/green.gif"); }
option[class=yellow]:before { content:url("graphics/yellow.gif"); }

body {
	background-color: #FFA200;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:focus {
	color: #000000;
	outline: none;
}

.header {
	background: url(graphics/web/header_gradient.gif) repeat-x;
	display: block;
	text-align: center;
	width: 100%;
}

.menu {
	background: url(graphics/web/menu_gradient.gif) repeat-x;
	font-weight:bold;
	font-size:14px;
	text-shadow:#24427A 2px 2px 4px;
	width: 100%;
	height: 25px;
	text-align: center;
}
.menu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	color: #FFFFFF;
	text-shadow:#B0FFFF 0px 0px 5px;
	text-decoration: none;
}
.menu_tab_left {
	border-right:#24427A 1px solid;
	padding-right:10px;
	display:inline-block;
	line-height:25px
}
.menu_tab_middle {
	border-right:#24427A 1px solid;
	border-left:#B0A3FF 1px solid;
	padding-right:10px;
	padding-left:10px;
	display:inline-block;
	line-height:25px
}
.menu_tab_right {
	border-left:#B0A3FF 1px solid;
	padding-left:10px;
	display:inline-block;
	line-height:25px
}

.content {
	width: 100%;
	display: block;
	text-align: center;
}
.content span {
	background: #FFFFFF url(graphics/web/gradient.gif) repeat-x top;
	display: inline-block;
	width: 900px;
	height: 100%;
	padding-right: 10px;
}
.content span span {
	background: url(graphics/web/maincorner_left.png) left top no-repeat;
	display: block;
}
.content span span span {
	background: url(graphics/web/maincorner_right.png) right top no-repeat;
	display: block;
}
.content span span span span {
	padding: 5px;
}

.main_header {
	width: 100%;
	height: 45px;
	display: block;
	padding-top: 3px;
}
.main_header div.left {
	text-align: left;
	float: left;
	display: inline-block;
}
.main_header div.right {
	text-align: right;
	float: right;
	display: inline-block;
	height: 100%;
}

.searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	top: 20px;
}

.main_content {
	border-top: #000099 solid 1px;
}
.main_content td.mainmenu {
	background: #FFFF99 url(graphics/web/menu_background.jpg) repeat-y right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: left;
	width: 150px;
	vertical-align: top;
}
.main_content td.mainmenu #log_user, .main_content td.mainmenu #log_pass {
	width: 144px;
	font-size: 11px;
}
.main_content td.mainmenu #nopassword {
	font-size: 10px;
}

.mainvideo {
	vertical-align: top;
	width: 360px;
}

.product_title, .product_title_small, .big_text {
	color:#000099;
	font-weight:bold;
	font-style:italic;
}
.product_title {
	font-size: 16px;
	line-height:22px;
	text-shadow:#00FFFF 0px 0px 4px;
}
.product_title a {
	color: #000099;
}
.product_title a:hover {
	color: #00AAAA;
	text-decoration:none;
}
.title_red {
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	line-height:22px;
	text-shadow:#FFFFFF 0px 0px 4px;
}
.title_red a {
	color:#FF0000;
}
.title_red a:hover {
	color: #AA0000;
	text-decoration:none;
}
.big_text {
	font-size: 14px;
	line-height:22px;
}

.main_window {
	background:#FFA200;
	width: 100%;
	margin-top: 4px;
	text-align: center;
}

.main_window div.top_corner, .main_window div.right_corner, .main_window div.bottom_corner, .main_window div.bottom_corner div.right_corner {
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	display: block;
}
.home_menu {
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}
.home_menu_tab_active {
	 width:119px;
	 height:28px;
	 line-height:28px;
	 display:inline-block;
	 background-color:#FFD500;
	 vertical-align:middle;
	 color:#000099;
	 border-left:#999100 solid 1px;
	 border-top:#999100 solid 1px;
	 cursor:default;
}
.home_menu_tab_inactive {
	 width:119px;
	 height:28px;
	 line-height:28px;
	 display:inline-block;
	 background-color:#EEA200;
	 vertical-align:middle;
	 color:#BB6933;
	 border-left:#999100 solid 1px;
	 border-top:#999100 solid 1px;
	 cursor:pointer;
}
.home_content {
	background: #FFFFFF url(graphics/web/gradient.gif) repeat-x;
	border: #999100 solid 1px;
	text-align: center;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	height: 144px;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.main_window div.alt_content {
	background: #FFFFFF url(graphics/web/gradient.gif) repeat-x;
	border-top: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	text-align: left;
	padding: 2px;
	height: 200px;
	width: 98%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.banner {
	background: url(graphics/web/banner_xxx.png) top left no-repeat;
	display: inline-block;
	height: 160px;
	width: 160px;
	position: absolute;
	top: -1px;
	left: -1px;
}
div.home_content span.scrollItem {
	background: #FFFFFF;
	top: 25px;
	width: 150px;
	height: 150px;
	position: absolute;
	display: inline-block;
	text-align: center;
	font-size: 10px;
	font-style: italic;
}
.main_window div.alt_content span.scrollItem a {
	/*text-decoration: none;*/
}

.news_date {
	color: #999999;
}
.news_item {
	font-style: italic;
}
.news_thumb {
	position: absolute;
	left: 203px;;
	top: 85px;
	visibility: hidden;
	border: #000000 1px solid;
	z-index: 100;
}

.home_thumb {
	visibility: hidden;
	position: absolute;
	display:block;
	margin-top:11px;
	margin-left:11px;
}

.small_item {
	height: 150px;
	width: 150px;
}

.price_button {
	background: url(graphics/web/price_back.png) center no-repeat;
	width: 80px;
	height: 80px;
	position: relative;
	top: -100px;
	left: 80px;
	text-align: center;
	opacity:0.7;
}
.big_price_button {
	background: url(graphics/web/price_back.png) center no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 130px;
	left: 240px;
	text-align: center;
	opacity:0.7;
}
.price_big {
	color: #000099;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 32px;
}
.price_big_red {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 29px;
}
.price_big_old {
	color: #885199;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: 29px;
}
.price_small {
	color: #000099;
	font-size: 8px;
	font-weight: bold;
	position: relative;
	top: 29px;
}
.price_small_red {
	color: #FF0000;
	font-size: 8px;
	font-weight: bold;
	position: relative;
	top: 26px;
}
.price_small_old {
	color: #885199;
	font-size: 6px;
	font-weight: bold;
	position: relative;
	top: 25px;
}
.price_strikeout {
	background-color: #885199;
	width: 47px;
	height: 1px;
	top: 23px;
	left: 16px;
	position: relative;
}

.hiddenMenu {
	visibility: hidden;
	position: relative;
	height: 0px;
	text-align:left;
}
.visibleMenu {
	visibility: visible;
	position: relative;
	text-align:left;
}

.greytext {
	color: #AAAAAA;
	font-size: 10px;
}
.grey_text {
	color: #AAAAAA;
}
.small_font {
	font-size:10px;
	color:#000000;
}
.big_font {
	font-size: 24px;
	font-weight: bold;
}

.separator {
	border-top:#999999 solid 1px;
	width:98%;
	display:inline-block;
}
.input_middle {
	text-align:center;
}

.warning_box {
	background: #CCCCCC;
	border: #FF0000 3px solid;
	width: 98%;
	height: 35px;
	margin: 5px;
}
.warning_text {
	position: relative;
	font-size: 14px;
	font-weight: bold;
}
.green_marker {
	height: 11px;
	width: 70px;
	background: url(graphics/green.gif) left no-repeat;
	background-position: 0px 2px;
	top: 2px;
	position: relative;
	text-align: right;
}
.yellow_marker {
	height: 11px;
	width: 115px;
	background: url(graphics/yellow.gif) left no-repeat;
	background-position: 0px 2px;
	top: 2px;
	position: relative;
	text-align: right;
}
.greenyellow_marker {
	height: 11px;
	width: 115px;
	background: url(graphics/greenyellow.gif) top left no-repeat;
	background-position: 0px 2px;
	top: 2px;
	position: relative;
	text-align: right;
}

.cart_payment {
	border-top: #CCCCCC solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.cart_payment2 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.red_text {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.red_text_small {
	color: #FF0000;
	font-size: 10px;
}
.red_text_small a {
	color: #FF0000;
}

.rating_star1 {
	background-image:url(http://www.zauberschuppen.de/graphics/Star1.png);
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	margin:1px;
	top:-2px;
	vertical-align:middle;
}
.rating_star2 {
	background-image:url(http://www.zauberschuppen.de/graphics/Star2.png);
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	margin:1px;
	top:-2px;
	vertical-align:middle;
}

.icon_account {
	margin:1px;
	width:20px;
	height:20px;
	display:inline-block;
	cursor:pointer;
	border:#FFFFFF solid 1px;
}
.icon_account:hover {
	border:#999999 solid 1px;
}



.mt_active {
	height:28px;
	vertical-align:middle;
	background-color:#FFD500;
	color:#000099;
	cursor:default;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.mt_inactive {
	height:28px;
	vertical-align:middle;
	background-color:#EEA200;
	color:#BB6933;
	cursor:pointer;
	font-size:14px;
	font-weight:bold; 
	font-style:italic;
}
.mt_rborder {
	border-right: 1px solid #999100;
}
.mt_tborder {
	border-top: 1px solid #999100;
}
.mt_bborder {
	border-bottom: 1px solid #999100;
}
.ix_thumb {
	visibility: hidden;
	position:absolute;
	margin-left:17px;
	margin-top:11px;
}
.ix_thumbcon {
	position:relative;
	overflow:hidden;
	height:100%;
	width:100%;
}
.ix_thumblabel {
	color:#000099;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	display:block;
	top:181px;
	width:100%;
	height:22px;
	line-height:18px;
	text-align:center;
	background-color:#FFD500;
	z-index:100;
}
.field_shadow {
	background: #FFFFFF url(graphics/web/gradient.gif) repeat-x;
}
.field_pad {
	padding:2px;
}
.video_pos {
	position:relative;
	margin:10px;
}
.g_marker {
	height: 9px;
	width: 9px;
	background-color:#00FF00;
	border: 1px solid #000000;
	display: inline-block;
}
.y_marker {
	height: 9px;
	width: 9px;
	background-color:#FFFF00;
	border: 1px solid #000000;
	display: inline-block;
}
.sep {
	height:5px;
	width:98%;
}
.field_fit {
	padding-top:10px;
	padding-bottom:10px;
}
.field_sfit {
	padding-left:10px;
	padding-right:10px;
}
.bprice_button {
	background: url(graphics/web/price_back.png) center no-repeat;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align:bottom;
	display:block;
	position:relative;
}
.starsback {
	background:url('/graphics/web/stars.jpg') right top no-repeat;
}

/*Infobox*/
.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:3px solid #b47100;
	color:#000;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:-moz-linear-gradient(top, #ffd452, #ffa101);
	background:-webkit-linear-gradient(top, #ffd452, #ffa101);
    background:linear-gradient(top, #ffd452, #ffa101);
}
.triangle-border:before {
	content:"";
	position:absolute;
	top:-10px; /* value = - border-top-width - border-bottom-width */
	left:15px; /* controls horizontal position */
    border-width:0px 10px 10px;
	border-style:solid;
    border-color:#b47100 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	top:-6px; /* value = - border-top-width - border-bottom-width */
	left:19px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:0px 6px 6px;
	border-style:solid;
	border-color:#ffd452 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}