/* generell */

/* Copyright und ParseTime unsichtbar geschaltet (Erik) */
div.copyright { visibility:hidden; }
div.parseTime { visibility:hidden; }

/*Erik: Debugmode ...kann geloescht werden */
div.filename { border: 1px solid #ff0000; }


body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#333333;
	margin:				0px;
	padding:				0px;
	background: 		 url(medioton_gfx/body-bg.gif) top left repeat-x #fff;
	text-align:			left; /* For IE */
	}


/* Container Styles */
#container {
	position:		relative;
	width:			800px !important;
	width /**/:		800px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	background: url(medioton_gfx/head-bg.jpg) top left no-repeat;
	}

#intro {
	margin: 			0;
}


/* Globale Navigation */

#indexlink{				
	position:		absolute;
	top:				30px;
	left:				430px;
	width:			330px;
	height:			85px;
}

#global{				
	position:		absolute;
	top:				150px;
	left:				330px;
}

#global a.start{
	display: 			block;
	width:				69px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/startseite.gif);
	float:				left;
}

#global a:hover.start{
	background: 		url(medioton_gfx/global-buttons/startseite-hover.gif);
	
}

#global a.startaktiv{
	display: 			block;
	width:				69px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/startseite-hover.gif);
	float:				left;
}

#global a.produkte{
	display: 			block;
	width:				97px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/neue-produkte.gif);
	float:				left;
}

#global a:hover.produkte{
	background: 		url(medioton_gfx/global-buttons/neue-produkte-hover.gif);
	
}

#global a.produkteaktiv{
	display: 			block;
	width:				97px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/neue-produkte-hover.gif);
	float:				left;
}

#global a.angebote{
	display: 			block;
	width:				109px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/sonderangebote.gif);
	float:				left;
}

#global a:hover.angebote{
	background: 		url(medioton_gfx/global-buttons/sonderangebote-hover.gif);
	
}

#global a.angeboteaktiv{
	display: 			block;
	width:				109px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/sonderangebote-hover.gif);
	float:				left;
}

#global a.konto{
	display: 			block;
	width:				121px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/kundenkonto.gif);
	float:				left;
}

#global a:hover.konto{
	background: 		url(medioton_gfx/global-buttons/kundenkonto-hover.gif);
	
}

#global a.kontoaktiv{
	display: 			block;
	width:				121px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/kundenkonto-hover.gif);
	float:				left;
}

#global a.kontakt{
	display: 			block;
	width:				58px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/kontakt.gif);
	float:				left;
}
#global a:hover.kontakt{
	background: 		url(medioton_gfx/global-buttons/kontakt-hover.gif);
	
}

#global a.kontaktaktiv{
	display: 			block;
	width:				58px;
	height:				28px;
	text-decoration: 	none;
	background: 		url(medioton_gfx/global-buttons/kontakt-hover.gif);
	float:				left;
}

/* Globale Navigation Ende */


/* Warenkorb */

#warenkorb {
	position:		absolute;
	top:				110px;
	left:				10px;
	width:			70px;
	background:		url(medioton_gfx/warenkorb-bg.gif);
	color:			white;
	font-weight:	bold;
	text-align: right;
	padding:			5px 35px 0 0;
}

#warenkorb a{
	color:			white;
	font-weight:	normal;
	text-decoration: none;
}

#warenkorb a:hover{
	text-decoration: underline;
}

/* Warenkorb Ende */


/* Suchefeld */

#suchfeld {
	position:		absolute;
	top:				160px;
	left:				0px;
	height: 			80px;
	width:			242px;
	background:		url(medioton_gfx/suche-bg.gif);
	z-index:			2;
}

#suchfeld form{
	margin:			40px 0 0 10px;
}


#suchfeld input.suchfeld{	
	font-size:	13px;
	width:		150px;
	margin:		0px;
}

#suchfeld input.button{	
	background: url(medioton_gfx/los.gif) top left no-repeat;
	border:		none;
	margin:		0 0 0 10px;
	/*height:		23px;
	width:		53px;
	
	margin:		0 0 0 10px;*/
}

/* Suchefeld Ende */


/* Anordnung Navigation und Content DIVs */

#layer{
	position: absolute;
	top:			190px;
	left:			0px;
	width:		100%;
}

#layer .navi{
	width:		250px;
	float: left;
	padding-top: 65px;
}

#layer .content{
	width:		550px;
	float: left;
}

#layer .footer{
	width:		100%;
	background: #8762A7;
	float: left;
	height:	75px;
	margin-top: 20px;
}

/* Anordnung Navigation und Content DIVs Ende */




/*  linker Navigationsbaum & Informationen */

#navigation{
	width:			245px;
	margin-bottom: 15px;
}

#navigation .register{
	width:		230px;
	height:		22px;
	background: url(medioton_gfx/register-green.gif) no-repeat;
	color:		#ccff00;
	font-weight: bold;
	font-size: 12px;
	padding:		15px 0 0 15px;
}

