*{margin:0;
padding:0;}
html,
body {background:#5a6364;
color:#FFF}
a:link {color:#33CCFF;}
a:visited {color:#FF6666;}
.link:hover {color:#80FFFF;text-decoration:underline;}
.link2:{color:#33CCFF}
.link2:visited {color:#FF0000;text-decoration:underline;}
.link2:hover {color:#000000;text-decoration:underline;}
h1{font-size:20px;
font-weight: bold;
font-family:arial, verdana, helvetica, sans-serif;}
#page
{color: black;
font-size: 100.00%;
font-family: arial, verdana, helvetica, sans-serif;
min-width:870px;}

/*-----------------Head------------------*/
#head
{background: url("img/header_bg.gif") repeat;}
#head a{font-size:80%;}
#head #left {position:absolute;
left:700px; top:100px;}
#head #right {
color:#FFFFFF;}
#head #right {
position:absolute;
left:230px; top:100px;}

/*-----------------Header------------------*/
#header {position: absolute;
left:280px; top:20px;}

/*-----------------Navigation------------------*/
#navi
{float:left;
margin:-4px 0px 0px 0px;;
width:100%;
background: #001e40;
color: #000000;
font-size:90%;
font-family: arial, verdana, helvetica, sans-serif;
line-height:normal;}
#navi ul
{padding:0px 10px 10px 10px;
list-style:none;}
#navi li
{display:inline;}
#navi a
{float:left;
background: url("img/navi_left1.jpg") no-repeat left bottom;
padding:0 0 0 4px;
text-decoration:none;}
#navi a span
{float:left;
display:block;
background: #5a6364 url("img/navi_right1.jpg") no-repeat right bottom;
padding:5px 15px 4px 6px;
color:#000000;}
/*Backslash Hack\*/
#navi a span
{float:none;}
/*ende hack*/
#navi a:hover
{background:url("img/navi_left2.jpg") no-repeat left bottom;}
#navi a:hover span
{color:#FFFFFF;
background:white url("img/navi_right2.jpg") no-repeat right bottom;}
#navi #current a{background:url("img/navi_left3.jpg") no-repeat left bottom;}
#navi #current span{background:url("img/navi_right3.jpg") no-repeat right bottom; color:#FFFFFF;}
#breite{width:870px;}

/*-----------------Container links------------------*/
#content{
float:left;
width:75%;
min-height:500px;
text-align:center;
padding-top:20px;
color:white;}
#container {
text-align:left;
margin:auto;
width:85%;
background:#DCDCDC;
color:#000000;}
#container .jahr {color:darkblue;}
#container .description {font-size:80%;}
#container .link {color:blue;text-decoration:underline;}
#container .link:hover {color:darkblue;text-decoration:underline;}
#container2 {
text-align:left;
margin:auto;
width:85%;
background:#DCDCDC;
color:#000000;
padding:5px 5px 5px 5px;}
#container2 .link {color:blue;text-decoration:underline;}
#container2 .link:hover {color:darkblue;text-decoration:underline;}
#con_top{
width:100%;
height:20px;
color:#FFFFFF;
background: url("img/con_right_bg.gif") no-repeat top right;}
#con_top #left {float:left; background: url("img/con_left_bg.gif") no-repeat top left;}
#con_top #topic {float:left; margin-left: 20px;}
#con_top #date {float:right; margin-right: 20px; font-size: 80%;}
#con_main{
text-align:left;
width:100%;}
#con_main p{
margin: 5px 5px 5px 5px;
font-size: 90%;}
#con_bottom{
width:100%;
height:20px;
background: url("img/con_right_bottom_bg.gif") no-repeat bottom right;}
#con_bottom #author {float:left;  margin-left:20px; color:#FFFFFF; font-size: 80%;}
#con_bottom #comment {float:right; color:#6fcfee; margin-right:20px; font-size: 80%;}

/*-----------------Menü------------------*/
#menu{
float:left;
width:24%;
min-height:500px;
text-align: center;
padding-top:20px;}

/*-----------------Container rechts------------------*/
#container_small {
margin:auto;
width:85%;
background:#DCDCDC;
}
a:link {color:#33CCFF;}
a:visited {color:#FF6666;}
.link:hover {color:#80FFFF;text-decoration:underline;}
.link2:{color:#33CCFF}
.link2:visited {color:#FF0000;text-decoration:underline;}
.link2:hover {color:#000000;text-decoration:underline;}
#con_top_small{
width:100%;
height:20px;
color:#FFFFFF;
background: url("img/con_right_bg.gif") no-repeat top right;}
#con_top_small #left {float:left; margin: 0; background: url("img/con_left_bg.gif") no-repeat top left;}
#con_main_small{
text-align:left;
width:100%;}
#con_main_small .link {color:blue;text-decoration:underline;}
#con_main_small .link:hover {color:darkblue;text-decoration:underline;}
#con_bottom_small{
width:100%;
height:20px;
background: url("img/con_right_bottom_bg.gif") no-repeat bottom right;}

/*-----------------Footer------------------*/
#footer{
float:left;
margin-top:20px;
text-align:center;
height:20px;
background-color:#5a6364;
width:100%;}
#footer2{
margin:auto;
text-align:left;
font-size:60%;
width:500px;
height:20px;
background: url("img/bg_footer.jpg") no-repeat;}
#footer2 a{color:#b9b9b9;}
#footer2 a:link {color:#b9b9b9; cursor:hand; text-decoration:none;}
#footer2 a span {float:left;}
#footer2 ul
{padding:0px 10px 10px 10px;
list-style:none;}
#footer2 li
{display:inline;}
#footer2 #center {float:left; margin-left:80px; padding:2px 5px 2px 5px;}
#footer2 #left {float:left; margin-left:15px; padding:2px 5px 2px 5px;}
#footer2 #right {float:right; margin-right:15px; padding:2px 5px 2px 5px; color:#0099FF;}
#footer2 #right:hover {color:white;}
#footer_admin{
float:left;
margin-top:20px;
text-align:center;
height:20px;
background-color:#5a6364;
width:100%;}
#footer2_admin{
margin:auto;
font-size:60%;
width:500px;
height:20px;
background: url("img/bg_footer.jpg") no-repeat;}
#footer2_admin a{color:#b9b9b9;}


#user{
margin:auto;
width:80%;
border: 1px solid black;}

/*-----------------Formulare---------------*/
label{
display:block;
float:left;
width:200px;
text-align: right;
padding-right: 1em;
}
input#text{
display:block;
float:left;
width:200px;
}
form br {
clear: left;}

input#submit {
float: none;
width:100px;
width: auto;}

/*------------------Login-------------------*/
#login1 {text-align:center;}
#login1 a {text-decoration:underline; font-size:250%;color:#FF3333;}
#login {text-align:left;
position:absolute;
width:280px;
height:70px;
top:50%;
left:50%;
margin-left:-140px;
margin-top:-35px;}
#login label {display:block;
float:left;
width:100px;
text-align: right;
padding-right: 1em;
font-size:120%;}
#login #submit{
width:100px;}