body {
       margin: 0;
       background-color: #ffffff;
       background-image: url(images/vertikal.jpg);
       background-position: 0px 175px;
       background-repeat: repeat-y;
       height: 100%;  
       min-width: 750px;     
}

p {
       padding: 0;
       margin-top: 0;
       margin-left: 0;
}

h1 {
       font-style: italic;
       padding: 0;
       margin-top: 0;
       margin-left: 0;
       font-size: 16px;
}

h {
   font-style: italic;
       padding: 0;
       margin-top: 0;
       margin-left: 0;
       font-size: 16px;
}
#oben {
       margin: 0;
       padding: 0;
       width: 200%;
       height: 175px;       
       background-image: url(images/oben.jpg);
       background-position: 175px 0px;
       background-repeat: repeat-x;
       position: absolute;
       left: 0px;
       top: 0px;       
}
#ecke {
       width: 175px;
       height: 175px;       
       background-image: url(images/ecke.jpg);
       position: absolute;
       left: 0px;
       top: 0px;       
       
}
#haupt {
       position: absolute;
       left: 175px;
       top: 190px;
}



#sitename {
       width: 575px;
       margin: 0;
       padding: 0 0 30px 0;
       font-family: "Times New Roman", Times, serif;
       font-weight: bold;
       font-style: italic;
       font-size: 32px;
       letter-spacing: 8px;
       color: #000000;
       clear: both;
       text-align: center;
}

#sitename big{
       font-size: 32px;
       color: #330099;
}

#frage {
       width: 575px;
       margin: 0;
       padding: 0 0 30px 0;
       font-family: Verdana, sans-serif;
       font-size: 20px;
       letter-spacing: 4px;
       color: #000000;
       clear: both;
       text-align: center;
}

#intro {
       width: 575px;
       margin: 0;
       padding: 30px 0 15px 0;
       font-family: Verdana, sans-serif;
       font-size: 14px;
       line-height: 20px;
       color: #000000;
       text-align: justify;
} 

#intro span { 
   display: block;
   position: relative; 
   top: -200px; 
   left: 330px; 
   width: 300px;
   height: 100px;
   padding: 5px; 
   color: #000000; 
   background: #FFFFCC;
   z-index: 100;
   font: 12px Verdana, sans-serif; 
   text-align: left;
}



#text {
       width: 600px;
       margin: 0;
       padding: 30px 0 15px 0;
       font-family: Verdana, sans-serif;
       font-size: 14px;
       line-height: 20px;
       color: #000000;
       text-align: justify;
} 

#text span { 
   display: block;
   position: relative; 
   top: -200px; 
   left: 330px; 
   width: 300px;
   height: 100px;
   padding: 5px; 
   color: #000000; 
   background: #FFFFCC;
   z-index: 100;
   font: 12px Verdana, sans-serif; 
   text-align: left;
}

.antwort{
   display: block;
   margin: 20px;
}

.zurueck{
   background-color: #000000;
   width: 230px;
   hight: 30px;
}

.zurueck a{
	 text-decoration: none;
   font-size: 12px;
   font-family: Verdana, sans-serif;
   color: #FFFFFF;
}

.copyright  { 
   width: 600px;
   font-size: 11px; 
       font-family: Verdana, sans-serif;
       color: #007500;
}       

a.copyright:link  {
   color: #007500;
       text-decoration: underline;
}

a.copyright:hover  {
       color: #00b766;
       text-decoration: underline;
}


#menueleiste  {
       height: 100px;
       width: 500px;
       margin: 0 0 0 50px;
       padding: 0;
       font-size: 12px;
       font-family: Verdana, sans-serif;
       font-weight: bold;       
       background-color: #ffffff;
       clear: both;       
}



.hoverimage { 
       clear:both; 
       border:0px solid #000; 
       width:100px; 
       margin:0 8px 0 0; 
       padding:4px;
}
 
.hoverimage a { 
       display:block;
	     text-decoration: none;
}
 
.hoverimage a span { 
       display:none; 
}
 
.hoverimage a:hover { 
       border:0; 
}
 
.hoverimage a:hover img { 
       visibility:hidden; 
}
 
.hoverimage a:hover span { 
   display: block;
   position: absolute; 
   top: 345px; 
   left: 330px; 
   width: 300px;
   height: 55px;
   padding: 5px; 
   color: #000000; 
   background: #FFFFCC;
   z-index: 100;
   font: 12px Verdana, sans-serif; 
   text-align: left;
	 text-decoration: none;
}






#menue {
  position: absolute; 
  top: 180px; 
	width: 170px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	background-color: #000000;
}
.menuekopf {
  font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	width: 163px;
	padding: 5px;
}
#menue ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menue li {
	display: block;
}
#menue li p{
	text-decoration: none;
	display: block;
  font-weight: bold;       
	color: #000000;
	width: 163px;
	padding: 5px;
	margin-bottom: 0;
}
#menue li a, #menue li a:link {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 163px;
	padding: 5px;
}
#menue li a:visited {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 163px;
	padding: 5px;
}
#menue li a:hover, #menue li a:active, #menue li a:focus {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #C0C0C0;
	width: 163px;
	padding: 5px;
}

.bildkasten{
    float: left;
    font-family: Verdana, sans-serif;
	  font-size: 11px;
    border-style: solid;
    border-width: medium;
    text-align: center;
    margin: 10px;
    padding: 0;
}
.bildkasten img {
    display: block;
    border-style: solid;
    border-width: thin;
    margin: 10px;
    padding: 0;
}
.bildkasten p {
    font-family: Verdana, sans-serif;
	  font-size: 10px;
    display: block;
    text-align: right;
	  padding: 5px;
}

#schreibschrift {
       width: 500px;
       margin: 0 25px 0 25px;
       padding: 30px 0 15px 0;
       font-family: cursive;
       font-size: 14px;
       display: block;
       line-height: 20px;
       color: #000000;
       text-align: justify;
}