/* GENERAL */

body {
  text-align: center;
  font-family: "Verdana", sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #4D4D4D;  
}

a:link, a:visited {
  text-decoration: none;
  color: #174A95;
}

a:hover {
  text-decoration: underline;
  color: #2263C3;
}

a.hier {
color: #000000;
}

.no_border {
  border: 0px;
}

/* LAYOUT */

#root {
  width: 500px;
  text-align: left;
  margin: 0px auto;
  background: none;
}

/* GUESTBOOK */

.gaestebuch {
  width: 500px;
  text-align: left;
  border-collapse: collapse;
  color: #000000;
  padding: 0 2px;
  margin-bottom: 10px;
}

.gaestebuch th.name {
  width: 60%;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
  color: #e4f1ff;
  background-color: #135197;
  border: 1px solid #6792C2;
  padding: 2px 0 2px 4px;
}

.gaestebuch td.links {
  width: 40%;
  text-align: center;
  background-color: #135197;
  border: 1px solid #6792C2;
  padding: 2px 0 2px 4px;
}

.gaestebuch img.icon {
  border: 0px;
  margin: 0 4px;
  color: #FFFFFF;
}

.gaestebuch td.date {
  text-align: left;
  font-size: 10px;
  color: #426c96;
  background-color: #b2d0ee;
  border: 1px solid #4d7aaa;
  padding: 2px 4px 2px 4px;
}

.gaestebuch td.message {
  font-size: 11px;
  color: #2c4259;
  background-color: #e6f2ff;
  border: 1px solid #7096bf;
  padding: 4px;
}

.gaestebuch div.comment {
  width: 476px;
  margin: 6px 3px 4px 3px;
  color: #424b54;
  background-color: #f3f8fd;
  border: 1px solid #d9e3ed;
  font-size: 11px;
  font-style: italic;
  padding: 3px;
}

/* FORM */

.add_entry td {
  vertical-align: top;
}

.add_entry th.title {
  font-size: 13px;
  text-align: left;
  font-weight: bold;
  color: #135197;
  padding: 2px 0;
}

input, textarea {
  font-family: "Verdana", sans-serif;
  font-weight: normal;
  font-size: 11px;
}

.input {
  width: 340px;
  border: 1px solid #c8c8c8;
  color: #2e2e2e;  
  padding-left: 4px;
  padding-right: 4px;
}

.textarea {
  height: 130px;
}

.input.captcha {
  text-align: center;
  width: 60px;
}

.input:hover {
  border: 1px solid #4378bf;
}

.input:focus {
  border: 1px solid #4378bf;
}

.submit {
  float: right;
  height: 19px;
  color: #0e2f52;
  font-weight: bold;
  background-image: url(http://www.bertel-express.de/FlexiPanel/images/design/button_bg.jpg);
  background-repeat: repeat-x;
  border: 1px solid #bcbcbc;
}

.submit:hover {
  border: 1px solid #788ba3;
}

/* SYSTEM MESSAGES */

.error {
  width: 490px;
  color: #900000;
  background-color: #ff8585;
  border: 1px solid #f97373;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 4px;
  background-image: url(http://www.bertel-express.de/FlexiPanel/images/design/error.png);
  background-repeat: no-repeat;
  background-position: 464px 4px;
}

.success {
  width: 490px;
  color: #387a03;
  background-color: #a4ff5b;
  border: 1px solid #90e948;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 4px;
  background-image: url(http://www.bertel-express.de/FlexiPanel/images/design/success.png);
  background-repeat: no-repeat;
  background-position: 464px 4px;
}

.error ul, .success ul {
  margin: 0px;
  padding: 0px;
  padding-left: 14px;
  list-style-type: circle;
}

.error li, .success li {
  padding: 1px;
  font-size: 11px;
  font-weight: normal;
}

/* SITE BAR */

.site_bar {
  text-align: center;
  color: #2B2B2B;
  padding-top: 4px;
  padding-bottom: 4px;
}

.site_bar b {
  margin-left: 2px;
  margin-right: 2px;
}

.site_bar a:link, .site_bar a:visited {
  font-size: 11px;
  text-decoration: none;  
  color: #bbbbbb;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 2px;
  margin-right: 2px;
}

.site_bar a:hover {  
  color: #0e2c45;
  background-color: #d5e4f0;
  border: 1px solid #b3c9db;
}

/* QUOTATIONS */

div.quote {
  width: 476px;
  margin: 6px 3px 4px 3px;
  color: #424b54;
  background-color: #f3f8fd;
  border: 1px solid #d9e3ed;
  font-size: 11px;
  font-style: italic;
  padding: 3px;
}