/* CSS Document */
/***************************************************
Standard CSS for knetto-Shop
**************************************************/

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

/* Basics */

.page_margins { text-align:left; margin: 0 auto; }
.page_margins {
	width: 1248px;
}
.page {
	margin: 0px;
  }

#header {
    height: 220px;
    background-image:url(../images/header_2010.jpg); background-repeat:no-repeat;
    margin: 0 0 20px 0px;
    padding: 0px;
	clear:both;
  }

#left {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
  }
#right {
	padding: 0 0 0px 30px;
	overflow:hidden;
  }
#footer {
    color: #fff;
	font-size: .8em;
    background: #006699;
	height:20px;
	padding:10px 0 10px 300px;
	margin-top:20px;
	clear:both;
  }

#start_left {
	margin: 20px 250px 0 20px;
	padding: 0px;
  }
#start_right {
	float: right;
	width: 220px;
	margin-top: -28px;
    margin-right:10px;
	padding: 0px;
  }
.abstand {
	padding: 0px;
	margin: 0px;
}
.abstand_v {
	padding: 5px;
	border: 0;
}
.abstand_h {
	padding: 0 20px 0 20px;
	border: 0;
}

.padding_10 {
	padding: 10px;
}

/* Header */

#datum {
	margin: 10px 0 10px 0px;
	text-align: left;
	font-size: .7em;
	padding: 5px 0 0 10px;
	line-height:16px;
	white-space: nowrap;
}
#pages {
	text-align: right;
	font-size: .7em;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	line-height:24px;
	white-space: nowrap;
}
.s_tbl_1 {
	border: 1px solid #006699;
	width: 96%;
}
.s_tbl_1_borderless {
	width:96%;
}
th {
	border: 0px;
}
td {
	border: 0px;
}
/* Navigation */

#menu {
	width:250px;
    padding: 0 0 0 0px;

}
.menu_box {
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height:1.2em;
	font-weight:bold;
	color: #000;
	margin: 0;
	background-image:url(../images/button.gif);
	background-repeat:repeat-y;

}
.menu_box ul li a,
.menu_box ul li {
    border:0px;
    line-height:1.5em;
    font-size: 1.1em;
	color: #006699;
    text-decoration:none;
    list-style:none;
}
.menu_bottom { margin-left:20px;}

.plus_klapp {
	border: 1px solid #006699;
	background-color: #E7E7E7;
	color:#666;
	font-size: 0.7em;
	line-height:1.5em;
	overflow: auto;
	height: 18em;
	white-space: nowrap;
	margin: 0 0 0 20px;
	padding: 5px;
	width: 13em;
}
.plus_klapp_her {
	border: 1px solid #006699;
	background-color: #E7E7E7;
	color:#666;
	font-size: 0.7em;
	line-height:1.5em;
	overflow: auto;
	height: 48em;
	white-space: nowrap;
	margin: 0 0 0 20px;
	padding: 5px;
	width: 13em;
}
.trenner { background-image:url(../images/menu-trenner.gif); background-repeat: no-repeat}

/* Content */
#s_content {
	margin: 0px;
	padding: 0 0 0 10px;
}
.content_all {margin-right:0px;}

.s_tbl_1_1 {
	border: 1px;
	width: 96%;
} /* wird von Header-Elementen verwendet - depreciated*/

/* .s_tbl_1_2 {
	border: 1px solid #006699;
	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: #006699;
	margin-left: 20px;
}
.content_box {
float:left;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	padding: 30px 20px 20px 20px;
	margin-top: 10px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.content_right{
	position: absolute;
	top: 300px;
	right: 20px;
}
.content_abstand {
float:left;
	font-size: 1em;
	color: #000;
	border: 1px solid #006699;
	-moz-border-radius:10px;
	background-color: #FFF;
	padding: 30px 20px 50px 20px;
	margin: 20px 0 0 10px;
}

#warengruppen {
	width: 100%;
	margin-top:20px;
}
.warengruppen-header {
	background-color: #FFF;
	font-size: 1.4em;
	font-weight: normal;
	color: #006699;
	border:none;
}
.warengruppen-body {
float: left;
padding-top:30px;
}
.warengruppen-box {
	float: left;
	border: 1px solid #000;
	margin: 0 10px 10px 0;
	height: 160px;
	width: 160px;
}

/* Produkt-Karten */
.cardl_all,
#cardl_all {
	border: 1px solid #006699;
	-moz-border-radius:10px;
	margin-top: 10px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 98%;
	min-width: 730px;
	height: 320px;
}
.cardl_header,
#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: 20px 0 0 10px;
	text-align: center;
}
.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 #006699;
	-moz-border-radius:10px;
	margin-top: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	min-width: 730px;
	height: 100px;
}

/* Angebote */

.content_ang_box {
	border: 1px solid #006699;
	-moz-border-radius:10px;
	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;
	margin-top:8px;
	padding: 5px;
	background-color: #ffaa51;
}
.cont_ang_image {
	border-width: 0px;
	width: 220px;
	text-align: center;
	margin: 5px 0 5px 0;
}
.cont_ang_price {
	font-size: 1.1em;
	color: #FF6600;
	padding-left: 10px;
}
.cont_ang_ang {
	float: right;
	font-size: 0.5em;

}

/* Details */

.detail_box {
	border: 1px solid #006699;
	-moz-border-radius:10px;
	font-size: 0.9em;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	padding: 20px;
	margin-bottom: 10px;
	height: 100%;
	margin-left: 10px;
	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;
}

