/* Hauptnaviagtion */
html {
	width: 100%;
	height: 100%;
	margin:0px;
 	padding:0px;
	}

BODY {
	color: #333333;
	font: normal 0.75em Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	margin:0px;
 	padding:0px;
	background: #003 url(bg_body.png) repeat-x scroll;
}

ul, li, hr, h3, h2, h1, form, table, tr, td, img, p {
 	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse:collapse;
	}

#container {
	position:relative;
	margin: 0px auto;
	width:900px;
	min-height: 99%;
	height:auto !important; /* moderne Browser */
	height:99%; /* IE */
	/*position: absolute;
	left: 50%;
	width: 900px;
	margin-left:-450px; 
	margin-top:10px; */
}
	
#head {
	position: relative;
	height: 83px;
	width: 900px;
	background: url(bg_head.png) no-repeat;
	border-bottom: 1px solid #fff;
}

#logo {
	position: absolute;
	top: 15px;
	left: 20px;
}

#login {
	position: absolute;
	top: 84px;
	left: 290px;
	height: 23px;
	width: 590px;
	background: url(bg_login.png) no-repeat;
	display:inline;
	padding: 5px 10px;
}

#logout {
	position: absolute;
	top: 84px;
	left: 290px;
	height: 17px;
	width: 590px;
	background: url(bg_login.png) no-repeat;
	display:inline;
	padding: 8px 10px;
}


ul#metanavi  { 
	position: absolute;
	left: 145px;
	top: 15px;
	width: 745px;
	list-style:none;
	margin:0; 
	padding:0;
	border-bottom: 1px solid #999;
	height: 20px;
} 

ul#contentnavi  { 
	width: 590px;
	list-style:none;
	margin:0px 0px 10px 0px; 
	padding:0;
	border-bottom: 1px solid #999;
	height: 20px;
} 

ul#contentnavi li,
ul#metanavi li {
	text-align: center;
	display:inline;
	color:#666;
	line-height: 20px;
	background-image: none;
	padding:0px;
	}

ul#contentnavi li.line,
ul#metanavi li.line {
	width:1px;
	background-color: #999;
	display:inline;
	padding:0px;
}

ul#contentnavi li.line img,
ul#metanavi li.line img{
	width:1px;
	height: 20px;
	vertical-align: middle;
}

ul#contentnavi li a, 
ul#contentnavi li a:visited, 
ul#metanavi li a, 
ul#metanavi li a:visited {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:4px 10px;
	text-decoration:none;
	background: none;
	/*width: 70px;*/
	color:#666;
	/*padding-left:5px;*/
}

ul#contentnavi li:hover a, 
ul#contentnavi li a:hover, 
ul#contentnavi li.active a,
ul#metanavi li:hover a, 
ul#metanavi li a:hover, 
ul#metanavi li.active a {
	background-color: #999;
	color:#fff;
}

ul#mainnavi  { 
	position: absolute;
	left: 145px;
	top: 52px;
	list-style:none;
	float:left; 
	margin:0; 
	padding:0;
} 

ul#mainnavi li {
	float:left;
	position:relative;
	text-align: left;
	color:#003;
	display:inline;
}

ul#mainnavi li a, ul#mainnavi li a:visited {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:2px 15px;
	display:block;
	text-decoration:none;
	color:#003;
	background-image: url(navi_bullet.png);
	background-position: left;
	background-repeat: no-repeat;
	/*padding-left:5px;*/
}

ul#mainnavi li:hover a, 
ul#mainnavi li a:hover, 
ul#mainnavi li.active a {
	color:#666;
	background-image: url(navi_bullet_active.png);
	background-position: left;
	background-repeat: no-repeat;
}

/* Produktnavigation Seite */
div#productnavi {
	position: absolute;
	left: 0px;
	top: 310px;
	width: 290px;
	background: url(bg_productnavi.png) bottom no-repeat;
	color: #fff;
}

div#productnavi h2 {
	color: #fff;
	background: url(navi_bullet_active_white.png) 7px 3px no-repeat;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
