/*=====================================================================
	ALLGEMEIN
=====================================================================*/

body {
	padding: 0;
	margin: 0 auto; 
	font-family:  Arial;
	text-align: center;
	font-size: 11px;
	color: #000000;
}

a:link, a {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
}

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

a:active { 
	color: #000000;
}

.link_green:link, .link_green:visited, .link_green:hover, .link_green:active {
	color: #158D5F;
	font-weight: bold;
	text-decoration: underline;
}



h2 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #158D5F;
	font-weight: bold;
}

h3 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #158D5F;
	font-weight: bold;
}

img {
	border: none;
}

div.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

#container {
	text-align: left;
	width: 930px;
	height: 100%;
	margin-bottom: 10px;
	margin:0 auto;
	overflow: hidden;
}

/* SEPERATORS */
.dotted_line {
	clear: both;
	height: 3px;
	width: 100%;	
	background: white url(img/punkt-trenner.gif) repeat-x;
	background-position: center;
}

.dotted_line {
	clear: both;
	height: 3px;
	width: 100%;	
	background: white url(img/punkt-trenner.gif) repeat-x;
	background-position: center;
}

.grey_line {
	clear: both;
	background: white url(img/punkt-grau.gif) repeat-x;
	height: 1px;
}

.white_seperator {
	width: 1px;
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	margin-top: 5px;
}

.grey_seperator, .grey_seperator_nav {
	width: 1px;
	height: 70px;
	margin: 0;
	background-color: #D7D7D7;
	float: left;
	margin-top: 5px;
}

.grey_seperator_nav { margin-top: 20px; }
.topspace { margin-top: 10px; }

/* CONTENT-BOX SIZES FIXES*/
.quartersize { width: 24.9%;}
.halfsize { width: 49.9%;}
.halfsize2 { width: 29.9%;}
.threequartersize { width: 73%; }
.fullsize { width: 99.9%; }

	#crFrame0 {
		
position:relative;
text-align: justify;
width: 430px;
height: 200px;
border:0;

}

/*=====================================================================
	HEADER-NAV
=====================================================================*/
#header_top {
	width: 100%;
	height: 90px;
	background: white url(img/header-top-background.gif) repeat-x;
}

.header_top_left {
	float: left;
	width: 240px;
	height: 100%;
	text-align: right;
}

.header_top_right {
	float: right;
	width: 690px;
	height: 100%;
}

.header_nav {
	display: block; 
	padding-top: 1%;
	height: 40%; 
	text-align: right;
}

#header_navigation {
	position: absolute; 
	bottom: -2px;
}

#header {
	z-index:1;
	width: 100%;
	background: white url(img/header-background.gif) fixed repeat-x;
}

#header_add {
	z-index:1;
	width: 660px;	
	height: 22px;
	padding-top: 5px;
	text-align: right;
	background: white url(img/header-background-add.gif) repeat-x;
	border-bottom: 1px solid #BFBFBF;
}

#content_continue {
	width: 660px;	
	height: 22px;
	padding-top: 10px;
	text-align: right;
	z-index:1;
}

/*=====================================================================
	STARTSEITE
=====================================================================*/


#header_navigation img {
	float:left;
}
.header_warenkorb {
	position: absolute; 
	width: 114px; 
	bottom: 0; 
	right: 5px;
}

.cart-content {
	display: block; 
	padding-left: 40%; 
	padding-top: 5px;
	color:#FFFFFF;
}

.cart-tab {
	display: block;
	width: 114px; 
	height: 35px; 
	background: transparent url(img/cart-tab.gif) repeat-x;
	color: #6b720d;
}


/*=====================================================================
	INDEX - CONTENT-BOXES
=====================================================================*/
#content_boxes {	
	width: 100%;
	line-height: 18px;
	background-color: #FFFFFF;
}

.content_box, .content_box_big {
	position: relative;
	float: left;
	width: 29%;
	left: 10px;
	padding-top: 5px;
}

.content_box_big {
	width: 39%;
}

.content_box a , .content_box_big a{
	color: #0F6A47;
	text-transform: uppercase; 
	padding-left: 30%;
}

.content_box img {
	float:left;
}

.content_box_text, .content_box_text_big {
	width: 110px; 
	height: 180px; 
	margin-left: 55%;
}

