html, body {
 margin-top: 5px;
 margin-bottom: 5px;
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 font-weight: normal;
 color: black;
 height: 101%; 
}

#wrapper {
 width: 980px;
 margin: 0 auto;
 text-align: left;
 box-shadow: 5px 5px 30px black;
}

#header {
 background-image: url(../bilder/banner.png);
 background-size:100% auto;
 padding: 0px; 
 width: 980px;
 height: 110px;
}

#streifen {
 background-image: url(../bilder/streifen.png);
 background-size:100% auto;
 padding: 0px; 
 width: 980px;
 height: 30px;
}

#menu_container {
 width: 980px;
 height: 40px;
}

#menu {
 width: 780px;
 height: 40px;
 background: #FFFFFF;
 float: left;
}

#login {
 width: 190px;
 height: 40px;
 background: #3F3F3F;
 text-align: right;
 color: silver;
 float: right;
 padding-right: 10px
}

#main {
 width: 980px;
 height: 100%;
 background: #FFFFFF;
 min-height: 500px;
 clear: both;
}

#footer {
 width: 980px;
 height: 50px;
 text-align: center;
 background: #FFFFFF;
 font-size: 9px;
}

#free {
 width: 980px;
 height: 0px;
}

.tabelle
{
width: 100%;
border-spacing: 1px;
}

.tabelle_menu
{
border-spacing: 1px;
}

@keyframes ausblenden {
    0%  {opacity: 1; visibility: visible; top: -45px;}
	20%   {opacity: 1; top: 0px;}	
	80%   {opacity: 1; top: 0px;}
	100%  {opacity: 0; top: 0px;}
}

#hinweis_positiv
{
visibility: hidden;
position: absolute;
left: 50%;
height: 15px;
width: 300px;
margin-left: -150px;
background-color: #CEF6CE;
vertical-align: middle;
text-align: center;
font-family: Arial;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 15px;
box-shadow: 5px 5px 30px black;
animation-name: ausblenden;
animation-duration: 2.5s;
animation-delay: 0s;
}

#hinweis_negativ
{
visibility: hidden;
position: absolute;
left: 50%;
height: 15px;
width: 300px;
margin-left: -150px;
background-color: #FFA6A6;
text-align: center;
font-family: Arial;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 15px;
box-shadow: 5px 5px 30px black;
animation-name: ausblenden;
animation-duration: 2.5s;
animation-delay: 0s;
}



@keyframes ausblenden_rest {
    0%  {opacity: 1; visibility: visible; top: -45px;}
	20%   {opacity: 1; top: 0px;}	
	80%   {opacity: 1; top: 0px;}
	100%  {opacity: 1; top: 0px;}
}

#hinweis_positiv_rest
{
top: 0px;
position: absolute;
left: 50%;
height: 15px;
width: 300px;
margin-left: -150px;
background-color: #CEF6CE;
vertical-align: middle;
text-align: center;
font-family: Arial;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 15px;
box-shadow: 5px 5px 30px black;
animation-name: ausblenden_rest;
animation-duration: 2.5s;
animation-delay: 0s;
}

.inhalt
{
width: 100%;
padding: 10px;
}

.zelle_frei 
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
}

.impressum 
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 background: #E9E9E9;
 padding: 10px;
}

.zelle_links 
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 width: 250px;
 height: 20px;
 font-weight: normal;
 color: #000000;
 background-color: #E8E8E8;
 padding: 10px; 
}

.zelle_links_frei 
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 height: 20px;
 font-weight: normal;
 color: #000000;
 background-color: #E8E8E8;
 padding: 10px; 
}

.zelle_rechts
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 height: 20px;
 background-color: #FFFFFF;
 vertical-align: middle;
}

.zelle_add
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 width: 250px;
 height: 26px;
 font-weight: normal;
 color: #000000;
 background-color: #E8E8E8;
 padding: 7px;
 text-align: right;
}

.zelle_hinweis 
{
 font-family: Arial;
 font-style: normal;
 height: 20px;
 font-size: 12px;
 font-weight: normal;
 color: black;
 background-color: #E8E8E8;
 padding: 10px; 
 vertical-align: top;
}

.zelle_leer 
{
}

.zelle_hinweis_explorer 
{
 font-family: Arial;
 font-style: normal;
 height: 20px;
 font-size: 12px;
 font-weight: normal;
 color: black;
 background-color: #E8E8E8;
 padding: 10px; 
 vertical-align: middle;
}

