body {
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 0;
	padding: 0; 
	font-family: "Arial", sans-serif;
	color: black;
} 
img { border: none; }
#logo {
	background: transparent url("../img/lichthaus-lighting-store.png") no-repeat top right;
	position: absolute;
	top: 30px;
	left: 450px;
	width: 359px;
	height: 41px;
}
#firstheadline {
	position: absolute;
	top: 50px;
	left: 450px;
	width: 359px;
	height: 41px;
}

#content {
	position: absolute;
	top: 75px;
	left: 15px;
	width: 800px;
	height: 500px;
	background-color: white;	
}


	#container {
		position: absolute;
		left: 185px;
		width: 235px;
		height: 500px;
	}

	#text {
		position: absolute;
		bottom: 0px;
		font-size: 0.7em;
		padding-bottom: 5px;
		padding-right: 5px;
		color: #404040;
	}
	#text a, #text a:link, #text a:visited, #text a:hover {
		color: #8D8B8C;
	}
	
	#text h1 {
		font-size: 1.3em;
	}
	#text h2 {
		margin: 0;
		font-size: 1em;
		font-weight: normal;
	}
	#imgright,#imgright2 {
		position: absolute;
		right: 0px;
		z-index: 1;
	}
	#imgright2 {
		z-index: 2;
	}
	#nav {
		font-weight: bold;
		font-size: 14px;
		position: absolute;
		top: 25px;
		left: 25px;
		height: 500px;
		width: 150px;
		white-space: nowrap;
	}

	#nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	    width: 170px;
	}
	#nav ul li {
		margin-bottom: 1px;
	}
	#nav ul li a {
		text-decoration: none;
		color: black;
	}
	
	#nav ul li.over a {
		text-decoration: none;
		color: #ca0920;
	}
    #nav ul li.over div a {
        text-decoration: none;
        color: black;
    }
    #nav ul li.over div li.over a {
        text-decoration: none;
        color: #ca0920;
    }
/*#nav ul li#p2 a:link, #nav ul li#p2 a:visited,#nav ul li#p2 a:hover {
		color: #222;
	}
	
	li#p3 a, li#p3 a:link, #nav ul li#p3 a:visited,#nav ul li#p3 a:hover {
		color: #454545;
	}

	#nav ul li#p4 a:link, #nav ul li#p4 a:visited,#nav ul li#p4 a:hover {
		color: #6d6d6d;
	}

	#nav ul li#p5 a:link, #nav ul li#p5 a:visited,#nav ul li#p5 a:hover {
		color: #8b8b8b;
	}	
	
	
	#nav ul li#p6 a:link, #nav ul li#p6 a:visited,#nav ul li#p6 a:hover {
		color: #b1b1b1;
	}
	
	#nav ul li#p7 a:link, #nav ul li#p7 a:visited,#nav ul li#p7 a:hover {
		color: #b1b1b1;
	}
	#nav ul li#p8 a:link, #nav ul li#p8 a:visited,#nav ul li#p8 a:hover {
		color: #b1b1b1;
	}*/



	#nav ul li ul {
		margin-top: 0;
	}
	#nav ul li ul li {
		font-size: 12px;
		color: #989898;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 0;
	}
	#nav a:hover {
		color: #CA0920;
    }
	
	#slider {
		position: absolute;
		right: 0px;
		width: 40px;
		height: 500px;
		z-index: 3;
	}
		#slider ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 32px;
			position: absolute;
			left: 0;
		}
		#slider ul li {
			margin-top: 10px;
			position: relative;
			width: 30px;
			height: 30px;
			text-align: center;
		}
		#slider ul li.first {
			background: transparent url("../img/slide.gif") no-repeat top center;
			margin-bottom: 10px;
		}
		#slider ul li a { 
			display: block;
			padding-top: 3px;
			width: 29px;
			text-decoration: none;
			color: #999;
			font-weight:bold;
		}
		#slider ul li a.active {
			color: #ca0920;
		}
			#slider ul li.first a {
				padding-top: 0;
			}
		#slider ul li.last, #slider ul li.lastover {
			background: transparent url("../img/info.png") no-repeat top right;
			border: none;
			border-right: 1px solid white;
			
		}

	
			#infoplus {	
				border:none;
				position: absolute;
				bottom: 10px;
				right: 10px;
				margin: 0;
				display: block;
				text-align: left;
				padding: 5px;
				width: 110px;
				height: 15px;
				z-index: 11;
				font-size: 0.7em;
				color: white;
				background: transparent url('../img/blacktransparent.png');
				overflow: hidden;
			}
			
			#infoplus ul {
					width: 250px;
					margin: 0;
					padding: 0;
				}
				#infoplus ul li {
					display: block;
					border: none;
					position: static;
					text-align: left;
					width: 100%;
					height: auto;
					padding: 0;
					padding-left: 20px;
					margin-top: 5px;
					margin-left: 5px;
					background: transparent url("../img/download.gif") no-repeat center left;
				}	
			#infotoggle {
				display: block;
				text-align: left;
				white-space: nowrap;
			}	
			#infoplus a {	
				color: white;
				text-decoration: none;
				width: auto;
			}
			
	
			
#clock {
	position: absolute;
	left: 15px;
	top: 585px;
	padding-bottom: 20px;
	color: white;
	font-size: 0.7em;
}

#copyright {
	font-size: 0.7em;
	position: absolute;
	top: 585px;
	left: 456px;
	width: 359px;
	text-align:right;
	color: white;
}

#copyright a {
	color: white;
	text-decoration: none;
}

@media screen and (max-device-width: 480px) {
/*	html,body {
		background-position: 0% -155px!important;
	}*/
	
	#logo {
		top: 35px;
	}
	 
	#content {
		top: 80px;
	}	
	#clock {
		top: 650px;
	}
	#copyright {
		top: 650px;
	}
 }
.home-text {
	font-family: Verdana !important;
	top: -400px !important;
	text-align: justify !important;
	left: 300px !important;
	color: #EBE7B5 !important;
 	width: 280px !important;
 	position: absolute !important;
	z-index: 9999 !important;
	font-size: 11px !important;
	line-height: 14px !important;
}
.home-text h2 {
	font-size: 16px !important;
	font-weight: bold !important;
}