html { height: 100% }

body { /* redundant rules for bad browsers  */  
    font-family:Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 100.01%;
	color: #58585a;
	min-width: 928px;
	max-width: 80em;
	min-height: 101%;
	padding: 10px;
	text-align:center;	
	background-color: #e3e3e4;
}

div, th, tr {
	font-size: 0.9em;
	line-height:2em;
}

p, a{
	font-size: 1.2em;
	line-height: 1.2em;	
	color: #58585a;
}
a{
	text-decoration:none;
}
.bodytext a{
	font-size: 1em;
	color:#58585a;
	text-decoration:underline;
}
.bodytext a:hover{
	font-size: 1em;
	color:#58585a;
	text-decoration:none;
}

fieldset, img { 
	border: 0 solid;
}
/* Hidden Navigation for Tab-Indexing */
#hiddennav {
    position: absolute;
    top: -2000px;
    left: 0;
    padding: 0 5px;
    background: white;
	color: black;
    font-size: 1.3em;
    z-index: 100;
}

li dfn, .helpnav dfn, .usb{
	display:block;
	position: absolute;
	left: -3000px;
	height: 0px;
	width: 0px;
}

/* Main Classes */

#root{
	min-width: 928px; 
	max-width: 80em; 
	margin: 0 auto; 
	text-align:center;
}
#centercontent{
	width: 40em;
	min-width: inherit; 
	max-width: 1224px;
	margin: 0 auto; 	
	border: 1px solid #b1b2b4;
	background-color: #fff;
	background-image:url(../img/assets/bg_schweif.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#logo{
	padding: 1.5em 0;
}
#main{
	text-align:left;
}
#mainarea{
	display:block;
	float:left;
	width: 77%;
}

#subarea{
	display:block;
	float:left;
	width: 23%;
}
#topnav{
	background-color: #73b231;
	margin-left: 2em;
	margin-bottom: 3.1em;
}
.helpnav{
	background-color: #73b231;
	margin: 0 2em 1em 2em;	
}
#fontsize{
	margin: -1em 2em 2em 2em;	
}

#contentarea{
	min-width: 702px; 
	max-width: 80em; 
	margin: 0 auto; 
	height: 27em;
	min-height: 27em;
	max-height:inherit;
}

#contentnav{
	display:block;
	float:left;
	width: 28%;
	min-width: 28%;
	max-width: 28%;
	background-color: #e3f7c3;
	background-image:url(../img/assets/bg_nav.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	height: 34.4em;
	min-height: 34.4em;
	max-height:inherit;
	overflow:hidden;
}
#content{
	display:block;
	float:right;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	height: 34.4em;
	min-height: 34.4em;
	max-height:inherit;
	margin-left: 1%;
	overflow: auto;
	scrollbar-base-color:#bfe48d;
	scrollbar-3d-light-color:#73b231;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#58585a;
	scrollbar-face-color:#73b231;
	scrollbar-highlight-color:#73b231;
	scrollbar-shadow-color:#58585a;
	scrollbar-track-color:#bfe48d;
}

#leftbox{
	display:block;
	min-width: 100%; 
	max-width: 100%; 
	height: 2.3em;
	min-height: 5.7em;
	max-height: 5.7em;
	background-color: #bfe48d;
}
#rightbox{
	display:block;
	float:right;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	background-color: #c7e0ad;
	text-align: center;
	height: 2.3em;
	min-height: 4.4em;
	max-height: 4.4em;
	padding: 1%;
}
#rightbox p.bodytext{
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	font-size:166.67%;
	line-height: 126.67%;
	min-height: 2.3em;
	max-height: 4.4em;
	padding: 0;
	margin-top: 0em;
	background-color: #c7e0ad;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
/* Navigation */
@media all and (min-width:0px) {
			body:not(:root:root) #tnav { height: 1.8em; }
}
#tnav{
	margin: 0 0 0 -2em; 
	list-style:none;
	width: 100%;
	height: inherit;
}

#tnav li{
	width: 16%;
	display:block;
	float:left;
	text-align:center;
	overflow:hidden;
}

#tnav li a{
	font-weight: bold;	
	
}
#tnav li a:hover{
	color: #fff;	
}
.tact{
	background-color: #fff;
}

#tnav li.tact a:hover {
	color:#000;
}  

#cnav{
	margin-left: -2em;
	list-style:none;
}

#cnav li{
	border-top:dotted 1px #999;
	height: 3.5em;
	min-height: 3.5em;
	max-height: inherit;
}
.act{
	background-color: #e9e9e9;
}
.act a{
	margin-left: 1em;
	color: #58585a;	
	font-weight: bold;	
}

#cnav li a{
	line-height: 3em;
	height: 3em;
	min-height: 3em;
	max-height: inherit;
	white-space:nowrap;
}
#cnav li a:hover{
	font-weight: bold;
}

.csec{
	padding-left: 2em;
	background-image:url(../img/assets/arr.gif);
	background-repeat:no-repeat;
	background-position: 2em 1.2em;
}
.csec-act{
	padding-left: 2em;
	background-image:url(../img/assets/arr_act.gif);
	background-repeat:no-repeat;
	background-position: 2em 1.2em;
}
.csec a, .csec a:hover, .csec a:visited, .csec a:active{
	padding-left: 1.5em;
}

.csec-act a, .csec-act a:hover, .csec-act a:visited, .csec-act a:active {
	padding-left: 1.5em;
	color: #8acd6c;
	font-weight: bold;
}

.helpnav a{
	margin: 1em;
	height: 2em;
	min-height: 2em;
	max-height: inherit;
	line-height: 2em;
}
#fontsize{
	padding: 0 1.2em;
	margin: -0.4em 2em 1.1em 2em;
}
.helpnav a:hover, #fontsize a:hover{
	font-weight: bold;
}
.hact{
	font-weight: bold;
	color: #fff;
}
.fontsize-head{
	background-color: #73b231;
	margin: -1.2em 2em 0 2em;
}
@media all and (min-width:0px) {
			body:not(:root:root) .fontsize-head { margin-top: 0em; }
}

.fontsize-head p{
	margin-left: 1em;
	height: 1.7em;
	line-height: 1.7em;
	overflow:hidden;	
}

/* fonts */
h1,h2,h3,h4,h5,h6 { 
	font-weight:bold; 
}

h1 { font-size: 166.67% }                     /* 14px */
h2 { font-size: 126.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 200% }                     	  /* 24px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

.bodytext{
	font-size: 126.67%; 
	line-height: 150%;
}

h1 a { font-size: 100%; }

.newsread a{
	font-weight: bold;
	text-decoration:underline;
	color: #73b231;
	font-size: 100%;
}
.newsback a{
	font-weight: bold;
	text-decoration:underline;
	color: #73b231;
	font-size: 126.67%;
}
