/*   USAGE: Tags nennen, für die der fix angewendet werden soll */

img, div, a img
 { 
/* 	behavior: url("css/png.htc"); */
 	border:0;
 }

body
{
	background:		#239cbe url('../img/bg.png') repeat-x ; 
	background-attachment: fixed;
	font-family: 	arial;
	font-size: 		11px;
}

html {height : 100.1%;}

a 
{
	color:			#fff;
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

#mainframe
{
	width:			774px;
	margin:			0 auto 0 auto;
	padding:		20px 0 0 0;
}

#center
{ 
	position:		relative;
	background:		url('../img/background.jpg') no-repeat;
	float:			left;
	width:			725px;
	margin:			0;
	padding: 		0 20px 0 20px;
}

.hidden
{
	display:		none;
} 

#meta
{
	color: 			#fff;
	padding-left: 	20px;
	float:			left; 

}
#metatop
{
	padding-right: 	40px;
	float:			right;
	text-align:		right;
	color: #fff;
	
}
#metatoptxt
{
	float:			left;
	padding: 		20px 10px 0 0;
}

#artemisium
{
	color: 			#c5c5c5;
	padding-top: 	10px; 

}

.menuitem
{
	float: 			left;
	width: 			165px;
	height: 		240px;
	padding-right:	16px;
}

.menuitembg
{

	height: 		200px;
	width: 			165px;
	padding-right: 	10px;
	font-family: 	arial;

}

.menuitempicbg
{
	background: 	url('../img/prodback.png') no-repeat;
	padding-left: 	7px;
	padding-top: 	7px;
	height: 		152px;
	width:			160px;
}


.menuitempicbg img
{
	width:			140px;
	padding:		5px 0 0 5px;
}

.htrenner
{
	height: 		2px;
	padding: 		5px 0;
	background: 	url('../img/h_trenner.png') repeat-x;	
	width: 			100%;

}
.vtrenner
{
	height: 		150px;
	margin: 		20px 0 0 0;
	background: 	url('../img/v_trenner.png') repeat;	
	width: 			2px;
	float:			left;
}
#menuarea
{
	float:			left;
	padding-left:	5px;
	width: 			490px;
	height: 		220px;
}

.menuentry
{
	width: 			240px;
	padding-left:	20px;
	padding-bottom: 10px;
	float:			left;
}

#logo
{	padding-top:	40px;
	width: 			208px;
	height: 		250px;
	float: 			left;
	 
}
#logopos
{
	padding-top:	30px;
	padding-bottom:	50px;
}

#brot
{
	clear:both;
	padding-top:	12px;
	padding-left:	2px;
	color:			#fff;
}
#subnavi
{
	float:			left;
	padding-top:	20px;
	height:			30px;
	
}


/* Details */

#detailimg
{
	background: 	url('../img/detail_bild_bg.png') no-repeat;	
	width:			300px;
	height:			354px;
	float: 			left;
	padding:		11px 0 0 10px;
}

#detailtxtarea
{
	background: 	url('../img/detail_bg.png') no-repeat;	
	width:			406px;
	height:			360px;
	float: 			left;
	padding:		5px 0 0 0;
	font-family: 	arial;
	color:			#fff;
	line-height:	14px;	
}


#detailtitel
{
	width:			390px;
	padding:		10px 25px 0 25px;	
	font-size:		12px; 
}

#detailtxt
{
	width:			345px;
	padding:		15px 25px 0 25px;
	font-family: 	arial;
}

#detailtxt2
{
	width:			345px;
	height:			250px;
	padding:		15px 25px 0 25px;
	font-family: 	arial;
}
#detaillinks
{
	padding:		25px 25px 0 25px;
	font-family: 	arial;

}

#detailpreis
{
	float:			right;
	padding-right:	55px;
}


 

.overview
{
	position:		relative;
	width: 			175px;
	height: 		265px;
	float:			left;
	padding:		8px 0 8px 8px; 
	font-family: 	arial;
	background:		no-repeat;
}


.overviewbg
{
	background: 	url('../img/prodback.png') no-repeat;	
	padding-left: 	9px;
	padding-top: 	7px;
	padding-bottom:	10px;
	width:			158px;
	height: 		156px;
	float:			left;
}

.neubutton
{
	position:		relative;
	background: 	url('../img/neu.png') no-repeat;	
	width:			50px;
	height:			50px;
	z-index:		100;

 
 	left: 			-8px;
	bottom: 		220px;



}

 



.overtext
{
	color:			#fff;
	font-famlily:	arial;
	padding:		0 0 5px 10px;
 
}

.overtitle
{
	font-size:		13px;

}

.oversubtitle
{
	color:			#ccc;
}


.overarrow
{
	float:			left;
	padding: 		9px 5px 0 0;
}
.overmehrinfo
{
	float:			left;
	padding:	 	12px 0 0 0;
}


/* Kontakt */

#kontaktimgsm
{
	background: 	url('../img/kontakt_bg_small_bl.png') no-repeat;	
	width:			215px;
	height:			266px;
	float: 			left;
	padding:		20px 0 0 30px;
	color:			#fff;
	line-height:	15px;
}

.titel
{
	font-size:	14px;
}

#kontaktimgbig
{
	background: 	url('../img/kontakt_bg_big_bl.png') no-repeat;	
	width:			445px;
	height:			266px;
	float: 			left;
	padding:		20px 0 0 20px;
	color:			#fff;
	line-height:	15px;

}

.formtitel
{
	clear:			both;
	float:			left;
	width:			100px;
	text-align:		right;
	padding:		3px 30px 5px 0;
	 
}


.kontaktext
{
	float:			left;
	width:			275px;
	margin-top:		3px;
	border:			0; 
}

.kontakform
{
	float:			left;
	width:			275px;
	height:			90px;
	border:			0;
	margin-top:		3px;
}



/* Products */



#products
{
	float: 			left;
	width: 			230px;
	font-size:		14px;
	padding-left:	10px;
}

.leftimage {
   float: 			left;
   margin: 			20px;
}

#prodeline
{
	background: 	url('../img/eline.png') no-repeat;
	float: 			left;
	width: 			18px;
	height:			200px;

}

#prod
{
	float: 			left;
	width: 			107px;
	height:			152px;
}

#proddetails
{
	
	margin-left:	18px;
	background: 	url('../img/bg_e_txt.png') no-repeat;
	float: 			left;
	width: 			285px;
	height: 		245px;
	color:			#fff; 
	padding:		25px 30px 0 25px;
}

#prodtitel
{
	font-size: 14px;
	padding-bottom:	10px;

}

#prodtxt
{
	padding-bottom:	10px;

}

#rabatt
{
	 
	right:			0px;
  	position:		absolute;
	top:			290px;
	height:			82px;
	width:			82px;
	background: 	url('../img/rabatt25.png') no-repeat;
}

 
#contentimg
{
	background: 	url('../img/content_bg_sm.png') no-repeat;	
	width:			303px;
	height:			354px;
	float: 			left;
	padding:		5px 0 0 7px;
}






/* Mootools */
.toggler {

 	margin: 		0;
	padding: 		2px 5px;
	font-weight:	bold;
 	padding:		4px 55px 3px 0;

 
}

.toggler a 
{
	color:			#959185;
}

.toggler a:hover 
{
	color:			#fff;
	text-decoration: none;
} 


.element
{


}

.element a:hover{
	text-decoration: none;
 
}

.element a {
			color:			#fff;
			text-decoration: none;
}