#navigation .middle{
	background: #70b506;
	width:		242px;
}

#navigation .bottom{
	width:		245px;
	height:		25px;
	background: url(medioton_gfx/register-green-bottom.gif);
}


#navigation ul{
	padding:	10px 0 0 0px;
	margin: 0 0 0 15px;
	list-style: none;
}

#navigation ul li{
	margin: 0px;
	list-style: none;
	padding:	5px 0 0 0px;
	background: url(medioton_gfx/li-nav-bg.gif);
	height:		21px;
	width:		191px;
}

#navigation ul li.sek{
	margin: 0px;
	list-style: none;
	padding:	5px 0 0 10px;
	background: url(medioton_gfx/li-nav-bg2.gif);
	height:		21px;
	width:		191px;
}

#navigation ul li.ter{
	margin: 0px;
	list-style: none;
	padding:	5px 0 0 20px;
	background: url(medioton_gfx/li-nav-bg2.gif);
	height:		21px;
	width:		191px;
}

#navigation ul li a{
	font-size: 		11px;
	text-decoration: none;
	color:				#fff;
	padding:			0 0 0 17px;
	font-weight: bold;
}

#navigation ul li a:hover{
	color: 			#ccff00;
}

#navigation ul li a.aktiv{
	font-size: 		11px;
	font-weight:	bold;
	text-decoration: none;
	color:				#ccff00;
	padding:			0 0 0 17px;
}


/*  linker Informationsblock  */

#informationen{
	width:			245px;
}

#informationen .register{
	width:		230px;
	height:		22px;
	background: url(medioton_gfx/register-grey.gif) no-repeat;
	color:		#333;
	font-weight: bold;
	font-size: 12px;
	padding:		15px 0 0 15px;
}

#informationen .middle{
	background: #eeeeee;
	width:		240px;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

#informationen .bottom{
	width:		245px;
	height:		25px;
	background: url(medioton_gfx/register-grey-bottom.gif);
}


#informationen ul{
	padding:	10px 0 0 0px;
	margin: 0 0 0 15px;
	list-style: none;
}

#informationen ul li{
	margin: 0px;
	list-style: none;
	padding:	5px 0 0 0px;
	background: url(medioton_gfx/li-nav-bg3.gif);
	height:		21px;
	width:		191px;
}

#informationen ul li a{
	font-size: 		11px;
	text-decoration: none;
	color:				#333;
	padding:			0 0 0 17px;
	font-weight: bold;
}

#informationen ul li a:hover{
	color: 			#64259a;
}

#informationen ul li a.aktiv{
	font-size: 		11px;
	font-weight:	bold;
	text-decoration: none;
	color:				#64259a;
	padding:			0 0 0 17px;
}


#reviews{
	width:			245px;
	margin-top:	15px;
}

#reviews .register{
	width:		230px;
	height:		22px;
	background: url(medioton_gfx/register-grey.gif) no-repeat;
	color:		#333;
	font-weight: bold;
	font-size: 12px;
	padding:		15px 0 0 15px;
}

#reviews .middle{
	background: #eeeeee;
	width:		217px;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	padding:	0px 10px 0 15px;
}

#reviews .bottom{
	width:		245px;
	height:		25px;
	background: url(medioton_gfx/register-grey-bottom.gif);
}

#reviews .reviewpic img{
	width: 200px;
	height: auto;
	border: none;
	margin-bottom: 10px;
}

#reviews a{
	font-size: 		11px;
	text-decoration: none;
	color:				#333;
	padding:			0px;
	font-weight: bold;
}

#reviews a:hover{
	color: 			#64259a;
}

/*  linker Navigationsbaum & Informationen Ende */


/* Content-Bereich */

#contentbox {
	width:			550px;
	margin-bottom:	20px;
}

#contentbox .top {
	height:			40px;
	width:			547px;
	background: url(medioton_gfx/contentbox-top.gif) no-repeat;
}

#contentbox .top h1{
	color:			#333;
	font-size:		12px;
	font-weight: 	bold;
	padding:			14px 0 0 65px;
	margin:			0px;
}

#contentbox .top a{
	color:			#333;
	font-size:		12px;
	font-weight: 	bold;
	padding:			0px;
	margin:			0px;
	text-decoration: none;
}

#contentbox .top a:hover{
	text-decoration: underline;
}

#contentbox .middle {
	width:			505px;
	background:		#fff;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	padding: 20px;
}

#contentbox .middle p{
	font-size:		12px;
	line-height:	17px;
	margin:			0px 0 10px 0; /* Extrawurst für ff */
	padding:			0px;
}

#contentbox .bottom {
	width:			547px;
	height:			13px;
	background: url(medioton_gfx/contentbox-bottom.gif) no-repeat;
}

.content img.startbanner{
	margin: 			0 0 20px 0;
}

.content h1{
	color:			#333;
	font-size:		18px;
	font-weight: 	bold;
	padding:			0px;
	margin:			10px;
}

