body {text-align:center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size: 7pt;background: #766A57 url("/images/body.bg.jpg") top left repeat; }
img { border:0;}

a { text-decoration:none;color: #000;}
#header a.hi { background:none;color: #E7BB30;}

#wrapper { margin: 0 auto;width: 758px;margin-bottom: 0;text-align:left;
background: #FFFFFF url("/images/wrapper.bg.gif") 0 367px no-repeat;z-index:1;position:relative;clear:both;_height: 580px;min-height: 580px; clear:both;}

#lsubwrapper,#rsubwrapper { position:absolute;display:block;z-index:0; background:#FFFFFF url("/images/lsubwrapper.bg.gif") 0 116px repeat-x; height: 244px;top: 123px;width: 50%;margin:0;left:0;}
#rsubwrapper { background:black; right:0;left:auto;}
#lsubwrapper { height:242px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;}

#header { height: 244px;clear:both;background: #000 url("/images/content/flessen.jpg") top left no-repeat;padding-left: 254px;color:white;}
#header .pic { float:left;margin-right: 12px;}
#header a { color: #FFF;text-decoration: underline;}

#header p { margin: 10px 13px 0 0;padding:0;}

h1 { color: #E7BB30;font-size: 7pt;margin:0;padding:20px 0 0 0 ;letter-spacing: 0.3em; }

#top { display:block;height: 123px;	background: url("/images/top.bg.gif") top left no-repeat;margin:0;padding:0;}
#nav {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	width:160px;
	letter-spacing: 2pt;
	padding-top: 55px;
	margin-left: 468px;
}
#nav li { }
#nav li a { color: #000;display:block; height: 16px;}
#nav li a:hover { color: #701381;}

.content { margin:0;padding:0 13px 10px 0;width: 467px;float:right;z-index:0;}


.content a { text-decoration:underline; color: #E7BB30}
.content a:hover { color: #E7BB30;}
.content ul { margin:10px 0;padding:0;list-style:none;line-height: 1.6em;}
.content ul li { background: url("/images/nav.li.gif") left 4px no-repeat;padding-left: 10px;}

#cright { width: 276px;}
#cleft { width: 177px;}
.clr { clear:both;}

#content { width: 467px;}
#messages img { margin: 20px 0 0 250px; }

.pageNav { text-align:center;}

.picr{ float:right;margin-left: 10px;}
.picl { float:left;margin-right: 10px;}

hr { height: 1px;padding:0;background-color: #000; color:#000000;clear:both;margin: 2px 0;}

#xtra { float:left;margin-top: 120px;text-align:right;width:216px;}

#xtra .thumb { border: 1px solid #C4D799; padding: 2px;margin-bottom: 3px;}

ul.eventList { margin:10px 0 0 0;padding:0;list-style:none;}
.eventList li { padding-bottom: 3px;}

#win_fill h1 { margin-bottom: 10px;}
.pics { margin-top: 10px;}
.pics a { padding: 2px; border: 1px solid #E7BB30;margin: 5px 5px 0 0;display:block;height: 50px;width:50px;float:left;}
.pics a:hover { background: gray;}



.content p { line-height: 1.6em;}
h2 {color: #FF9933;font-size: 7pt;margin:0;padding:0;margin-top: 10px;letter-spacing: 0.1em;}

#footer { clear:both;margin: 0 auto;width: 758px;padding:3px 0 0 0; }
#footer ul { list-style:none;margin:0;padding:0;color:#FFFFFF}
#footer li { float:left;list-style:none;margin-right: 5px;}
#footer a { text-decoration: none; color: #FFF;}
#footer a:hover { text-decoration:underline;}
#footer img { float:right;margin-right: 10px;}

/* INTRO */
#intro { margin: 0 auto;margin-top: 123px; height: 300px;background:black; width: 758px;height: 243px;background: #000 url("/images/content/intro.bg.jpg") top left no-repeat;}
#intro ul { margin:0;padding:0;float:right;text-align:right;width: 100%;list-style:none;}
#intro ul li { font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
#intro a { font-weight:bold;display:block;color: #FFFFFF;padding-right: 39px;}
#intro a:hover { color: #333333;}
#intro .navNL { padding-top: 62px;height: 60px;}
#intro .navFR { padding-top: 48px;height: 70px;}


/* FORMS */

label { display:block;clear:both;margin:5px 0;font-weight:bold; }
legend {display:none;}
label.no { display: block;width: auto;float:none;}
label.inline { display: inline;float: none;width: auto;margin-left: 5px;margin-right: 5px;font-weight:normal;margin-bottom: 5px;}
.hi { font-weight:bold;background-color: #FFFF99;  }
label.hi { font-weight:bold}
label em { font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #990000; }
.input,.formerror { background: white;border: 1px solid #AAAAAA;color:gray;font-size: 15px;font-family: Arial, Helvetica, sans-serif; }
label span.req { color: #990000; }
.formerror { background-color: #FCDFD6;color: black;}
.form { font-family: Arial, Helvetica, sans-serif; } 
fieldset { border:0;}

.form .info { display:block;padding: 5px; border: 1px solid #D9E1FF;background-color: #E6F7FF;margin: 5px 0;}


#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/prev.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/next.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: 26px; 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 */
	}