html, body {
	background-color:rgb(230,230,230);
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! UM DEN ANZEIGENBEREICH AUF 100% ZU STRECKEN */
}

* {
    font-size: 1em;
}

html {
	overflow-y:scroll;
	overflow-x:auto;
    height: 100.00%;
}

body, ul, ol, h1, h2, h3, h4, p, div, span {
    margin: 0;
    padding: 0;
    font-size: 100.01%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	color:rgb(62,62,64);
}
body {
	background-color:rgb(230,230,230);
	height:100%;
}
table {
	border-collapse:collapse;
	width:100%;
}
td {
	vertical-align:top;
}
a {
	text-decoration:none;
}
a img {
	border:none;
}

.clear {
	clear:both;
}
#wrapper {
	width:799px;
	margin:auto;
	background-color:#fff;
	position:relative;
	margin:16px auto 16px auto;
	padding-bottom:20px;
}
#header {
	height:75px;
	width:760px;
	padding:20px;
	position:relative;
}
#logo {
	padding-bottom:10px;
}

#sprachswitch {
	text-align:right;
	height:10px;
	position:absolute;
	top:20px;
	right:20px;
}
#navi3 {
	position:absolute;
	bottom:20px;
	font-size:80%;
	right:20px;
}
#navi3 ul, #navi3 li  {
	list-style:none;
	text-align:right;
}
#navi1 {
	width:100%;
	height: 36px;
}
#navi1 li  {
	list-style:none;
	width:265px;
	height:36px;
	float:left;
	text-align:center;
	font-size:80%;
}
#navi1 li#blue {
	background-color:rgb(0,0,147);
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	
}
#navi1 li#green {
	background-color:rgb(0,119,0);
	border-right:1px solid #fff;
}
#navi1 li#red {
	background-color:rgb(255,0,0);
	border-right:1px solid #fff;
}
#navi1 a {
	display:block;
	height:36px;
	margin:10px;
	color:#fff;
}
#navi2 {
	position:relative;
	margin-top:20px;
	float:left;
	font-size:80%;
}

#navi2 ul, #navi2 li  {
	list-style:none;
}


#content {
	position:relative;
	margin-top:20px;
	font-size:80%;
	line-height:150%;
	margin-left:285px;
	width:495px;
	min-height:300px;
}
h1 {
	font-size:130%;
	font-weight:bold;
	margin-bottom:1em;
}
h2 {
	font-size:110%;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:1em;
}
a {
	color:rgb(62,62,64);
}
a:hover {
	color:rgb(62,62,64);
}

#navi2 {width:265px; margin-left:1px; position:relative;z-index:100;}
#navi2 ul li a, 
#navi2 ul li a:visited {display:block; text-decoration:none;  width:232px; height:23px; text-align:left; padding-left:35px; padding-top:7px; border:1px solid #fff; border-width:0px 0 2px 0; background-position:0 -30px;}
#navi2 ul#sub_blue li a, 
#navi2 ul#sub_blue li a:visited {background-image:url(../images/navi_blue.gif);}
#navi2 ul#sub_green li a, 
#navi2 ul#sub_green li a:visited {background-image:url(../images/navi_green.gif);}
#navi2 ul#sub_red li a, 
#navi2 ul#sub_red li a:visited {background-image:url(../images/navi_red.gif);}
#navi2 ul {padding:0; margin:0;list-style-type: none; }
#navi2 ul li {float:left; margin-right:1px; position:relative;}
#navi2 ul li ul {display: none;}
#navi2 ul li.current a { background-position:0 0px; }
#navi2 ul li.current li a { background-position:0 -30px; }
#navi2 ul li.current li.current a { background-position:0 0px; }

#navi2 ul li:hover a { background-position:0 0px;}
#navi2 ul li:hover ul {display:block; position:absolute; top:0; left:267px; width:267px;}
#navi2 ul li:hover ul li a.hide {background:#yellow; }
#navi2 ul li:hover ul li:hover a.hide {width:265px;}
#navi2 ul li:hover ul li a {display:block; width:232px; background-position:0 -30px;}
#navi2 ul#sub_blue li:hover ul li a {background-image:url(../images/navi_blue2.gif);}
#navi2 ul#sub_green li:hover ul li a {background-image:url(../images/navi_green2.gif);}
#navi2 ul#sub_red li:hover ul li a {background-image:url(../images/navi_red2.gif);}
#navi2 ul li:hover ul li a:hover {background-position:0 0px;}

#content ul {
	margin-top:1em;
	margin-bottom:1em;
}
#content li {
	margin-left:15px;
}
.content_green a {
	color:rgb(0,119,0); !important;
}
.content_blue a {
	color:rgb(0,0,147); !important;
}
.content_red a {
	color:rgb(255,0,0); !important;
}