/* *************************************************************************** 
***
***		LUNA WEBSITE: Black 2 StyleSheet
***		Version: 4.0
***		Stand: 2009-05-08
***
***		Konzept: 	Falko Schnell 		[falko_schnell@web.de]
***		HTML/CSS:	Peter Stollenwerk	[peter@peterstollenwerk.de]
***		Typo3:		Till Martensmeier	[till@martensmeier.de]
***
**************************************************************************** */




/* *************************************************************************** 
*** 	LAYOUT 10: Haendler - Googlemaps - 2011-07-27     ***************************** */

#googlemaps h1 { font-size: larger; color: #999; }
#googlemaps h2 { margin-bottom: 1em; }
#googlemaps p { margin-bottom: 1em; }

#googlemaps #col1 {
	width: 320px;
	float: right;
	margin-top: 24px;
}

#googlemaps #col2 {
	width: 500px;
	float: left;
	margin-top: 24px;
	margin-left: 120px;
}

.tx_lumogooglemaps_pi1_infobox {
	color: #666;
}
.tx_lumogooglemaps_pi1_infobox a {
	color: #F00;
}
.tx_lumogooglemaps_pi1_infobox a:hover {
	color: #F00;
	text-decoration: underline;
}
#gmapDirHead { display: none; }

.tx_lumogooglemaps_pi1_sidebar { display: none;}


/* *************************************************************************** 
*** 	GLOBAL STYLES     ************************************************** */
html, body {	
	background-image: url("../img/bg_body.gif");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	}
body, p, h1, h2, h3, h4, h5 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #FFF;	
	margin: 0;
	padding: 0;
	}
a { 
	text-decoration: none;
	color: #aaa;
	}
a:hover { 
	color: #FFF;
	}
img {
	border: 0;
	padding: 0; 
	margin:0;
	}
.align_right {
	text-align: right;
	}
.clear {
	clear: both;
	}

.highlight {
	color: #fff;
	}


/* *************************************************************************** 
*** 	LAYOUT DIVS     **************************************************** */

div#container {
	width: 980px;
	min-height: 100%;
	height:auto;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	padding: 0 0 20px 0;
	}
	/* sets background to full height in IE w short content -- also need height:100% in body*/
* html div#container {
	width: 980px; height:100%;
	}

div#logos{
	margin-top: 85px;
	height: 85px;
	}
div#logos h1 {
	text-align: center;
	}
div#nav {
	position: relative;
	z-index: 3;
	padding: 0;
	margin: 0;
	width: 980px;
	background: transparent;
	}
div#content {
	position: relative;
	clear: both;
	padding: 0;
	margin:0;
	width: 980px;
	/*background-image: url(../index_files/layout/layout5_bg_div_content.gif);*/
	}
div#footer{
	/*background-image:  url("../files_old/roterstreifen_unten.gif");*/
	background-repeat: no-repeat; 
	background-position: center top;
	padding-top: 18px;
	clear: both;
	margin-top: 0px;
	}
div#footer h1 {
	text-align: center;
	}
div#footer h1 a img {
	display: none;
	}

/** 	FORMULARE     ****************************************************** */

div.csc-mailform-field {
	width: 250px;
	clear: both;
	padding-top: 5px;
	padding-left: 5px;
	}
form {
	padding-left: 0px;
	margin: 0;
	}
form table {
	max-width: 250px;
	margin: 0 0;
	}
form td {
	padding: 5px 0px 0 0;
	vertical-align: top;
	}
label { 
	color: #fff;
	float: left;
	}
input, select {
	font-size: 12px;
	float: right;
	width: 150px;
	}
/*
.button_submit, .button_reset {
	border-bottom: 1px solid #F00;
	background-color: transparent;
	padding: 0px;
	color: #ccc;
	}
.button_submit_roll, .button_reset_roll {
	border-bottom: 1px solid #F00;
	background-color: transparent;
	padding: 0px;
	color: #ccc;
	}
*/




/* *************************************************************************** 
*** 	HEADER     ********************************************************* */

div#logos {
	text-align: center;
	}
div#logos h1 a img {
	border: 0;
	margin-right: -10px; /* optische Mitte */
	}




/* *************************************************************************** 
*** 	NAVIGATION     ***************************************************** */



/* Hauptnavigation */
#nav {
	font-size: 10px;
	}
