/* #name=id einmalig, .name=class mehrmals pro Seite*/
/* Browser Stylesheet auf Null gesetzt, Kalibrierung */
html, body {
	 margin:0px;
	 padding:0px;
	 height:101%;	/*erzwingt Scrollbar im Firefox*/
	 width:101%;	/*erzwingt Scrollbar im Firefox*/
	 font-family:"Comic Sans MS","MS Sans Serif",sans-serif;
	 overflow:scroll;
}

/*----------------------------------------------------------------------------*/
/*----------------------------Inhaltsbereich----------------------------------*/
/*----------------------------------------------------------------------------*/

#content {
	 background-image: url(/images/lilie.gif);
	 position:absolute;
	 overflow:scroll;
	 border:0.1em solid #000;
	 border-bottom:0;
	 padding:0.5em;
	 top:7em;
	 left:10em;
	 width:57em;
	 bottom:8em;
	 }

.bottomline {
	 font:normal normal 0.65em Times;
	 }

/*------------------------F�r die Story's aus der Datenbank-------------------*/
#geschichte {
	font-size:1.5em;
	}

#geschichte h1 {
	font-weight:bold;
	font-style:normal;
	font-size:2em;
	}
	
.storybild {
	float:right; 
	margin:0px 0px 6px 6px;
	max-width: 200px;
	max-height: 120px;
	}

.bildrechts {
	float: right;
	border: 0;
	padding: 5px
	max-width: 480px;
	max-height: 480px;
	}
	
.bildlinks {
	float: left;
	border: 0;
	padding: 5px;
	max-width: 480px;
	max-height: 480px;
	}
	
.bildflow {
	overflow: hidden;
	}
	
/*----------------------------------------------------------------------------*/
/*------------------------------Kopfbereich-----------------------------------*/
/*----------------------------------------------------------------------------*/

#header {
	 position:absolute;	
	 background-image: url(/images/lilie2.jpg);
	 width:79em;
	 height:7em;
	 padding:0;
	 margin:0;
}

#headertext {
	 text-align:center;
	 font-size:2.25em;
	 font-weight:bold;
	 }

/* Das Flatterbanner */
#dpsg_banner_pic {
	 position:absolute;
	 border:none;
	 top:0.1em;
	 right:3em;
	 width:4em;
	 height:3em;
	 }

/* Das DPSG Logo Animiert */
#dpsg_werbebanner_pic {
	 position:absolute;
	 border:none;
	 top:2em;
	 right:0.5em;
	 width:9.5em;
	 height:2em;
	 }

#logintext {
	 position:absolute;
	 top: 3em;
	 left:1em;
	 }




/* Benutzer Autorisation */
#user_auth {
	 position:absolute;
	 padding-top:0.2em;
	 border-top:0;
	 top:0;
	 left:0;
	 width:10em;
	 font-weight:bold; font-style:normal; font-size:80%;
	 line-height:0.8em; color:black;
	 padding-left:0.2em;	 }
	


/*----------------------------------------------------------------------------*/
/*------------------------------Navigation------------------------------------*/
/*----------------------------------------------------------------------------*/

/* Navigation links Hoverschaltfl�chen */
#navigation_left {
	 position:absolute;
	 background-image: url(/images/lilie2.jpg);
	 top:7em;
     left:0;
     width:10em;
	 margin-right:0.4em;
	 font:normal bold 1em Times;
	 }

	 a.navi, a.navi_first, a.navi_self {
		 display:block;
		 white-space:nowrap;
		 overflow:hidden;
		 border-left:0.05em solid black;
		 border-right:0.05em solid black;
		 border-bottom:0.05em solid black;
		 text-decoration:none;
		 letter-spacing:0.1em;
		 padding:3px;
		 text-align:center;
		 }

	 a.navi_sec {
		 display:block;
		 white-space:nowrap;
		 overflow:hidden;
		 margin-left:2em;
		 border-left:0.1em solid black;
		 border-right:0.1em solid black;
		 border-bottom:0.1em solid black;
		 text-decoration:none;
		 letter-spacing:0.1em;
		 padding:0.2em;
		 text-align:center;
		 }

	 a.navi_first {
		 border-top:0.05em solid black;
		 }

	 a.navi:link, a.navi_first:link,
	 a.navi:visited, a.navi_first:visited {
		 background-color:#090;
		 color:white;
		 }

	  a.navi_sec:link, a.navi_sec:visited {
		 background-color:yellow;
		 color:black;
		 }
		 
	 a.navi_self:link, a.navi_self:visited {
		 background-color:#008000;
		 color:white;
		 }

	 a.navi:hover, a.navi_first:hover, a.navi_self:hover,
	 a.navi:active, a.navi_first:active, a.navi_self:active {
		 background-color:white;
		 color:black;
		 }
	 a.navi_sec:hover, a.navi_sec:active{
		 background-color:blue;
		 color:black;
		 }



