html{
    height: 100.1%;
}
body{
    padding: 0;
    margin: 0;
    height: 100.1%;
}
body{
    background: #f5f5f5;
    text-align: center;
}
body, p, li, input, label{
    font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.5em;
    color: #666666;
}

/****************/

#container{
    background: url(../bilder/layout_background.png) repeat-y;
    text-align: left;
    border-top: none;
    margin: 0 auto;
    width: 1024px;
}

#header, #navigation, #content{
    width: 1024px;
}

/****************/

#header{
    background: url(../bilder/layout_header_background.png) center top no-repeat;
    position: relative;
    height: 160px;
}
#header .padding{
    padding: 20px 33px 0;
}

/****************/

#meta{
    position: absolute;
    right: 40px;
    top: 0;
}
#meta ul, #meta ul li{
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}
#meta ul li{
    padding: 0 3px;
}
#meta ul li, #meta ul li a{
    text-decoration: none;
    line-height: 18px;
    display: block;
    color: #aaaaaa;
}
#meta ul li a.active, #meta ul li a:hover{
    color: #000000;
}

/****************/

#logo{
    background: url(../bilder/layout_header_logo.png);
    margin-right: 1px;
    display: inline;
    height: 145px;
    width: 219px;
    float: left;
}
#logo img{
    float: left;
}

/****************/

#navigation{
    background: url(../bilder/layout_header_navigation.jpg);
    display: inline;
    height: 145px;
    width: 738px;
    float: left;
}
#navigation ul, #navigation ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
#navigation ul{
    position: absolute;
    margin-left: 10px;
    bottom: 0;
}
#navigation ul li{
    float: left;
}
#navigation ul li a{
    text-transform: uppercase;
    text-decoration: none;
    line-height: 32px;
    font-size: 13px;
    padding: 0 15px;
    color: #999999;
    display: block;
    height: 29px;
    float: left;
}
#navigation ul li a:hover, #navigation ul li a.active{
    color: #333333;
}

/****************/

#search{
    position: absolute;
    z-index: 10;
    right: 45px;
    bottom: 0;
}
#search input.text{
    font: 10px Arial, Helvetica, Verdana, Geneva, sans-serif;
    background: transparent;
    line-height: 16px;
    height: 16px;
    border: none;
    width: 110px;
    float: left;
    margin: 0;
}
#search input.image{
    margin: 3px 4px 0 10px;
    float: left;
}

/****************/

#content{
    background: url(../bilder/layout_background_content.png) bottom no-repeat;
    height: auto;
    min-height: 450px;
    _height: 450px;

}
#categories{
    display: inline;
    margin-left: 33px;
    width: 220px;
    float: left;
	margin-top:5px;
}

/****************/

#categories ul, #categories ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
#categories ul li a{
    background: url(../bilder/navigation/nav_grey.gif) top left no-repeat;
    text-decoration: none;
    padding: 0 0 0 59px;
    line-height: 30px;
    display: block;
    color: #666666;
}
#categories ul li a.active{
    background-image: url(../bilder/navigation/nav_grey_f2.gif);
    font-weight: bold;
    line-height: 37px;
	color: #999999;
}
#categories ul li a:hover{
    color: #999999;
}
#categories ul li ul{
    background: url(../bilder/navigation/line_grey.gif) left bottom no-repeat;
    height: 1%;
}
#categories ul li ul li a, #categories ul li ul li a.active{
    background: none  !important;
    line-height: 20px;
}
#categories ul li ul li{
    height: 1%;
}
#categories ul li ul{
    margin-bottom: 15px;
    display: none;
}
#categories ul li.active ul{
    display: block;
}

#categories ul .red a{ background-image: url(../bilder/navigation/nav_red.gif); }
#categories ul .red a.active, #categories ul .red a:hover{color:#A05A66;}
#categories ul .red a.active{ background-image: url(../bilder/navigation/nav_red_f2.gif); }
#categories ul .red ul{ background-image: url(../bilder/navigation/line_red.gif); }

#categories ul .blue a{ background-image: url(../bilder/navigation/nav_blue.gif); }
#categories ul .blue a.active, #categories ul .blue a:hover{color:#6FB2DD;}
#categories ul .blue a.active{ background-image: url(../bilder/navigation/nav_blue_f2.gif); }
#categories ul .blue ul{ background-image: url(../bilder/navigation/line_blue.gif); }

