body {font-family: Verdana, Geneva, sans-serif;  font-size: 101%;  background-color: #B35F00;  color: #000000;  margin: 0;  padding: 0;  height:100%; 
background-image: url(/includes/images/rubriken/hp.gif);   background-repeat:no-repeat;background-position: right top;}

form {margin: 0; }
hr {display: none; }
p {margin: 0 0 .8em 0; }
.clear {clear: both;  height: 1px; }
#content img				{margin: 6px; border: 1px solid #a9a9a9; margin: 5px 5px 5px 5px; padding: 8px;}
#content img:hover, img:focus	{background-color: #D7DBD3;}
#content a { color: #B35F0;  }
#hp a { color: #B35F00;  }

/* Formatierung Reiternavigation */
#reiter {font-size: .65em;  margin: 0; }
#reiter span {display: none; }
#reiter a {position: relative;  z-index: 0;  font-weight: bold;  letter-spacing: -.06em;  color: #000;  background-color: transparent;  text-decoration: none;  text-transform: uppercase;  padding-right: 9px;  margin-right: -1px;  display: block;  float: left; }

#reiter a:hover {color: #FFF;  background-color: transparent; }
#reiter a span {display: block;  border: solid #000;     border-width: 1px 0 0 1px;     padding: 4px 0 7px 5px; }
#reiter a.aktiv { position: relative;  z-index: 20; }


/* Individuelle Linkformatierungen */
a#as { 	z-index:5;  color: #000;     background-color: transparent;      background-image: url(/includes/images/reiter/as_r.gif);     background-repeat: no-repeat;     background-position: top right;  }
a#as span {color: #000;       background-color: #ACBBBA;  }
a#as:hover span {color: #FFF;       background-color: #ACBBBA;  }

a#ll {position: relative;  z-index:2;   color: #000;     background-color: transparent;      background-image: url(/includes/images/reiter/ll_r.gif);     background-repeat: no-repeat;     background-position: top right; }
a#ll span {color: #000;   background-color: #BCD0AC; }
a#ll:hover span {    color: #FFF;       background-color: #BCD0AC; }

a#kk {position: relative;   z-index; 2: color: #000;  background-color: transparent;  background-image: url(/includes/images/reiter/kk_r.gif);     background-repeat: no-repeat;     background-position: top right;       padding-right: 13px;  }
a#kk span {color: #000;    background-color: #A2B6CA; }
a#kk:hover span {color: #FFF;   background-color: #A2B6CA; }

a#hp {position: relative;  z-index:2;  color: #000;  background-color: transparent;  background-image: url(/includes/images/reiter/hp_r.gif);  background-repeat: no-repeat;  background-position: top right;   margin-left: -4px; }
a#hp span {color: #000;    background-color: #C99356; }
a#hp:hover span {color: #FFF;   background-color: #C99356; }

a#rg {position: relative;  z-index:2;  color: #000;   background-color: transparent;  background-image: url(/includes/images/reiter/rg_r.gif);  background-repeat: no-repeat;  background-position: top right;  }
a#rg span {color: #000;   background-color: #EDC78A; }
a#rg:hover span {color: #FFF;   background-color: #EDC78A; }

a#sf {position: relative;  z-index:2;  color: #000;    background-color: transparent;   background-image: url(/includes/images/reiter/sf_r.gif);   background-repeat: no-repeat;     background-position: top right;   }
a#sf span {color: #000;    background-color: #BCA3B2; }
a#sf:hover span {color: #FFF;   background-color: #BCA3B2; }

a#bg {position: relative;  z-index:2;  color: #000;  background-color: transparent;  background-image: url(/includes/images/reiter/bg_r.gif);  background-repeat: no-repeat;  background-position: top right;  padding-right: 14px; }
a#bg span {color: #000;  background-color: #A8A8A8; }
a#bg:hover span {color: #FFF;   background-color: #A8A8A8; }

 /*  Positionierung der Seitenelemente */		
#rahmen {width:766px;  margin:0 auto;  position:absolute;  left:0;}
#abstandoben {position: absolute;  top: 144px;  background-color: #C99356;  z-index: 10;  width: 766px;    color: #000;   clear: both; height:11px;}
#header {width: 766px;  position: absolute;  color: #000;  background-color: #transparent;  background-repeat: no-repeat;  padding-top: 120px; }
#navi {font-size:.8em;  position:absolute;   top:155px;   width:135px;  background-color:#C99356;   height:850px; }
#content {font-size:.8em;  position:absolute;   top:155px;   left:135px;  width:484px;   background-color:#FBF4E8;  min-height:850px; padding:4px;}
#unavi {position:absolute;   top:155px;   left:619px;   width:147px;   height:850px;   background-color:#ffffff;  border-left-width: 2px;  }
#home {height:80px;  width: 130px;  margin: 0 auto;  position:absolute;  left:0;  z-index: 25; }
.left {float:left; margin:0px 5px 0px 0px;}


 /*  Definitionen Ueberschriften */		
