html
{
	height:100%;
}

body
{
	margin:20px;
	padding:0px;
	background:url(img/site_bg.gif); 
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
}


/* BASICS */
td	
{
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold; 
}
#whiteframe
{
	background-color:#fff;	
}

 #contenthome
{
	width:890px;
	z-index:1;
}
 #contenthomeoverlay
{
	width:890px;
	z-index:2;
	padding-left:10px;
}
 #contenttable
{
	background-color:#000;	
	width:890px;
	height:100%
}

#grid
{
	width:890px;
}

#gridcontent
{
	width:891px;
	height:442px;
}


#headernav
{
	width:890px;
	height:22px;
	background-color:#000;
	margin:0;
	padding:0 0 2px 0;
}



#boxleft
{
	float:left;
	width:297px;
	height:353px;
	
}
#boxmid
{
	float:left;
	width:297px;
	height:353px;
	
}


#prodint
{
	width:889px;
	height:345px;
	background:url(img/bg_prd_int.jpg);
}

#prodjea
{
	width:889px;
	height:345px;
	background:url(img/bg_prd_jea.jpg);
}


#contentfull
{
	width:889px;
	height:345px;
	background:url(img/rokk_bg_345.jpg);
}
#orderform
{
	width:889px;
	background:url(img/bg_ord_form.jpg);
}

#formcontent
{
	width:829px;
	padding:30px;
}

.orderitem
{
	z-index:101;
	width:750px; 
	color:#ffffff; 
	font-weight:normal;  
	font-size:11px;
	text-align:left;
	background-color:#4A4A4A;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	padding:20px;
	margin-bottom:3px;

}

.contenttextprodl
{
	float:left;
	width:360px;
	margin:100px 20px 0px 40px;
	padding:10px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold;
}

.contenttextprodr
{
	float:left;
	width:360px;
	margin:100px 0px 0px 10px;
	padding:10px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold;
}

.contenttext296
{
	float:left;
	width:266px;
	margin:0px 1px 0px 1px;
	padding:10px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}

.contentjea
{
	float:left;
	width:260px;
	margin: 0px 5px 0px 10px; 
	padding:10px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}

.tdprodfull
{
	
	width:889px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}
.tdproddet
{
	float:left;
	width:276px;
	padding:30px 10px 0px 20px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:normal;
}
.tdproddetr
{
	float:left;
	width:260px;
	padding:30px 0px 0px 0px;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:normal;
}

#teaser
{
	width:890px;
	height:70px;
	background-color:#fff;	
}

#teasertext1
{
	float:left;
	width:296px;
	height:70px;
	margin:0;
	padding:0;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
		
}

#teasertext2
{
	float:left;
	width:296px;
	height:70px;
	margin:0 1px 0 1px;
	padding:0;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}

#teasertext3
{
	float:left;
	width:296px;
	height:70px;
	margin:0;
	padding:0;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}

.redtxt
{
	color:#EF0000; 
	font-weight:normal;  
}




/* NAVIGATION */

.thickbox			
{
	color:#a7a7a7;
	text-decoration:none; 
}
a.thickbox:hover			
{
	color:#fff;
	text-decoration:none; 
}
.topnavitem		
{
	color:#fff; 
	height:20px; 
	font-weight:bold; 
	text-decoration:none;
	margin:0 5px 0 5px; 
	padding:1px
}
a.topnavitem:link, a.topnavitem:visited  
{
	color:#fff; 
	font-weight:bold; 
	text-decoration:none;
	margin:0 7px 0 7px; 
	padding:1px;
}
a.topnavitem:hover 	
{
	color:#403F3F; 
	background-color:#403F3F;  
	text-decoration:none; 
}