ul.productnavi  { 
	list-style:none;
	margin:0; 
	padding:0;
	width: 290px;
} 

ul.productnavileft  { 
	list-style:none;
	margin:0; 
	padding:0;
	width: 120px;
	float:left;
} 

ul.productnaviright  { 
	list-style:none;
	margin:0; 
	padding:0;
	width: 170px;
	float:right;
} 

ul.productnavi li a, 
ul.productnavi li a:visited, 
ul.productnaviright li a, 
ul.productnaviright li a:visited, 
ul.productnavileft li a, 
ul.productnavileft li a:visited{
	padding:3px 0px 3px 20px;
	display:block;
	text-decoration:none;
	color:#fff;
	background: #003 url(navi_bullet_yellow.png) 7px 7px no-repeat;
	border-bottom: 1px solid #5b5d7a;
}

ul.productnavi li:hover a, 
ul.productnavi li a:hover, 
ul.productnaviright li.active a, 
ul.productnaviright li:hover a, 
ul.productnaviright li a:hover, 
ul.productnaviright li.active a, 
ul.productnavileft li:hover a, 
ul.productnavileft li a:hover, 
ul.productnavileft li.active a {
	background-color: #666;
}


ul.productnavicontent  { 
	list-style:none;
	margin:0; 
	padding:0;
	width: 590px;
}

ul.productnavicontent li a, 
ul.productnavicontent li a:visited {
	padding:3px 0px 3px 20px;
	display:block;
	text-decoration:none;
	color:#003;
	background: #e1e1e1 url(navi_bullet_yellow.png) 7px 7px no-repeat;
	border-top: 1px solid #ccc;
}

 
ul.productnavicontent li:hover a, 
ul.productnavicontent li a:hover, 
ul.productnavicontent li.active a {
	background-color: #ccc;
}


div.produktauswahl {
	background: #fff url(bg_produktauswahl.png) 0px no-repeat;
	width: 280px;
	height: 170px;
	padding: 5px;
	margin-bottom: 10px;
	}
	
div.produktauswahl img {
	float:left;
	max-height: 130px;
	}
	
div.produktauswahl p {
	width: 140px;
	margin-left: 135px;
	}
	
div.produktauswahl h2 {
	margin-bottom: 5px;
	max-height:32px;
	overflow: hidden;
	}
div.contentboxtop {
	width:590px;
	height:12px;
	background: #fff url(bg_contentbox_top.png) 0px no-repeat;
	padding:0px;
	font-size:0px;
	line-height: 12px;
	}

div.contentboxtop2 {
	width:590px;
	height:3px;
	background: #fff url(bg_contentbox_top2.png) 0px no-repeat;
	padding:0px;
	font-size:0px;
	}
	
div.contentboxmiddle {
	width:576px;
	padding: 0px 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
div.contentboxbottom {
	width:590px;
	height:3px;
	background: #fff url(bg_contentbox_bottom.png) 0px no-repeat;
	margin-bottom: 10px;
	font-size:0px;
	}

div.contentboxtop50 {
	width:290px;
	height:12px;
	font-size:0px;
	background: url(bg_contentbox50_top.png) 0px no-repeat;
	line-height: 12px;
	}
	
div.contentboxmiddle50 {
	width:276px;
	padding: 0px 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

div.contentboxbottom50 {
	width:290px;
	height:3px;
	background: url(bg_contentbox50_bottom.png) top no-repeat;
	margin-bottom: 10px;
	font-size:0px;
	}
	
div.contentboxtop200 {
	width:200px;
	height:12px;
	font-size:0px;
	background: #fff url(bg_contentbox200_top.png) 0px no-repeat;
	line-height: 0px;
	margin:0px;
	}
	
div.contentboxmiddle200 {
	width:186px;
	padding: 0px 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
	z-index:100;
	margin:0px;
	}
	
div.contentboxmiddle200 form {
	margin: 0px;
	padding-bottom:10px;
	}

div.contentboxbottom200 {
	width:200px;
	height:3px;
	background: #fff url(bg_contentbox200_bottom.png) top no-repeat;
	margin-bottom: 10px;
	font-size:0px;
	line-height: 3px;
	}
	
div.news {
	border-bottom: 1px solid #003;
	background: #e1e1e1;
	margin: 10px 0px;
	}
	
div.news h4 {
	padding: 5px;
	background: #003;
	color: #fab300;
	margin: 0px;
	}
	
div.news p {
	padding: 5px;
	}

#wobinich {
	color: #fff;
	width: 590px;
	font-size: 11px;
	padding: 5px 10px;
	background: url(bg_wobinich.png) no-repeat;
	}
	
#wobinich a:link,
#wobinich a:visited,
#wobinich a:active {
	color: #fab300;
	text-decoration: none;
}