.content_box_text_big {
	margin-left: 65%;
}

/*=====================================================================
	INDEX - CONTENT-PRODUCTS
=====================================================================*/
#content, #content_start  {
    width: 100%;   
    padding-bottom: 10px;
    line-height: 18px;
    background-color: #FFFFFF;
}

#content  {
    min-height: 600px;
}

.nav_highlight{
    color: #0F6A47;
    text-decoration: underline;
}

.content_product {
    float: left;
    width: 210px;
    color: #A60410;
}

.content_product img{
	float: left;
}

.button-order{
	vertical-align: top; 
	padding-left: 0;
	padding-right: 20%;
	}

.content_products_nav {	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase; 
}

.content_products_nav h2 {		
	font-size: 13px;
	color:#000000;
	font-family:Arial;
	text-align:left;
	font-weight:normal;
	width:150px;
	float:left;
}

.content_products_nav a{
	color: #000000;
}


.content_rightcol {
	position: relative;
	float: left;
	width: 250px;
	padding-top: 10px;
	margin-left: 1%;
	margin-bottom: 10px;
	height: 300px;
}

/*=====================================================================
	ALLGEMEIN
=====================================================================*/

.content_main {
	/*position: relative;*/
	float: left;
	width: 659px;
	z-index:2;
}

.content_main a {
	color: #0F6A47;
}

.content_table_hdl {
	background-color: #ebebeb;
}

.content_table_hdl strong, .content_table_hdl p, .content_table_hdl_green strong, .content_table_hdl_green p {
	padding-left: 10px;
	font-weight: bold;
}

.content_table_hdl_green{
	line-height: 25px;
	color: #FFFFFF;
	background-color: #94C45C;
}

.content_table_row {	
	float: left;
	
}

.content_table_row strong, .content_table_row p{	
	padding-left: 15px;
}

.content_table_row strong{
	line-height: 30px;
}

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

.content_table_hlisting {
	float: left;
	width: 22%; 
	height: 30px;
}

.label_right {
	float:left; 
	margin: 10px 15px 10px 0px; 
}

.label_right_text {
	line-height: 20px;
	padding-top: 0.4em;
	text-decoration: underline;
}

/*=====================================================================
	GRUSSKARTE
=====================================================================*/
.greeting_textarea_box {
	width: 321px;
	height: 213px;
	background: white url(img/textarea-greenbackground.gif) no-repeat;
}

.greeting_textarea {
	width: 250px;
	height: 175px;
	border: 1px solid #CCCCCC;
	margin-left: 10%;
	margin-top: 5%;
	overflow: auto;
}

.greeting_input {
	width: 80px; 
	text-align: center; 
	margin-top: 5px;
	border: 1px solid #CCCCCC; 
}

/*=====================================================================
	LOGIN
=====================================================================*/
.login_formbox {			
	height: 90px;
	background-color: #EBEBEB;
}

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

.login_input {
	width: 160px; 		
	height: 20px;
	border: 1px solid #CCCCCC; 
	background-color: #F4F4F4;
}

/*=====================================================================
	REGISTRIERUNG
=====================================================================*/
.reg_formbox {				
	background-color: #EBEBEB;
}

.reg_input, .reg_input_short {
	width: 160px; 		
	height: 20px;
	border: 1px solid #CCCCCC; 
	background-color: #F4F4F4;
}

.reg_input_short {
	width: 30px; 		
}

.reg_input_short_year {
	width: 30px; 		
}

.form_must_error {
	color: red;
}

/*=====================================================================
	NEWSLETTER
=====================================================================*/
.nl_input {
	width: 140px; 		
	height: 20px;
	border: 1px solid #CCCCCC; 
	background-color: #F4F4F4;
}

/*=====================================================================
	LIEFERUNG BEZAHLUNG
=====================================================================*/
.calendar {
	width: 170px; 		
	height: 210px;
	border: 1px solid #EEEEEE; 
	background-color: #EEEEEE;
}

.calendar td{
	border: 1px solid #FFFFFF; 
}

.calendar_label {
	background-color: #DDDDDC;
	font-weight: bold;
	color: #808080;
}

.calendar_label a{
	color: #598000;
	text-decoration: none;
}

.date_cancel{
	text-decoration: line-through;
}

