* {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}

body {
  margin: 5px 5% 20px 5%;
}

/*ul li {
margin-left: 40px;
  list-style-type: none;
}
*/

#top{
  height: 42px;
  text-align: right;
  overflow:hidden;
  padding-right: 10px;
  padding-left: 54px;
  padding-top: 13px;
  border-bottom: 0px;
  background: url(../images/fair-logo.gif) no-repeat;
}

/* nur fuer IE height + padding */
 * html #top {
height: 55px;
} 

#top span {
  display: none;
}

.moduletable-kopfzeile {
  overflow:hidden;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  background-color: #8E96D7;
}  
  
#wrapper {
  height: 20px; 

}

/* -------------------------------------------------------------- */

#left {

  float:left;
  width: 200px;
  margin-top: 40px; 
  left: 10%;
  padding-bottom: 10px;
  color: #ffffff;
}

/*ul.menu-grau, ul.menu-blau,ul.menu-gelb,ul.menu-gruen,ul.menu-rot*/
#left li{
  list-style-type: none;
  display: block;
  text-decoration: none;
 /* background-color: #203879;*/
}


#left .menu-grau li{
  background-color: #6B6D73; 
}
#left .menu-blau li{
 background-color: #203879;
}
#left .menu-gelb li{
 background-color: #EFBA30; 
}
#left .menu-gruen li{
 background-color: #497900; 
}
#left .menu-rot li{
 background-color: #9E2C08; 
}


#left ul li a{
  list-style-type: none;
  display: block;
  text-decoration: none;
  width: 190px;
  margin: 1px 0; 
  padding: 2px 0px 2px 18px;
  color: #ffffff;
}


#left a:hover{
  background: url(../images/ball.red.gif) no-repeat;
}


a.sublevel {
  display: block;
  text-decoration: none;
/*  width: 176px; */
  margin: 2px 0 0 20px;
  padding: 1px 0px 2px 18px;
}

a:hover.sublevel {
  background: url(../images/ball.red.gif) no-repeat;
}


#content {
  margin-left: 180px;
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 20px;
/*border: 1px solid red;*/
  min-height: 400px;
}

/*damit im IE der Content nicht durch Tabellen gesprengt wird */
#content table {
 width: auto;
}

/* nur fuer IE height + padding */
/* * html #content {
height: 400px;

} */

td.contentheading {
  padding-left:   20px;
  padding-right:  20px;
  padding-top:    0.5em;
  padding-bottom: 1em;
/*  font-size: 150%;*/
/*  letter-spacing: 1pt;*/

}

#content h2 {
/*  font-weight: normal;*/
  margin-left:    0px;
  margin-right:   20px;
  margin-top:     0;
  margin-bottom:  1em;
  padding-left:   0px;
  padding-right:  0;
  padding-top:    0.5em;
  padding-bottom: 0;
  border-bottom: 1px solid #8cacbb;
/*  font-size: 115%;*/
}
        

#content h3 {
  /*ont-weight: normal;*/
  margin-left:    40px;
  margin-right:   20px;
  margin-top:     0;
  margin-bottom:  1em;
  padding-left:   20px;
  padding-right:  0;
  padding-top:    0.5em;
  padding-bottom: 0;
  border-bottom: 1px solid #8cacbb;
  /*font-size: 95%;*/

}

#content p {
  line-height: 150%;
  padding: 0 50px 15px 60px;
}
    

#footer {
/*  background-color: #3399FF;*/
  height: 30px;
  text-align: right;
}



#offeringleft dl {
  float: left;
  width: 240px;
  margin: 0 0 20px 60px;
  padding: 0;
/*  background: #9cf url(img/box_bottom.png) no-repeat bottom left;*/
}

#offeringright dl {
  width: 240px;
  margin: 0 0 20px 320px;
  padding: 0;
/*  background: #9cf url(img/box_bottom.png) no-repeat bottom left;*/
}


#offering dl {
  width: 240px;
  margin: 0 0 20px 60px;
  padding: 0;
/*  background: #9cf url(img/box_bottom.png) no-repeat bottom left;*/
}

dt {
  margin: 0 0 10px 0;
  padding: 10px;
  /*font-size: 110%;*/
  border-bottom: 1px solid #fff;
/*  background: #69c url(img/box_top.png) no-repeat top left;*/
}

dd {
  margin: 0 0 0 10px;
  padding: 0 10px 5px 10px;
  /*font-family: Verdana, sans-serif;*/
/*  font-size: 90%;*/
/*  background: url(img/arrow.png) no-repeat 0 3px;*/
}

#offeringleft p {
  margin: 5px 0 0 0;
  padding: 0 10px 10px 10px;
  text-align: right;
/*  font-size: 90%;
  color: #666;*/
}

#offeringright p {
  margin: 5px 0 0 0;
  padding: 0 10px 10px 10px;
  text-align: right;
  /*font-size: 90%;*/
}
  
#offering p {
  margin: 5px 0 0 0;
  padding: 0 10px 10px 10px;
  text-align: right;
/*  font-size: 90%;*/
}

#user3 {

  text-align: right;
  margin-top: 20px; 
  padding-bottom: 10px;
  color: #1fffff;
}
