html,body { height:100%; }

body
{
  color: #584a39;
  background-color: #f7f4f0;

  margin: 0;
  padding: 0;

  font-family: Tahoma, sans-serif;
  font-size: 12px;
}

a
{
  color: #8c5151;
  text-decoration: none;
  font-weight: bold;
}

a.color2, span.tags a
{
  color: #cbb9a3;
}

a:hover
{
  text-decoration: underline;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

p.clear
{
  clear: both;
  font-size:0px;
  height:0px;
  margin:0;
  padding:0;
}

h1
{
  font-size:24px;
  color: #8c5151;
  padding:0;
  margin:0 0 20px 0;
}

h2
{
  font-size:16px;
  color: #8c5151;
  padding:0;
  margin:0;
}

h3
{
  font-size:14px;
  color: #fff;
  padding:0;
  margin:0;
}

#preload
{
  position: absolute;
  top:-9999px;
  left: -9999px;
}

#seite
{
  padding: 0px;
  margin: 0 auto;
  width: 900px;
  min-height: 100%;
}

* html #seite { height:100%; }

#header
{
  width:900px;
  height:70px;
  background-color: #fff;  
}

#header a.logo
{
  width: 300px;
  height:70px;
  display:block;
  background-image: url( img/logo.jpg );
  float:left;
}

#header div.quicknavi
{
  width: 590px;
  height: 20px;
  float:left; 
  text-align:right;
  padding: 50px 10px 0 0;
  font-size:11px;  
}

#header div.quicknavi a
{
  color: #584a39;
  font-weight:normal;
}

#navigation
{
  height: 30px;
  width: 900px;
  padding: 25px 0 0 0;
  background-image: url( img/topbg.jpg );
}

#navigation a
{
  float:left;
  display:block;
  height: 25px;
  border-top: 5px solid transparent;
  background-repeat:no-repeat;
  margin: 0 23px 0 10px;
}

#navigation a:hover, #navigation a.active
{
  border-top: 5px solid #8c5151;
}

#navigation ul, #navigation li
{
  list-style:none;
  padding:0;
  margin:0;
}

#menu1 { width:68px; background-image: url( img/navigation/startseite.jpg ); }
a:hover#menu1 { width:68px; background-image: url( img/navigation/startseite_on.jpg ); }
a.active#menu1 { width:68px; background-image: url( img/navigation/startseite_on.jpg ); }

#menu2 { width:30px; background-image: url( img/navigation/blog.jpg ); }
a:hover#menu2 { width:30px; background-image: url( img/navigation/blog_on.jpg ); }
a.active#menu2 { width:30px; background-image: url( img/navigation/blog_on.jpg ); }

#menu15 { width:166px; background-image: url( img/navigation/organisationen.jpg ); }
a:hover#menu15 { width:166px; background-image: url( img/navigation/organisationen_on.jpg ); }
a.active#menu15 { width:166px; background-image: url( img/navigation/organisationen_on.jpg ); }

#menu59 { width:87px; background-image: url( img/navigation/spendentipps.jpg ); }
a:hover#menu59 { width:87px; background-image: url( img/navigation/spendentipps_on.jpg ); }
a.active#menu59 { width:87px; background-image: url( img/navigation/spendentipps_on.jpg ); }

#menu52 { width:137px; background-image: url( img/navigation/hilfe.jpg ); }
a:hover#menu52 { width:137px; background-image: url( img/navigation/hilfe_on.jpg ); }
a.active#menu52 { width:137px; background-image: url( img/navigation/hilfe_on.jpg ); }

#menu65 { width:175px; background-image: url( img/navigation/verzeichnis.jpg ); }
a:hover#menu65 { width:175px; background-image: url( img/navigation/verzeichnis_on.jpg ); }
a.active#menu65 { width:175px; background-image: url( img/navigation/verzeichnis_on.jpg ); }

#content
{
  background-color: #fff;
  width: 900px;
  background-image: url( img/content.jpg );
  background-repeat:repeat-x;  
}

#content div.left
{
  width: 620px;
  padding: 195px 20px 20px 20px;
  background-repeat: no-repeat;
  background-image: url( img/header.jpg );
  float:left;
}

#content div.left div.navigation
{
  height:20px;
}

#content div.left div.navigation div.navipoints
{
  float:right;
}

#content div.left div.navigation div.navipoints a, .ditto_previous_off, .ditto_next_off, .ditto_currentpage
{
  margin: 0 0 0 2px;
  float:left;
  display:block;
  color:#cbb9a3;
  border: 1px solid #cbb9a3;
  background-color:#f7f4f0;
  padding: 3px;
  font-size:11px;
  font-weight:normal;
}

#content div.left div.navigation div.navipoints a:hover,#content div.left div.navigation div.navipoints a.on
{
  color:#fff;
  border: 1px solid #000;
  background-color:#8c5151;
  text-decoration:none;
}


#content div.right
{
  width: 220px;
  float:left;
  background-color: #8c5151;
  color: #fff;
  margin: 65px 0 0 0;
  padding: 10px;
  font-size: 11px;
}

#content div.right p
{
  padding:0;
  margin:0;
}

#content div.right a
{
  color: #fff;
  font-size: 11px;
}

#clear
{
  clear:both;
  height:70px;
}

#footer
{
  background-color: #8c5151;
  color: #fff;
  font-weight:bold;
  text-align: center;
  height: 35px;
  clear: both;
  padding: 15px 0 0 0;
  margin: -50px 0 0 0;
}

#footer a
{
  color: #fff;
}

div.post
{
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #cbb9a3;
  margin: 0 0 10px 0;
}

div.post a.comments
{
  float:right;
  color: #cbb9a3;
}

div.post span.readmore a
{
  float:right;
}

div.post div.quickinfo
{
  color: #777;
  font-size: 10px;
  margin: 0 0 10px 0;
}