/*******************************************

* Herzlich Willkommen *

Schšn, dass Du Dich fŸr das CSS interessierst. Bevor Du es begeistert auf Deiner Seite verwendest solltest Du folgendes wissen.
1. Das Design ist ursprŸnglich inspiriert von www.milchkleid.de die Umsetzung in HTML und CSS ist von www.appelt.info.
2. Bevor Du das Eine und/oder Andere solltest Du freundlicherweise um Erlaubnis fragen.*****************************************/

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
#wrap-li{
width: 336px; 
    margin: 0px auto;
    background: url('border-li.jpg') repeat left;
}
#content {
    width: 316px; 
    margin: 0px auto;
    text-align:left;
height:100%;
min-height:764px;
}

#head {
    margin: 0px;
    border: 0px solid #000000;
    background-color: #fff;
}
#foot {
    margin-top: 50px;
position: absolute; bottom: 0;
}
#navi {
    margin: 20px;
    color: #606060;
    border: 0px solid #000000;
    background-color: #fff;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
}

#navi a{
   text-decoration: none;
    color: #808080;
  
}

#navi a:hover{
    color: #606060;
   
}

.text {
    margin: 20px;
    border: 0px solid #000000;
    background-color: #fff;
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    line-height:18px;
}
.text a{
   text-decoration: none;
    color: #808080;
  
}
.text a:hover{
    color: #606060;
   
}
.text li{
    margin: 5px;
  list-style:url('arrow.jpg') outside;
}

h1{
font-size: 14px;
font-family: Verdana, Arial, sans-serif;
}
.right { 
margin-left:auto;
margin-right:0; 
text-align:right;
font-size: 9px;
}
div.center { text-align:center; }

.impressum { 
margin-right:0; 
position: fixed;
text-align:right;
font-size: 9px;
color: #606060;
bottom: 0px;
background-color: transparent;
}
.impressum a, a:hover, a:visited{
   text-decoration: none;
    color: #606060;
  
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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