#categories ul .brown a{ background-image: url(../bilder/navigation/nav_brown.gif); }
#categories ul .brown a.active, #categories ul .brown a:hover{color:#EAA48B;}
#categories ul .brown a.active{ background-image: url(../bilder/navigation/nav_brown_f2.gif); }
#categories ul .brown ul{ background-image: url(../bilder/navigation/line_brown.gif); }

#categories ul .green a{ background-image: url(../bilder/navigation/nav_green.gif); }
#categories ul .green a.active, #categories ul .green a:hover{color:#579A96;}
#categories ul .green a.active{ background-image: url(../bilder/navigation/nav_green_f2.gif); }
#categories ul .green ul{ background-image: url(../bilder/navigation/line_green.gif); }

#categories ul .pink a{ background-image: url(../bilder/navigation/nav_pink.gif); }
#categories ul .pink a.active, #categories ul .pink a:hover{color:#988ABF;}
#categories ul .pink a.active{ background-image: url(../bilder/navigation/nav_pink_f2.gif); }
#categories ul .pink ul{ background-image: url(../bilder/navigation/line_pink.gif); }

#categories ul .yellow a{ background-image: url(../bilder/navigation/nav_yellow.gif); }
#categories ul .yellow a.active, #categories ul .yellow a:hover{color:#FEB236;}
#categories ul .yellow a.active{ background-image: url(../bilder/navigation/nav_yellow_f2.gif); }
#categories ul .yellow ul{ background-image: url(../bilder/navigation/line_yellow.gif); }

/****************/

#inhalt{
    margin: 15px 10px 0 20px;
    display: inline;
    width: 520px;
    float: left;
}

/****************/

#teaser{
    margin: 15px 0 0 20px;
    display: inline;
    width: 160px;
    float: left;
}
#teaser p{
    margin: 2px 0;
}
.box{
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
}
.box h1{
    background: url(../bilder/teaser_head.png);
    border-bottom: 1px solid #e6e6e6;
    line-height: 23px;
    padding-left: 10px;
    margin: 0;
}
.box h1 a{
    text-decoration: none;
    font-size: 12px;
}
#warenkorb_klein .box h1 a{
    font-weight: normal;
    color: #888888;
}
.box .padding{
    padding: 5px 10px;
}
#teaser .box .padding p a{
    color: #888888;
	padding:4px 18px 4px 0px;
	background: url(../bilder/a.png) right 7px no-repeat;
}

a.buttonLight, a span.buttonLight {
	padding:4px 18px 4px 0px;
	background: url(../bilder/a_prod.png) right 7px no-repeat;
}

.box label{
    width: 60px;
    margin: 0;
}
.box input{

  margin: 2px 0;
    width: 135px !important;
    float: none;
}


/******Produkte details Uebersicht******/ 
ul#prodnav {
	width:100%;
}

ul#prodnav, ul#prodnav li, ul#prodnav li a {
	text-indent:none;
	list-style:none;
	margin:0px;
	padding:0px!important;
    background:none!important;
		
}

ul#prodnav li{
	/*display:block;*/
	height:20px;
	line-height:20px;
	/*border: 1px solid #E69B00;
	border-bottom:0;*/
	display: inline;
	padding: 3px 3px 3px 0px !important;	
		
}
ul#prodnav li a {
	height:14px;
	line-height:14px;
	font-size:9px;
	text-decoration:underline;
}

ul#prodnav li a:hover, ul#prodnav li a.active {
	text-decoration:none;
}

ul#prodnav li a.active {
    color: #666 !important;   
}

#produkte_content {
	clear:left;
	float:left;
	border:1px solid #E69B00;
	/*border-top:0px;*/
	padding:10px;
    width:500px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width:498px;
}

html>body #produkte_content {
    width:498px;
}

/****************/

#footer{
    background: url(../bilder/layout_footer.png) no-repeat;
    position: relative;
    height: 45px;
}
#footer #producedby{
    margin: 0 21px 0 33px;
    display: inline;
    float: left;
}
#footer #adress{
    line-height: 34px;
    margin-left: 270px;
   
}
#footer #adress a{
    color: #666666;
}

/****************/

h1, h2, h3, p, table, ul{
    margin: 0 0 10px 0;
}
h1, h2, h3{
    color: #e69b00;
}
h1{
    font-size: 12px;
}
h2{
    font-size: 11px;
	font-weight: normal;
}
h3{
    font-size: 10px;
	font-weight: normal;
}

h4 {
    font-weight: normal;
    padding: 0;
    margin: 0 0 3px 0;
    color: #666;
    font-size: 11px;   
}

