/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/* Neutralisieren von unterschiedlichen Browserspezifischen Einstellungen */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/* Font Reset - Normalisieren von Font-Angaben */
body{font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% helvetica, arial, clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



body {
	border: 0;
    background: #F3F5DB none repeat scroll 0 0;
}

h1, h2, h3, h4, h5 {
	color: #5F005E;
}

a {
	color: #5F005E;
	text-decoration: none;
}

a:hover,
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5 {
	color: #B1BE24;
}

h1 {
	font-size: 240%;
}
	
h2 {
	font-size: 197%;
}


h2.teaser {
	font-size: 220%;
    font-weight: bold;
}
	
h2.deliveryday {
	font-size: 24px;
	line-height: 1;
	color: white;
}
	
h3 {
	font-size: 153.9%;
	line-height: 1;
}

	
h3.bioboxen_single {
	color: #ffffff;
	padding: 11px 0 0 21px;
	font-size: 24px;
}
	
h3.delivery_single {
	color: #ffffff;
	padding: 16px 0 0 0;
	}
	
h3.box_confirmation {
	color: #ffffff;
	font-size: 24px;
	padding: 11px 0 0 21px;
	}
	
h3.choose {
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0 0 16px;
	width: 700px;
	}
	
h3.error {
	padding: 15px 0 15px 0;
	margin: 0;
	color: #FF0000;
	}
	
h3.confirm {
	font-size: 123.1%;
	}
	
h4 {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 108%;
	font-weight: bold;
	}
	
.box h4 {
    margin: 20px 0 5px 0;
}

.fl {
    float: left;
}
.fr {
    float: right;
}

.clear {
	clear: both !important;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

.separator {
	clear: both;
    font-size: 1px;
    line-height: 0;
	height: 20px;
}
/* neue Struktur im Body */

#container {
    width:960px;
    background: #ffffff; 
    margin-left: auto;
    margin-right: auto;  
}

#header {
	height: 150px;
	background-color: #B1BE24;
}

#header_gruen {
	width: 960px;
	height: 150px;
	background-color: #B1BE24;
	display: none;
}

div.navigation {
    margin: 10px 20px;
    height: 30px;
}

div.warning {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 20px;
    background-color: #ffffff;
    border: solid 3px #ff0000;
}


.navigation ul li {
	display: inline;
    margin-right: 20px;
}

.navigation ul li a.details {
    font-size: 197%;
    background: url(/img/CityFarmingIcons.png) no-repeat 0 0px;
    padding-left: 19px ;
}
.navigation ul li a.details:hover {
    background: url(/img/CityFarmingIcons.png) no-repeat 0 -57px;
                                  }
.navigation ul li a.active {
    color: #B1BE24;
    background: url(/img/CityFarmingIcons.png) no-repeat 0 -57px;
}

.ct .title {
    margin: 10px 20px 10px 0;
}


.ct {
    background: #ffffff url(/img/back_right.gif) no-repeat bottom right;
}

.ct div.first {
    width: 710px;
    display: inline;
    float: left;
    margin-left: 20px;
    margin-top: 12px;
    background: none;
}

.ct .column {
    float: right;
}

.ct .column {
    width: 210px;
}

.columntext {
    margin: 10px 0 15px 0;

}

.columntext p.text {
	color: #67676B;
    width: 325px;
    padding-left: 10px;
}
.columntext p.last{
    padding-right: 10px;
}
/* Ende neue Struktur im Body */	


/* Links */

a.details {
    background: url(/img/CityFarmingIcons.png) no-repeat 0 -117px;
    padding-left: 15px;
    cursor: pointer;	
}
a.details:hover {
    background: url(/img/CityFarmingIcons.png) no-repeat 0 -162px;
}


