/* www.Hands-And-Brain.de */

body {margin: 0px; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-color: #67b0d1;}
p {font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #282828;}
h1 {font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 18pt; color: #046896;}
h2 {font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 14pt; color: #aaaaaa;}
li {display: inline; width: 99px;}

input {border-bottom: 2px #aaaaaa solid; border-right: 2px #aaaaaa solid; border-left: 1px #ccc solid; border-top: 1px #ccc solid; width: 200px; background-color: #fff; font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold;}

textarea {border-bottom: 2px #aaaaaa solid; border-right: 2px #aaaaaa solid; border-left: 1px #ccc solid; border-top: 1px #ccc solid; width: 200px; background-color: #fff; font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold;}

/* classes */

.menue {width:auto; height:auto; left: 25px; position: absolute; top:35px; z-index: 4; left: 50%; margin-left: -395px; }
.content {width: 780px; height: auto; background-color: #fff; left: 50%; margin-left: -380px; top: 424px; position: absolute; z-index: 1;}
	.text {width: 730px; height: auto; margin-left: 25px; padding-top: 20px; padding-bottom: 20px; line-height: 20px; text-align: justify;}
	.text img {border: #67b0d1 5px solid;}
.content_aufzaehlung {list-style: square;}
a{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #282828; text-decoration: underline;}
	
	.footer {width: 780px; height: 35px; bottom: -35px; left: 0px; position: absolute; background-color: #0f76a5;}
		.copy {height: 35px; font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 8pt; color: #fff; float: left; line-height: 35px; padding-left: 25px;}
			.copy a, a:active, a:visited{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 9pt; color: #fff; text-decoration: none; padding: 2px 2px 2px 2px;}
			.copy a:hover{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 9pt; color: #282828; text-decoration: none; background-color: #fff; padding: 2px 2px 2px 2px;}
		.footer_menue {height: 35px; font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 9pt; color: #fff; float: right; line-height: 35px; margin-right: 25px;}
			.footer_menue a, a:active, a:visited{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 9pt; color: #fff; text-decoration: underline; padding: 2px 2px 2px 2px;}
			.footer_menue a:hover{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 9pt; color: #282828; text-decoration: none; background-color: #fff; padding: 2px 2px 2px 2px;}
.top {width: 780px; height: 370px; left: 50%; margin-left: -380px; position: absolute; background-image: url(../images/top.gif); top: 35px; z-index: 1;}
	.knick {width: 15px; height: 370px; right: -15px; background-image:url(../images/knick.gif); background-repeat: no-repeat; position: absolute;}
	.hub_balken {width: 223px; height: 22px; background-image: url(../images/hub_balken.gif); right: 5px; position: absolute; top: -11px;}
	.hub_logo {width: auto; height: auto; right: 23px; top: 30px; position: absolute;}
	.banner {width: 730px; height: 256px; left: 25px; position: absolute; top: 92px;}
.trennstrich {width: 780px; height: 16px; background-color: #0f76a5; left: 50%; margin-left: -380px; top: 408px; position: absolute;}

#link_content {font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #282828;}
#link_content a{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
#link_content a:active{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
#link_content a:visited{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
#link_content a:hover{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}

.link_content {font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #282828;}
.link_content a{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
.link_content a:active{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
.link_content a:visited{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}
.link_content a:hover{font-family: Trebuchet MS, Verdana, Tahoma, Arial; font-size: 10pt; color: #aaaaaa; font-weight: bold; text-decoration: none;}

.active {
background: #1076a6;
list-style: none;
color: #fff;
}

.active a{
background: #1076a6;
list-style: none;
color: #fff;
}

.active a:visited{
background: #1076a6;
list-style: none;
color: #fff;
}
/* ID's */

#navigation {


margin-top: 0px;
z-index: 4;
text-align: center;}

#navigation a {
float: left;
padding: 49px 7px 16px 7px;
text-decoration: none;
list-style: none;
text-transform: uppercase;
font-family: Trebuchet MS, Verdana, Tahoma, Arial;
color: #383838;
font-size: 13pt;
width: 83px;

}


#navigation a:hover {
background: #67b0d1;
list-style: none;
text-transform: uppercase;
font-family: Trebuchet MS, Verdana, Tahoma, Arial;
color: #fff;
}


#navigation a.active {
background: #1076a6;
list-style: none;
color: #fff;
}

#navigation a.visited {
background: #1076a6;
list-style: none;
color: #fff;
}

.tabellentrennung {width: auto; height: 25px; background-image: url(../images/tabellentrennung.gif); background-repeat: repeat;}