/* CSS Document */
html {
  height: 100%;
  }
body {
  margin: 0px;
  height: 100%;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica;
  color: #000000;
  font-size: 10px;
  }


a {
  border: 0px;
  position: relative;
  color: #000000;
  text-decoration: underline;
  }  
  a:hover {
    text-decoration: none;
    }
img {
  border: 0px;
  }
.clear {
  clear: both;
  }

/* Wrapper */
div#wrapper {
  margin: 0px auto;
  padding: 0px;
  position: relative;
  width: 810px;
  padding-top: 100px;
  }
  
/* content */
div#content {
  width: 810px;
  height: 530px;
  float: left;
  position: relative;
  background: #ffffff url(images/background_wrapper.jpg) top left no-repeat;
  }
  div.headlines {
    float: right; 
    position: relative;
    width: 509px;
    padding-top: 20px;
    }
    div.headlines em {
      margin-left: -9999px;
      }
  div.scroll {
  float: right;
  position: relative;
  height: 380px;
  width: 380px;
  overflow: auto;
  margin-top: 20px;
  }
  * html div.scroll {margin-top: 0px; padding-top: 10px;}
  
  div.scroll h3 {
    font-size: 10px; 
    font-weight: bold;
    }
  div.scroll h4 {
    font-size: 10px; 
    font-weight: normal;
    border-bottom: 1px solid #000000;
    width: 300px;
    margin-bottom: -0px;
    }
  div.scroll img {
    border: 1px solid #ffffff;
    }
  div.scroll p {
    width: 330px;
    }
   div.scroll ul {
    padding: 0px;
    margin: 0px;
    padding-left: 16px;
    }
  div.scroll ul.team {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    div.scroll ul.team li.img {
      float: left;
      width: 35px;
      }
    div.scroll ul.team li {
      float: left;
      width: 160px;
      position: relative;
      display: inline;
      }
  div.scroll dl {
    padding: 0px;
    margin: 0px;
    width: 320px;
    }
    div.scroll dl dt {
      width: 50px;
      float: left;
      }
    div.scroll dl dd {
      width: 220px;
      float: left;
      }
      
/* ************************************ */
/* Navi                                 */
/* ************************************ */

div#navi {
	display: block; 
	float: left;
  position: relative;
  width: 810px;
  height: 30px;
  border-top: 1px solid #cccccc;
}

/* Font size for text links */
div#navi ul {
	font-size: 11px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
	* html div#navi ul {text-indent: -5000em;}
	*:first-child+html div#navi ul {text-indent: -5000em;}

/* List elements */
div#navi li {
	display: block;
	height: 30px;
	background-position: 0 -30px;
	background-repeat: no-repeat;
	float: left;
}

/* Link elements */
div#navi a {
	display: block;
	height: 0;
	padding-top: 30px;
	background-repeat: no-repeat;
	overflow: hidden;
}


	* html div#navi a:link {height: 30px; he\ight: 0;}
	* html div#navi a:visited {height: 30px; he\ight: 0;}

/* List and Link element images */
div#navi li.nav1, div#navi a.nava1 {background-image: url(images/navigation/nav_philosophie.gif); width: 117px;}
div#navi li.nav2, div#navi a.nava2 {background-image: url(images/navigation/nav_taetigkeit.gif); width: 165px;}
div#navi li.nav3, div#navi a.nava3 {background-image: url(images/navigation/nav_wirueberuns.gif); width: 129px;}
div#navi li.nav4, div#navi a.nava4 {background-image: url(images/navigation/nav_dasteam.gif); width: 104px;}
div#navi li.nav5, div#navi a.nava5 {background-image: url(images/navigation/nav_partner.gif); width: 89px;}
div#navi li.nav6, div#navi a.nava6 {background-image: url(images/navigation/nav_kontakt.gif); width: 95px;}
div#navi li.nav7, div#navi a.nava7 {background-image: url(images/navigation/nav_impressum.gif); width: 111px; margin-right: 0;}

/* Initiate mouseover */
div#navi a:hover {
	background-image: none;
}