/***************************************************
Standard CSS für den knetto-Shop www.kreutzerhof.de
Wichtige Farben:
**************************************************/

/**************************
1. Global Styles
body, paragraphs, lists ...
**************************/

a:link   {
	color:#33CC99;
	text-decoration: none;
}
a:visited {
	color:#33CC99;
	text-decoration: none;
}
a:hover  {
	color:#FF6600;
	text-decoration: underline;
}
a:active {
	color:#33CC99;
	text-decoration: none;
}
a.dunkel:link {
	color:#000000;
	text-decoration: none;
}
a.dunkel:visited {
	color:#000000;
	text-decoration: none;
}
a.dunkel:hover {
	color:#FF6600;
	text-decoration:underline;
}
a.dunkel:active {
	color:#000000;
	text-decoration: none;
}
a.menu:link {
	color:#FFF;
	text-decoration: none;
}
a.menu:visited {
	color:#FFF;
	text-decoration: none;
}
a.menu:hover {
	color:#FF6600;
	text-decoration:underline;
}
a.menu:active {
	color:#FFF;
	text-decoration: none;
}

/*******************
2. PageStructure
layout-divs nach Ort
*******************/

/* Basics */

#left {
	position: absolute;
	width: 200px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0.8em;
	color: #666666;
	line-height: 1.6em;
}
#right {
	position: absolute;
	left: 210px;
	right:  0px;
	margin: 0;
	padding: 0px;
	bottom: 0px;
	border: 0px;
	top: 0px;
	width: 79%;
	background-image:url(../images/organic.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}

#start_left {
	float: left;
	width: 68%;
	margin-top:20px;
}
#start_right {
	width: 220px;
	right: 10px;
	margin: 20px 0 0 0;
	position: absolute;
}
.abstand {
	padding: 20px;
	margin: 0px;
}
.abstand_v {
	padding: 5px;
	border: 0;
}
.abstand_h {
	padding: 0 20px 0 20px;
	border: 0;
}

.padding_10 {
	padding: 10px;
}

/* Header */

#datum {
	text-align: left;
	font-size: .7em;
	padding-top: 2px;
	margin: 0px;
}
#pages {
	text-align: right;
	font-size: .7em;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	white-space: nowrap;
}
#anzahl {
	margin: 0px;
	text-align: left;
	font-size: .7em;
	padding-top: 5px;
	padding-right: 0px;
	white-space: nowrap;
}
.s_tbl_1 {
	border: 1px solid #33CC99;
}
th {
	border: 0px;
}
td {
	border: 0px;
}
/* Navigation */

.menu {
	width: 180px;
	color: #FFF;
}
.menu_logo {
	border-bottom: 3px solid #FFF;
	width: 200px;
}
.menu_body {

}
.menu_box {
	padding:5px 5px 5px 15px;
	border-bottom: 3px solid #FFF;
	color: #FFF;
	margin: 0;
	width: 180px;
}
ul#menu {
	margin: 0 0 0 20px;
	padding: 0;
	color: #FFF;
}
ul#menu li {
	list-style-type: square;
	margin: 0;
	padding: 0;
	color: #FFF;
}
ul.menu li {
	list-style-type: none;
}
.plus_klapp {
	font-size: 0.9em;
	border: 1px solid #FFF;
	background-color: #2DB783;
	overflow: auto;
	height: 18em;
	white-space: nowrap;
	margin: 0px 0px 0px 20px;
	padding: 0.6em 0em 0.4em 0.6em;
	width: 13.3em;
	line-height: 1.8em;
}
.center_b {
	vertical-align: middle;
	text-align: center;
}

