/* Eine CSS Datei, anstatt vieler einzelner 
um die Performance der Seite zu verbessern

WICHTIG: alle Eigenschaften odentlich in einen passenden Bereich einsotieren
*/

/* allgemeiner Teil */

	/** sehr allgemein; auch fuer ander Projekte nutzbar  **/
	html, body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
		background-color:#8A7E82;		
	}

	img{
		border-width:0px;
	}
	/** ENDE sehr allgemein **/




/** header **/
body{
	font-size:12px;
	font-family:verdana,arial,sans-serif;
	background-image:url(/img/bg_verlauf.jpg);
	background-repeat:repeat-x;
	background-color:#8A7E82;
	display: table; 

	#position: relative;
	
	min-height: 732px;
}

.top_line{
	position:absolute; top:0px; left:140px; width:840px;
	height:7px;
	overflow: hidden; /*IE 6 macht sonst mehr den div hoeher warum auch immer*/
	background-color:#B29C60;
}

/*
	- ie 8 und firefox
	zentrieren mit vertical-align: middle; in verbindung mit display: table-cell;
	zentriert auf neuen browsern gut ohne das bei zu kleinen aufloesungen etwas abgeschnitten wird

	- der ie7 ist so nett be der Angabe zu zentrieren ohne bei zu niedriger hoehe abzuschneiden #top: 50%;	#margin-top:-365px;
	
	- der ie6
*/

#center_main{
	display: table-cell;
	vertical-align: middle;

	#position: absolute; 
	#top: 50%;	#margin-top:-365px;
	/*#border:1px solid #B29C60; */

}

/* Stern hack nur fuer den IE 6*/
* html #center_main{
	#top: 0px;
	#margin-top:2%;
	#margin-bottom:10%;
	#position: static;
}

/*soll centriert sein*/
#main {
	margin:auto;
	position: relative; 
	padding: 0px;
	width: 980px;
	height: 730px;
	background-color:#ffffff;

}

#header{
	position: relative;
	top:0;
	left:0;
	width:980px;
	height:133px;
	background-color:#000000;
	border-left:1px solid #B29C60;
	border-top:1px solid #B29C60;
	border-right:1px solid #B29C60;
}

#content {
	position:relative;
	background-image:url(/img/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ffffff;
	min-height:513px;
	_height:513px; /* IE6 kennt kein min-height und fuert Anweisung mit unterstrich aus */	
	border-left:1px solid #B29C60;
	border-right:1px solid #B29C60;
	width:980px;
}

/* fonts + links*/
a:link { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:none; }
a:visited { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:none; }
a:hover { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:underline; }

a.terms:link,a.terms:visited ,a.terms:hover { font-size:12px; font-family:arial;}
a.small:link,a.small:visited ,a.small:hover { font-size:11px; }
a.topmenu:link,a.topmenu:visited,a.topmenu:hover { font-size:11px; }

a.catlist:link { font-size:12px; font-weight:bold; }
a.catlist:visited { font-size:12px; font-weight:bold; }
a.catlist:hover { font-size:12px; font-weight:bold; }

a.langmenu:link { font-size:14px; }
a.langmenu:visited { font-size:14px; text-decoration:none; }
a.langmenu:hover { font-size:14px; text-decoration:underline; }

a.productlinks_shop:link { text-decoration:none; }
a.productlinks_shop:visited { text-decoration:none; }
a.productlinks_shop:hover { text-decoration:none; }

a.pagelink:link {  text-decoration:underline; }
a.pagelink:visited { text-decoration:underline; }
a.pagelink:hover { text-decoration:underline; }

.pagelink_active{
	font-family:verdana;
	font-size:12px;
	color:#666;
}

.cart{
	font-family:verdana;
	font-size:12px;
	color:#B29C60;
}

.topmenu{
	font-family:verdana;
	font-size:11px;
	color:#B29C60;
}

.langmenu{
	font-family:verdana;
	font-size:14px;
	color:#B29C60;
}

.footertext{
	font-family:verdana;
	font-size:11px;
	color:#666;
}

.content_header{
	position:absolute;
	left:420px;
	top:95px;
	font-family:verdana;
	font-size:26px;
	color:#FFFFFF;	
}

.error{
	font-family:verdana;
	font-size:14px;
	color:#FF0000;	
}

#leftside{	
	/* width:390px; */
	
	height:513px;
	float:left;

	padding:0px;
	margin:0px;

	width:140px; 
	height:513px;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: white;
	background:#f0e8eb;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity = 80); /* IE < 8*/
	-moz-opacity: 0.8; /*sehr alte browser*/
	
}

#leftnav_bg{

	position:absolute;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	width:140px;
	height:513px;
/*
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: white;
	background:#f0e8eb;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8; 
*/
}