a{
    color: #e69b00;
}
a:hover{
    text-decoration: none;
}
a img{
    border: none;
}
form{
    display: inline;
}
fieldset{
    margin: 0 0 10px 0;
    border: 1px solid #e69b00;
    padding: 10px 17px;
}
fieldset legend{
    font-weight: bold;
    padding: 0 5px;
    color: #777;
    margin-bottom: expression('10px');
}
fieldset label{
    width: 140px;
}
#inhalt ul{
    list-style: none;
    padding: 0 0 1em;
    margin: 0;
}
#inhalt ul li{
    background: url(../bilder/li_pfeil.gif) 5px 5px  no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 3px 0;
    list-style: none;
}



#inhalt #news_slider{
    border: 5px solid #fff;
    border-width: 5px 10px;
}

#inhalt #news_slider ul{
	width: 498px;
    padding: 0px;
}
#inhalt #news_slider ul li{
    background: none;
    padding: 0px;
    margin: 0;
    list-style: none;
}
#inhalt #news_slider div.image{
	float:left;
	width:150px;
	min-height:60px;
	padding-right: 10px;
	text-align: center;
	
}

/****************/

.small{
    margin-top: 0px;
    font-size: 10px;
    color: #333333;
}
.thedate{
    float: right;
    font-size: 9px;
    font-weight: normal;
}
.fehler, .formmailerror{
    background: url(../bilder/input_text_required.gif) bottom  repeat-x;
    border: 1px solid #D10202;
    padding: 10px;
    margin: 2px 2px 10px 2px;
    color: #A02031;
}
.fehler h2{
    text-transform: uppercase;
    color: #ff0000;
    font-weight: normal;
    font-size: 11px;
    margin: 0 0 0 0;
}
.fehler p{
    color: #ff0000;
}
.price{
    white-space: no-wrap;
    margin-right: 10px;
    font-size: 12px;
    color: #005c29;
    float: left;
}
.oldprice{
    text-decoration: line-through;
    font-size: 10px;
    color: #333333;
}
.pageselector{
    border-top: 1px solid #cccccc;
    width: 520px;
}
.pageselector .left{
    vertical-align: top;
    text-align: left;
    width: 240px;
}
.pageselector .right{
    vertical-align: top;
    text-align: right;
    width: 240px;
}
.pageselector select{
    margin-top: 2px;
}
.red{
    color: red;
}
/* ------------------------------ */

.products{
    margin-bottom: 10px;
}
.products a img{
    /*border: 1px solid #aaaaaa;*/
    border:0;
}

.products .img {
    border: 1px solid #aaaaaa;
}

.notice{
    margin: 15px 0;
    font-weight: bold;
    font-size: 12px;
    color: #f1b107;
}
.notice .bigger{
    font-size: 15px;
}
table.warenkorb, table.zusammenfassung{
    border: 1px solid #E69B00;
    empty-cells: hide;
    margin: 0;
    width: 520px;
}
table.zusammenfassung{
    border: none;
    margin-bottom: 5px;
}
table.warenkorb thead th{
    border-bottom: 1px solid #E69B00;
    padding: 3px 5px 3px 5px;
    background: #FCE29E;
    text-align: left;
    font-weight: normal;
    color: #666666;
    font-size: 12px;
}
table.warenkorb thead th.dark{
    background: #FCE29E;
}
table.warenkorb tbody td{
    vertical-align: center;
    padding: 5px;
}
table.warenkorb tbody td select, table.warenkorb tbody td input{
    margin: 0;
}
table.warenkorb tr.row td{
    background: #fff8e6;
}
table.warenkorb tr.row td.dark{
    background: #feeec6;
}
table.warenkorb tr.row2 td{
    background: #FEF5ED;
}
table.warenkorb tr.row2 td.dark{
    background: #FDE9B3 ;
}
table.zusammenfassung tr td.left{
    border-left: 1px solid #E69B00;
    background: #ffffff;
}
table.zusammenfassung tr td.right{
    border-right: 1px solid #E69B00;
    background: #FDE9B3;
}
table.zusammenfassung tr.gesamt td{
    border-bottom: 1px solid #E69B00;
    border-top: 1px solid #E69B00;
}
table.zusammenfassung tr.gesamt td.left{
    background: #fde9b3;
}
table.zusammenfassung tr.gesamt td.right{
    background: #fce29e;
}
table.zusammenfassung tr td{
    text-align: right;
    padding: 3px 5px 3px 5px;
    vertical-align: top;
}
table.warenkorb .price, table.zusammenfassung .price{
    color: #005C29;
    font-size: 11px;
    float: right;
}

