/*Alles zurücksetzen*/

* {	
	margin: 0;
	padding: 0;
	}
	
html {
	height: 101%; /*force to show scroll bar*/
}


body {
	font-size: 62.5%;  /*will set browsers to use font-size about 10px/ equals 1em */
	font-family: verdana, sans-serif;
	text-align: center;
	background: url(background/background.jpg) repeat-y; /*löschen und durch Verlauf ersetzen*/
	}


		
/*=======================================
	typo
=========================================*/

 a {text-decoration: none;} 
 
#container a, 
#container a:link, 
#container a:focus, 
#container a:active{
	outline: none;
	} 
 
 p {
	font-size: 120%;
	line-height: 1.2;
	margin: 5px 20px 10px 0;
	color: #c9c9c9;
	}	
		
h2 {
	font-size: 140%;
	font-weight: bolder;
	color: #FF9900;
	margin: 5px 20px 15px 0;
	}
	
h3{
	font-size: 120%;
	color: #FF9900;
	font-weight:600;
	margin: 5px 20px 5px 0;
	}

	
/*=======================================
	layout basics
=========================================*/

  
#container {
	position: relative;
	width: 854px;
	overflow: hidden;
	margin: 41px auto;
	text-align: left;
	/*border: 1px solid #0840e3;*/
	border-right: 9px solid #0840e3;
	background: #000 url(background/background.gif) repeat-y;
	background-image: url(background/background.gif);
	min-height: 600px;
	/*background: #000;*/
	}


#container #intro {
	width: 845px; 
	height: 642px; 
	background: #000;
	}
	
#container #intro a{
	display: block; 
	margin: 0 auto;
	width: 475px; 
	height: 642px; 
	background: #000 url(pics/lux_intro.jpg) no-repeat top center;
	}
#container #intro a:hover{
	background: #000 url(pics/lux_intro.jpg) no-repeat bottom center;
	}
	
#top-navigation {
	float:left;
	position: absolute;
	width: 164px;
	height: 620px;
	margin-top:50px;
	line-height: 2.9;
	left: 80px;
	text-align:right;
	clear: both;
	} 
			
#bottom-navigation {
	position: absolute;
	height: 69px;
	width: 164px;
	left: 80px;
	bottom: 0;
	text-align: right;
	line-height: 2.5;
	background-color: #0840e3;
	float: left;
	} 
	
#bottom-navigation li{
	padding-bottom: 5px;
	list-style: none; 
	} 
	
#bottom-navigation li a{
	font-size: 110%;
	font-weight: 600;
	padding-right: 16px;
	display: block;
	color: #838383;
	width: 148px;
	} 	
	
#content {
	float: right;
	width: 545px;
	color: #fff;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 90px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	/*border: 1px dotted red; */
	}	

#ledbeleuchtung #content,
#referenzen #content,,
#referenzen #content,
#technischebeleuchtung #content,
#innenbeleuchtung #content,
#aussenbeleuchtung #content {
	float: right;
	margin: 25px 0 12px 0;
	padding: 0 20px 0 0;
	width: 560px;
	color: #fff;
	/*border: 1px dotted red; */
	}


	
.lux_logo{
	position: absolute;
	bottom: 5px;
	left: 1px;
	} 	
	
.lux_headline{
	position: absolute;
	left: -9000px;
	} 
	
.clearing{
	clear:both;
	}
	
	
/*=======================================
	navigation basics
=========================================*/


#top-navigation ul{
	list-style: none; 
	}
	
	#top-navigation li{
	padding-bottom: 2px;
	} 
#top-navigation li a{
	font-size: 110%;
	font-weight: 600;
	padding-right: 16px;
	display: block;
	width: 148px; /*dehnt den gesamten Hintergrund zum Anklicken aus ) */
	} 
	
 /*=======================================
	navigation content produkte 
=========================================*/
#top-navigation .ledbeleuchtung,
#top-navigation .innenbeleuchtung,
#top-navigation .aussenbeleuchtung,
#top-navigation .technischebeleuchtung {
	margin-top: 5px;
	margin-bottom: 3px;
	line-height: 1.4;
	}