.topnavitema		
{
	color:#fff; 
	background-color:#3b3b3b;  
	height:20px; 
	font-weight:bold; 
	text-decoration:none;
	margin:0 7px 0 7px; 
	padding:1px;
}
.txtfooclear		
{
	float:left;
	width:296px;
	margin:7px  0 0 0 ;
	height:18px;

}
.txtfoo			
{
	float:left;
	width:296px;
	height:18px;
	margin:7px  0 0 0 ;
	padding:0;
	background-color:#000;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold;
}
a.txtfoo:link, a.txtfoo:visited  
{
	float:left;
	width:296px;
	height:18px;
	margin:0;
	padding:0;
	margin:7px  0 0 0 ;
	background-color:#000;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.txtfoo:hover 	
{
	float:left;
	width:296px;
	height:18px;
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#000;
	margin:7px  0 0 0 ;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	font-weight:bold;
}

.txtfoos		
{
	float:left;
	width:296px;
	height:18px;
	margin:7px  0 0 0 ;
	padding:0;
	background-color:#000;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:normal;
}
a.txtfoos:link, a.txtfoos:visited  
{
	float:left;
	width:296px;
	height:18px;
	margin:0;
	padding:0;
	margin:7px  0 0 0 ;
	background-color:#000;
	color:#fff;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
a.txtfoos:hover 	
{
	float:left;
	width:296px;
	height:18px;
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#000;
	margin:7px  0 0 0 ;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight:bold;
}

.txtlink		
{
	color:#EF0000;
	font-family:verdana,arial,helvetica;
	font-size:14px;
	font-weight:normal; 
	text-decoration:none;
}
a.txtlink:link, a..txtlink:visited  
{
	color:#EF0000;
	font-size:14px;
	font-weight:normal; 
	text-decoration:none;
}
a.txtlink:hover 	
{
	color:#EF0000;
	font-size:14px;
	font-weight:normal; 
	text-decoration:underline;
}

.txtlinksmall			
{
	color:#EF0000;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	font-weight:normal; 
	text-decoration:none;
}
a.txtlinksmall:link, a..txtlinksmall:visited  
{
	color:#fff;
	font-size:12px;
	font-weight:normal; 
	text-decoration:none;
}
a.txtlinksmall:hover 	
{
	color:#fff;
	font-size:12px;
	font-weight:normal; 
	text-decoration:underline;
}

a.proddet:link, a.proddet:visited  
{
	display:block;
	font-size:11px;
	width:250px;
	height:16px;
	margin:3px;
	padding:2px;
	background-color:#252422;
	color:#fff;
	font-weight:bold; 
	text-decoration:none;
}
a.proddet:hover 	
{
	display:block;
	background-color:#000000;
	color:#fff;
	font-size:11px;
	font-weight:bold; 
	text-decoration:underline;
}

a.proddets:link, a.proddets:visited  
{
	font-size:11px;
	width:180px;
	height:16px;
	margin:3px;
	padding:2px;
	background-color:#252422;
	color:#fff;
	font-weight:normal; 
	text-decoration:none;
}
a.proddets:hover 	
{
	background-color:#000000;
	color:#fff;
	font-size:11px;
	font-weight:normal; 
	text-decoration:underline;
}
a.news:link, a.news:visited  
{
	font-size:10px;
	color:#fff;
	font-weight:bold; 
	text-decoration:none;
}
a.news:hover 	
{
	background-color:#000000;
	color:#9b8449;
	font-size:10px;
	font-weight:bold; 
	text-decoration:underline;
}
a.han:link, a.han:visited  
{
	font-size:11px;
	color:#fff;
	font-weight:normal; 
	text-decoration:underline;
}
a.han:hover 	
{
	background-color:#000000;
	color:#fff;
	font-size:11px;
	font-weight:normal; 
	text-decoration:underline;
}
.formdesctd 	
{
	font-size:10px;
	background-color:#666666;
	color:#fff;
	font-weight:bold; 
	text-decoration:none;
}

.formdesc 	
{
	font-size:10px;
	color:#fff;
	font-weight:bold; 
	text-decoration:none;
}
a.formdesc:link, a.formdesc:visited  
{
	font-size:10px;
	color:#fff;
	font-weight:bold; 
	text-decoration:underline;
}
a.formdesc:hover 	
{
	background-color:#000000;
	color:#fff;
	font-size:10px;
	font-weight:bold; 
	text-decoration:underline;
}


/* TEXT */
h1			
{	font-family: verdana,arial,helvetica;		
	font-size: 11px;
	font-weight:bold;
	width:240px;
	height:16px;
	margin:1px;
	padding:2px;
	background-color:#000000;	
	color: #fff; 
	margin-bottom:7px; 
	text-decoration: none
}


h2			
{	font-family: verdana,arial,helvetica;		
	font-size: 11px;
	width: 150px;
	font-weight:bold;
	color: #fff; 
	padding:0px;
	margin:0;
	background-color:#000;
	text-decoration: none
}
h3			
{	font-family: verdana,arial,helvetica;		
	font-size: 11px;
	font-weight:bold;
	width:500px;
	height:16px;
	margin:1px;
	padding:2px;
	background-color:#000000;	
	color: #fff; 
	margin-bottom:7px; 
	text-decoration: none
}




/* FORMULAR */

.textfeld	{ 	
				font-family : verana,arial,helvetica; 
				font-size: 11px;
				width:600px;
				height:70px;
				color:#000000; 
				border-color : #dddddd; 
				border-style : solid; 
				border-width : 1; 
				border-left-width : 1; 
				border-top-width : 1; 
				border-right-width : 1; 
				border-bottom-width : 1; 
				text-align: left; 
				} 
input.check	 	{ 	font-family : verana,arial,helvetica; 
				font-size: 11px;
				color:#000000; 
				text-align: left; 
				} 
	.send	 	{ 	background-color : #000000;
				width:100px;
				padding-left:10px;
				padding-right:10px;
				font-family : arial; 
				font-size: 11px;
				color:#ffffff; 
				font-weight:bold;
				text-align: left; 
				} 
.input	 	{ 	background-color : #dddddd;
				width:230px;
				font-family : arial; 
				font-size: 11px;
				color:#000000; 
				border-color : #dddddd; 
				border-style : solid; 
				border-width : 1; 
				border-left-width : 1; 
				border-top-width : 1; 
				border-right-width : 1; 
				border-bottom-width : 1; 
				text-align: left; 
				}