body {
  background-color: #FFF;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  color: #586670;
  background-image: url(../images/layout/body_bg.gif);
  background-repeat: no-repeat;
  background-position: center top;
}

#wrapper {
  background-color: #FFF;
}

#content p {
  width: 460px;
  font-size: 12px;
  line-height: 2.3;
}

#content h2 {
  font-size: 20px;
  line-height: 32px;
  color: #B9C838;
  clear: both;
}

#content h1 {
  font-size: 34px;
  line-height: 32px;
  text-transform: lowercase;
  clear: both;
}

#content a,#content a:visited, #content a:active {
  color: #586670;
  text-decoration: underline;
}

#content a:hover {
  background-color: #586670;
  color: #FFF;
  text-decoration: none;
}

#content .date {
  font-family: "Georgia", serif;
  color: #586670;
  font-weight: bold;
}

#content .location {
  font-size: 12px;
  font-style: italic;
}

#content ul li {
  font-family: monospace;
  font-size: 14px;
  line-height: 32px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 460px;
}

/* Bilder */

.left {
  float: left;
}


.right {
  float: right;
}

#content img {
  float: left;
  padding-right: 10px;
  border: 0px;
}

/* Kontaktformular */

#content label.contact {
  font-size: 10px;
  color: #859aa8;
}

#content textarea.contact, #content .wmdspecial textarea.wmd-ignore {
  width: 460px;
  height: 190px;
  color: #000;
  font-family: "Courier New", "Courier", monospace;
  font-size: 18px;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-bottom: 1px dashed #859aa8;
  display: inline;
  background-image: url(../images/layout/textarea_bg.gif);
  background-repeat: repeat;
}

#content input.contact {
  width: 200px;
  color: #000;
  font-family: "Courier New", "Courier", monospace;
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-bottom: 1px dashed #859aa8;
  display: inline;
}

#content input#message_submit.contact {
  padding: 1px;
  border: 1px solid #EEE809;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #859aa8;
  display: inline;
  margin: 0px;
  background-color: 1px solid #586670;
}

/* Sonstige Formular, erst required, dann optional */

#content .required {
  color: #586670;
  clear: both;
  margin-bottom: 20px;
}

#content .optional {
  color: #859aa8;
  clear: both;
  margin-bottom: 20px;
}

#content .label {
  float: left;
  width: 220px;
}

#content .submit {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

#content .help {
  font-size: 10px;
  clear: both;
}

#content .field {
  margin-left: 20px;
}

#content .field input {
  width: 280px;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  color: #000;
}

#content .field textarea {
  width: 280px;
  height: 190px;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  color: #000;
}

#content .textile textarea {
  width: 580px;
  height: 460px;
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  color: #000;
}

/* Company Companies Unternehmen Firma Firmen */

.company {
  margin: 0px;
  margin-bottom: 60px;
  width: 460px;
}

.companylogo {
  float: right;
}

#content h2.companytitle {
  width: 300px;
  font-size: 24px;
  margin: 0px;
  padding: 0px;
  color: #586670;
  clear: none;
}

#content p.companydescription {
  font-size: 12px;
}

#content p.companyfacts {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #859aa8;
}

#content p.companyfacts a {
  color: #859aa8;
  text-decoration: underline;
}

#content p.companyfacts a:hover {
  background-color: #FFF;
  text-decoration: none;
}

h3.companysubline {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

#content ul.projectlist {
  list-style-type: none; 
  margin: 0px;
  padding: 0px;
  width: 300px;
}

#content ul.projectlist li {
  margin: 0px;
  padding: 0px;
  padding-left: 12px; background-image:url(../images/layout/listed.gif); background-repeat:no-repeat; background-position: 0px;
  font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 12px;
  line-height: 32px;
  color: #859aa8;
}

#content ul.projectlist li a, #content ul.projectlist li a:visited, #content ul.projectlist li a:active {
  text-decoration: none;
  color: #859aa8;
}

#content ul.projectlist li a:hover {
  text-decoration: underline;
  background-color: #FFF;
  color: #859aa8;
}

/* Projects Projekte */

#content h2.projecttitle {
  margin: 0px;
  font-size: 24px;
  line-height: 42px;
}

