body
	{	margin: 0;
		padding: 0;
		border: 0;
		font: 80% Verdana, Arial, Helvetica, sans-serif; 
		text-align: center;
		line-height: 1.4em;
		color: #505367;
		background-color: #FFFFFF; position: absolute}
	
a:link {font-weight: bold; color: #555555;}

a:visited {font-weight: bold; color: #408080;}
a:hover {font-weight: bold; color: #808080;}	
a:active {font-weight: bold; color: #555555;}
a:focus  {font-weight: bold; color: #333333;}

/* =allgemeine Formatierungen*/
h1.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; text-decoration:underline;}
h1.title2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color:#669933; text-decoration:underline;}
h1.fotogal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 140%; text-align:center; color:#CC6600; font-style: normal; text-decoration:underline; padding-top: 5%;}
.bilder {border:double;}
ul.bera {list-style-image:url(img/relogio.jpg); line-height: 2.5em;}
.anchr{text-align:right;}
.listEn{font-style: normal; font-size: 100%; list-style-type: square;list-style-image:url(img/floppy.png); line-height: 40px; padding-top:2% }
.listFd {list-style-image:url(img/Web-folder.png);font-style: normal; text-decoration:underline; font-weight:bold; font-size: 100%; }

/* =Rollover Menu*/
.rollover1 a {background: url("theme/home-ro.jpg") 0px 0px no-repeat; height: 32px; width: 92px; 
display: block; margin-left: 45px; position: absolute; top: 188px;}
.rollover1 a:hover {background-position: 0px -31px; display: block;}
.rollover1 a:active {background-position: 0px -62px; display: block;}


.rollover2 a {background: url("theme/WiSV-ro.jpg") 0px 0px no-repeat; height: 32px; width: 92px; 
display: block; margin-left: 45px; position: absolute; top: 220px;}
.rollover2 a:hover {background-position: 0px -31px; display: block;}
.rollover2 a:active {background-position: 0px -62px; display: block;}

.rollover3 a {background: url("theme/SVTermine-ro.jpg") 0px 0px no-repeat; height: 32px; 
display: block; margin-left: 45px; position: absolute; width: 92px; top: 252px}
.rollover3 a:hover {background-position: 0px -31px; display: block;}
.rollover3 a:active {background-position: 0px -62px; display: block;}

.rollover4 a {background: url("theme/Downloads-ro.jpg") 0px 0px no-repeat; height: 32px; 
display: block; margin-left: 45px; position: absolute; top: 284px; width: 92px}
.rollover4 a:hover {background-position: 0px -31px; display: block;}
.rollover4 a:active {background-position: 0px -62px; display: block;}

.rollover5 a {background: url("theme/Beratungslinks-ro.jpg") 0px 0px no-repeat; height: 32px; 
display: block; margin-left: 45px; position: absolute; top: 316px; width: 92px}
.rollover5 a:hover {background-position: 0px -31px; display: block;}
.rollover5 a:active {background-position: 0px -62px; display: block;}

.rollover6 a {background: url("theme/WirUeberUns-ro.jpg") 0px 0px no-repeat; height: 32px; 
display: block; margin-left: 45px; position: absolute; top: 348px; width: 92px}
.rollover6 a:hover {background-position: 0px -31px; display: block;}
.rollover6 a:active {background-position: 0px -62px; display: block;}

.rollover7 a {background: url("theme/foto-ro.jpg") 0px 0px no-repeat; height: 32px; 
display: block; margin-left: 45px; position: absolute; top: 380px; width: 92px}
.rollover7 a:hover {background-position: 0px -31px; display: block;}
.rollover7 a:active {background-position: 0px -62px; display: block;}

/* =Hintergrumdelemente*/
.header {background:url(theme/Header-bg.jpg); background-repeat:no-repeat; }
.mbg {height: 10%; width: 160px; background-image:url(theme/menue-bg.jpg); 
background-repeat:repeat-y; margin-left: 5px; position: absolute; top: 412px; }
.ftbg { float:right; height: auto; position: relative; margin-right: 30px} 

/* =Seitenlayout*/
#li-menu 
	{list-style-type: none; margin: 0; padding: 0; height: auto}

#container
	{	display:block;
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background: #FFFFFF url(theme/menue-bg.jpg) repeat-y 5px 100px; z-index: 0;}

#header
	{	float: right;
		width: 800px;
		background-color: white;
		border: 0;}
	
#navbar
	{	float: left;
		width: 138px;
		background-color: white;}
	
#contents
	{	float: left;
		width: 536px; 
		background-color: white;
		margin-left: 4%;  margin-right: 4%;
		height: auto; min-height: 300px; position: inherit;}
				
#footer	
	{	clear: both;
		width:auto
		height: 50px;
		background-color: white;}

#container-gal
	{position:relative; 
	 width:530px; 
	 height:740px; 
	 background: #FFCC66; 
	 border:1px solid #000; margin:10px auto;}


/* =Fotogasllerie*/

	a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.slidea {background:url(img/sph01.jpg);}
a.slideb {background:url(img/sph02.jpg);}
a.slidec {background:url(img/sph03.jpg);}
a.slided {background:url(img/sph04.jpg);}
a.slidee {background:url(img/sph05.jpg);}
a.slidef {background:url(img/sph06.jpg);}
a.slideg {background:url(img/sph07.jpg);}
a.slideh {background:url(img/sph08.jpg);}
a.slidei {background:url(img/sph09.jpg);}
a.slidej {background:url(img/sph10.jpg);}
a.slidek {background:url(img/sph11.jpg);}
a.slidel {background:url(img/sph12.jpg);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:508px; height:385px; top:189px; left:9px; color:#FFF; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:270px;}
a.slideb span {left:-132px; top:270px;}
a.slidec span {left:-251px; top:270px;}
a.slided span {left:-370px; top:270px;}
a.slidee span {left:-13px; top:180px;}
a.slidef span {left:-132px; top:180px;}
a.slideg span {left:-251px; top:180px;}
a.slideh span {left:-370px; top:180px;}
a.slidei span {left:-13px; top:90px;}
a.slidej span {left:-132px; top:90px;}
a.slidek span {left:-251px; top:90px;}
a.slidel span {left:-370px; top:90px;}


a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

/* =Baumwurzel-Liste */ 
li.treeMenu_opened ul {display: block;}
li.treeMenu_closed ul {display: none;}
span.childs {cursor: pointer;}	

/* Formatierung des Baums */
ul.st1 {margin: 0em 0em 0em 1.4em; padding:0em; line-height: 2em; }
li.st1 {margin: 0em 0em 0em 1.5em; padding: 0em 0em 0.5em;}

li.st1 div { padding-top: 0.5em; }
li.st1 div span { padding-left: 0; }