html, body {
  margin:0;
  padding:0;
}
body {
  font:11px Verdana, Arial, sans-serif;
  color:#454444;
  background:#888 url('../img/hintergrund_01.jpg');
}
h2 {
  font-size:1.0em;
}
img {
  behavior: url('pngbehavior.htc');
}
/* WRAPPER */
#wrapper {
  margin-top:55px;
  margin-left:125px;
  width:800px;
}

/* CONTENT */
#content {
  width:530px;
  float:left;
}
#content div.topgfx {
  margin:0;
  padding:0;
  background:#666;
}
#content div.intro,
#content div.teaser,
#content div.article {
  margin:0;
  padding:10px 24px;
  background:#edf0ef;
  color:#454444;
  line-height:16px;
}
#content div.article {
  padding:25px 24px;
}
div.intro h2,
div.teaser-content h2,
div.article h2 {
  margin:0;
  padding:0;
  color:#455565;
}
div.intro p,
div.teaser-content p {
  margin:0;
  padding:0;
}
div.article p {
  margin:5px 0 10px 0;
  padding:0;
}

div.teaser-img {
  float:left;
  width:133px;
}
div.teaser-content {
  float:left;
  width:325px;
  margin-left:20px;
}
div.intro a,
div.teaser-content a,
div.article a {
  color:#455565;
  text-decoration: none;
}
div.intro a:hover,
div.teaser-content a:hover,
div.article a:hover {
  text-decoration: underline;
}
.top_border {
  border-top:1px solid #e0e2e1;
}
.bottom_padding {
  padding-bottom:30px!important;
}

/* NAVI */
#navi {
  float:left;
  width:270px;
}
#logo {
  margin-left:68px;
  margin-top:52px;
}
#navi ul {
  list-style:none;
  margin-left:63px;
  padding:0;
}
#navi li {
   list-style:none;
   margin:0;
   padding:0;
}
#navi li a {
  padding:2px 5px;
  text-decoration:none;
  font:14px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
  line-height:26px;
}
ul.main {
  margin-top:85px;
}
ul.main li a {
  color:#455565;
}
ul.main li a.active,
ul.main li a:hover {
  color:#fff;
  background:#455565;
}
ul.main li.yellow a {
  color:#cccc00!important;
}
ul.main li.yellow a.active,
ul.main li.yellow a:hover {
  color:#fff!important;
  background:#cccc00!important;
}

ul.sub {
  margin-top:40px;
}
ul.subsub {
  margin-top:30px;
}
ul.sub li a,
ul.subsub li a {
  color:#000;
}
ul.sub li a.active,
ul.sub li a:hover,
ul.subsub li a.active,
ul.subsub li a:hover {
  color:#fff;
  background:#000;
}
ul.subsub li.grey a {
  color:#847b7b!important;
}
ul.subsub li.grey a.active,
ul.subsub li.grey a:hover {
  color:#fff!important;
  background:#847b7b!important;
}


/* CLEARFIX */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */