a:link { color:#aaf;  }
a:visited { color:#caf; }
img, div { border:none; margin:0; padding:0; } 
.break { clear:both; }
.clearhid { margin:0; padding:0; clear:both; width:1px; height:1px; overflow:hidden; border:2px solid #000; visibility:hidden; font-size:0; }
.hidden { display:none; } 
.bold { font-weight:bold; }
.center { display:block; text-align:center; }
span.anm { color:#888; }
.inset p { margin:0 5em; }
img.break { width:100%; height:1px; border:2px solid #000; }

#oldbrowser, .access { display:none; }

body {
	margin:0; 
	padding:0;
	background:#000; 	
	color:#fff;
	font-family:Arial,sans-serif; 
	/* IE : */
	position:static; 
	height: 100%;
	width: 100%;
}

#base {
	position:relative; 
	bottom:0;
	left:0;
	border:1px solid #000; 
}

#menuframe {
	position:absolute;
	top:0;
	left:0;
	text-align:left; /* IE! */
	z-index:6;
	width:12em;
	height:100%;
}

#menu {
	position:relative; 
	margin-top:100px;
	height:200px;
	width:150px; 
	background:url(/menulogo.jpg) no-repeat top left;
	z-index:1;
}

#bugfix {
	position:absolute;
	top:120px;
	left:12px;
	text-align:left;
	width:16em;
}

#menutop {
	display:block;
	position:absolute;
	top:95px;
	left:0;	
	width:23px;
	height:35px;
	background:url(menufront.gif) no-repeat left top;
	z-index:10;
}

#lastline {	line-height:0; }

#menuend {
	position:absolute;
	width:139px;
	height:100px;
	background:url(menufront2.gif) no-repeat left top;
}	

#bugfix ul {
	position:absolute; 
	padding:0;
	margin:0;
	width:11em;
	min-width:11em;
	z-index:7; 
	border:2px outset #774;	
	background:#663;
	color:#000;
}

#bugfix li { list-style-type:none; padding:1px; /* IE! */ margin:0px; background:#774;} 

#bugfix a , #bugfix p {  
	display:block; 
	margin:0;
	padding:0;
	border:2px groove #774; 
	font-weight:bold;
	text-decoration:none; 
	background:#774;
	color:#000;
	z-index:8;
	text-indent:0;
}
	
#bugfix p {	border:2px outset #774; background:#885 url(./mglort.gif) no-repeat right center; color:#fff; }
#bugfix a:hover { border:2px inset #774; background:#664 url(./mglort.gif) no-repeat right center; }
#bugfix li a.active { border:2px groove #663; background:#664 url(./mglort.gif) no-repeat right center; color:#fff; }

#menu a span  { 
	display:block;
	visibility:hidden;
	position:absolute;
	top:13em;
	left:0;
	width:10em;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	z-index:0;
	background:url(/grey.gif) repeat;
	color:#fff;
	z-index:7;
}

#menu a:hover span { visibility:visible; }

#submenu {
	position:absolute;
	width:12em;
	left:2em;
	top:1em;
	list-style-type:none;
}

#submenu a span {	left:-2em; }

#switch { 
	position:absolute;
	left:0;
	top:75px;	
	width:12em; 
	display:none;
	z-index:9;
	text-align:center;
}

#menu>#switch { display:block; }

#switch a { background:none; font-weight:bold; color:#ff9; }
#switch a span { left:80px; margin-top:40px; text-decoration:none; left:10px; }

#headerframe {
  position:absolute;
  top:0;  
  right:30px;
  width:100%;
  background:#000 url(./testlogo.jpg) no-repeat 35px 0px;
  z-index:5;
  height:9em;
  max-height:9em;
}

#ht {	position:relative; width:100%; left:30px; margin-right:30px; }
#header { position:relative; margin:10px 0 0 12em; height:9em; overflow:hidden; /* remove gives top border ?? */ }
#header h1 { background:transparent; font-size:2em; text-align:center; height:8em; margin:auto 0px;}

#infoline { position:absolute; bottom:10px; left:0; margin:0; width:100%; overflow:hidden; }
#path { float:left; vertical-align:bottom; }
#help	{ float:right; text-align:right; vertical-align:bottom; }

#impressum {
	display:block;
	position:absolute;
	bottom:20px;
	left:10px;
	width:12em;
	text-align:center;
	color:#c0c0f9;
	font-weight:bold;
	z-index:6; 
}
#impressum a { text-decoration:none; color:#c0c0f9; background:url(/grey.gif) repeat; }
#impressum a:hover { color:#fff; }

#main { margin:9.5em 40px 0 14em; }

