@import url("style_menu.css");

html {
    height: 100%;
    margin-bottom: 1px;
}
body {
    font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans serif;
    font-size:76%;
    line-height:1.6em;
}

* {
    padding:0;
    margin:0;
}

/*** Die drei Haupt-Container *************************/
#container {
    position:relative;
    margin:auto;
    width:770px;
    background:url(background.png);
    margin-top:0px;
    overflow:visible;  /* Opera brauch das für den Hintergrund... */
}

#left {
    float:left;
    width:615px;
    background:white;
}
#left.left_admin {
  width: 769px;
}

#right {
    float:right;
    width:154px;
    background:#F0EBDE;
}



/*** Linke Spalte **************************/
#logo {
    background: url(logo3.png) no-repeat 7px 0px;
    width:616;
    height:100px;
}

#top {
    background: url(top.jpg) no-repeat;
    width:770;
    height:122px;
}
#content {
    position:relative;
    margin:20px 37px 10px 77px;
    left:0;
    top:0;
}


/*** Rechte Spalte **************************/
#right_menu { /* Kleine Menü rechts oben mit orangen Deckel */
    position:relative;
    width:154px;
    height:20px;
    background: #DE3400;
    border-top:1px solid white;
    text-align:center;
    color:white;
}

#right ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
#right li {
    display:inline;
}
#right li a {
    display:block;
    padding-left:10px;
    line-height:19px;
    text-decoration:none;
    color:black;
    font-weight:normal;
    background:none;
}
#right li a:hover {
    background:#E0D6C1;
}


#right p {
    margin:5px;
    line-height:1.3em;
}


/*** ALLGEMEINE STYLE-ANGABEN ***************************************************************/

p {
    margin: 1em 0 1em 0;
    color: #666;
}

h1 {
    font-family:Verdana;
    font-size:1.7em;
    color:#DE3400;
    background:url(h1.png) no-repeat;
    padding-left:30px;
    line-height:22px;
    margin-bottom:1em;
}
h2 {
    font-family:Verdana;
    font-size:1.3em;
    margin:1em 0 0em 3px;
    color: #705E45;
    background:url(h2.png) no-repeat 0 1px;
    padding-left:22px;
    line-height:16px;
}
h3 {
    font-family:Verdana;
    font-size:1.0em;
    letter-spacing:0px;
    margin:1em 0 -0.7em 5px;
    color: #BDAB90;
    background:url(h3.png) no-repeat 0 1px;
    padding-left:18px;
    line-height:12px;
}
h4 {
    font-size:1.0em;
    font-weight:normal;
    letter-spacing:0px;
    margin:1em 0 -1em 0;
    color:black;
}


/* Kalenderblatt */
h5 {
  font-family: Arial, sans serif;
  border-top: #DE3400 solid 10px;
  position:absolute;
  background:#F0EBDE; /*#705E45;*/
  width:58px;
  color:#705E45;
  float:left;
  margin-left:-70px;
  margin-top:-17px;
  text-align:center;
  line-height:1.2em;
  padding: 1px 0 4px 0;
  font-size:0.8em;
  font-weight: normal;
  display:inline;
  border-radius: 5px 2px 2px 6px;
  -moz-border-radius: 5px 2px 2px 6px;
  -webkit-border-radius: 5px 2px 2px 6px;

}
h5 strong {
  font-size:3em;
  line-height:1.1em;
  color:#705E45;
  font-weight:bold;
}




ul,ol {
    margin: 1em 0 1em 2em;
    color: #666;
}

ol {
    margin-left:2.5em;
}

blockquote {
    background: #F6F3EA;
    padding:0px 5px;
    margin:2px;
}

img {
    border: 2px solid #E0D6C1;
    margin: 6px 4px;
    padding:1px;
}

#content a.gallery, #content a.gallery:hover {
background:none;
padding:0;
}
a:hover img {
    border: 2px solid #DE3400;
}

#right img, #right a.img {
    border:0;
    margin:0;
    padding:0;
    background:none;
}

.icon {
    border:0;
    margin:0;
    padding:0;
  vertical-align:-0.3em;
}

#content a, #right a {
    font-weight:normal;
    color:#DE3400;
    text-decoration:none;
    background:url(link.gif) no-repeat 0px 4px;
    padding-left:13px;
}
#content a:hover, #right a:hover {
    color:black;
    background:url(link2.gif) no-repeat 0px 4px;
}

#content a.img {
    background:none;
    padding:0;

}

.error {
    background:#FFBBBB;
}

strong {
    font-weight:normal;
    color:black;
}

#right hr {
    height:1px;
    border:none;
    border-bottom:1px solid white;
}
hr {
    height:1px;
    border:none;
    border-bottom:2px solid #F6F3EA;
    clear:both;
}

table {
    margin: 1em 0 1em 0;
    border-top:1px solid #F77F00;
}
td {
    padding:1px 5px;
}
.tab1 {
    background:#F1F1F1;
}
.tab2 {
    background:#FAFAFA;
}

/*** Styles für Picasa-Galerie ***/
.gallery_box {
    display:block;
}
.gallery_box img {
    margin:6px; /* braucht der IE */
    
}






/*** Styles für News ***/
#content .news_titel a {
    font-weight:bold;
}
.news_datum {
    font-size:0.9em;
    color:#999999;
    line-height:1.4em;
}
.news_text p{
    color:#666;
    padding:0;
}

#content h2 a {
    background:none;
    padding:0;
    color: #705E45;
    font-weight:bold;
}
#content h2 a:hover {
    background:none;
    color: black;
}

#content .pagenavi a, .pagenavi span {
  padding: 2px 10px;
  margin-right: 5px;
  background:#F0EBDE;
  sborder: 1px solid #705E45;
}
    .pagenavi span {
  spadding: 0px 8px;
      background: #DED5C0;
      sborder: 2px solid #DED5C0;
      scolor: #FFF;
      font-weight:bold;
    }
    .pagenavi span.inactive {
  dpadding: 0px 8px;
      background: #F0EBDE;
      sbackground:#FAFAFA;
      dborder: 2px solid #F0EBDE;
      color: #AAA;
      font-weight:normal;
    }
    .pagenavi span.skip {
  background:#F0EBDE;
      sborder: 1px solid #BBB;
      color: #AAA;
      font-weight:normal;
    }
    
.board {
}
    .board .entry {
      background: #FAFAFA;
      -moz-border-radius: 5px;
      border: 1px solid #EEE;
      margin: 5px 0 ;
      dpadding: 5px 10px;
    }
    .board .entry .title {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      background: #F0EBDE;
      font-weight: bold;
      padding: 0px 10px;
      margin:0;
    }
    .board .entry .title span {
      font-weight: normal;
    }
    .board .entry .message {
      padding: 5px 10px;
      margin:0;
    }
    .board .entry.hot {
      background: #FAF6F0;
      border: 1px solid #FC9;
    }
    .board .entry.hot .title {
      background: #FC9;
    }
    .board .entry img {
      dvertical-align: 3px;
    }
    .form_board .field #message {
    font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans serif;
      width: 300px;
      height: 100px;
      font-size:1em;
    }
    .form_board .field #url {
      width: 300px;
    }