/* ##################################################################   */
/* Color Codes:
/* #5DA258     old green, no longer used (2010-10-21)                   */
/* #691E00     brown for lines and letters
/* #DA6628     old orange
/* #CB5E39     the new orange, used in the navibars                     */
/* #FCE0AA     middle dark beige for buttons in checkout               */
/* #FCF0D9     light beige for background of boxes                     */
/* ##################################################################   */


body{
	width:100%;
	background-color:#fff;
}
div#All{
	margin:0 auto;
	width:1000px;
}

/* JavaScript ausgeschaltet */
#warning {
    border: 3px solid red;
    background: yellow;
    padding: 30px;
    margin-bottom: 20px;
}

#warning p {
    color: red;
    text-align: center;
    font-weight: bold;
}

div#container{
	width:980px;
}

* html div#container{
	height:222px;
}
div#header{
	position:absolute;
	left:0;
	top:30px;
	width:1000px;
	height:192px;
}
div#header div#headline{
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:192px;
	text-align:center;
}
div#header div#headline img.png{
	margin:75px 0;
}
div#header div#home_link_container{
	position:absolute;
	left:18px;
	top:0;
}
h1{
	position:absolute;
	left:0;
	top:0;
	font-size:25px;
	line-height:27px;
	font-weight:bold;
	color:#271410;
}
div#content{
	padding-top:56px;
	position:relative;
	top:32px;
	left:3px;
	width:980px;
}
div#content h2,body#category div#content h1{
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
div.box_middle table.cart ul.side{
	padding-bottom: 5px;
}
/*### MEIN SCHOKOSTYLE ###*/
body#category div#content,body#product div#content{
	padding-top:35px;
}
body#category div#chocolates div{
	margin:0;
	padding:0;
	display:inline;
}
body#category div#chocolates div.box_bottom{
	padding-top:8px;
	display:block;
	clear:both;
}
body#category div#chocolates div.box{
	display:block;
	width:251px;
	height:300px;
	overflow:hidden;
	float:left;
}
*+html body#category div#chocolates div.description{
	position:relative;
	top:-8px;
}
div#chocolates div.description,body#category div.description{
	display:block;
	height:39px;
	overflow:hidden;
	z-index:10;
}
div#chocolates div.description a,body#category div.description a,body#cart #cartform div.description a,body#container #cartform div.description a,body#registerDone div.description a,body#finished div.description a,.description_right a.boxes,body#account .description a.boxes, body#logout .description a.boxes{
	display:block;
	font-size:14px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	border-bottom:1px solid;
	border-top:1px solid;
	background-position:right center;
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left:10px;
	padding-left:2px;
	margin-top:8px;
	color:#CB5E39;
	border-color:#691E00;
	background-image:url("../img/layout/rotpfeil.png");
}
body#cart #cartform div.description a,body#container #cartform div.description a,.description_right a.boxes{
	text-align:left;
}
body#registerDone div.description a,.description_right a.boxes{
	margin-top:20px;
}
body#finished div.description a{
	margin-top:20px;
	text-align:left;
	margin-right:20px;
}
/*### TOP NAVI ### */

div.top_navigation{
	position:absolute;
	left:250px;
	width:750px;
	height:65px;
	top:0px;
}
div.top_navigation div.Navigation ul li{
	float:left;
}
div.top_navigation div.Navigation ul li div{
	height:65px;
	margin-right:20px;
}
div.top_navigation div.Navigation ul li.last div{
	margin-right:0;
}
* html div.top_navigation div.Navigation ul li div{
	float:left;
	margin-right:10px;
}
div.top_navigation div.Navigation ul li div a{
	position:relative;
	top:26px;
	line-height:17px;
	font-size:14px;
	color:#5da329;
	font-weight:bold;
	display:inline;
	text-decoration:none;
	text-transform:uppercase;
}
/*div.top_navigation div.Navigation ul li div.new_link{
background:url("../img/layout/top_navi_new.png") right 0 no-repeat;
	padding:0 40px 0 7px;
}
div.top_navigation div.Navigation ul li div.new_link a{
	color:#fff;
}*/

/*### TOP NAVI ENDE ### */

/*### BOTTOM NAVI ### */
div#footer{
	margin-top:200px;
	height:30px;
	background-color:#CB5E39;
	width:980px;
	border-bottom:17px solid #fff;
}
div#innerFooter{
	width:960px;
	height:30px;
	padding-left:10px;
	overflow:hidden;
	position:relative;
}
div#innerFooter p{
	height:30px;
	line-height:30px;
	color:#fff;
}
div#innerFooter ul{
	position:absolute;
	top:0px;
	right:0px;
}
div#innerFooter div.Navigation ul li{
	float:left;
}
div#innerFooter div.Navigation ul li div{
	height:30px;
	margin-right:6px;
}
* html div#innerFooter div.Navigation ul li div{
	float:left;
	margin-right:3px;
}
div#innerFooter div.Navigation ul li div a,div#innerFooter div.Navigation ul li span{
	position:relative;
	top:8px;
	line-height:12px;
	font-size:11px;
	color:#fff;
	display:inline;
	text-decoration:none;
}

/*### BOTTOM NAVI ENDE ### */