#nav A, #nav A:link, #nav A:visited {
	text-decoration: none;
	display: block;
	color: #999;
	clear: both;		
	width: 99px; /* WICHTIG FÜR IE, SCHEIßE FÜR OPERA */
	background: none;
	padding: 0 0 9px 0;
	text-align: center;
	border-right: 1px solid #F00;
	}
#nav div.level1_last_right A, #nav div.level1_last_right A A:link, #nav div.level1_last_right A:visited {
	width: 100px; /* WICHTIG FÜR IE, SCHEIßE FÜR OPERA */
	border-right: 0px solid #000;
	}
#nav a.level_1_active {
	color: #FFF; 
	}
#nav a.level_1_active_right { 
	color: #FFF; 
	border-right: 0px solid #000;
	}
#nav A:hover {
	color: #FFF;
	text-decoration: none;
	}
div#nav	{
	height: 21px;
	/*background-image:  url("../files_old/roterstreifen_oben.gif");
	background-repeat: no-repeat;
	background-position: center bottom;*/
	}
#nav UL LI UL LI A, #nav UL LI UL LI A:link, #nav UL LI UL LI A:visited {
	text-decoration: none;
	display: block;
	background: #333; 					/* Layer2: Hintergrundfarbe  */
	width: 88px;
	padding: 5px 6px 5px 5px;
	border: 0;
	text-align: center;
	color: #ccc;						/* Layer2: Linkfarbe */
}
*html #nav UL LI UL LI A, #nav UL LI UL LI A:link, #nav UL LI UL LI A:visited {
	width: 99px;
	}
#nav UL LI UL LI A:hover {
	text-decoration: none;
	color: #FFF; 							/* Layer2: Linkfarbe hover */
	padding: 5px 6px 5px 5px;
	border: 0;
	}
#nav UL LI UL LI a.level_2_active { 
	color: #FFF;				
	}
#nav UL { 
	list-style: none;
	padding-left: 141px; 
	margin: 0;
	}
#nav LI {
	list-style: none;
	float: left;
}
#nav UL LI UL LI {
	border-bottom: 1px solid #FFF; 			/* Layer2: Border */
	background: #333;
	list-style: none;
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	min-width: 98px;
	clear: both;
	}
#nav UL LI UL LI A{
	padding: 0 0 0 0;
	background-color: transparent;
	}
#nav UL LI UL LI A:hover { 
	background-color: #333;				/* Layer2: Hintergrundfarbe hover */
	}
#nav LI UL {
	position: absolute;
	display: none;
	z-index: 3;
	padding: 0;
	margin: 0;
	}
#nav LI > UL {
	top: 20px;
	left: auto;
	}
/* lists nested under hovered list items */
#nav LI:hover UL, #nav LI.over UL {
	display: block;
	top: 21px;
	}











/* *************************************************************************** 
*** 	CONTENT MAIN     *************************************************** */

div#content_main { 
	position: relative;
	width: 500px;
	margin: 25px 0 25px 240px;
	background-color: #262626;
	/*overflow: auto;*/
}
div#content_main div#spalte1 { 
	width: 200px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}
div#content_main div#spalte2 {
	width: 300px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}
div#content_main div#spalte2 img {
	display: block;
	padding: 0;
	margin: 0 10px 0 0;
	border-bottom: 0px solid #A0DC5F;
	float: left;
	}
div#content_main div#spalte1-b { 
	width: 200px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}
div#content_main div#spalte2-b {
	width: 500px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	/*border-bottom: 10px solid #A0DC5F;*/
	}
div#shadow_content_main {
	display: none;
	}
div#content_main h1, div#content_main h2, div#content_main h3, div#content_main p, div#content_main ul{ 
	margin: 0;
	padding: 0 25px 10px 25px;
	}
div#content_main h1 { 
	padding-top: 25px; 
	}
div#content_main h2 { 
	padding-top: 25px; 
	}
div#content_main img {
	display: block;
	padding: 0;
	/*border-bottom: 5px solid #A0DC5F;*/
	}
#content_main UL { 
	list-style: none;
	margin: 0;
	padding: 0;
	}
#content_main LI {
	list-style: none;
	padding-bottom: 5px;
	}
#content_main a, #content_main a:link, #content_main a:visited, #content_main a:active {
	text-decoration: none;
	color: #999;
	}
#content_main a:hover {
	color: #FFF;
	}
div#content_main div#spalte1 a, div#content_main div#spalte1-b a  {
	display: block;
	/*width: 113px;*/ /*width: 138px;*/
	}
div#content_main div#gallery_nav a  {
	display: block;
	width: 50px;
	}
