body {
  margin:             0;
  padding:            0;
  background-image:   url(Hintergrund.png);
  background:         #707874;
	font-family:        Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size:          9px;
	color:              #f5f5f5;
}

#Seite {
  
}

#news {
  margin: 15px;
  color: #b0bab4;
}

#mitte {
  display: none;
}

#links {
  text-align: right;
  width: 48%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 30% 0 0 0;
}

#rechts {
  width: 48%;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 30% 0 0 0;
  
}

#links_content {
  text-align: right;
  width: 48%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 10px 0 10px 10px;
}

#rechts_content {
  width: 48%;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 10px 10px 10px 0;
}

a {
  color:#f5f5f5;
  text-decoration:none;
  
}

p a {
  display: block;
}

p {
  /*text-align: justify;*/
  padding: 0;
  margin: 0;
}

p img {
  display: block;
}

#links p img {
  margin: 0 0 0 auto;
}

#links p {
  width: 260px;
  margin: 0 0 0 auto;
}

#rechts p {
  width: 290px;
  margin: 0 auto 0 0;
}

ul {
  padding:0;
  margin:10px 0 0 0;
  list-style:none;
}

#links ul {
  text-align: right;
}

#rechts ul {
  text-align: left;
}

/*

	Theme: Almanac
	for folderblog 3 (http://folderblog.tetto.org/)

	Author: John Wrana
	Author URI: http://www.jowra.de/

	Updated on: 2005-07-06
	
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

textarea, input {
	background: #606866;
	border: 1px solid #898E8B;
	margin: 0 0 5px 0;
	padding: 1px 3px;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #e5e7e5;
	vertical-align: middle;
}

textarea {
	margin: 3px 0 5px 0;
}

#submit {
	padding: 0 3px 2px 3px;
	margin: 0;
	height: 22px;
	width: 50px;
	color: #F9E9B9;
}

#check {
	padding: 0;
	margin: 0 0 0 10px;
}

form {
	margin: 0;
	padding: 0;
}

#h_left {
	float: left;
	width: 500px;
	text-align: left;
}

#h_left ul, #h_left li, #h_left a {
  display: inline;
  list-style:none;
  margin:0;
  padding:0;
}

#h_left li {
  padding-right: 5px;
}

#h_center {
}

#h_right {
	float: right;
	width: 200px;
	text-align: right;
}
#pictmenu {
  text-align: left;
}

#container {
	background: transparent;
	margin: 0 auto;
	padding: 25px 0 25px 0;
}

#container img {
	margin: 0;
	padding: 6px;
	border: 1px solid #555;
	background: #d5d9d5;
}

#container_archive {
	background: url(almanac/archive.gif) top center no-repeat;
	margin: 25px auto 0 auto;
	padding: 45px 0 25px 0;
	width: 490px;
}

#container_archive img {
	margin: 0;
	padding: 5px;
	border: 1px solid #555555;
	background: #d5d9d5;
}

#container  a, #container_archive a {
	color: #f5f5f5;
}

#container  a:hover, #container_archive a:hover {
	color: #233;
}

#date {
	line-height: 1.4em;
	padding: 0;
	margin: 5px 0 0 0;
	color: #F9E9B9;
	float: left;
	text-align: left;
  
}

#text {
	line-height: 1.4em;
	padding: 0 0 0 10px;
	margin: 5px 0 0 10px;
	color: #f5f5f5;
	float: left;
	border-left: 1px solid #a0a5a0;
	width: 200px;
	text-align: left;
}
	
#exif {
	line-height: 1.4em;
	padding: 0;
	margin: 5px 0 0 0;
	color: #f5f5f5;
	float: right;
	text-align: right;
	width: 150px;
}

#comments {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: left;
	display: none;
}

#comments a {
	color: #233;
}

#comments a:hover {
	color: #a00;
}

.clear {
	clear: both;
}

.fbmenuthumb {
	float: left;
	margin: 5px;
}

.fbcomthumb {
    float: left;
	margin: 3px 5px 75px 0;
	padding: 0;
}

.fbcomment {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #a0a5a0;
	color: #e9e9e9;
}

.fbcommentlist {
	color: #233;
	float: right;
	margin: 0;
	padding: 45px 0 0 0;
	background: url(almanac/comments.gif) top left no-repeat;
}

.fbexifinfo {
  float: left;
  margin: 0;
	padding: 45px 0 0 0;
	background: url(almanac/information.gif) top left no-repeat;
  font-size:9px;
}

.fbthiscat{
  font-weight: bold;
}

/*
	about page.
	if you don't use something like an about-page you could delete this part or comment it out.
*/

#about_container {
	background: transparent;
	margin: 0 auto;
	padding: 25px 0;
	width: 662px;
	color: #e5e9e9;
}

#about_container p {
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: 1em;
	line-height: 1.6em;
}

#about_left, #about_middle, #about_right {
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: justify;
}

#about_left {
	padding-right: 15px;
	float: left;
	border-right: 1px solid #808986;
}

#about_middle {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #808986;
}

#about_right {
	padding-left: 15px;
	float: right;
}

.about_icon {
	margin: 3px 6px 0 0;
	padding: 0;
	border: 1px solid #555;
	float: left;
}

.about_header {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}