/*****************************************************************************/
/**** Structure                                                            ***/
/*****************************************************************************/

body {
    /* border: yellow solid 1px; */
    margin:0px;
    padding:0px;
    text-align:center;  /* Zentrierung im Internet Explorer */
    min-width:858px;
}

body#gallery_showpicture {
    text-align:center;
}

div#page {
    text-align:left;    /* Seiteninhalt wieder links ausrichten */
    margin:00px auto; 
    margin-bottom:0px;    
    width:858px;
    padding:0px;
}

p#header {
    /* border:green solid 1px; */ 
    margin:0px; 
    height:202px;
    width:858px;
}

object#logoanimation {
    /* border:yellow solid 1px; */
    text-align:right;
    position:relative; left:450px; top:0px;
    width:400px;
    z-index:5;
}

div#navi_top {
    /* border:red solid 1px; */
    position:relative; top:-21px; left:256px;
    vertical-align:top;
    width:370px;
    text-align:left;
}

div#login_display{
    /* border:red solid 1px; */
    float:right;
    position:relative;top:-21px; right:50px;
    width:170px;
    text-align:right;
}

div#navi_top_backend {
    /* border:yellow solid 1px; */
    position:relative; top:-35px;
    vertical-align:top;
    width:555px;
    text-align:left;
}



div#navi_gallery_showpicture {
    /* border: yellow solid 1px; */
    text-align:center;
    margin:0 auto;
}

hr {
   display:none;
}

h2#content {
    margin:0px;
    padding:0.1em 0 0.2em 0;
}

h2#content_speudo {
    margin:0px;
    padding:0.1em 0 0.2em 0;
}

h3#content, h3#guestbook {
    padding:0.4em 0 0 0.4em;
}

p#content {
    padding:0 0 0 0.4em;
    text-align:justify;
}

  /* ** Navigation right side ** */

div#navi_right {
    /* border: yellow solid 1px; */ 
    clear: both;
    float: left; 
    width: 212px;
    margin: 2em 0em 1.5em 4px; 
    padding: 0em;
}
  
* html div#navi_right {  /* Korrekturen fuer IE 5.x */
    padding-left: 0;
    padd\ing-left: 0em;
    margin-left: 2px;
}

ul#navi_right {
    /* border: red solid 1px; */
    width: 212px;
    padding: 0em;
    margin-top:0em;
    margin-left:0em;
    margin-bottom:3em;
}
  
* html ul#navi_right {  /* Korrekturen fuer IE 5.x */
    width: 111px;
    w\idth: 111px;
    padding-left: 0;
    padd\ing-left: 0em;
    margin-left:0px;
}

/*****************************************************************************/
/**** Colors  & Backgroun-Images                                           ***/
/*****************************************************************************/

* { /* for all fonts */
    color:#333132;
} 

body {
    /* border:yellow solid 1px; */
    background-color:#f1efed;
}

body#gallery_showpicture {
    background-color:#666666;
}

div#page {
    /* border:green solid 1px; */
    background:#f1efed url(img/bgwide.png) repeat-y;
}

html>body div#Seite {
    /* Farbangleichung an den Internet Explorer  */
}

p#header {
    background:black url(img/header.jpg) no-repeat;
}

h2#content {
    background-image:url(img/heading2.png);
    background-repeat:no-repeat;
    background-position:0 1.1em;
}

h2#content_speudo{
    background-repeat:no-repeat;
    background-position:0 1.1em;
}

div#navi_top, div#navi_top a {
    /* border:yellow solid 1px; */
    color:white;
}

p#content {
    color:#333132;
}

/*****************************************************************************/
/**** Fonts                                                                ***/
/*****************************************************************************/
 
body {
   
    font-size:100.01%;
    font-family:Helvetica, Arial, sans-serif;
}

h1 {
     display:none;
}  
  
h2#content {
    font-family:'Charlemagne Std', Garamond ,serif;
    font-variant:small-caps;
    font-size:1em;
}

h2#content_speudo {
    font-family:'Charlemagne Std', Garamond ,serif;
    font-variant:small-caps;
    font-size:1em;
}

h3#content {
    font-size:0.75em;
    font-weight:bolder;
}

h3#guestbook {
    font-size:0.75em;
    font-weight:bolder;
    margin-bottom:5px;
}

div#navi_top, div#navi_top_backend, div#login_display {
    font-size:0.7em;
}

p#content {
    font-size:0.75em;
    line-height:1.5em;
}