div#content_main div.page_left { 	padding-left: 25px; float: left; text-align: center;}
div#content_main div.page_right { 	padding-right: 25px; float: right; text-align: center;}


div#gallery_nav p  {
	display: none;
	}


/* *************************************************************************** 
*** 	HOME     *********************************************************** */

div#content {
	/*background-image:  url("roterstreifen_unten.gif");
	background-repeat: no-repeat; 
	background-position: center bottom;
	padding-bottom: 18px;*/
	}
div#content.home img {
	margin: 25px 0 0 240px;
	border: 0;
	}



/* *************************************************************************** 
*** 	SHOP     *********************************************************** */

div.shop {  
	padding: 0 0 0 0;
	margin: 25px 0 25px 34px;
	}
div.shop TABLE { background-color: #262626; border: 0; padding: 0px; margin: 0;}
div.shop TABLE TR { padding: 0; margin:0; height: 10px;}
div.shop TABLE TD { margin:0; vertical-align: top; height: 10px;}
div.shop TABLE TD img {display: block;}

div.shop TABLE TD.spalte1 { width: 200px; height: 100%; padding: 10px 0 0 10px;}
div.shop TABLE TD.spalte2 { width: 200px; padding: 0; vertical-align: middle;}
div.shop TABLE TD.spalte3 { width: 250px;}
div.shop TABLE TD.spalte4 { width: 250px; vertical-align: bottom;}
div.shop TABLE TD.spalte1_zeile2 {
	height: 10px;
	vertical-align: bottom;
	padding-bottom: 10px;
	}
div.shop TABLE TD.spalte1 h1{ font-size: 15px;}
div.shop TABLE TD.spalte3 h2 { margin-bottom: -10px; padding: 5px 10px 10px 25px;}
div.shop TABLE TD.spalte3 p, div.shop TABLE TD.spalte4 p { padding: 10px 10px 10px 25px;}
div.shop TABLE TD.spalte4 p { padding: 10px 10px 10px 25px;}
div.shop TABLE TD.spalte1_zeile2 p.cost {
	text-transform:none; 
	font-weight: bold; 
	padding: 0 0 1px 10px;
	color: #fff;
	}
div.shop TABLE TD.spalte1_zeile2 p.cost span.cost_ex {font-weight: normal; white-space: nowrap;}

.product_note_2 p { margin: 0; line-height: 0; padding: 0; }

/* *************************************************************************** 
*** 	KATALOG     ******************************************************** */

div#katalog_container { 
	position: relative;
	width: 980px; 
	/*height: 600px;*/
	margin: 25px 0 0 0;
	padding: 0 0 0 90px;
	background-color: transparent;
	clear: both;
	}
* html div#katalog_container { /* Für den lieben IE */
	margin-left: -50px;
	}
div.katalog {
	width: 325px;
	background-color: #262626;
	margin: 0 0 25px 50px;
	float: left;	
	}
div.katalog img {
	display: block;
	padding: 0;
	margin: 0;
	}
div.katalog p {
	color: #F00;
	}
div.katalog p span.important {
	float: left;
	padding: 7px 8px 5px 8px;
	margin: 0;
	}
div.katalog p span.detail {
	float: right;
	padding: 7px 8px 5px 8px;
	margin: 0;

	}
/* *************************************************************************** 
*** 	KATALOG DETAIL     ************************************************* */

div#katalog_detail { 
	position: relative;
	width: 700px;
	min-height: 300px;
	margin: 25px 0 25px 140px;
	background-color: #262626;
	}
div#katalog_detail div#spalte1 { 
	width: 400px;
	position: relative;
	float: left;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 15px;
	clear:both;
	}
div#katalog_detail div#spalte2 { 
	width: 300px;
	position: relative;
	float: left;
	margin: 0;
	padding-top: 25px;
	padding-bottom: 15px;
	}
div#shadow_katalog_detail {
	display: none;
	}
div#katalog_detail img {
	display: block;
	padding: 0;
	}
div#katalog_detail h1, div#katalog_detail h2, div#katalog_detail h3, div#katalog_detail p {
	padding: 0 25px 10px 25px;
	}
div#katalog_detail h1 {
 	font-size: 15px;
	padding-top: 10px;
	}
div#katalog_detail h3 {
	padding-bottom: 0;
	}
div#nav_katalog {
	border-bottom: 1px solid #F00;
	/*background-color: #F00;*/
	clear:both;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0;
	height: 25px;
	}
