/* ************************ Defaults ************************ */

body{
	text-align:center;
	color:#666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url("../images/bg.jpg") top left repeat-x;
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img, ul {
	border: none;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
}

/* ************************ structural ************************ */

#main1{
	background: url("../images/main1.jpg") top center repeat-y;
}
#main2{
	background: url("../images/main2.jpg") top center no-repeat;
	padding:32px 0px 0px 0px;
}
#page{
	margin:0 auto;
	width:961px;
	text-align:left;
	padding:0px 17px 0px 17px;
}
a{
	color:#D56C01;
	text-decoration:none;
}
a:hover{
	color:#65B800;
	text-decoration:none;
}

/* ************************ header ************************ */

#header{
	height:95px;
}
.logo{
	float:left;
	width:190px;
	padding:0px 0px 0px 14px;	
}
.headeritems{
	float:right;
	padding:30px 15px 0px 0px;
}
.header1{
	float:left;
}
.header1 a{
	display:block;
	float:left;
	height:17px;
	color:#888888;
	text-decoration:none;
}
.header1 a:hover{
	color:#D56C01;
	text-decoration:none;
}
.header1 .headerlink1{
	background: url("../images/headerlink1.gif") top left no-repeat;
	width:61px;
	padding:5px 10px 0px 28px;
}
.header1 .headerlink2{
	background: url("../images/headerlink2.gif") center left no-repeat;
	width:60px;
	padding:5px 5px 0px 10px;
}
.header1 .headerlink3{
	background: url("../images/headerlink3.gif") top left no-repeat;
	width:78px;
	padding:5px 0px 0px 29px;	
}
.header1 .headerlink4{
	background: url("../images/headerlink4.gif") center left no-repeat;
	padding:5px 10px 0px 24px;	
}
.header2{
	float:left;
}
.header2 form{
	background: url("../images/search1.gif") top left no-repeat;
	float:left;
	padding:0px 0px 0px 23px;
}
.header2 form .inputtext{
	background: url("../images/search.jpg") top left no-repeat;
	border:0px;
	height:18px;
	color:#888888;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0px 0px 8px;	
}

/* ************************ top navigation ************************ */

#topnav{
	background:url('../images/topbit1.gif') top left repeat-x;
	height:33px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1000;
}
#nav{
	width:961px;
	height:33px;
}
#nav a {
	display: block;
	padding:10px 13px 10px 13px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;	
}
#nav a span{
	display:none;
}
#nav li { 
	float: left;
}
#nav li a:hover{
	color:#fff;
	text-decoration:none;
	background:url('../images/topbit2.gif') top left repeat-x;
}
#nav li:hover a, #nav li.sfhover a{
	color:#fff;
	background:url('../images/topbit2.gif') top left repeat-x;
}

#nav li ul{
	position: absolute;
	width: 200px;
	left: -999em;
	background:url('../images/imtop.png') top left no-repeat;
	padding:11px 0px 0px 0px;
	margin:-11px 0px 0px 0px;
	border-bottom:solid 2px #B45E07;		
}
#nav li ul li{
	width: 196px;
	background:#fff;
	border-left:solid 2px #B45E07;
	border-right:solid 2px #B45E07;
}
#nav li ul li a {
	padding:4px 15px 0px 15px;
	background: transparent;
	display: block; 
	width: 166px; 
	height: 17px; 
	text-decoration: none;
	text-transform:none;
	color:#666;
	font-size:11px;
	font-weight:normal;	 
}

#nav li:hover li a,  #nav li.sfhover li a{
	color:#fff;
	background:none;
	background: transparent;
	color:#666;		
}
#nav li ul li a:hover {
	text-decoration: none;
	background:#73C20F;
	color:#fff; 
}
#nav li:hover ul {
	left:auto;
}

/* ************************ content ************************ */

.clear{
	clear:both;
}
#content{
	padding:8px 0px 16px 0px;
}
#content .ptext1{
	background: url("../images/ptext1.jpg") top left no-repeat;
}
#content .ptext2{
	background: url("../images/ptext2.jpg") bottom left no-repeat;
	width:961px;
	padding:0px 0px 50px 0px;	
}
.rhead{
	font-size:12px;
	font-weight:bold;
	color:#65B800;
	padding:8px 0px 0px 14px;
}
.rhead span{
	color:#D56C01;
}
.moreinfo{
	background: url("../images/imservice.gif") center left no-repeat;
	padding:0px 0px 0px 20px;
}
.moreinfo a{
	color:#000;
	text-decoration:none;
}
.moreinfo a:hover{
	color:#D56C01;
	text-decoration:none;
}

