/* ************************************************************************** */
/* Stylesheet für www.der-gewinnspiel-gewinner.de                             */
/* Version 1.0 - 14.01.2010                                                   */
/*                                                                            */
/* (c) Copyright 2010 by Impression Media Dorsten - www.impressionmedia.de    */
/* -------------------------------------------------------------------------- */
/* 1.0 - 14.01.2010: erste Fassung                                            */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset                                                                 */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

html * {
	font-size: 100.01%; /* alle Schriftgrößen auf Standard (16 Pixel) zurücksetzen */
	}

html {
	height: 100%;
	margin-bottom: 1px;
	}



/* ************************************************************************** */
/* 02 | spezifische Styles                                                    */
/* ************************************************************************** */

a:link, a:visited {
	border-bottom: #333 1px dotted;
	color: #333;
	text-decoration: none;
	}

a:hover, #navigation a:hover {
	border-bottom: #333 1px solid;
	}

a:focus {outline:none}

.navi a,
.navi a:hover {
	border: none;
	}

a.no-border,
a.no-border:hover,
a.img,
a.img:hover,
#button-container a,
#button-container a:hover {
	border: none;
	}

html * {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

body {
	//background: #68AF21;
	background: #A3C520 url(img/bg-page.gif) top left repeat-x;
	font-size: 81.25%;
	}

#page_container {
	background: transparent;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 964px;
	}

#page_inner_container {
	clear: both;
	float: left;
	text-align: left;
	}

#innerBox {
	background: #fff;
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 1;
	}

#outerContainer {
	border-left: 200px solid #fff;
	border-right: 200px solid #fff;
	width: 564px;
	z-index: 1;
	}

*+html #outerContainer {
	width: 569px;
	}

#innerContainer {
	background: #fff;
	width: 100%;
	z-index: 2;
	}

#wrap {
	float: left;
	text-align: left;
	width: 100%;
	}

#middle {
	float: right;
	width: 100%;
	}

.mainbody {
	width: 100%;
	}

*+html .mainbody {
	width: 99%;
	}

*html .mainbody {
	width: 99%;
	}

#nav_left {
	float: left;
	margin: 0 0 0 -190px;
	position: relative;
	width: 180px;
	z-index: 5;
	}

#nav_right {
	float: right;
	margin-right: -190px;
	position: relative;
	text-align: left;
	width: 180px;
	z-index: 5;
	}

* html #nav_right {
	margin-right: -200px;
	}

#startseite #nav_left,
#startseite #nav_right {
	display: none;
	}

#startseite #outerContainer {
	border: none;
	margin-left: 10px;
	width: 944px;
	}

#head_container {
	/*height: 162px;*/
	position: relative;
	top: 0;
	width: 964px;
	z-index: 5;
	}

#head {
	background: #fff url(img/kleeblaetter.jpg) top right no-repeat;
	height: 113px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 964px;
	}

#head h1,
#head h2 {
	border: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#head h1 {
	background: #fff url(img/logo-der-gewinnspiel-gewinner.gif) 15px 10px no-repeat;
	height: 97px;
	text-indent: -999em;
	width: 404px;
	}

#head h2 {
	background: #fff url(img/ihr-gewinnspiel-optimierer.jpg) top left no-repeat;
	font-weight: bold;
	float: right;
	height: 27px;
	margin: -59px 287px 0 0;
	text-indent: -999em;
	width: 259px;
	}

a.linktohome {
	background: transparent;
	display: block;
	height: 87px;
	left: 14px;
	position: absolute;
	top: 10px;
	width: 389px;
	}

#navigation {
	background: #fff url(img/bg-navi.gif) top left repeat-x;
	clear: right;
	height: 49px;
	margin-right: 12px;
	position: relative;
	text-align: left;
	width: 964px;
	}

#navigation ul {
	list-style: none;
	}

#navigation ul li {
	background: transparent url(img/navi-divider.gif) top right no-repeat;
	float: left;
	line-height: 49px;
	}

#navigation ul li.last {
	background-image: none;
	}

#navigation ul li a {
	border: none;
	color: #333;
	display: block;
	font-size: 107.69%;
	font-size: 100%;
	margin-right: 1px;
	padding: 0 6px;
	text-decoration: none;
	}

#navigation ul li a.first {
	padding-left: 14px;
	}

#navigation ul li a.magazin {
	font-weight: bold;
	}

#navigation ul li a:hover,
#startseite #navigation ul li#tab-startseite a {
	background: transparent url(img/bg-navi-active.gif) top left repeat-x;
	border: none;
	}