#top-navigation .ledbeleuchtung  a,
#top-navigation .innenbeleuchtung  a,
#top-navigation .aussenbeleuchtung  a,
#top-navigation .technischebeleuchtung a {
	line-height: 1.4;
	font-weight: normal;
	}

/*=======================================
	content basis
=========================================*/	


.einleitung  {
	overflow: hidden;
	width: 550px;
	margin: 40px 0 20px 0;
	/*border: 1px dotted lime;*/
	}

.einleitung a{
	color: #ccc;
	text-decoration:underline;
	}	
	
.einleitung h2,
.einleitung p,
.einleitung ul {
	margin-left: 170px;
	margin-top: 0;
	margin-bottom: 10px;
	}	
	
	

.einleitung h2{
	color: #FF9900;
	font-size: 140%;
	line-height: 1;
	margin-bottom: 5px;
	}		

.einleitung .abstand-oben {margin-top: 30px;}
	
.auflistung_leistungen {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.7;
	color: #c9c9c9;
	list-style: none;
	padding-top: 20px;
	}
	
.auflistung_leistungen a{
	color: #ccc;
	text-decoration:underline;
	padding-top: 20px;
	}	
	
.einleitung img {
	float: left;
	margin: 0 10px 10px 0;
	}
	
#referenzen #content, #referenzen #content{margin-top: 50px;}	
#kunst #content {margin-top: 37px;}
#referenzen #content a, #referenzen #content a{color: #ccc;}	

#referenzen #content a:hover. #referenzen #content a:hover {color: #fff; text-decoration:underline;}	

#referenzen #content h2, #referenzen #content h2 {margin-bottom: 5px;}

.auflistung_referenzen {
	font-weight: normal;
	font-size: 130%;
	line-height: 1.7;
	color: #c9c9c9;
	list-style: none;
	padding-top: 5px;
	margin-bottom: 30px;
	}
	
	
	
	
#kontakt #content {margin-top: 90px;}	

#kontakt #content img {	
	float: left;
	margin: 0 10px 10px 0;
	}

#kontakt #content  h2,
#kontakt #content  p {
	margin-left: 210px;
	margin-top: 0;
	margin-bottom: 10px;
	}
	


.adresse a{color: #c9c9c9;}	

.adresse a:hover {color: orange;}

/*=======================================
	content index
=========================================*/


	
		
	
#impressum  #content img {	
	margin-bottom: 40px;
	}	
	
#impressum  .speciallink a{
	color: #28b321; 
	text-decoration:underline;
	}		
	
	
 /*=======================================
	content produkte übersicht
=========================================*/

#content .produktgruppen  {
	margin-top:40px;
	} 

.produktgruppen li * {
	margin:0;
	text-align:center;
	} 
 
.produktgruppen li {
	float: left;
 	width: 160px;
	list-style: none;
	margin-right: 100px;
	margin-bottom: 50px;
	}
	
.produktgruppen .lastone {
	margin-right: 0;
	}

.produktgruppen p,
.produktgruppen h2,
.produktgruppen h3 {
 	color: #c9c9c9;
	}
	

.produktgruppen h2	{ 	
	margin-bottom: 5px;
	color: #FF9900;
	}	
	
.produktgruppen h3 { 	
	text-align: left;
	padding-left: 10px;
	line-height: 1.6;
	}	
	
.produktgruppen img {
 	border: 1px solid #ccc;
	margin-bottom: 15px;
	}	
	
 /*=======================================
	content produkte kategorien bilder
=========================================*/

	
.produktbilder  {
	color: #a6a6a6;
	margin-top: 30px;
	margin-left: 7px;
	width: 420px;
	height: 460px;
	text-align: center;
	/*border: 1px solid #fff;*/
	}	

