/* Formatierung Schrift -------------------------------------------------------------------*/
html {
	height: 100%; 
	margin-bottom: 1px;
}

body                      {
                           font-family:tahoma,verdana,arial,helvetia;color:#646567;font-size:20px; 
                           background:#F5DCB3;padding: 0; margin: 0; text-align: center;height: 100%; 
}
p,td,tr                  {font-family:verdana,arial,helvetia;font-size:15px;}
h1                       {margin:0px;border-bottom: 2px solid #F8B956;font-size:18px;width:95%;}
h2                       {margin:0px;border-bottom: 2px solid #F8B956;font-size:15px;width:95%;}
h3                       {font-size:12px;}
.formulare               {font-family:verdana,arial,helvetia;font-size:15px;}
.klein_serif             {font-family:Courier New,serif;font-size:11px;}
.bg                      {background: #e0e0e0 url(../img/balken.gif) repeat-x; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; top left;color: #000000;text-transform: none; font-weight: normal; text-align: left;padding: 2px 5px;}
.themenblock             {border: 1px dotted;border-color:#C6CFCE;margin: .5em 0 .25em; padding: 0 4px;}
.white                   {font-family:verdana,arial,helvetia;font-size:12px;color:#FFFFFF;}
.alles                   {border:2px solid #F8B956;padding:0px;background:#ECEEED;margin:20px auto 0;}
.se                      {font-family:arial;font-weight:bold;color:#FF4000;}
.te                      {font-family:arial;font-weight:bold;color:#404040;}
.navlinks                {color:#FFFFFF;font-size:16px;font-weight:bold;}
.navlinks:link           {color:#FFFFFF;font-size:16px;font-weight:bold;text-decoration : none;}
.navlinks:visited        {color:#FFFFFF;font-size:16px;font-weight:bold;text-decoration : none;}
.navlinks:active         {color:#FFFFFF;font-size:16px;font-weight:bold;text-decoration : none;}
.navlinks:hover          {color:#FFFFFF;font-size:16px;font-weight:bold;text-decoration : underline;}
/* interne links */
.il                {color:#0000EF;}
.il:link           {color:#0000EF;text-decoration : none;}
/*.il:visited        {color:#0000EF;text-decoration : none;padding-right: 14px;background: url(/img/visited.gif) no-repeat right;}  */
.il:visited        {color:#0000EF;text-decoration : none;}
.il:active         {color:#0000EF;text-decoration : none;}
.il:hover          {color:#0000EF;text-decoration : underline;}

a:link           {text-decoration : none;}
a:visited        {text-decoration : none;}
a:active         {text-decoration : none;}
a:hover          {text-decoration : none;}

.klein                         {font-size:12px;}
.text_klein                     {font-size:10px;}    /* fürs Forum */
.submit_als_text            {background-color:#ECEEED;border:0px;color:#0000EF;text-decoration : none;}
.submit_als_text:hover            {cursor:pointer;text-decoration : underline;}

/* Navigation
----------------------------------------------------------*/
.main_link {
           font-size:16px;
           color:#646567;   /* 185539   */
           padding: 0px 4px;
           margin:-5px 0px;
    //       height: 20px;     /*  sonst erscheint der obere und untere Rahmen nicht */
           width:185px;
           display: block;    /* a muss block statt inline-Element sein damit FF und Opera width akzeptieren! */
           background: #f1efe1;
           border: 1px solid #FFBD52;
}

.main_link:hover {
           font-size:16px;
           color: #FF4000;
           padding: 0px 4px;
           margin:-5px 0px;
     //      height: 20px;     /*  sonst erscheint der obere und untere Rahmen nicht */
           width:185px;
           display: block;   /* a muss block statt inline-Element sein damit FF und Opera width akzeptieren! */
           background: #FFBD52;   /*  f1efe1*/
           border: 1px solid #FF4000;
}

.sub_link  {
           font-size: 14px;
           color:#646567;     /* 185539   */
           padding: 0px 4px;
           margin:-5px 0px;
        //   height: 18px;     /* sonst erscheint der obere und untere Rahmen nicht */
           width:175px;
           display: block;    /* a muss block statt inline-Element sein damit FF und Opera width akzeptieren! */
           background: #f1efe1;
           border: 1px solid #FFBD52;
}
.sub_link:hover {
           font-size:14px;
           color: #FF4000;
           padding: 0px 4px;
           margin:-5px 0px;
         //  height: 18px;     /* sonst erscheint der obere und untere Rahmen nicht */
           width:175px;
           display: block;   /* a muss block statt inline-Element sein damit FF und Opera width akzeptieren! */
           background: #FFBD52;
           border: 1px solid #FF4000;
}

.aktiver_link {
           font-size:16px;
           font-weight: bold;
           color: #FF4000;
           padding: 0px 4px;
           margin:-5px 0px;
      //     height: 20px;     /*  sonst erscheint der obere und untere Rahmen nicht */
           width:185px;
           display: block;   /* a muss block statt inline-Element sein damit FF und Opera width akzeptieren! */
           background: #FFBD52;
           border: 1px solid #FF4000;
}
hr{
   background-color:#F8B956; /* Mozilla 1.4 */
   color:#F8B956; /* IE 6 */
   border: #F8B956; /* Opera 7.11 */
   height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
abbr{
  border-bottom: 1px grey dotted;
  cursor:help;
}
/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
/*float: left;   */
/*padding: 0px;    */
/*z-index: 0;*/
color:#646567;
border-bottom: 1px dotted #000000;
}

.thumbnail:hover {
/*z-index: 0;*/
text-decoration: none;
color:#646567;
}
.thumbnail:visited {
/*z-index: 0;*/
text-decoration: none;
color:#646567;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: 0px; */
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 5;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
z-index: 5;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
width: 400px;
top: 40px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 50px;/*position where enlarged image should offset horizontally */
z-index: 5;
}