/*### RIGHT NAVI ANFANG ###*/
body#category #shopping_cart{
	width:214px;
	overflow:hidden;
	position:relative;
	left:10px;
}
#shopping_cart table.cart{
	width:192px;
}
body#category #shopping_cart td.description,body#product #chocolates td.description{
	font-weight:bold;
	color:#CB5E39;
}
body#cart td.description{
	width:370px;
}
#shopping_cart, #shopping_cart *{
	line-height:17px;
	margin:5px 0;
}
#shopping_cart strong{
	font-weight:bold;
	display:block;
	position:relative;
	margin-top:-5px;
	padding-bottom:3px;
	font-size:12px;
}
#shopping_cart strong.group{
	font-size:11px;
	margin-top:5px;
}
body#category #content h2{
	/*position:absolute;*/
	text-align:left;
	left:764px;
	top:10px;
}
#shopping_cart div.cart,#shopping_cart div.login{
	border:1px solid #ddd;
	padding:3px 8px;
	margin-bottom:10px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
}

div.cart {
    background: #FCF0D9;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

#shopping_cart div.login div.box_top{
	font-weight:bold;
	font-size:12px;
}
#shopping_cart div.loginbox a{
	display:block;
	padding:2px 3px;
	width:190px;
	background-color:#CB5E39;
	color:#fff;
	text-decoration:none;
}
/*TEIL2*/
body#product div#chocolates div#right_block{
        clear:both;
	width:214px;
	height:444px;
	position:relative;
	float:left;
	left:10px;
	background:url("../img/layout/warenkorb.png") no-repeat;
}
body#product div#chocolates div#right_block .headline,body#product div#chocolates div#right_block .headline span{
	padding:16px;
	font-weight:bold;
	color:#fff;
}
body#product div#chocolates div#right_block #vollmilch{
	background:url("../img/layout/vollmilch_bg.png") center 12px no-repeat;	
}
body#product div#chocolates div#right_block #zartbitter{
	background:url("../img/layout/zartbitter_bg.png") center 12px no-repeat;	
}
body#product div#chocolates div#right_block #weisse{
	background:url("../img/layout/weisse_bg.png") center 12px no-repeat;
	color:#652e18;
}
body#product div#chocolates div#right_block #weisse *{
	color:#652e18;
}
body#product div#chocolates div#right_block .headline span{
	padding:0;
}
body#product div#chocolates div#right_block div#line1,body#product div#chocolates div#right_block div#line2,body#product div#chocolates div#right_block div#line3,body#product div#chocolates div#right_block div#line4,body#product div#chocolates div#right_block div#line5{
	position:absolute;
	width:192px;
	height:50px;
}
body#product div#chocolates div#right_block div#line1 span.ztt,body#product div#chocolates div#right_block div#line2 span.ztt,body#product div#chocolates div#right_block div#line3 span.ztt,body#product div#chocolates div#right_block div#line4 span.ztt,body#product div#chocolates div#right_block div#line5 span.ztt{
	color:#691E00;
}
body#product div#chocolates div#right_block div#line1{
	top:78px;
	right:10px;
}
/*### RIGHT NAVI ENDE ###*/

/*### CONTENT ###*/

body#product div#zutaten div.details div.konfigurator{
	float:left;
	width:174px;
	height:144px;
	margin:0 10px 10px 0;
	overflow:hidden;
	position:relative;
}
body#product div#zutaten div.details div.konfigurator img.bg{
	position:absolute;
	left:0;
	top:0;
}
body#product div#zutaten div.details div.konfigurator img.thumb{
	position:absolute;
	left:6px;
	top:34px;
	border:1px solid #281511;
}
body#product div#zutaten div.details div.konfigurator span.name{
	position:absolute;
	left:7px;
	height:16px;
	top:6px;
	width:114px;
	color:#271410;
	font-size:11px;
	text-decoration:none;
}
body#product div#zutaten div.details div.konfigurator span.price{
	position:absolute;
	text-align:right;
	left:115px;
	height:16px;
	font-size:11px;
	top:6px;
	width:52px;
	color:#691E00;
	font-weight:bold;
	text-decoration:none;
}
body#product div#zutaten div.details div.konfigurator span.name span{
	font-weight:normal;
	white-space:nowrap;
}
body#product div#zutaten div.details div.konfigurator div.hint{
	position:absolute;
	left:6px;
	height:16px;
	top:121px;
	width:54px;
	text-decoration:none;
}
body#product div#zutaten div.details div.konfigurator a.check_the_box{
	position:absolute;
	left:84px;
	height:16px;
	top:121px;
	width:84px;
	text-decoration:none;
}
body#product div#Zutatengruppen{
	height:20px;
	margin:-14px 20px 15px;
	position:relative;
}
* html body#product div#Zutatengruppen{
	margin:-12px 0 8px 0;
}
*+html body#product div#Zutatengruppen{
	margin:-14px 0 8px 0;
}
body#product div#Zutatengruppen div.toggle,body#product div#Zutatengruppen div.act{
	float:right;
	margin-right:6px;
}
body#product div#Zutatengruppen div.toggle a{
	color:#CB5E39;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding:2px;
}
body#product div#Zutatengruppen div.toggle a:hover,body#product div#Zutatengruppen div.act a{
	background-color:#CB5E39;
	color:#fff;
}
body#product h2{
	color:#691E00;
}
/*### CONTENT END ###*/