#wobinich a:hover {
	color: #ccc;
}


/* Infobox */
.infobox {
	margin: 0px;
	padding: 4px;
	margin-bottom: 10px;
	width: 142px;
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #B1B817;
}


.infobox .content {
	padding-bottom: 2px;
}

.infobox h2 {
	color: #fff;
}

.infobox .content a,
.infobox .content a:link,
.infobox .content a:visited {
	color: #fff;
	}

#content .infobox {
	display:none;
	}

/* Suchfunktion*/
.detailsuche {
	/*margin: 0;
	padding: 0px;
	position: absolute;
	left: 400px;
	top: 70px; */
	float:right;
}

/* Bilder */
img {
	border: 0px;
}

img.icon {
	border: 0px;
	vertical-align: middle;
}

.pictureleft {
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 175px;
	float: left;
	vertical-align : bottom;
}

.downloadpreview{
	margin: 0;
	padding: 0px;
	padding-left: 5px;
	float: right;
	text-align : right;
}


/* Suchfunktion */
#search {
	margin: 0;
	padding: 0px;
	position: absolute;
	top: 10px;
	left: 625px;
	width: 230px;
	float: right;
	text-align: right;
	vertical-align: baseline;
	font-size: 11px;
	color:#666;
}

/* Titelbild */
#flashcontent {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 117px;
	left: 290px;
	width: 610px;
	_top: 117px;
	/* be nice to IE */
	height : 125px;
}

/* Keyvisual */	
#keyvisual {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 84px;
	left: 0px;
	width: 290px;
	_top: 84px;
	/* be nice to IE */
	height : 249px;
}

/* Sprachwahl */
#language {
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 50px;
	right:0px;
	width:auto;
}	

#language img {
	width:31px;
	height:21px;
	}

#language a img#de {
	background:url(flag_de.gif) no-repeat;
 	}

#language a:hover img#de,
#language img#de_active {
	background:url(flag_de_h.gif) no-repeat;
 	}

#language a img#en {
	background:url(flag_en.gif) no-repeat;
 	}

#language a:hover img#en,
#language img#en_active {
	background:url(flag_en_h.gif) no-repeat;
 	}

/* Inhalt */	
#content {
	margin: 0;
	position: absolute;
	top: 242px;
	left: 290px;
	width: 610px;
	/*float: left;
	*/
	_top: 242px;
	/* be nice to IE */
	text-align: left;
}

div.contenttext {
	text-align: left;
	padding: 20px 10px;
	background: #fff url(bg_content_top.png) no-repeat 1px 0px;
}

div#contentbottom {
	text-align: left;
	padding: 0px 10px;
	background: url(bg_content_bottom.png) no-repeat 0px 0px;
	font-size: 0.9em;
	height:17px;
	margin-bottom: 10px;
}


div.tdpicture { 
	float: right;
	width: 200px;
	text-align: left;
	margin:10px 0px 10px 10px;
	}

/*Tabellen*/

table.specification {
	width: 570px;
	border-collapse:collapse;
	margin: 10px 0px;
}

table.specification td {
	border: #ccc solid 1px;
	padding: 2px;
	background: #fff;
}

