html, body { 
	 font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 line-height:1.3em;
	 color: #777670; 
	 background: #e7e4d2 url(images/bg.jpg);
	 margin: 0px;
	 }
	
img { border: 0px; }
a img { border: 0px; }
	
h1 {
	font-size: 11px;
	color: #a9a9a5;
	font-weight: normal;
	}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #4e4d49;
	}
	
ul { list-style: none; }
	
a:link { text-decoration:underline; font-weight: bold; color:#8b4b2f; }
a:visited { text-decoration:underline; font-weight: bold; color:#8b4b2f; }
a:hover { text-decoration:underline; font-weight: bold; color:#3e1300; }

.archiv {
	font-size: 13px;
	line-height:1.4em;
	font-weight: normal;
	color: #000000;
	margin-top: 43px;
	margin-left: 30px;
	}

.monate {
	font-size: 12px;
	line-height:1.4em;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 40px;
	}
	
.bild {
	float: left;
	margin-left: -20px;
	margin-top: -10px;
	}

.bild2 {
	float: right;
	}
		
.bild3 {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	}
		
.bild4 {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
	}
	
.textfeld {
	background: #f3f3f3;
	font-style: italic;
	padding: 15px;
	}
	
.absatz {
	padding-left: 25px;
	}

/* Aufbau */

#wrapper {
	position: relative;
	left: -60px;
	width:862px;
	height: auto;
	margin: 0 auto;
	padding-bottom:30px;
	}
	
#bg_wrapper {
	position: relative;
	width:862px;
	height: auto;
	background: #FFFFFF url(images/bg_wrapper.jpg);
	background-repeat: repeat-y;
	}

#header1 {
	position:relative; 
	margin: 0 auto;
	top:0px;
	width:862px; 
	height:128px;
	background: url(images/header1.jpg);
	}

#links {
	position:relative;
	margin-left: 640px;
	width:177px; 
	height:131px;
	z-index: 4;
	}

#aufleger {
	position:relative;
	margin-top: 0px;
	margin-left: 41px;
	width:153px; 
	height:343px;
	float:left;
	background: url(images/aufleger.jpg) no-repeat;
	z-index: 4;
	}
	
#header2 {
	position:relative; 
	margin: 0 auto;
	top:0px;
	width:862px; 
	height:185px;
	background: url(images/header2.jpg) no-repeat;
	}
		
#navi {
	margin-left: 175px;
	margin-top: 7px;
	position:relative; 
	top:0px; 
	width: 100%; 
	float: left;
	}

#content {
	position:relative; 
	width: 582px; 
	margin-left: 210px;
	margin-top: -115px;
	float: left;
	background: #FFFFFF;
	z-index: 3;
	}
	
#content_tage {
	position:relative; 
	width: 582px; 
	margin-left: 15px;
	margin-top: -115px;
	float: left;
	background: #FFFFFF;
	z-index: 3;
	}
	
#box1 {
	position:relative; 
	width: 185px;
	height: 280px; 
	float: left;
	margin-top: 30px;
	padding: 0;
	z-index: 3;
	}

#box2 {
	position:relative; 
	width: 185px; 
	height: 210px; 
	float: left;
	margin-left: 8px;
	margin-top: 30px;
	padding: 0;
	z-index: 3;
	}
	
#box3 {
	position:relative; 
	height: 210px; 
	width: 185px; 
	float: left;
	margin-left: 8px;
	margin-top: 30px;
	padding: 0;
	z-index: 3;
	}

#footer {
	position:relative; 
	width:100%;
	height:55px; 
	float: left;
	margin-bottom: -2px;
	padding-left: 210px;
	padding-top: 10px;
	background: url(images/footer.jpg) no-repeat;
	}	
#footer a:link, #footer a:visited{ text-decoration:underline; font-weight: bold; color:#b68d7c; }
#footer a:hover{ text-decoration:underline; font-weight: bold; color:#7e5747; }
	
/* Navigation */

.home   {
	display: block;
	height:35px;
	width: 65px;
	background:url(images/buttons/home.gif) top no-repeat;
	float: left;
	}

.home:hover {
	background: url(images/buttons/home.gif) bottom no-repeat;
	float:left;
	}
	
.tagebuch   {
	display: block;
	height:35px;
	width: 125px;
	background:url(images/buttons/tagebuch.gif) top no-repeat;
	float: left;
	}

.tagebuch:hover {
	background: url(images/buttons/tagebuch.gif) bottom no-repeat;
	float:left;
	}

.mich   {
	display: block;
	height:35px;
	width: 97px;
	background:url(images/buttons/mich.gif) top no-repeat;
	float: left;
	}

.mich:hover {
	background: url(images/buttons/mich.gif) bottom no-repeat;
	float:left;
	}
	
.rudel   {
	display: block;
	height:35px;
	width: 103px;
	background:url(images/buttons/rudel.gif) top no-repeat;
	float: left;
	}

.rudel:hover {
	background: url(images/buttons/rudel.gif) bottom no-repeat;
	float:left;
	}
	
.bilder   {
	display: block;
	height:35px;
	width: 68px;
	background:url(images/buttons/bilder.gif) top no-repeat;
	float: left;
	}

.bilder:hover {
	background: url(images/buttons/bilder.gif) bottom no-repeat;
	float:left;
	}
	
.gaeste   {
	display: block;
	height:35px;
	width: 104px;
	background:url(images/buttons/gaeste.gif) top no-repeat;
	float: left;
	}

.gaeste:hover {
	background: url(images/buttons/gaeste.gif) bottom no-repeat;
	float:left;
	}

.kontakt   {
	display: block;
	height:35px;
	width: 88px;
	background:url(images/buttons/kontakt.gif) top no-repeat;
	float: left;
	}

.kontakt:hover {
	background: url(images/buttons/kontakt.gif) bottom no-repeat;
	float:left;
	}
	
.links   {
	display: block;
	height:131px;
	width: 177px;
	background:url(images/links.jpg) top no-repeat;
	float: left;
	}

.links:hover {
	background: url(images/links.jpg) bottom no-repeat;
	float:left;
	}
	
/* GÄSTEBUCH */
	
INPUT {
  color: black;
  font-size: 11px;
  font-family: Lucida Sans;
  padding: 2px;
  border: 1px solid #777670;
  margin: 3px;
}

SELECT {
  font-size: 11px;
  font-family: Lucida Sans;
  border: 1px solid #777670;
  margin: 3px;
}

TEXTAREA {
  color: black;
  font-size: 11px;
  font-family: Lucida Sans;
  border: 1px solid #777670;
  width: 300px;
  margin: 3px;
}

.eintrag .titel {
  text-decoration: none;
  border:none;
  width: 100%;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
  margin: -3px -3px 3px;
  display: block;
  background-color: #e5e4de;
  font-size: 11px;
}

.eintrag .comment {
  text-decoration: none;
  border: solid 1px #cdcdcd;
  width: 100%;
  text-align: left;
  font-style: italic;
  vertical-align: middle;
  padding: 5px 5px 5px 5px;
  margin: 2px -3px -3px -3px;
  display: block;
  background-color: #FFFFFF;
  font-size: 11px;
}