.content h2{
	color:			#333;
	font-size:		15px;
	font-weight: 	bold;
	padding:			0px;
	margin:			10px 0 10px 0;
}

.content p{
	font-size:		13px;
	line-height:	17px;
	margin:			0px 10px 10px 10px; /* Extrawurst für ff */
	padding:			0px;
}

.content a{
	color:		#5eaa16;
	text-decoration: none;
	border: none;
}

.content a:hover{
	color:		#5eaa16;
	text-decoration: underline;
}

.content a img{
	border: none;
}

.content ul{
	padding:		0px;
	margin:		0px 0 15px 0;
}

.content li{
	list-style: none;
	background: url(medioton_gfx/li-pfeil.gif) top left no-repeat;
	padding:		0 0 0 10px;
	margin:		0px;
}

/* Content-Bereich Ende */


/* Produktvorschau */

#vorschau{
	width: 160px;
	text-align: center;
	
}

#vorschau h1{
	display: block;
	height:			30px;
	color:			#333;
	font-size:		12px;
	font-weight: 	bold;
	padding:			0px;
	margin:			0px 0 15px 0; /*wichtig für ff */
}


#vorschau img{
	width:	150px;
	border: 0px;
	margin-bottom: 10px;
}

#vorschau img.buttonbuynow{
	width:	auto;
	border: 0px;
	margin: 0px;
}

#vorschau input{
	margin: 10px 0 10px 0;
}

#vorschau table{
	margin: 10px 0 10px 0;
}

/* Produktvorschau  Ende */



/* Produktdetails */

table.bildwechsel{
	margin-bottom: 25px;
}

table.bildwechsel img.big{
	width:		400px;
	border: none;
}

table.bildwechsel img.small, table.bildwechsel a img.small{
	width:		80px;
	border: 1px solid #EAEAEA;
}

table.bildwechsel div.hover{
	height: 100px;
	
}

table.bildwechsel div.hover img.thumb {display: none;}

table.bildwechsel div.big_an{
	position: absolute;
	z-index: 2;
}

table.bildwechsel div.big_an img.thumb {display: block; position: absolute; top: -222px; left: -410px; border: 1px solid #666; z-index:2;}


table.produktoptionen{
	width: 300px;
}

table.produktoptionen td{
	padding-bottom: 5px;
}

table.produktoptionen select{
	width: 120px;
}


#detailtexte{
	margin: 20px 40px 20px 40px;
}

/* Produktdetails  Ende */


/* Ãœbergreifende Styles */

.preis{
	font-size: 13px;
	font-weight:bold;
	color: #669933;
}

.productOldPrice{
	font-size: 9px;
	color: #999999;
	line-height:	9px;
	text-decoration: line-through;
}

.silver{
	font-size: 9px;
	color: #999999;
	line-height:	9px;
}

td.spacer{
	width:		1px;
	background: #EAEAEA;
}

hr {
	border: 1px solid #EAEAEA;
	margin: 10px 0 10px 0;
}

span.green{
text-align: center;
color: #5EAA16;
text-decoration: underline;
font-size: 11px;
width: 100%;
}

/* Ãœbergreifende Styles Ende */

/* Footer */

.footer p{
	margin: 20px 0 0 275px;
	color: white;
	line-height:	18px;
}

.footer a{
	color: white;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

/* Footer Ende */


/* Admin-Box */

.adminbox {
	width: 170px; 
	margin: 20px 0 0 30px; 
	padding: 10px; 
	background:#999; 
	border: 2px solid #9900CC;
	color: white;
}

.adminbox a img{
	border: none;
}

.adminbox a{
	color: white;
	text-decoration: underline;
}

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

/* Admin Ende */


/* Popup */

#popup .top {
	height:			40px;
	width:			547px;
	background: url(medioton_gfx/contentbox-top.gif) no-repeat;
}

#popup .top h1{
	color:			#333;
	font-size:		12px;
	font-weight: 	bold;
	padding:			14px 0 0 65px;
	margin:			0px;
}

#popup .top a{
	color:			#333;
	font-size:		12px;
	font-weight: 	bold;
	padding:			0px;
	margin:			0px;
	text-decoration: none;
}

#popup .top a:hover{
	text-decoration: underline;
}

*html #popup .middle {
	width:			547px;
	background:		#fff;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	padding: 20px;
}

#popup .middle {
	width:			505px;
	background:		#fff;
	border-left:	1px solid #cccccc;
	border-right:	1px solid #cccccc;
	padding: 20px;
}

#popup .middle p{
	font-size:		12px;
	line-height:	17px;
	margin:			0px 0 10px 0; /* Extrawurst für ff */
	padding:			0px;
}

#popup .bottom {
	width:			547px;
	height:			13px;
	background: url(medioton_gfx/contentbox-bottom.gif) no-repeat;
}

/* Popup Ende */

/* Zusätzliches */

td.contactinput textarea{
	width: 			350px;
	height:			200px;
}




.moduleRow .onepxwidth{
width: 10px;
}