* { /* alle ränder auf 0 */
  padding: 0;
  margin: 0;
}

body {
  font-family: arial,sans-serif; /* helvetica,verdana, */
  font-size: 12px;
  background: url(../images/hg_framelinks.jpg) repeat-y;
  background-position: left;
  min-height: 100%;
}

h1 {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #59B041;
  margin-bottom: 14px;
}

.componentheading {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #59B041;
  margin-bottom: 14px;
}

h2 {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #5CA3E2;
  margin-bottom: 7px;
}

h3 {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: #5CA3E2;
  margin-bottom: 7px;
}

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

a:hover {
  color: #5CA3E2;
  text-decoration: none;
} 

a:visited {
  color: #5CA3E2;
  text-decoration: none;
} 

.bildlinks {
    margin: 0px 5px 5px 0px;
}

.bildrechts {
    margin: 0px 0px 5px 5px;
} 


/************************************************/
/* div's formatieren                            */
/************************************************/

#banner {
  width: 785px;
  height: 85px;
  background: url(../images/banner.jpg) no-repeat;

}

#links {
  width: 142px;
  margin-right: 0px;
  float:left;
}

#content {
  width: 630px;
  margin-left: 155px;
  margin-top: 10px;
}

#logo {
  clear: left;
  float:left;
  background: url(../images/seventh_logo.jpg) no-repeat;
  width: 147px;
  height: 28px;
  margin-top: 50px;
 
}


/************************************************/
/* menu formatieren                             */
/************************************************/

/* alle menu einträge */

#links a {
  width: 142px;
  padding-left: 8px;
  display: block;
  text-decoration: none;
  color: white;
}

/* hauptmenu einträge - inaktive-allgemein, hover, active */

#links ul li a {
  padding-top: 1px;
  height: 17px;
  background: url(../images/button1.jpg) no-repeat;
  font-size: 12px;
  font-weight: bold;
}

#links ul li a:hover {
  background: url(../images/button1_mouseover.jpg) no-repeat;
}

#links ul li.active > a {
  background: url(../images/button1_active.jpg) no-repeat;
}

/* submenu einträge */

#links ul li ul li a {
  padding-left: 18px;
  height: 16px;
  font-size: 11px;
  background: url(../images/button2.jpg) no-repeat;
}

#links ul li ul li a:hover {
  background: url(../images/button2_mouseover_active.jpg) no-repeat;
}

#links ul li ul li.active a {
  background: url(../images/button2_mouseover_active.jpg) no-repeat;
}


/************************************************/
/* module formatieren                           */
/************************************************/