a.add-to-basket {
    color: #ffffff;
    font-weight: bold;
    background-color: #5F005E;
    border-top: 1px solid #AD00AB;
    border-left: 1px solid #AD00AB;    
    border-bottom: 2px solid #320061;
    border-right: 2px solid #320061;    
    padding: 3px 10px;
    line-height: 30px;
    margin-right: 2px;
}

a.add-to-basket:hover {
    color: #5F005E;
    background-color: #ffffff;
}

a.add-to-basket.abbrechen {
    color: #5F005E;
    font-weight: bold;
    background-color: #FFFFFF;
    margin: 2px 2px 2px 10px;
}	
/* Ende Links */

.hint {
    font-size: 77%;
    color: #67676B;
}

.fr.payment {
    width: 345px;
}

/* Boxen */	

.box {
    width: 345px;
    background-color: #ffffff;
}

.box .boxHeader {
	color: #747C18;
    font-size: 153.9%;
	line-height: 1;
    background: #C9D266;
	padding: 5px 0 5px 10px;
}

.box img.fl {
    margin: 5px;
}

.box .features {
    margin-top: 15px;
    margin-left: 135px;
}

.box .addToBasket {
    text-align: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

.box .delivery_form .addToBasket {
    text-align: left;
    margin-left: 120px;
}


.box .addToBasket img{
    clear: left;
}

.box.textTeaser {
	background: url(/img/back_face.gif) no-repeat;
	height: 356px;
}
.box.textTeaser .textWrapper {
    padding: 110px 10px 10px 25px;	
}

.box.textTeaser p {
    margin-top: 5px;
    line-height: 1.5;
	color: #ffffff;
}

.box.frame {
    width: 343px;
    height: 356px;    
    border: 1px solid #C9D266;
}

.box.special {
}

.box.boxOfTheWeekTeaser {
}

.box a.details {
    display: block;
    margin: 10px 0;
}
.box .price {
	text-align: right;
	margin: 20px 5px 9px 0;

}
.box span.price {
    font-size: 240%;
	font-weight: bold;
	color: #B1BE24;
	line-height: 1;
}
	
span.price_small {
	font-size: 24px;
	color: #B1BE24;
	line-height: 1;
	font-weight: bold;
	}
		
.box ul li {
	color: #67676B;
    padding-bottom: 2px;
}
.box ul.listing  {
    margin: 10px 0;
}

.box ul.listing li {
	color:#5F005E;
    font-size: 108%;
    font-weight: bold;    
    padding: 8px 3px 3px 20px;
    background: url(/img/CityFarmingIcons.png) no-repeat 0 5px;
}

.smallBoxes div.first {
    margin: 0;
    width: 220px;
    background-color: #ffffff;
}

.smallBoxes .box {
    width: 220px;
    margin-left: 20px;
    border: 1px solid #C9D266;
}
.smallBoxes .box .boxSpacing{
    margin: 0 5px 5px 5px;
}

.smallBoxes .box .features {
    margin-top: 10px;
    margin-left: 80px;
}

.boxListing .box span.price,
.smallBoxes .box span.price {
    font-size: 167%
}

.boxListing .box,
.boxDetails .box {
    margin: 0 20px 10px 0;    
    clear: both;
    width: 708px;
    border: 1px solid #C9D266;
}

.boxListing .box .features {
    margin-top: 0;
    margin-left: 10px;
    float: left;    
    width: 300px;
}

.boxDetails .box .features {
    margin-top: 0;
    margin-left: 10px;
    width: 300px;
}

.boxDetails .box .features.first {
    margin: 20px 0 0 20px;
}

.boxListing .boxSpacing {
    margin: 0px 10px;
}
.boxListing.faq .boxSpacing {
    margin: 15px;
}
.boxListing .price {
    margin: 10px 5px 10px 0;
}

.boxListing .box .boxHeader {
	color: #747C18;
    font-size: 153.9%;
	line-height: 1;
    background: #C9D266;
	padding: 5px 0 5px 10px;
}

.box.plz {
    height: 335px;
}

.box.plz .boxSpacing{
    margin: 10px;
}

.box.konzept,
.box.confirmation {
   height: 100%;
}

.box.konzept .boxSpacing,
.box.confirmation .boxSpacing {
   margin: 15px;
}

.box.confirmation .fl.conf  {
    width: 300px;
}

/* thanks, IE 6. normally conf would be ok but the multiple classes
   applies here */
.box.confirmation .fr.confr {
    width: 335px;
}


.extras .box {
    width: 708px;
    border: 1px solid #C9D266;
}
.extras .box .boxSpacing{
    background: transparent url(/img/extrasBackground.gif) repeat-y 0 0;
}


p.eur {
	color: #B1BE24;
    font-weight: bold;
}

p.mwst {
	font-size: 93%;
	color: #67676B;
	}

/* Ende Boxen */	


#footerContainer {
    margin-top: 15px;
    background: #F3F5DB none repeat scroll 0 0;
}	
#footerLogos {
    float: left;
    margin: 20px;
}	
	
	
	
