body { background-image: url('bilder/oben.gif');
       background-repeat: repeat-x; 
       background-color: #EEEEEE;
       font-family: Arial, Helvetica, Verdana, sans-serif; 
       font-size: 12pt;
       text-align: center;
       padding: 3em 0px 3em 0px;
       margin: 0px; }

#main { width: 60em; 
        margin: auto; 
        border: solid 1px #CCCCCC; /* #79BCFF;*/
        background-image: url('bilder/kopfhinter.gif');
        text-align: left;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px; }

/*
    Kopf styles
*/

#kopf { background-image: url('bilder/kopfhinter.gif');
        padding: 0.5em; 
        height: 1.2em;
        text-align: right;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px; }

#kopf input { border: solid 1px #79BCFF;
              background-color: #EEEEEE;
              color: #79BCFF;
              font-weight: bold;
              font-size: 80%;
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px; }

#kopf #submit { background-color: #79BCFF;
                color: #FFFFFF; 
                cursor: pointer; }

#kopf h1 { float: left;  
           color: #CCCCCC; /* #bbddff; */
           font-weight: bold;
           font-size: 1em;
           padding: 0.1em;
           margin: 0em; }

/* dirty IE6+IE7 hack */
* html #kopf #ie6form { float: right; margin-bottom: 0.5em; }
*+html #kopf #ie6form { float: right; margin-bottom: 0.5em; }

#gruenzeug { background-image: url('bilder/hinterhoch.jpg');
             background-repeat: repeat-x; 
             height: 145px; font-size: 0.8em; clear: both; }

#titel { background-image: url('bilder/uebergang.gif'); 
         border-bottom: solid 1px #759975; } 
/* dirty IE6+IE55+IE7 hack */
* html #titel { padding: 0.25em 0px 0.25em 0px; overflow: hidden; height: 32px; he\ight: 24px; }
*+html #titel { padding: 0.25em 0px 0.25em 0px; overflow: hidden; height: 1.5em; }

#titel ul { margin: 0em 0em 0em 0.25em;
            padding: 0.25em 0em 0.25em 0em;
            font-weight: bold;
            color: #759975; }
/* dirty IE6+IE7 hack */
* html #titel ul { margin-left: 0px; }
*+html #titel ul { margin-left: 0px; }


#titel li { border-right: solid 1px #CCCCCC;
            display: inline;
            list-style-type:none; 
            padding: 0.25em 0em 0.25em 0em;
            margin-left: -0.25em; }
/* very dirty IE8 beta2 hack */
html:first-child [id|=titel] li { margin: 0px 4px 0px 4px; }

/* dirty IE6+IE7 hack */
* html #titel li { margin-left: 0px; padding-left: 2px; } 
*+html #titel li { margin-left: 0px; padding-left: 2px; }

#titel li:hover { background-color: #edf6ff; }

#titel #selectedtitel { background-color: #eeeeee; }

#titel a { color: #759975;
           text-decoration: none; 
           padding: 0.25em 1.5em 0.25em 1.5em; }

#titel #logoklein { border: 0px;
                    height: 1em; 
                    padding: 0em ;
                    margin-bottom: -0.12em; }

#titel #logokleina { padding: 0.25em; }

#titel #litmenu { background-image: url('bilder/uebergang.gif');
                  border-left: dashed 1px #CCCCCC;
                  border-right: dashed 1px #CCCCCC; 
                  border-bottom: solid 1px #759975; 
                  text-align: center;
                  font-size: 0.75em; }

#titel #litmenu ul { padding: 0px; margin: 0px; }

#titel #litmenu li { padding: 5px 10px 5px 7px; 
                     margin: 0px; 
                     display: block;
                     white-space: nowrap;
                     border-width: 0px; 
                     text-align: left; }

/* dirty IE6 hack */
* html #titel #litmenu li { padding-left: 5px; }
/* very dirty IE8 beta2 hack */
html:first-child #titel [id|=litmenu] { margin-left: -23px; min-width: 11.9em; }

#titel #litmenu a { padding: 0em; }

/*
    Navigation Seite
*/

#navi { float: left;  
        width: 14em;
        background-image: url('bilder/navihinter.gif'); 
        background-repeat: repeat-x; 
        background-color: #edf6ff;
        color: #759975;
        padding: 1em 0px 1em 1em; }

/* dirty IE5+IE6 hack */
* html #navi { width: 23%; w\idth: 14em; }

#navi ul { margin: 1em 0em 1em 0em; 
           padding: 1em 0em 1em 0em; }

#navi #haupt { padding: 0em ; } 

#navi #haupt li { list-style-type: none;
                  height: 1.5em;
                  margin-bottom: 1em; }

#navi #haupt img { border: 0px; 
                   height: 0.9em; }


#navi a { color: #759975;
          text-decoration: none; 
          font-weight: bold; }

#navi a:hover { font-style: italic; }

#navi hr { border: solid 1px #FFFFFF; }


#navi #themen li { list-style-image: url('bilder/list_style_image.gif'); 
                   margin-bottom: 0.5em; }

#navi #themen #selectedthemen { font-style: italic; background-color: #FFFFFF; padding: 0.25em; }

#navi #themen { font-size: 0.75em; 
                padding-left: 2em;
                font-weight: bold; }


/*
    Inhalte
*/


#text { float: left; 
        font-family: Cambria, Georgia, Times New Roman, Serif; 
        width: 43em; 
        background-color: #FFFFFF; 
        padding: 1em; 
        background-image: url('bilder/inhalt.gif');
        background-repeat: repeat-x; }

/* dirty IE55 hack */
* html #text { width: 77%; w\idth: 43em; }

#text #logo { text-align: center;
              font-family: Arial, Helvetica, Verdana, sans-serif; +
              padding: 1em;
              margin-top: 2.5em;
              margin-right: 2em;
              font-size: 0.71em;
              width: 20em;
              border: solid 1px #759975; 
              background-color: #FFFFFF; 
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px; float: right; }


#text h2 { border-bottom: solid 1px #CCCCCC;
           font-weight: normal;
           margin: 1.5em 1em 1em 0em;
           font-size: 1.25em;
           color: #759975; }

#text p { font-size: 0.95em; } 

#text ul { padding: 0em 1em  0em 1.5em;
           margin: 0em; }

#text li { list-style-image: url('bilder/list_style_image2.gif');
           padding: 0.2em; 
           margin: 0em;
           font-size: 0.9em; }

#text .liodd { background-image: url('bilder/uebergang.gif'); }

#text .ultrenner { margin: 1em 0em 1em 1.5em; }

#text .z1 { font-size: 1.11em; }

#text .z2 { font-size: 0.9em;
            padding: 0.5em 0em 0.5em 0em; }

#text a { color: #759975;
          text-decoration: none; }

#text .weiteres { border-top: solid 1px #CCCCCC; 
                  margin: 1em 1em 0.5em 0em; 
                  padding: 0.5em 1em 1em 2em; }

#text .weiteres li { list-style-image: url('bilder/list_style_image.gif');
                     font-size: 0.8em; }

#text .weiteres a { text-decoration: none;
                    font-weight: bold;
                    color: #000000; }

#text .weiteres a:hover { font-style: italic; }

#text .textlink { font-weight: bold;
                  color: #000000; }

#text img { border: 0em; }

#text input,textarea { border: solid 1px #CCCCCC; }

/*
    Fuss styles
*/

#fuss { width: 60em;
        margin: auto;
        font-size: 85%;
        color: #AAAAAA; 
        padding: 0.5em; clear: both; }

#fuss a { color: #AAAAAA;
          text-decoration: none; }

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

#fuss img { border: 0px; }