div#footspace{
	height:10px;
	overflow:hidden;
	position:absolute;
	top:1180px;
}
div#zutaten{
/*	border-bottom:1px solid #999;*/
	left:0;
	top:380px;
	position:absolute;
}
div#is_scrollbar{
	height:490px;
	width:754px;
	overflow:auto;
        margin-bottom: 15px;
        border-bottom: 1px solid #999;
}
* html div#zutaten{
	height:490px;
	width:754px;
	overflow-y:auto;
	overflow-x:hidden;
}
* html div#is_scrollbar{
	overflow:visible;
}
*+html div#zutaten{
	height:490px;
	width:754px;
	overflow-y:auto;
	overflow-x:hidden;
}
*+html div#is_scrollbar{
	overflow:visible;
}
div.tooltipp,div.tooltipp2{
	z-index:10;
}
div.tooltipp div.tip-title,div.tooltipp2 div.tip-title{
	width:200px;
	height:auto;
	background-color:#CB5E39;
	padding:3px 2px 3px 6px;
	color:#fff;
}
body#category div#chocolates div.price,body#category div#chocolates div.cart,body#category div#chocolates div.box_top,body#category div#content div#komponenten h1,body#product div#shopping_cart,div.tooltipp div.tip-text,div.tooltipp2 div.tip-text,div.printpage{
	display:none;
}
div.tooltipp2 div.tip-title{
	width:120px;
	text-align:center;
}
body#product div#zutatenliste{
	position:absolute;
	top:67px;
	left:12px;
}
body#product div#zutatenliste div.zutatchen{
	position:relative;
	width:190px;
	height:64px;
	margin-bottom:1px;
}
body#product div#zutatenliste div.zutatchen img{
	position:absolute;
	top:10px;
	left:0;
	width:86px;
	height:42px;
	border:1px solid #281410;
}
body#product div#zutatenliste div.zutatchen div.info{
	position:absolute;
	top:10px;
	right:-3px;
	width:104px;
	font-size:10px;
	height:30px;
	color:#691E00;
	text-align:right;
	z-index:10;
}
body#product div#zutatenliste div.zutatchen div.euro{
	position:absolute;
	top:45px;
	left:123px;
	width:53px;
	height:12px;
	font-weight:bold;
	color:#271410;
}
body#product div#zutatenliste div.zutatchen img.close{
	position:absolute;
	top:47px;
	left:178px;
	width:11px;
	height:11px;
	border:none;
	cursor:pointer;
}
* html body#product div#zutatenliste div.zutatchen img{
	width:86px;
	height:42px;
}
#content strong{
	font-weight:bold;
}
#content u{
	text-decoration:underline;
}
#content em{
	font-style:italic;
}
#content em{
	font-style:italic;
}
#content a{
	color:#CB5E39;
}
#content a.button.right{
	color:#691E00;
}
div.cart td.quantity input{
	width:30px;
}
div.cart td.quantity img{
	margin:4px 4px 0 4px;
	width:10px;
}
/*### WARENKORB ###*/

