html, body {
  height: 100%;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}

button {
  background-color: transparent;
  color: rgb(0,86,74);
  border: none;
  text-align: left;
  font-weight: bold;
}


a:link, a:visited {
	color: rgb(0,86,74);
	background-color: transparent; 
}

a:hover, a:active {
	color: rgb(255,102,51);
	background-color: transparent; 
}

/* Gestaltung von Formularen */
/*textarea, input {
  background-color: #E0F3CD;
}*/

/* Gestaltung Mauszeiger */
acronym {
	cursor: help; 
	border: none;
	font-weight: bold;
}

#logo {
	position: absolute;
	top: 0px;
  right: 10px;
	width: 533px; 
	height: 157px; 
	z-index: 2; 
}

#header {
	font-size: 93%; 
	background: url(./Bilder/bg3.gif) #E0F3CD repeat-x 50% bottom; 
	float: left; 
	width: 100%; 
	line-height: normal;
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 25%;
	z-index: 1; 
}


#body {
	position: absolute; 
	top: 25%; 
	left: 0px; 
	width: 100%; 
	height: 600px; /*alter Wert 600px*/
	background-color: #E0F3CD;
	z-index: 3; 
}


/* Navigation der Seite */
#navigation {
	 position: absolute; 
	 top: 31%; 
	 left: 2.5%; 
	 overflow: auto; 
	 height: 63%; 
	 width: 20%;
	 font-family: verdana, monotype corsiva; 
	 font-size: 11px;
	 color: rgb(0,86,74);
	 border: 1px solid rgb(0,86,74);
	 background-color: #E0F3CD;
	 text-align: center; 	
	 z-index: 5;
}

#navigation a {
	text-decoration: none;
}


#navigation a:link, #navigation a:visited {
	color: rgb(0,86,74);
	background-color: transparent; 
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	color: rgb(255,102,51);
	background-color: transparent; 
	text-decoration: none;
}

#navi {
	margin-top: 15px;
}

/* Schatten hinter Div-Elt. navigation */
#hintergrund {
	 position: absolute; 
	 top: 33%; 
	 left: 3.75%; 
	 overflow: auto; 
	 height: 63%; 
	 width: 20%;
	 background-color: rgb(0,86,74);
	 z-index: 4;
}


/* Schatten hinter Div-Elt. navi */
#hint {
	 position: absolute; 
	 top: 33%; 
	 left: 37.5%; 
	 overflow: auto; 
	 height: 63%; 
	 width: 50%;
	 background-color: rgb(0,86,74);
	 z-index: 4;
}

/* Inhalt der grossen Textbox */
#text {
	 position: absolute; 
	 top: 31%; 
	 left: 36.25%; 
	 overflow: auto; 
	 height: 63%; 
	 width: 50%;
	 font-family: verdana, monotype corsiva; 
	 font-size: 11px;
	 color: rgb(0,86,74);
	 border: 1px solid rgb(0,86,74);
	 background-color: #E0F3CD;
	 text-align: left; 	
	 z-index: 5;
	 
	
		
}

*.header {
  font-weight: bold;
  color: rgb(255,102,51);
}

.content {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

button.link:hover {
  color: rgb(255,102,51);
}

/* der "zurueck" Button auf der Vereinsverwaltungsseite */
.back {
  text-align: right; 
  color: rgb(0,86,74);
}

.back:hover {
  text-align: right; 
  color: rgb(255,102,51);
}

input.back{
  background-color: transparent;
  border-style: none;
  font-weight: bold;
}

.error {
	color: rgb(255,102,51);
	font-weight: bold;
}


/* Formatierung spezieller Seiten */  
table.computerschule {
  width: 100%;
}

td.computerschule {
  text-align: center;
  padding: 10px;
}
/* edit 3.11.2009 fuer Downloadbereich*/
a { 
  text-decoration: none; 
  outline: none; 
} 
ul li { list-style-type: none;
a text-decoration: none;
 }

 #vorschau {
		position relative;
		position: absolute; 
		top: 10%; 
		left: 70%;
		}