.date_avail a{
	text-decoration: none;
}

.shipping {
	padding-left: 20px;
	height: 250px;
	margin-top: 1%;
}


.moduleRow {
	padding-left: 10px;
	margin-bottom: 2px;
	height: 25px;
	background-color: #EEEEEE;
}

.moduleRowOver { 
	padding-left: 10px;
	margin-bottom: 2px;
	height: 25px;
	background-color: #EEEEEE;;	
}

.moduleRowSelected {
	padding-left: 10px;
	margin-bottom: 2px;
	height: 25px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #94C45C;	
}


.shipping_line, .shipping_line_green {
	padding-left: 10px;
	margin-bottom: 2px;
	height: 25px;
	background-color: #EEEEEE;
}

.shipping_line_green {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #94C45C;
}

.shipping_line_green input, .shipping_line input {
	vertical-align: middle; 
	margin-right: 20px;
}

.shipping_input, .shipping_input_halfsize {
	width: 160px; 		
	height: 20px;
	border: 1px solid #CCCCCC; 
	background-color: #F4F4F4;
}

.shipping_input_halfsize {
	width: 60px;
}

.shipping_voucher {
	float:left;
	width: 350px;
	height: 104px;
	padding-left: 25px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC; 
	border-right: 0px;
}

.payment_row_left, .payment_row_right , .payment_box_left, .payment_box_right {
	width: 315px; 
}

.payment_row_left, .payment_box_left {
	margin-right: 15px;
}

.payment_box_left, .payment_box_right {
	height: 205px; 
	background-color: #EEEEEE;
}

.payment_box_right {
	height: 205px; 
	background-color: #EEEEEE;
}

.payment_input {
	float:left; 
	vertical-align: middle; 
	margin-right: 10px;
}

/*=====================================================================
	AUSLANDSBESTELLUNG
=====================================================================*/
.ausland_select, .ausland_select_chosen {
	margin-left: 230px; 
	border: 1px solid #E3E9EF; 
	border-top: 1px solid #abadb3;
	font-size: inherit;
	font-family: inherit;
}

.ausland_select_chosen {
	margin: 10px 0px 10px 60px;	
}

.ausland_textarea_box {
	height: 130px;
	background-color: #EBEBEB;
	border: 1px solid #BABABA;
}

.ausland_textarea {
	width: 225px;
	height: 100px;
	border: 1px solid #CCCCCC;
	margin-left: 13%;
	margin-top: 5%;
	overflow: auto;
	font-size: inherit;
	font-family: inherit;	
}

.table_cell, .table_cell_grey {
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.table_cell_text {
	text-align: left;
}

.table_cell_grey {
	background-color: #EBEBEB;
}

/*=====================================================================
	WARENKORB
=====================================================================*/

.tbl_left_cell, .tbl_mid_cell , .tbl_right_cell {
	border-left: 1px solid #EBEBEB;
	padding-left: 10px;
}

.tbl_left_cell {
	padding-left: 20px; 
}

.tbl_right_cell {	
	border-right: 1px solid #EBEBEB;
}



/*=====================================================================
	MAIN-NAV
=====================================================================*/
#nav {
	width: 830px;
	margin-left: 7%;
	line-height: 18px;
	background-color: #FFFFFF;
}

.navbox {
	position: relative;
	float: left;
	width: 19%;
	height: 140px;
	padding-top: 25px;
	left: 10px;	
}


/*=====================================================================
	FOOTER
=====================================================================*/
#footer {	
	clear: both;
	width: 100%;
	height: 88px;
	background: transparent url(img/footer-background.gif) repeat-x;
}

.footer_left {
	padding-left:10%; 
	padding-right:10px; 
	float:left;
}

.footer_right {
	padding-right:20px;
}

.footer_content {
	width: 510px; 
	text-align: center; 
	line-height: 18px;
	padding-top: 2%; 
	float: left;
}

.footer_content a{
	padding-left: 10px;
	padding-right: 10px;
}

.footer_content span{
	color: #ACA9A9;
}

.divcontainer-inhalte h1{
			font-size:17px;
    margin-top:16px;
    padding-top: 2px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/tab_padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
	font-size:14px; 
	margin-top:16px;
	 z-index:3;
	 font-family:Arial;
	 	 z-index:300;
	 }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:32px; background:transparent;	 z-index:300;}