form#cartform div.cart{
	width:980px;
	border:1px solid #666;
	display:block;
	overflow:hidden;
}
form#cartform div.cart div.box_top,form#cartform div.cart_buttons{
	clear:both;
	width:100%;
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
form#cartform div.cart_buttons a,form#cartform div.order_bottom a{
	text-decoration:none;
}
form#cartform div.cart_buttons a:hover,form#cartform div.order_bottom a:hover{
	text-decoration:underline;
}
form#cartform div.cart_buttons{
	border-left:1px solid #333;
	border-right:1px solid #333;
	margin-bottom:20px;
        -moz-border-radius-bottomleft: 8px;
        -moz-border-radius-bottomright: 8px;
}
form#cartform div.cart_buttons update{
	float:left;
	margin-left:10px;
	font-weght:bold;
}
form#cartform div.cart_buttons clear{
	float:right;
	margin-lefright:10px;
	font-weght:bold;
}
form#cartform div.cart a.button{
	display:block;
	width:100px;
	font-size:11px;
	font-weoght:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	border: 1px solid #333;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	vertical-align:baseline;
}
form#cartform div.order_bottom a.button.back{
	position:absolute;
	left:10px;
	margin-top:4px;
	font-weight:bold;
}
form#cartform div.order_bottom a.checkout{
	position:absolute;
	left:850px;
	margin-top:4px;
	font-weight:bold;
}
form#cartform div.cart div.box_middle table.cart{
	width:100%;
}
form#cartform div.cart div.box_middle table.cart th{
	font-weight:bold;
	padding:4px 0;
	border-bottom:1px solid #691E00;
}
form#cartform div.cart div.box_middle table.cart th.image{
	padding:4px 0  0 8px;
}
form#cartform div.cart div.product div.image{
	clear:both;
	width:100px;
	height:80px;
	text-align:center;
}
form#cartform div.cart tr.totalprice td.totalprice{
	font-weight:bold;
}
form#cartform div.cart td.totalprice{
	width:120px;
}
form#cartform div.cart td.price{
	width:120px;
}
form#cartform div.cart table.cart td.image{
	width:90px;
}
form#cartform div.cart table.cart td.image div.image{
	width:60px;
	height:50px;
	overflow:hidden;
}
form#cartform div.cart table.cart td.image div.image img{
	margin-top:5px;
	margin-left:15px;
}
form#cartform div.cart table.cart tr, form#cartform div.cart table.cart td{
	vertical-align:top;
}
form#cartform div.cart table.cart tr td{
	line-height:12px;
}
form#cartform div.cart table.cart tr.product td{
	padding-top: 6px;
}
form#cartform div.cart table.cart td.description a{
	display:block;
	margin-top:-8px;
	overflow:hidden;
}
form#cartform div.cart table.cart td.description p{
	line-height:20px;
	padding-top:6px;
	height:20px;
	overflow:hidden;
	background:url("../img/icons/toggle.gif") 120px 12px no-repeat;
}
body#category div.box_middle table.cart td.komponenten strong,body#product #chocolates div.cart table.cart td.komponenten strong{
	background:url("../img/icons/toggle.gif") 80px 6px no-repeat;
}
body#product #chocolates div.cart table.cart strong{
	font-weight:bold;
	display:block;
	position:relative;
	margin-top:-5px;
	padding-bottom:3px;
	font-size:12px;
}
form#cartform div.cart table.cart td.description strong{
	color:#CB5E39;
}
form#cartform div.cart table.cart td.komponenten div{
	padding-left:1px;
}
form#cartform div.cart table.cart td.komponenten{
	vertical-align:top;
}
form#cartform div.cart table.cart tr.even td.description,form#cartform div.cart table.cart tr.odd td.description{
	line-height:3em;
}
form#cartform div.cart div.comment{
	padding:20px 40px 20px 88px;
}
div.terms div.CartTermsAccepted{
	position:relative;
	top:40px;
}
div.order_bottom{
	display:none;
}
div.cart_buttons .update{
	padding-left:10px;
	float:left;
}
div.cart_buttons .right{
	margin-right:10px;
}
/*### WARENKORB ENDE  ###*/
/*### LOGIN SITE ###*/
body#login div#cont{
	width:980px;
	display:block;
	overflow:hidden;
	margin-top:15px;
}
body#login div#cont div.box{
	float:left;
	width:310px;
	margin-right:15px;
	overflow:hidden;
	border:1px solid #666;
	position:relative;
}
body#login div#cont div.last{
	margin-right:0;
}
body#login div#cont div.box_top{
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#login div#cont div.box_middle{
	height:180px;
	padding:10px;
}
body#login div#cont div.box_bottom{
	margin-bottom:10px;
}
body#login div#cont a.button{
	display:block;
	width:100%;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	border-top: 1px solid #691E00;
	border-bottom: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
	position:relative;
	top:-12px;
}
body#login div#cont a.button:hover{
	text-decoration:underline;
}
/*### LOGIN SITE ENDE ###*/
/*### LIEFERADRESSE ###*/
body#address div.billing,body#address div.shipping{
	float:left;
	width:478px;
	height:450px;
	display:block;
	overflow:hidden;
	margin:15px 20px 0 0;
	border:1px solid #666;
}
body#address div.shipping{
	margin-right:0;
}
body#address div.terms{
	display:none;
}
body#address div.order_bottom{
	display:block;
}
body#address div.order_information{
	display:none;
}
body#address div.billing .box_top,body#address div.shipping .box_top{
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#address div.billing .box_middle,body#address div.shipping .box_middle{
	height:376px;
	padding:10px;
}
body#address div.billing .box_middle input,body#address div.shipping .box_middle input,body#address div.billing .box_middle select,body#address div.shipping .box_middle select{
	width:180px;
	margin-right:20px;
}
form#cartform div.order_bottom{
	display:block;
}
body#address div.billing .box_middle label,body#address div.shipping .box_middle label{
	white-space:nowrap;
	padding-top:2px;
	line-height:16px;
	height:16px;
	overflow:hidden;
	display:block;
}
body#address input#CheckoutUseBillingAddress{
	width:13px;
	position:relative;
	margin:0;
	margin-right:20px;
	top:2px;
}
body#address div.oder_bottom{
	width:980px;
	overflow:hidden;
}
body#address div.billing div.box_bottom a.button,body#address div.shipping div.box_bottom a.button{
	display:block;
	width:474px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	border-top: 1px solid #691E00;
	border-bottom: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
}
body#address div.oder_bottom a.button:hover{
	text-decoration:underline;
}
body#address div.notice{
	clear:both;
	margin-top:20px;
}
/*### LIEFERADRESSE ENDE ###*/

/*### LIEFERANT ###*/
body#shipping div.box{
	width:980px;
	border:1px solid #666;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
body#shipping div.box div.box_top{
	clear:both;
	width:100%;
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#shipping div.order_top{
	margin-bottom:20px;
}
body#shipping div.order_information{
	display:none;
}
body#shipping div.box_middle{
	min-height:200px;
	padding:15px;
}
body#shipping div.box_middle li label{
	font-weight:bold;
	line-height:26px;
}
body#shipping div.box_middle input{
	line-height:26px;
}
body#shipping div.box_bottom a.button{
	display:block;
	width:463px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	border:1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
	margin-bottom:15px;
}
body#shipping div.box_bottom div.left a.button{
	margin-left:10px;
}
body#shipping div.box_bottom div.right a.button{
	margin-right:10px;
}
body#shipping div.error_message{
	margin-bottom:20px;
}
/*### LIEFERANT ENDE ###*/

/*### LIEFERANT ###*/
body#payment div.shipping{
	width:980px;
	border:1px solid #666;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
