/* basic elements */

      
    


body {  font-family: Agfa Rotis Sans Serif, Century Gothic, Verdana, Helvetica, Arial;
	
	color: #fafafa; 
	background: #95bdcf; 
	margin: 0px; 
	}
tbody {
    background: #95bdcf
    }

    
thead {
    background: #95bdcf
    }
        
    
tfoot {
    background: #95bdcf
    }

#seitenkopf{
    position:fixed; top:0px; left:0;
    display:block;
    width:100%;
    color:#175572;
    background:#95bdcf;
    font-weight: 500;
    text-decoration:underline
             }
             
#logo{
    position:fixed; top:10px; left:10px;
    display:block;
    padding:5px;
    background:#95bdcf;
    border:0px ;
    
                }

.content{
         margin-top:200px; 
         margin-left:200px; 
         }

/* navigation */

.navigationbox {
position:fixed; top:200px; left:50px;
z-index:3;}


.box {
z-index:3;}

.box a {
color:#175572;
background:#95bdcf;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:0px ;
width:20%;}

.box a:hover {
color:FF5A00;
background:#95bdcf;
width:20%;}

.box a span {display:none;}



        
/* spalten */
#header {
	width: 60%;
	height: 40px;
	margin: 10px auto 0px auto;
	padding: 0px;
	text-align: center; */
}
#container {
        
	width: 60%;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#col1 { 
        
        text-align:right;
	float: left;
	width: 20%;
	margin: 0px;
	padding: 10px;
}
#col2 { 
        
	float: left;
	width: 40%;
	margin: 0px;
	padding: 10px;
	
	


}
#col3 { 
        
	float: left;
	width: 30%;
	margin: 0px;
	padding: 10px;
}
#footer {
	width: 80%;
	height: 30px;
	margin: 0px auto 10px auto;
	padding: 0px;
	text-align: center;
}
p {
	font-size: 16px;
}

/* navigation 2
 html:
 <ul id="navigation">
<li class="left"><a href="#">Back</a></li>
<li class="right"><a href="#">Next</a></li>
</ul>

*/
 ul#navigation
{
list-style-type: none;
margin: 1 #963;
padding:  0;
}

ul#navigation li a
{
display: block;
width: 5em;
color: #175572;
background-color: #95bdcf;
padding:  0;
text-align: center;
text-decoration: none;
}
ul#navigation li a:hover
{
color: #FF5A00;
background-color: #95bdcf;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: center; }

/* navigation2 
 html:
 <ul id="navigation2">
<li class="left"><a href="#">Back</a></li>
<li class="right"><a href="#">Next</a></li>
</ul>

*/
 ul#navigation2
{
list-style-type: none;
margin: 1 #963;
padding:  0;
}

ul#navigation2 li a
{
display: block;
width: 5em;
color: #ba0bab;
background-color: #f0dde3;
padding:  0;
vertical-align: bottom;
text-align: center;
text-decoration: none;
}
ul#navigation2 li a:hover
{
color: #f0dde3;
background-color: #ba0bab;
}

ul#navigation2 .left { float: left; }
ul#navigation2 .right { float: center; }