.produktbilder h2 {
	margin: 0;
	padding: 0;
	}	
	
.pfeil-links, .pfeil-rechts, .pfeil-aus {
	margin: 0;
	padding: 0 5px;
	}	
	
	.pfeil-links {
	margin: 0;
	padding-left: 0;
	}

.pfeil-links a,
.pfeil-rechts a,
.pfeil-aus {
	width: 50px;
	height: 83px;
	display: block;
 	}
				
.pfeil-links a {
	background: transparent url(background/pfeil_links.gif) no-repeat bottom left;
	}		
		
.pfeil-rechts a {
	background: transparent url(background/pfeil_rechts.gif) no-repeat bottom left;
	}	
	
	
.pfeil-links a:hover,
.pfeil-links a:focus {
 	background: transparent url(background/pfeil_links.gif) no-repeat top left; outline: none;
	}	
	

.pfeil-rechts  a:hover,
.pfeil-rechts  a:focus {
 	background: transparent url(background/pfeil_rechts.gif) no-repeat top left; outline: none;
	}	


.produktbild {
	height: 435px;
	margin: 0;
	padding: 0;
	}	
	

.produktbild p {
	width: 420px;
	margin: 0;
	padding: 0;
	}	
			
.produktbild img{
	vertical-align :middle; 
	margin: 0;
	margin-right: 1px; 
	padding: 0;
	border: 1px solid #57575a;
	}	
	
.produktbild .modelltyp {
	font-size: 100%;
	margin-top: 5px;
	}
 /*=======================================
	content herstellertabelle
=========================================*/
.herstellertabelle {margin-left: 122px;}
.herstellertabelle  th {padding-bottom: 25px;}
.herstellertabelle a {color: #fff; }
.herstellertabelle a:hover {color: #666;}
.herstellertabelle a:hover img {border: 1px solid#666;}

.herstellertabelle img {padding: 5px; background-color: #666; border: 1px solid #d7d7d7;}

#hersteller h2 {margin-top: 40px; margin-left: 140px;}

/*=======================================
	content Kunst
=========================================*/	
#kunst h2, #kunst h3 {margin: 20px 0 5px 0;}	

.hofkunst {	margin-bottom: 20px;}

.trennlinie-weiss {
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 20px ;
	}
	
	
.mehrinfo {
	font-size: 120%;
	}
	
.mehrinfo a{
	color: #28b321; 
	text-decoration:underline;
	}	

/*=======================================
	linkstyles navigation
=========================================*/


#top-navigation a {color: #838383;}
#top-navigation a:hover {background: #57575a; color: #d7d7d7;}


/*aktuelle link Seitenhervorhebung*/
#start .start  a, 
#hersteller .hersteller a,
#produkte .produkte a,
#ledbeleuchtung .produkte a,
#innenbeleuchtung .produkte a,
#aussenbeleuchtung .produkte a,
#technischebeleuchtung .produkte a,
#referenzen .referenzen a,
#kunst .kunst a,
#abverkauf .abverkauf a,
#abverkauf_lang .abverkauf_lang a{ 
	background: #57575a;
	display: block;
	color: #d7d7d7; 
	cursor: default;
	}
#referenzen #content a:hover {text-decoration:underline;}

/*untermenues top navigation*/
#ledbeleuchtung #top-navigation .ledbeleuchtung  a,
#innenbeleuchtung #top-navigation .innenbeleuchtung  a,
#aussenbeleuchtung #top-navigation .aussenbeleuchtung  a,
#technischebeleuchtung #top-navigation .technischebeleuchtung a
{
	color: #d7d7d7; 
	cursor: default;
	}	
	
	
/* keinen hintergrund fuer untermenues */
#top-navigation .ledbeleuchtung  a:hover,
#top-navigation .innenbeleuchtung  a:hover,
#top-navigation .aussenbeleuchtung  a:hover,
#top-navigation .technischebeleuchtung a:hover
{
	background: transparent;
	color: #d7d7d7;
	}
	
	
/* a:hover für obermenü aktivieren */
#ledbeleuchtung .produkte a:hover,
#innenbeleuchtung .produkte a:hover,
#aussenbeleuchtung .produkte a:hover,
#technischebeleuchtung .produkte a:hover,
#top-navigation .referenzen a:hover  {
	cursor: pointer;
	color: #fff;
	}


/*untermenüs bottom navigation*/

#bottom-navigation a:hover,
#bottom-navigation a:active,
#bottom-navigation a:focus { 
	outline:none; color: #d7d7d7; 
	}
	
/*aktuelle Seitenhervorhebung bottom navigation*/

#kontakt .kontakt a,
#impressum .impressum a { 
	color: #d7d7d7; 
	cursor: default;
	}		
	