body#payment div.shipping div.box_top{
	clear:both;
	width:100%;
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#payment div.order_top{
	margin-bottom:20px;
}
body#payment div.order_information{
	display:none;
}
body#payment div.box_middle{
	min-height:200px;
	padding:15px;
}
body#payment div.box_middle li label{
	font-weight:bold;
	line-height:26px;
}
body#payment div.box_middle input{
	line-height:26px;
}
body#payment div.box_bottom a.button{
	display:block;
	width:463px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	border:1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
	margin-bottom:15px;
}
body#payment div.box_bottom div.left a.button{
	margin-left:10px;
}
body#payment div.box_bottom div.right a.button{
	margin-right:10px;
}
body#payment div.error_message{
	margin-bottom:20px;
}
/*### LIEFERANT ENDE ###*/
/*### FINISH ###*/
body#finish div.order_top{
	margin-bottom:20px;
}
body#finish div.order_information{
	display:none;
}

body#finish div.cart{
	width:760px;
	border:1px solid #666;
	display:block;
	overflow:hidden;
        float: left;
}
body#finish div.payment,body#finish div.payment,body#finish div.shipping,body#finish div.billing_address,body#finish div.shipping_address{
	float:left;
	width:478px;
	height:290px;
	display:block;
	overflow:hidden;
	margin:15px 20px 0 0;
	border:1px solid #666;
}

div.voucher {
	float:right;
	width:210px;
	height:200px;
	display:block;
	/*overflow:hidden;*/
	/*margin:15px 20px 0 0;*/
	border:1px solid #666;
}

body#finish div.shipping,body#finish div.shipping_address{
	margin-right:0;
}
body#finish div.cart div.box_top,
body#finish div.payment div.box_top,
body#finish div.payment div.box_top,
body#finish div.voucher div.box_top,
body#finish div.shipping div.box_top,
body#finish div.billing_address div.box_top,
body#finish div.shipping_address div.box_top{
	clear:both;
	width:100%;
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}

body#finish div.voucher div.box_middle {
    padding: 10px;
}

body#finish div.cart div.box_top a,body#finish div.payment div.box_top a,body#finish div.payment div.box_top a,body#finish div.shipping div.box_top a,body#finish div.billing_address div.box_top a,body#finish div.shipping_address div.box_top a{
	font-weight:normal;
	color:#666;
}
body#finish div.cart div.box_middle table.cart{
	width:740px;
	margin:10px;
}
body#finish div.cart div.box_middle table.cart th{
	font-weight:bold;
	padding:4px 0;
	border-bottom:1px solid #691E00;
}
body#finish div.cart div.box_middle table.cart td.description{
	padding:8px 0;
	font-weight:bold;
	color:#CB5E39;
}

body#finish div.cart div.box_middle table.cart td.totalprice{
    width: 9%;
}


body#finish div.cart div.box_middle div.comment,body#finish div.payment div.box_middle,body#finish div.payment div.box_middle,body#finish div.shipping div.box_middle,body#finish div.billing_address div.box_middle,body#finish div.shipping_address div.box_middle{
	padding:10px;
}
body#finish div.order_bottom{
	display:block;	
}

body#finish div.order_bottom .left a,
body#finish div.order_bottom .right a {
	display:block;
        background: #FCE0AA;
}
body#finish div.order_bottom div p a.button{
	display:block;
	width:474px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	margin-top:15px;
	border: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
}
/*### FINISH ENDE ###*/

/*### REGISTER ###*/
body#register div.box{
	float:left;
	width:478px;
	height:430px;
	display:block;
	overflow:hidden;
	margin:15px 20px 0 0;
	border:1px solid #666;
}
body#register div.box.last{
	margin-right:0;
}
body#register div.box div.box_top{
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#register div.box div.box_middle,body#register div.box div.box_bottom{
	padding:10px;
	/*min-height:200px;*/
	position:relative;
}
body#register div.box.left div.box_bottom{
	height:330px;
}
body#register div.box div.box_bottom a.button{
	display:block;
	width:474px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	margin-top:15px;
	margin-left:-10px;
	border-top: 1px solid #691E00;
	border-bottom: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
}
body#register div.box div.box_middle input{
	width:190px;
	margin-right:20px;
}
body#register div.box div.box_middle label,body#register div.box div.box_middle small{
	line-height:22px;
}
body#register div.box div.box_middle small{
	font-size:10px;
}
body#register div.box div.box_middle select{
	width:194px;
}
/*### REGISTER ENDE ###*/

/*### PW VERGESSEN ###*/
body#forgotPassword div.box{
	width:478px;
	height:380px;
	display:block;
	overflow:hidden;
	margin:15px 20px 0 0;
	border:1px solid #666;
}
body#forgotPassword div.box div.box_top{
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#forgotPassword div.box div.box_middle{
	padding:10px;
	height:280px;
}
body#forgotPassword div.box div.box_middle p{
	margin-top:20px;
}
body#forgotPassword div.box div.box_bottom a.button{
	display:block;
	width:474px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	margin-top:15px;
	border-top: 1px solid #691E00;
	border-bottom: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
}
/*### PW VERGESSEN ENDE ###*/
/*### KONTAKT ###*/
body#kontakt table input{
	width:189px;
	margin-right:20px;
}
body#kontakt table input[name="Submit"]{
	border:1px solid;
	width:100px;
}
body#kontakt table input[name="spamschutz"]{
	width:54px;
}
body#kontakt td{
	line-height:20px;
	vertical-align:bottom; 
}

