html, body
 {
 margin: 0px;
 padding: 0px;
 background:#eee;
 text-align:center;
 font-family:Verdana, Arial, Sans-serif;
 }

img{
 border:none;
}

#container {
 width:100%;
 text-align:left;
}

#header {
 width:100%;
 height:100px;
 background:url(pics/header.gif) repeat-x;
}

#headerpic{
 background:url(pics/header.jpg);
 width:150px;
 height:100px;
}

#menu {
 width:100%;
 height:68px;
 background:#333 url(pics/content_top.gif) repeat-x bottom;
}

#menu ul {
 margin:0px;
 padding:0px 0px 0px 2%;
}

#menu ul li{
 margin:0px;
 padding:0px;
 display:inline;
}

#menu .space{
 display:block;
 float:left;
 padding:5px 15px 0px 15px;
 height:45px;
 font-size:16px;
 color:#995519;
 font-weight:bold;
}

#menu a{
 display:block;
 float:left;
 padding:15px 15px 0px 15px;
 height:35px;
 font-size:16px;
 color:#378cd4;
 font-weight:bold;
 text-decoration:none;
}

#menu a:hover, #menu a:focus, #menu a:active{
 background:url(pics/menu_active.gif) no-repeat right;
 height:35px;
 color:#69c2fc;
}

#content {
 width:75%;
 text-align:justify;
 margin:0px 0px 0px 25%;
}

#content h1, #content h2, #content h3, #content h4 {
 padding:0px 1%;
 margin:2% 5% 0px 5%;
 font-size:1.25em;
 border:solid 3px #333;
 border-width:0px 0px 1px 10px;
}

#content h2{
 font-size:1.1em;
}
#content h3{
 font-size:1em;
}
#content h4{
 font-size:1em;
}

#content ul, #content p, #content .tableFormat {
 background:url(pics/content_h1.gif) no-repeat top left;
 line-height:1.5em;
 padding:2% 1% 1% 2%;
 margin:0px 5% 3% 5%;
 font-size:0.9em;
 list-style-type:none;
}

#content p img{
 float:left;
 margin:0px 10px 0px 0px;
}

#content .tableFormat table {
 width:100%;
 text-align:left;
 margin:0px;
}

#content .tableFormat table td {
 vertical-align:top;
}

#content a{
 color:#dd6600;
 border:dotted 1px #dd6600;
 border-width:0px 0px 1px 0px;
 text-decoration:none;
}

#content a:hover, #content a:focus, #content a:active{
 color:#378cd4;
 border-color:#378cd4;
}

#newsbox {
 padding:2% 0px 0px 0px;
 float:left;
 width:25%;
 color:#e0c6a0;
 text-align:center;
}

#newsbox p{
 font-size:1.4em;
 line-height:2em;
 font-family:'Times New Roman',Serif;
 font-style:italic;
 margin:10% 5% 30px 5%;
}

#newsbox span{
 display:block;
 font-size:0.75em;
 margin:20% 5% 0px 5%;
 text-align:left;
}

#footer {
 clear:both;
 width:100%;
 padding:2% 0px ;
 background:#333 url(pics/content_bottom.gif) repeat-x top;
}

#footer #copyright{
 font-size:0.8em;
 color:#444;
 font-weight:bold;
 padding:1% 1% 0px 1%;
}

#footer #copyright a{
 font-size:0.9em;
 color:#378cd4;
 font-weight:bold;
 text-decoration:none;
}

#footer #copyright a:hover, #footer #copyright a:focus, #footer #copyright a:active{
 color:#69c2fc;
}

#footer #css{
 display:block;
 float:left;
 height:15px;
 width:80px;
 background:url(pics/css_transparent.jpg);
}

#footer #css:hover, #footer #css:focus, #footer #css:active{
 background:url(pics/css.jpg);
}

#footer #html{
 margin-left:85px;
 display:block;
 height:15px;
 width:80px;
 background:url(pics/html_transparent.jpg);
}

#footer #html:hover, #footer #html:focus, #footer #html:active{
 background:url(pics/html.jpg);
}

#footer #links{
 padding:1% 0px;
 color:#555;
 text-align:center;
}

#footer #links a{
 font-size:0.8em;
 color:#666;
 font-weight:bold;
 text-decoration:none;
}

#footer #links a:hover, #footer #links a:focus, #footer #links a:active{
 color:#eee;
}

#zeugnis{
 visibility:hidden;
 position:absolute;
 z-index:100;
 margin:0px 10%;
 width:80%;
 padding:5px;
 background:#eee;
 text-align:center;
 border:solid 1px #333;
}

a.close{
 font-size:14px;
 font-weight:bold;
 display:block;
 width:17px;
 height:17px;
 padding:0px 0px 0px 0px;
 border:solid 1px #333;
 color:black;
 text-align:center;
 text-decoration:none;
 float:left;
}

a.close:hover, a.close:focus, a.close:active{
 background:#aaa;
}