@CHARSET "UTF-8";

* {
	margin:				0;
	padding:			0;
	}

p {
	margin:			5px 0 15px 0;
	}

img {
	border:			none;
	}

h1 {
	font-size:		12px;
	line-height:	18px;
	font-weight:	bold;
	margin:			0px 0 5px 0;
	}

ul {
	list-style-type: disc; 
	list-style-position: outside; 
	margin: 0 0 0 15px; 
	padding: 0;
	}
	
ol {
	list-style-type: decimal;
	list-style-position: outside; 
	margin: 0 0 0 20px; 
	padding: 0;
	}

a:link, a:visited, a:active {
	color:				#000000;
	text-decoration:	none;
	}

a:hover {
	color:				#ccff99;
	text-decoration:	none;
	}

html,body {
	margin:				0;
	padding:			0;
	width:				100%;
	height:				100%;
	color:				#ffffff;
	}

body {
	font:				12px tahoma,verdana,sans-serif;
	line-height:		20px;
	}
	
#background {
	position:			fixed;
	margin:				0;
	z-index:			0;
	width:				100%;
	height:				100%;
}

#distance { 
	width:				1px;
	height:				50%;
	margin-bottom:		-320px; /* half of container's height */
	float:				left;
	text-align:			center; /* horizontal centering for IE Win quirks */
}

/* START Box */
#box {
	margin:				0 auto;
	position:			relative; /* puts container in front of distance */
	text-align:			left;
	height:				655px;
	width:				975px;
	clear:				left;
}

/* START Header */
#header {
	height:				115px;
	width:				100%;
	margin:				0px auto auto 0px;
	}
	
#logo {
	position: absolute;
	z-index: 2;
	width:				289px;
	height:				76px;
}

/* START Navigation */
#nav {
	position: 			absolute;
	width:				686px;
	height:				76px;
	line-height:		30px;
	font:				12px futura, tahoma,verdana,sans-serif;
	margin:				0px auto auto 289px;
	text-align:			left;
	color:				#ffffff;
	z-index: 5;
}

#nav ul {
	list-style: 		none;
	margin: 			30px auto auto 0px;
	height:				30px;
}

#nav li {
	height: 			30px;
	line-height: 		40px;
	float: 				left;
	margin-left: 		0px;
	padding-left:		15px;
	padding-right:		40px;
	background:			url(../images/nav_bg.png) no-repeat;
	}

#nav a#active {
	color:				#ccff99;
	text-decoration:	none;
	}
#nav a:link, #nav a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
	}

#nav a:hover {
	color:				#ccff99;
	text-decoration:	none;
	}

/* START SubNavigation*/
#nav ul li ul {
	position: 			absolute;
	margin: 			-10px auto auto -15px;
	width: 				100%;
	height: 			auto;
	font-size:			10px;
	color:				#ccff99;
	}
	
#nav ul li ul li {
	float: none;
	background:			none;
	height:				15px;
	line-height:		15px;
	}
/* ENDE SubNavigation*/
/* ENDE Navigation */
/* ENDE Header */

/* START Main */
#main {
	height:			478px;
	width:			100%;
	margin:			10px auto auto 0px;
	font-size: 		13px;
	}
	
#left {
	position:		absolute;
	z-index:		2;
	width:			240px;
	height:			478px;
	padding-left:	5px;
	padding-right:	34px;
	}
	
#right {
	position:		absolute;
	z-index:		2;
	width:			686px;
	height:			478px;
	background:		url(../images/right_bg.png) no-repeat;
	margin:			0px auto auto 289px;
	color:			#000000;
	}

#content {
	width:			666px;
	height:			auto; /* 458px;*/
	padding:		10px 10px;
	}

#clear {
	clear: 			both;
	}
	
.pic_un_personen, .pic_gluehbirne, .pic {
	float: 			left;
	margin:			14px auto auto 10px;
	font-size:		9px;
	}
	
.pic_description {
	margin:			5px auto 20px 0px;
	font-size:		11px;
	}

.pic_katalog {
	float: 			left;
	margin:			13px auto auto 20px;
	}
	
.pic_katalog_text {
	float: 			left;
	margin:			13px auto auto 20px;
	line-height:	80px;
	}
	
#lampe {
	margin-top: 300px;
	}
	
#auto {
	margin: -230px auto auto 420px;
	}

/* ENDE Main*/
/* START Footer*/
#footer {
	height: 		62px;
	}

/* ENDE Footer*/

#lichtstrahl {
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	left: 			21px;
	width: 			717px;
	height: 		649px;
	background:		url(../images/lichtstrahl.png) no-repeat;
	}
/* ENDE Box*/

/* START 2-Spalten */
.fce_2Spalten, .fce_3spalten, .fce_4spalten
{ clear:both; width:100%;}

.fce_2Spalten .spalteninhalt, .fce_3Spalten .spalteninhalt, .fce_4Spalten .spalteninhalt
{ margin: auto 10px auto 10px; }

.fce_2Spalten_spalte
{ float:left; width:49.5%; }

.fce_2Spalten_spalte_small
{ float:left; width:37%; }

.fce_3Spalten_spalte
{ font-size: 10px; float:left; width:32%; }

.fce_4Spalten_spalte
{ font-size: 10px; float:left; width:25%; }

.fce_3Spalten_spalte h1, .fce_4Spalten_spalte h1 {
	font-size:		11px;
	line-height:	14px;
	font-weight:	bold;
	margin:			20px 0 5px 0;
}

.fce_3Spalten_spalte p, .fce_4Spalten_spalte p {
	margin-bottom: 5px;
}
/* ENDE 2-Spalten */


/*START Extras*/
#passagen {
	width: 			221px;
	height: 		auto;
	font-size: 		16px;
	font-weight: 	bold;
	text-align: 	center;
	margin: 		0px auto auto 0px;
	float: 			left;
	line-height: 	35px;
	}

#passagen_content {
	width: 			305px;
	height: 		478px;
	padding: 		45px 80px;
	float: 			left;
	}
	
.passagen_logo, .index_logo {
	width: 			70px;
	height: 		auto;
	text-align:		center;
	padding-right:	40px;
	float: left;
	}
	
#index_content {
	width: 			305px;
	height: 		305px;
	padding: 		45px 80px;
	float: 			left;
	margin:			50px auto auto 110px;
	}
	
.thumb_lichtgestalten {
	margin:			10px 10px 10px 10px;
	/*padding:		15px 15px;*/
	border:			2px solid #ccff99;
	}

.pic_lumini {
	float: 			left;
	margin:			14px auto auto 15px;
	}
	
.pic_lessnmore {
	float: 			left;
	margin:			14px auto auto 24px;
	}
	
.pic_logo, .back {
	position: 		absolute;
	left: 			14px;
	bottom: 		15px;
	}

.back {
	left: 			545px;
	bottom: 		15px;
	}
/* ENDE Extras*/