@import url(boxen.css);
body {
    
    background-image:url("../images/background.gif");
    background-repeat:repeat-x;
    background-position:0 0;
    width:1024px;
    height: 768px;
    margin: 0 auto;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica; }

h1{font-size:23px;}
th{width:280px;}
#background-content{}

#top {background-image:url("../images/top.gif");}

#container {
    background-color: transparent;
    width: 1024px;
    height: 768px;
    text-align: left;

    border: 3px solid black;
-moz-box-shadow: -5px -5px 10px #101;
padding: 5px 5px 5px 5px;
-webkit-box-shadow: -5px -5px 10px #101;
-moz-border-radius: 10px;
}
h2{font-size: 90%;padding-left: 50px;}
#header {height: 170px; }
#logo {top:20px; margin-left: 70px; position:absolute; z-index:20;  }

/* Beginn Navigation. */

#navi {position: absolute;
       top:120px;
       z-index: 99;
       width:1020px;}
#navi li{
    text-align: center;
    margin-left: 100px;
    list-style-type: none;
    display: inline;}
#navi a {   
         text-shadow: 5px 5px 5px silver;
         color: white;
         font-size: 90%;
        
         font-weight:bolder;
         font-style:oblique;
         padding: 0 8px 0;

}
#navi a:hover {color:yellow;}
#navi a:link{color:yellow;}

/* Ende Navigation. */

#maincontent
{position: static;
 
 border-color: silver;
 background-color:white;
 margin-left: 20px;
 padding-left: 5%;
 padding-right: 5%;
 padding-bottom:30px;
-moz-border-radius: 10px; /* Dieser Eintrag ist wichtig für die Ecken eines Containers */
}

#trennung {padding-top:150px}
#footer {
    position: absolute;
    top: 750px;
    margin-left: 300px;
    text-align:center;
    padding: 0 100px;
    height: 35px;
    color:navy;}

#footer a {padding-right: 15px;}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen; z.B. Werbung, News. */
float: right;padding-right:20px; }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
float: left;
}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;
/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
}
.abstand-left{float:left;  padding:20px;}
.v-images{margin-bottom:30px;}
root { 
    display: block;
}