#nav_katalog UL { 
	position: absolute;
	left: 125px;
	list-style: none;
	padding: 0;
	margin: 6px 0 0 0;
	}
#nav_katalog LI {
	list-style: none;
	width: 150px;
	float: left;
	}
div#nav_katalog a, div#nav_katalog a:link, div#nav_katalog a:visited {
	text-decoration: none;
	color: #ccc;
	display: block;
	width: 150px;
	float: left;
	}
div#nav_katalog a:hover {
	color: #FFF;
	}
div#nav_katalog p {
	color: #F00;
	background-color: #262626;
	margin-top: 6px;
	padding-top: 4px;
	margin-bottom: -2px;
	}
div#nav_katalog p.page_left { float: left; padding-right: 20px;}
div#nav_katalog p.page_right { float: right; padding-left: 20px; }


/* *************************************************************************** 
*** 	MUSTER     ********************************************************* */

div#farbmuster_container { 
	position: relative;
	width: 850px; 
	margin: 25px 0 25px 90px;
	padding: 0;
	}
* html div#farbmuster_container { /* Für den lieben IE */
	margin-left: 40px;
	}
/*div#farbmuster_gross {
	float: right;
	width: 200px;
	margin-top: 25px;
	}
div#farbmuster_gross img{
	display: block;
	margin-bottom: 25px;
	}*/
div.farbmuster {
	width: 200px;
	height: 100px;
	background-color: #262626;
	margin: 0 0 25px 50px;
	padding: 0;
	float: left;
}	
/*div.farbmuster:hover { 
	background-color: #75CD17;
	background-image:  url("../img/layout/shadow_farbmuster_h.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	}*/
div.farbmuster h1 {
	padding: 10px 10px 0 10px;
	}
div.farbmuster p {
	font-weight: normal;
	padding: 0 10px 0 10px;
	}
div.farbmuster img { 
	float: right;
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
	}
	*html div.farbmuster img { 
	margin-right: -3px;	
	}
div.farbmuster a {
	text-decoration: none;
	display: block;
	height: 100px;
	}


/* *************************************************************************** 
*** 	LAGERBESTAND     *************************************************** */

div.lagerbestand {
	width: 700px; 
	background-color: #262626; 
	padding: 0 0 25px 0;
	margin: 25px 0 25px 140px;
}
div.lagerbestand_detail {
	width: 150px;
	float: left;
	margin-bottom: 25px;
}	
div.lagerbestand TABLE { background-color: transparent; border: 0; padding: 0; margin: 0; }
div.lagerbestand TABLE TR { padding: 0; margin: 0; }
div.lagerbestand TABLE TD { padding: 0; margin: 0; vertical-align: top; }
div.lagerbestand TABLE TD img { display: block; float: left; margin: 0; padding:0; border: 0; }

div.lagerbestand TABLE TD.spalte1 { width: 250px; padding: 0; margin: 0; }
div.lagerbestand TABLE TD.spalte2 { width: 450px; padding: 0; margin: 0; }

div.lagerbestand TABLE TD p { padding-bottom: 10px; }
div.lagerbestand TABLE TD.spalte1 h1 { font-size: 15px; padding:  15px 0 0 10px; }
div.lagerbestand TABLE TD.spalte1 p { padding: 0 10px 10px 10px; }
div.lagerbestand TABLE TD.spalte1 img { padding-left: 10px; margin-top: 15px; }
div.lagerbestand TABLE TD.spalte2 img { margin-bottom: 10px; }
div.lagerbestand TABLE TD.spalte2 h2 { clear: both; padding: 10px 0 0 0 }
div.lagerbestand TABLE TD.spalte2 a { margin-top: 20px;}
div.lagerbestand TABLE TD p a { color: #999; display: block;  border-bottom: 1px solid #F00; border-right: 25px solid #262626; padding-bottom:3px;}
div.lagerbestand TABLE TD p a:hover { color: #FFF; }


/* *************************************************************************** 
*** 	NEWSLETTER     ***************************************************** */

input#vorname {
	width: 87px;
	}
input#nachname {
	width: 140px;
	}
input#strasse{
	width: 95px;
	}
input#hausnummer {
	width: 35px;
	}
input#plz{
	width: 35px;
	}
input#ort {
	width: 95px;
	}
input#e-mail {
	width: 140px;
	}


/* *************************************************************************** 
*** 	HÄNDLER DOWNLOAD     *********************************************** */

div#haendler_container { 
	position: relative;
	width: 750px; 
	/*height: 600px;*/
	margin: 25px 0 25px 140px;
	padding: 0;
	}
