body {
  background-color: #9E9E9E;
  font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000000; 
  margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; 
  background-image:url(../images/bg.jpg); background-repeat:repeat-y;  background-position:center;
  text-align:center;
  height:100%;
}
img {
  border:0px solid black;
  padding:0px;
  margin:0px;
}

div {
  border:0px solid black;
  padding:0px;
  margin:0px;
}

div#content {
  margin:auto auto;
  padding: 0px;
  width:767px;
  clear:both;
  height:90%;
}



div#footer {
}

* html div#footer {
  margin:auto auto;
  border:0px solid black;
  padding: 0px;
  width:768px;
  clear:both;
  height:10%;
  text-align:right;
  vertical-align:bottom;
  background-image:url(../images/bg_content.jpg); background-repeat:no-repeat;  background-position: right top;
}



div#content-left {
  width:167px; height:138px;
  float:left; padding: 0px;
  line-height:0px;
}

div#content-middle {
  width:454px; height:138px;
  float:left; padding: 0px;
  line-height:0px;
}

div#content-right {
  float:left; margin:0px; padding: 0px;
  width:146px; height:100%;
  line-height:0px;
}

div#content-content {
  z-index:10;
  width:90%; height:100%;
  text-align:left; line-height:200%;  
  padding-top:20px;  
    clear: both;
  float: none;

}

div#content-content h3 {
  color: red;
  font-size: 17px;
  font-weight: bolder;
  margin-top: 10px;
  margin-bottom: 5px;
}


div.nav {
  float:left;
  border:0px solid black;
  width:84px;
}

div.nav-break {
  float:left;
  border:0px solid black;
}


div.nav ul         { margin: auto; padding: 0px; width:84px;}
div.nav li         { margin: auto; padding: 0px; list-style: none; }
div.nav li, .nav a { height: 20px; display: block; }
div.nav a span     { display: none; }

div.nav li         	    a { background: transparent url(../images/buttons.jpg) no-repeat; }

/* profil */

div.nav li#nav-profil        a { background-position: 0px -5px; }
div.nav li#nav-profil        a:hover { background-position: -100px -5px; }

div.nav li#nav-potential     a { background-position: 0px -25px; }
div.nav li#nav-potential     a:hover { background-position: -100px -25px; }

div.nav li#nav-resultate     a { background-position: 0px -45px; }
div.nav li#nav-resultate     a:hover { background-position: -100px -45px; }

div.nav li#nav-kontakt       a { background-position: 0px -65px; }
div.nav li#nav-kontakt       a:hover { background-position: -100px -65px; }


/*            HEADER         */

div.header {
  float:left;
}

div.header-profil-onmouseover {
  float:left; padding:0px; margin:0px; border:0px;
  width:83px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_profil_new.jpg) no-repeat;
  background-position: -83px 0px;
}

div.header-profil-onmouseout {
  float:left; padding:0px; margin:0px; border:0px;
  width:83px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_profil_new.jpg) no-repeat;
  background-position: -0px 0px;
}

div.header-potential-onmouseover {
  float:left; padding:0px; margin:0px; border:0px;
  width:85px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_potential_new.jpg) no-repeat;
  background-position: -85px 0px;
}

div.header-potential-onmouseout {
  float:left; padding:0px; margin:0px; border:0px;
  width:85px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_potential_new.jpg) no-repeat;
  background-position: -0px 0px;
}

div.header-resultate-onmouseover {
  float:left; padding:0px; margin:0px; border:0px;
  width:84px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_resultate_new.jpg) no-repeat;
  background-position: -84px 0px;
}

div.header-resultate-onmouseout {
  float:left; padding:0px; margin:0px; border:0px;
  width:84px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_resultate_new.jpg) no-repeat;
  background-position: -0px 0px;
}

div.header-kontakt-onmouseover {
  float:left; padding:0px; margin:0px; border:0px;
  width:84px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_kontakt_new.jpg) no-repeat;
  background-position: -84px 0px;
}

div.header-kontakt-onmouseout {
  float:left; padding:0px; margin:0px; border:0px;
  width:84px; height:138px;
  border: 0px solid black;
  background: transparent url(../images/header_kontakt_new.jpg) no-repeat;
  background-position: -0px 0px;
}

div#topics {
  font-size:11px;
  line-height: 12px;
  text-align:left;
  color: #555555;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  font-style:italic;
  margin-right: 0px;
}

div#topics a:link,a:visited {
  color: #555555;
  text-decoration: none;
}
div#topics a:hover {
  color: #000000;
  text-decoration: underline;
}

div#topics h3 {
  color: #ff0000;
  font-size: 12px;
  font-style:normal;  
  margin-top: 10px;
  margin-bottom: 3px;
  font-style:italic;
}

div#topics div {
  margin-bottom: 10px;
}

div#articles {
  margin-left: 10px;
  margin-right: 0px;
  clear: both;
  float: none;
  font-size:11px;
  line-height: 12px;
  text-align:left;
  color: #555555;
  font-weight: bold;
  margin-top: 10px;
  border: solid #888888 1px;
}

div#articles div.header {
  width: 97%;
  font-size: 10px;
  font-weight: bolder;
  color: #000000;
  background-color: #eeeeee;
  padding: 2px; 
  clear: both;
  float: none;
}