/* linkes flyout-menü */
#leftnav_header{
	width:133px;	
	font-family:verdana;
	font-size:14px;
	background:#B29C60;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

#leftnav {
	position:relative;
	top:0px;
	left:0px;
	width:140px;
	height:513px;
	
}


#leftnav ul.level0 {
	width:138px;
	position:absolute;
	left:0;
	top:0;
	/* filter: alpha(opacity = 80); */
	filter: none;
	/*
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	*/
	color: white;
	/* background:#f0e8eb; */
}


#leftnav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;
	padding:1px 1px 0 1px; 
	/*background:#fff;*/ 
}

#leftnav li {margin:0; padding:0; list-style:none; }
#leftnav li {display:inline-block; display:inline; /*background-color:#000000;*/}
#leftnav ul ul {position:absolute; left:-9999px; 
	background:#f0e8eb;
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
	opacity: 0.8;
}

#leftnav a {display:block; 
	/*font:normal 12px verdana,arial,sans-serif; ,Tahoma,,*/
	font-family:  Verdana, Arial, sans-serif; 
	/* font-family: arial; */
	font-weight: normal;
	font-size:12px;

	color:#000; line-height:22px; text-decoration:none;padding:0 14px 0 7px;} 

#leftnav ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#leftnav a:hover ul,
#leftnav a:hover a:hover ul, 
#leftnav a:hover a:hover a:hover ul {left:100%;}
#leftnav a:hover ul ul, 
#leftnav a:hover a:hover ul ul {left:-9999px;}

#leftnav li a:hover {background:#09c; color:#fff;} 
#leftnav li:hover > a {background:#09c; color:#fff;}
#leftnav li a.fly {background: url(../img/arrow.gif) no-repeat right top;}
#leftnav li a.fly:hover {background:#09c url(../img/arrow.gif) no-repeat right top;} 
#leftnav li:hover > a.fly {background:#09c url(../img/arrow.gif) no-repeat right top;}

#leftnav table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

.leftnav_active{background:#09c}



#rightside{
	width:560px;  /* EIGENTLICH 487px ABER SONST FEHLER IM IE6 + comment unten*/	
	_height:480px;
	min-height:480px;
	margin-left:405px;
	background-image:url(/img/bg-laric-font.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding-top:10px;/* wieder tricky - wenn padding 10px dann -20px in der breite sonst ie6 fehler */	
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	/*border:1px solid #ff0000;*/
}

/** header ende **/

/** footer **/
#footer{
	position:relative;
	height:84px;
	width:980px;
	background-color:#ffffff;
	border-bottom:1px solid #B29C60;
	border-left:1px solid #B29C60;
	border-right:1px solid #B29C60;
	background-image:url(/img/bg_footer.jpg);
	background-repeat:no-repeat;
}

/** footer ende **/



.small{
	font-family:verdana;
	font-size:10px;
	color:#666;
}

.spacer{
	font-family:arial;
	font-size:3px;
}

.clear{
	height: 0px;
	clear: both;
}

.termsfont{
	font-family:arial;
	font-size:12px;
	color:#666;
}

input {
	font-family:arial;
	font-size:12px;
	color:#000000;
}

/* ende allgemeiner Teil */

/* cart seiten */
a.cartmenu:link { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:none; }
a.cartmenu:visited { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:none; }
a.cartmenu:hover { font-family:verdana; font-size:12px; color:#FFFFFF; text-decoration:underline; }

.cart_nav { font-family:verdana; font-size:12px; color:#B29C60; text-decoration:none; }

.payment_extra{
	font-family:verdana;
	font-size: 10px;
}

/* ENDE cart seiten*/


/* index.pl */
.index #content{
	background-image:url(/img/bg_main.jpg);
}
/* ende index.pl */

/* detail.pl */
.mini{
	text-align:center; width:70px; height:60px; border:1px solid #999999; float:left; margin-left:2px; margin-right:2px;
	overflow:hidden;
	cursor:pointer;
}

#mini_move_left,#mini_move_right{
	text-align:center;
	height:60px;	
	padding-top:20px;
	/*border:1px solid #999999;*/
	float:left; 
	cursor:pointer;
	width:14px;
	/*background-color:red;*/
}

#mini img {
	cursor:pointer;
}

#mini_move_left{

}
#mini_move_right{
}

.minis{
	overflow:hidden;
	/*border:1px solid #ff0000;*/
	width:226px;
	height:62px;
	float:left;
}
.inner_minis{
	overflow:hidden;
	/*border:1px solid #ff0000;*/
	width:2250px;
	height:62px;
}
/* ende detail.pl*/

.deliverycosts #content{
	/*background-image:url(/img/bg_aromakissen.jpg);*/
}

.imprint #content{
	/*background-image:url(/img/bg_aromakissen.jpg);*/
}