/*######################################################################################*/
/*################################## General Style #####################################*/
/*######################################################################################*/

body 
{
background: #E0F8E0;
color: #000000;
font-size: 16px;
font-family: arial, helvetica, sans-serif;
margin: 0px;
}

h1 
{ 
font-size: 22px;
padding: 6px 6px 6px 20px; 
margin: 0px 0px 30px 0px; 
background: #000066;
color: #FFFFFF;
}

h2
{ 
font-size: 24px;
padding: 4px 4px 20px 4px; 
margin: 0px; 
color: #000066;
}

#main
{
margin: 60px 10px 200px 10px;
border: 0px;
border-collapse: collapse;
overflow: invisible;
}

#content
{
min-width: 600px;
border: 0px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
vertical-align: top;
background: transparent;
overflow: invisible;
word-wrap: break-word;
}

#content a , #content a:visited , #content a:active 
{
text-decoration: none;
color: #000066;
}

#content a:hover
{
text-decoration: underline;
color: #000066;
}

#navi
{
position: fixed;
top: 0px;
left: 0px;
width: 100%; 
border: 0px;
padding: 0px;
margin: 0px;
color: #000000;
background: rgb(200,200,200);
}

#navi a , #navi a:visited , #navi a:active 
{
text-decoration: none;
color: #000066;
}

#navi a:hover
{
text-decoration: underline;
color: #000066;
}

#impressum
{
border: 0px;
padding: 2px;
margin: 100px 0px 0px 0px;
background: transparent;
font-size: 10px;  
}

#impressum a , #impressum a:visited , #impressum a:active 
{
text-decoration: none;
color: #000066;
}

#impressum a:hover
{
text-decoration: underline;
color: #000066;
}





/*######################################################################################*/
/*################################## Content Style #####################################*/
/*######################################################################################*/

#headline
{
padding: 0px 0px 30px 0px;
font-weight: bold;
font-size: 20px; 
}

#eingabefeld
{
background: rgb(255,255,255);
background: rgba(255,255,255,0.8);
border: 1px solid #000000;
text-decoration: none;
padding: 2px 2px 2px 5px;
max-width: 100%;
}

#eingabefeld_1
{
background: transparent;
border: 1px solid #000000;
text-decoration: none;
font-size: 16px; 
padding: 2px 5px 2px 5px;
}

#eingabefeld_2
{
background: #ffff66;
border: 1px solid #000000;
text-decoration: none;
font-weight: bold;
font-size: 16px; 
padding: 2px;
}

#eingabefeld_3
{
background: #00ff00;
border: 1px solid #000000;
text-decoration: none;
font-weight: bold;
font-size: 16px; 
padding: 2px;
}











#cell_1
{
border: 0px; 
background: #FFFFFF;
padding: 2px;
vertical-align: top;
}

#cell_2
{
border: 0px; 
background: #D0D0D0;
padding: 2px;
vertical-align: top;
}

#cell_3
{
border: 0px; 
background: #FFFFFF;
padding: 2px 40px 2px 10px;
vertical-align: top;
}

#cell_4
{
border: 0px; 
background: #D0D0D0;
padding: 2px 40px 2px 10px;
vertical-align: top;
}








#button
{
border: 0px;
margin: 0px;
text-decoration: none;
font-weight: bold;
padding: 5px 10px 5px 10px;
color: #FFFFFF;
background: #006;
}

#button:hover
{
color: #000000;
background: #C1EBFF;
}

#button_red
{
border: 0px;
margin: 0px;
text-decoration: none;
font-weight: bold;
padding: 5px 10px 5px 10px;
color: #FFFFFF;
background: rgb(170,0,0);
}

#button_red:hover
{
color: rgb(0,0,0);
background: rgb(255,0,0);
}