/* general styles */
html        { height: 100% }
body             { link: #84821c; vlink: #84821c; alink: #a8a256; font-size: small; font-family: Georgia, serif; background: #fce6a8 url("../images/back.gif"); margin: 8px }
	* html body {font-size: x-small; /* f?r IE5/Win */ 
	f/ont-size: small; /* f?r andere IE-Versionen */
}
a:link  { color: #323232 }
a:visited  { color: #323232 }
a:hover  { color: #84821c; background-color: #fff7d6 }
a:active  { color: #84821c; background-color: #fff7d6 }
#main-body          { width: 100% !important; width: 902px; /*nur f?r IE */ min-width: 800px; max-width: 1024px }
#lang       { margin: 12px 0 0 16px }
/* head styles */
#header       { background-color: #fce6a8; margin: 0; padding: 4px 4px 8px }
#header div { clear: both }
#header a { font-size: 80%; font-family: Georgia; font-variant: small-caps; font-weight: bold; padding: 4px }
#header a:link, #header a:visited { }
#header a:hover, #header a:active { background-color: #fff7d6 }
#picbar     { background-color: #fce6a8; margin: 0 0 0; padding: 0 0 0 4px }
#picbar a { background-color: #fce6a8; margin: 0; padding: 0; float: left }
/* content styles */
#content { font-family: Georgia, "Times New Roman", Times, serif; background-color: #fce6a8; margin: 0 0 8px; padding-top: 16px; clear: both }
#cont-left { font-size: 100%; padding-right: 4px; width: 58%; float: left; border-right: 1px dotted #333 }
#cont-left div { text-align: justify; margin-left: 8px; padding: 4px }
#cont-left div div { text-align: inherit; }
#cont-left p  { font-size: 120%; }
#cont-left li { font-size: 120% }
#cont-left td  { font-size: 106% }
#cont-left h1 { font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; text-align: left }
#cont-left h2 { font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold }
#cont-left h3 { font-size: 140%;}
#cont-cent { text-align: center !important; }
.remark { font-size: 70%; text-decoration: none; }
#cont-right      { width: 39%; float: right }
#cont-right div   { margin-right: 8px; padding: 4px }
#cont-right td    { font-size: 90%; margin-top: 9px; border-bottom: 1px dashed #84821c }
#cont-form  { margin-left: 20px; width: 90% }
#cont-bottom          { font-size: 100% !important;font-size: 95%; width: 99%; clear: both }
#cont-bottom div  { text-align: justify; margin-right: 4px; margin-left: 4px; padding: 4px }
#cont-bottom p  { font-size: 120% !important; font-size: 125%; }
#cont-bottom li { font-size: 120% !important; font-size: 122%; }
#cont-bottom td  { font-size: 106% }
#cont-bottom h1 { font-size: 180%; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; text-align: left }
#cont-bottom h2 { font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold }
#cont-bottom h2 { font-size: 130%; font-weight: bold }
#content .text  { font-size: 96% !important; font-size: 100%; /*nur f?r IE */ text-decoration: none }

/* other styles */
#highlight  { color: #84821c; font-size: larger; background-color: #fff7d6; text-align: justify }
#contcent { text-align: center !important }
#contcent h1 { text-align: center !important }
#contcent h2 { text-align: center !important }
#centlist { text-align: justify; list-style-image: url("../images/clover_li.gif"); list-style-position: outside; width: 60% }
#remark  { color: #84821c; font-size: 90%; text-align: justify }
#smalertext { font-size: 70% }
#picture     { }
#picture img   { padding: 2px; border: ridge 3px #817d6c }
#contdata      { font-size: 100%; background-color: #fce6a8 }
#contdata td   { font-size: 80%; padding: 2px }
#foot       { color: #84821c; font-size: 90%; line-height: 200%; background-color: #fce6a8; text-align: center; width: 100%; clear: both }
/* LightBox Styles */
#lightbox{
	position: absolute;
	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/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;	}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* END Lightbox*/
/* Formular Styles */
#form  { }
#form td { font-size: 80% !important; font-size: 76%; /*nur f?r IE */ }
#form .button { color: black; font-size: 11px; font-family: Verdana; font-weight: bolder; background-color: #dfdfdf; text-align: left; cursor: hand; display: inline; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; width: auto; border-style: solid; border-width: 1px; border-color: #292929 black black #292929 }
#form .text   { color: #84821c; font-size: 100% !important; font-size: 96%; background-color: #fff7d6; border-width: 1px; border-color: black }
#form .select { color: #292929; background-color: #f5f5f5 }
#form .red { color: #900; font-size: smaller; vertical-align: super }
#form .color1 { color: #84821c }
#form .color4 { background-color: #fff7d6 }

/* NAVigation styles */
#menubar  { background: #fce6a8 url("../images/nav_bg.gif") repeat-x left bottom; margin-top: 8px; padding-top: 8px; width: 100%; float: left }

#menucontainer   { }