.menu h1 {padding:0;margin:0;list-style-type:none; height:32px; font-size:12px; cursor: pointer;	 z-index:300;}
/* style the sub-level lists */
.menu ul ul {width:525px;	 z-index:300;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:32px; line-height:32px; display:block; margin-right:1px;	 z-index:300;}

/* style the sub level list items */
.menu ul ul li {display:block; width:150px; height:auto; line-height:1em;	 z-index:300; }
.menu ul li.start {float:left; height:32px; width:3px; line-height:32px; display:block; margin-right:1px; background:#fff url(img/tab/start.gif);	 z-index:300;}
.menu ul li.end {float:left; height:32px; width:3px; line-height:32px; display:block; margin-right:1px; background:#fff url(img/tab/end.gif);	 z-index:300;}

.menu ul ul li.last {padding-bottom:10px; background:url(img/tab/sub_bottom.gif) bottom left no-repeat;	 z-index:300;}
.menu ul ul ul li.last {padding-bottom:10px; background:url(img/tab/sub_bottom.gif) bottom left no-repeat;	 z-index:300;}
.menu ul ul ul ul li.last {padding-bottom:0px; background:url(img/tab/three_bottom.gif) bottom left no-repeat;	 z-index:300;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:30px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-align:left;
	border:0;
	border-bottom:1px solid #00cf94;
	padding-top:0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:125px;}

/* style the links for the top level modded */
.menu ul ul li a, .menu ul ul li a:visited { font-size:12px; font-weight:normal; text-decoration:none;}
.menu ul ul li a, .menu ul ul li a:visited { font-size:12px; font-weight:normal; text-decoration:none;}
.menu ul ul li h2 { padding:0;margin:0;font-size:12px; font-weight:normal; text-decoration:none;}
/* hack IE5.x to get the correct the faulty box model and get the width right modded*/
* html .menu ul ul li a, * html .menu ul ul li a:visited {width:125px; width:115px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#FFFFFF; color:#000000;width:128px; height:100%; line-height:1.2em; padding:5px 10px; border:1px solid #00cf94; border-width:0 1px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:150px; width:128px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:300;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF; z-index:300;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c96; z-index:300;}
/* style the sub level 1 background */

/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#a77; z-index:300;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ff0; border:0; height:32px; position:relative; z-index:300;}
.menu li:hover {position:relative;}

.menu :hover > a { url(img/tab/top-hover.gif); border:0; height:32px; z-index:300;}
/* second */
* html .menu ul ul a:hover{color:#ff0; background:#477; position:relative; z-index:310; height:100%; border:1px solid #00cf94 border-width:0 1px;}

.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ffffff;background:#99CC66; z-index:310; height:100%; border:1px solid #00cf94; border-width:0 1px;}
/* third */
* html .menu ul ul ul a:hover {background:#a77; position:relative; z-index:320;}
.menu ul ul ul :hover > a {background:url(img/tab/test.gif);}
/* fourth */
.menu ul ul ul ul a:hover {background:#a75; position:relative; z-index:330;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:30px; left:0; width:150px; z-index:300;}

/* position the third level flyout menu */
.menu ul ul ul{top:0px; width:150px; z-index:300;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:0px 30px 30px 30px; background:transparent url(img/tab/sub_top.gif) 30px 0 no-repeat; left:-30px;}
.menu ul :hover ul.left {visibility:visible; height:auto; padding:0px 30px 30px 30px; background:transparent url(img/tab/sub_top_left.gif) 30px 0 no-repeat; left:-55px;}


.tbl-events {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.tbl-events h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #094e2f;
	margin: 0px;
	padding: 0px;
}
.td-events{
padding-left:5px;
	background-color: #dbdbdb;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.td-events a{
color:#084e2d;
}

#content_veb {
	width: 100%;	
	min-height: 600px;
	padding-bottom: 10px;
	line-height: 18px;
	
}

.content_rightcol_veb {
	position: relative;
	float: left;
	width: 350px;
	padding-top: 10px;
	margin-left: 1%;
	margin-bottom: 10px;
	height: 300px;
}

.content_main_veb {
	position: relative;
	float: left;
	width: 559px;
}