@font-face {
  font-family: header;
  src: url('header.ttf');
}

body {
  background-color: #fff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #383838; /*#464646; */

  margin: 0;
  padding: 0;
  border: none;
/*    height: 100%;  */
}

.fehler {
  padding: 10px;
  border:2px solid #EE2C2C;
  margin-bottom: 10px;
  background-color: #EFEFEF;
}

.nachricht {
  padding: 10px;
  border:2px solid #339900;
  margin-bottom: 10px;
  background-color: #EFEFEF;
}

#content {
  width: 900px;
  margin: 0px auto;
  padding: 10px 0;
/*     min-height:100%;    */
/*     height:auto !important; /* Für normale Browser */ 
/*    height: 100%; /* Für IE */ 

}

#footer {
  position: relative;  /* Needed for Safari */
  text-align: center;
  font-size: 10px;

  height: 50px;
  width: 900px;
  margin: 0px auto;
}

.box {
  padding: 20px;
}

.space {
  padding-top: 20px;
}

.inputbox, textarea.inputbox {
  font-size: 11px;
  margin-bottom: 2px;
  margin:2px;
  margin-left: 0px;
  padding: 1px;
}

.button {
  border: 0px solid #BBBBBB;
  font-size: 11px;
  color: #ffffff;
  background-color: #2c57d2;
  margin:0px;
  margin-top: 2px;
}

A:active, A:visited, A:link {
  text-decoration: underline;
  color: #2c57d2;
}

A:hover {
  text-decoration: underline;
  color: #2c57d2;
}

.flagge {
  margin-bottom: 20px;
  margin-right: 10px;
}

.line {
  border-bottom: 1px solid silver;
  margin: 10px 0px;
}

div.header {
  margin-left: 5px;
  margin-bottom: 5px;
  font-family: header, Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 50px;
}

.tag {
  display:inline;
  float:left;
  height:0px;
  width:0px;
  /*opacity:0.2;*/
  overflow:visible;
  position:relative;
  text-decoration:none;
  z-index:1;
}

.diani_banda {
  font-family: header, Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 30px;
}

.text_header {
  font-weight: bold;
  margin-bottom: 14px;
}

div.subheader {
  padding-left: 5px;
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: header, Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 40px;
}

.text {
  font-size: 16px;
  padding-left: 5px;
  padding-right: 10px;
}
.foto {
  margin-bottom: 10px;
}

.menu {
  font-size: 16px;
  font-weight: bold;
  
/*   position: fixed; */
/*   width: 200px; */
/*   left: 15.5%; */
}

.menu A:active, .menu A:visited, .menu A:link {
  color: #383838;
  text-decoration:none;
}

.menu A:hover {
  color: #383838;
  text-decoration:underline;
}

/* CAPTCHA */

.s { color: black; background-color: black; }
.w { color: white; background-color: white; }

/* GÄSTEBUCH */

.navigation {
  font-weight: bold;
  font-size: 16px; 
  padding: 10px;
  text-align: center;
}
.navigation A {
  font-size: 12px;
}

.g_marke {
  text-align: right;
  height: 80px;
}

.g_schreiben {
  padding: 10px;
  text-align: center;
}

.g_adresse {
  border-bottom: 1px solid #383838;
  height: 16px;
  overflow: hidden;
  margin: 10px 5px;
  padding: 0px 5px;
}

.g_timestamp {
/*   text-align:center; */
  border-bottom: 1px solid #383838;
  height: 16px;
  margin: 10px 5px;
  padding: 0px 5px;
}

.g_name {
  border-bottom: 1px solid #383838;
  font-weight: bold;
  height: 16px;
  overflow: hidden;
  margin: 10px 5px;
  padding: 0px 5px;
}

.g_nachricht {
  height: 180px;
  width: 290px;
  overflow: auto;
  vertical-align:top;

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 16px;
}

.g_antwort_nachricht {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 16px;
}

.g_antwort_name {
  font-weight: bold;
  margin: 10px;
}

.g_antwort_timestamp {
  margin: 10px;
}

/* GÄSTEBUCHSCHATTEN */

DIV.g_shadow2[class], DIV.g_shadow3[class], DIV.g_shadow4[class], DIV.g_shadow5[class] {
  padding: 1px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

DIV.g_shadow { /* f�r den IE */
  background-color: #fdf9ee;
  width: 500px;
  margin: 0px auto;
  border: 1px solid #d1d1d1;
}

DIV.g_shadow[class] {
  background-color: #fdf9ee;
  width: auto;
  margin: 0;

  display:block;
  position: relative;
  top: -3px;
  left: -3px;
}

DIV.g_shadow2[class] {
  background-color: #aaa;
  border: 1px solid #bebebe;
  margin: 0;
}

DIV.g_shadow3[class] {
  background-color: #d1d1d1;
  border: 1px solid #e1e1e1;
  margin: 0;
}

DIV.g_shadow4[class] {
  background-color: #ededed;
  border: 1px solid #f6f6f6;
  margin: 0;
}

DIV.g_shadow5[class] {
/*    float: left; */
  background-color: #fcfcfc;
  border: 1px solid #fff;
  width: 500px;
  margin: 0px auto;
}

DIV.g_antwort_shadow { /* f�r den IE */
  background-color: #ededed;
  width: 500px;
  margin: 10px auto;
  border: 1px solid #d1d1d1;
}

DIV.g_antwort_shadow[class] {
  background-color: #ededed;
  width: auto;
  margin: 0;

  display:block;
  position: relative;
  top: -3px;
  left: -3px;
}
DIV.g_space {
  height: 20px;
}

/* SCHATTEN */

DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
  padding: 1px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

DIV.shadow {
  background-color: #fff;
  margin: 0px;

/*   border: 1px solid #959595; */
  padding-top: 10px;
  padding-bottom: 20px;

  display:block;
  position: relative;
  top: -3px;
  left: -3px;
}

DIV.shadow2 {
  background-color: #aaa;
  border: 1px solid #bebebe;
  margin: 0;
}

DIV.shadow3 {
  background-color: #d1d1d1;
  border: 1px solid #e1e1e1;
  margin: 0;
}

DIV.shadow4 {
  background-color: #ededed;
  border: 1px solid #f6f6f6;
  margin: 0;
}

DIV.shadow5 {
/*    float: left; */
  background-color: #fcfcfc;
  border: 1px solid #fff;
}



/* BILDSCHATTEN */

DIV.img_shadow[class], DIV.img_shadow2[class], DIV.img_shadow3[class], DIV.img_shadow4[class], DIV.img_shadow5[class] {
  padding: 1px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

DIV.img_shadow[class] {
  background-color: #8e8e8e;
  border: 1px solid #959595;
  margin: 0px;
}

DIV.img_shadow2[class] {
  background-color: #aaa;
  border: 1px solid #bebebe;
  margin: 0;
}

DIV.img_shadow3[class] {
  background-color: #d1d1d1;
  border: 1px solid #e1e1e1;
  margin: 0;
}

DIV.img_shadow4[class] {
  background-color: #ededed;
  border: 1px solid #f6f6f6;
  margin: 0;
}

DIV.img_shadow5[class] {
  float: left;
  background-color: #fcfcfc;
  border: 1px solid #fff;

/*    margin: 0.7em 1em; */
}

/* IE Layout */

DIV.img_shadow img {
  margin: 10px;
  border: 1px solid #d1d1d1;


}

DIV.img_shadow[class] img {
  border: 0px solid #666;
  margin: 0;
  display: block;
  position: relative;

  top: -3px;
  left: -3px;
}

.link_header {
  font-size: 16px;
  font-weight: bold;
}