/* ++++++++++ STYLESHEET OELSCHLAEGER.DE / PYRAMEDIA 2007 / TIM GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%;
		height:100%;
  font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
  color:#FFFFFF;
 }
	
body
 {
  background:#F2F2F2;	
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#distance 
 { 
		width:1px;
		height:50%;
		margin-bottom:-310px;
		float:left;
 }

#container
 {
		position:relative;
		clear:left;
		width:1000px;
		height:620px;
	 margin:0 auto;
  background:#545253;		
	}
	
#logo
 {
	 position:absolute;
		top:42px;
		left:730px;
	}
		
#image_row
 {
	 position:absolute;
		top:85px;
		left:0px;
		width:998px;
		height:155px;
		border:1px solid #FFFFFF;		
		background:#FFFFFF;
	}
	
#content
 {
	 position:absolute;
		top:260px;
		left:25px;
		width:970px;
		height:325px;
	}
	
#content_left
 {
	 float:left;
		width:405px;
		font-size:12px;
		line-height:16px;
	}

#content_right
 {
	 float:left;
		width:405px;
		font-size:12px;
		line-height:16px;
		margin-left:95px;
	}
	
#job
 {
	 float:left;
  width:360px;
		margin-left:30px;		
	}

#note
 {
	 position:absolute;
		top:265px;
		left:725px;
		color:#FBFBFB;
	}
	
#banner
 {
	 position:absolute;
		top:520px;
		width:1000px;
		text-align:left;
	}
	
#news-flash
 {
	 position:absolute;
		top:-8px;
	} 

#address
 {
	 position:absolute;
		top:600px;
		width:1000px;
		font-size:11px;
		text-align:center;
		color:#FFFFFF;
	}
	
#address a
 {
  text-decoration:none;
	 color:#FFFFFF;
	}
	
#language
 {
	 position:absolute;
		top:255px;
		left:22px;
		font-size:11px;
	}
	
#language a
 {
	 color:#EEEEEE;
	 text-decoration:none;
	}
	
#gallery
 {
	 position:absolute;
		top:255px;
		left:735px;
		font-size:11px;
		text-align:right;
	}
	
#gallery a
 {
	 color:#EEEEEE;
	 text-decoration:none;
	}	
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
	 position:absolute;
		top:65px;
		left:0px;
 	font-size:12px;
		color:#FFFFFF;
	}

#navigation ul
 {
	 list-style-type:none;
	}
	
#navigation li
 {
	 display:inline;
		margin-right:5px;
	}

#navigation a
 {
	 color:#FFFFFF;
		text-decoration:none;
	}
	
#navigation a:hover
 {
	 color:#DDDC20;
	}
	
#navigation .active
 {
	 color:#DDDC20;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:36px;
		font-weight:normal;
		text-align:left;		
		margin-top:73px;
		margin-bottom:20px;
		margin-left:-3px;
	}
	
h2
 {
	 font-size:18px;
		font-weight:normal;
		margin-top:5px;
		margin-bottom:20px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  line-height:16px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
a
 {
	 color:#FFFFFF;
		text-decoration:underline;
	}
	
a:hover
 {
  text-decoration:none;
	}
	
ul
 {
	 list-style-type:circle;
		margin-left:25px;
		margin-bottom:12px;		
	}
	
ul ul
 {
	 list-style-type:circle;
		margin-left:15px;	
	}	
	
	
label
 {
	 display:block;
		float:left;
		width:70px;
		margin:2px 0;
	}

fieldset
 {
	 margin-bottom:8px;
	}
	
input
 {
  width:150px;
		height:16px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		margin-bottom:2px;
		vertical-align:middle;		
	}
	
input:active, input:focus, input:hover { background: #DEDC22;}	
	
.button
 {
	 height:20px;
		width:279px;
		margin-bottom:10px;
		color:#FFFFFF;
		font-weight:bold
	}
	
textarea
 {
	 width:220px;
		height:150px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		vertical-align:middle;		
	}	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ LIGHTBOX ++++++++++ */		
#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(../_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; 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: 66px; 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; }
/* ++++++++++ ENDE LIGHTBOX ++++++++++ */