* html div#haendler_container { /* Für den lieben IE */
	margin-left: 0 ;
	}
div#haendler_container div {
	width: 150px;
	height: 125px;
	background-color: #fff;
	margin: 0 33px 25px 0;
	padding: 0 0 0 0;
	background-image: url(../img/shadow_login_haendler.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	}
div#haendler_container div.info {
	border-top: 1px solid #F00;
	background-color: #262626;
	margin: 0 33px 24px 0;
	height: 125px;
	}
div#haendler_container div h1 {
	padding: 10px 10px 0 10px;
	display: none;
	}
div#haendler_container div h2 {
	font-weight: normal;
	padding: 0 10px 0 10px;
	}
div#haendler_container div a h1, div#haendler_container div a h2 {
	color: #333;
	}
div#haendler_container div p {
	padding: 6px 10px 0 10px;
	}
div.info h1, div.info h2, div.info p {
	color: #fff;
	}
div#haendler_container div img { 
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	display: block;
	float: right;
	}
div#haendler_container div a {
	text-decoration: none;
	display: block;
	height: 100px;
	margin-bottom: 5px;
	}
#haendler_container .csc-textpic-clear {
	display: none;
	}
#haendler_container .clear {
	float: none;
	clear: both;
	height: 18px;
	display: block;
	border: 0;
	}


/* *************************************************************************** 
*** 	HACKS     ********************************************************** */

/* -- floatclearing Hack [http://www.jassesnee.de/easyclear/]-- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */
/* -- End floatclearing Hack -- */


/* *************************************************************************** 
*** 	index_2007-09-19.htm     ******************************************* */


/* Sprachauswahl */
ul#nav_lang {
	position: absolute;
	top: 160px;
	left: 434px;
	z-index: 99;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	}
ul#nav_lang li {
	display: inline;
	}
ul#nav_lang li a {
	padding: 0 5px;
	}


	


#index_2007-09-19 div#nav ul {
	display: none;
	}
#index_2007-09-19 div#content {
	width: 840px;
	padding: 25px 0;
	padding-left: 40px;
	}
* html #index_2007-09-19 div#content {
	padding-left: 10px;
	p\adding-left: 10px;
	}
#index_2007-09-19 #content img {
	display: block;
	}
#index_2007-09-19 div#spalte1 {
	position: relative;
	float: left;
	width: 570px;
	height: 400px;
	/*background-image: url("../bilder/2007-09-19/bg_trenner_44x400.gif");
	background-position: right;
	background-repeat: no-repeat;*/
	}
#index_2007-09-19 div#spalte2 {
	position: relative;
	float: left;
	width: 256px;
	height: 400px;
	}



/* *************************************************************************** 
*** 	angebot_2007-09-20.htm     ******************************************* */


#angebot_2007-09-20 div#content {
	width: 840px;
	padding: 25px 0;
	padding-left: 140px;
	}
#angebot_2007-09-20 #content img {
	display: block;
	}
#angebot_2007-09-20 div#spalte1 {
	display: none;
	}
#angebot_2007-09-20 div#spalte2 {
	position: relative;
	width: 700px;
	}
#angebot_2007-09-20 div#spalte2 h1 {
	height: 77px;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: italic;
	border-bottom: 1px solid #F00;
	margin-bottom: 22px;
	background-image: url("../img/bg_h1_summerspecial.gif");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #262626;

	}
#angebot_2007-09-20 div#spalte2 h1 span {
	display: none;
	}
#angebot_2007-09-20 div#spalte2 h2 {
	font-size: medium;
	text-transform: uppercase;
	padding: 15px 15px 10px 15px;
	border-top: 1px solid #F00;
	}
#angebot_2007-09-20 div#spalte2 p {
	padding: 0 15px 5px 15px;
	}
#angebot_2007-09-20 div#spalte2 p.info {
	font-style: italic;
	}
	
#angebot_2007-09-20 div#spalte2 div.datensatz {
	background-color: #262626;
/*	background-image: url("../bilder/2007-09-19/bg_h2_summerspecial.gif");*/
	background-position: bottom;
	background-repeat: no-repeat;
/* 	padding-bottom: 60px;*/
	}
#angebot_2007-09-20 div#spalte2 div.datensatz.last {
	background-image: none;
	padding-bottom: 10px;
	}
*/



/* *************************************************************************** 
*** 	start2_2007-09-21.htm     ******************************************* */


