/* RESET BROWSERSTYLE */
* {padding: 0; margin: 0;}
/* GLOBAL */
h1, h2, h3 {font-family: verdana, sans-serif; color: #663; font-size: 160%; line-height: 1.4em; font-weight: 300; font-variant: small-caps; letter-spacing: 2px; margin: 10px 0 10px 0;}
h4 {font-family: verdana, sans-serif; color: #663; font-size: 125%; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5 {font-family: verdana, sans-serif; color: #663; font-size: 113%; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {font-family: verdana, sans-serif; color: #663; font-size: 107%; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 17px;}
/* BODY UND SEITE / BODY AND PAGE */
body {background: #eed; font-family: arial, sans-serif; font-size: 94%; color: #333333;}
#bgbody {text-align: center;}
#top {font-size: 10px; line-height: 0;}
#page {width: 980px; background: #fff url(images/bgheader.jpg) right top no-repeat; line-height: 1.4em; padding: 0; margin:0 auto;}
#pagein {background: url(images/bgsidebar.jpg) repeat-y; text-align: left; border-bottom: 1px solid #eed; padding: 0; margin: 0;}
#ie6 {float: right;}
hr {height: 1px; color: #999; background-color: #999; border: 0;}
/* KOPFBEREICH MIT SUCHBOX / HEADER AND SEARCHBOX */
#header {width: 720px; height: 170px; float: right;}
#headerin {padding: 6px 0; margin: 6px 0;}
#header h1 {font-family: 'times new roman', serif; color: #fff; font-size: 200%; line-height: 1em; text-align: left; font-weight: 100; margin: 0;}
#searchbox {float: right; width: 185px; text-align: right; padding: 6px 6px 12px 0;}
/* BREADCRUMB-NAVIGATION (LOCATOR) */
#locator {float: right; width: 720px; margin: 0;}
#locatorin {border-bottom: 1px solid #999; margin: 0 16px 5px 0; padding: 5px 0;}
p.locator {font-family: arial, sans-serif; font-size: 94%; color: #930; padding: 0; margin: 0;}
/* SIDEBAR NAVIGATION */
#sidebar1 {float: left; width: 230px;}
#sidebar1in {font-family: arial, sans-serif; color: #fa3; padding: 8px 0; margin: 10px 0;}
#sidebar1 li {list-style-type: none; list-style-image: none;}
#sidebar1 ul.menulevel1 li {font-family: georgia, serif; font-size: 17px; line-height: 1.0em; text-align: right; border: 0; padding: 3px 8px 5px 16px; margin: 0 0 0 6px;}
#sidebar1 ul.menulevel2 {border: 0; padding: 4px 0 2px 0; margin: 0;}
#sidebar1 ul.menulevel2 li {background-color: #510; line-height: 1.0em; font-size: 16px; border: 1px solid #443; padding: 3px 8px 4px 16px; margin: 6px 0;}
#sidebar1 ul.menulevel3 {border: 0; margin: 5px 0 0 0;}
#sidebar1 ul ul.menulevel3 li {line-height: 1.0em; font-size: 14px; border: 0; padding: 2px 0 3px 0; margin: 0;}
.docs {background: url(images/plus.gif) left top no-repeat; font-style: italic;}
.sdocs {background: url(images/plus.gif) left top no-repeat; font-style: italic;}
#sidebar1in h2 {color: #eee; font-size: 24px; text-align: right; font-variant: small-caps; letter-spacing: 2px; padding: 0; margin: 0 12px 10px 0;}
ul.subnav {list-style-type: none; font-size: 15px; text-align: right; padding: 10px 25px 10px 0; margin: 0;}
ul.subnav li {padding: 3px 0 3px 10px; margin: 0;}
p.lastupdate {font-family: verdana, arial, sans-serif; font-size: 12px; color: #eee; padding: 6px 10px 0 30px;}
#sidebar1 a:link {display: block; color: #cc9; text-decoration: none;}
#sidebar1 a:visited {display: block; color: #cc9; text-decoration: none;}
#sidebar1 a:hover {display: block; color: #ffffff; text-decoration: none; background-color: transparent; color: #fa3;}
#sidebar1 a:active {display: block; color: #ffffff; text-decoration: none; background-color: transparent; color: #fa3;}
#sidebar1 a:focus {display: block; color: #ffffff; text-decoration: none; background-color: transparent; color: #fa3;}
/* SIDEBAR NEWS */
#sidebar2 {float: right; width: 220px;}
#sidebar2in {color: #993300; font-family: arial, sans-serif; padding: 0; margin: 10px 0;}
#sidebar2 ul {list-style-type: none; list-style-image: none; background: #e9ece9; font-size: 94%; border: 1px solid #cccfcc; padding: 6px 0 12px 0;}
#sidebar2 li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}
#sidebar2in h2 {font-size: 150%; text-align: right; font-variant: small-caps; letter-spacing: 2px; padding-top: 8px;}
div.news {background: #fff; color: #333; font-size: 94%; line-height: 1.2em; border-left: 1px solid #999; padding: 0 8px; margin: 6px 0 16px 0;}
div.newsin {padding: 0 6px 0 4px;}
div.newsin h4 {background: #622; color: #ffc; font-size: 107%; font-weight: 300; text-align: center; line-height: 1.2em; letter-spacing: 1px; padding: 2px 3px 3px 3px; margin: 6px 0 0 0;}
div.newsin h5 {font-size: 107%; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
div.newsin h6 {font-size: 1em; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
/* INHALT / CONTENT */
#content {float: right; width: 520px; text-align: center;}
#contentin {text-align: left; border: 0; padding: 8px 20px 20px 20px; margin: 0;}
#content li {background: none;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.border {border: 1px solid #333;}
.noborder {border: 0;}
/* FUSSNAVIGATION / FOOTER NAVIGATION */
#footer {float: left; width: 100%;}
#footerin {text-align: center; padding: 0; margin: 10px;}
#notes {font-family: arial, sans-serif; font-size: 14px; text-align: center; margin: 10px 0 0 0;}
/* VORDEFINIERTE KLASSEN FUER BILDER / PREDEFINED CLASSES FOR IMAGES */
img.left {float: left; margin: 8px 20px 10px 0;}
img.right {float: right; margin: 8px 0 10px 20px;}
img.center {margin: 10px auto;}
img.border {border: 1px solid #333;}
img.noborder {border: 0;}
/* LINKFORMATIERUNG / LINKS */
a:link {color: #369; text-decoration: none; font-style: italic;}
a:visited {color: #369; text-decoration: none; font-style: italic;}
a:hover {color: #ffffff; text-decoration: none; background-color: #820; font-style: italic;}
a:active {color: #ffffff; text-decoration: none; background-color: #820; font-style: italic;}
a:focus {color: #ffffff; text-decoration: none; background-color: #820; font-style: italic;}
/* SONSTIGES / THE REST */
#passwd {border: 1px solid #999;}
#submit {border: 1px solid #999;}
.submit {background: #a30; color: #fff; border: 3px solid #cc9; padding: 1px 6px;}
#sidebar1in .submit {background: #a30; color: #fff; border: 3px solid #cc9; padding: 1px 6px;}
#headerin .submit {background: #a30; color: #fff; border: 3px solid #cc9; padding: 1px 6px; margin:0;}
.text {width: 160px; background: #f6f6f6; font-family: arial, sans-serif; font-size: 87%; border: 1px solid #999; padding: 1px 3px;}
.file {border: 1px solid #999;}
p.code {background: #eed; font-family: 'courier new', serif; border: 1px solid #997; padding: 20px;}
p.date {color: #093; text-align: right; line-height: 1.2em;}
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
.border {border: 1px solid #666;}
.retrieve {background: #ffffff; background-image:none; border: 0;}
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
textarea {width: 90%; background: #f6f6f6; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}
.hinweis {line-height: 1.2em; padding: 2px 10px;}
/* LIGHTBOX / THE REST */
#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; }