.titel 
{
 font-family: Arial;
 font-style: normal;
 font-size: 13px;
 height: 20px;
 font-weight: bold;
 color: black;
 background-color: #CCCCCC;
 padding: 10px; 
}

.untertitel 
{
 font-family: Arial;
 font-style: normal;
 font-size: 13px;
 height: 20px;
 font-weight: bold;
 color: black;
 background-color: #CCCCCC;
 padding: 10px; 
}

.textfeld {
 border: 1px solid #cccccc;
 padding: 5px;
 font-family: Arial;
 font-size: 12px;
 height: 25px;
}

.textarea {
 border: 1px solid #cccccc;
 padding: 5px;
 font-family: Arial;
 font-size: 12px;
}

.button {
 font-family: Arial;
 font-size: 12px;
 color: silver;
 background: #3F3F3F;
 text-align: center;
 padding: 7px;
 height: 35px;
 border-left: 1px solid #3F3F3F;
 border-top: 1px solid #3F3F3F;
 border-right: 1px solid #3F3F3F;
 border-bottom: 1px solid #3F3F3F;
 cursor: pointer;
}

.liste_kopf 
{
 font-family: Arial;
 font-style: normal;
 font-size: 13px;
 height: 20px;
 font-weight: bold;
 color: black;
 background-color: #CCCCCC;
 padding: 10px;
 vertical-align: middle;
}

.liste_zelle 
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 height: 20px;
 font-weight: normal;
 color: black;
 padding: 10px;
}

.liste
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 height: 20px;
 font-weight: normal;
 color: black;
 padding: 10px;
 background-color: #E8E8E8;
}

.liste:hover
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 height: 20px;
 font-weight: normal;
 color: black;
 padding: 10px;
 background-color: #CCCCCC;
}

.liste_offen
{
 font-family: Arial;
 font-style: normal;
 font-size: 12px;
 height: 44px;
 font-weight: normal;
 color: black;
 padding: 10px;
 background-color: #E8E8E8;
 text-align: left;
}

.download_hinweis_positiv
{
background-color: #CEF6CE;
vertical-align: middle;
width: 620px;
height: 100px;
text-align: center;
font-family: Arial;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 10px;
}

.download_hinweis_negativ
{
background-color: #FFA6A6;
vertical-align: middle;
width: 300px;
text-align: center;
font-family: Arial;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 10px;
}

.zelle_admin_menu
{
 font-family: Arial;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 padding: 20px;
 height: 100px;
 width: 100px;
 text-align: center;
 border: 0px solid #FFFFFF;
 background-color: #CCCCCC;
}

.zelle_admin_menu:hover
{
 font-family: Arial;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 padding: 20px;
 height: 100px;
 width: 100px;
 text-align: center;
 border: 0px solid #FFFFFF;
 background-color: #5080F9;
}

.pulldown {
 border: 1px solid #cccccc;
 padding: 5px;
 font-family: Arial;
 font-size: 12px;
 height: 37px;
 background-color: #FFFFFF;
}

@keyframes ladebalken {
    0%   {background-color: #5080F9; margin-right:0px; top:0px;}
    50%  {background-color: #5080F9; margin-right:165px; top:0px;}
    100% {background-color: #5080F9; margin-right:0px; top:0px;}
}

#laden
{
height: 16px;
width: 16px;
background-color: #5080F9;
animation-name: ladebalken;
animation-delay: 1s;
animation-duration: 2s;
animation-iteration-count: infinite;
visibility: hidden;
border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
}

#ladebalken_ground
{
height: 16px;
width: 180px;
background-color: silver;
visibility: hidden;
border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
}

#laden_text
{
font-size: 10px;
height: 16px;
width: 200px;
visibility: hidden;
}

@keyframes ladebalken_down {
    0%   {background-color: #5080F9; margin-right:-165px; top:0px;}
    50%  {background-color: #5080F9; margin-right:165px; top:0px;}
    100% {background-color: #5080F9; margin-right:-165px; top:0px;}
}

#download_dow
{
height: 16px;
width: 16px;
background-color: #5080F9;
animation-name: ladebalken_down;
animation-delay: 0s;
animation-duration: 2s;
animation-iteration-count: infinite;
border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
}

#download_dow_ground
{
height: 16px;
width: 180px;
background-color: silver;
border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
}



a:link {color:black; text-decoration: none}
a:visited {color:black; text-decoration: none}
a:hover {color:#5080F9; text-decoration: none}