#content h3.projectsubline {
 margin: 0px; 
}

#content p.projectfacts {
  font-size: 10px;
  color: #859aa8;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
}

#content .projectfacts b {
  color: #586670;
}

#content fieldset.projectblock p.projectfacts {
  width: 200px;
}

fieldset.projectblock {
  width: 200px;
  padding: 10px;
  margin: 20px;
  margin-left: 0px;
  float: left;
  background-color: #FFF;
  border: solid 1px #859aa8;
}

#content legend.projectblock {
  font-size: 16px;
  color: #859aa8;
}

/* Events Kalender*/

#content .event {
  width: 400px;
}

#content h2.eventtitle {
  clear: both;
  margin-bottom: 5px;
}

#content h2.eventtitle a, #content h2.eventtitle a:visited, #content h2.eventtitle a:active {
  display: block;
  color: #EEE809;
  text-decoration: none;
}

#content h2.eventtitle a:hover {
  background-color: #EEE809;
  color: #FFF;
}

#content .eventday {
  width: 70px;
  float: left;
}

#content .eventcontent {
  margin-bottom: 20px;
}

#content p.eventfacts {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #859aa8;
}

#content p.eventfacts a {
  color: #859aa8;
  text-decoration: underline;
}

#content p.eventfacts a:hover {
  background-color: #FFF;
  text-decoration: none;
}

#content .eventfacts b {
  color: #586670;
}

p.eventdescription {
  margin: 0px;
  padding: 0px;
}

/* Nachrichten-Liste */

#content .messagetitle {
  width: 460px;
}

#content h2.messagetitle a, #content h2.messagetitle a:visited, #content h2.messagetitle a:active {
  display: block;
  color: #859aa8;
  text-decoration: none;
}

#content h2.messagetitle a:hover {
  background-color: #859aa8;
  color: #FFF;
}

/* Blog Posts */

.post {
  margin-bottom: 40px;
}

#content h2.posttitle {
  margin: 0px;
  font-size: 24px;
  line-height: 42px;
}

#content h2.posttitle a, #content h2.posttitle a:visited, #content h2.posttitle a:active {
  text-decoration: none;
  color: #B9C838;
}

#content h2.posttitle a:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #859aa8;
}

#content .postcontent p {
  font-size: 12px;
}

#content p.postfacts {
  font-size: 10px;
  color: #859aa8;
}

#content .postfacts b {
  color: #586670;
}

#content h3.blogsubline {
  font-size: 18px;
}

/* Blog Comments */

.comment {
  margin-bottom: 18px;
}

#content p.commentbody {
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}

#content p.commentfacts {
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  color: #859aa8;
}

#content p.commentfacts a {
  color: #859aa8;
}

#content p.commentfacts a:hover {
  color: #FFF;
  background-color: #859aa8;
}

#content p.commentform {
  font-size: 10px;
  color: #859aa8;
}

/* Zusatz Facts */

#content .small {
  font-size: 80%;
}

.startblock {
  border: 1px solid #586670;
  background-color: #FAFAFA;
  padding: 10px;
  margin: 0px;
  width: 430px;
}

legend {
  font-weight: bold;
  font-size: 12px;
}

/* Start Seite Home */

#content h3.startsubline {
  font-size: 12px;
  margin: 0px;
  margin-bottom: 0px;
}

#content #startevent h3.startsubline {
  color: #FFF;
}

#startevent {
  width: 380px;
  height: 240px;
  margin-left: 230px;
  margin-top: -30px;
  background-image: url(../images/layout/startevent_bg.gif);
}

#startevent .event {
  width: 320px;
  margin-left: 50px;
  padding-top: 40px;
}

#startevent h2.eventtitle {
  width: 320px;
  margin: 0px;
  font-size: 14px;
  color: #FFF;
  margin-top: 2px;
}

#startevent p.eventdescription {
  width: 320px;
  color: #FFF;
}

#startevent p.eventfacts {
  width: 320px;
  font-size: 9px;
  color: #FFF;
}

#startpost {
  margin-top: -40px;
}

#startpost .post h2.posttitle {
  width: 480px;
}

/* WMD Stuff */

.wmd-preview {
  background-color: #EEE;
}