body#kontakt #r {
    display: none;
}
/*### KONTAKT ENDE ###*/
/*### PROFIL  ###*/
body#profile div.box,body#editCustomer div.box,body#editAddress div.box{
	float:left;
	width:478px;
	height:380px;
	display:block;
	overflow:hidden;
	margin:15px 20px 0 0;
	border:1px solid #666;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        background: #FCF0D9;
}
body#editAddress div.box{
	height:450px;
}
body#editAddress{
	float:none;
}
body#profile div.box.last,body#editCustomer div.box.last{
	margin:15px 0 0 0;
}
body#profile div.box div.box_top,body#editCustomer div.box div.box_top,body#editAddress div.box div.box_top{
	text-align:center;
	color:#CB5E39;
	border-bottom:1px solid #691E00;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}
body#profile div.box div.box_top a,body#editCustomer div.box div.box_top a{
	font-weight:normal;
	color:#666;
}
body#profile div.box div.box_middle p,body#editCustomer div.box div.box_middle p,body#editAddress div.box div.box_middle{
	padding:10px;
}
body#editAddress div.box div.box_middle{
	line-height:18px;
}
body#editCustomer div.box div.box_middle{
	height:305px;
}
body#editAddress div.box div.box_middle{
	height:355px;
}
body#editCustomer div.box div.box_bottom a.button,body#editAddress div.box div.box_bottom a.button{
	display:block;
	width:474px;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:2px;
	margin-top:15px;
	border-top: 1px solid #691E00;
	border-bottom: 1px solid #691E00;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	vertical-align:baseline;
}
body#editAddress div.box div.box_bottom a.button{
	width:216px;
	margin-right:10px;
	margin-left:10px;
	border: 1px solid #691E00
}
body#editAddress div.box div.box_bottom a.button.right{
	margin-left:0;
}
/*### PROFIL  ENDE ###*/

/*### VERSANDKOSTEN ###*/
/*
body#versandkosten div#content ul{
	list-style:disc;
}
body#versandkosten div#content div#footer ul{
	list-style:none;
}
body#versandkosten div#content ul li{
	line-height:22px;
	margin-left:20px;
}
body#versandkosten div#content div#footer ul li{
	margin:0;
}
*/
/*### VERSANDKOSTEN ENDE ###*/
body#orders table.dataTable tr.Produkt td{
	font-weight:bold;
	padding:3px 0;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}

body#orders table.dataTable tr.Gutschein td{
	font-weight:bold;
	padding:3px 0;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
body#orders table.dataTable{
	width:980px;
	border:1px solid #666;
	display:block;
	overflow:hidden;
        background: #FCF0D9;
}
body#orders table.dataTable td{
	width:245px;
	text-align:left;
}

body#orders table.dataTable tr.totalprice {
    background: #DBD1BD;
}

body#orders table.dataTable tr.totalprice td {
    padding: 10px 0;
    font-weight: bold;
}

body#orders table.dataTable thead{
	clear:both;
	width:100%;
	text-align:center;
	color:#CB5E39;
	font-weight:bold;
	font-size:12px;
	background-color:#ddd;
	margin-bottom:20x;
	line-height:20px;
	height:20px;
}

body#orders table.dataTable thead tr{
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
}

body#orders table.dataTable thead td{
	border-bottom:1px solid #691E00;
}
body#orders table.orderInfo thead td{
border-top:1px solid #691E00;
}
body#orders table.dataTable tr.default td{
	border-top:1px solid #691E00;
	padding:2px 0 3px 0;
}
#chocolates div.cart{
	/*margin-top:10px;*/
	/*margin-top:156px;*/
	margin-top:210px;
	float:left;
	left:11px;
	position:relative;
	width:194px;
	border:1px solid #ddd;
	padding:3px 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
/*	margin-bottom:95px;*/
}
#chocolates div.cart *{
	line-height:17px;
	margin:5px 0;
}
#chocolates div.cart td.quantity,#chocolates div.cart td.quantity{
	padding-bottom:10px;
}
body#product #chocolates p.nm{
	display:none;	
}
.error_message{
	clear:both;
	display:block;
	font-weight:bold;
	color:#c00;
	padding-left:60px;
	background:url("../img/icons/warning.gif") left top no-repeat;
	min-height:50px;
}

.error_message_voucher {
	clear:both;
	display:block;
	font-weight:bold;
	color:#c00;
    	background: none;
	min-height:50px;
        margin-top: 10px;
}

* html .error_message{
	height:50px;
}
body#register div.box_middle .error_message,body#register div.box_bottom .error_message{
	background:none;