.box_bioboxen_single {
	width: 711px;
	float: left;
	border-left: 20px solid #B1BE24;
	}
	
.box_bioboxen_single_header {

	height: 50px;
	background: #B1BE24;
	}
	
	
.box_bioboxen_single_image {
	float: left;
	}
	
.box_bioboxen_single_right {
	padding: 28px 0 0 21px;
	float: left;
	}
	
.box_bioboxen_single_features {
	padding-top: 52px;
	width: 360px;
	}
	
.box_bioboxen_single_price {
	padding-top: 50px;
	float: left;
	}
	
.box_bioboxen_single_advice {
	padding: 70px 0 0 30px;
	width: 380px;
	}
	
.box_bioboxen_single_advice p {
	font-weight: bold;
	font-size: 16px;
	}
	
.box_bioboxen_single_basket {
	padding: 61px 0 0 120px;
	float: left;
	}

span.box_bioboxen_single_number {
	font-size: 20px;
	color: #5F005E;
	width: 27px;
	float: left;
	padding-right: 5px;
	text-align: right;
	}
	
span.box_bioboxen_single_description {
	width: 360px;
	font-size: 20px;
	color: #5F005E;
	}
	
.delivery_form {
    margin: 20px 0;
}

.delivery_form input.form_input{
    width: 100px;
    margin: 3px 10px 0 0;
}

.info {
    margin: 15px 0px;
}
.info .headline {
    color: #5F005E;
    font-weight: bold;
    padding-bottom: 5px;
}


p.txt {
	line-height: 1.5;
	color: #67676B;
}

p.eur_bioboxen_single {
	font-size: 18px;
	color: #B1BE24;
	line-height: 1;
	font-weight: bold;
	}
	
	
p.mwst_bioboxen_single {
	text-align: right;
	font-size: 12px;
	color: #67676B;
	line-height: 1;
	font-weight: bold;
	}
	
p.checkboxes {
	font-size: 12px;
	color: #5F005E;
	}
	
p.basket_extras_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
	
p.order {
	padding-top: 3px;
	font-size: 15px;
	color: #5F005E;
	}

p.form_single_label_text {
	font-size: 12px;
	font-weight: bold;
	color: #5F005E;
	padding-top: 4px;
	}
	
p.form_single_label_text_error {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-top: 4px;
	}
	
p.form_single_label_text_error_small {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	padding-bottom: 4px;
	}
	
p.form_single_label_text_twolines {
	font-size: 12px;
	font-weight: bold;
	color: #5F005E;
	padding-top: 0px;
	}
	
p.form_single_label_text_small, .small {
	font-size: 10px;
	font-weight: normal;
	color: #5F005E;
	padding-bottom: 3px;
	}
	
p.form_single_label_text_smaller {
	font-size: 9px;
	font-weight: normal;
	color: #5F005E;
	}
	
