* { margin: 0; padding: 0; }
html { height: 100%; padding-bottom: 1px; }
body { font: 100%  Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;}

#wrap {padding: 10px 0 0 0; width:900px; margin:0 auto;}
#wrap #navi{ background-color:blue; width:200px; float:left; }

/*Erste Naviebene*/
#wrap #navi ul {list-style:none;}
#wrap #navi ul li a{ padding:5px 0 5px 10px; display:block; background-image: url(../Navigation/navi_bg.gif); color:#000;text-decoration:none; font-size:100%;}
#wrap #navi ul li a:hover{ background-image: url(../Navigation/navi_bg_hover.gif); }
#wrap #navi ul li a.current{ background-image: url(../Navigation/navi_bg_active.gif); }

/*Zweite Naviebene*/
#wrap #navi ul ul {list-style:none;}
#wrap #navi ul ul li a{ padding:3px 0 3px 20px; display:block; background-image: url(../Navigation/navi_bg.gif); color:#000;text-decoration:none; font-size:90%; }
#wrap #navi ul ul li a:hover{ background-image: url(../Navigation/navi_bg_hover.gif); }
#wrap #navi ul ul li a.current{ background-image: url(../Navigation/navi_bg_active.gif); }


#wrap #navi #wappen { height:100px; width:200px; background-image: url(../Navigation/wappen.gif); }

#wrap #content {width:700px; float:left;}
#wrap #content h1 {font-size:120%;}
#wrap #content h2 {font-size:110%;}
#wrap #content h3 {font-size:70%;}
#wrap #content p {font-size:90%;margin:1em 0;}
#wrap #content #logo {background-image: url(../Navigation/logo.jpg); background-repeat: no-repeat; background-position: left top; height:100px }