/* CSS Document */

body{
	padding:0; margin:0; background:url(images/body_bg.gif) repeat-x 0 0 #9C1700;
	}
div, p, h1, h2, h3,h4, h5, h6, img, ul, form, label{
	padding:0px; margin:0px;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}

/*-------------- Main Area -----------*/
#container{
	width:780px; margin:0 auto; padding:0; background:#fdd8d3;}

/*---------- Menu section ---------------*/
#menubg{
	width:780px; height:53px; margin:0 auto; padding:0px; background:url(images/menu_bg.gif) no-repeat;}
#menubg ul{
	width:750px; display:block; margin:0px 0 0 25px; padding:0 0 0 0px; height:40px; font-size:0;
	}
#menubg ul li{
	display:block; float:left; margin:0 ; padding:22px 16px 0 20px;
	}
#menubg ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;padding:0; margin:0; display:block;
	}
#menubg ul li a:hover{
	color:#000000; text-decoration:none;
	}
/*-----------------*/

#bodyarea{
	width:758px; margin:0 0 0 16px; padding:0; background:#fdd8d3;
	}
#logo{
	width:480px; height:61px; margin:0px; padding:0px;}
#ringbody{
	width:758px; margin:0; padding:0; background:#fdd8d3 url(images/body.jpg) repeat-y; float:left; 
	}
#topbody{
	width:759px; margin:0px; padding:0px; background:url(images/topbody.jpg) no-repeat 0 0; float:left;}
#bottombody{
	width:759px; height:49px; margin:0px; padding:0 0 0 0px; float:left;
	}
#leftbody{
	width:330px; padding:10px 0 0 10px; margin:0 0 0 0px; float:left;}
#pic{
	width:329px; height:220px; margin:0; padding:0;}
#leftbody h2.premium{
	width:259px; height:33px; margin:22px 0 0 0; padding:0; display:block; text-indent:-2000px; background:url(images/premium_product.gif) no-repeat;}
#leftbody p{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#daefae; width:320px; margin:10px 0 0 5px;}
#leftbody p a{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	text-decoration:underline; margin:15px 0 0; padding:0 0 0 0;
	}
#leftbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}


#leftbody p.pic1{
	background:url(images/pro-1.gif) no-repeat left top; padding:0 0 0 130px; width:180px; margin:30px 0 0 8px;	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#daefae; text-align:justify;
	}
#leftbody p.pic1 a{
	margin:7px 0 0;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;
	}
#leftbody p.pic1 a:hover{
	color:#FFFFFF; text-decoration:none;
	}
#leftbody p.pic2{
	background:url(images/pro-2.gif) no-repeat left top; padding:0 0 0 130px; width:180px; margin:30px 0 0 8px;	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#daefae; text-align:justify;
	}
#leftbody p.pic2 a{
	margin:7px 0 0 0;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#leftbody p.pic2 a:hover{
	color:#FFFFFF; text-decoration:none;
	}
#leftbody p.pic3{ padding:0 0 0 130px; width:180px; margin:30px 0 0 8px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#daefae; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align:justify; }
#leftbody p.pic3 a{
	margin:7px 0 0 0;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#leftbody p.pic3 a:hover{
	color:#FFFFFF; text-decoration:none;
	}
	
	
/*-----------------*/	
#rightbody{
	width:353px; padding:0 0 0 66px; margin:0; float:left;}
#rightbody h1{
	width:353px; height:111px; margin:0; padding:0; background:url(images/welcome.gif) no-repeat; text-indent:-2000px;}
#rightbody h1.popular{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:353px; height:111px; margin:0; padding:0; text-indent:-2000px; }
#rightbody h1.contact{
	width:353px; height:111px; margin:0; padding:0; background:url(images/contactus.gif) no-repeat; text-indent:-2000px;}	
	
#rightbody h2.special{
	width:200px; height:67px; margin:40px 0 0 0; padding:0; background:url(images/special.gif) no-repeat; text-indent:-2000px;}	
#rightbody p{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#daefae; width:325px; margin:10px 0 0 5px;}
#rightbody p a{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	text-decoration:underline; margin:15px 0 0; padding:0 0 0 0;
	}
#rightbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#rightbody h1.features{
	width:246px; height:65px; margin:30px 0 0 0; padding:0; background:url(images/details.gif) no-repeat; text-indent:-2000px;}

/*---------- FOOTER AREA -----------*/
#footerarea{
	width:100%; height:62px; margin:0px 0 0 0px; padding:0px; background:url(images/mainfooter.jpg) repeat-x 0 0;}
#footerbg{
	width:780px; height:62px; background:url(images/footer_bg.gif) no-repeat; margin:0 auto; padding:0px;}
#footerbg ul{
	width:750px; display:block; margin:0px 0 0 25px; padding:0 0 0 0px; height:37px; font-size:0;
	}
#footerbg ul li{
	display:block; float:left; margin:0 ; padding:18px 10px 0 20px;
	}
#footerbg ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;padding:0; margin:0; display:block;
	}
#footerbg ul li a:hover{
	color:#000000; text-decoration:none;
	}
/*------------- CONTACT FORM ----------- */
#contactbody{
	width:350px;
	height:350px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:350px; margin:0 auto 0 auto;
	}
#contact form{
	width:350px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 5px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#DAEFAE;
	width:100px;
	}
#contact form input{
	width:200px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
.fontsmall { color: #fff; font-size: 7pt; font-family: verdana; }
.fontdark { color: #9c1700; font-size: 8pt; font-family: verdana; }
.fontpreis { color: #fcf4bc; font-size: 8pt; font-family: verdana; }
.fontpreisdark { color: #9c1700; font-size: 8pt; font-family: verdana; }
.font-telefon { color: #fdf7cf; font-size: 12pt; font-family: verdana; font-weight: bold; }
.font-telefondark { color: #000; font-size: 12pt; font-family: verdana; font-weight: bold; }
.fontBIG { color: #fdf7cf; font-size: 10pt; font-family: verdana; font-weight: bold; }