/* #####################show-more-Funktion: Anfang ############## */

.detail {padding:1em; border:1px solid #000;}
.detail p {padding:5px 0 0 0; margin:0;}
.detail p.bold {font-weight:bold;}
.detail h2 {margin:0; padding:0;}

.switch {display:block; font-size:1px; width:120px; height:20px; background:url(../grafik/plus.png) no-repeat center; cursor:pointer; margin:6px; }
.off {background:url(../grafik/minus.png) no-repeat center;}
.hide {display:none;}
.show {position:relative; 
	   top:0px: bottom:0px;left:0px;right:0px;display:block; max-width:750px; overflow:visible;
	   background:#fff url(../grafik/BG_box.jpg) bottom repeat-x; border:1px solid #888; padding:10px; margin-top:5px; z-index:50;}
.show img {padding:4px; float:left; margin:4px;}

/* #####################show-more-Funktion: Ende ############## */

BODY {
 	background :  url(../grafik/background/verlauf.jpg) top right repeat-x fixed;
	color : Navy;
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
/*	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; */
	font-size : 10pt;
	line-height: 150%;
    }

.header
{
	font-variant: small-caps;
	font-size : 10pt;
}

.box
{ line-height: 130%;
border: solid 1px;
padding: 15px;
	}
TD
	{
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	line-height: 150%;
	}

#frametable
{   background:#FFFFFF;
	border:#999999 1px solid;
}

#frametable td
{ padding:10px;
}

TD #show {display:inline;}
	
H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: lighter;
	font-variant: normal;
	line-height: 100%;
	font-style: normal;
	line-height:160%;
/*	letter-spacing: +1px;*/
	}
	
H1 span {
	border-bottom: 1px solid;
	line-height: 120%;
	}

H2 span,
H3 span,
H4 span {
	border-bottom: 1px solid;
	line-height: 120%;
	}



H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: normal;
	font-variant: normal;
	line-height: 130%;
	margin:5px;
/*	letter-spacing: +1px;*/
	}
H3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: normal;
	font-variant: small-caps;
	line-height:130%;
/*	letter-spacing: +1px;*/
	}

H4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-variant: small-caps;
	line-height:130%;
/*	letter-spacing: +1px;*/
	}
	
.bgL {
 	background :  url(../grafik/background/verlauf.jpg) top right repeat-x fixed;
	margin-left : 0px;
	margin-right : 0px;
	margin-top :  0px;
	margin-bottom: 0px;	 }
	
.einfuehrung {
	font-size: 10pt;
	line-height: 140%; }
	
.gedichte { 
 	background :  url(../grafik/pic_banner_gedichte.jpg) top left no-repeat;
	font-size : 10pt;
	line-height: 140%;
	margin-left : 0px;
	margin-right : 0px;
	margin-top :  0px;
	margin-bottom: 0px;
	background-attachment : scroll; }	

.description 	{
	font-size: 9pt; 	}

A {	color : Black; }
A:HOVER { color : #4169E1; }

IMG.links { float: left; padding-right: 10px; }
IMG.rechts { float: right; margin-left: 4px; }

.top {
	margin : 0px; }	

.nav {
	margin : 0;
	background :  url(../grafik/background/bg_main_02.jpg) top left no-repeat fixed; }	

.infoMH {
	background : url(../grafik/background/bg_selbstwaerts.jpg) no-repeat fixed center;
	margin-left : 25px;
	margin-right : 15px;
	margin-top : 20px;
	margin-bottom: 10px; 	}
	
.contenttable {		
			font-size : 10pt;
			margin-left : 0px;
			margin-right : 0px;
			margin-top : 20px;
			margin-bottom: 10px;
			line-height: 140%;
			list-style : disc; }

.aufzahl
{
			font-family:Arial, sans-serif;
			font-size : 10pt;
			margin-left : 0px;
			margin-right : 0px;
			margin-top : 20px;
			margin-bottom: 10px;
			list-style : disc;	
}

.kleinlink
{
			font-family:Arial, sans-serif;
			font-size : 8pt;
}
.H1BG {
	background-attachment: scroll;
	background-image: url(../grafik/BG_H1.jpg);
	background-repeat: repeat-y;
	background-position: left;
	border: 0px none #CCFFFF;
	line-height: normal;
	background-color: #FFFFFF;
	width: 100%;
	margin: 3px;
	padding: 3px;
	vertical-align: bottom;
	height: auto;
	visibility: visible;
	}

textarea:focus {	background-color: #ffc; color : 000000;}

.hinweis {font: message-box;
		  line-height:140%;
		  border: #AAA 1px solid;
		  background-color: #FFF;
		  padding: 6px;
		  background: #FFF url(../grafik/BG_box.jpg) bottom left repeat-x;
		  }

.hinweisCLEAR {font: message-box;
		  border: #AAA 1px solid;
		  background-color: #FFF;
		  padding: 8px;
		  display: block;
		  }


.hinweisBIG {
		  border: #AAA 1px solid;
		  padding: 10px; 
		  background:#FFF url(../grafik/BG_box.jpg) bottom left repeat-x;
		  }



.sitemap {	font: 8pt message-box ;		}

.horoskoprahmen {border:thin solid; display:block;}
		
.Beispiel { 
   color:#000033; 
   background-color:#e9e9e9; 
   layer-background-color:#cccccc; 
   filter:alpha(opacity=90); 
   opacity: 0.9;
   position:absolute; 
   top:0px; 
   left:0px; 
   width:100%; 
   height:1400px; 
   padding: 0px;
   visibility:hidden; 
}

.InfoBox {
	color:#000033;
	background-color:#cccccc;
	layer-background-color:#cccccc;
	filter:alpha(opacity=90);
	opacity: 0.9;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding: 0px;
	visibility:hidden;
	height: 100%;
	z-index: 5000;
}

.navispan {color:#FFDD00;}

#spalten {
width:100%;
margin:auto;
border:1px solid #9F9F9F;
display:block;
overflow:auto;
background-color:#EED5FF;
}

.textlinks {float:left; width:47%; text-align:justify;}
.textrechts {float:right; width:47%; text-align:justify;}

* html .textlinks {float:left; width:47%; text-align:justify;}
* html .textrechts {float:right; width:47%; text-align:justify;}

p.textlinks p.textrechts {padding:10px;}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../grafik/three_0a.gif);}
.preload2 {background: url(../grafik/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; background:#66CCFF url(../grafik/three_0.gif) repeat-x; position:relative; z-index:auto; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../grafik/three_0.gif);outline:none;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../grafik/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../grafik/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(../grafik/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../grafik/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../grafik/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:36px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:115px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:115px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:113px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(../grafik/arrow.gif) 105px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3f96a9 url(../grafik/arrow_over.gif) 105px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:113px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#fff; border-bottom:1px solid #fff; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:115px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:115px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(../grafik/arrow_over.gif) 105px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(../grafik/arrow.gif) 105px 6px no-repeat; color:#000; border-color:#50b5d0;} 

/* Sidebox-CSS */

/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	padding:0px;
	width: 95%; /* ems so it will grow */
	max-width:95%;
	background: url(../grafik/box/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	overflow:visible;
}
.boxhead {
	background: url(../grafik/box/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../grafik/box/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding: 20px 30px 5px;
	color: black; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../grafik/box/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-size:8pt;
}



/* end of sidebox-CSS*/