#navigation img#das-magazin {
	position: relative;
	margin-left: 1px;
	margin-top: -74px;
	}

#account {
	float: right;
	width: auto;
	}

#account span.navi,
#account span.newsletter {
	display: block;
	float: right;
	height: 27px;
	}

#account span.navi {
	background: #ffcc00 url(img/bg-account.gif) top left repeat-x;
	}

#account span.newsletter {
	background: #d50618 url(img/bg-newsletter-button.gif) top left repeat-x;
	margin-right: 1px;
	}

#account a {
	background: transparent url(img/account-divider.gif) top right no-repeat;
	color: #333;
	float: right;
	padding: 6px 8px 0 8px;
	}

#account a:hover {
	text-decoration: underline;
	}

#account a.last {
	background-image: none;
	}

#account a.newsletter {
	color: #fff;
	background-image: none;
	}

#help-wrapper {
	background: transparent url(img/bg-help.gif) top left repeat-x;
	clear: both;
	/*height: 25px;
	line-height: 25px;*/
	margin: 8px 0 0 10px;
	overflow: hidden;
	text-align: left;
	width: 944px;
	}

#help-wrapper div.buttons {
	border-left: #fff 2px solid;;
	border-right: #fff 2px solid;;
	height: 25px;
	line-height: 25px;
	}

span.how-to-legend, 
span.how-to,
span.how-to-link,
span.infoabruf {
	color: #fff;
	display: block;
	float: left;
	padding: 0 10px;
	}

span.how-to-legend {
	background: transparent url(img/bg-howto-legend.gif) top left repeat-x;
	font-weight: bold;
	}

span.how-to {
	background: transparent url(img/bg-howto-arrow.gif) top left no-repeat;
	padding: 0 10px 0 20px;
	}

span.how-to b {
	color: #fff;
	}

span.how-to-link {
	text-decoration: underline;
	color: #fff;
	}

span.how-to-link:hover {
	color: #D8131A;
	cursor: pointer;
	}

span.infoabruf {
	background: transparent url(img/bg-howto-legend.gif) top left repeat-x;
	border-left: #fff 1px solid;
	float: right;
	}

span.infoabruf a {
	color: #fff;
	}

span.infoabruf a:hover {
	text-decoration: underline;
	}

.copyright,
.gnu_copy,
.parseTime {
	background: #fff;
	color: #666;
	display: block;
	font-size: 8pt;
	line-height: 11pt;
	margin: 0 auto;
	padding: 4px 0 8px 0;
	text-align: center;
	width: 964px;
	}

#footer {
	background: transparent;
	margin: 0 auto;
	text-align: center;
	width: 964px;
	}

.copy,
.footer-menue {
	background: #fff;
	color:#666;
	display: block;
	margin: 0 auto;
	padding: 14px 0 8px 0;
	text-align: center;
	width: 964px;
	}

.footer-menue a {
	color: #333;
	text-decoration: none;
	}

.footer-menue a:hover {
	border-bottom: #333 1px solid;
	}