/* Content */
#s_content {
	margin: 0px;
	padding: 0px;
}
.s_tbl_1_1 {
	border: 1px;
	width: 96%;
} /* wird von Header-Elementen verwendet - depreciated*/
.s_tbl_1_2 {
	border: 1px solid #33CC99;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 20px;
} /* wird von Hersteller-Tabelle verwendet - depreciated*/
.content_header {
	background-color: #FFF;
	font-size: 1.4em;
	font-weight: normal;
	color: #33CC99;
}
.content_box {
	float: left;
	border: 1px solid #33CC99;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	padding: 30px 20px 50px 20px;
	margin-top: 10px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.content_right{
	position: absolute;
	top: 300px;
	right: 20px;
}

/* Karten */

#cardl_all {
	border: 1px solid #33CC99;
	margin-top: 10px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 98%;
	min-width: 730px;
	height: 300px;
}
#cardl_header {
	background-color: #FFF;
	color: #33CC99;
	font-size: 0.9em;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: bold;
}
.cardl_left,
#cardl_left {
	float: left;
	width: 30%;
	padding-left: 10px;
}
.cardl_right,
#cardl_right {
	float: right;
	width: 30%
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 35px;
	vertical-align: bottom;
	text-align: right;
}
.cardl_middle,
#cardl_middle {
	float: left;
	width: 30%;
	padding-left: 10px;
	padding-top: 20px;
}
.card_korb_all,
#card_korb_all {
	border: 1px solid #33CC99;
	margin-top: 10px;
	padding: 5px;
	background-color: #FFFFFF;
		min-width: 730px;
	height: 100px;
}

/* Angebote */

.content_ang_box {
	height: 300px;
	border: 1px solid #33CC99;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 0px;
}
.cont_ang_header {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 5px;
	background-color: #ffaa51;
}
.cont_ang_image {
	border-width: 0px;
	width: 220px;
	text-align: center;
	margin: 5px 0 5px 0;
}
.cont_ang_price {
	clear: left;
	font-size: 1.1em;
	color: #33CC99;
	float: left;
	padding-left: 10px;
}
.cont_ang_ang {
	float: right;
	font-size: 0.5em;

}

/* Details */

.detail_box {
	border: 1px solid #33CC99;
	font-size: 0.9em;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	padding: 20px;
	margin-bottom: 10px;
	height: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	width: 92%;
}
.list{
	margin: 10px;
	padding: 0px;
	vertical-align: middle;
	width: 90%;
}
.list-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
.list-right {
	margin: 0px;
	padding: 0px;
	float: right;
}
.list-left_row{
	vertical-align: top;
}
.list-right_row{
	vertical-align: top;
	text-align: right;
}
.zurueck_box {
	float: left;
	font-size: 0.6em;
	margin: 0 0 10px 0;
}

/* Footer */

#top {
	text-align: center;
	font-size: .7em;
	padding-top: 5px;
	margin: 0;
}

/**********
3. Headings
h1, h2, ...
**********/

.s_h_1 {
	font-size: 1.2em;
	background-color: #b7ffcb;
	color: #000;
	padding: 5px 10px 5px 10px;
}
.s_h_2 {
	font-size: 1em;
	color: #33CC99;
	font-weight: bold;
}
.s_h_3 {
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
}

/*************
4. Text Styles
**************/

p {
	padding: 10px 10px 0 10px;
}
.s_t_1 {
	font-size: 0.8em;
	color: #000000;
	line-height: 2em;
}
.s_t_1_1 {
	background-color: rgb(255,250,230);
	font-size: 0.9em;
	line-height: 3em;
} /* depreciated */
.s_t_1_2 {
	font-size: 0.9em;
	background-color: #feffef;
	line-height: 3em;
}
.s_t_1_2.odd {
	background-color: rgb(255,250,230);
}
.s_t_1_2.even {
	background-color: #feffef;
}
.s_t_2 {
	font-size: 0.8em;
	color: #000000;
	line-height: 16px;
}
.s_t_3_0 {
	font-size: .6em;
	color: #000000;
	line-height: 16px;
}
.s_t_error {
	font-size: 0.9em;
	color: #FF6600;
	line-height: 20px;
	font-weight: bold;
}
.s_t_1_1grey {
	font-size: 14px;
	background-color: #FFFFCC;
	font-weight: normal;
	color: #999999;
}

