/* style.css Bertuleit */

* {
  margin:0;
  padding:0;
}

a {
  text-decoration:none;
/* outline:none; */
}

body {
  font:normal normal 12px/18px Arial,Helvetica,sans-serif;
  text-decoration:none;
  background-color:#C9D28B;
  color:#336666;
}

/* Seitenstruktur */

#page {
  margin:0 auto;
  width:783px;
  background:#FEFBDE;
  color:black;
  border-left:#336666 1px solid;
  border-right:#336666 1px solid;
}

#footer {
  clear:both;
}

#header {
  background:url('/img/header.jpg') no-repeat;
  height:294px;
  margin:0 auto;
  width:785px;
  overflow:visible;
}

#wrapheader {
  background:url('/img/background.png') no-repeat;
  position:relative;
  left:-100px;
  width:100px;
  height:346px;
}

#sidebar1 {
  float:left;
  width:175px;
}

#sidebar2 {
  float:right;
  width:154px;
  padding-top:175px;
  background:url(/img/logo.gif) no-repeat top left;
}

#logo {
}

#content {
  margin-left:175px;
  margin-right:154px;
}

/* Access */

#access {
	background: #9c0;
	color: #739900;
	display: none;
}

/* Navigation Struktur */

#nav, #nav ul, #nav2 {
  list-style:none;
}

#nav {
  padding:0 0 152px 10px;
  position:relative;
  top:-10px;
}

#nav ul {
  padding:0;margin:0;
}

#nav2 {
  padding:6px 0 0 2px;
}

/* Inhalt */

#content {
  background:inherit;
  color:#336666;
  font:normal normal 12px/18px Arial,Helvetica,sans-serif;
  padding:0 37px 0 37px;
}

#content p {
  text-decoration:none;
  padding:10px 0 10px 0;
}

#content h1, #content .titel {
  font-weight:bold;
  font-size:16px;
  text-align:left;
  margin:0;
  padding:0 0 10px 0;
}

#content h2 {
  font-weight:bold;
  font-size:14px;
  text-align:left;
  margin:0;
  padding:10px 0 10px 0;
}

#content h3 {
  font-weight:bold;
  font-size:12px;
  text-align:left;
  margin:0;
  padding:10px 0 10px 0;
}

#content blockquote, #content q, #content cite {
  font-weight:normal;
  font-style:italic;
  font-size:11px;
  text-align:left;
  margin:0;
  padding:10px 0 10px 0;
}

#content ul, #content ol {
  font-weight:normal;
  font-size:12px;
  text-align:left;
  margin:0;
  padding:10px 0 10px 0;
}

#content ul {
  padding:0 0 0 18px;
}

#content ol {
  padding:0 0 0 18px;
}

#content li {
  padding-bottom:4px;
}

/* Links */

#content a, #nav2 a, #content a:visited, #nav2 a:visited {
  background:inherit;
  color:#336666;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  text-decoration:none;
}

#content a:hover, #nav2 a:hover, #content a:active, #nav2 a:active {
  background:inherit;
  color:#336666;
  text-decoration:underline;
}

/* Navigation Menüitems */

#nav ul li {
  margin:0;
  padding:0;
}

#nav li {
  display:inline;
}

#nav a, #nav a:visited {
  width:156px;
  height:20px;
  display:block;
  background:url(/img/navi.gif);
  background-color:inherit;
  color:#336666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  letter-spacing:-1px;
  text-align:left;
  text-decoration:none;
  padding:2px 0 0 5px;
  overflow:hidden;
  margin-top:10px;
}

#nav a:hover, #nav a:active, #nav a.current-navitem, #nav a.current-navitem:visited {
  background:url(/img/navi_h.gif);
}

#nav ul a, #nav ul a:visited {
  background:url();
  background-color:inherit;
  color:#336666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  letter-spacing:0px;
  text-align:left;
  text-decoration:none;
  padding:0 0 0 15px;
  width:141px;
  height:auto;
  line-height:14px;
  margin:0;
  padding:3px 0 6px 15px;
}

#nav ul a:hover, #nav ul a:active, #nav ul a.current-navitem, #nav ul a.current-navitem:visited {
  background:url(/img/punkt.gif) 3px 7px no-repeat;
  background-color:inherit;
  color:#336666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  letter-spacing:0px;
  text-align:left;
  text-decoration:none;
  margin:0;
  padding:3px 0 6px 15px;
}


/* Bilder */

.alignleft {
  width:auto;
  float:left;
  padding:4px 20px 10px 0;
}

.alignright {
  width:auto;
  float:right;
  padding:4px 0 10px 20px;
}

.caption {
  display:block;
  font-style:italic;
  text-align:center;
}

#sidebar1 img {
  padding:0 0 8px 35px;
}

#content table {
  border-collapse:collapse;
}

#content td.col1, #content th.col1 {
  border-right:#306460 solid 1px;
}

#content td, #content th {
  padding:0 6px;
  display:block-inline;
  text-align:left;
}

#content .table1 {
  width:220px;
}

#content .table1 td {
  width:50%;
}

#content .table2 td.col1 {
  width:75%;
}

#content table .odd {
  color:inherit;
  background:inherit;
}

#content table .even {
  color:inherit;
  background:#E8EEBE;
}

#content table th {
  color:inherit;
  background:#E8EEBE;
  font-weight:bold;
}

#content blockquote {
  padding:20px 20px 10px 60px;
  background:#E9EDBB url(/img/yinyang.png) no-repeat 6px 6px;
  color:inherit;
  font-size:12px;
  font-style:italic;
}

#content .tipp {
  background:#E9EDBB;
  padding:0;margin:0;
  list-style-type:none;
}

#content .tipp li {
  padding:20px 20px 10px 60px;
  background:url(/img/yinyang.png) no-repeat 6px 6px;
  color:inherit;
  font-size:12px;
  font-style:italic;
}

#content blockquote a {background:none !important;}

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