/*	min-height:inherit;
	height:inherit;*/
	padding-left:0;
}
div.order_top ul,div.order_top li{
	display:block;
	height:24px;
	line-height:24px;
}
div.order_top li{
	float:left;
	margin-right:180px;
	padding-left:40px;
	background-repeat:left top;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#CB5E39;
}
div.order_top li.last{
	margin-right:0;
}
div.order_top .address{
	background-image:url("../img/icons/address_off.gif");
}
div.order_top li[class="address on"]{
	background-image:url("../img/icons/address.gif");
}
div.order_top .shipping{
	background-image:url("../img/icons/shipping_off.gif");
}
div.order_top li[class="shipping on"]{
	background-image:url("../img/icons/shipping_on.gif");
}
div.order_top .payment{
	background-image:url("../img/icons/payment_off.gif");
}
div.order_top li[class="payment on"]{
	background-image:url("../img/icons/payment_on.gif");
}
div.order_top .finish{
	background-image:url("../img/icons/finish_off.gif");
}
div.order_top li[class="finish on last"]{
	background-image:url("../img/icons/finish_on.gif");
}
div.account_top ul,div.account_top li{
	display:block;
	height:24px;
	line-height:24px;
	margin-bottom:20px;
}
div.account_top li,div.account_top li{
	float:left;
	margin-right:222px;
	font-size:12px;
}
div.account_top li,div.account_top li.off a{
	color:#CB5E39;
	font-weight:normal;
}
div.account_top li,div.account_top li.on a{
	font-weight:bold;
	text-decoration:none;
}
div.account_top li.last{
	margin-right:0;
}
.orange{
	color:#CB5E39 !important;
}
.green{
	color:#691E00 !important;
}
.grey{
	color:#999 !important;
}
.black{
	color:#000 !important;
}
.brown{
	color:#9d6140 !important;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.vspacer{
	clear:both;
	height:0;
	overflow:hidden;
}
* html .vspacer{
	clear:both;
	display:none;
}

/* Hotfixes */

.cart-short span.total,
.cart-short span.quantity {
    font-weight: bold;
}

.cartshow {
    position: absolute;
    z-index: 50;
    display: block;
}

.carthide {
    display: none;
}

/* Neue Messagebox ueber dem Warenkorb */
.messagebox {
    text-align: center;
    border:1px solid #DDDDDD;
    left:764px;
    padding:10px;
    position:absolute;
    top:5px;
    width:190px;
    height: 200px;
    /*background:-moz-linear-gradient(center top , #772300, #340B00) repeat scroll 0 0 transparent;*/
    background: url('images/messageBackground.jpg') repeat-x;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.messagebox p {
    font-size: 16px;
    color: white;
    line-height: 1.1em;
}

.messagebox p span.small {
    font-size: 12px;
}

.messagebox p span.medium {
    font-size: 16px;
}

.messagebox p span.large {
    font-size: 20px;
}

.messagebox p span.xlarge {
    font-size: 24px;
}

span.smallmessage p {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 20px;
}

/* Style for the Headline of the configutor's page */
h1.confighead {
    color:#271410;
    font-size:25px !important;
    font-weight:bold !important;
    left:0;
    line-height:27px;
    position:absolute;
    top:0;
    text-transform: none  !important;
}


/* ---------- Voucher in Configurator ------------*/
/*
#voucherform {
    width: 430px;
    position:relative;
    top:-130px;
}

#voucherform .error_message {
    background: none;
    padding-left: 0;
    line-height: 1em;
    min-height:20px;
}

#voucherform .voucher {
    margin-top: 30px;
}

#voucherform .voucher #VoucherCode {
    margin-top: 10px;
}
*/
/* ---------- Cart Form ---------------------- */
#cartform .terms {
    left:500px;
    position:relative;
    top:-74px;
    width:500px;
}

#createChoclate {
    position: relative;
    /*top: 100px;*/
}

#proceedCheckout {
    position: absolute;
    top: 39px;

}

#printChocolate {
    position: relative;
    /*top: 105px;*/

}

/* Showing the ingredients of a basic chocolate */
.infolink {
    position: absolute;
    top:13px;
    right:13px;
    font-size: 10px;
    color: #CB5E39 !important;
    cursor: pointer;
}

.infolink span.ingredients {
    background:none repeat scroll 0 0 #CB5E39;
    border:1px solid #DDDDDD;
    color:white !important;
    font-size:10px;
    font-weight:normal;
    height:128px;
    left:-165px;
    padding:5px !important;
    position:absolute;
    text-decoration:none;
    top:-148px;
    width:179px;
    z-index:50;
    display: none;
}

/*
####################################################################
####################################################################
                                New Styles
####################################################################
####################################################################
####################################################################
*/

/*
    Document   : style
    Created on : 02.10.2010, 17:00:25
    Author     : Ove

*/


/*##################################################################
##                           GENERAL                              ##
##################################################################*/
/*
*{
    color: white;
    font-size: 12px;
    font-family: verdana, sans-serif;
}
*/

a {
    color: white;
    text-decoration: none;
}

.navItemSm a {
    font-size: 14px;
}

.navItemSm a:hover{
    color: #5f1909;
}
/*
a:visited{
    color: white;
}*/

#wrapper{
    margin: 10px auto 0 auto;
    width: 1000px;
}

.hide{
    display: none;
}
/*##################################################################
##                         BROWN BAR                              ##
##################################################################*/

/* Krassolade */

#brownBarSm{
    height: 182px;
    width: 980px;
    /*padding: 21px 0 0 10px;*/
    /*padding-top: 122px;*/
    background-image: url(images/bg_small.jpg);
    background-repeat: no-repeat;
    position: relative;
}

#topLogo{
    margin: 50px 0 0 11px;
}

#bottomLogo{
    margin: 0 0 0 11px;
}