h1 { color: #333; font-weight: 600; font-size: 16px; margin: 15px 0px 8px 0px; padding: 0px; }
h2 { color: #ffffff; font-weight: 600; font-size: 16px; margin: 8px 0px 8px 0px; padding: 5px; background:#146E9C url(img/bg_blue.gif) top left repeat-x; border: 1px solid #ccc }
h2 a:link,h2 a:visited,h2 a:active {color: #fff}
h2 a:hover {color:#000}
h3 { color: #000000; font-weight: 600; font-size: 14px; margin: 10px 0px 5px 0px; padding: 0px; }
h4 { color: #000000; font-weight: 600; font-size: 12px; margin: 10px 0px 5px 0px; padding: 0px; }
h5 { color: #000000; font-weight: 600; font-size: 12px; margin: 5px 0px 5px 0px; padding: 0px; }
h6 { color: #000000; font-weight: 600; font-size: 12px; margin: 5px 0px 5px 0px; padding: 0px; }

#main-content {}

#content-box {
	background: transparent url(img/bg-content-box-inner.jpg) left top repeat-y;
	margin-top: 10px;
	}

#content-box h2 {
	background: none;
	background: transparent url(img/bg-content-box-top.jpg) left top no-repeat;
	border: none;
	color: #333;
	font-size: 123.076%;
	margin: 0;
	padding: 16px 14px 16px 14px;
	}

#content-box h3,
#content-box h4,
#content-box p,
#content-box ol {
	margin: 14px;
	}

#content-box p {
	line-height: 1.5em;
	}

#content-box ol {
	list-style: decimal;
	}

#content-box ol li {
	line-height: 1.2em;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	}


#cart_quantity,
#button-container {
	background: transparent url(img/bg-content-box-bottom.jpg) left bottom no-repeat;
	}

#button-container,
.button-container-top-divider {
	text-align: right;
	}

.button-container-top-divider {
	border-bottom: #C4C4C4 1px solid;
	margin: 0 5px 0 5px;
	}

#button-container a,
#button-container input,
.button-container-top-divider a,
.button-container-top-divider input {
	padding: 10px 11px 18px 0;
	}

#button-container a,
.button-container-top-divider a {
	display: block;
	}

.button-container-top-divider a img {
	padding: 0;
	}

/* New Products Default */
ul.product_listing_gallery {
	list-style: none;
	margin-top: 12px;
	overflow: hidden;
	}

ul.product_listing_gallery li {
	float: left;
	height: 230px;
	margin: 0 0 8px 8px;
	position: relative;
	width: 230px;
	}

ul.product_listing_gallery li.first {
	margin-left: 0;
	}

ul.product_listing_gallery li h2,
ul.product_listing_gallery li p {
	left: 14px;
	margin: 0;
	padding: 0;
	position: absolute;
	}

ul.product_listing_gallery li h2 {
	background: none;
	border: none;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	top: 16px;
	}

ul.product_listing_gallery li p {
	font-size: 84.615%;
	line-height: 1.273em;
	margin-right: 8px;
	top: 36px;
	}

.dgg-box {
	background: transparent url(img/bg-box-inner.gif) left top repeat-y;
	margin-top: 10px;
	}

.dgg-box-top {
	background: transparent url(img/bg-box-top.jpg) left top no-repeat;
	height: 8px;
	display: block;
	}

.dgg-box-bottom {
	background: transparent url(img/bg-box-bottom.jpg) left bottom no-repeat;
	height: 72px;
	display: block;
	}

.dgg-box p.heading {
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 12px;
	}

ul#products {
	background: transparent url(img/bg-box-bottom.jpg) left bottom no-repeat;
	font-size: 84.615%;
	line-height: 1.5em;
	padding-bottom: 36px;
	padding-top: 12px;
	}

ul#products li {
	border-top: #C4C4C4 1px solid;
	margin: 0 0 0 4px;
	width: 172px;
	}

ul#products li.sub-heading {
	background: #C4C4C4;
	}

ul#products li.sub-heading p {
	font-weight: bold;
	padding: 4px 0 4px 10px;
	margin: 0;
	}

ul#products li a {
	color: #333;
	display: block;
	margin: 0 1px;
	padding: 8px 4px 8px 8px;
	}

ul#products li a:hover {
	background: #FFCC01;
	}

#product-info-head {
	border-bottom: #C4C4C4 1px solid;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	}

#product-info-head img.product {
	float: right;
	margin: 0 0 0 6px;
	position: relative;
	}

#product-info-head p {
	line-height: 1.5em;
	margin: 6px 10px 6px 10px;
	}

h1.product_info {
	background: transparent url(img/bg-content-box-top.jpg) left top no-repeat;
	border: none;
	font-size: 123.076%;
	line-height: 1.5em;
	margin: 0;
	padding: 16px 14px 0 14px;
	}

h1.product_info span {
	font-size: 87.5%;
	}

#product-info-description {
	border-bottom: #C4C4C4 1px solid;
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	}

#product-info-description p {
	margin: 0.5em;
	}

#product-info-description h3,
#product-info-description p {
	line-height: 1.5em;
	margin-left: 12px;
	margin-right: 12px;
	}

#product-info-description p + h3 {
	margin-top: 1.5em;
	}

#product-info-price {
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
	padding-bottom: 16px;
	}

.productOldPrice,
.productNewPrice {
	color: #fff;
	display: block;
	float: left;
	font-size: 184.615%;
	font-weight: bold;
	height: 79px;
	margin-left: 14px;
	}

.productOldPrice {
	background: #D4041C url(img/bg-productoldprice.jpg) top left repeat-x;
	}

.productNewPrice {
	background: #69B022 url(img/bg-productnewprice.jpg) top left repeat-x;
	margin-left: 9px;
	}

.productOldPrice span,
.productNewPrice span {
	display: block;
	line-height: 79px;
	padding: 0 8px;
	color: #fff;
	}

