body, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6 {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  color: #000;
}

body {
  background-color: #999999;
  background-image: url('images/body_bg.gif');
  background-position: left top;
  text-align: center;
}

#layout {
  width: 998px;
  background-color: #fff;
  border: 1px solid #222;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  text-align: left;
}

/* Definition der Attribute für 'header' */
#header {
  background-color: none;
  text-align: left;
  height: 92px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  border: 0;
}

#header img {
  float: left;
  margin: 11px -10px -10px 15px;
}

#header ul {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  padding: 0;
  list-style-type: none;
}

#header ul li {
  float: left;
  padding: 0 3px 1px 3px;
  line-height: 14px;
  border-right: 1px solid #fff;
}

#header ul li a {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

#navi {
  clear: both;
  background-color: none;
  width: 998px;
  border-bottom: 1px solid #222;
  margin-top: -15px;
}

* html #navi, *+html #navi {
  margin-top: 0;
}

#navi ul {
  float: left;
  margin-left: 323px;
  border-left: 1px solid #222;
  list-style-type: none;
  padding: 5px 0;
}

* html #navi ul {
  margin-left: 161px;
}

#navi ul li {
  float: left;
  padding: 0 8px;
  border-right: 1px solid #d11b40;
}

#navi ul li a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #222;
}

#left {
  background-color: #c6c6c6;
  float: left;
  width: 324px;
  height: 530px;
  border: 0;
  font-size: 11px;
}

#left ul {
  display: block;
  background-color: #fff;
  list-style-type: none;
  margin-left: 15px;
}

#left ul li {
  float: left;
  padding: 0 1px;
}

#left ul li img { 
  border: 0;
  margin-bottom: 0;
}

#left .lbox_top {
  background-color: #c6c6c6;
  background-image: url('images/lbox_top.gif');
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: 12px;
  margin-top: 12px;
  width: 300px;
  height: 12px;
}

#left .lbox {
  background-color: #fff;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  color: #222;
  margin-left: 12px;
  width: 300px;
}

#left .lbox h1 {
  font-size: 12px;
  font-weight: bold;
  margin-left: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  color: #555;
}

#left .lbox p {
  font-size: 10px;
  margin-left: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  color: #555;
}

#left .lbox img {
  border: 0;
  margin-left: 8px;
}

#left .lbox_bottom {
  background-color: #c6c6c6;
  background-image: url('images/lbox_bottom.gif');
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: 12px;
  width: 300px;
}

/* Definition der Attribute für 'content' */
#content {
  background-color: #c6c6c6;
  background-image: url('images/content_bg.jpg');
  background-repeat: no-repeat;
  background-position: 12px 12px;
  float: left;
  width: 620px;
  height: 470px;
  overflow: auto;
  padding: 30px 24px 30px 30px;
  margin: 0 0 0 -1px;
  border-left: 1px solid #222;
}

#content h1 {
  margin-bottom: 8px;
  font-size: 14px;
}

#content h5 {
  margin: 8px 0;
  text-align: center;
  font-size: 13px;
}

#content p {
  margin-bottom: 8px;
  font-size: 14px;
}

#content img {
  margin-bottom: 8px;
}

#content ul {
  list-style-type: disc;
  list-style-position: inline;
  margin-left: 20px;
  margin-bottom: 8px;
  font-size: 14px;
}

#content ul li {
  font-size: 14px;
  padding-bottom: 3px;
}

#content ul li div {
  font-size: 14px;
}

#content ol {
  margin-left: 20px;
  margin-bottom: 8px;
  font-size: 14px;
}

#content ol li {
  font-size: 14px;
  padding-bottom: 4px;
}

#content .gb_pagination {
  margin-bottom: 15px;
}

#content .gb_header {
  width: 607px;
  border: 1px solid #333;
  background-color: #aaa;
  color: #fff;
  padding: 3px;
}

#content .gb_header h2 {
  float: left;
  width: 435px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

#content .gb_header p.gb_date {
  float: left;
  width: 170px;
  font-size: 12px;
  text-align: right;
}

#content .gb_header p.clear {
  clear: both;
  font-size: 12px;
  text-align: left;
}

#content .gb_header .gb_clear {
  clear: both;
  height: 1px;
}

#content .gb_entry {
  clear: both;
  width: 607px;
  border: 1px solid #333;
  border-top: 0;
  background-color: #fff;
  color: #000;
  padding: 3px;
}

#content .gb_comment {
  width: 607px;
  border: 1px solid #333;
  border-top: 0;
  background-color: #efefef;
  color: #000;
  padding: 3px;
}

#content .gb_field {
  margin-bottom: 12px;
}

#content .gb_field label {
  float: left;
  width: 140px;
}

#content .gb_field input {
  float: left;
  width: 350px;
}

#content .gb_field textarea{
  float: left;
  width: 350px;
  height: 60px;
}

#content .gb_field input.tx-guestbook-submit {
  width: 80px;
  margin-left: 210px;
  margin-top: 20px;
}

#content .photo_thumb {
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 3px;
  border: 0;
}

#content .tx-gooffotoboek-pi1 img {
  border: 0;
}

#content .photo_thumb img {
  border: 0;
}

#content .single_photo img {
  border: 1px solid #666;
}


	
/*****************************/
/* Content-Form-Styles Begin */
/*****************************/

#content .contact {
  padding-left: 0;
}

#form_left  {
  float: left;
  width: 305px;
  font-size: 9px;
}

* html #form_left {
  width: 302px;
}

#form_right {
  font-size: 9px;
}

#content .contact label {
  clear: both;
  float: left;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  width: 70px;
  padding-top: 0px;
  padding-left: 3px;
  margin-top: 5px;
  margin-bottom: 0;
}

#content .contact input {
  float: left;
  background-color: #e9e9e9;
  color: #555;
  width: 335px;
  margin-top: 1px;
  font-size: 10px;
  border: 1px solid #999;
}

#content .contact #firma {
  background-color: #e9e9e9;
  color: #555;
  width: 335px;
  margin-top: 1px;
  font-size: 10px;
}

#content #plz {
  width: 37px;
  margin-right: 4px;
}

#content #ort {
  width: 290px;
  margin-left: 0px;
}

* html #content #ort { width: 186px; }

#content textarea {
  background-color: #e9e9e9;
  color: #555;
  width: 335px;
  height: 80px;
  overflow: auto;
  margin-top: 1px;
  border: 1px solid #999;
}

#content input.submit {
  font-size: 11px;
  width: 70px;
	margin-left: 140px;
}

#content input.reset {
  font-size: 11px;
  width: 70px;
	margin-left: 130px;
}

/*****************************/
/* Content-Form-Styles End   */
/*****************************/


