body {
    color: black; 
    background-color: #669999;
    background-image: url(images/back.gif);
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

.bild {
	border-style : outset; 
	border-color : #F0F8FF; 
	}
#blind {
	position : absolute;
	left : -30px;
	top : -30px;
	width : 20px;
	height : 20px;
	padding : 0px;
   }
#untermenue {
	position : absolute;
	left : 5%;
	top : 5px;
	width : 90%;
	height : 70px;
	padding : 10px;
   }



#schrift {
	position : absolute;
	left : 10px;
	top : 80px;
	width : 100%;
	height : 80%;
	padding : 10px;
	overflow : auto;
} 
.schrift {
        color: black;
	font-family : Arial, Helvetica, Sans-Serif; 
	font-size : 1em; 
	text-align : left; 
	margin: 9px;
	border :1 px outset gray;
	} 

#schrift a:link {
	text-decoration : none; 
	color : blue; 
	font-family : 'Times New Roman', Times, serif; 
	font-weight : bold; 
	font-size : 1.1em; 
	} 

#schrift a:visited {
	text-decoration : none; 
	color : blue; 
	font-family : 'Times New Roman', Times, serif; 
	font-weight : bold; 
	font-size : 1.1em; 
	} 

#schrift a:hover {
	text-decoration : none; 
	color : #000; 
	font-family : 'Times New Roman', Times, serif; 
	font-weight : bold; 
	}  

h1 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.6em; 
	font-weight : bold; 
	text-align : center; 
	text-decoration : none;
        margin-top : 50px;
  }

h2 {
    font-size: 1.5em;
    text-align: center;
    margin: 2px; 
    padding: 10px;
  }

h3 {
    font-size: 1.2em;
    text-align: center;
    margin: 0px; padding: 0px;
  }

h4 {
    font-size: 1.6em;
    color: red;
    text-align: center;
    margin: 0px; padding: 0px;
  }

ul#menue {
	border: none;
        background-color: #ffe4b5;
        font-size: 1em;
        float: left; 
        width: 120px;
        margin: 0; 
        height: 500px;
        overflow: auto;
        padding: 0;
  }

ul#menue a:link, ul#menue a:visited {
	background-image : url('buttons/roh.gif');
	background-color : transparent;
	background-repeat : no-repeat;
	width : 120px;
	height : 30px;
	padding-top : 5px;
	text-align : center;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	color : blue;
	}

ul#menue a:hover {
	background-image : url('buttons/roh.gif');
	background-color : transparent;
	background-repeat : no-repeat;
	width : 120px;
	height : 30px;
	padding-top : 5px;
	text-align : center;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	color : red;
	}

ul#menue a:active {
	background-image : url('buttons/roh.gif');
	background-color : transparent;
	background-repeat : no-repeat;
	width : 120px;
	height : 30px;
	padding-top : 5px;
	text-align : center;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	color : black;
	}div#Inhalt {
    margin: 0 1em 1em 1em;
    padding: 0 0;
    border: no;
  }






#popup {
	position : absolute;
	left : 25px;
	top : 25px;
	width : 450px;
	height : 400px;
	padding : 10px;
	overflow : auto;
	}

#backdiv {
	position : absolute;
	left : 25px;
	top : 475px;
	width : 120px;
	height : 100px;
	}

ul#backul {
	list-style : none;
	margin : 0;
	padding : 0;
	}

ul#backul li a:link, ul#backul li a:visited {
	background-image : url('images/back1.gif');
	background-repeat : no-repeat;
	height : 53px;
	width : 100px;
	padding-top : 15px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : red;
	}

ul#backul li a:hover {
	background-image : url('images/back2.gif');
	background-repeat : no-repeat;
	height : 53px;
	width : 100px;
	padding-top : 15px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : blue;
	}

#closediv {
	position : absolute;
	left : 200px;
	top : 450px;
	width : 100px;
	height : 100px;
	}

ul#closeul {
	list-style : none;
	margin : 0;
	padding : 0;
	}

ul#closeul li a:link, ul#closeul li a:visited {
	background-image : url('images/close.gif');
	background-repeat : no-repeat;
	height : 100px;
	width : 100px;
	padding-top : 40px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : red;
	}

ul#closeul li a:hover {
	background-image : url('images/close.gif');
	background-repeat : no-repeat;
	height : 100px;
	width : 100px;
	padding-top : 40px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : blue;
	}

#vordiv {
	position : absolute;
	left : 375px;
	top : 475px;
	width : 100px;
	height : 53px;
	}

ul#vorul {
	list-style : none;
	margin : 0;
	padding : 0;
	}

ul#vorul li a:link, ul#vorul li a:visited {
	background-image : url('images/weiter1.gif');
	background-repeat : no-repeat;
	height : 53px;
	width : 100px;
	padding-top : 15px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : red;
	}

ul#vorul li a:hover {
	background-image : url('images/weiter2.gif');
	background-repeat : no-repeat;
	height : 53px;
	width : 100px;
	padding-top : 15px;
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : blue;
	}

#fotopopup {
	position : absolute;
	left : 25px;
	top : 25px;
	width : 600px;
	height : 550px;
	padding : 0;
	overflow : auto;
	}

#fotobackdiv {
	position : absolute;
	left : 105px;
	top : 575px;
	width : 120px;
	height : 100px;
	}

#fotoclosediv {
	position : absolute;
	left : 280px;
	top : 550px;
	width : 100px;
	height : 100px;
	}

#fotovordiv {
	position : absolute;
	left : 455px;
	top : 575px;
	width : 100px;
	height : 53px;
	}

.zitat {
	font-family : Arial, Helvetica, Sans-Serif;
	font-size : 1em;
	font-weight : bold;
	font-style : italic;
	text-align : left;
	padding-left : 20px;
	padding-top : 20px;
	}


#counter {
position : absolute;
left : 18px;
top : 90%;
width : 80%;
height : 20px;
font-color : #ffe4b5;
}

.counter a:link , .counter a:visited , .counter a:hover {
	text-decoration : none; 
	font-size : 0,1px; 
	color : #E0FFFF; 
	}

h6 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.2em; 
	font-weight : bold; 
	text-align : center; 
	text-decoration : none;
        margin-top : 2px;
	} 

.uo a:link , .uo a:visited {
	border-style : outset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	width : 100%; 
	margin : 5px;
	padding-left : 12px; 
	padding-right : 12px; 
	padding-top : 2px; 
	padding-bottom : 2px; 
	background-image : url(images/links1.gif);
	} 

.uo a:hover {
	border-style : inset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	margin : 5px;
	padding-left : 12px; 
	padding-right : 12px; 
	padding-top : 2px; 
	padding-bottom : 2px; 
	background-image : url(images/links1.gif);
	}



.rechts {
	float : right; 
	margin : 15px; 
	} 

.links {
	float : left; 
	margin : 15px; 
	}