#layout3 div#content {
	width: 950px;
	/* padding: 25px 0;
	padding-left: 38px;*/
	}
#layout3 #content img {
	display: block;
	}
#layout3 div#spalte1 {
	position: relative;
	float: left;
	width: 474px;
	background-image: url("../img/bg_trenner_44x350.gif");
	background-position: right;
	background-repeat: no-repeat;
	margin: 25px 0 25px 38px;
	}
#layout3 div#spalte2 {
	position: relative;
	float: left;
	width: 430px;
        margin: 25px 0;
	}




/* *************************************************************************** 
*** 	Layout4: Wegbeschreibung     *********************************** */

#layout4 div#content {
	width: 700px;
	background-color: #262626;
	padding: 0;
 	margin: 25px 0 25px 140px;
	}
#layout4 div#content h2 {
	float: left;
	width: 251px;
	height: 86px;
	background-image: url("../img/logo_luna_factory.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
#layout4 div#content h2 span {
	display: none;
	}
#layout4 div#content address {
	font-style: normal;
	margin: 24px 0 0 533px;
	}

/* *************************************************************************** 
*** 	HACKS     ********************************************************** */

/* -- floatclearing Hack [http://www.jassesnee.de/easyclear/]-- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */
/* -- End floatclearing Hack -- */



/* ************************************************************************************************************************* 

*** 	2008-06-04     ************************************************************************************************** */






/* *************************************************************************** 
*** 	Layout5: Index-Haendler *********************************** */

#layout5 div#logos {
	margin-top: 0px;
	}	

#layout5 div#logos h1 {
	display: none;
	}


#layout5 div#nav { display: none; }
#layout5 div#content {
	width: 980px;
	height: 559px;
	background: transparent url("../img/layout5_bg_div_content.gif") top left no-repeat;
	padding: 0;
 	margin: 0 0 25px 0;
	}

#layout5 #content div {	position: absolute;	width: 250px; }
#layout5 #content div img {	margin-bottom: 6px; }
#layout5 #content div#oben_links { top: 0; left: 210px;	}
#layout5 #content div#oben_rechts{ top: 0; left: 520px;	}
#layout5 #content div#unten_links { top: 310px; left: 210px; }
#layout5 #content div#unten_rechts { top: 310px; left: 520px; }

#oben_links .button { position: absolute; top: 78px; left: -180px; }
#oben_rechts .button { position: absolute; top: 78px; right: -180px; }
#unten_links .button { position: absolute; top: 135px; left: -180px; }
#unten_rechts .button { position: absolute; top: 135px; right: -180px; }

/* Positionierung mehrer Buttons neben den Katalog-Bildern */
#oben_links .button.a, #oben_rechts .button.a, #unten_links .button.a, #unten_rechts .button.a { top: 45px; }
#oben_links .button.b, #oben_rechts .button.b, #unten_links .button.b, #unten_rechts .button.b { top: 110px; }
#oben_links .button.c, #oben_rechts .button.c, #unten_links .button.c, #unten_rechts .button.c { top: 175px; }
#oben_links .button.d, #oben_rechts .button.d, #unten_links .button.d, #unten_rechts .button.d { top: 240px; }

#layout5 div#footer { display: none; }


/* *************************************************************************** 
*** 	Layout5-1: Katalog *********************************** */

#layout5-1 div#content {
	width: 980px;
	height: 559px;
	background: transparent url("../img/layout5_bg_div_content.gif") top left no-repeat;
	padding: 0;
 	margin: 25px 0 25px 0;
	}

#layout5-1 #content div {	position: absolute;	width: 250px; }
#layout5-1 #content div img {	margin-bottom: 6px; }
#layout5-1 #content div#oben_links { top: 0; left: 210px;	}
#layout5-1 #content div#oben_rechts{ top: 0; left: 520px;	}
#layout5-1 #content div#unten_links { top: 310px; left: 210px; }
#layout5-1 #content div#unten_rechts { top: 310px; left: 520px; }

/* Positionierung der Buttons siehe oben Layout5 */


/* *************************************************************************** 
*** 	Layout5-2: Katalog Auswahl  *********************************** */

#layout5-2 #content {
	width: 980px;
	height: 559px;
	background: none;
	padding: 0;
 	margin: 25px 0 25px 0;
	}