/**********
2. Headings h1, h2, ...
**********/

.s_h_1 {
	font-size: 18px;
	background-color: #006699;
	color: #FFF;
	padding: 5px 10px 5px 10px;
}

.s_h_1_wgr {
	font-size: 1.2em;
	background-color: #006699;
	color: #FFF;
	padding: 5px 10px 5px 10px;
}

.s_h_2 {
	font-size: 1em;
	color: #006699;
	font-weight: bold;
}
.s_h_3 {
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
}
.s_h_4 {
	font-size: 0.6em;
	color: #006699;
	font-weight: bold;
}
/*************
3. Text Styles
**************/

p {
	padding: 10px 10px 0 10px;
}
.s_t_1 {
	font-size: 12px;
	color: #000000;
	line-height: 2em;
}
.s_t_1_1 {
	background-color: #FAFAFA;
	font-size: 0.9em;
	line-height: 1em;
}

.s_t_1_2{
	background-color: #E7E7E7;
	font-size: 0.9em;
	line-height: 1em;
}
.s_t_1_2.odd {
	background-color: #E7E7E7;
}
.s_t_1_2.even {
	background-color: #F1F3F5;
}

.s_t_2 {
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
.s_t_3_0 {
	font-size: 9px;
	color: #000000;
	line-height: 16px;
}
.s_t_posten {
	font-size: 12px;
	color: #669933;
}
.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;
}
.s_preis {
	font-size: 1.2em;
	background-color: transparent;
	color: #006699;
	padding: 5px 10px 5px 0px;
}
.s_grundpreis {
	font-size: 0.6em;
	color: #000;
	line-height: 16px;
}
.s_produkt_text_0 {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.s_produkt_header_0 span{
color:#000;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}


/**************************
4. Links
**************************/

a:link   {
	color:#006699;
	text-decoration: none;
}
a:visited {
	color:#006699;
	text-decoration: none;
}
a:hover  {
	color:#FF6600;
	text-decoration: underline;
}
a:active {
	color:#006699;
	text-decoration: none;
}

.hell { font-size:1em;
font-weight: bold;

padding: 3px;
	border: 1px solid #006699;

}

a.hell:link {
	color:#000;
	text-decoration: underline;
	background:#FFF;
}
a.hell:visited {
	color:#000000;
	text-decoration: underline;
	background:#D9E3FE;
}
a.hell:hover {
	color:#FF6600;
	text-decoration: underline;
	background:#D9E3FE;
}
a.hell:active {
	color:#000000;
	text-decoration: underline;
	background:#D9E3FE;
}

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:#006699; text-decoration: none; list-style-type:none;}
a.menu:visited { color:#006699; text-decoration: none; list-style-type:none;}
a.menu:hover { color:#FF6600; text-decoration:underline; list-style-type:none;}
a.menu:active { color:#006699; text-decoration: none; list-style-type:none;}

/*******
5. Forms
*******/
#livesearch {
	border: 0;
	color: #666;
	font-size: 12px;
	width: 160px;
	height: 15px;
	padding: 5px;
	margin: 0px;
	background-image:url(../images/suche-bg.gif); background-repeat: no-repeat}

#searchform {
	margin: 10px 0 10px 0px;
	padding:0;
}
.order-form {
	margin:0;
	padding:0;
}
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 #E7E7E7;
	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 .termin {
	width:145px;
}
.order-form .nachricht {
	width:400px;
}
.submitbtn {
	background:#99CC00;
	border:1px solid #999;
	color:#FFF;
	font-size:16px;
	cursor:pointer;
	padding:3px 10px 3px 10px;
	margin:0px 0 10px 0;
	font-weight: bolder;
}
.submitbtn:hover {
	background:#CCEF3D;
	color:#fff;
	border:1px solid #999;
}


/********
6. Extras
********/
.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* 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: 2em 0;
}
.o_ueber{
	border-bottom: 1px solid;
}
.o_logo{
	border-top: 1px solid;
	text-align: right;
	margin-top: 10px;
}
.o_inf p{
	padding: 1em;;
	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:302px;
	left:60px;
	width:200px;
	font-weight:normal;
	padding-left: 2px;
	padding-right: 2px;
	background:#FFF;
	border: 1px solid #99CCFF;
	font-size: 0.9em;
}
#LSResult_2{
	top:494px;
}
#search_results{
	position: relative;
	top:0px;
	left: 10px;
}
#LSHighlight, #LSHighlight_2 {
	color: #564b47;
	background-color: #E7E7E7;
}

.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: 470px;
	left: 100px;
	width: 500px;
	min-height:100px;
	background-color: #E7E7E7;
	border:3px double #666;
	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;
}
.I_Err{
	color:#FF6600;
  	border: solid 1px #FF6600;
	background-color: #e5f5f2;
}
.I_Err_h_1{
	font-size: 12px;
	background-color: #FFFFFF;
	color: #FF6600;
	font-weight:bold;
        padding: 2px 0 2px 5px;
}
.I_Line .left_s,
.I_Line .left{
	display: block;
	float: left;
 	width: 135px;
 	white-space:nowrap;
}
/*.I_Line .left_s{
 	width: 25px;
}
*/
.I_Line .right_s,
.I_Line .right{
	display: block;
	float: left;
}
.I_Line{
   display: block;
   float: left;
   width: 90%;
   margin: 0 0 4px 0;
   padding:0 5px 0 5px;
   vertical-align: middle;
   clear: both;
}