html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  background: #ffffff url(img01.gif) repeat-x;
  color: #555;
}
/* alte farbe #c2b192 */

h1, h2, h3, h4
{ font-family: tahoma, sans-serif;
  font-size: 110%;
  letter-spacing: .1em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px;
  color: #463E28; 
}

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

#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

#main
{ width: 770px;
  background: #FFF;
}

#logo
{ width: 760px;
  height: 200px;
  border-top: 5px solid;
  background: #444 url(logo.jpg) no-repeat left center;
  border-color: #FFF;
}

#logo h1
{ font-size: 250%;
  font-weight: normal;
  padding: 0px 12px 0px 0px;
  float: right;
  background: transparent;
  color: #FFF;  
}

#menubar
{ background: #60605e url(menu.png) repeat;
  width: 760px;
  height: 70px;
} 

#site_content
{ width: 770px;
  overflow: hidden;
  margin: 5px 0px 0px 0px;
  background: #FFF url(back.png) repeat-y;
} 

.sidebar
{ float: left;
  width: 190px;
  padding: 15px 15px 15px 20px;
}

/* NAVIGATION - OBEN */
#menubar .mod_navigation ul 
{ margin: 0px;
}

#menubar .mod_navigation ul li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menubar .mod_navigation ul li a,
#menubar .mod_navigation ul li span 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 44px;
  text-decoration: none; 
  padding: 26px 12px 0px 12px;
  text-align: center;
  border-right: 1px solid;
  background: transparent;
  color: #FFF;
  border-color: #898977;
} 

#menubar .mod_navigation ul li span 
{ margin: 0px 0px 0px 0px;
} 

#menubar .mod_navigation ul li a:hover, 
#menubar .mod_navigation ul li span
{ background: #333331 url(menu_sel.png) repeat; 
} 

/* NAVIGATION - LINKS */
.sidebar .mod_navigation,
.mod_newslist
{ text-align: left;
  width: 160px;
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 0px 15px 0px 15px;
  background: #FFF;
  color: #555;
}

.spenden,
.mod_randomImage,
.mod_Banner
{ text-align: left;
  width: 160px;
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 0px 15px 8px 15px;
  background: #FFF;
  color: #555;
}

.sidebar .mod_navigation h1,
.mod_newslist h1,
.spenden h1,
.mod_randomImage h1,
.mod_Banner h1
{ margin: 8px 10px 10px 12px;
}

.sidebar .mod_navigation ul.level_1,
.sidebar .mod_navigation ul.level_2,
.sidebar .mod_navigation ul.level_3
{ border-top: 1px solid;
  border-color: #D6D9C9;
  list-style: none; 
  padding: 0px;
}

.sidebar .mod_navigation ul.level_1
{ margin: 4px 0px 4px 0px;
}

.sidebar .mod_navigation ul.level_2,
.sidebar .mod_navigation ul.level_3
{ margin: 4px 0px 4px 15px;
}

.sidebar .mod_navigation li a, 
.sidebar .mod_navigation li span
{ text-decoration: none; 
  padding: 4px 0px 4px 18px;
  margin: 0px 0px 0px 0px;
  display: block;
  background: transparent url(arrow.png) no-repeat left center;
  color: #555; 
} 

.sidebar .mod_navigation li a:hover,
.sidebar .mod_navigation li span:hover,
.sidebar .mod_navigation li a.active, 
.sidebar .mod_navigation li span.active
{ background: transparent url(arrow_select.png) no-repeat left center; 
}

.mod_newslist a:hover
{ background: transparent url(arrow_select.png) no-repeat left center; 
}

.mod_newslist a
{ margin: 4px 0px 4px 0px;
  padding: 4px 0px 4px 18px; 
  border-top: 1px solid;
  border-color: #D6D9C9;
  list-style: none;
  text-decoration: none; 
  display: block;
  background: transparent url(arrow.png) no-repeat left center;
  color: #555; 
}

#content
{ text-align: left;
  width: 505px;
  float: left;
  padding: 22px 15px 15px 15px;
}

/* Gaestebuch */
.ce_comments .info { 
	border-bottom: 1px solid;
}

.ce_comments .comment {
	margin-top: 5px; 
	margin-bottom: 15px;
}

.ce_comments .form {
	margin-top: 20px; 
}


#footer a,
#content a
{ border-bottom: 1px dotted;
  color: #555555;
  background: transparent;
  text-decoration: none;
}

#footer a:hover,
#content a:hover
{ border-bottom: 1px solid;
}

.ce_gallery a, 
.ce_gallery a:hover
{ text-decoration: none; 
  border-bottom: 0px solid;
}

#footer
{ width: 720px;
  height: 40px;
  border-top: 1px solid;
  padding: 28px 20px 4px 20px;
  text-align: center;
  background: #BCBCBC;
  color: #FFFFFF;
  border-color: #CCD0BA; 
}

/* Style sheet Typolight */
.clear
{
	height:0.1px;
	overflow:hidden;
	clear:both;
	font-size:0.1px;
	line-height:0.1px;
}

.invisible
{
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}