/* CSS Document */
body, html {
	background-color: #000000;
	margin: 0px;
	background-image: url(assets/bg.jpg);
    background-repeat: no-repeat; 
    background-position: 20% 0px;
	height:100%;
	padding:0;
  /* -- hack! -- */
  font-size:small !important;  /* for box-model-friendly browsers */
  font-size /**/:x-small; /* for pre IE6 browsers */
}
#container {position:relative;
min-height:100%;}
* html * #container {height:100%;} /* IE will (erroneous) act like 'min-height:100%' */
/************************* head ***********************/
#headleft {
float:right;
display:block;
width:100%;
height: 50px;
background-image:url(assets/bg_head.gif);
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity: 0.80;
}
*html #headleft {
margin-bottom:-10px;}
#headright {
height: 50px;
float:right;
}
#main{
width:770px;
margin: 0 auto;}
/************************* foto gedeelte ***********************/
#photo{
width:604px;
margin:40px 0px 0px 0px;
float:right;
}
#titel{
background-image:url(assets/titel.gif);
background-position: bottom left;
background-repeat: no-repeat; 
clear:both;
width:595px;
line-height:28px;
font-family:Georgia, "Bookman Old Style", "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:lighter;
padding-top:6px;
color: #695d4c;
}
/************************* thumbs rechts ***********************/
.thumbs{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
width: 86px;
float: right;
}
.thumbs a, .thumbs a:visited{
display: block; 
height: 25px; 
width: 25px;  
padding: 0px 0px 6px 6px;
}
.thumbs li{
float: left;
padding: 0px 8px 6px 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
.thumbs a img{
  border:2px solid #999;
}
.thumbs a:hover img, .thumbs a:active img, .thumbs a:focus img{
  border:2px solid #fff;
}
/************************* menu ***********************/
#nav-box{
margin:0px;
width:120px;
float:left;
background-color:#000000;
border-left:2px solid #333333;
border-right:2px solid #444444;
border-bottom:2px solid #333333;
padding-left:8px;
}
ul#photo-nav{
margin:35px 0 0 0;
padding: 0 5px 0 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
ul#photo-nav li,
ul#photo-nav li a{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:1px;
text-transform:lowercase;
color:#ffffff;
padding:0px 0px 5px 0;
display:block;
border:0px solid red;
text-decoration:none;
}
ul#photo-nav li,
ul#photo-nav li a:hover{
color:#a49973;
padding:0px 0px 5px 0px;
display:block;
}
ul#photo-nav>li,
ul#photo-nav>li>a{
height:29px;
padding:0px 0px 0px 0px;
display:block;
border:0px solid red;
}
/************************* buttons ***********************/
.home a:link, .home a:visited{
background:url('assets/button_home_1.gif') top right no-repeat transparent;
height:19px;
}
.home a:hover, .home a:active{
background:url('assets/button_home.gif') top right no-repeat transparent;
height:19px;
}
.gallery a:link, .gallery a:visited{
background:url('assets/button.gif') top right no-repeat transparent;
height:19px;
}
.gallery a:hover, .gallery a:active{
background:url('assets/buttonb.gif') top right no-repeat transparent;
height:19px;
}
.exhibits a:link, .exhibits a:visited{
background:url('assets/button_2_A.gif') top right no-repeat transparent;
height:19px;
}
.exhibits a:hover, .exhibits a:active{
background:url('assets/button_2_B.gif') top right no-repeat transparent;
height:19px;
}
.about a:link, .about a:visited{
background:url('assets/B1.gif') top right no-repeat transparent;
height:19px;
}
.about a:hover, .about a:active{
background:url('assets/B2.gif') top right no-repeat transparent;
height:19px;
}
.publicity a:link, .publicity a:visited{
background:url('assets/button_5_A.gif') top right no-repeat transparent;
height:19px;
}
.publicity a:hover, .publicity a:active{
background:url('assets/button_5_B.gif') top right no-repeat transparent;
height:19px;
}
.linkjes a:link, .linkjes a:visited{
background:url('assets/button6.gif') top right no-repeat transparent;
height:19px;
}
.linkjes a:hover, .linkjes a:active{
background:url('assets/button6b.gif') top right no-repeat transparent;
height:19px;
}
.contact a:link, .contact a:visited{
background:url('assets/button4.gif') top right no-repeat transparent;
height:19px;
}
.contact a:hover, .contact a:active{
background:url('assets/button4b.gif') top right no-repeat transparent;
height:19px;
}
/************************* regular links ***********************/
#footer a:link, #footer a:visited {
	color: #555555;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	background-color:#CABA86;
}
a:link, a:visited {
	color: #8ca574;
}
a:active, a:hover{
	color: #ffffff;
}
/************************* Footer ***********************/
#footer{
position:absolute;
bottom:0px;
right:4px;
height:14px;
font-size:0.70em;
text-transform:uppercase;
color:#555;
font-family:Verdana, Georgia, "Bookman Old Style", "Times New Roman", Times, serif;
padding: 0px 0px 2px 4px}
/************************* new ***************************/
span{
display:none;
}
/************************* Navigation ***********************/
.navi {
background-image:url(assets/bg.gif);
text-align:right;
  float:left;
  display:block;
  margin-top:0px;
  padding:2px 5px;
  /* -- hack! -- */
  width:38px !important;  /* for box-model-friendly browsers */
  width /**/:58px; /* for pre IE6 browsers */
}
/************************ Gallery *************************/
/* gallery only */
#gallery ul#full-gallery li img {
  float:left;
  margin:3px 10px 10px 0;
  border:3px solid #666;
}
#gallery p.album-cover {
  padding:0; margin:0;
}

h2 {
  font-size:1.3em;
  font-weight:lighter;
  padding:0; margin:0;
}

#photo p#current-image {
  clear:both;
  padding:0; margin:0;
}

#current-image img {
  border:4px solid #fff;
}

#photo .navi img {
  border:0px;
}
/*** tekst ***/
#tekst{
text-align:justify;
float:left;
color:#9f8b76;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
line-height:18px;
font-size:11px;
display:block;
border-color: #000000;
width:554px;
min-height:350px;
padding:18px 18px 18px 18px;
}
* html #tekst{
height:350px;}
/*********** Bestel Foto link **************/
#bestellen{
font-size:12px; float:left; width:200px; font-family:Arial, Helvetica, sans-serif; padding-top:6px}