/* Schoko-Laden */

#brownBarSmSL{
    position: relative;
    height: 182px;
    width: 980px;
    /*padding: 21px 0 0 10px;*/
    /*padding-top: 122px;*/
    background-image: url(images/sl_bg_small.jpg);
    background-repeat: no-repeat;
}

#topLogoSL{
    margin: 41px 0 0 5px;
}

#bottomLogoSL{
    margin-left: 21px;
}



#form{
    margin: 37px 10px 0 0;
   float: right;
}

#username{
    width: 149px;
    height: 16px;
    margin-top:0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    border:1px solid white;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color:white;
    background-color: #5f1909
}

#password{
    width: 150px;
    height: 16px;
    margin-top:3px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:1px solid white;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color:white;
    background-color: #5f1909
}

.roundButton{
    height: 22px;
    width: 28px;
    border:1px solid white;
    margin-top: 1px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color:white;
    background-color: #5f1909;
    background-image: url(images/submitButton.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

#form p{
    display: inline;
}

.smallLinkL{
    /*float: left;*/
    letter-spacing: 0.035em;
    margin-left: 2px;
}

.smallLinkR{
    margin-left: 45px;
    letter-spacing: 0.035em;
    /*float: right;*/
}

/*##################################################################
##                        ORANGE BAR                              ##
##################################################################*/

#naviBarSm{
    height: 40px;
    width: 736px;
    margin: 7px 0px 0 0;
    background-image: url(images/bg_navbar.jpg);
    background-repeat: repeat-x;
    float: right;
}

#orangeHighlightLeftSm{
    float: left;
}

#orangeHighlightRightSm{
    float: right;
}

#navContainerSm{
    width: 710px;
    font-weight: bold;
    float: left;
    margin-top: 12px;
    /*text-align: justify;*/
}
#navList{
    display: inline;
    height: 25px;
    width: 950px;
    padding: 0 0 0 9px;
}

.navItemSm{
    display: inline;
    margin-left: 9px;
    font-size: 1.2em;
    letter-spacing: 0.015em;
}
/*##################################################################
##                        FOOTER                                  ##
##################################################################*/

#naviBarFoot{
    height: 40px;
    width: 980px;
    background-image: url(images/bg_navbar.jpg);
    background-repeat: repeat-x;
    margin-top: 122px;
}

#orangeHighlightLeftFoot{
    float: left;
}

#orangeHighlightRightFoot{
    float: right;
}

#navContainerFoot{
    width: 956px;
    font-weight: bold;
    float: left;
    margin-top: 12px;
    text-align: justify;
}

#navListFoot{
    display: inline;
    height: 25px;
    width: 950px;
    padding: 0 0 0 7px;
    list-style: none;
}

#navListFoot .navItem{
    display: inline;
    margin-left: 81px;
    font-size: 1.3em;
    letter-spacing: 0.015em;
    color: #fff;
}

#footerLists ul {
    list-style: none;
}

#footerLists{
    width: 980px;
    margin-bottom: 60px;
    overflow: hidden;
    position: relative;
    height: 220px;
}

ul#list1{
/*    float: left;
    margin: 12px 0 21px 98px;*/
    position: absolute;
    top: 20px;
    left: 100px;
}

ul#list2{
/*    float: left;
    margin: 12px 0 21px 44px;*/
    position: absolute;
    top: 20px;
    left: 277px;
}

ul#list3{
/*    float: left;
    margin: 12px 0 21px 114px;*/
    position: absolute;
    top: 20px;
    left: 462px;
}

ul#list4{
/*    float: left;
    margin: 12px 0 21px 102px;*/
    position: absolute;
    top: 20px;
    left: 655px;
}

ul#list5{
/*    float: left;
    margin: 12px 0 21px 94px;*/
    position: absolute;
    top: 20px;
    left: 827px;
}

.footItem{
    color: #5f1909;
    padding-top: 3px;
}

.footItem img{
    margin-right: 4px;
    padding-top: 3px;
}

.footItem a{
    color: #b43513 !important ;
}

.footItem a:hover{
    color: #cb5125 !important;
}

.footItem a:visited{
    color: white;
}


/* ####### Featured Product ####### */
#featured {
    clear: both;
    border: 1px solid #aaa;
    background:-moz-linear-gradient(center top , #89BD26, #486314) repeat scroll 0 0 transparent;
    -moz-border-radius:8px;
    height: 150px;
    width: 752px;
}

.featprod {
    margin: 20px;
}

.featprod p {
    color: #C4481F;
    font-size: 34px;
    text-shadow: 1px 1px 1px #eee;
}


/* Hot fixes */

.gotvoucher {
    padding: 20px 10px;
    border: 1px solid #691E00;
    width: 460px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #FCF0D9 url("../img/icons/1288093905_onebit_21.png") no-repeat center right;
}

.gotvoucher p {
    color: #CB5E39;
    font-weight: bold;
}

/* Runde Ecken */

form .box,
form div.billing,
form div.shipping,
form div.billing_address,
form div.payment,
form div.shipping_address,
body#finish div.cart,
#content div.voucher {
    background-color: #FCF0D9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.box_top {
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
}

.box_bottom .button {
    background-color: #FCE0AA;
}

#content form input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 3px;
}

#finish #VoucherCode {
    margin: 10px 0 2px 0;
}

   