p.agb_head {
	font-size: 12px;
	color: #67676B;
	font-weight: bold;
	padding-top: 25px;
	}

p.delivery_positive {
	font-size: 12px;
	color: #B1BE24;
	font-weight: bold;
	}
	
p.delivery_negative {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	}
	

span.price_bioboxen_single {
	font-size: 48px;
	color: #B1BE24;
	line-height: 1;
	font-weight: bold;
	}
	
	
span.konzept_txt_name {
	font-size: 14px;
	line-height: 1.5;
	color: #5F005E;
	font-weight: bold;
	}

ul.navi, ul.features, ul.features_home, ul.footer, ul.faq {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 200;
}


	
ul.footer li {
	display: inline;
	font-size: 11px;
	color: #67676B;
	padding-right: 4px;
}

ul.faq li {
	margin: 0;
	padding: 0 0 0 13px;
	}
	
ul.faq a {
	font-size: 16px;
	color: #5F005E;
	font-weight: bold;
	text-decoration: none;
	}

ul.footer a {
	color: #67676B;
	text-decoration: none;
}

a.checkbox_agb {
	font-size: 12px;
	color: #5F005E;
	}

#delivery_container {
	margin-top: 70px;
	width: 730px;
	float: left;
	}

.bottom_pos {
	position: relative;
	height: 190px;
	}
	
.box_basket {
	padding: 0px 10px 7px 146px;
	}


	
#footer {
	margin: 40px 0 10px 20px;
	}
	
.footerseparator {
	margin-top: 50px;
	}


#basket {
	padding: 14px 0 0 10px;
	width: 189px;
    margin-bottom: 130px;
	}
	
.basket_content_empty {
	background: #ffffff;
	padding: 13px 8px 0 5px;
	margin-bottom: 5px;
	}
	
.basket_content_title_empty {
	color: #5F005E;
	line-height: 1.7;
	}
	
.basket_content_text_empty {
	color: #67676B;
	}
	
.basket_content_img_empty {
	padding: 19px 0 11px 0px;
	}
	
.basket_content_img_top {
	padding: 7px 0 20px 0px;
	}
	
.basket_content {
	background: #ffffff;
	padding: 5px 5px 15px 5px;
	margin-bottom: 5px;
}


.basket_content span,
.basket_content p {
    color:#67676B;
    font-size: 93%;
}

.basket_content a {
    text-decoration: underline;
}

.basket_content h3 {
	font-weight: bold;
    font-size: 116%;
	display: inline;
}
	
.basket_content_title {
	width: 109px;
	float: left;
}

	
.basket_content_title_sum {
	float: left;
	width: 90px;
}

.basket_sum_text {
	padding: 9px 0 0 0;
}

.basket_content p.basket_price {
    font-size: 100%;
	color: #5F005E;
	text-align: right;
}


.basket_content p.basket_mwst {
	font-size: 77%;
	line-height: 1;
	text-align: right;
}

.basket_content .deliveryInfo {
    padding-top: 5px;
}

.basket_content .deliveryInfo span.invalid {
    border: 1px solid red;
}

.basket_content .deliveryInfo span{
    float: left;
}
.basket_content .deliveryInfo a{
    float: right;
}

.basket_content .error {
    color: red;
}
	
	
.basket_extras_title {
	padding-bottom: 10px;
}
	
.basket_extras {
	width: 109px;
	float: left;
	padding-bottom: 12px;
}
	
.basket_extras_more {
	text-align: center;
}
	
.details_bioboxen {
	padding: 7px 0 11px 0;
	}

.message {
    padding: 3px;
}
.message.ok {
    border: 1px solid #747C18;
    background-color: #FFFFCC;
}
.message.fail {
    border: 1px solid #FF0000;
    background-color: #FFFFFF;
}
.ok p {
    color: #747C18;
    padding-left: 30px;
    background: transparent url(/img/ok.png) no-repeat 0 0;
}
.fail p {
    color: #FF0000;
    padding-left: 30px;
    background: transparent url(/img/fail.png) no-repeat 0 0;
}

