body {
  background-image: url( 'img/bg.png' );
  background-color: #061421;
  background-repeat: no-repeat;
  background-position: top center;
  
  margin: 0px;
  padding: 0px;
  height: 100%;
}

html {
  height: 100%;
}

#wrapper {
  position: absolute;
  left: 50%;
  width: 1000px;
  height: 100%;
  margin-left: -500px;
}

#logo {
  margin: 30px 10px;
  border: none;
}

#search {
  position: absolute;
  right: 20px;
  top: 55px;
  padding: 0px;
  margin: 0px;
  background-image: url( 'img/suchfeld.png' );
  background-repeat: no-repeat;
  width: 225px;
  
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#search input {
  padding-left: 42px;
  margin: 0px;
  background-color: transparent;
  border: none; 
  line-height: 38px;
  font-family: "Lucida Grande", "Helvetica", Verdana, sans-serif;
  font-size: 19px;
  color: #304F67;
  width: 225px;
  height: 38px;
  outline: none;
}

#page-selector {
	text-align: center;
	margin: 20px 0;
	padding: 0;
	}

#page-selector a {
	color: #2277dd;  
  font-family: "Helvetica", Verdana, sans-serif;
  font-size: 18px;
  text-shadow: #f7f7f7 1px 1px;
  text-decoration: none;
  padding: 2px;
	}

#page-selector a.current-page {
	border: 1px solid #999999;
	color: #99999;
}

.bar td {
  height: 39px;
}

.bar .left {
  background-image: url( 'img/bar-left.png' );
  width: 7px;
}

.bar .right {
  background-image: url( 'img/bar-right.png' );
  width: 7px;
}

.bar .center {
  background-image: url( 'img/bar-center.png' );
  text-align: right;
  padding: 0px 20px;
}

#main {
  background-color: #DEDEDE;
  background-image: url( 'img/content.png' );
  background-repeat: repeat-x;
  border-left: 1px solid #242424;
  border-right: 1px solid #242424;
  height: 80%;
}

.content {
  padding: 0px 50px 10px 103px;
  font-family: "Helvetica", Verdana, sans-serif;
  font-size: 16px; /*18px;*/
  color: #2a2929;
  text-shadow: #f7f7f7 1px 1px;
  line-height: 20px;
  letter-spacing:  0.1em;
}

.content h1{
  font-family: "Helvetica", Verdana, sans-serif;
  font-size: 34px; /*36px;*/
  line-height: 36px;
  font-weight: bold;
  color: #2a2929;
  text-shadow: #f7f7f7 1px 1px;
  margin: 0px;
  padding: 0px;
}

.content h1 a {
  font-family: "Helvetica", Verdana, sans-serif;
  color: #2a2929;
  text-decoration: none;
}

.datum {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 63px;
  height: 65px;
  background-image: url( 'img/datum.png' );
  color: white;
  font-family: "Helvetica", Verdana, sans-serif;
  text-shadow: #3e3e3e 0px 1px 1px;
  text-align: center;
  font-weight: bold;
  letter-spacing:  0em;
}

.datum p {
  padding: 0px;
  margin: 0px;
  font-size: 36px;
  line-height: 34px;
  margin-top: 3px;
}

.navi {
  background-image: url( 'img/navi.png' );
  background-repeat: repeat-y;
  width: 198px;
}

.navi .buttons {
  background-image: url( 'img/shadow.png' );
  padding-bottom: 12px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.navi .buttons a{
  display: block;
  line-height: 51px;
  background-image: url( 'img/button.png' ); 
  text-align: center;
  padding-left: 15px;
  
  font-family: "Helvetica", Verdana, sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-decoration: none; 
  color: #825716;
  text-shadow: #fbe6c8 0px 1px 2px;
}

.navi .buttons a:hover {
  background-image: url( 'img/button-hover.png' ); 
  color: white;
  text-shadow: #2c1c03 0px 1px 2px;
}

.navi .buttons a.aktiv {
  background-image: url( 'img/arrow.png' ); 
  color: white;
  text-shadow: #2c1c03 0px 1px 2px;
}

.sourcecode {
  width: 600px; 
  overflow: auto; 
  border: 1px dotted grey;
  text-shadow: none;
  background-color: #E7E7E7;
  font-size: 12px;
  letter-spacing: 0em;
  padding: 5px;
}

.editlink {
  position: absolute;
  top: 65px;
  left: 20px;
  
  display: block;
  width: 63px;
  
  color: #2a2929;
  text-shadow: #f7f7f7 1px 1px;
  text-decoration: none;
  text-align: center;
  font-family: "Helvetica", Verdana, sans-serif;
  font-size: 48px;
  font-weight: bold;
}

.readmore {
  position: absolute;
  bottom: 0px;
  right: 50px;
  
  font-size: 40px;
  font-weight: bold;
  color: #2a2929;
  text-shadow: #f7f7f7 1px 1px;
  text-decoration: none;
  font-family: "Helvetica", Verdana, sans-serif;
}