/* CSS Document */

html {
		}
	
body {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #000 url(../images/body_bg.jpg) top center no-repeat;
	color: #ccc;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 110%;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

a {
	color: #ccc;
	outline:none;
}

a:hover {
	color: #fff
}

ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 110%;
	margin: 0 0 1em 0
}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 5px 0;
}

img {
	border:none;
}

h1 {
	font-size: 230%;
	margin: 0 0 0.4em 0;
	color: #ccc;
}

h2 {
	font-size: 190%;
	color: #ccc;
	margin: 0 0 0.5em 0;
	font-weight:normal;
}

h2 a {
	text-decoration:none;
}

h5 {
	font-size: 120%;
	margin: 0 0 0.3em 0;
}


hr {
	color: #666;
}

/* Klassen ########################################################## */

.bild {
	
}

.bild_text {
	float:left;
	margin: 0 10px 10px 0
}

.bild_text_re {
	float:right;
	margin: 0 0 20px 20px
}

a.mehr {
	background: url(../images/a_mehr_bg.jpg) 0 0 no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 30px;
	text-decoration:none;
}

a.mehr:hover {
	background-position: 0 -30px
}



.divide {
	height: 1px;
	background: url(../images/divide_bg.jpg);
	margin:10px 0 30px 0;
	clear:both;
}



p.bildunterschrift img {
	display:block;
	margin: 0 0 5px 0;
}


a.pdf {
	background: url(../images/a_pdf.png) 0 0  no-repeat;
	padding: 5px 0 5px 30px;
	text-decoration:none;
}

a.pdf:hover {
	background-position: 0 -24px 
}

/* D-Karte ########################################################## */

#map_canvas {
width: 960px; 
height: 400px; 
margin-padding:60px;}

.marker h2 {
color: #000;
margin:0 0 15px 0;
}

.marker a {
color: #9F9F9B;
font-size:12px
}

.marker a:hover {
color: #454443
}

/* Layout ########################################################## */

#container {
	width: 960px;
	margin:auto;
	background: #000;
	
}

/*header --------------------------------- */

#header {
	height: 150px;
	background: url(../images/header_bg.jpg) top center no-repeat;
}

#header img {
	display: none;
}

#header ul {
	margin:0 0 0 280px;
	list-style-type:none;
}

#header ul li {
	margin:0;
	float:left;
}

#header ul li a {
	display:block;
	height: 150px;
	text-indent:-3000px;
}

#header ul li a.home {
	width: 120px;
	background: url(../images/a_home_bg.jpg) 0 0 no-repeat;
}

#header ul li a.showroom {
	width: 155px;
	background: url(../images/a_showroom_bg.jpg) 0 0 no-repeat;
}

#header ul li a.news {
	width: 95px;
	/*cursor:default;*/
	background: url(../images/a_news_bg.jpg) 0 0 no-repeat;
}

#header ul li a.licht {
	width: 180px;
	background: url(../images/a_lb_bg.jpg) 0 0 no-repeat;
}

#header ul li a.kontakt {
	width: 120px;
	background: url(../images/a_kontakt_bg.jpg) 0 0 no-repeat;
}

#header ul li a:hover {
	background-position: 0 -150px
}

/*#header ul li a.news:hover {
background-position: 0 0px
}*/

#header ul li a.aktiv {
	background-position: 0 -150px
}


/*Inhalt --------------------------------- */
#content_wrap {
	background: url(../images/content_wrap_bg.jpg) top center no-repeat;
	min-height: 350px;
	clear:left;
	position:relative;
}


/*content ##########################################*/

#content {
	padding: 0 20px 0 20px;
	
}

/*Projekt*/

#col1 {
	padding: 0 20px 0 20px;
	width:410px;
	float:left;
	
}

#col1 h1 {
clear:both;
cursor:pointer;
}

		
#col2 {
	float:right;
	width:480px;
	padding: 4px 20px 0 0;
}

#col2 a img {
	border: 4px solid #222;
	margin: 0 15px 15px 0;
}

p.posted {
	color: #999999;
	background: url(../images/posted_bg.jpg) left center no-repeat;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 24px;
}

//*Artikelnavigation*/

p.prev {
	width: 48%;
	float:left;
	padding: 10px 0 10px 0;
	font-size: 110%;
	background-color:#996600
}

p.prev a {
	background: url(../images/a_back_bg.jpg) 0 0 no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 0px;
	text-decoration:none;
	
}

p.next {
	width: 48%;
	float:right;
	font-size: 110%;
	padding: 0px 0 10px 0;
	text-align:right;
}

