/* Hauptnaviagtion */
html {
	width: 100%;
	height: 100%;
	}

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


#container {
	position: absolute;
	left: 50%;
	width: 820px;
	margin-left:-410px; 
	height: 100%;
	background: #fff url(bg_container.png) bottom no-repeat; 
}
	
#head {
	position: relative;
	height: 192px;
	width: 820px;
	background: url(bg_head.png) no-repeat;
	border-bottom: 1px solid #fff;
}

#shop {
	background:url(stoerer_shop.png) no-repeat;
	width:165px;
	height:22px;
	color:white;
	position:absolute;
	top:138px;
	left:412px;
	z-index:99;
	padding:2px 8px;
	}

#content {
	margin: 0;
	position: absolute;
	top: 192px;
	left: 0px;
	width: 820px;
	/*float: left;
	*/
	_top: 192px;
	/* be nice to IE */
	text-align: left;
	background:#fff;
	display:block;
}

img#home {
	position:absolute;
	top: 15px;
	left: 15px;
	width: 220px;
	height: 44px;
	}

div#contenttext {
	text-align: left;
	padding: 10px 0px;
	width: 612px;
	float: right;
	height: 100%;
	
}

#left {
	margin: 0;
	position: relative;
	left: 0px;
	width: 176px;
	float: left;
	color: #fff;
}


ul#metanavi  { 
	position: absolute;
	left: 310px;
	top: 77px;
	list-style:none;
	margin:0; 
	padding:0px 0px 0px 6px;
} 

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

ul#metanavi li.line {
	color:#fff;
	display:inline;
	padding:0px;
}

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

ul#metanavi li a, 
ul#metanavi li a:visited {
	font: bold 10px Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 15px;
	text-decoration:none;
	background: url(navi_bullet_meta.png) 5px 2px no-repeat;
	/*width: 70px;*/
	color:#fff;
	/*padding-left:5px;*/
}

ul#metanavi li:hover a, 
ul#metanavi li a:hover, 
ul#metanavi li.active a {
	color:#72b3d9;
	background: url(navi_bullet_meta_active.png) 5px 2px no-repeat;
}

ul#mainnavi  { 
	position: absolute;
	left: 310px;
	top: 46px;
	list-style:none;
	float:left; 
	margin:0; 
	padding:0px 0px 0px 5px;
	background: url(bg_mainnavi.png) no-repeat;
} 

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

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

ul#mainnavi li:hover a, 
ul#mainnavi li a:hover, 
ul#mainnavi li.active a {
	color:#333;
	background: url(navi_bullet_active.png) 5px 10px no-repeat;
}

ul#mainnavi li.line {
	width:1px;
	background-color: #f2f2f2;
	display:inline;
	padding:0px;
	border-left: 1px solid #cecece;
	
}

ul#mainnavi li.line img{
	width:1px;
	height: 28px;
	vertical-align: middle;
}

div.produktauswahlcontainer {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height:340px;
	background: #ccc;
	}

div.produktauswahl {
	background: #716e6c url(bg_produktauswahl.png) 0px no-repeat;
	width: 203px;
	height: 340px;
	position: absolute;
	top: 0px;
	}
	
div.produktauswahl div.patop {
	background: url(bg_patop.png) repeat-x;
	width: 170px;
	padding: 5px 5px 0px 28px;
	height: 39px;
	top: 0px;
	margin-bottom: 1px;
	}
	
div.produktauswahl div.paimg {
	width: 203px;
	height: 95px;
	background: #fff;
	text-align:center;
	overflow: hidden;
	}
	
div.produktauswahl div.pabottom {
	position: absolute;
	background: url(bg_pabottom.png) repeat-x;
	width: 203px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	top: 310px;
	}
	
div.produktauswahl div.patop h2 {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	color: #72b3d9;
	}
	
div.produktauswahl div.patop h3 {
	font-size: 12px;
	color: #fff;
	margin: 0px;
	}
	
	
div.produktauswahl p {
	width: 170px;
	padding: 5px 5px 0px 28px;
	background: url(navi_bullet_meta.png) 12px 10px no-repeat;
	color: #fff;
	}

div.produktauswahl div.pabottom a {
	width: 170px;
	padding: 0px 5px 0px 28px;
	background: url(bg_pabottom_a.png) 12px 5px no-repeat;
	color: #72b3d9;
	line-height: 25px;
	}



/* Infobox */
/* Suchfunktion*/
.infobox,
.detailsuche {
	margin: 0px;
	margin-bottom: 10px;
	width: 196px;
	background: #000 url(bg_infobox.png) repeat-x;
}

.detailsuche h2,
.infobox h2 {
	width: 156px;
	padding: 10px 10px 5px 30px;
	color: #72b3d9;
	border-bottom: 1px solid #000;
	margin: 0px;
}