/*Abstand zwischen Abverkauf und Kunst bei Lux*/

#top-navigation .abverkauf,
#top-navigation .abverkauf_lang {
	margin-bottom:20px;
}

.image_rahmen {
	float: left;

}

#abverkauf #container #content .einleitung h2,
#abverkauf_lang #container #content .einleitung h2{
	margin-left: 0px;
}

.abverkauf_entry,
.abverkauf_entry_langes_Bild,
.abverkauf_entry_kurzes_Bild {
	clear: left;
}

.abverkauf_entry_klBild {

}

#abverkauf .abverkauf_titel {
	text-align: left;
	float: right;
	margin-left: 20px;
	margin-top: 116px;
	width: 380px;
	font-weight: bold;
	color: #FFF;
	font-size: 120%;
}

#abverkauf_lang .abverkauf_titel {
	text-align: left;
	float: right;
	margin-left: 20px;
	width: 285px;
	font-weight: bold;
	color: #FFF;
	font-size: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.abverkauf_titel a {
	color:#FFF;
}

#abverkauf #container #content .abverkauf_entry img {
	width: 124px;
	border: 3px solid #919291;
	height: 124px;
	padding: 6px;
	background: #FFF;
}

.image_rahmen a {
	border: 1px solid #FFF;
	display: block;
}
.image_rahmen a:hover {
	border: 1px solid #000;
}

.abverkauf_entry_langes_Bild img {
	height: 112px;
	width: 224px;
	border: 3px solid #919291;
	background-color: #FFF;
	padding: 6px;
}

.abverkauf_entry_kurzes_Bild img {
	height: 150px;
	width: 224px;
	border: 3px solid #919291;
	background-color: #FFF;
	padding: 6px;
}

.abverkauf_entry_klBild img {
	height: 112px;
	width: 150px;
	border: 3px solid #919291;
	background-color: #FFF;
	padding: 6px;
}

#abverkauf_lang .abverkauf_beschreibung {
	text-align: left;
	float: right;
	margin-left: 20px;
	width: 285px;
	color: #FFF;
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.abverkauf_back {
	text-align: left;
	float: left;
	margin-left: 0px;
	width: 240px;
	color: #919291;
	font-size: 110%;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.abverkauf_back a {
	color:#919291;
}

.spacing {
	margin-bottom: 20px;
}

.abverkauf_bilder {
	width: 260px;
	float: left;
}

.abverkauf_text {
	width: 270px;
	float: right;
	padding-top: 6px;
}
.abverkauf_entry_klBild {
	float: left;
	clear: left;
	margin-top: 20px;
}
#abverkauf .abverkauf_entry .image_rahmen {
	margin-bottom: 20px;
}
.abverkauf_header {
	font-size:120%;
	font-weight:bold;
}
.abverkauf_description {
	margin-top: 20px;
}
.abverkauf_description h1 {
	color: #FF9900;
	font-size:100%;
	line-height: 1.2;
	margin: 5px 20px 10px 0;
}

.abverkauf_description p {
	color: #FFF;
	font-size:100%;
	line-height: 1.2;
	margin: 5px 20px 10px 0;
}