/* Stylesheets fuer die ZEBRA-Website
   V. 1.1 - Juli 2009 by FT
 */

/* Hier sind sie Stylesheets fuer das Grundlayout der Seite:
   die DIV-Bereiche mit den Menues (links/vertikal und oben/horizontal)
   und dem Inhalt-Container (ersetzt den ehemaligen Inhaltsframe)
 */
 
body{
margin:0px;
padding:0px;
background-image:url(../images/hg.jpg);
font-family:Helvetica,Arial;
font-size:12px;
}
#container {
position:absolute; top:0px;
width:800px;
margin:0px auto;
margin-bottom:4px;
padding:0px;
text-align:left;
background-color:blue;
font-family:Helvetica,Arial;
font-size:12px;
}
#bildleiste {
position:absolute;
width:800px;
height:117px;
margin:0px;
padding:0px;
background-color:white;
overflow:hidden;
}
#menue_horizontal {
position:absolute; top:117px;
width:800px;
height:21px;
margin:0px;
padding:0px;
background-color:#ffe500;
}
#menue_vertikal {
clear:both;
width:170px;
height:75%;
margin:0px;
padding:0px;
background-color:#ccdddd;
}
#inhalt {
position:absolute; top:138px;
width:630px;
height:600px;
overflow:auto;
margin:0px;
margin-left:170px;
padding:0px;
background-color:#ffffff;
}
#impressum {
position:absolute; bottom:0px;
width:170px;
height:25%;
margin:0px;
padding:0px;
background-color:#ccdddd;
overflow:hidden;
}
#menue_und_impressum
{
position:absolute; top:138px;
width:170px;
height:500px;
margin:0px;
padding:0px;
background-color:#ccdddd;
}

/* damit der Inhalt im Inhaltsframe rechts abgeschnitten wird, falls er zu breit ist
(der IE zeigt naemlich horizontale Scrollbalken) */
.wrapper
{
width:95%;
margin:auto;
padding:0px;
padding-top:12px;
padding-left:12px;
overflow:hidden;
}

h1
{
font-family:Helvetica, Arial;
font-size:18px;
font-weight:bold;
color:#000000;
}