BODY
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    MARGIN: 0px;
    TEXT-ALIGN: left;

}


calhead { FONT-SIZE: 10px;}
caldate {  FONT-SIZE: 10px;}
calbg3 {   FONT-SIZE: 10px;}
calbg4 {  FONT-SIZE: 10px;}
img { border:none }

a:link { text-decoration:none; font-weight:bold; color:#B04501; }
a:visited { text-decoration:none; font-weight:bold; color:#B04501; }
a:hover { text-decoration:none; font-weight:bold; color:#B04501; background-color:#cccccc; }
a:active { text-decoration:none; font-weight:bold; color:#B04501; background-color:#aaaaaa; }
a:focus { text-decoration:none; font-weight:bold; color:#B04501; background-color:#aaaaaa; }


.logoframe { background-color:#000000; text-align:right;margin:0px;}
.bcrumbframe { background-color:#cc0000;}

.navi    { 
background-color:#D0D4D3;
vertical-align:top;
text-align:left;
width:15%;
padding-top:20px;
padding-left:0px;
padding-right:10px;
border-right-width:1px;
border-right-style:solid;
border-top-width:1px;
border-top-style:solid;
border-color:#7b7b7b;
}

.modul   { 
background-color:#D0D4D3;
vertical-align:top; 
text-align:left; 
width:15%; 
padding-top:20px; 
padding-left:10px;
padding-right:10px;
padding-bottom:190px;
border-left-width:1px;
border-left-style:solid;
border-top-width:1px;
border-top-style:solid;
border-color:#7b7b7b;
}

.content { 
background-color:#F3F4F6; 
vertical-align:top; 
text-align:center; 
width:70%; 
padding-top:20px; 
padding-left:10px;
padding-right:10px;
border-top-width:1px;
border-top-style:solid;
border-color:#7b7b7b;
}

.footer { background-color:#000000; text-align:center; vertical-align:top; color:#ffffff;}


.minikal { 
background-color:#F3F4F6; 
padding-top:5px; 
padding-bottom:5px; 
padding-left:5px;
padding-right:5px;
border-width:1px;
border-style:solid;
border-color:#7b7b7b;
font-size: 10px;
}

.kaltable { background-color:#F3F4F6; }
.kalcoldate { background-color:#D0D4D3; text-align:center; color:#cc0000; font-weight:bold; vertical-align:top; padding-bottom:5px; border-width:1px;border-style:solid;border-color:#7b7b7b;}
.kalcolspacer { background-color:#D0D4D3;}
.kalcoldatedetl { background-color:#D0D4D3; text-align:right; color:#cc0000; font-weight:bold;  width:50%;}
.kalcoldatedetr { background-color:#D0D4D3; text-align:center; color:#cc0000; font-weight:bold;   width:50%;}
.kalcoltime { font-size:8pt; font-weight:bold; vertical-align:top;}
.kalcolcont { vertical-align:top; text-align:center;}
.kalcoltitel { vertical-align:top; text-align:center; font-size:10pt; font-weight:bold; color:#cc0000}
.kalcolutitel { vertical-align:top; text-align:center; font-size:10pt; color:#B04501}
.kalcoltext  { vertical-align:top; text-align:left; font-size:10pt;}
.kalcolimg  { vertical-align:top; text-align:left;}
.kalcolmore  { vertical-align:bottom; text-align:center; font-size:8pt;}
.kalcolkat { font-size:8pt; font-weight:bold; vertical-align:top; text-align:center;}
.kalcolpreis { font-size:8pt; font-weight:bold; vertical-align:top; text-align:right;}
.kaltrbgcolor { background-color:#e0e4e3; }
.kalvaligntopl { vertical-align:top; font-size:8pt; text-align:left; font-weight:bold;}
.kalvaligntopr { vertical-align:top; font-size:8pt; text-align:right; font-weight:bold;}
.kaltitel { vertical-align:top; text-align:center; font-size:10pt; font-weight:bold; color:#cc0000}
.kalutitel { vertical-align:top; text-align:center; font-size:10pt; color:#B04501}
.kalmore { vertical-align:top; text-align:center; font-size:8pt;}
.kalcont { vertical-align:top; text-align:center;}

.level1.inactive {
	list-style-image:url(/images/rechts.gif);
	list-style-type:disc;
	COLOR : black;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level1.inactive A:active{
 	list-style-image:url(/images/rechts.gif);
	list-style-type:disc;
	COLOR : #cc0000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level1.inactive A:link{
 	list-style-image:url(/images/rechts.gif);
	list-style-type:disc;
	COLOR : #B04501;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level1.inactive A:visited{
 	list-style-image:url(/images/rechts.gif);
	list-style-type:disc;
	COLOR : #B04501;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level1.inactive A:hover{	
 	list-style-image:url(/images/unten.gif);
	list-style-type:disc;
	COLOR : #cc0000;
	background-color:#cccccc;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level1.active {
 	list-style-image:url(/images/unten.gif);
	COLOR : black;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level1.active A:active{
 	list-style-image:url(/images/unten.gif);
	COLOR : #cc0000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level1.active A:link{
 	list-style-image:url(/images/unten.gif);
	COLOR : #000000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level1.active A:visited{
 	list-style-image:url(/images/unten.gif);
	COLOR : #000000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level1.active A:hover{
 	list-style-image:url(/images/unten.gif);
	COLOR : #cc0000;
	background-color:#cccccc;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}


.level2.inactive {
 	list-style-image:url(/images/rechts.gif);
	COLOR : black;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;		
	FONT-SIZE : 10pt;
}
.level2.inactive A:active{
 	list-style-image:url(/images/rechts.gif);
	COLOR : #cc0000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level2.inactive A:link{
  	list-style-image:url(/images/rechts.gif);
	COLOR : #B04501;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level2.inactive A:visited{
  	list-style-image:url(/images/rechts.gif);
	COLOR : #B04501;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level2.inactive A:hover{
 	list-style-image:url(/images/unten.gif);
	COLOR : #cc0000;
	background-color:#cccccc;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level2.active {
 	list-style-image:url(/images/unten.gif);
	COLOR : black;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level2.active A:active{
 	list-style-image:url(/images/unten.gif);
	COLOR : #cc0000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	FONT-SIZE : 10pt;
}
.level2.active A:link{
 	list-style-image:url(/images/unten.gif);
	COLOR : #000000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level2.active A:visited{
 	list-style-image:url(/images/unten.gif);
	COLOR : #000000;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}
.level2.active A:hover{
 	list-style-image:url(/images/unten.gif);
	COLOR : #cc0000;
	background-color:#cccccc;
	FONT-FAMILY : Verdana;
	FONT-WEIGHT: normal;	
	TEXT-DECORATION : none;
	FONT-SIZE : 10pt;
}

.bcTitle{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 
font-weight:bold;
}
.bcTitle A:active{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 
font-weight:bold;
}
.bcTitle A:link{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 
font-weight:bold;
}
.bcTitle A:visited{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 
font-weight:bold;
}
.bcTitle A:hover{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 
font-weight:bold;
}

.bcActive{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 

}
.bcActive A:active{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 

}
.bcActive A:link{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 

}
.bcActive A:visited{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 

}
.bcActive A:hover{
font-family:Tahoma,Bold;
color:#ffffff;
FONT-SIZE : 10pt;
text-decoration:none; 

}

.footnav{
text-align:center;
vertical-align:bottom;
padding-bottom:10px;
font-family:Tahoma,Bold;
color:#090909;
FONT-SIZE : 8pt;
text-decoration:none; 
font-weight:bold;
background-color:#F3F4F6;
}
.footnav a:link { text-decoration:none; font-weight:bold; color:#B04501; FONT-SIZE : 8pt;}
.footnav a:visited { text-decoration:none; font-weight:bold; color:#B04501; FONT-SIZE : 8pt;}
.footnav a:hover { text-decoration:none; font-weight:bold; color:#B04501; background-color:#cccccc; FONT-SIZE : 8pt;}
.footnav a:active { text-decoration:none; font-weight:bold; color:#B04501; background-color:#cccccc; FONT-SIZE : 8pt;}
.footnav a:focus { text-decoration:none; font-weight:bold; color:#B04501; background-color:#cccccc; FONT-SIZE : 8pt;}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

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

	}
	

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