/* css basisdaten */

html
{
	overflow : hidden;
}

body 
{
	margin : 0;
	padding : 0px;
	height : 100.01%;
	text-align : left;
	font-size : 10pt;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 
	'Lucida', 'Bitstream Vera Sans', 'Trebuchet MS', Arial, sans-serif;
	background : #eee;
	overflow : hidden;
}

img { border : 0px; }
img.thumb { margin:2px; }

.thumbindex
{
	border:1px solid #aaa;
}
.thumbindex:hover
{
	border:1px solid #888;
}
.binfo 
{ 
	position:absolute; bottom:15px; left:10px; 
	display:none; 
	font-size:0.8em;
	color:#777;
	
}
.image 
{ 
	position: absolute;
	top : 0;
	left : 0;
	border:none;
	display : none;
}

#thumbs
{
	display : none;
	z-index:1;
	position : absolute;
	bottom:45px;
	left:0px;
	width:100%; height : 220px;
	background:transparent;
	text-align:center;
	padding-right:10%;
	
}

.aktuell
{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../_grafik/overlay.png);
	z-index:30100;
	text-align:center;
	
}


/* ------- links ------- */

a { text-decoration:none; border:0px; font-size:1em; font-style : normal;}
a:img {border:0px;}

a:link {
color : #555;
} 

a:visited { 
color:#555;
}

a:active, a:hover { 
color:#6b0101; 
border-bottom:0px solid #6b0101;
}