.productOldPrice span {
	background: transparent url(img/bg-productoldprice-cross.gif) center center no-repeat;
	}

.productNewPrice span {
	background: transparent url(img/bg-productnewprice-arrow.gif) top right no-repeat;
	}

#product-info-price em {
	font-size: 45.833%;
	color: #fff;
	}

span.special {
	background: transparent url(img/bg-special-price.jpg) top left repeat-x;
	display: block;
	line-height: 36px;
	}

span.special span,
span.special b {
	color: #D40A1A;
	}

span.special span {
	display: block;
	font-size: 123.076%;
	padding: 2px 0 0 14px;
	}

#cart-button {
	clear: left;
	padding: 6px 14px 24px 0;
	text-align: right;
	}

p.error,
#content-box p.error {
	color: #ff0000;
	margin-bottom: 2em;
	}

#content-box p.globalPriceInfo {
	clear: left;
	font-size: 84.615%;
	margin-top: 1.5em;
	}


.order_details { width: 534px; text-align: left; margin: 0 0 0 14px; }

.order_details_remove_header { width: 70px; float: left; }
.order_details_remove { width: 70px; float: left; text-align: center; margin-top: 15px }

.order_details_qty_header { width: 56px; float: left; text-align: center;}
.order_details_qty { width: 56px; float: left; text-align: center; margin-top: 5px }

.order_details_article_header { width: 228px; float: left; }
.order_details_article { width: 162px; float: left; margin-top: 5px;}

.order_details_img_header { width: 66px; float: left; text-align: center; margin: 0 0 0 0; }
.order_details_img { width: 66px; float: left; text-align: left; margin: 5px 0 0 0 }

.order_details_singleprice_header { width: 86px; float: left; text-align: right;}
.order_details_singleprice { width: 86px; float: left; margin-top: 5px; text-align: right; }

.order_details_totalprice_header { width: 94px; float: right; text-align: right; }
.order_detais_totalprice { width: 94px; float: right; text-align: right; margin-top: 5px; font-weight: bolder }



.order_details_shippingtime_header { width: 70px; float: left; }
.order_details_shippingtime { width: 70px; float: left; margin-top: 5px }

.order_details_totalcost { text-align: right; margin: 20px 0 20px 0 }

.order_details_totalcost strong { font-size: 11px; font-weight: bolder }



fieldset.account {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 14px;
	width: 518px;
	}

.co-total div {
	margin-bottom: 0.5em;
	}

#info-block {
	background: transparent url(img/bg-info-block-inner.jpg) left top repeat-y;
	}

#info-block #gutter {
	padding: 14px;
	}

#info-block p {
	line-height: 1.3em;
	}

#info-block h3 {
	font-size: 123.076%;
	line-height: 1.4em;
	}

#info-block h4 {
	font-size: 107.692%;
	}

#info-block p.close-info {
	margin: 1em 0 1em 0;
	text-align: right;
	}

#info-block p.close-info span {
	text-decoration: underline;
	color: #333;
	}

#info-block p.close-info span:hover {
	color: #D8131A;
	cursor: pointer;
	}

#read-more {
	background: transparent url(img/bg-info-block-bottom.jpg) left bottom no-repeat;
	text-align: right;
	}

#read-more a {
	display: block;
	padding:10px 11px 18px 0;
	}

/* --- OLD - OLD - OLD - OLD -------------------------------------------------*/


/*ul.product_listing_gallery li {float:left; width:30%; height:270px; position: relative; margin: 0 6px 10px 0; padding:5px; border: 1px solid #ccc}
ul.product_listing_gallery li h2 {font-size: 90%; text-align: center}
ul.product_listing_gallery li h2 a {text-decoration: none; color:#000; text-align: center}
ul.product_listing_gallery li h2 a:hover {color:#fff;}
.product_listing_gallery_detail {position:absolute; top: 140px;left:0; text-align: center}
.product_listing_gallery_price {position: absolute; bottom:10px;left:0; width: 100%; text-align: center}
*/

.popup_link  {font-size: 80%;}

img { border: 0 none; }

