html {min-height: 100%;}

* {
	margin:  0;
	padding: 0;
}

a {color: #048;}
a:link { text-decoration:none;}
a:hover {color: #06C; text-decoration:underline;}
a:visited {text-decoration:none;}
a img {border:0 none}

body {
	background: #E7E7E2 	url('Bilder-template/body_neu.jpg') no-repeat 	center top;
	color: #444;
	font: normal 75.0% 	Tahoma,sans-serif;
	padding-top: 30px;
}

p,code,ul {
	padding-bottom: 1.2em;
	text-align: center;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu, #menu ul {padding:0; margin:0; list-style:none; height:30px; background:#ddd;
border-bottom:1px solid #fff; border-top:1px solid #fff;}
#menu {width:760px;}
#menu li.first {border-left:1px solid #fff;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; border-right:1px solid #fff;}
#menu li a {white-space:nowrap; background:#ddd; display:block; float:left; height:30px; line-height:30px; font-family:georgia, serif; font-size:16px; text-decoration:none; color:#000; padding:0 16px 0 5px;}
#menu li a.drop {background:#ddd url(Bilder-template/down.gif) no-repeat right center;}
#menu li a:hover {position:relative; color:#069; background-color:#ccc;}
#menu li:hover {position:relative;}
#menu li:hover > a {color:#080;}

#menu :hover ul {left:-1px; top:30px; width:140px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:20px; width:130px; border-bottom:1px solid #fff; font-size:12px;}
#menu :hover ul li a.right {background:#ddd url(images/right.gif) no-repeat 135px center;}

#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}

#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}

#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}


li {list-style: none;}

h1 {font: bold 2.8em sans-serif;}
h2 {font: bold 1.8em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

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

#lightbox img{ width: auto; height: auto;}

#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-image: url(data:image/gif;base64,AAAA); Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(Bilder-template/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(Bilder-template/nextlabel.gif) right 15% no-repeat; }


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


#imageData{ padding:0 10px; color: #666; }

#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: 100px; float: right;  padding-bottom: 0.7em; outline: none; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


h1,h2,h3 {padding-top: 6px; color: #553;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	border: 2px solid #D7D7D2;
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}

.outer-container {
	background: url('Bilder-template/container_neu.jpg') no-repeat center bottom;
	padding-bottom: 64px;
}

/* Header */
.header {
	background: #e3d9d5 url('Bilder-template/header.jpg') no-repeat;
	height: 120px;
	margin-bottom: 5px;
	text-align: center;
}

/* Navigation */
.navmenue {
	background: #E7E7E2;
	color: #444;
	font: normal 1.1em Verdana,sans-serif;
	padding: 8px 12px;
}
.navmenue a {
	color: #444;
	text-decoration: none;
}
.navmenue a:hover {
	color: #FFE;
	text-decoration: underline;
}

/* main */
.main {
	background: url(Bilder-template/main.jpg) repeat-y;
	border-top: 4px solid #FFF;
	padding: 8px 12px 0 0;
}

/* navigation */
.navigation {
	float: left;
	width: 210px;
}
.navigation h2 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;
}

/* footer */
.footer {
	background: #d9cfcd;
	color: #444;
	font: bold 1em sans-serif;
	border-top: 5px solid #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.agb {
	text-align: left;
	padding-left: 8px;
}