* html div { height:100%; }

html { 
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body {
	font-size: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	padding: 0;
	margin: 0;
	height:100%;
	text-align: center;
	background-color:#f9ff8e;
}

#hidden {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #002f7f;
	margin: 0px 0px 8px 0px;
	padding: 0px
 }
 
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002f7f;
	margin: 0px 0px 8px 0px;
	padding: 0px
 }
 
h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002f7f;
	margin: -22px 0px 5px 0px;
	padding: 0px
 }

 h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #002f7f;
	margin: 0px 0px 8px 0px;
	padding: 0px
 }

.lernen-right p {
    font-size: 12px;
    color: #002f7f;
}

.lernen-right ul {
    font-size: 12px;
    color: #002f7f;
    margin-left:15px;
    padding: 0px;
    margin-top: -20px;
}

.lernen-right ul li {
    font-weight: normal;
    margin-bottom: 10px;
}
  
p {
	margin: 0px 0px 24px 0px;
	line-height: 13pt;
}

a {
	text-decoration: none;
	color: #012d8f;
}

li {
	color: #004094; 
	padding: 0px;
	margin: 0px 0px 24px 0px;
	font-weight: bold;
}

ul {
	padding: 0px;
	margin: 0px 0px 24px 40px;
	list-style: disc;
}



/*
###
### Layout
###
*/

#content {
	padding:0;
	margin: 0px auto 0;
	width: 795px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #35343a;
}


/*
###
### Hintergrund-Flächen
###
*/

#hg-home-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 840px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-home-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 584px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-home-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 584px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-lernen-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 1560px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-lernen-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 1304px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-lernen-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 1304px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-geburtstag-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 760px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-geburtstag-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 504px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-geburtstag-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 504px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-tier-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 1292px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-tier-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 1036px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-tier-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 1036px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-ferien-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 1252px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-ferien-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 997px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-ferien-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 997px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-schulung-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 810px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-schulung-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 554px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-schulung-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 554px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-oeko-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 850px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-oeko-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 594px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-oeko-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 594px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-wald-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 855px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-wald-hellgruen {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 599px;
	width: 574px;
	background-color:#cfe5bc;
	z-index: 4;
}

#hg-wald-dunkelgruen {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 599px;
	width: 190px;
	background-color:#a7c1a6;
	z-index: 4;
}

#hg-spezial-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 1116px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-spezial-hellgruen {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 860px;
	width: 574px;
	background-color:#cfe5bc;
	z-index: 4;
}

#hg-spezial-dunkelgruen {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 860px;
	width: 190px;
	background-color:#a7c1a6;
	z-index: 4;
}

#hg-post-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 1200px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-post-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 944px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-post-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 944px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

#hg-impressum-flaeche {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	height: 900px;
	width: 795px;
	background-color:#FFFFFF;
	z-index: 3;
}

#hg-impressum-hellblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 11px;
	height: 644px;
	width: 574px;
	background-color:#ddf6f8;
	z-index: 4;
}

#hg-impressum-dunkelblau {
	position: absolute;
	margin-top: 247px;
	margin-left: 594px;
	height: 644px;
	width: 190px;
	background-color:#c0dde5;
	z-index: 4;
}

/*
###
### Kopfgrafiken
###
*/

#head-home-01 {
	position: absolute;
	margin-top: 9px;
	margin-left: 11px;
	width: 773px;
	height: 227px;
	z-index: 5;
	background:url(../img/home-head-01.jpg) no-repeat;
}

#head-home-01a {
	position: absolute;
	margin-top: 9px;
	margin-left: 11px;
	width: 773px;
	height: 227px;
	z-index: 5;
	background:url(../img/home-head-02.jpg) no-repeat;
}

#head-home-02 {
	position: absolute;
	margin-top: 236px;
	margin-left: 11px;
	width: 218px;
	height: 63px;
	z-index: 5;
	background:url(../img/home-head-02.gif) no-repeat;
}

#head-home-03 {
	position: absolute;
	margin-top: 236px;
	margin-left: 308px;
	width: 474px;
	height: 63px;
	z-index: 5;
	background:url(../img/home-head-03.gif) no-repeat;
}

#head-wald-01 {
	position: absolute;
	margin-top: 9px;
	margin-left: 11px;
	width: 773px;
	height: 227px;
	z-index: 5;
	background:url(../img/wald-head-01.jpg) no-repeat;
}

#head-wald-02 {
	position: absolute;
	margin-top: 236px;
	margin-left: 11px;
	width: 218px;
	height: 63px;
	z-index: 5;
	background:url(../img/wald-head-02.gif) no-repeat;
}

#head-wald-03 {
	position: absolute;
	margin-top: 236px;
	margin-left: 308px;
	width: 474px;
	height: 63px;
	z-index: 5;
	background:url(../img/wald-head-03.gif) no-repeat;
}


/*
###
### Navigation
###
*/

#navi {
	position: absolute;
	margin-top: 290px;
	margin-left: 613px;
	height: 182px;
	width: 170px;
	z-index: 5;
}

#navi ul { margin: 0px; padding: 0px; }

#navi ul li { list-style: none; margin-bottom: 10px; padding: 0px; }

#navi ul li a { color: #7ac2c7; }

#navi ul li a:hover,
#navi ul li a:focus,
#navi ul li a:active { color: #2c767b; }
#navi ul li a.active { color: #2c767b; }

#navi-wald {
	position: absolute;
	margin-top: 290px;
	margin-left: 613px;
	height: 182px;
	width: 170px;
	z-index: 5;
}

#navi-wald ul { margin: 0px; padding: 0px; }

#navi-wald ul li { list-style: none; margin-bottom: 10px; padding: 0px; }

#navi-wald ul li a { color: #fff; }

#navi-wald ul li a:hover,
#navi-wald ul li a:focus,
#navi-wald ul li a:active { color: #5a906f; }
#navi-wald ul li a.active { color: #5a906f; }


#seknavi {
	position: absolute;
	margin-top: 212px;
	margin-left: 28px;
	height: 20px;
	width: 135px;
	z-index: 6;
}

#seknavi td {
	padding-right: 15px;
}


/*
###
### Formular
###
*/

.form_text {
	color: #73b9be;
}

.form_text_error { 
	color: #DC041E;
}

.input_text {
	padding : 0px;
	margin : 0px;
	width: 356px;
	height: 20px;
	background-color : #ffffff;
	border-color: #73b9be;
	border-width: 3px;
	border-style:solid;
	font-size: 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73b9be;
}

.input_text_error {
	padding : 0px;
	margin : 0px;
	width: 356px;
	height: 16px;
	background-color : #ffffff;
	border-color: #002f7f;
	border-width: 3px;
	border-style:solid;
	font-size: 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73b9be;
}

textarea {
	padding : 0px;
	margin : 0px;
	width: 390px;
	background-color : #ffffff;
	border-color: #73b9be;
	border-width: 3px;
	border-style: solid;
	font-size: 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73b9be;
	padding: 3px;
}

.textarea_error {
	padding : 0px;
	margin : 0px;
	width: 390px;
	height: 100px;
	background-color : #ffffff;
	border-color: #002f7f;
	border-width: 3px;
	border-style:solid;
	font-size: 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73b9be;
	padding: 3px;
}

.button {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #73b9be;
	font-weight: bold;
	padding-bottom : 2px;
	margin : 1px;
	width: 110px;
	height: 24px;
	background-color : #DDF6F8;
}