@import url(reset.css);


html, body {
	font-size: 12px;
	line-height: 16px;
	font-family:  Helvetica, Arial, sans-serif;
  background-color: #000;
}

p {
padding-bottom: 12px;



}
h1 {
  font-size: 24px;
  line-height: 20px;
  margin: 0 0 10px 0;
  color: #cc9966;
  font-weight: bold;
  font-family: Times, Garamond;
  font-style: italic;
}

h2 {

  font-weight: bold;
}

 td {
line-height: 20px;
}





a {
  font-family: Times, Garamond;
  font-size: 16px;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
}

a:hover, a:active, a:focus {
   color: #cc9966;
}

#container {
	width: 565px;
	height: 179px;
   background-image: url(../images/intro2.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -282px;
}

#container_intro {
		width: 565px;
	height: 179px;
   background-image: url(../images/intro2.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -282px;
	
}

#head {
  width: 955px;
  height: 189px;
  background-image: url(../images/head.png);
	background-repeat: no-repeat;

}	
#container_immer {
	width: 955px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -478px;
	border: 1px solid #585858;
}

.intro {
  font-family: Times, Garamond;
  font-size: 36px;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  line-height: 45px;
  
  

}

#content {
  width: 530px;
  height: auto;
  position:relative; 
  top:0px; 
  right: 0px;
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #cccccc;
  line-height: 18px;
  margin: 0 0 0px 190px;
  
}  

#content_licht {
  width: 560px;
  height: auto;
  position:relative; 
  top:0px; 
  right: 0px;
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #cccccc;
  line-height: 18px;
  margin: 0px 0 0px 190px;
  
}  

.licht {
  

}

#content_gallery {
  width: 650px;
  height: auto;
  position:relative; 
  top:0px; 
  right: 0px;
  font-family: Arial, Helvetica;
  font-size: 14px;
  color: #cccccc;
  line-height: 18px;
  margin: 0 0 0px 45px;
  
}   

 


#wrapper_inhalt {
  width: 955px;
  height: 100%;
  
}	

#gallery {
  width: 350px;
  height: 700px;
  position:relative; 
  top:0px; 
  right: 0px;
  
  

}



ul#navigation {
  margin: 50px 30px 0 0;
	list-style: none;
	float: right;
}
	
ul#navigation li {
  margin: 0 0px 0 0px;
	padding: 0px 10px 0 10px;
	text-decoration: none;
	float: left;
	font-style: italic;
	border-right: 1px solid #666666;
	
}	

	
ul#navigation li a:link, ul#navigation li a:visited {
  text-decoration: none;
  font-weight: bold;
}

ul#navigation li a:hover, ul#navigation li a:active,  ul#navigation li a:focus, ul#navigation li.active a:link, ul#navigation li.active a:visited {
  color: #cc9966;
}	


#footer {
  width: 955px;
  height: 195px;
  position: relative;
  bottom: 0px;
  right: 0px;
  margin: -30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	
	
}


#contact {
 
  position:absolute; 
  text-align: right;
  right:0px;
  line-height: 22px;
  margin: 3px 36px 0px 0px;
  padding: 0px 0px 0 0px;
  font-family: Times, Garamond;
  font-size: 12px;
  font-weight: bold;
  color: #666666;


}


#contact a:link  {
      font-size: 12px;
 }



 
  #impressum {
 
  position:absolute; 
  text-align: right;
  right:0px;
  line-height: 22px;
  margin: 160px 36px 0px 0px;
  padding: 0px 0px 0 0px;



}  
    

	 #impressum a.active  {
      color: #cc9966;
 }