#layout5-2 #content div {	position: absolute;	width: 350px; }
#layout5-2 #content div img {	margin-bottom: 6px; }
#layout5-2 #content div#oben_links { top: 0; left: 490px; margin-left: -175px; }
/*#layout5-2 #content div#oben_rechts{ top: 0; left: 520px;	}
#layout5-2 #content div#unten_links { top: 310px; left: 210px; }
#layout5-2 #content div#unten_rechts { top: 310px; left: 520px; */

/* *************************************************************************** 
*** 	Layout5-3: Händler-Bundesland-Auswahl  *********************************** */

#layout5-3 #content {
	width: 980px;
	height: 559px;
	background: none;
	padding: 0;
 	margin: 25px 0 25px 0;
	}
#layout5-3 #content div {	position: absolute;	width: 350px; }
#layout5-3 #content div#oben_links { top: 0; left: 490px; margin-left: -200px; }
/*#layout5-2 #content div#oben_rechts{ top: 0; left: 520px;	}
#layout5-2 #content div#unten_links { top: 310px; left: 210px; }
#layout5-2 #content div#unten_rechts { top: 310px; left: 520px; */

/* *************************************************************************** 
*** 	Layout6: Index-Haendler-Katalog *********************************** */

#layout6 div#content {
	width: 980px;
	background: transparent url("../img/bg_layout6-haendler_katalog.gif") top left no-repeat;
	padding: 0 0 0 50px;
 	margin: 25px 0 25px 0;
	}
#layout6 div#content img {
	padding: 0;
 	margin-left: 59px;
	}



/* *************************************************************************** 
*** 	BUTTON STYLES     ********************************************************** */

.button {
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	text-align: center;
	cursor:pointer; /* wichtig, sonst nix finger-cursor! */
	background-image:  url("../img/bg_button_white.gif");
	background-repeat: no-repeat;
	background-position: bottom; 
	margin: 0; 
	padding: 0;
	}
/* Text rechts vom Bild */
.button.left { position: absolute; left: -180px;}
.button.right { position: absolute;	right: -180px;}
/* Text links vom Bild */
.button.left_2 { position: absolute; left: -380px; }
.button.right_2 { position: absolute; right: -480px; }
.button.a { top: 20px; }
.button.b { top: 100px; }
.button.c { top: 180px; }
.button.d { top: 260px; }
input.button {
	font-size: x-small;
	font-weight: normal;
	color:#666 !important; /* important ist important! */
	cursor:pointer; /* wichtig, sonst nix finger-cursor! */
	font-size: 10px; 
	padding: 0 0 3px 0;
    border:none; /* wichtig, sonst bäh aussieht */
	background: transparent url(../img/bg_button.gif) bottom left no-repeat;
	}
input.button:hover {
	color:#fff !important; /* important ist important! */
	}




input.tx-newloginbox-pi1-submit, input.csc-mailform-submit {
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	top: 260px;
	right: -180px;	
	text-align: center;
	margin: 0; 
	padding: 0;
	font-size: x-small;
	font-weight: normal;
	color:#666 !important; /* important ist important! */
	cursor:pointer; /* wichtig, sonst nix finger-cursor! */
	font-size: 10px; 
	padding: 0 0 3px 0;
    	border:none; /* wichtig, sonst bäh aussieht */
	background: transparent url(../img/bg_button_white.gif) bottom left no-repeat;
	}
input.tx-newloginbox-pi1-submit, input.csc-mailform-submit:hover {
	color:#fff !important; /* important ist important! */
	}



/* ************************************************************************************************************************* 
****************************************************************************************************************************
****************************************************************************************************************************
*** 	CASALUNA      ********************************************************** */

.casaluna #logos h1 a img { display: none; }
.casaluna #logos h1 a { 
	display: block;
	height: 66px;
	width: 980px;
	background:  transparent url(../img/logo_casaluna.gif) bottom center no-repeat;
	}
.casaluna #footer h1 a img { display: none; }
.casaluna #footer h1 a {
	display: block;
	height: 10px;
	width: 980px;
	background:  transparent url(../img/logo_warehouse.gif) bottom center no-repeat;
	}

/* *************************************************************************** 
*** 	Layout_07_casaluna-start2.htm     ********************************************************** */

#layout7 #content {
	width: 700px;
	margin: 25px 0 25px 140px;
	}




/* *************************************************************************** 
*** 	Layout7: CASALUNA-Startseite Special-Teaser *********************************** */	