table.specification td.dark {
	background: #e1e1e1;
}

table.products {
	width: 590px;
	border-collapse:collapse;
	margin: 10px 0px;
}

table.products th {
	border: #ccc solid 1px;
	padding: 2px;
	background: #e1e1e1;
	color: #666;
	vertical-align:top;
}

table.products td {
	border: #ccc solid 1px;
	padding: 2px;
	background: #fff;
	vertical-align:top;
}


div.tr, div.trprint {
	clear: both;
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
}
	


p {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

h1 {
	color: #003;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight:bold;
	}
	
h1#top {
	color: #fab300;
	background: #003;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px 10px 5px 10px;
	margin-bottom: 0px;
	}	
	
h2 {
	color: #333333;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0;
	}
	
.subheadline {
	color: #333333;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
			
.small {
	color: #333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

.bildunterschrift {
	color: #333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	}

.error {
	color: #990000;
	}
	
/* Links */
a:link {
	color: #003;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover,
a:active  {
	color: #fab300;
}

/* Aufzählungen */

div.contenttext .tdtext ul {
	margin: 0px 0px 10px 20px;
	_margin: 0px 0px 10px 20px;
	list-style: none;
	padding:0px;
	}

div.contenttext .tdtext ul li {	
	background: url(li_bullet.png) 0px 1px no-repeat;
	padding-left: 12px;
	margin-bottom: 5px;
	margin:0px;
	}

div.contenttext table.list td {
	padding:0px;
	border-top:1px solid #eee;
	}

.form {
	background : #fff;
	border: 1px solid #666;
	color: #333333;
	height:16px;
	font-size:12px;
}

.contenttext form input.form {
	margin-bottom: 10px;
	}
	
input.form {
	background: url(bg_form.png);
	}
	
select.form {
	height: 18px;
	}
	
input.submit {
	background: url(bg_form.png);
	}
	
form {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
form label {
	margin: 0px;
	}

form .quickfind {
	background: url(bg_form.png);
	width: 100%;
	margin: 5px 0px;
	border: 1px solid #666;
	line-height:18px;
	height:18px;
	font-size:12px;
	}

form .quickfindinput {
	background: url(bg_form.png);
	width: 98%;
	margin: 5px 0px;
	border: 1px solid #666;
	line-height:18px;
	height:16px;
	font-size:12px;
	}

option {
	background: #fff;
	}

.tdforumcontent {
	background: #E1E1E1;
	width: 100%;
	border: 1px solid #ffffff; 
	margin: 0px; 
}

hr {
	color: #d9d9d9;
	height: 1px;
}

/* Seitenzahlen für Seitenauswahl bei Suche */

.pagenrcontainer {
	width: 380px;
	height: 20px;
	padding-top: 2px;
	margin-bottom: 10px;
	border-bottom: solid 1px #003;
	clear: both;
	float: left;
	}

.pagenrcontainer ul.pagenr {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.pagenrcontainer ul.pagenr li {
	display: inline;
	height: 9px;
	text-align:center;
	padding:0px;
	background-image: none;
	margin: 0px;
	}

.pagenrcontainer ul.pagenr li a {
	width: 0px;
	height: 12px;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px;
	text-align:center;
	}
	
.pagenrcontainer ul.pagenr li a:link,
.pagenrcontainer ul.pagenr li a:visited {
	background: #003;
	color: #fff;
	}
	
.pagenrcontainer ul.pagenr li a:hover,
.pagenrcontainer ul.pagenr li a:active {
	background: #ffb300;
	color: #fff;
	}
	
.pagenrcontainer ul.pagenr li span {
	width: 0px;
	height: 12px;
	margin: 0px 2px 0px 0px;
	padding: 0px 5px;
	text-align:center;
	background: #999;
	color: #fff;
	}

#countdown {
	position:absolute;
	left:610px;
	top: 120px;
	}



/* Warenkorb */

th.warenkorb {
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	}

tr.warenkorb td {
	padding: 5px 0px;
	border-top: 1px solid #eee;
	}

tr.warenkorb td.foottop {
	padding: 5px 0px;
	border-top: 1px solid #ccc;
	}
	
tr.warenkorb td.foot {
	padding: 5px 0px;
	text-align:right;
	border-top: 3px double #ccc;
	border-bottom: none;
	}
	
table.orderstableview {
	padding:0px 5px 3px 5px;
	}

table.orderstableview td {
	padding: 3px;
	border:none;
	}
	
input.refreshwk {
	color:white;
	text-align:right;
	padding-right:5px;
	border: none;
	height:18px;
	width:148px;
	background: url(bg_btn_refresh.png) no-repeat;
	font-size: 1em;
	cursor:pointer;
	}

input.refreshwk:hover{
	background: url(bg_btn_refresh-h.png) no-repeat;
	}
	
input.emptywk {
	width:148px;
	height:18px;
	cursor:pointer;
	border:none;
	background: url(bg_btn_wk_empty.png) no-repeat;
	}
	
input.emptywk:hover {
	background: url(bg_btn_wk_empty-h.png) no-repeat;
	}

input.deletewkitem {
	width:17px;
	height:16px;
	background: url(bg_btn_delete.png);
	cursor:pointer;
	font-size:0px;
	border:0;
	}
	
input.deletewk:hover {
	background: url(bg_btn_delete-h.png);
	}

input.submitwk {
	color:white;
	text-align:right;
	padding-right:5px;
	border: none;
	height:18px;
	width:148px;
	background: url(bg_btn_submit.png) no-repeat;
	font-size: 1em;
	cursor:pointer;
	}
	
input.submitwk:hover{
	background: url(bg_btn_submit-h.png) no-repeat;
	}
	
input.submitfinal {
	background: url(bg_btn_submit_final.png) no-repeat;
	cursor:pointer;
	width:200px;
	height:18px;
	border:none;
	}

input.submitfinal:hover {
	background: url(bg_btn_submit_final-h.png) no-repeat;
	}

input.search {
	background: url(bg_btn_search.png) no-repeat;
	cursor:pointer;
	width:148px;
	height:18px;
	border:none;
	}

input.search:hover {
	background: url(bg_btn_search-h.png) no-repeat;
	}
	
input.blank {
	background: url(bg_btn_blank.png) no-repeat;
	cursor:pointer;
	width:148px;
	height:18px;
	border:none;
	color:white;
	}

input.blank:hover {
	background: url(bg_btn_blank-h.png) no-repeat;
	color:#0b124d;
	}

input.chngdeladr {
	width:148px;
	height:18px;
	cursor:pointer;
	border:none;
	background: url(bg_btn_chngdeladr.png) no-repeat;
	}

input.chngdeladr:hover {
	background: url(bg_btn_chngdeladr-h.png) no-repeat;
	}

a.viewdetail {
	width:61px;
	height:18px;
	display:block;
	float:right;
	background: url(bg_btn_details.png) no-repeat;
	}

a.viewdetail:hover {
	background: url(bg_btn_details-h.png) no-repeat;
	}

a.back {
	width:61px;
	height:18px;
	display:block;
	background: url(bg_btn_back.png) no-repeat;
	}

a.back:hover {
	background: url(bg_btn_back-h.png) no-repeat;
	}

td.adress {
	padding:4px 0px;
	}
	
div.agb {
	width: 560px;
	height: 120px;
	overflow:scroll;
	border: 1px solid #999;
	padding: 5px;
	background: #e1e1e1;
	}

/* Kabelcode-Box */
a.kabelc div.kabelcode {
	display: none;
	}
	
a.kabelc {
 	 text-decoration: none;
  }

a.kabelc:hover {
	background: none;
	}

a.kabelc div.kabelcode {
	display: none;
	}
	
a.kabelc:hover div.kabelcode {
	display: block;
	position: absolute;
	top:50px;
	left: 280px;
	}