label.waren {
	width:50px;
}

.kasten {
	width:48%;
	margin-right:1%;
	height:100px;
	float:left;
}

.kasten2 {
	width:98%;
	margin-right:1%;
	height:100px;
	float:left;
	clear:left;
}
/****************/

.hr{
    background: url(../bilder/hr.png) center center repeat-x;
    height: 30px;
}
.floatleft{
    float: left;
    margin-right: 10px;
}
.floatright{
    float: right;
    margin-left: 10px;
}

.clearright {
    clear:right;
}

.clearall {
    clear:both;
}

div.left{
    width: 355px;
    margin-right: 15px;
    float: left;
    display: inline;
}
div.right{
    width: 150px;
    float: left;
}

/****************/

label, .kontakt{
    position: relative;
    margin: 0 0 5px 0;
    width: 160px;
    float: left;
}
input.text, textarea.text, input.password, .kontakt{
    width: 220px;
}
input.wkanzahl{
    width: 25px;
    padding: 2px 5px !important;
}
input.text, input.password, textarea.text, select{
    background: #ffffff url(../bilder/input_text.gif) bottom repeat-x;
    border: 1px solid #cccccc;
    margin: 0 0 5px 0;
    font-size: 11px;
    padding: 2px 0;
    float: left;
}
input.required, input.password.required, textarea.required, select.required{
    background: #ffdddd url(../bilder/input_text_required.gif) bottom repeat-x;
}
.checkbox, .radio{
    margin: 0 0 5px 0;
    background: none;
    width: auto;
    border: 0;
}
input:focus, select:focus, input.required:focus{
    border: 1px solid #000000;
}
select.short{
    width: 160px;
}
label.required{
    color: #A02031;
}
.formmailerror{
    margin: 5px 0 15px 0;
    color: #d00707;
    display: block;
}
.clearleft{
    clear: left;
}

/****************/

.clearfix:after { content: "." ; display: block ; height: 0 ; clear: both ; visibility: hidden ; }
.clearfix { display: inline-block ; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% ; }
.clearfix { display: block ; }
#inhalt a img {
	margin-bottom:10px;
}

#inhalt #partner_karte a img {
    margin:0;
    padding:0;
} 

table.techdata, table.favoritTable {
	width:370px;
	margin-left:0px;
	border:1px solid #E69B00;
	border-bottom:0px;
	border-right:0px;
}

table.favoritTable {width:100%;}
.techdata td, .favoritTable td{
	padding:2px 5px;
	border-bottom:1px solid #E69B00;
	border-right:1px solid #E69B00;
}
td.gelb{
	background-color:#FDE9B3;
}
td.grau {
	background-color:#FEF5ED ;
}

.titletech {
	background-color:#FCE29E;
	color:#666;
	font-weight:bold;
}

 td.noBorder {
	border:0px;
}
td.prodName {
	border-top:6px double #E69B00;
}

a.marginLeft {
	margin-left:20px!important;
}

input.submit {
	background-color:#ccc;
	color:#666;
	border:1px solid #666;
}

label.notVisible {
    visibility:hidden;
    width:0px !important;
}
.mediumLink {
    /*width:45%;*/
    font-size:9px; 
}

#teaser h1 {
    padding-left:10px;
}
#teaser h1 a {
    padding-left:0px;
}
#warenkorbmeldung {
    display:block;
}

/****************/

.rubrikenbox {
    border: 1px solid #e69b00;
    background: #f0f0f0;
    padding: 10px;
}

#searchresult{
    border: 1px solid #fac647;
    background: #ffffff;
    position: absolute;
    display: none;
    z-index: 2000;
    width: 270px;
    left: 20px;
}
#searchresult{
    top: 20px;
}
#searchresult *{
    line-height: 1.5em;
    height: auto;
}
#searchresult #result a{
    padding: 3px 10px;
    display: block;
    color: #005D29;
}
#searchresult #result a:hover, #searchresult #result #pointer{
    background: #fef5de;
}
#searchresult .left, #searchresult .right{

}
#searchresult #searchcontrols{
    border-bottom: 1px solid #fac647;
    background: #fef5de;
    padding: 3px 10px;
}
#searchresult #searchcontrols .left {
    text-align: left;
    float: left;
    width: 200px;
}