h1 { color : #6b0101; font-size: 1.5em; line-height: 1.2em; display:inline; letter-spacing:0.2em;}

/* ------- Kontaktformular u Loginbereich ------- */

select 
{
	font-family : sans-serif;
	font-size : 7pt;
	background : #eee;
	color : #930;
}

input, textarea 
{
	clear : left;
	color : #3c3c3c;
	font-family: Courier,'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 
	'Lucida', 'Bitstream Vera Sans', monospace;
	font-size : 9pt;
	width : 300px;
	height : 20px;
	margin : 2px;
}

input.navi { width:auto; }

td
{
	font-size:0.8em;
	color:#777;
}

input:hover, textarea:hover { background : #ddd; }
input:focus, textarea:focus { background : #D7E6D1; }
textarea { overflow : auto; height : 100px; }

.eing_bschr 
{
	display : block;
	width : 200px;
	float : left;
	border-bottom :1px dotted #888;
}

.script_meldung 
{
	clear : left;
	display : inline;
	height : 20px;
	color : #e13d12;
	width : 300px;
}

/* 	span mit dieser Klasse oeffnet ein Infofenster, 
	wenn das span-tag innerhalb des hyperlinks steht 		*/

.info 
{
	position:relative;
	width:100px;
	height:30px;
	background:#fff;
	font-size:9px;
	color:#111;
}

a.info { visibility : hidden; }
a:hover.info { visibility : visible; }

/* ------------------ einige Pseudoklassen */

.fett { font-weight : bold; color : #444}
.abschnitt { font-size:1.2em; font-weight:bold; color:#777;}
.absatz { display : block; margin-bottom : 20px; }
.titel { font-weight : normal; font-size : 2em; color : #888; }
.farbig { color : #6b0101; }

.klein { font-size : 0.8em; color:#444; }
.quellenangabe { margin-top:12px; font-size : 0.8em; color : #555; }
.abbl { color : #999; }
.eintragtitel { color : #444; }
.linksb {text-align:left;}
.zentr {text-align:center;}
.ueberschrift { display:block; letter-spacing:0.2em; font-weight:bold; font-size : 1.2em; color : #6b0101; padding-top:18px;padding-bottom:6px;font-family:Georgia, "Times New Roman", Lucida, "Lucida Grande", serif;
	color:#6b0101;}
.unterkapitel { color : #555; font-size:1em; padding-top:0px;padding-bottom:4px;}
.underline { border-bottom : 1px solid #888; }
.floatleft {float : left;}
.floatright {float : right;}
.clearboth {clear : both;}

.bildrand {margin : 2px; }
.bildselect {border : 1px solid #c63;}

/* ------------------ Listeneintraege formatieren */

ul 
{
	font-size:9pt;
	line-height:1.5em;
	margin-left:0px;
	padding-left:20%;
}

.vitaliste
{
	font-size:1em;
	line-height:1.4em;
	margin-left:0px;
	padding-left:10px;
	list-style:none;

}

li 
{ 
	margin-top:0px; 
	margin-bottom:0px;
	
}

.offen { list-style:url(../_buttons/liste_offen.png); }
.lnk { list-style:url(../_buttons/link.gif); }
.ohne  { list-style:none; }
.selected 
{ 
	float: right;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	background: transparent;
	border-left : 10px solid white;
	border-right : 10px solid white;
	color : #c63; 
}

.clear_both { clear : both; }

.navi, .chk {width:auto; vertical-align:middle; }

/* --------------------- Container und Seitenspezifische CSS-Daten */

#logo
{
	position : absolute;
	top : 0px;
	left : 0px;
	z-index:500;
	overflow:hidden;
}

#iconflagge
{
	position : absolute;
	bottom : 5px;
	left:5px;
	z-index:510;
}

#iconbrief
{
	position : absolute;
	bottom : 25px;
	left:5px;
	z-index:510;
}

#iconhome
{
	position : absolute;
	bottom : 45px;
	left:5px;
	z-index:510;
}



#navi_box_unten
{
	position : absolute;
	bottom : 10px;
	right : 40px;
	height : 12px;
	width : 90%;
	border-top : 1px solid #888;
	text-align : right;
	color : #888;
	font-size : 8pt;
}


#content
{
	position : absolute;
	left : 71px;
	top : 91px;
	width : 100px;
	height : 80px;
	overflow : hidden;
	visibility:hidden;
}

.content a:link, .content a:visited
{
	display:inline;
	color:#6b0101;
	border:none;
}

.content a:hover, .content a:active
{
	color:#6b0101;
	border-bottom:1px solid #6b0101;

}

#loading
{
	position:absolute;
	top:0;left:20px;
	width:100%;height:5px;
	background:url(../_grafik/loadAnim.gif) no-repeat left;
	z-index:100;

}

#thumbtable
{
	position : absolute;
	top : 00px;
	left : 00px;
	width : 100%;
	height: 100%;
	text-align:center;
	
}

#kontaktfeld
{
	position:absolute;
	top:0;
	left:0;
	padding : 20px;
	border: 1px solid #888;
	background:#ddd;
	z-index:2150;
}

.inhalt 
{
	margin:0;
	padding:2.5em 2.5em 3.5em 2.5em;
}
 
.inhalt p 
{
	margin:0;
	padding:0;
}


#bildnavi
{
	position:absolute;
	bottom:5px;
	left:60px;
	width:100%;
	height:20px;
	font-size:0.8em;
	color : #555;
	vertical-align:top;
	text-align:left;
	font-family:Courier,'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 
	'Lucida', 'Bitstream Vera Sans', monospace;
	padding:7px 00px 0px 0px;
	background: #transparent ;
	z-index:1000;
}



#bildnavi_info { 
	
	position:absolute;
	bottom:5px;
	right:60px;
	width:50%;
	height:20px;
	font-size:0.8em;
	color : #222;
	vertical-align:top;
	text-align:right;
	font-family:monospace;
	padding:7px 00px 0px 0px;
	background: #transparent ;
	z-index:500;
}

#bildnavi.p
{ display:inline; }

.b-txt
{
	display:none;
	color:#777;
}


/*  Styles for gliding slide-out menu */

#glideDiv0 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:20000; width:780px;
 	}

#glideDiv1 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:20000; width:780px;
	}

#glideDiv2 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:19000; width:780px;
	}

#glideDiv3 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:17000; width:780px;
	}

#glideDiv4 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:16000; width:780px;
	}

#glideDiv5 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:15000; width:780px;
	}

#glideDiv6 { 
	position:absolute; visibility:hidden; 
  	right:0; top:0; z-index:14000; width:780px;
	}


.label0,.label1,.label2,.label3,.label4,.label5,.label6
{ position:absolute; top:0px;left:0px; width:27px; }



.glide-bkgd0,.glide-bkgd1,.glide-bkgd2,.glide-bkgd3,.glide-bkgd4,.glide-bkgd5,.glide-bkgd6
{ width:99%; padding-left:8px;position:absolute;top:0px;left:28px;border:1px solid #5b5e52; background:#ddd; }

.glide-bkgd0 { height:222px; }
.glide-bkgd1 { height:122px; }
.glide-bkgd2 { height:122px; }
.glide-bkgd3 { height:272px; }
.glide-bkgd4 { height:272px; }
.glide-bkgd5 { height:272px; }
.glide-bkgd6 { height:272px; }


#center,#hinterlegung{position:absolute; top:40px; left:40px; width:750px; height:1041px;}

#hinterlegung
{
	background:#999;
	opacity:0.8;
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
}

div.spacer { clear:left; font-size:1px }  


#hovr { background : maroon; z-index : 10; }
#hovr:hover { background : green; }

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/

/* wichtig, falls Text ausblendbar sein soll: das funktioniert im EE nur mit der etwas komplizierten Abfrage eines anderswo gesetzten Flags - in diesem Fall in einer unsichtbaren divbox */

#flag { display:none; }

#text1
{
	position : absolute;
	top:5px;
	left:-20px;
	width:100%;
	z-index:2000;
	
}

#text2,#text3,#text4,#text5
{
	position : absolute;
	left:50px;
	top:20px;
	height : 100%;
	width : 70%;

}



#abblende
{
	display:block;
	z-index:1;
	position : absolute;
	bottom:45px;
	left:20px;
	width:100%; height : 220px;
	background:#eee;

}

#container
{
	position:absolute;
	top:0;left:0;
	width:auto;
	height:auto;
	text-align:center;
	background:#transparent;
}

#lyr1,#lyr2,#lyr3,#lyr4,#lyr5
{
	line-height:2em;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Lucida, "Lucida Grande", serif;
	color:#333;
}

#hold1,#hold2,#hold3,#hold4,#hold5	{ 
	position:relative; overflow:hidden;
	width:450px; height:200px; 
  	z-index:100;
	}
#wn1,#wn2,#wn3,#wn4,#wn5	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:450px; height:200px; 
	clip:rect(0px, 450px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1;
	}
/* Set small font-size or size/position of div's will be off in some browsers  */
#scrollbar1,#scrollbar2,#scrollbar3,#scrollbar4,#scrollbar5 { 
  position:relative; left:0; top:0;
  width:11px; height:200px; 
  font-size:1px; z-index:1;
  }
#track1,#track2,#track3,#track4,#track5 
{ 
  position:absolute; left:0; top:12px;
  width:11px; height:172px;
  background: url("../_grafik/drag.gif") #ccc repeat;
  z-index:1;
}
#dragBar1,#dragBar2,#dragBar3,#dragBar4,#dragBar5 
{
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background:url(../_grafik/track.gif) repeat-y top left #999;
  z-index:1;
}

#up1,#up2,#up3,#up4,#up5 { position:absolute; left:0; top:0; z-index:200 }  
#down1,#down2,#down3,#down4,#down5 { position:absolute; left:0; bottom:0; z-index:300 }  

table.main 
{ 
  width:200px; 
  margin:auto; text-align:left;
  border:0px solid #999; 
}