/*	-------------------------------------------------------------
	 RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
               }

							 a {text-decoration: underline; color: #0000ff }

							 a:link	{text-decoration: underline; color: #0000ff }
							 a:hover	{text-decoration: underline; color: #6666ff }


               body
               {
										font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: medium;
                    background-color: #9999cc;
										color: #9999cc;
               }



/*	-------------------------------------------------------------
	 Gesamtstruktur
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #Gesamtstruktur {
										position: relative;
										margin: 4%;
										background-color: #ffffff;
										border:solid 1px #000099;
		           }



/*	-------------------------------------------------------------
	 Kopfstruktur
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #Kopfstruktur {
							     width: 100%;
									 background-color: #ccccff;
									 border: none;
							 }

							 #Querleiste_oben {
									 overflow: visible;
									 background-color: #000099;
									 margin-bottom: 2%;
									 width: 100%;
							 }


 							 #Querleiste_oben p {
									 text-align: center;
									 padding-top: 0.5em;
									 padding-bottom: 0.5em;
									 font-size: 25px;
									 font-weight: bold;
							 }


							 #Linkstruktur {
							 			position: relative; left: 5%;
										width: 90%;
										background-color: #ccccff;
										color: #9999cc;
		           }

							 #Linkstruktur img {
							 			border: 0.1em solid #000099;
										width: 150px; height: 200px
							 }


							 #Linkstruktur p {
							     font-weight: bold;
							 }

							 #Linkstruktur a { text-decoration:none; color: #000099 }
							 #Linkstruktur a:hover { text-decoration:none; color: #9999cc; }

							 #Linkstruktur p.link1 {
							 			position: absolute; left: 25%; top: 10%;
		           }
							 #Linkstruktur p.link2 {
							 			position: absolute; left: 45%; top: 20%;
		           }
							 #Linkstruktur p.link3 {
							 			position: absolute; left: 65%; top: 35%;
		           }
							 #Linkstruktur p.link4 {
							 			position: absolute; left: 30%; top: 55%;
		           }
							 #Linkstruktur p.link5 {
							 			position: absolute; left: 50%; top: 65%;
		           }
							 #Linkstruktur p.link6 {
							 			position: absolute; left: 70%; top: 80%;
		           }
							 #Linkstruktur p.link7 {
							 			position: absolute; right: 5%; top: 53%;
		           }
							 #Linkstruktur p.link8 {
							 			position: absolute; right: 0%; top: 30%;
		           }

							 #Querleiste_unten {
									 overflow: visible;
									 margin-top: 2%;
									 background-color: #3333cc;
									 width: 100%;
							 }

 							 #Querleiste_unten p {
									 text-align: center;
									 padding-top: 0.5em;
									 padding-bottom: 0.5em;
									 font-size: 25px;
									 font-weight: bold;
							 }

/*	-------------------------------------------------------------
	 Inhaltsstruktur
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							 #Inhaltsstruktur {
							 			position: relative; left: 10%;
										width: 80%;
										margin-top: 5%;
										margin-bottom: 5%;
										background-color: #ffffff;
										color: black;
		           }

							 #Inhaltsstruktur h1 {
							      margin-top: 1em; margin-bottom: 1.5em;
								  font-size: 120%;
								  text-align: center;
							 }

							 #Inhaltsstruktur h2 {
							      margin-top: 1.5em; margin-bottom: 1.2em;
										font-size: 80%;
										text-align: justify;
							 }

							 #Inhaltsstruktur p {
							      margin-bottom: 0.5em;
										font-size: 80%;
										text-align: justify;
							 }

							 #Inhaltsstruktur p.zentriert {text-align: center}

							 #Inhaltsstruktur p.rechts {text-align: right}

							 #Inhaltsstruktur p.gross {font-size: 100%}

							 #Inhaltsstruktur p.gross_zentriert {font-size: 100%; text-align: center}

							 #Inhaltsstruktur p.eingerueckt {
										padding-left: 5%;
							 }

							 #Inhaltsstruktur ul {
							      list-style-type: disc;
							 }

                             #Inhaltsstruktur ol {
							      list-style-type: decimal;;
							 }

							 #Inhaltsstruktur li {
                                        font-size: 80%;
										text-align: justify;
										margin-left: 5%;
										margin-bottom: 1.5em;
							 }

							 #Inhaltsstruktur li.gross {font-size: 95%; text-align: left; margin-bottom: 1em}

							 #Inhaltsstruktur li.Ende {margin-bottom: 2em}

							 #Inhaltsstruktur li.Rahmen {border:1px solid black; padding: 3px}

							 #Inhaltsstruktur li.Doppelrahmen {border:3px solid black; padding: 5px}

							 #Inhaltsstruktur span {font-weight: bold}

							 #Inhaltsstruktur span.rot_fett {font-weight: bold; color: red}

							 /*	-------------------------------------------------------------
	             Nachrichten-Formular (innerhalb der Inhaltsleiste
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							 #Inhaltsstruktur form.Nachrichtenformular {padding-left: 20%; width: 60%}

							 #Inhaltsstruktur input, select, textarea {
										width: 100%;
										background-color: white;
										border-color: #000099;							 }

							 #Inhaltsstruktur input.abschicken {
							      width: 20%;
										color: black; background-color: white; border-color: #000099;
										font-size: 90%; font-style: bold;
										height: 21pt;
										cursor: pointer
							 }

/*	-------------------------------------------------------------
	 Fußleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							#Fussleiste {
									 overflow: visible;
									 background-color: #3333cc;
									 width: 100%;
							 }

 							 #Fussleiste p {
									 text-align: right;
									 padding-top: 0.5em;
									 padding-bottom: 0.5em;
									 padding-right: 1em;
									 font-size: 10px;
							 }

/*	-------------------------------------------------------------
Absolut positionierte Elemente
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


							table.HPElement {
										position: absolute;
										z-index:10;

							}

							#Nachrichtenfenster {top:3%; right:3%;
												 border: solid 1px #000099;
												 background-color: #ffffff;
												}
									 #Nachrichtenfenster p {
									 										 	  font-size: 70%;
																					text-align: center;
																					margin-bottom: 0.5em;
																					color: black;
																	       }