hr {color:#ccc;background: #ccc;height: 1px;width: 100%;display: block}

strong {font-weight: 700}


.checkout_line { background: url(img/checkout_line.png) repeat-x; line-height: 12px; }

#content { text-align: left; padding: 0 5px 0 12px; margin: 0 0 0 0; overflow: hidden; }



fieldset.account_history {border: 1px solid #ccc; padding: 8px; margin: 5px}

fieldset.checkout_payment {border: 1px solid #c4c4c4; padding: 8px; margin: 10px 4px 0 0;}

fieldset.account_history {width: 28%; float: left}

fieldset.account legend, fieldset.checkout_payment legend {margin-left: 20px;padding: 0 10px}

fieldset.account_history legend {margin-left: 5px; padding: 0 5px}

.textarea textarea {width: 98%; border: 1px solid #ccc}

.dropdown select {width: 160px}

ul.account_ul {margin: 0 0 0 20px; list-style-type: square; color: #B72E0B}

.product_navigator {display: block; width: 100%; margin: 10px 0;}

.product_navigator a:link, .product_navigator a:visited, .product_navigator a:active {color: #555}

.product_navigator_center {margin-left: 195px}

.blog_text img {margin:10px }

.blog_titel{padding:4px 5px;color:#333;cursor:pointer;	border-top: 1px solid #fff;border-bottom: 1px solid #dddddd}

h2.blog_title_item {background-image: none; background: #fff; color: #666; border: 0 none}

.blog_link {display:block; cursor: pointer; margin: 4px 0 4px 10px; font-family: Verdana; font-size: 10px;}

.blog_active {color: #000; font-weight: 700}

.datum {float: left; margin: 0 10px 0 0; width:60px}

.datum p {background:#D70606 url(img/icons/date.png) no-repeat scroll 0 0;color:#DDDDDD;float:left;font-size:70%;height:50px;margin:0 10px 0 0;overflow:hidden;padding:5px;text-align:center;width:40px;}

.datum span.monat {display:block;margin-bottom:8px;font-size: 12px}

.datum span.tag {color:#444444;display: block;font-size:195%;font-weight:bold;line-height:0.9;}

div.datum p span.jahr {color:#666666;font-family:Tahoma,Arial,sans-serif;font-size:80%;margin:0;padding:0;}

.blog_list, .blog_text {text-align: justify}

.box_comment blockquote {margin: 0 0 0 20px}

.kommentar_link {display: block; margin: 3px; text-align: right;}

#comment {	cursor:pointer;	padding: 3px 0 3px 20px;background: url(img/icons/add.gif) 0 2px no-repeat}

fieldset.blog_comments {padding: 10px;	border: 1px solid #ccc}

#blog_comments {padding: 0 10px; font-weight: 900}

#comment:hover {text-decoration: underline} 

div.add_success {padding: 3px 0 3px 20px;	background: url(img/icons/tick.gif) 0 2px no-repeat}

h2.blog_title_list {display:block;margin: 8px 0 0 0;} 

#blog_inhalt #text textarea {width:98%}

/* Kommentare */
div.box_comment {
	display: block;
	width: 97%;
	position: relative;
	padding: 3px;
	margin: 0 5px;
	border: 1px solid #ccc;
	background: #f4f4f4;
}
div.box_comment div.delete {
	position: absolute;
	height: 16px;
	top: 50%;
	left: 4px;
	margin-top: -8px;
}
div.box_comment_name {
	position: relative;
	margin: 10px 0 0 10px;
}
span.arrow {
	background: #FFF url(img/icons/arrow_down.gif) no-repeat;
	width: 10px; height: 10px;
	position: absolute;
	top: -11px; left: 40px
}

/* STAR RATING */
.star-rating{
	list-style:none;
	margin-left:5px!important;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(img/icons/star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(img/icons/star.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(img/icons/star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('img/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('img/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('img/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 80%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -10px;
	background: transparent url('img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -10px;
	background: transparent url('img/fancy_right.png') no-repeat;
}


a#fancy_left span {
	left: -10px; 
}

a#fancy_right span {
	right: -10px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('img/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('img/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('img/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('img/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('img/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_right.png') repeat-x;
}

.subcat_sitemap { margin-left: 15px; font-size: smaller }

dd { line-height: 22px; }

.fs85{font-size: 85%}

div.inputRequirement,
dd.inputRequirement { color: #CC0000; }

ul#main_nav {margin-left: 15px}

li.level1 { margin-left: 10px; list-style: circle; }

li.level1 a { padding: 0; text-decoration: none; font-size: 11px; }

li.level1 a.active:link,
li.level1 a.active:active,
li.level1 a.active:visited { text-decoration: none; font-weight: bold; }

li.level2 { margin-left: 15px; list-style: circle; }

li.level2 a { padding: 0; text-decoration: none; font-size: 11px; }

li.level2 a.active:link,
li.level2 a.active:active,
li.level2 a.active:visited  { text-decoration: none; font-weight: bold; }

li.maincat { list-style: square; margin-top: 3px }

li.maincat a span { line-height: 18px; } 

a.nav span a { font-size: 11px }

li.maincat a, a.nav	{ text-decoration: none; cursor: pointer; font-size: 11px; }

li.maincat a:active, li.maincat a:hover, a.nav:hover, li.maincat a.activ:link,
li.maincat a.activ:visited,
li.maincat a.activ:hover, li.level1 a:hover,
li.level1 a:active, li.level1 a.active:hover,
li.level1 a.active:visited { text-decoration: underline; }

/* PARAGRAPH GLOBAL */
p { margin: 8px 0px 8px 0px; }

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea { width: 100%; }

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea { width: 100%; }

ul.messageStack { border: solid 2px #B22020; background-color: #FFD6D6; padding: 8px; }

ul.messageStack li { }

ul.messageStack li.messageStackError { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/exclamation.png); background-repeat: no-repeat; background-position: 0px 4px; }

ul.messageStack li.messageStackSuccess { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/icon_accept.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #66FF66; }

ul.messageStack li.messageStackWarning { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/icon_alert.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #FFF2CD; }

.box { margin: 8px 0 8px 0; border: 1px solid #cccccc;background: #F1F1F1; padding: 0 0 6px 0; }

.boxText { padding: 3px; }

.categorie_list_one { float: left; width: 48%; margin: 0 5px 15px 5px; }

.checkout { text-align: left; width: 95%; }

.checkout_payment_adress_current { float: left; width: 32%; padding-left: 15px; }

.checkout_payment_agb_accept { text-align: left; font-size: 12px; color: #000000; width: 100%; }

.checkout_payment_arrow { float: left; width: 23%; text-align: center; }

.checkout_payment_container { width: 555px; text-align: left; height: 120px; }

.checkout_payment_continue { margin: 15px 0 0 0; height: 55px; }

.checkout_payment_info_text { float: left; width: 40%; }

.checkoutBarCurrent, .greetUser, .new_product_default_price, li.maincat a:link, a.nav:link,
li.maincat a:visited, a.nav:visited { font-weight: bolder; }

.checkoutBarTo, div.checkoutBarCurrent { margin: 15px 0 10px 0; padding: 0 2px 0 2px; font-size: 11px; }

.clr { clear: both; float: none; }

.contentsTopics,
.pageHeading,
#moduleHeading { font-weight: bolder; line-height: 25px; border-bottom: 1px solid #000; margin-bottom: 15px; }


/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#66FF66} 

/* FOOTER */
.footer { clear: both; text-align: center; font-size: 11px; color: #666666; background-color: #E2E2E2; padding: 8px; margin-bottom: 5px; }

.footer a { color: #666666; text-decoration: underline; }

.infoBoxHeading,
.infoBoxHeading_right { background: url(img/bg_black.gif) #000 top left repeat-x; color: #fff; padding: 4px 0 0 7px; height: 18px; font-size: 1.0em; font-weight: 700; }

.left { float: left; margin: 0px; }

.list_left { float: left; }

.list_left, .list_right { width: 48%; margin-bottom: 2px; text-align: left; }

.list_right { float: right; }

.list_right_2 { width: 40%; float:right; margin-bottom: 20px; text-align: left; }

.mini_wrapper { margin: 0; padding: 0; }

.new_product_default { width: 285px; float: left; border-bottom: 1px solid #E7E7E7; margin: 10px 0 10px 0; }

.new_product_default_image { float: left; width: 120px; padding-top: 10px; }

.new_product_default_right { float: left; width: 165px; }

.new_product_default_tax { font-size: 11px; }

.order_details, .checkout_payment_comments,
.checkout_payment_agb { font-size: 11px; }

.product_content { margin-top: 15px;}

.product_info_box { text-align: left;}

.product_info_box_bottom { height: 12px;}

span.rechts .thumbs a {background:transparent url(/img/img_right.gif) no-repeat scroll 0 0;height:57px;margin:0 2px 2px 0;position:relative;text-align:center;width:70px;z-index:100;}

.product_info_box_middle {}

.product_info_box_middle ul { margin-left: 20px}

.product_info_box_middle_left { width: 270px; margin: 0 0 0 15px}

.product_info_box_middle_left .img_main {margin-right: 3px}

.product_info_box_middle_left .img_left {margin-right: 0}

.product_info_box_middle_left .img_right {margin-right: 3px}

.product_info_box_middle_right { width: 300px;text-align: left; margin-bottom: 15px; }

.product_info_box_middle_thumbnail { margin: 10px 0 0 5px; }

.product_info_cartbutton { width: 200px; }

.product_info_description { overflow: hidden; margin-bottom: 15px; text-align: left; }

.product_info_dropdown { width: 140px; font-size: smaller; margin-top: 15px; }

.product_info_graduated_price { width:215px }

.product_info_graduated_price .bg_dunkel { background: #eee }

.product_info_graduated_price dl { display: block; line-height: 22px; clear: both; }

.product_info_graduated_price dl dd { display: block; white-space: nowrap; overflow: hidden; }

.product_info_graduated_price dl dt { white-space: nowrap; overflow: hidden; width:90px; display: block; float: left; padding-left: 5px }

.product_info_h3 { padding: 5px 0 0 15px; font-size: 15px; border-bottom: 2px solid #CCCCCC; }

.new-price { font-size: 16px; color: #DA251D; font-weight: 700; text-align: left; }

.product_info_price { font-size: 24px; font-weight: 700; text-align: left; margin: 10px 0;}

.product_info_print { font-size: 10px; }

.product_info_print img a { cursor: pointer; }

.product_info_shipping { font-size: 10px; color: #696969; font-weight: bolder; }


.product_info_tax { width: 95px; }

.product_info_tax_shipping { width: 250px; font-size: 10px; }

.product_listing_box { overflow: hidden; margin-bottom: 15px; text-align: left; }

.product_listing_box_hot { width: 140px; height: 70px; }

.product_listing_box_left { width: 16px; height: 152px; }

.product_listing_box_right { width: 17px; height: 152px; }

.product_listing_description { width: 280px; padding-left: 15px; }

.product_listing_header { height: 26px; margin: 5px 0 0 0; }

.product_listing_image { width: 112px; }

.product_listing_mwst { font-size: 10px; padding-right: 30px; }

.product_listing_price { width: 250px; text-align: right; padding-right: 15px; }

.product_listing_price_button { width: 140px; text-align: center; }

.product_listing_price_detail { font-weight: bolder; padding-top: 15px; }

.product_listing_shipping { font-size: 10px; color: #FDC859; font-weight: bolder; }

.product_name { display: block; }

.product_name h2 a { font-size: 15px; margin-top: 8px; }

.product_name h3 a { font-size: 15px; margin-top: 8px; }

.right { float: right; margin: 0px; }

.row1 { background: #F2F2F2; }

.row1, .row2 { padding: 5px; }

.row2 { background: #FFFFFF; }

.categories_list {
border-bottom:#E2E2E2;
border-top:#E2E2E2;
border-style:solid;
border-top-width:thin;
border-bottom-width:thin; }


/* Footer Boxes */
ul.footer_gallery { float: left; clear: both; width: 100%}
ul.footer_gallery li {float:left; width:32.8%; position: relative; margin: 0 5px 10px 0;}
ul.footer_gallery li ul.box_footer {list-style-type: square}
ul.footer_gallery li ul.box_footer li {width: 100%;display: block;margin:0;border-bottom: 1px solid #ccc;padding: 3px 0;}
ul.footer_gallery li ul.box_footer li a {padding: 0 0 0 12px;}

.footerbox { text-align: left; font-size: 11px; float: left;clear:both; color: #666666; background: #eee; padding: 8px; margin: 5px; border: 1px solid #ccc; width:960px;display:block }

/* New Products Categoriest */
ul.product_listing_gallery_cat {float: left; clear: both; width: 100%;}

.img_border {border: 1px solid #999999; padding: 5px; background: #fff}

a:hover .img_border {border: 1px solid #000;}

ul.product_listing_gallery_cat li {float:left; width:30%; height:270px; position: relative; margin: 0 5px 10px 0; padding:5px; border: 1px solid #ccc;background: url(img/bg_gradient.jpg) top left repeat-x}
* html ul.product_listing_gallery_cat li {width:33.33%;}
ul.product_listing_gallery_cat li h2 {font-size: 90%; text-align: center; margin-top: 2px}
ul.product_listing_gallery_cat li h2 a {text-decoration: none; color:#000; text-align: center}
.product_listing_gallery_detail_cat {position:absolute; top: 140px; text-align: center}
.product_listing_gallery_price_cat {position: absolute; top:188px; width: 172px; text-align: center}
.popup_link_cat {font-size: 80%;}

.infoBoxHeadingFooter { color: #3C3B3D; height: 20px; font-size: 1.3em; font-weight: bold; margin: 1px; border-bottom: 1px solid #ccc }

.headerMessage{color:#ff0000; display: block; margin: 10px 0}


ul.linkliste {
	list-style: none;
	margin: 0 14px;
	}

ul.linkliste li {
	float: left;
	margin-bottom: 1em;
	width: 49.5%;
	}

ul.linkliste li a,
ul.linkliste li a:hover {
	border: none;
	text-decoration: none;
	}

p.clear {
	clear: left;
	}	

div.banner {
	margin: 0 14px 0.5em 14px;
	}

img.dgg-banner-code {
	}

textarea.dgg-banner-code {
	font-size: 84.615%;
	height: 84px;
	margin: 1em 0 1em 0;
	width: 506px;
	}

table.overview {
	border: none;
	margin: 0pt 14px;
	width: 536px;
	}

table.overview td {
	border-top: #C4C4C4 1px solid;
	line-height: 1.2em;
	padding-bottom: 6px;
	padding-top: 6px;
	vertical-align: top;
	}

table.overview tr.last td {
	border-bottom: #C4C4C4 1px solid;
	}

table.overview td.img {
	width: 110px;
	}

table.overview td.price {
	text-align: right;
	width: 140px;
	}

table.overview td img {
	width: 94px;
	}

table.overview td a {
	border-bottom: #333 1px solid;
	}

table.overview td a:hover {
	border-bottom: #E14455 1px solid;
	}

table.overview td.img a {
	border: none;
	}

#adsense-hor {
	background: #fff;
	margin: 0 auto;
	padding: 14px 0 8px 0;
	text-align: center;
	width: 964px;
	}

#adsense-ver {
	margin: 14px 0 0 10px;
	}

.headerError {
	color: red;
	/*margin: 5px 0 5px 0; border: 1px solid #CC3300; background: #ff1000; padding: 5px;*/
	}

.error-box {
	border: red 1px solid;
	margin: 1em 0;
	padding: 6px;
	text-align: center;
	}

#content-box .error-box p {
	color: red;
	line-height: normal;
	margin: 0;
	padding: 0;
	}

div.text-cart-hint {
	background: #FFE677;
	border: #C4C4C4 1px solid;
	margin: 0 14px;
	}

div.text-cart-hint a {
	border-bottom: #333 1px dotted;
	}

div.text-cart-hint a:hover {
	border-bottom: #333 1px solid;
	}

p.testimonial,
p.testimonial-cite {
	font-size: 92.307%;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding-left: 10px;
	}

p.testimonial {
	background: #fff url(img/quotes.gif) top left no-repeat;
	padding-top: 6px;
	}

p.testimonial-cite {
	font-style: italic;
	margin-bottom: 1.5em;
	}

#content-box p.content {
	margin-top: 2.5em;
	}

p.testimonial-link {
	margin-bottom: 0;
	}

dl.gewinnerpostkarte-des-monats {
	float: right;
	margin: 0 0 24px 10px;
	padding: 0 0 0 0;
	width: 300px;
	}

dl.gewinnerpostkarte-des-monats dt.legend {
	font-size: 84.615%;
	line-height: 1.4em;
	text-align: center;
	}

ul.cardgallery {
	clear: right;
	margin-top: 1em;
	overflow: hidden;
	}


ul.cardgallery li {
	float: left;
	margin-right: 8px;
	width: 300px;
	}

ul.cardgallery li.last {
	margin-right: 0;
	}

.top-margin {
	margin-top: 1em;
	}

.button-section a {
	border: none;
	}

/* --- neue Struktur Kategorien/Produkte auf Startseite -------------------- */
img.cat-header {
	clear: both;
	margin: 14px 0 0 5px;
	}

div.cat-product-container {
	clear: both;
	margin-top: 12px;
	}

div.cat-product-container img.cat-img-left {
	float: left;
	height: 260px;
	width: 191px;
	}

div.cat-express img.cat-img-left {
	height: 151px;
	width: 370px;
	}

div.cat-product-container ul {
	float: right;
	width: 753px;
	}

div.cat-express ul {
	width: 574px;
	}

div.cat-product-container ul li,
div.cat-product-container ul li img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

div.cat-product-container ul li img.cat-img-header {
	height: 40px;
	width: 753px;
	}

div.cat-express ul li img.cat-img-header {
	height: 39px;
	width: 574px;
	}

div #download-option {
	display: none;
	visibility: hidden;
	}