/* RESET */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* END RESET */
/* Screen-CSSby webmediawerk.de Braunschweig (Paul Golmann (Praktikant)) 2010 */

/* Layout */
body, html {
  text-align:center;
}
.header, .header .col {
  position:relative;
  height:259px;
}

div.header {background:url(../gfx/header_steuerrad.png)  no-repeat right;}

.header .col-left h1 {
  height:78px;
  line-height:78px;
  margin:53px 0px 0px 0px;
  overflow:hidden;
}
.header .col-left h2, .header .col-left .skip {
  display:block;
  height:0;
  overflow:hidden;
  text-indent:-999999em;
}
#german_english {
	width:70px;
	height:25px;
	margin-left:850px;
	margin-top:20px;
}
#german {
	cursor:pointer;
	width:32px;
	height:20px;
	background-size:100% 100%;
	float:left;
	background:url(../gfx/germany.gif);
}
#english {
	margin-left:5px;
	cursor:pointer;
	width:32px;
	height:20px;
	float:left;
	background:url(../gfx/uk.gif);
}
.page {
  display:block;
  width:800px;
  margin:0 auto;
  text-align:left;
}
.col {
  display:inline;
}
.col-left {
  float:left;
  width:500px;
  margin-left:67px;
}
.header .col-left {
  margin-left:0;
  width:570px;
}
.col-right {
  float:right;
  width:220px;
  padding-top:60px;
}
.header .col-right {
  padding-top:0;
}
.col-right .block {
  margin-bottom:6px;
}
.col-right .block h3 {
  float:right;
  width:112px;
  padding:1px 4px;
}
* html .col-right .block h3 {
  width:120px;
}

.col-right a:link, .col-right a:visited {color: #000000; text-decoration: none;}
.col-right a:hover {color: #1691be;}

.col-right .block li {
  margin-left:-10px;
  padding-left:10px;
}
.header .col-right h2 {
  padding:100px 6px 7px 6px;
}
.header .col-right p {
  padding:0px 6px 7px 6px;
}
hr {
  border:0;
  clear:both;
}

img.float-left {
  margin:0px 10px 5px 5px;
  float:left;
}

.footer p {
  padding:10px;
}

/* Colors Images */
html, .footer {
  color:#ccc;
  background:#ababab;
}
.page {
  color:#333;
}
.header .col-right {
  
}
body {
  background:#ebebeb url(../gfx/head-bg.png) repeat-x top;
}
.header .col-left h1 {

}

.col-right .block {
  color:#333;
  background:#fff;
  border-top:1px solid #1691be;
}

.col-right .block h3 {
  color:#fff;
  background:#1691be;
}

.header .col-right {
  color:#fff;
}

.col-right .block li {
  background:transparent url(../gfx/bullet.gif) no-repeat left center;
}

hr {
  border-color:#ebebeb;
  color:#ebebeb;
  background:#ebebeb;
}
.footer {
  border-top:1px solid #ccc;
}
.footer p {
  border-top:1px solid #fff;
}
.footer p, .footer a {
  color:#ccc;
}

/* Text Font */

/* ganz weg */
.header .col-left h1 {
  background:transparent no-repeat;
  text-indent:-99999em;
}

body {
  font-family:Arial, sans-serif;
  line-height:1.3;
  font-size:13px;
}
.header {
  font-family:Tahoma, sans-serif;
}
.header .col-right h2 {
  font-size:14px;
  line-height:1.2;
}
.header .col-right p {
  font-size:11px;
}

.col-left h3 {
  color:#000;
  margin:22px 15px 0px 4px;
  font-size:13px;
  font-weight:normal;
  font-family:Tahoma, sans-serif;
  line-height:2.5;
  letter-spacing:2px;
}
.col-left p {
  margin:0px 15px 27px 5px;
}

.col-right .block h3 {
  font-size:11px;
  line-height:1.6;
  text-align:right;
  padding:0px 4px;
  margin-bottom:17px;
  font-weight:bold;
}

.col-right .block p,
  .col-right .block address,
  .col-right .block ul {
  clear:right;
  dsiplay:block;
  font-size:11px;
  padding: 0 0 15px 15px;
  letter-spacing:0;
  line-height:1.4;
  list-style:square inside;
}

.col-right .block ul {
  padding: 0 0 15px 25px;
}

.footer p, .footer a {
  font-size:10px;
  line-height:1.1;
  text-decoration:none;
}
.footer a:hover, .footer a:focus {
  color:#fff;
  text-decoration:underline;
}

ul.listenormal {padding: 10px;}
ul.listenormal li {list-style:square inside;}

.content {
  float:left;
  width:500px;
  margin-left:67px;
}

/* 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; }