/* ************************ left panel ************************ */

.leftpanel{
	float:left;
	width:724px;
}

/* - ---------- left menu ----------  */

.menupanel{
	width:213px;
	float:left;
}
.leftmenu{
	width:213px;
	margin:0px 0px 8px 0px;
}
.leftmenub{
	background: url("../images/ptype1.jpg") bottom left no-repeat;
	padding:0px 0px 40px 0px;
}
.leftmenu ul li a{
	display:block;
	background: url("../images/imleft.gif") top left no-repeat;
	color:#666666;
	text-decoration:none;
	padding:5px 0px 0px 27px;
	border-bottom:solid 1px #E3E3E3;
	height:19px;
}
.leftmenu ul li a:hover{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	background: #65B800;	
}
.leftmenu ul li ul li{
	padding:0px;
}
.leftmenu ul li ul li a{
	background: url("../images/imleft1.gif") top left no-repeat;
	padding:5px 0px 0px 37px;
}
.leftmenu ul li .sel{
	background: #65B800;
	color:#fff;
}
.leftmenu ul li .sel:hover{
	color:#fff;
	font-weight:normal;
}
.leftpanel .rhead{
	font-size:12px;
	font-weight:bold;
	color:#D56C01;
	padding:12px 0px 16px 14px;
}

/* - ---------- featured ----------  */

.featured{
	width:213px;
	background: url("../images/ptype2.jpg") top left no-repeat;	
}
.featuredlist{
	padding:0px 14px 0px 14px;
}
.featuredlist ul{
	padding:0px 0px 10px 0px;
}
.featured li{
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #E3E3E3;
}
.featured li span{
	font-weight:bold;
	display:block;
	color: #65B800;
}
.featured img{
	float:left;
}
.featured a img{
	float:left;
	display:block;
	border:solid 1px #E3E3E3;
}
.featured a:hover img{
	border:solid 1px #D46614;
}
.featured p{
	float:left;
	width:74px;
	padding:0px 8px 0px 8px;
	font-size:10px;
}
.featured h3{
	font-size:10px;
	padding:0px 0px 8px 0px;
}

/* - ---------- content panel ----------  */

.maincontent{
	width:500px;
	float:right;
}

.maincontent p {
	line-height: 16px;
}


/* - ---------- breadcrumb ----------  */

.breadcrumb{
	color:#999999;
	padding:14px 0px 16px 0px;
}
.breadcrumb a{
	color:#999999;
	text-decoration:none;
}
.breadcrumb a:hover, .breadcrumb .sel{
	color:#D46614;
	text-decoration:none;
}
.maincontent h1{
	font-size:24px;
	font-weight:normal;
	color:#D56C01;
	padding:0px 0px 6px 0px;
}
.maincontent h2{
	font-size:11px;
	font-weight:bold;	
}

.maincontent .hl {
	font-size:20px;
	font-weight:normal;
	color:#D56C01;
	padding:20px 0px 0px 0px;

}

/* - ---------- info panel ----------  */

.infopanel{
	margin:24px 0px 12px 0px;
	border:solid 5px #eaeaea;
	padding:10px 10px 5px 15px;
}
.infopanel h2{
	font-size:20px;
	padding:0px 0px 10px 0px;
	color:#65B800;
	font-weight:normal;
}
.infopanel .infopanelt1{
	float:left;
	width:240px;
}
.infopanel .infopanelt1 p{
	padding:0px 0px 5px 0px;
}
.infopanel .infopanelt1 .infotlink1 a{
	color:#666;
	text-decoration:underline;
}
.infopanel .infopanelt1 .infotlink1 a:hover{
	color:#65B800;
	text-decoration:underline;
}
.infopanel .infopanelt1 .infotlink2{
	background: url("../images/bitli.gif") top left no-repeat;	
	padding:0px 0px 10px 12px;
}
.infopanel .infopanelt1 .infotlink3{
	color:#000;
}
.infopanel .infopanelt2{
	float:right;
}
.infopanel .infopanelt2 li{
	padding:0px 0px 3px 0px;
}


.infopanel .infopanelt3{
	padding:5px 0px 5px 0px;
}
.infopanel .infopanelt3 a{
	color:#666666;
	text-decoration:none;
}
.infopanel .infopanelt3 a:hover, .infopanel .infopanelt3 a.sel{
	color:#D56C01;
	text-decoration:underline;
}
.infopanel .infotlink4{
	background: url("../images/infotlink4.gif") top left no-repeat;	
	padding:3px 0px 10px 25px;
}
.infopanel .infotlink5{
	background: url("../images/infotlink5.gif") top left no-repeat;	
	padding:3px 0px 10px 25px;
}