.detailsuche p,
.detailsuche form,
.infobox p {
	padding: 5px 10px 10px 30px;
	margin: 0px;
}

/* 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;
	
	height : 125px;
} */

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

/* Sprachwahl
#language {
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 50px;
	left: 700px;
	width: 140px;
	float: left;
	_top: 50px;
	height : 70px;
	vertical-align : middle;
}	
 */
 
/* Inhalt */

div.tdtext {
	width: 404px;
	padding: 5px 0px;
	}

div#contentbottom {
	text-align: left;
	padding: 5px 0px 0px 20px;
	font-size: 0.9em;
	width:780px;
	margin: 20px 10px 10px 10px;
	border-top: 1px solid #ccc;
}


div.tdpicture { 
	float: right;
	width: 196px;
	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: #72b3d9;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 2px;
	font-weight:bold;
	}	
	
h2 {
	color: #666;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.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;
	}

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

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

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


#shop a {/*background:url(navi_bullet_meta.png) center left no-repeat;padding-left:8px*/}
#shop a, #shop a:visited {color:white;}
#shop a:hover {color:#333;text-decoration:underline;}



/* Aufzählungen */

div.content .tdtext {
	position:relative;
	}

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

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

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

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

form input.form {
	margin-bottom: 10px;
	}
	
form input.submit {
	background: #333;
	color:#fff;
	border: 1px solid #666;
	height:18px;
	font-size:12px;
	}
	
/*input.form {
	background: url(bg_form.png);
	}*/
	
select.form {
	height: 22px;
	}
	
form {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}

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

/* Seitenzahlen für Seitenauswahl bei Suche */

.pagenrcontainer {
	width: 404px;
	height: 20px;
	padding-top: 2px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	clear: both;
	}

.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: #000;
	color: #fff;
	}
	
.pagenrcontainer ul.pagenr li a:hover,
.pagenrcontainer ul.pagenr li a:active {
	background: #72b3d9;
	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;
	}
	
.boxnews {
	float: right;
	width: 398px;
	display:block;
	background: #fff url(bg_box_news_top.png) top no-repeat;
	margin: 10px 10px 0px 0px;
	}
	
.boxnews h2 {
	background: url(navi_bullet.png) 12px 5px no-repeat;
	color: #666;
	padding: 2px 0px 0px 30px;
	margin: 0px 0px 5px 0px;
	}

.boxnews .meldung {
	padding: 2px 0px 0px 30px;
	}
	
/* Suche Head */
#producthead {
	position: absolute;
	left: 30px;
	top: 105px;
	}
	
#producthead form.sel1 {
	position: absolute;
	left: 0px;
	top:0px;
	width: 120px;
	}
	
#producthead form.sel2 {
	position: absolute;
	left: 130px;
	top:0px;
	}
	
#producthead form.prosubmit {
	position: absolute;
	left: 130px;
	top:0 px;
	width: 300px;
	}
	
#producthead form.sel1 select,
#producthead form.sel2 select {
	width: 120px;
	background: #333;
	color:#fff;
	}
	
.detailsuche form label,	
#producthead label,
#producthead form.sel2 label.sel2 {
	color: #72b3d9;
	font-weight: bold;
	width: 130px;
	display: block;
	}
	
#producthead label.result {
	position: absolute;
	top: 40px;
	width: 120px;
	color: #72b3d9;
	font-weight: bold;
	}
	
#producthead form.prosubmit input.form {
	position: absolute;
	width: 120px;
	}

#producthead form.prosubmit input.prosubmit {
	position: absolute;
	width: 120px;
	top: 40px;
	background: #333;
	color:#fff;
	border: 1px solid #666;
	}
	
/* Suche Detail */
.detailsuche form.sel1 select,
.detailsuche form.sel2 select {
	width: 150px;
	background: #333;
	color:#fff;
	}
	
.detailsuche form.prosubmit input.prosubmit,
.detailsuche form.prosubmit .form {
	width: 150px;
	}
	
.detailsuche form.prosubmit input.prosubmit {
	background: #333;
	color:#fff;
	border: 1px solid #666;
	width: 150px;
	}
	
/* Produkte Listen */
div.tdproducts {
	width: 600px;
	padding: 5px 0px;
	}
	
.propicbox {
	background: #ccc;
	height: 180px;
	width: 200px;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	float:left;
	}
	
.propicbox img {
	max-height: 180px;
	max-width: 200px;
	}
	
.protextbox {
	background: #000 url(bg_protextbox.png) 0px 0px repeat-x;
	height: 180px;
	width: 380px;
	padding: 5px;
	float:right;
	color: #ccc;
	}
	
.protextbox h2 {
	font-size: 13px;
	color: #72b3d9;
	margin: 0px 0px 5px 0px;
	}