H1 {font-color : black; 	font-size : 11pt; }
H2 {font-color : black; 	font-size : 9pt; 	margin-bottom : 6px; 	margin-top : 5px; }
H3 {font-color : black; 	font-size : 9pt; 	margin-bottom : 6px; 	margin-top : 2px; }
H4 {font-color : black; 	font-size : 9pt; 	margin-bottom : 6px; 	margin-top : 2px; }
H5 {font-color : white; 	font-size : 8pt; 	margin-bottom : 5px; 	margin-top : 2px; }
H3.navi {color : #ffffff;  font-size : 9pt;  font-weight : bold;  margin-bottom: 5px; margin-top: 8px; padding: 3px; }
H3.unavi {color : #B35F00;  font-size : 7pt;  font-weight : normal;  margin-bottom: 5px; margin-top: 5px; background-color:#FBF4E8;  border-color: #EDC78A;  border-style: solid;  border-width: 1px;  padding: 3px; text-transform : uppercase; text-align : center; width:125px; }

 /*  Klassendefinitionen Boxen und Forms */					
.boxunavi {border-color: gray;  border-bottom-width: 1px;  border-top-width: 0px;  border-right-width: 0px;  border-left-width: 0px; border-style: dotted; font-size:.75em; margin-left:2px; margin-bottom:5px; padding-bottom:5px; padding:2px;}
.boxunavibuecher {border-color: gray; border-bottom-width: 0px; border-top-width: 0px; border-right-width: 0;  border-left-width: 0px; border-style: dotted;  margin-left:2px;  margin-bottom:5px;  padding-bottom:5px;  padding:2px; }
.formclass ; font-family:verdana; }	
#wegfooter	{border:1px solid #B35F00; margin:8px; padding:5px;}


 /*  Definitionen Links */	
a {color: #B35F00; }	
a.navi {padding:2px; COLOR : #ffffff;  display : block;  FONT-FaMILY : Verdana; 	FONT-SIZE : .8em;  FONT-WEIGHT : bold;  text-decoration:none; }
a.linkunavi {color:#B35F00;  font-size: .8em;  display : block;  text-decoration: none;  margin-bottom:3px;}
a.nl_linkunavi {color:#B35F00;  font-size: .8em;  display : inline;  text-decoration: none; }
a.evctag {font-size : 7pt; }
a.evcmini  {COLOR : #ffffff;  text-decoration : none; 	font-size : 7pt; }

 /*  Definitionen Links aktiv*/		
a:active {font-weight : normal; }
a.evctag:active {font-size : 7pt; }
a.evcmonat:active {font-size : 7pt; }

 /*  Definitionen Links hover */		
a:hover  {COLOR : #000000; 	text-decoration : none; 	font-weight : normal; }
a.navi:hover  {color : #ffffff;  background-color : #B35F00; 	text-decoration : none; 	border-right: #ffffff 5px solid; FONT-SIZE : .8em; FONT-WEIGHT : bold; }
a.linkunavi:hover  {color:#686868;  text-decoration: underline; }

a.evcmini:hover  {COLOR : #000000; 	display:block;  background color:#ffffff ; text-decoration : none; 	font-size : 7pt;  font-weight:bold; }

 /*  Definitionen Links besuchte */
a:visited {color: #B35F00; }	 
a.navi:visited  {padding:2px; COLOR : #ffffff; display : block;  FONT-FaMILY : Verdana;  text-decoration:none; FONT-SIZE : .8em;  FONT-WEIGHT : bold;}
a.linkunavi:visited {color:#B35F00;  font-size: .8 em;  display : block; }
a.nl_linkunavi:visited {color:#B35F00;  display : inline; }
					

 /*  Definitionen Veranstltungskalender */		
.evccaltabletop {background-color : #ff8800;  font-weight : bold; }
.evcselmonat	{font-size : 10pt;  font-weight:bold;  display:inline; margin:30px; }
.evceintragbox  {text-align:left;  width:400px; margin: 5px;  background-color: #f0f0f0;  border-color: #gray;  border-style: solid;  border-width: 1px;  padding: 4px; }
.evccaltable {font-family : verdana;  font-size : 9pt;  margin-bottom: 5px; margin-top: 10px; background-color:#fef8e1;  border-color: #d8d8dd8;  border-style: solid;  border-width: 1px;  padding: 3px;  text-align : center; }



#lightbox{
	position: absolute;
	top: 40px;
	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;
	}

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}