/*  Hier werden hauptsächlich die Formatierungen vorgenommen; Farben, Größen, Rahmen...   aber auch schon zum Teil Bilder geladen,   */


a{text-decoration:none; font-weight:bold;}
a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:focus {color:#c0c0c0};}
a:hover {color:#c0c0c0;}
a:active {color:#c0c0c0;}


/* Formatierung eines Menüpunkts; Größe, Schriftart  */
a.menu_punkt{font-size:16px; font-family:Georgia; font-variant: small-caps; text-decoration:none; font-weight:bold;}

/*  Überschriftengröße */
h1{font-size:18px;}
h2{font-size:17px;}

/*  Hintergrund und Schriftart der ganzen Seite */
html {
    background: url(../jpg/bg.jpg) no-repeat center center scroll;
	background-color: #C0C0C0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:Times New Roman;
	
}

/* Hintergrund der Programmierung  */

#rahmen{position:relative; width:1000px; height:600px; margin:auto; margin-top:10px;}
		

#linke_spalte{height:580px; width:239px; 
              background-color: #004400; opacity:0.9;}

/*  Bild links oben */

#photo {height:150px; width: 100px; margin-left: 20px; margin-top: 20px; opacity:1;}



#impressum{margin-left: 2px }

#rechte_spalte{ height:580px; width: 800px;}


/*  Bild rechts oben mit Gästehaus Peschel */
#r_header { height:150px; width:755px; background-image: url(../jpg/Header.jpg); opacity:1; visibility: true;}

			 
#button{position:absolute;bottom:15px;}

#menu {
top:120px; height:100px; text-align:left; word-spacing:0.5em;}


#home_c{visibility:visible;}


/*  hier allgemeine Schriftgröße des Textes im der rechts unten Box ändern*/
.content{font-size:18px; width:735px; height:410px; background-color:lightgrey; visibility:hidden; padding: 5px 10px 10px 10px; color:#FFFFFF;}
/*  Die Box, in der der ganze Text steht; rechts unten */

.box{width: 735px; Height: 410px ; opacity:0.7; background-color: #004400; }

.rand{margin:30px;}
.menu_punkt{margin:auto;}

.float_l{float:left; margin: 10px;}
.float_r{float:right; margin: 10px;}

.links{position:absolute; left:0px;}
.rechts{position:absolute; right:0px;}

.unten{position:absolute; bottom:0px;}
.oben{position:absolute; top:0px;}



	
	
	
	/* Das Kontaktformular */ 
form {
  background-color: #66000;
  width: 700px; /* Breite des Formulars */
  padding: 20px;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}

input#absender,
textarea {
  width: 300px; 
  height: 18px;
  border: 1px solid #8c8c8c;
  margin-bottom: 3px;
}

input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#name,
textarea {
  width: 300px; 
  height: 18px;
  border: 1px solid #8c8c8c;
  margin-bottom: 3px;
}

input#telefon,
textarea {
  width: 300px; 
  height: 18px;
  border: 1px solid #8c8c8c;
  margin-bottom: 10px;
}

input#schulart,
textarea {
  width: 300px; 
  height: 18px;
  border: 1px solid #8c8c8c;
  margin-bottom: 10px;
}



input#nachricht,
textarea {
  width: 300px; 
  height: 60px;
  border: 1px solid #8c8c8c;
  margin-bottom: 3px;
}