/* - ---------- list panel ----------  */

.listnav form{
	padding:6px 0px 6px 0px;
}
.listnav form li{
	float:left;
	padding:3px 6px 0px 0px;
}
.infopanel .listnav form li{
	padding:3px 6px 0px 0px;
}
.listnav form .sel{
	float:left;
	padding:0px 6px 0px 0px;
}
.infopanel .listnav form .sel{
	padding:0px 6px 0px 0px;
}
.listnav form select{
	font: 11px Arial, Helvetica, sans-serif;
	color:#666;
	width:45px;
}
.bottomsort{
	border:solid 5px #eaeaea;
	width:180px;
	padding:6px 0px 10px 12px;
}

/* - ---------- image panel ----------  */

.imagepanel2{
	padding:8px 0px 8px 0px;
}
.imagepanel3{
	padding:0px 0px 6px 0px;
	border-bottom:solid 4px #EEEDE9;
}
.imagepanel3 ul{
	background:#F3F2F0;
	height:62px;
}
.imagepanel3 ul li{
	float:left;
	padding:0px 6px 0px 0px;
}
.imagepanel3 ul li a img{
	float:left;
	display:block;
	border:solid 1px #E3E3E3;
}
.imagepanel3 ul li a:hover img, .imagepanel3 ul li a.sel img{
	border:solid 1px #D46614;
}

/* - ---------- image info ----------  */

.imageinfo h2{
	font-size:20px;
	font-weight:normal;
	color:#D56C01;
	padding:20px 0px 20px 0px;
}
.imageinfo h3{
	font-size:11px;
	padding:0px 0px 3px 0px;
}
.imageinfo p{
	line-height:16px;
	padding:0px 0px 16px 0px;
}
.imageinfo ul{
	padding:3px 0px 16px 0px;
}
.imageinfo ul li{
	padding:0px 0px 6px 12px;
	background: url("../images/bitli1.gif") top left no-repeat;	
}
.imageinfo a{
	color:#609B18;
	text-decoration:none;
}
.imageinfo a:hover{
	color:#D56C01;
	text-decoration:none;
}

.imageinfo table {
	clear: both;
}


/* - ---------- search panel ----------  */

.searchpanel{
	padding:0px 0px 24px 0px;
}
.searchresults{
	background: url("../images/searchbg.gif") top left repeat-y;
	width:500px;
	margin-bottom:14px;
}
.searchlist{
	width:152px;
	float:left;
	padding:0px 22px 10px 0px;
	overflow:hidden;
}
.searchlistlast{
	padding:0px;
}
.searchlist p{
	padding:0px 0px 3px 0px;
	line-height: 1em;
}
.searchlist h3{
	padding:3px 0px 3px 0px;
	font-size:11px;
}
.searchlist .stype1{
	display:block;
	color: #65B800;
	padding:3px 0px 10px 0px;
}
.searchlist .stype1 span{
	font-weight:bold;
}
.searchlist .stype2{
	color:#D56C01;
}
.searchlist .moreinfo{
	background: url("../images/imservice.gif") center left no-repeat;
	padding:0px 0px 0px 20px;
}

/* ************************ right panel ************************ */

.rightpanel{
	float:right;
	width:226px;
}

/* ************************ services ************************ */

.services{
	float:right;
	width:226px;
}
.rbox{
	width:225px;
}
.rbox1{
	background: url("../images/rbgt1.jpg") top left no-repeat;
	height:31px;
}
.rbox2{
	background: url("../images/rbgt2.jpg") top left repeat-y;
	padding:0px 3px 0px 3px;
	width:219px;
}
.rbox2 ul{
	width:165px;
}
.rbox2 ul li{
	padding:0px 0px 8px 18px;
	background: url("../images/rbit.gif") top left no-repeat;
	line-height:16px;
}
.rbox3{
	background: url("../images/rbgt3.jpg") top left no-repeat;
	padding-top:9px;
}
#topservice{
	background: url("../images/bgtopservice.jpg") #F8F7F8 top left no-repeat;
	background-position:0 0;
	padding:13px;
}

/* ************************ tagcloud ************************ */