/*** Version Falko
#layout7 a.special_LO {
  display: block;
  width: 120px;
  position: absolute;
  margin-top: 93px;
  margin-left: -135px;
  }

#layout7 a.special_LU {
  display: block;
  width: 120px;
  position: absolute;
  margin-top: 229px;
  margin-left: -135px;
  }

#layout7 a.special_RO {
  display: block;
  width: 120px;
  position: absolute;
  margin-top: 93px;
  margin-left: 716px;
  }
  
#layout7 a.special_RU {
  display: block;
  width: 120px;
  position: absolute;
  margin-top: 229px;
  margin-left: 716px;
  }
  
***/

/**************************/

#layout7 a.special_LO {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  border:0;
  margin-top: 70px;
  margin-left: -135px;
  }

#layout7 a.special_LU {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  margin-top: 200px;
  margin-left: -135px;
  }

#layout7 a.special_RO {
  display: block;
  width: 120px;
    height: 120px;
  position: absolute;
  margin-top: 70px;
  margin-left: 716px;
  }
  
#layout7 a.special_RU {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  margin-top: 200px;
  margin-left: 716px;
  }
  
  
/* *************************************************************************** 
*** 	LAYOUT 8: Haendler-Detail     ***************************** */


div#content_main.layout8 {
	background-color: #000;
	width: 850px;
	margin: 25px 0 416px 130px;
	padding: 0;
	}
div.layout8 { 
	position: relative;
	width: 850px;
	padding: 0
	}
div.layout8 div.spalte2-b {
	width: 300px;
	height: 300px;
	/*position: fixed;*/
	/*top: 200;*/
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	/*border-bottom: 10px solid #A0DC5F;*/
	}
div.layout8 .spalte1-b { 
	width: 500px;
	height: 300px;
	position: relative;
	/*float: left;*/
	margin: 0;
	margin-left: 325px;
	padding: 0;
	background-color: #262626;
	}

div#shadow_content_main {
	display: none;
	}
div.layout8 h1, div.layout8 h2, div.layout8 h3, div.layout8 p, div.layout8 ul{ 
	margin: 0;
	padding: 0 25px 10px 25px;
	}
div.layout8 h1 { 
	padding-top: 25px;
	font-size: larger;
	color: #999; 
	}
div.layout8 h2 { 
	padding-top: 25px; 
	}
div.layout8 img {
	display: block;
	padding: 0;
	/*border-bottom: 5px solid #A0DC5F;*/
	}
.layout8 UL { 
	list-style: none;
	margin: 0;
	padding: 0;
	}
.layout8 LI {
	list-style: none;
	padding-bottom: 5px;
	}
.layout8 a, .layout8 a:link, .layout8 a:visited, .layout8 a:active {
	text-decoration: none;
	color: #999;
	}
.layout8 a:hover {
	color: #FFF;
	}
div.layout8 div.spalte1 a, div.layout8 div.spalte1-b a  {
	display: block;
	/*width: 113px;*/ /*width: 138px;*/
	}
div.layout8 div#gallery_nav a  {
	display: block;
	width: 50px;
	}
div.layout8 div.page_left { 	padding-left: 25px; float: left; text-align: center;}
div.layout8 div.page_right { 	padding-right: 25px; float: right; text-align: center;}


.layout8 .spalte1-b { width:500px;}
.layout8 .spalte1-b img { float: right; }
.layout8 .splitter { width: 500px; display: block; clear: both; float: none; height: 26px; background: #000; }


/* *************************************************************************** 
*** 	LAYOUT 9: Kundenservice     ***************************** */

body#layout9 div#content_main {
	width: 560px;
	margin:25px 0 25px 210px;
	}
body#layout9 div#content_main div#spalte1 {
	width: 280px;
	}
body#layout9 div#content_main div#spalte2 {
	width: 280px;
	}
body#layout9 div#content_main div#spalte2 h1, body#layout9 div#content_main div#spalte2 h2, body#layout9 div#content_main div#spalte2 p {
	padding-left: 0;
	padding-right: 0;
	}
body#layout9 div#content_main div#spalte2 div.links {
	position: absolute;
	top: -220px; left: -490px;
	width: 180px;
	text-align: right;
	}
body#layout9 div#content_main div#spalte2 div.links h1 {
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #aaa;
	padding-top: 0;
	}
body#layout9 div#content_main div#spalte2 div.links p {
	text-align: right;
	}

body#layout9 div#content_main div#spalte2 div.rechts {
	position: absolute;
	top: -220px; left: 310px;
	width: 180px;
	}
body#layout9 div#content_main div#spalte2 div.rechts h1 {
	font-size: 14px;
	font-weight: normal;
	color: #aaa;
	padding-top: 0;
	}