/*********************************************************/
/* Guestbook                                             */
/*********************************************************/
#content h2 {
   padding-top: 20px;
}

#gbookV {
   clear: both;
   margin: 0px 0px 0px 0px;
   padding: 0px 20px 0px 20px;
}
div.gbEntry {
   background-image: url(trenner_v.png);
   background-repeat: repeat-y;
   border: 1px solid #FFF;
}

div.infPerson {
   float: left;
   width: 135px;
   text-align: center;
}
div.infPerson p {
   clear: left;
   text-align: center;
   font-size: 0.8em;
   line-height: 1.2em;
}
div.infPerson p strong {
   font-size: 1.2em;
}
img.mail {
   background-image: url(sym_mail.png);
   background-position: 0px 0px;
}
img.mail:hover {
   background-position: 16px 0px;
}
img.home {
   background-image: url(sym_home.png);
   background-position: 0px 0px;
}
img.home:hover {
   background-position: 16px 0px;
}
div.infContent {
   float: right;
   width: 450px;
   line-height: 1.6em;
   padding: 4px;
   margin: 6px 10px 6px 0px;
}
img.gbAvatar {
   text-align: center;
   padding: 5px 20px;
}
div.gbComment {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
  line-height: 1.5em;
  background-image:url(comment.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
  color: #999999;
}
div.gbComment span {
   color: #2B4EA3;
}

.statusInfo {
  margin: 20px 10px 10px 10px;
  padding: 20px 0px 20px 140px;
  background-image:url(symReady.png);
  background-position: 10px 0px ;
  background-repeat: no-repeat;
  font-size: 12pt;
  font-weight: bold;
}
img.smileyBtn {
   padding: 2px 4px 2px 4px;
   border: 1px solid #F3F3F3;
}
img.smileyBtn:hover {
   border: 1px solid #CCCCD7;
}
div.gbStep {
   text-align: center;
   border: 1px solid red;
   clear: both;
   margin: 15px 10px 15px 0px;
   padding: 2px;
}

div.yes, div.no {
   text-align: center;
   background-image: url(shield_ok.png);
   background-repeat: no-repeat;
   background-position: 60px 10px;
   padding-left: 180px;
   font-size: 1.6em;
   height: 190px;
}
div.no {
   background-image: url(shield_error.png);
}

div.no p {
   padding: 35px 25px 0px 30px;
   color: #990000;
}
div.yes p {
   padding: 35px 25px 0px 30px;
   color: #339900;
}

input.err, textarea.err {
  color: #A30303;
  border: 1px solid #B40000;
  margin: 0px 0px 2px 0px;
  padding: 2px;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1em;
}
input.ok, textarea.ok {
  color: #000066;
  margin: 0px 0px 2px 0px;
  padding: 2px;
  font-family: "Courier New", Courier, monospace;
  border: 1px solid #CCCCD7;
  background-color: #FFF;
  font-size: 1.1em;
}
input {
   width: 360px;
}

textarea {
   float: left;
   width: 470px;
   height: 200px;
}

div.steps {
   padding: 0;
   margin: 10px 0px 10px 35px;
}

div.step, div.stepS {
   float: left;
   padding: 12px 0px 0px 0px;
   margin: 0px 25px 0px 0px;
   text-align: center;
   width: 40px;
   height: 28px;
   vertical-align: middle;
   font-size: 14pt;
   color: #CCCCCC;
   background-color: #F2F2F2;
}
div.stepS {
   color: #666666;
   background-color: #CCCCCC;
}
.red {
   color: #FF0000;
}

.rex_image {
   float: right;
   padding-left: 15px;
}

#smileys {
   border: 1px solid #DCDCDC;
   width: 50px;
   height: 200px;
   float: right;
   padding: 2px;
}

/* Eingabeformular Gaestebuch */
#gbInput {
   padding: 20px 20px 0px 40px;
}
#gbInput p {
   padding: 0px 0px 30px 0px;
   margin: 0;
}
div.label {
   clear: both;
   float: left;
   width: 90px;
}
div.label span {
   color: #FF0000;
}

#inputArea {
   clear: both;
   border: 1px solid #DCDCDC;
   background-color: #FFF;
   width: 580px;
}
#inputArea textarea {
   margin: 0;
   border: 0;
   width: 575px;
}
#inputArea.err {
   border: 1px solid #990000;
}
#inputArea.err textarea {
   color: #990000;
}



#toolbar {
   border-bottom: 1px solid #DCDCDC;
   background-color: #F3F3F3;
   height: 22px;
   padding: 2px;
}

input.submit {
   width: auto;
   margin-right: 26px;
   padding: 4px 6px;
   font-size: 0.8em;
   color: #8F8F8F;
   border: 1px solid #8F8F8F;
   background-color: #FFF;
}
input.submit:hover {
   width: auto;
   padding: 4px 6px;
   font-size: 0.8em;
   color: #000;
   border: 1px solid #000;
   background-color: #F3F3F3;
}

#fehler {
   background-image: url(info_back.png);
   border: 1px solid #FEE7C7;
   background-color: #FFF8EE;
   color: #990000;
   line-height: 1.8em;
   padding: 10px 20px 20px 20px ;
   margin: 10px;
}