.tagsnlinks{
	width:226px;
	float:right;
}
.tagcloud1{
	background: url("../images/tagcloud1.jpg") top left no-repeat;
}
.tagcloud2{
	background: url("../images/tagcloud2.jpg") bottom left no-repeat;
	padding:5px 0px 0px 0px;
}
div.tagcloud_promotion{
	padding:15px 18px 12px 10px;
	text-align: justify;
}
div.tagcloud { 
	padding:0px; 
	margin:0; 
	width:226px;
}
div.tagcloud a {
	margin: 4px;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}
div.tagcloud_promotion a {
	margin: 4px;
	padding: 0;
	text-decoration: none;
	text-decoration:none;
	line-height:16px;	
}
div.tagcloud a.tag0, div.tagcloud_promotion a.tag0 {
	font-size:9px;
	color: #999;
}
div.tagcloud a.tag1, div.tagcloud_promotion a.tag1 {
	font-size:11px;
	color: #888;
	font-weight: bold;
}
div.tagcloud a.tag2, div.tagcloud_promotion a.tag2 {
	font-size:10px;
	color: #666;
}
div.tagcloud a.tag3, div.tagcloud_promotion a.tag3 {
	font-size:15px;
	font-weight: bold;
	color: #999;
	line-height:14px;		
}
div.tagcloud a:hover, div.tagcloud_promotion a:hover {
	text-decoration: none;
	color:#D56C01;
}

/* image links ------------------------------------------------------------------*/

.rlinks{
	width:225px;
}
.rlinks li{
	padding:0px 0px 9px 0px;
}

/* ************************ footer ************************ */

#footer{
	background: url("../images/footer.jpg") top center no-repeat;	
}
#footert{
	margin:0 auto;
	padding:0px;
	width:995px;
	text-align:left;
}
#footerlinks{
	padding:22px 0px 38px 15px;
}
#footerlinks .footerlinkt{
	float:left;
	width:150px;
	padding-right:18px;
	line-height:16px;
}
#footerlinks #last{
	width:140px;
	padding-right:0px;
}
#footerlinks .footerlinkt h3{
	font-size:11px;
	padding:0px 0px 3px 0px;
	color:#65B800;
	text-decoration:none;
}
#footerlinks .footerlinkt h3 a{
	color:#65B800;
	text-decoration:none;
}
#footerlinks .footerlinkt h3 a:hover{
	color:#D56C01;
	text-decoration:none;
}
#footerlinks .footerlinkt p a{
	color:#888;
	text-decoration:none;
}
#footerlinks .footerlinkt p a:hover{
	color:#D56C01;
	text-decoration:none;
}


.statuspanel{
	margin:9px 0px 16px 0px;
	border:solid 5px #eaeaea;
	padding:10px 10px 5px 15px;
	height: 18px;
}




/* Rechnungs- und Lieferanschrift */

.rechnungsanschrift{
	padding:14px 0px 0px 0px;
}
.rechnungsanschrift td{
	padding:4px 0px 4px 0px;
	color:#000;
	vertical-align:top;
}
.rechnungsanschrift .tright{
	width:147px;
	text-align:right;
	color:#666;
	padding: 8px 10px 0px 0px;
}

.rechnungsanschrift .tleft{
	width:147px;
	text-align:left;
	color:#666;
	padding: 8px 10px 0px 0px;
}
.rechnungsanschrift .shipsame{
	color:#969696;
	margin-left:-2px;
}
.rechnungsanschrift span{
	color:#d46614;
}