/*************************/
   

 
  ul#navi_right li {
    list-style: none;
    text-align: right;
    margin: 0px; 
    padding: 0; 
    background-color: #f1efed;
  }

  ul#navi_right a {
    display:block;    
    padding: 0.7em 4em 0.7em 5em;
    text-decoration: none; 
    font-weight: bold;
    color: #333132; 
    border-top: 1px solid gray;
    background-color: #f1efed;
    font-size: 0.65em;
  }
  
  li#last a {
    border-bottom: 1px solid gray; 
  }
     
  
  * html ul#navi_right a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 118px;
  }
  
  ul#navi_right a:hover {
    color: #333132; 
    background-color: #c4c5c7;
  }
  
  div#content_col_right {
    /* border: blue solid 1px; */ 
    float:   right;
    width:   282px;
    margin:  30px 17px 30px 17px;
    padding: 0px;
  }
  
  * html div#content_col_right {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    
  }
  
  div#content_col_left {
    /* border: green solid 1px; */
    width:   282px;
    margin:  30px 17px 30px 17px;
    padding: 0px;
  }
   
   * html div#content_col_left {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
   }
  
  div#content_col_wide {
    /* border: yellow solid 1px; */ 
    margin:  25px 17px 0px 40px;
    text-align: left;
    width: 558px;
  }
  
  div#content_col_wide_pseudo {
    /* border: yellow solid 1px; */
    margin:  0px 17px 30px 256px;
    padding: 0px;
    width: 558px;
  }
  
  
  p#guestbook_highlight_1 {
    font-size:0.75em;
    line-height:1.4em;
    color: #333132;
    background-color: #dcdcdc;
    margin: 0em 0em 1.2em 0.4em;
    padding: 0.4em 1em 0.4em 1em;
    text-align: justify;
  }
  
  p#guestbook_highlight_2 {
    font-size:0.75em;
    line-height:1.4em;
    color: #333132;
    background-color: #999999;
    margin: 0em 0em 2.2em 0.4em;
    padding: 0.4em 1em 0.4em 1em;
    text-align: justify;
  }
  
  p#annotation {
    font-size: 0.6em;
    color: #333132;
    margin: 1em 0em;
    padding: 0 0 0 0.4em;
    text-align: justify;
  }
  
  form#form_field {
    padding-left:0.4em;
    font-size: 12px;
    color: #333132;
    text-align:left;
    vertical-align:middle;
  }
 
   form#form_field_admin {
    border: red solid 1px;
    padding-left:0.4em;
    padding-top:0.5em;
    margin-top:0.5em;
    font-size: 12px;
    color: #333132;
    text-align:left;
    vertical-align:middle;
  }
 
  input#form_field, select#form_field{
    width:200px;
    margin-top:5px;
  }
  
  input#form_field_events_date {
    width:10em;
    margin-top:0px;
  }
    
  td#events {
    padding: 0px;
  }
  
  textarea#form_field {
    width:100%;
    margin-top:0.5em;
    height: 100px;
  }
  
  input#checkbox {
    margin:0.5em 0 0 0;
    padding:0px;
  }
  
  input#submit {
    width:7em;
    margin-top:0.7em;
  }
  
  table {
    border-spacing: 0px;
    font-size: 0.75em;
    padding: 0 0 0 0.4em;
  }

  table#main {
    border-spacing: 0px;
    font-size: 1em;
    width: 637px;
    padding: 0 0 0 1px;
  }
  
  table#members {
    margin: 0 0 0 4px;
    padding: 0px;
  }
  
  table#admin {
    margin: 0 0 0 4px;
    padding: 0px;
    float:none;
  }
  
  table#media, table#contact, table#gallery_list {
     margin-top:1em;
  }
  
  table#events {
    font-size: 1em;
     border-spacing: 0px;
      padding: 0em;
  }
  
  table#gallery_thumbs {
    border-spacing:10px;
  }
  
  td {
    padding: 3px 0 0 0px;
    height: 0.7em;
  }
  
  td#gallery_thumbs {
    background-color: #666666;
    padding:7px;
    text-align:center;
    height:128px;
  }
  
  
  
  td#members {
    text-align:  left;
    vertical-align: top; 
    width:  120px;
    padding-bottom: 10px; 
  }
  
  td {
    vertical-align:top;
  }
  
  td#none_first {
    padding-left:7px;
    vertical-align:top;
  }
  
  td#gallery_thumbs {
    vertical-align:middle;
  }
  
  td#date {
    vertical-align:top;
    width:11em;
  }
  
  td#contact {
    vertical-align:top;
    width:13em;
  }
  
  td#content {
    vertical-align:top;
    padding-bottom:0.8em;
  }
  
  p#content a {
    color: white;
  }
  
  p#foot_line {
    font-size: 0.6em;
    margin:0px auto;
    margin-bottom:30px;
  }
  
  a {
    color: white;
  }

  div#top_button a {
    color:white;
    font-size:0.7em;
  }
  p#content a:hover {
    color: white;
    text-decoration: underline;
  }
  
  ul#content {
    color: #333132; 
    font-size:0.75em;
    line-height:1.4em;
    padding: 0 0 0 0.4em;
    margin-left:0px;
  }
  
  ul#content li {
    list-style:square;
    margin: 0.3em 0 0 1.4em;
  }

  #heighlight {
    color:#e91c23;
  }
  
  img#content_left {
    width:237px;
  }
  
  img#content_wide {
    width: 434px;
  }
  
  img#content_wide_two_columns {
    width: 540px;
  }
  
  a img{
    border:0px;
  }
  
  p#img {
    /* width:         239px; */
    border-width:  1px;
    border-style:  solid;
    border-color:  #4b4b4b; 
    padding:       5px 5px 2px 5px;
    margin-left:   4px;
    margin-bottom: 0px;
  }

  p#img_wide {
    width:         435px;
    border-width:  1px;
    border-style:  solid;
    border-color:  #4b4b4b;
    margin-left:   4px;    
    padding:       5px;
    padding-bottom: 2px; 
    margin-bottom: 0px;
  }

   p#img_wide_two_columns {
    width:         540px;
    border-width:  1px;
    border-style:  solid;
    border-color:  #4b4b4b;
    margin-left:   4px;    
    padding:       5px;
    padding-bottom: 2px; 
    margin-bottom: 0px;
  }
  
  p#imgCaption {
    font-size:  0.7em;
    font-style: italic;
    margin: 0 0 0 4px;   
    padding: 0.5em 0.7em 0.5em 0.7em;
    color: #333132;
    width:233px;
    border-bottom: 1px;
    border-top:    0px;
    border-left:   1px;
    border-right:  1px;
    border-style: solid;
    border-color: #4b4b4b;
    background-color: #f1efed;
  }
  
  * html p#imgCaption {
     width:231px;
      font-style:normal;
  }

  p#imgCaption_wide {
    font-size:  0.7em;
    font-style: italic;
    margin: 0 0 0 4px;   
    padding: 0.5em 0.7em 0.5em 0.7em;
    color: #333132;
    width: 537px;
    border-bottom: 1px;
    border-top:    0px;
    border-left:   1px;
    border-right:  1px;
    border-style: solid;
    border-color:#4b4b4b;
    background-color:#f1efed;
  }

  p#imgCaption_wide_two_columns {
    font-size:  0.7em;
    font-style: italic;
    margin: 0 0 0 4px;   
    padding: 0.5em 0.7em 0.5em 0.7em;
    color: #333132;
    width: 536px;
    border-bottom: 1px;
    border-top:    0px;
    border-left:   1px;
    border-right:  1px;
    border-style: solid;
    border-color:#4b4b4b;
    background-color:#f1efed;
  }
  
  * html p#imgCaption_wide {
     width:428px;
     font-style:normal;
  }
  
  div#top_button {
    /* border: blue solid 1px; */
    clear: both;
    margin:  00px 17px 10px 256px;
    text-align: left;
    width: 550px;
  }
  
  div#footer {
    font-size: 0.83em;
    margin: 0; 
    padding: 0em;
    height:120px;
    background: black url(img/footer_long.jpg) no-repeat;
    text-align: right;
  }
  
  div#logos {
    /* border: blue solid 1px; */
    clear: both; 
    position:relative; bottom:-132px; left:217px;
    height: 117px;
    width: 635px;
    padding: 0px;
    margin: 0px;
    text-align: center;
  }
  
  img#logo {
    /* border: red solid 1px; */
    margin-right:  35px;
    vertical-align: middle;
    border:none;
  }
  
  img#gallery_showpicture {
    border: white solid 1px;
  }
  
  img#logo_pseudo { /* needed for automatic vertical centering of logos */
    /* border: red solid 1px; */
    height: 55%; 
    width:  1px;
  }