p.next a {
	background: url(../images/a_mehr_bg.jpg) 0 0 no-repeat;
	padding: 0 0 0 15px;
	text-decoration:none;
	
}


#nav_showroom {
	
}


#nav_showroom p.prev {
	
}

#nav_showroom p.prev a {
	display:block;
	width: 32px;
	height: 70px;
	position:absolute;
	top: 100px;
	left: 0px;
	background: url(../images/prev.jpg) 0 -100px no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0px;
	text-decoration:none;
	text-indent:-3000px;	
}

#nav_showroom p.prev a:hover {
	background-position: 0 0px
}



#nav_showroom p.next {	
}

#nav_showroom p.next a {
	display:block;
	width: 32px;
	height: 70px;
	position:absolute;
	top: 100px;
	right: 0px;
	background: url(../images/next.jpg) 0 -100px no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0px;
	text-decoration:none;
	text-indent:-3000px;
	
}
#nav_showroom p.next a span {
	display:none
}

#nav_showroom p.next a:hover {
background-position: 0 0px
	
}

/*Inhalt / Kontaktformular ---------------------- */

label{
	font-size:110%;
	margin:0.3em 0 0 0;
}

label.zemCheckbox {
   font-size:110%;
	display:inline-block;
	line-height:16px;
	vertical-align:text-bottom;
	color: #333;
}

input.zemText {
	font-size:90%;
	border:1px solid #222;
	background: url(../images/footer_wrap_bg.jpg) center;
	padding:3px 5px;
	margin:0 0 0.7em 0;
	color: #ccc;
	font-size: 11px;
	font-family : Arial, Helvetica, sans-serif;
	
}

input.zemText:hover {
	border:1px solid #333;
}

textarea{
	border:1px solid #222;
	background: url(../images/footer_wrap_bg.jpg) center;
   padding:3px 5px;
	margin:0 0 0.7em 0;
	overflow:auto;
	color: #ccc;
	font-size: 11px;
	font-family : Arial, Helvetica, sans-serif;
}
	
label.zemTextarea{
   font-size:110%;
	display:inline-block;
	margin:1.4em 0 0 0;
}

p.submit {
	height:23px; 
	background:url(../images/btn_submit_right.jpg) right no-repeat; 
	width:auto; 
	float:left;
	}
	
p.submit input {
	height:23px; 
	background:url(../images/btn_submit_left.jpg) left  no-repeat; 
	color:#222;
	text-transform:uppercase; 
	border:none; 
	overflow:visible; 
	display:inline; 
	margin:0px; 
	padding:1px 28px 2px 8px; 
	font-size:11px; 
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	letter-spacing: 1px
}

/*Karte mit Standorten*/

#karte {
	width: 312px;
	height: 400px;
	background: url(../images/karte.png) no-repeat;
	position:relative;
}

#karte ul {
	margin:0;
	padding:0;
	list-style-type: none
}

#karte ul li {
	display:block;
	width: 10px;
	height: 10px;
	background: #000;
	
	position:relative;
	text-indent: -3000px;
	margin:0;
	box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
}
#karte ul li.feller {
	position:absolute;
	top: 123px;
	left:160px;
}

#karte ul li.scharkon {
	position:absolute;
	top: 145px;
	left:100px;
}

#karte li span {
	display:none;
	
}

#karte li:hover span {
	display:block;
	
	position: absolute;
	top:0;
	left:10px;
	background: #fff;
	color: #000;
	padding: 10px;
	text-indent: 0;
	box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
}
#karte ul li a {
	color: #000
}


/*Lichtberater*/

.teaser_lb {
	height: 200px;
	padding: 0 10px 0 0;
}

.teaser_lb h2 {
	
}

.teaser_lb p
{
	clear:left
	}

.teaser_lb p span {
	width: 270px;
	display:block;
	float:left;
	padding: 0 10px 10px 0;
	}



/*Footer --------------------------------- */

#footer_wrap {
	background: url(../images/footer_wrap_bg.jpg) top center no-repeat;
	width: auto;
	clear:both;
}

#footer {
	width: 940px;
	margin:auto;
	clear:both;
	height: 290px;
	background: url(../images/footer_bg.jpg) top center no-repeat;
	padding: 60px 0 0 20px;
}

#footer p {
	width: 400px
}

p.impressum {
	color: #444;
}
p.impressum a {
	color: #444;
	text-decoration:none;
}

p.impressum a:hover {
	background: black;
}
/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/