/* ===========================================
	Body
   =========================================== */
/* horizontale Zentrierung */


body *
{ 
  text-align: left;

 }

html, body { 
           padding: 0;
 }
body {
               background-color: #efefef;
               background-image: url('/Include2010/image2.png');
               background-position: top;
               background-repeat:   repeat-x;
   }
body, td ,th {
               font-family: Verdana, sans-serif;
               font-size: 9pt;
   }

div.page {
           margin-left: auto;
           margin-right: auto;
           margin-top: 0;
           width: 100%;
           text-align: center;
           padding: 0;
           }
div.content {
              margin-left: auto;
              margin-right: auto;
              margin-top: 0;
              width: 60%;          /* Mit den padding-left/right: Summe 64 */
              background: white;
              padding-top: 2ex;
              line-height: 200%;
              padding-left: 2%;
              padding-right: 2%;
              padding-bottom: 50ex;
}
div.news { 
           position: absolute;
           right: 0;
           top: 160px;
           width: 16%;             /* Mit den padding-left/right: Summe 18 */
           padding-top: 50px;
           padding-left: 1%;
           padding-right: 1%;
           color: #666;
           }
div.head { 
              margin-left: auto;
              margin-right: auto;
              margin-top: 0;
           width: 64%;
           height: 200px;
           padding: 0;
           opacity:    0.85;
           filter: alpha(opacity = 85);
           background-color: white;

           position: relative;   /* Just to be able to use "absolute" on #mainlogo */
            }


.news .date  { 
               background: #ccc;
               font-weight: bold;
               color: white;
               padding: 4px;
               margin-top: 1ex;
               margin-bottom: 0.5ex;
 }

.news .headline { 
                  font-weight: bold;
                  line-height: 200%;
 }
.news .messageBody { 
                     line-height: 200%;
                     font-size: 80%;
 }

.page #mainlogo { 
                  position: absolute;
                  right: 0px;
                  top: 92px;
                  }


h1 {  
     font-size: 120%;
 }
h2 {  
     font-size: 110%;
 }

h3, h4, h5, h6 {  
     font-size: 100%;
 }

.content h2 { 
              margin-top: 0;
 }

/* ===========================================
   Hauptmenue
   =========================================== */
.menu { 
        position: relative;
 }
.menu ul {
           border: none;
           margin: 0mm;
           padding: 0mm;
           list-style-type: none;
           position: absolute;
           top: 112px;
           left: 50px;
}

.menu ul li {
              text-align: center;
              float: left;
              display: block;
              /*width: 7em;*/
              height: 40px;
              /* font-family: sans-serif; */
              font-size: 90%;
              padding-right: 20px;
              padding-left: 20px;
              padding-top: 10px;
              padding-bottom: 10px;
              font-weight: bold;
              position: relative; /* just to be able to use "absolute" in ul.sub */
              margin-right: 3px;
              opacity:    1;
              filter: alpha(opacity = 100);
              background-image: url('/Include2010/verlauf1.png');
              background-repeat: repeat-x;
              background-position: top;
}
.menu ul li.active { 
                     background-image: url('/Include2010/verlauf1.png');
                     }
.menu ul li.inactive { 
                     background-image:  url('/Include2010/verlauf2.png');
                     }

.menu ul li.active a:link, .menu ul li.active a:visited {
                                                          color: #666;
                                                          text-decoration: none;
                                                          }

.menu ul li.inactive a:link, .menu ul li.inactive a:visited {
                                                          color: #999;
                                                          text-decoration: none;
                                                          }


/* ===========================================
	Tables
   =========================================== */
th { 
      vertical-align: top;
      text-align: center;
   }
td { 
      vertical-align: top;
      text-align: left;
   }

/* ===========================================
	Links
   =========================================== */
a:link {
      /* text-decoration: none; */
      color: #194b9e;
   }

a:visited {
      /* text-decoration: none; */
      color: #194b9e;
   }

a:active {
      text-decoration: underline;
   }

/*
a[href]:hover {
      background-color: #194b9e;
      color:		white;
      text-decoration: none; 
   }
*/