/*******
5. Forms
*******/
form {
	margin:0;
	padding:0;
}
.order-form {
	margin:0;
	padding:0;
}
.order-form fieldset {
	width:800px;
	border:none;
	padding:10px;
	margin:5px;
	text-align:left;
}
.order-form fieldset:hover {border-color:#333;}
/* .order-form fieldset#checkbox input  {width:35px;} */
.order-form .check_radio {
	width:15px;
}
.order-form legend {font-size:1.1em; color:#666; font-weight:bold; padding:5px; margin:5px; background:none;}
.order-form label { color:#666; font-size:1em; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
.order-form input {border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; width:300px; background:#fff;}
.order-form input:focus {border-color:#900;}
.order-form select {border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; background:#fff; width:100px;}
.order-form option {color:#900;}
.order-form textarea {width:244px; border:1px solid #666;}
.order-form textarea:focus {border-color:#900;}
.order-form .plz {
	width:50px;
}
.order-form .ort {
	width:240px;
}
.order-form .vorwahl {
	width:50px;
}
.order-form .tel {
	width:145px;
}
.order-form .fax {
	width:145px;
}
.order-form .nachricht {
	width:400px;
}
.order-form .check_radio{
	width:20px;
}
.submitbtn {
	width:200px;
	background:#000;
	border:1px solid #33CC99;
	color:#33CC99;
	font-size:1.2em;
	cursor:pointer;
	padding:0;
	margin:0;
}
.submitbtn:hover {
	background:#33CC99;
	color:#fff;
	border:1px solid #999;
}


/********
6. Extras
********/

/* ecoinform */
.o_one{
	float: left;
	width: 170px;
	font-weight: bold;

}
.o_two{
	float: left;
}
.o_tre{
	float: left;
	width: auto;
	padding-left:0.25em;
}
.o_block{
	padding: 0.75em 0;
}
.o_ueber{
	border-bottom: 1px solid;
}
.o_logo{
	border-top: 1px solid;
	text-align: right;
	margin-top: 10px;
}
.o_inf p{
	padding: 0;
	margin: 0.5em 0;
}
.o_inf{
	padding: 10px;
		font-size: 12px;
}
.o_hinweis{
	display: block;
	font-style: italic;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
	height:0;
   overflow:hidden;
}

/* searchboxen */
#LSResult, #LSResult_2{
	position:absolute;
	z-index:190;
	top:205px;
	left:20px;
	width:200px;
	font-size: 8px;
	padding-left: 2px;
	padding-right: 2px;
	background:#FFF;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	border-left:1px solid #80A62B;
	border-top:1px solid #80A62B;
	font-size: 11px;
}
#LSResult_2{
	top:494px;
}
#search_results{
	position: relative;
	top:0px;
	left: 10px;
}
#LSHighlight, #LSHighlight_2 {
	color: #564b47;
	background-color: #ccc;
}

.LSRes li, .search-title {
 display:list-item!important;
 float:none!important;
 list-style:none;
 list-style-image:none!important;
 margin: 0 0 0 4px;
 padding: 0px;
 width: auto;
 white-space: nowrap;
 overflow: hidden;
}
#LSResult   .search-title,
#LSResult_2 .search-title   {
 margin-bottom: 4px;
 border-bottom: solid 1px;
}
#LSResult search-title_nix,
#LSResult_2 search-title_nix{
   margin-bottom: 4px;
}
li.more{
	font-size: 0.7em;
	font-weight: bold;
	background-color: #DCEEF0;
	text-align: right;
	padding-right: 5px;
}

/* overlays */
.s_order_overlay_right {
	float: right;
	border: 1px solid #999;
	padding: 5px 5px 5px 5px;
	color: #000000;
	margin: 10px 3px 10px 0;
}
.s_order_overlay_center {
	font-size: 0.7em;
	color: #999999;
	text-align: center;
	clear: both;
}
.out_box,.out_box_a_info{
	position:absolute;
	z-index:1000;
	top: 10px;
	left: 10px;
	width: 500px;
	min-height:100px;
	background-color: #b7ffcb;
	border:3px double #fff;
	font-size: 130%;
	text-align:left;
	padding:5px;
}

/* favorite articles */
.s_fav_box {
	border: 1px solid #999;
	font-size: .7em;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}
.s_fav_header {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	background-color: #e5f5f2;
	padding: 5px 0 5px 10px;
	margin-bottom: 5px;
}
.s_fav_entry {
	padding: 0 ;
	height: 30px;
	white-space: nowrap;
   overflow: hidden;
	vertical-align: middle;
}
.s_fav_img{
	float: left;
   width:  30px;
   height: 30px;
   padding: 0 3px;
}
.s_fav_link{
	float: left;
	padding-left: 5px;
   height: 30px;
   width: 175px;
	white-space: nowrap;
   line-height: 25px;
}

.s_fav_image {
	padding: 5px;
}