.rechnungsanschrift td select, .rechnungsanschrift td input{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
.rechnungsanschrift td .inputtext1{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:252px;
	padding:3px;
	margin-right:3px;
}
.rechnungsanschrift td .inputtext2{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:219px;
	padding:3px;
	margin-right:0px;
}
.rechnungsanschrift td .inputtext3{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:40px;
	padding:3px;
	margin-right:6px;
}
.rechnungsanschrift td .inputtext4{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:198px;
	padding:3px;
}
.rechnungsanschrift td select{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:260px;
}
.rechnungsanschrift textarea{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:696px;
	height:80px;
	padding:3px;
	margin-right:3px;
	font-family:Verdana,Arial,Helvetica;
}

.rechnungsanschrift iframe{
	border:solid 1px #dddddd;
	border-right:solid 1px #c3c3c3;
	border-top:solid 1px #7C7C7C;
	width:696px;
	height:150px;
	padding:0px;
}

/* Bestellbestaetigung */

.bestaetigung{
	padding:14px 0px 0px 0px;
}
.bestaetigung td{
	padding:4px 0px 4px 0px;
	color:#000;
	vertical-align:top;
}
.bestaetigung .tright{
	width:147px;
	text-align:right;
	color:#666;
	padding: 4px 10px 0px 0px;
}
.bestaetigung span{
	color:#d46614;
}




.rechnungsanschrift h3{
	font-size:1.4em;
	color:#636363;
	font-weight:bold;
}



/* ************************ Teilnoten ************************ */

.tailnote1{
	padding:20px 0px 0px 15px;
}
.tailnote1 span{
	display:block;
	background: url("../images/star.gif") top left no-repeat;	
	height:12px;
	width:75px;
	float:right;	
}
.tailnote1 td{
	padding:0px 12px 18px 0px;
}
.tailnote2{
	padding:0px 0px 0px 15px;
	font-weight:bold;
	color:#000;
	height:30px;
}
.tail1{ float:left; width:135px; }
.tail2{ float:left; }

.tailnote3 ul li{
	float:left;
	width:54px;
	height:68px;
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
}
.tailnote3 ul li span{
	display:block;
	padding:45px 0px 0px 0px;
}
.tailt1{ background: url("../images/tailt1.jpg") top left no-repeat; margin:0px 14px 0px 0px; color:#59A912; }
.tailt2{ background: url("../images/tailt2.jpg") top left no-repeat; margin:0px 14px 0px 0px; color:#F4BD1C; }
.tailt3{ background: url("../images/tailt3.jpg") top left no-repeat; color:#FF2422; }

.tailnote3{ padding:0px 0px 15px 15px; }
div.teilnoten { 
	padding:0px; 
	margin:0px 0px 8px 0px; 
	width:226px;
}
.teilnoten1{ background: url("../images/tagcloud1.jpg") top left no-repeat; }
.teilnoten2{
	background: url("../images/tagcloud2.jpg") bottom left no-repeat;
	padding:5px 0px 0px 0px;
}


#gesamt{
	text-align:center;
	background: url("../images/gesamt.jpg") bottom left repeat-x;
	padding:15px;
}
#gesamt h2{
	color:#000;
	text-transform:uppercase;
	font-size:30px;
}
#gesamt h3{
	color:#666;
	font-size:20px;
	font-weight:normal;
}
#gesamt h3 span{
	color:#000;
}

#kunden{
	padding:13px;
	background: url("../images/imsicher1.jpg") bottom left repeat-x;
}
.rbox2 #kunden .moreinfo{
	background: url("../images/imservice1.jpg") center left no-repeat;
	padding:0px 0px 0px 16px;
}
.rbox2 .rating p{
	float:left;
	font-size:15px;
	padding:3px 0px 0px 0px;
	font-weight:bold;
}
.rbox2 .rating span{
	color:#000;
}
.rbox2 .rating .rstar{
	background: url("../images/rating.jpg") center left no-repeat;
	width:138px;
	height:25px;
	display:block;
	float:left;
}
.testi{ background:#fff; margin-bottom:10px; }
.testi p{ line-height:16px; padding:0px 0px 3px 0px; }
.testi a{ color:#81B83F; text-decoration:none; text-transform:lowercase; }
.testi a:hover{ color:#81B83F; text-decoration:underline; }

.testi1{
	background: url("../images/sehr.gif") top left no-repeat;
	height:39px;
}
.testi2{
	padding:5px;
	border:solid 1px #D6D5D5;
	border-top:0px;
}

.rbox2 #sicher ul{
	width:190px;
}
.rbox2 #sicher p{
	padding:0px 0px 10px 0px;
}
.rbox2 #sicher .moreinfo{
	background: url("../images/imservice1.jpg") center left no-repeat;
	padding:0px 0px 0px 16px;
}
#sicher{
	padding:13px;
	background: url("../images/imsicher1.jpg") bottom left repeat-x;
}

.streichpreis, .searchlist .streichpreis {
	padding-bottom:5px;
	color:red;

}

.stoerer, .searchlist .stoerer
{
	position: absolute;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
	color: #d56c01;
	font-weight: bold;
	padding-top: 5px;
}

.stoererBig
{
	position: absolute;
	padding-bottom: 3px;
	text-transform: uppercase;
	padding-left: 6px;
	padding-right: 6px;
	background: #fff;
	color: #d56c01;
	font-size: 24px;
	font-weight: bold;
	padding-top: 3px;
	margin:5px;
}


/* ************************ warenkorb neu ************************ */

.green {
	color:#65B800;
	font-weight:bold;
}

.zubehoer {
	float:left;
	width:212px;
	margin-right:30px;
	padding:25px 0px 0px 0px;
}
 .zubehoer_last {
 	margin-right:0px;
 }