.warning {
/*    color: #ffffff; */
    padding-left: 44px;
    font-size: 108%;
    background-image: url(/img/warning_32.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

.warning a {
    color: #000000;
    text-decoration: underline;
}

.warning .main_message {
    margin-bottom: 5px;
    font-size: 131%;
}

.copyright {
	margin-right: 40px
	}
	
.floatclear {
	clear:both;
	}
	


.dialog {
/* 	 position: fixed; */
 	 _position: absolute; /* Degrade to this in IE for now */
  	z-index: 725;
/*  	top: 140px; */
/*	left: 120px; */
	height: 420px;
	background-color: #B1BE24;
}

.dialog_datum {
 	 position: fixed;
 	 _position: absolute; /* Degrade to this in IE for now */
  	z-index: 725;
  	top: 140px;
	left: 120px;
	width: 688px;
	height: 101px;
	border-left: 20px solid #B1BE24;
	border-right: 20px solid #B1BE24;
	border-top: 50px solid #B1BE24;
	border-bottom: 50px solid #B1BE24;
	background: url(/img/back_dialog_2.gif);
	height: 100px;
}

.dialog_header {
	padding: 10px 20px;
}

.dialog-body {
    margin: 0px 20px;
    padding: 10px;
    _height: 1%; /* hasLayout */
    background: url(/img/back_dialog.gif) no-repeat;
}

.dialog_header_text {
	padding-bottom: 2px;
	font-weight: bold;
	color: #5F005E;
}
	
.dialog_text {
	color: #5F005E;
	}
	
.form-fields-title {
	font-size: 18px;
	color: #5F005E;
	font-weight: bold;
	}

table.datepicker {
    border-collapse: separate;
    border-spacing: 1px;
}	
.datepicker_box_left {
	float: left;
	padding-right: 20px;
	}
	
.send_type {
	position: absolute;
	top: 115px;
	left: 513px;
	}
	
.send_type_list {
	padding-top: 34px;
	}
	
.send_type_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.send_type_list li {
	padding-bottom: 7px;
	}
	
.send_type_choice {
	font-size: 15px;
	font-weight: bold;
	color: #5F005E;
	}
	
.advice {
	font-size: 12px;
	color: #5F005E;
	float: left;
	width: 500px;
	position: absolute;
	left: 33px;
    bottom: 12px;
	}
	
.choice {
	position: absolute;
	top: 108px;
	right: 0px;
	}
	
.nein {
	padding-left: 22px;
	}
	
	
.orderform_container {
	padding: 36px 0 0 21px;
	}
	
.orderform_left {
	float: left;
	width: 355px;
	}
	
.orderform_right {
	float: left;
	}
	
.form_fields {
	padding-top: 33px;
	width: 315px;
	}
	
.form_fields_right {
	padding-top: 33px;
	width: 336px;
	}
	
.form_single_label {
	float: left;
	width: 80px;
	}
	
.form_single_field {
	width: 226px;
	margin-bottom: 10px;
	}
	
.field_error {
	padding: 1px;
	border: 1px solid #FF0000;
	}
	
.form_single_field_title {
	width: 230px;
	//width: 232px;
	margin-bottom: 10px;
	}
	
.form_single_field_street, .form_single_field_city {
	width: 154px;
	margin-bottom: 10px;
	}
	
.form_single_field_number, .form_single_field_plz {
	width: 64px;
	//width: 62px;
	margin-bottom: 10px;
	}
	
.form_separator {
	height: 40px;
	}
	
	
.payment_type_list {
	padding-top: 52px;
	}
	
.payment_type_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.payment_type_list li {
	padding-bottom: 11px;
	}
	
.payment_type_choice {
	font-size: 12px;
	font-weight: bold;
	color: #5F005E;
	margin-bottom: 5px;
	}
	
.payment_radio {
	padding-top: 3px;
	}
	
.payment_checkbox {
	padding-top: 30px;
	}
	
.form_single_label_right {
	float: left;
	width: 120px;
	padding-left: 25px;
	}
	
.form_single_field_right {
	width: 180px;
	margin-bottom: 10px;
	}
	
.payment_button {
	padding: 40px 0 0 3px;
	}
	
.confirmation_line {
	padding-top: 14px;
	margin-bottom: 12px;
	float: left;
	width: 300px;
	border-bottom: 2px solid #B1BE24;
	}
	
.confirmation_extras {
	float: left;
	width: 94px;
	}
	
.box_confirmation_header {
	width: 711px;
	height: 50px;
	background: #B1BE24;
	}
	
.confirmation_space {
	padding-bottom: 25px;
	}
	
.confirmation_title {
	float: left;
	width: 145px;
	}
	
.confirmation_price {
	width: 102px;
	float: left;
	text-align: right;
	}
	
.confirmation_price_small {
	float: left;
	width: 154px;
	text-align: right;
	}
	
p.confirmation_label {
	font-size: 12px;
	color: #666666;
	padding-bottom: 4px;
	}
	
.confirmation_data_left {
	float: left;
	width: 82px;
	}
	
p.confirmation_text {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	}
	
p.confirmation_price_small_text {
	font-size: 12px;
	font-weight: bold;
	color: #5F005E;
	}
	
p.confirmation_price_mwst {
	font-size: 9px;
	color: #67676B;
	padding-bottom: 4px;
	}
	
.confirmation_total {
	float: left;
	width: 144px;
	}
	
.confirmation_total_text {
	font-size: 20px;
	font-weight: bold;
	color: #5F005E;
	}
	
.confirmation_total_price {
	width: 112px;
	text-align: right;
	float: left;
	}
	
p.confirmation_name {
	padding: 3px 0 5px 0;
	}
	
p.confirmation_title_note {
	font-weight: bold;
	}
	
p.confirmation_note {
	width: 220px;
	}
	
p.month {
	font-size: 15px;
	font-weight: bold;
	color: #5F005E;
	padding: 5px 0 5px 0;
	}
	
.confirmation_buttons {
	padding-top: 40px;
	}

	
.print_button {
	padding-right: 6px;
	}
		
.box_extras_header {
	width: 711px;
	height: 50px;
	background: #B1BE24;
	border-left: 20px solid #B1BE24;
	}
	
.box_header_content {
	width: 731px;
	border: 1px solid black;
	}
	
.navi_extras {
	float: left;	
    margin-top: 15px;
    background: transparent;
    width: 206px;
	}

.navi_extras_bottom {
	height: 50px;
	background: #B1BE24;
	}
	
.extras_box_container {
	float: right;
    width: 485px !important;
    width: 470px;
	padding: 10px 0 15px;
}

a.category {
	font-size: 116%;
	font-weight: bold;
}
a.category span {
	cursor: pointer;
	padding: 10px 0 10px 15px;
    margin-left: 10px;
	width: 180px;
	display: block;
	background-color: #EBEFC8;
}
a.category:hover span,
a.category.selected span {
    color:#5F005E;
	background-color: #FFFFFF;
    width: 180px;
    padding-right: 5px;
}

.c0 span {	
    border-left: 10px solid #5F005E;
}

.c1 span {
	border-left: 10px solid #B6000B;
}

.c2 span {	
    border-left: 10px solid #98B2DE;
}

.c3 span {
	border-left: 10px solid #B1BE24;
}

.c4 span {	
    border-left: 10px solid #DEBA00;
}

.c5 span {
	border-left: 10px solid #CA8300;
}	

.c6 span {
	border-left: 10px solid #FF55FF;
}

.c7 span {
	border-left: 10px solid #2367CC;
}

.c8 span {
	border-left: 10px solid #5D005E;
}	


	
.navi_extras_line {
	height: 4px;
    line-height: 4px;
}
	
.extras_single_box {
	margin: 5px;
	border-bottom: 3px solid #F3D200;
    padding-bottom: 5px;
	}
.extras_single_box.last {
	border-bottom: none;
    padding-bottom: 15px;
	}

.extras_single_img {
	float: left;
	}
	
.extras_single_text {
	margin: 0 0 0 175px;
	display: block;
	}
	
.extras_single_price_old {
	float: left;
	margin-top: 50px;
	margin-left: 50px;
	}
	
p.extras_single_price_new {
	font-size: 10px;
	color: #67676B;
	line-height: 1;
	}
	
.extras_single_price {
    text-align: right;
    padding-top: 50px;
}

	
.extras_single_price_eur {
	font-size: 12px;
	font-weight: bold;
	color: #B1BE24;
	}
	
	
.extras_single_price_eur_new {
	font-size: 12px;
	font-weight: bold;
	color: #B6000B;
	}
	
.extras_single_price_amount {
	font-size: 18px;
	font-weight: bold;
	color: #B1BE24;
	}
	
.extras_single_price_amount_old {
	font-size: 18px;
	font-weight: bold;
	color: #B1BE24;
	text-decoration: line-through;
	}
	
.extras_single_price_amount_new {
	font-size: 18px;
	font-weight: bold;
	color: #B6000B;
	}
	
.extras_single_button {
	padding-top: 12px;
	padding-bottom: 17px;
	}
	
.extras_box_bottom {
	margin-left: 225px;
	width: 505px;
	height: 50px;
	float: left;
	background: #B1BE24;
	}

.extras_box_bottom_button {
	padding: 9px 0 0 319px;
	}
	
.box_delivery_single_header {
	height: 50px;
	background: #B1BE24;
	}
	
.form_delivery_container {
	margin-top: 30px;
	}
	
.form_delivery_field_container {
	padding-top: 4px;
	float: left;
	}
	
.form_delivery_field {
	width: 140px;
	font-size: 12px;
	color: #67676B;
	}
	
.delivery_button {
	padding-left: 28px;
	}
	
.delivery_message {
	padding-top: 27px;
	}
	
.delivery_text_container {
	position: relative;
	top: 0px;
	}
	
h3.delivery {
	font-size: 14px;
	color: #5F005E;
	}
	
p.delivery_text {
	width: 320px;
	font-size: 12px;
	color: #5F005E;
	}
	
.agb_box {
	border-left: 20px solid #B1BE24;
	padding: 11px 0px 0 21px;
	width: 580px;
	}
	
.nachoben {
	padding-left: 650px;
	padding-bottom: 5px;
	}
	
	
.nachoben_faq {
	padding-left: 671px;
	padding-bottom: 5px;
	}
	
	
h3.faq {
	padding: 16px 0 0 40px;
	font-size: 16px;
	color: white;
	font-weight: bold;
	}
	
th {
	color: #5F005E;
	}
	
td.day {
	margin: 0;
	padding: 0;
	width: 29px;
	height: 26px;
	background: #E4E8B2;
	text-align: center;
	color: #B1BE24;
	text-decoration: none;
	font-weight: bold;
	}
	
td.inactive {
	background: #F7F8E9;
	color: #B8B7B6;
	}
	
td.active, td.selected {
	background: #5F005E;
	}
	
td.day a {
	color: #B1BE24;
	text-decoration: none;
	font-weight: bold;
}
	
.site_bottom {
	padding-top: 50px;
	}
	

div.datalist-body  {
	       margin: 0px; 
	       padding: 0px;
	       list-style-type: none; 
	       list-style-image: none; 
	       list-style-position: outside;
	       margin-top: 0px;
}

.datalist-body ol {
	       padding-left: 0px; 
	       list-style-type: none; 
	       list-style-image: none; 
	       list-style-position: outside;
	       margin-top: 0px;
}
  

form.view fieldset ul li label.radio {
	  display:block;
	  margin-left:0px;
}

.dialog_text_box {
	padding-left:0px;
	padding-top:0px;
}

.form fieldset .form-fields-title {
    display: inline;
}

.form-fields-title {
	color:#5F005E;
	font-size:20px;
	font-weight:bold;
}


.box_bioboxen_image {
	height: 120px;
}

.advice {
	width: 500px;
	bottom: 20px;
}


.datalist-body {
	       width: 730px;
	       float: left;
	       
}

.box_basket {
	    padding-right: 20px;
}

.order-form {
    float: left;
}

.ok-button {
  width: 110px;
  height: 24px;
  padding: 24px 0 0;
  margin: 0;
  margin-left:5px;
  border: 0;
  background: transparent url(/img/weiter_button.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>.ok-button { /* For non-IE browsers*/
  height: 0px;
}

.cancel-button {
  width: 86px;
  height: 24px;
  padding: 24px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(/img/abbrechen_button.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>.cancel-button { /* For non-IE browsers*/
  height: 0px;
}

.yes-button {
  width: 65px;
  height: 24px;
  padding: 24px 0 0;
  margin: 0;
  margin-left:5px;
  border: 0;
  background: transparent url(/img/ja_button.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>.yes-button { /* For non-IE browsers*/
  height: 0px;
}

.no-button {
  width: 65px;
  height: 24px;
  padding: 24px 0 0;
  margin: 0;
  margin-left:5px;
  border: 0;
  background: transparent url(/img/nein_button.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>.no-button { /* For non-IE browsers*/
  height: 0px;
}

/*
.payment_button {
  width: 177px;
  height: 31px;
  padding: 31px 0 0;
  margin: 0;
  margin-left:5px;
  border: 0;
  background: transparent url(/img/bestellen_button.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer;
  cursor: hand;
}

form>.payment_button {
  height: 0px;
}

div.payment_button_container {
    padding: 40px 0pt 0pt 157px;
}
*/
.submit {
    position: absolute;
	bottom: 24px;
	right: 20px;
}

.dialog_datum > .dialog_header {
    display: none;
}

.dialog_datum > .dialog-body {
    background: transparent !important;
}

.error-payment {
    color: #FF0000 !important;
    font-weight: bold;
}

.datalist-body ol li {
    display: inline;
}

.extra-button {
    margin-top: 10px;
}


.dialog_header h3 {
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}

.basket_content_empty.basket_content_checkout {
    margin-bottom: 0px;
}

.box_bioboxen_note {
    width: 380px;
    margin-top: 20px;
}

span.box_bioboxen_single_number {
    width: 70px;
}

.basket_quantity_text.invalid {
    border: thin solid red;
}

div.basket_sum_text.invalid p {
    color: red;
    font-size: 120%;
    margin-bottom: 0.25em;
}

div.basket_sum_text ul.error li {
    list-style-type: disc;
    list-style-position: inside;
}

td.day {
    cursor: pointer;
    cursor: hand;
}

td.day.inactive {
    cursor: default;
}

td.day a {
    
}

td.day.active a,
td.day.selected a {
    color: #ffffff !important;
}

td.date-hover {
    background-color: #b1be24;
}

td.date-hover a {
    color: #ffffff;
}

td.active a {
    color: #ffffff;
}

.small_box_features {
	margin: 14px 0 0 80px;
}

/* --------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<---------------------------------------------*/
/* --------------------------------------------------------------------------------*/

#TB_ajaxContent.TB_modal{
	padding:0;
}
#TB_ajaxContent{
	padding:0;
}
#TB_window .submit a,
#TB_window .submit a.add-to-basket {
	color: #ffffff;
}

#TB_window .submit a.abbrechen {
	color: #5F005E;
}
#TB_window .submit a:hover {
	color: #5F005E;
}