#main p	{ font-size:1em;}
#main h1	{ font-size:1.5em; text-align:left; vertical-align:middle;}
#main h2	{ font-size:1.3em; font-weight:bold; margin:4em 0 0 0;}  
#main h2 a { text-decoration:none; color:#fff; }
#main h3	{ font-size:1.15em; }
#main a	{ color:#7676f2; }
#main a:hover { color:#fff; }
#main a.anchor { visibility:hidden; width:1px; max-width:1px;}

#main div.bericht h2 { margin-top:0px; clear:both; }

#lchange {
	bottom:15px;
	right:10px;
	text-align:right;
	color:#c0c0f9;
	font-size:0.8em;
}

.subindex, .subindexp {	background:#000 url(./logo-sw.gif) no-repeat right top; border:0px solid #fff; border-bottom-width:2px; }
.subindexp { background:#000; }
#main .subindex h1, .subindexp h1 { text-align:left; margin:16px 80px 0 0; border:0px solid #fff; border-bottom-width:2px; }
.subindex a, .subindexp a { display:block; text-decoration:none; font-weight:bold; margin:5px 75px 5px 5px; }

.split {display:block; position:relative; clear:both; }
.split .left { float:left; width:48%; }
.split .right { float:right; width:48%; text-align:right;  }

div.logo {float:right; width:85px; height:84px; margin:0 5px 5px 0; background:#000 url(./logo-sw.gif) no-repeat right top; z-index:1; vertical-align:middle;}
div.slogo { float:right; position:relative; margin:0 5px 5px 0; z-index:1; }

.note { float:right; width:14em; padding:15px;}
.note div { width:14em; border:2px ridge #e0ffff; background:#e0ffff; color:#000; }
.note h1 { 
	position:relative; top:-12px; left:0;
	background:url(/kalender.gif) repeat-x top;
	padding:30px 5px 5px 5px;
	margin:0;
	font-size:1.3em;
}
.note a { background:#e0ffff; }
.note p { margin:5px; padding:0; }

.vbrartikel h1 {
	margin:3em 0 0 0;
	text-align:center;
	border:1px solid #fff;
	padding:5px;
	clear:both;
}

img.right { display:block; float:right; }
img.left { float:left; }
div.imgright { float:right; border:5px solid #000; border-top-width:0px; border-right-width:0px; }
div.imgleft { float:left; border:5px solid #000; border-top-width:0px; border-left-width:0px; }
div.imgright img, div.imgleft img { clear:both; }
#main div.imgright p, #main div.imgleft p { 
	margin:0;
	padding:0;
	width:100%;
	margin-top:0.2em;
	font-size:1em;
	font-weight:bold;
}
a.lback { text-decoration:underline; display:block; margin-top:1em; }

#main div.news div h2 { margin:1.2em 0 0.2em 0; font-size:1em; font-weight:normal; }
#main div.news div p { font-size:1em; margin:0; }

ul.termine { list-style-type:none; margin:0; padding:0; margin:0 0 0 9em; }
ul.termine li { margin:0.5em 0 0 0; position:relative; color:#e8ffff; }
ul.termine div { position:absolute; top:0; left:-9em; width:8em; text-align:right; }
span.title { font-weight:bold; }
div.datepast { width:8em; vertical-align:top; text-align:right; color:#788090; }
span.past { color:#788090; }

div.picindex div { float:left; background:#000; width:180px; height:160px; position:relative; }
div.picindex img { border:0px solid #000; vertical-align:top; } 
#main div.picindex a.i { 
	position:absolute; 
	width:20px;
	height:20px;
	margin:4px 0 0 4px;
	color:#000;
	text-align:center;
	vertical-align:middle;
	padding-top:1px;
	background:transparent url(/info.gif) no-repeat;
	text-decoration:none;
	font-weight:bold;
	z-index:3;
}
#main div.picindex a.i:hover { color:green; border:0px solid #000; }
#main div.picindex a.i span { 
	display:block; 
	visibility:hidden;
	position:absolute;
	top:20px;
	left:20px;
	width:12em;
	background:#000;
	text-decoratoin:none;
	font-weight:normal;
	text-align:left;
	color:#000;
	padding:2px;
	z-index:4;
}
#main div.picindex a.i:hover span { visibility:visible; background:#fff; border:2px solid #000; }
div.gal { text-align:center; }
div.gal p { text-align:left; }
div.galback { 	float:right; 	background:url(/forw.gif) no-repeat right top; min-height:50px; }
div.galback a { padding-right:50px; }
div.galnext { float:left; background:url(/back.gif) no-repeat left top;	min-height:50px; }
div.galnext a { padding-left:50px; }

td.vrc1 { vertical-align:middle; text-align:left; margin:0; padding:0; }
td.vrc2 { margin:0; padding:0; white-space:nowrap; }
div.vrc3 { height:20px; width:20px; }

@page {
	size:portrait;
}