html {
padding : 0;
margin : 0;
}
body {
font-size : medium;
font-family : Arial, Helvetica, Sans Serif;
color : #000;
margin : 0;
padding : 0;
background-color : #e6e6e6;
background-image : url("Images/bg_body.png");
background-repeat : repeat-x;
background-position : top left;
}
#main {
vertical-align:central;
margin-right : auto;
margin-left : auto;
width : 990px;
height : 100%;
min-height : 400px;
background-color: #fff;	
}
#headerprint {
clear : both;
width : 100%;
background-color : #fff;
visibility: hidden;
display: none;
}
#header0 {
width : 990px;
height : 160px;
background : none;
background-image : url("Images/bg_header.png");
background-repeat : no-repeat;
background-position : top left;
}
#top {
height : 20px;
padding : 3px;
font-size : 0.6em;	
}
#menu {
float : left; 
width: 990px;
height : 44px; 
padding: 0;
margin : 0;
background-color : #7f7f7f;
background-image : url("Images/bg_menu.png");
font-size: 1.0em;
}
/*--formatiert die Themenblöcke--*/ 
#menu ul { 
float: left;
padding : 0;
margin : 0;
display : block;
width : 165px;
list-style-type: none;
}
/*--definiert die Blocküberschriften als Links--*/ 
#menu a.h2 {
display : block;
padding : 12px 2px 2px 2px;
margin-right : 5px;
height : 30px;
font-size: 0.85em; 
text-align: center; 
color: #808080;
background-color: #fff; 
}
#menu a.h2:hover {
display : block;
padding : 12px 2px 2px 2px;
margin-right : 5px;
height : 30px;
font-size: 0.85em; 
text-align: center; 
color: #808080;
background-color : #dff;
}
#menu a.h2selected {
display : block;
padding : 12px 2px 2px 2px;
margin-right : 5px;
height : 30px;
font-size: 0.85em; 
text-align: center; 
color: #fff;
background-color : #008dd2;
}
#menu a.h2selected:hover {
display : block;
padding : 12px 2px 2px 2px;
margin-right : 5px;
height : 30px;
font-size: 0.85em; 
text-align: center; 
color: #808080;
background-color : #dff;
}
/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
text-decoration: none; 
display: block;
padding : 10px 0 5px 5px;
margin-right : 5px;
font-size : 0.7em;
text-align: left;
color: #666; 
background: none;  
}
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover {
padding : 10px 0 5px 5px;
margin-right : 5px;
color: #808080;
background-color: #dff; 
}
/*--verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern--*/ 
#menu li { 
position: relative; 
}
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block;
padding : 0;
margin : 0;
background-color : #fff;
filter:alpha(opacity=90); /* IE */
opacity:0.9; /* allgemein */
-moz-opacity:0.9; /* Mozilla */
-khtml-opacity:0.9; /* KTHML */
-opera-opacity:0.9; /* Opera */
border-bottom : 5px solid #ccc;
}
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ 
* html #menu ul li { 
float: left; 
width: 990px; 
} 
/*--nur für IE 7 erkennbar--*/ 
*+ html #menu ul li { 
float: left; 
width: 990px; 
}
#container {
clear : left;
float : left;
padding-top : 10px;
margin : 0;
background-color : #fff;
border-bottom : 4px solid #008dd2;
}
#mainbox {
float : left;
margin : 0;
padding : 0 0 20px 0;
color : #000;
background-color : #fff;
width : 840px;
min-height : 640px;
min-height : 640px;
}
#mainbox a {
color : #008dd2;
font-weight : normal;
text-decoration : none;
}
#mainbox a:visited {
color : #66b;
}
#mainbox a:hover {
color : #66b;
font-weight : normal;
}
#mainbox a:active {
color : #66b;
}
#mainbox a.tooltip, a.tooltip:link, a.tooltip:active {
position : relative;
color : #008dd2;
font-weight : normal;
background-image : url("Images/bg_tooltip.png");
background-repeat : no-repeat;
padding : 0 0 0 14px;
}
#mainbox a.tooltip:visited {
color : #66b;
}
#mainbox a.tooltip:hover {
color : #66b;
font-weight : normal;
background : transparent;
}
#mainbox a.tooltip span {
display : none;
text-decoration : none;
}
#mainbox a.tooltip:hover span {
display : block;
position : absolute;
top : 30px;
left : 0;
width : 200px;
z-index : 100;
color : #000;
border : 1px solid #999;
background : #eee;
font-size : 12px;
text-align : left;
}
#mainbox h1 {
margin : 0;
padding : 10px 0 10px 0;
font-size : 1.4em;
font-weight : normal;
text-align : center;
color : #ef7f1a;
}
#mainbox h2 {
margin : 0;
padding : 5px 0px 5px 10px;
font-size : 1.1em;
font-weight : normal;
color : #666;
}
#mainbox h3 {
margin : 0;
padding : 5px 0 2px 3px;
font-size : 0.85em;
font-weight : bold;
color : #666;
}
#mainbox h4 {
margin : 0;
padding: 20px 20px 0px 0px;
font-size : 0.8em;
font-weight : normal;
color : #666;
text-align : right;
}
#mainbox p {
margin : 0;
padding : 2px 0 5px 3px;
font-size : 0.8em;
line-height: 1.4em;
}
#mainbox ul {
list-style-type : square;
padding-left : 40px;
}
#mainbox ol {
padding-left : 40px;
}
#mainbox table {
margin : 10px 0 10px 0;
font-size : 0.75em;
background-color : #fff;
border-collapse : collapse;
border-bottom : 1px solid #ccc;
}
#mainbox table td, table th {
padding : 3px;
border-bottom : 1px solid #ccc;
}
#mainbox img {
border : 0;
}
#mainbox img.left {
clear : left;
float : left;
margin-right : 10px;
margin-bottom : 10px;
margin-left : 5px;
border : none;
}
#mainbox img.right {
float : right;
border : none;
}
#mainbox img.center {
display : block;
margin-left : auto;
margin-right : auto;
border-right : 0;
border : none;
}
#mainbox img.icon {
border : 0;
}
.visualstart {
width : 840px;
margin-bottom : 10px;
background-color:#fff;
border : 0;
}
hr {
background-color : #aaa;
color : #ccc;
height : 1px;
border : none;
}
#infoboard {
float : right;
margin : 0;
padding : 0;
width : 150px;
background-color : #eee;	
}
#infoboard h1 {
display : block;
margin : 0;
padding : 3px;
color : #fff;
font-size : 0.8em;
font-weight : normal;
text-align : center;
background-color : #4d4d4d;
border-top : 4px solid #008dd2;
}
#infoboard h2 {
margin : 10px 0 0 0;
padding : 2px 2px 2px 5px;
font-size : 0.7em;
font-weight : normal;
color : #333;
border-top : 1px solid #ddd;
}
#infoboard h3 {
display : block;
margin : 0;
padding : 1px 0 1px 5px;
font-size : 12px;
font-weight : bold;
color : #444;
}
#infoboard p {
margin : 0;
padding-left : 4px;
font-size : 0.65em;
font-weight : normal;
color : #333;
}
#infoboard a {
color : #008dd2;
text-decoration : none;
}
#infoboard a:visited {
color : #66b;
text-decoration : none;
font-weight : bold;
}
#infoboard a:hover {
color : #66b;
}
#infoboard a:active {
color : #66b;
}
#infoboard img {
border : 0px;
float : left;
padding-right : 4px;
}
#newsbox {
margin : 0;
padding : 0 0 5px 0;
color : #000;
border-bottom : 1px solid #ccc;
}
#footer {
clear : both;
width : 990px;
margin-bottom : 20px;
padding : 0;
height : 80px;
font-size : 12px;
background-image : url("Images/bg_footer.png");
background-repeat : repeat-x;
background-position : bottom;
border-top : 1px solid #ccc;
}
#footer p {
clear : left;
text-align : center;
}
.footerbox {
float : left;
padding : 0;
font-size : 0.8em;
color : #fff;
}
.footerbox a {
text-decoration : none;
color : #fff;
}
.footerbox a:before {
content : "|";
color : #fff;
margin-right : 3px;
}
.footerbox a:hover {
color : #008dd2;
}
.footerbox ul {
width : 900px;
overflow:hidden;
list-style-type: none;
}
.footerbox li{
 width : 120px;
 margin : 0;
 font-size : 1.2em;
 line-height:1.5em;
 float:left;
 display:inline;
}
html {
height : 101%;
}