/* Navigation oben Hover mit Rollover */
#navigation_top {
	 position:absolute;
	 font:normal bold 0.8em Times;
     top:5em;
     left:2em;
     height:3em;
	 z-index:2;
     }
         a.top_link {
            display:block;
            position:absolute;
            width:8em;
            text-align:center;
            height:1.5em;
            padding-top:0;
            text-decoration:none;
         }
         a.top_link:link, a.top_link:visited {
            color:rgb(150,50,170);
            background-image:url(reiter1.gif);
            background-repeat:no-repeat;
            background-color:rgb(245,240,205);
         }       
         a.top_link:hover, a.top_link:active {
            color:black;
            background-image:url(reiter2.gif);
            background-position:top right;
            background-repeat:no-repeat;
            background-color:white;
         }       
		 /* jeweils 9em nach rechts */
         a#n1 {bottom:0px; left:12em; z-index:3;}
         a#n2 {bottom:0px; left:21em; z-index:3;}
         a#n3 {bottom:0px; left:30em; z-index:3;}
         a#n4 {bottom:0px; left:39em; z-index:3;}
         a#n5 {bottom:0px; left:48em; z-index:3;}
         a#n6 {bottom:0px; left:57em; z-index:3;}
		 a#n7 {bottom:0px; left:66em; z-index:3;}
		 
         a#n1:hover, a#n1:active,
         a#n2:hover, a#n2:active,
         a#n3:hover, a#n3:active,
         a#n4:hover, a#n4:active,
         a#n5:hover, a#n5:active,
         a#n6:hover, a#n6:active, 
		 a#n7:hover, a#n7:active, z-index:4;
		 
		 /* Sublinks der Hoverschaltfl�chen */
		 
         #n1_sublinks {
            position:absolute;
            top:3em;
            left:12em;
            width:10em;
            border:0.1em solid black;
            border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n2_sublinks {
            position:absolute;
            top:3em;
            left:21em;
            width:10em;
            border:0.1em solid black;
            border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n3_sublinks {
            position:absolute;
            top:3em;
            left:30em;
            width:10em;
            border:0.1em solid black;
			border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n4_sublinks {
            position:absolute;
            top:3em;
            left:39em;
            width:10em;
            border:0.1em solid black;
            border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n5_sublinks {
            position:absolute;
            top:3em;
            left:48em;
            width:10em;
            border:0.1em solid black;
            border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n6_sublinks {
            position:absolute;
            top:3em;
            left:57em;
            width:10em;
            border:0.1em solid black;
            border-top:0;
            z-index:10;
            visibility:hidden;
         }
		 #n7_sublinks {
            position:absolute;
            top:3em;
            left:66em;
            width:10em;
            border:0.1em solid black;
			border-top:0;
            z-index:10;
            visibility:hidden;
         }
         .sub_link {
            display:block;
            text-align:center;
            height:1.8em;
            font:normal normal 1em Times;
            text-decoration:none;
            border-top:0.1em solid black;
         }
		 
         .sub_link:link, .sub_link:visited {
            background-color:rgb(245,240,205);
            color:rgb(150,50,170);
         }
		 
         .sub_link:hover, .sub_link:active {
            background-color:white;
            color:black;
         }



/*----------------------------------------------------------------------------*/
/*---------------------------------Features-----------------------------------*/
/*----------------------------------------------------------------------------*/


/* Boxen rechts */
#features {
	 position:absolute;
	 background-image: url(/images/lilie2.jpg);
	 top:6.2em;
	 left:68em;
	 width:11em;
	 margin:0px;
	 padding:0px;
	 }
	 
div.box_title {
	 margin-top:0.8em;
	 margin-left:0.4em;
	 margin-right:0.4em;
	 background-color:#aaa;
	 color:white;
	 font-family:Tahoma,sans-serif;
	 font-size:1em;
	 font-weight:bold;
	 padding:0.1em;
	 }

div.box_title a {
	 text-decoration:none;
	 }

div.box_content {
	 margin-left:0.4em;
	 margin-right:0.4em;
	 margin-bottom:0.4em;
	 background-color:#aa4;
	 border:rgb(130,130,130) solid 0.1em;
	 color:black;
	 font-family:"Century Schoolbook",serif;
	 font-size:1em;
	 font-weight:normal;
	 padding:0.1em;
	 }

/*----------------------------------------------------------------------------*/
/*--------------------------------Sonstiges-----------------------------------*/
/*----------------------------------------------------------------------------*/

/*Verhalten der Makierungen*/
a:link { color: #00a; }
a:hover, a:focus { border-bottom: 2px solid #d90000; }
a:active { color: white; background-color: #d90000; }