html, body {
   height: 100%;
   margin: 0;
   padding: 0;
   align: center;
   font-family: Arial,"Trebuchet MS",Geneva,Helvetica,Sans-serif;
   font-size:12px;
   font-weight:normal;
   background: #FFFFFF url(./bilder/bginhalt.jpg) repeat-x scroll 0 0;

}
#top {
    float: left;
    top: 2px;
    left: 0px;
    height: 50px;
    width: 100%;
    display: block;
    border: 1px solid;
    background:transparent url(./bilder/bgtopmenu.jpg) repeat-x;
    margin: 10px;
}

#top div.date{
    width: 180px;
    float: left;
    height: 30px;
    margin: 0px;
    padding: 10px;
    background-color: #000000;
}

#top div.title {
    float: left;
    margin: 0px 0px 0px 5px;
}

#main {
    float: left;
    min-width: 1100px;
    display: block;
}

#left-menu {
    float: left;
}

#left-menu div.left-menu-block {
    padding: 0px;
    margin: 10px 5px 10px 10px;
    width: 160px;
    border: 1px solid #CFCFCF;
    background:transparent url(./bilder/bgleftmenu.jpg) repeat-x;
}

#left-menu div.left-menu-item {
    padding: 0px 5px 0px 5px;
    margin: 10px 0px 10px 0px;
    width: 150px;
}

#left-menu div a {
    text-decoration: none;
}

#left-menu div a:hover {
    text-decoration: underline;
}

#left-menu div h4 {
    padding: 4px 4px 4px 6px;
    margin: 0px 0px 2px;
}

#left-menu div.home {
    background:transparent url(./bilder/verlaufhome.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.lebenslauf {
    background:transparent url(./bilder/verlauflebenslauf.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.karte {
    background:transparent url(./bilder/verlaufkarte.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.home {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufhome.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.lebenslauf {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlauflebenslauf.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.karte {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufkarte.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.bilder {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufbilder.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.wetter {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufwetter.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.links {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlauflinks.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.sonstiges {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufsonstiges.jpg) repeat-x scroll 0 -10px;
}

#left-menu div h4.impressum {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufimpressum.jpg) repeat-x scroll 0 -10px;
}

#left-menu div div.bilder {
    margin: 0px 0px 0px;
    background:transparent url(./bilder/verlaufbilder.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.wetter {
    background:transparent url(./bilder/verlaufwetter.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.links {
    background:transparent url(./bilder/verlauflinks.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.sonstiges {
    background:transparent url(./bilder/verlaufsonstiges.jpg) repeat-x scroll 0 -10px;
}

#left-menu div.impressum {
    background:transparent url(./bilder/verlaufimpressum.jpg) repeat-x scroll 0 -10px;
}

#inhalt {
    float:left;
    height: auto;
    width: 820px;
    background-image:url(bilder/grypaws.gif);
    border: 1px solid #CFCFCF;
    padding: 10px;
    margin: 10px 10px 10px 5px;
    display: block;
}

#inhalt table{
   font-weight:normal;
}

#inhalt .link {
   border: 1px solid;
   width: auto;
   height: auto;
   margin:0px 5px 0 5px;
   padding: 5px;
   background-color: #aaffaa;
}


/*Hauptmenue----------------------------------------------------------------*/
#menu {
    float: left;
    margin: 0 20px 0 0;
    height: 50px;
    width: 100%;
    padding: 5px;
    margin: 5px;
    display: block;
}

#menu ul#listmenu0 {
   list-style-type:none;
   overflow:hidden;
   margin: 3px 0 0 0px;
   padding: 0px;
}

#menu ul#listmenu0 li {
   display: block;
   float: left;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:700;
   font-size:1.05em;
   height: 25px;
   margin: 0 2px 0 0;
   padding: 3px 8px 0px 8px;
}


#menu ul#listmenu0 li.home {
    background:transparent url(./bilder/verlaufhome.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.home-active {
    background:transparent url(./bilder/verlaufhome.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.lebenslauf {
    background:transparent url(./bilder/verlauflebenslauf.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.lebenslauf-active {
    background:transparent url(./bilder/verlauflebenslauf.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.karte {
    background:transparent url(./bilder/verlaufkarte.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.karte-active {
    background:transparent url(./bilder/verlaufkarte.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.bilder {
    background:transparent url(./bilder/verlaufbilder.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.bilder-active {
    background:transparent url(./bilder/verlaufbilder.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.wetter {
    background:transparent url(./bilder/verlaufwetter.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.wetter-active {
    background:transparent url(./bilder/verlaufwetter.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.links {
    background:transparent url(./bilder/verlauflinks.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.links-active {
    background:transparent url(./bilder/verlauflinks.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.sonstiges {
    background:transparent url(./bilder/verlaufsonstiges.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.sonstiges-active {
    background:transparent url(./bilder/verlaufsonstiges.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 li.impressum {
    background:transparent url(./bilder/verlaufimpressum.jpg) repeat-x scroll 0 0;
}

#menu ul#listmenu0 li.impressum-active {
    background:transparent url(./bilder/verlaufimpressum.jpg) repeat-x scroll 0 0;
    padding-bottom: 2px;
}

#menu ul#listmenu0 a {
   display: block;
   padding: 3px 15px 3px 15px;
   color:#000000;
   text-decoration: none;
}

#menu ul#listmenu0 a:hover {
   color: #ff0000;
}

#path {
    clear: both;
    color: #00000000;
    background-color: #50a7c3;
    padding: 3px 3px 3px 12px;
}

#path.home {
    background:transparent url(./bilder/verlaufhome.jpg) repeat-x scroll 0 -31px;
}

#path.lebenslauf {
    background:transparent url(./bilder/verlauflebenslauf.jpg) repeat-x scroll 0 -31px;
}

#path.karte {
    background:transparent url(./bilder/verlaufkarte.jpg) repeat-x scroll 0 -31px;
}

#path.bilder {
    background:transparent url(./bilder/verlaufbilder.jpg) repeat-x scroll 0 -31px;
}

#path.wetter {
    background:transparent url(./bilder/verlaufwetter.jpg) repeat-x scroll 0 -31px;
}

#path.links {
    background:transparent url(./bilder/verlauflinks.jpg) repeat-x scroll 0 -31px;
}

#path.sonstiges {
    background:transparent url(./bilder/verlaufsonstiges.jpg) repeat-x scroll 0 -31px;
}

#path.impressum {
    background:transparent url(./bilder/verlaufimpressum.jpg) repeat-x scroll 0 -31px;
}


#path a {
    color: #000000;
    text-decoration: none;
}

#path a:hover {
    color: #008800;
    text-decoration: none;
}

#path a:hover {
    text-decoration: underline;
}

/*Submenue----------------------------------------------------------------*/

ul#listmenu1 {
   list-style-type:none;
   overflow:hidden;
   margin: 0;
   padding: 0;
}

ul#listmenu1 li {
   float: left;
   margin:0 2px 0 0 ;
   padding:0;
   background:transparent url(./bilder/bgsubmenubtn.jpg) repeat-x;
   border: 1px solid;
   height: 22px;
}

ul#listmenu1 a {
   display: block;
   padding: 4px 5px 4px 6px;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration: none;
   color:#000000;
}

ul#listmenu1 a:hover {
   color: #7a7a7a;
   color:#ff0000;
   background: transparent url(./bilder/bgsubmenubtnhover.jpg) repeat-x;
}