/******Allgemeines**********************************************/
html, body {
margin: 0;
padding: 0;
}
body {
background-color:  #E0F3FD;           /*hintergrund hellblau*/
/*background-color: #fff;*/
color: #fff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 101%;
text-align: center;/*fuer IE_quirks*/
}
/* alles auf 0  */
h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}
img {
border: none;
}


/* Überschriften */
h1, h2, h3, h4 {
margin: 10px 5px 10px 12px;
}
h1 {
background-color: transparent;
color: #666;
font-size:18px;
letter-spacing: 2pt;
text-align:center;
margin-bottom:20px;
}
h2 {
background-color: #f0f0f0;
color: #757575;
font-size: 13px;
letter-spacing: 1pt;
text-align:center;
margin-bottom:15px;
}
h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#666 ;
font-size: 11px;
font-weight :bold;
}
h4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#666 ;
font-size: 11px;
}

/* Texte */
p, li {
font-size:90%;
}


/******************************************************************************/
#wrapper {
        height:100%;
        margin:0px 0px 0px 10px;
        background-color:E0F3FD;          /*Grauer HG*/
        border-right:#22579D 1px solid;
        border-left:#22579D 1px solid;
        }
/******************************************************************************/
#header {
background-color: #22579D;
color: #000;
height: 100px;
margin:0;
text-align:left;
padding:0;
}

#balken {
height:15px;
font-size: 11px;
text-transform:uppercase;
background-color: #758DAE;             /*hintergrund blaugrau*/
border-top:0px;
border-bottom:3px solid #FFFE70;      /*gelb*/
padding:0px;
margin:0px }

/******************************************************************************/
#inhalt {
  width:auto;
  min-width:120px;
  padding:5px;
  margin:0px 160px 0px 184px;
  background-color:transparent;

}
#content {
min-height:425px;                                      /*vorher keine Höhe*/
text-align:justify;
background-color:  #E0F3FD;           /*hintergrund hellblau*/
color: #000;
margin: 0px;
padding:0px;
border:none;
/*border: 1px solid #fff;  noetig fuer IE */
}
#content p, #content li {
font-size:11px;                  /*schriftgröße verkleinert*/
line-height: 120%;            /*vorher 160%*/
margin: 7px 0px 8px 0px;
}

#content a {
            text-decoration: none;
            padding: 0px 3px 2px 3px;
            border:none;
            background-color:#F0D8CC;
            color: #600;
            }
#disclaimer a  {
 background-color:transparent;       }
/**********Allgemeines********************************************************************/
#links {
        position:absolute;
        top:114px;
        left:10px;
        width:183px;
        text-align: left;
        background-color:transparent;
        }

/*linkes Menue*/
#menue {

        width: 182px;
        background-color:#E0F3FD;       /*hellblau streifen?*/
        color: #000;
        margin:0;
        padding:0;
        }


#nav {
        width: 182px;
        padding:0;
        margin: 0;
        font-size: 12px;
        font-weight: normal;
        font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
        background-color:  #22579D;        /*blau*/
        color: #333;
        }
#nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }
#nav li {
         border:0;
         margin: 0;
         width: auto;
}
#nav li a {
        display: block;
        padding: 3px 0px 3px 0.5em;
        border-top:0;
        border-left: 5px solid #22579D;        /*blau*/
        border-right: 5px solid #22579D;  /*gelb*/
        border-bottom: 1px solid #22579D;      /*dazwischen blau*/
        background-color: #22579D;             /*hintergrund blau*/
        color: #000;
        text-decoration: none;
        width: auto;
        margin:0;
        }
#nav li a:hover {
        border-left: 5px solid #800000;        /*rot*/
        border-right: 5px solid #800000;       /*rot*/
        background-color: #FF7C3E;             /*orange*/
        color: #fff;
        }
.hier {
       width : auto;
       font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 10px;
       text-align : left;
       font-weight : bold;
       color : #ffffff;
       background-color :  #22579D;        /*hintergrund blau*/
       padding-top : 3px;
       padding-bottom : 4px;
       padding-left : 4px;
       border:none;
       display : block;
       }
.ht1 {
       font-size : 10px;
       font-weight: bold;
       color : #000;
       font-family : Verdana, Arial, Helvetica, sans-serif;
       text-decoration : none;
       }
.hw2 {
       font-size : 11px;
       font-weight : bold;
       color : #ffffff;
       font-family : verdana, arial, helvetica, sans-serif;
       text-decoration : none;
       }
#nav li a.letzte  {
       border-bottom: 0;      /*pixelfehler letzter im menue*/
       }
#nav li a#letzter  {
       border-bottom: 0;      /*Abstand letzter im menue*/
       }



/******************************************************************************/
#rechts {
       position:absolute;
       top:114px;
       right:0px;
       width:160px;
       text-align:left;
       background-color:transparent;
       }


.bildbox {
        color:#333;
        padding:0 5px 0 5px ;
        margin: 0 0 10px 0;
        background:transparent url("bilder/box.jpg") no-repeat center bottom;
        }
.bildbox  h4  {
        width : auto;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        text-align : left;
        margin:0;
           }
.bildbox p {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        text-align : left;
        margin:0;
          }
.bildbox #mittig{
        text-align : center;
        padding:2px;
          }
.box {
        color:#333;
        padding:0 5px 0 0px ;
        margin: 0 0 8px 0;
        background:transparent url("bilder/box.jpg") no-repeat center bottom;
        }
.box  h4  {
        width : auto;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        text-align : left;
        margin:0;
        }
.box p {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        text-align : left;
        margin:0;
        padding:8px 15px 10px 25px;

        }



/*********Navimenue*******************************************************/
#menue a, #balken a, .box a {
text-decoration: none;
margin: 1px 0px 1px 0px;
padding: 0px 3px 0px 3px;
border: 1px solid #999;
}
#menue a:link, #footer a:link, #balken a:link, .box a:link {
background-color: #f0f0f0;
color: #600;
}
#menue a:visited, #footer a:visited, #balken a:visited, .box a:visited {
background-color: #f0f0f0;
color: #900;
}
#menue a:hover, #footer a:hover, #balken a:hover, .box a:hover {
background-color: #FF7C3E;
color: #fff;
}
#menue a:active, #footer a:active, #balken a:active, .box a:active {
background-color: #f0f0f0;
color: #f00;
}

/************************************************************************/
.bildrechts {
        float:right;
        padding: 3px;
        border: none;
        margin:auto;

}
.bild{
      text-align:center;
      }



p {
  font-size:0.8em;
  padding:10px 15px;
}
pre {
  font-size:12px;
  padding:10px 15px;
}
.back {
  padding:5px 0 7px 0;
  text-align:center;
   font-size:11px;
}


/* Formatierungen Texte*/
/*allgemein*/
.fett {
  color:#000;
  font-weight:bold;
}

/*home**********************************************************************/
#home #content{
 width:600px;
height:300px;
 margin:0px auto;
 border:none;
background:transparent url("bilder/home2.jpg") no-repeat center bottom;


}
#home #inhalt{
  background:#E0F3FD;
}
#counter{
 font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :11px;
color:#000;
width:100%;
background:#f0f0f0;
margin:0;
 /*margin-top:212px;*/
text-align:center;
padding:0;
}
#counter a{
color:#fff;

}



/*aktuelles*********************************************************/
.klein1{
width:15%;
background:#f0f0f0;
}
#aktuelles .klein1{
padding-top:20px;
}
/*wir*******************************************************************/
#wir .bildlinks{
margin:20px 20px 20px 15px;
}
#wir #content{
border:none;

}

/*chronik****************************************************************/
.chronik{
 font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :11px;
color:#000;
width:100%;
text-align:left;

}

.chronik td{
padding:5px;
vertical-align:top;
}

.chronik .klein{
padding-top:5px ;

}
 .klein{
width:15%;
background:#f0f0f0;


}
.gross{
background:#f0f0f0;

}
.einschub1{
  padding:0 5px 0 50px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}
.einschub3{
  padding:0 5px 0 93px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}
.einschub2{
  padding:0 5px 0 168px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}

/*Vorstand*********************************************************************/

#vorstand table{
margin:10px auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :11px;
color:#000;
width:550px;
text-align:left;
border:none;
}

#vorstand td{
 border:none;
 width:33%;
 height:25%;
 padding-left:10px;
}
td .hervorheben{
text-decoration:underline;
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size: 11px;
font-weight :bold;
margin:10px auto;
}




/*Bild des Vorstandes****************/
img.image{ display: none; }
div#namen{
        margin: 0;
        padding: 0;
        background: transparent url(bilder/vorstand1.jpg) top left no-repeat;
        height: 270px;
        width: 350px;
        position: relative;
}

dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dd#person1{ top: 15px; left: 114px; }
dd#person1 a{ position: absolute; width: 73px; height: 69px; text-decoration:none ;background:transparent; }
dd#person1 a span{ display: none; }
dd#person1 a:hover{ position: absolute; background: transparent url(bilder/vorstand.jpg) 200px 250px no-repeat; top: 20px; left: -5px; }
dd#person1 a:hover span{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
}
dd#person2{ top: 15px; left: 2px; }
dd#person2 a{ position: absolute; width: 73px; height: 69px; text-decoration:none ;background:transparent; }
dd#person2 a span{ display: none; }
dd#person2 a:hover{ position: absolute; background: transparent url(bilder/vorstand.jpg) -150px 250px no-repeat; top: 20px; left: -5px; }
dd#person2 a:hover span{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
}
dd#person3{ top: 50px; left: 60px; }
dd#person3 a{ position: absolute; width: 73px; height: 69px; text-decoration:none ;background:transparent; }
dd#person3 a span{ display: none; }
dd#person3 a:hover{ position: absolute; background: transparent url(bilder/vorstand.jpg) -150px 250px no-repeat; top: 10px; left: -5px; }
dd#person3 a:hover span{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
        width:110%;
}
dd#person4{ top: 50px; left: 185px; }
dd#person4 a{ position: absolute; width: 73px; height: 69px; text-decoration:none ;background:transparent; }
dd#person4 a span{ display: none; }
dd#person4 a:hover{ position: absolute; background: transparent url(bilder/vorstand.jpg) -150px 250px no-repeat; top: 10px; left: -5px; }
dd#person4 a:hover span{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
        width:110%;
}
dd#person5{ top: 40px; left: 266px; }
dd#person5 a{ position: absolute; width: 73px; height: 69px; text-decoration:none ;background:transparent; }
dd#person5 a span{ display: none; }
dd#person5 a:hover{ position: absolute; background: transparent url(bilder/vorstand.jpg) -150px 250px no-repeat; top: 10px; left: -5px; }
dd#person5 a:hover span{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
        width:140%;
}
/* Beitragsordnung*****************************************************/

.einschub{
  padding:0 5px 0 20px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}

.ausrichten table{
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
margin:3px auto;
  width:50%;
  text-align:center;
 border:none;
}
.ausrichten td{
  width:25%;
 border:none;
 text-align:right;
}
.ausrichten2 table{
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
margin:3px auto;
  width:450px;
  text-align:center;
 border:none;
}
.ausrichten2 td{

 border:none;
 text-align:left;
}

#content .mittig{
 text-align:center;
font-size:12px;
 margin:0 auto;
 background-color:transparent;
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  padding:0; /*neu*/
}
#content .mittig a{

 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}
/*beitragsordnung***********/
#beitrag #content{
     height:100%;
}
#beitrag #content .mittig{
padding:0px;
}
#beitrag span{
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}
/*antrag*********************************************************************/
#antrag #content{
   height:425px;

}
#antrag h1{
  font-size:16px;

}

/* Anfahrt*****************************************************************+*/
#anfahrt #content ul{
   padding:10px 0 10px 20px;
   text-align:left;
}
#anfahrt #content{
  height:425px;
}
#anfahrt #content li {
 margin:0;
 padding:5px 5px 0 0;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 color: #000;
 }
#anfahrt #content span{
  margin:0;
  padding-left:15px;
 padding:5px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 color: #000;
  text-align:left;
  text-decoration:underline;
}
#anfahrt iframe{
 width:350px;
 height:300px;
 border:0px;
}
#hinweis,#hinweis1{
padding:5px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 color:#600;
 font-style:italic;
}

/*Öffnungszeiten***********************************************************/

#zeiten table{
margin:10px auto 5px;
padding:0px;
width:580px;
background:transparent;
text-align:center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :11px;
color:#000;
}
#zeiten table td{
border:none;
}



/*Dauer*******************************************************************/
#dauer .bildlinks{
margin:20px 20px 20px 15px;
}
/*Ausstellungen*********************************************************/

/*Museumstresen**********************************************************/

.tresen{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size :11px;
  color:#000;
  width:400px;
  height:160px;
  padding: 5px;
  background:#f0f0f0;
  margin:10px auto;
}
.bildlinks
{
float: left;
margin: 0 5px 5px 0;
padding: 2px;
}

.tresen h4{
text-align:center;

}
.tresen p{
 text-align:justify;
}
/*archiv*****************************************************************/

#archiv .gross{
padding-top:0px;

}
#archiv .klein{
padding-top:10px;
}#archiv .klein{
padding-top:10px;
}
/* impressum**************************************************************/
.adresse{
 float:right;
 text-align:justify;
 width:200px;
 background-color:transparent;
}
#impressum #content{
  height:425px;
}

/* Kontakt***************************************************************/
.stil{
font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#000;
  width:500px;
  height:330px;
  background:#f0f0f0;
  margin:18px auto;

}
table .stil{
 margin:10px auto;
 text-align:center;
 border:1px solid #000;
 background:transparent;

}
tr .stil {
  width:500px;
  height:30px;
  padding:0 20px 0 20px;
 border:none;
 text-align:center;
  background:#f0f0f0;
}
td .stil {
  width:200px;
  height:30px;
 border:none;
 text-align:right;
  background:#f0f0f0;
 white-space:nowrap;
}
.stil .breit{
  width:490px;


}
.stil #schmal{
  width:200px;
  height:110px;

}
.rot{
 color:#800000;
 font-weight:bold;
}
.nachricht{
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#000;
   font-weight:normal;
}
.kursiv{
font-style:italic;
 font-weight:normal;

}
 .stil1 {
 width:200px;
 height:30px;
 border:none;
 text-align:left;
 white-space:nowrap;
}
.stil2{
font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#000;
  width:500px;
  height:310px;
  background:#f0f0f0;
  margin:22px auto;

}
table .stil2{
 margin:10px auto;
 text-align:center;
 border:1px solid #000;
 background:transparent;

}
tr .stil2 {
  width:500px;
  height:30px;
  padding:0 20px 0 20px;
 border:none;
 text-align:center;
  background:#f0f0f0;
}
td .stil2 {
  width:200px;
  height:20px;
 border:none;
 text-align:right;
  background:#f0f0f0;
  white-space:nowrap;
}
 .button{
font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size :11px;
  color:#000;
}
#kontakt #content{
  height:400px;
}
#kontakt #inhalt{
 margin:0px 160px -10px 184px;

}

.unterstrichen{
text-decoration:underline;


}
/*bilder**************************************************************/
#bilder #content{
   height:490px;

}

/*disclaimer****************************************************/
 a .ohne{
 background:transparent;


}

/**********Galerie***********************************************/
#galerie h1{
margin:3px 0 5px 0;

}
#bildanzeige{

width:100%;
background:transparent;
margin:0 auto;
padding:0;
}
#galerie h2{
padding:0;
margin:0;
padding-bottom:1px;

}
#galerie span{
margin:0;
padding:0;
}
#galerie table{
width:650px;
padding:0;
margin:0 auto;
border:1px #000 solid;
background-color:#22579D;
}
#galerie tr{
background-color:#f0f0f0;

}
#galerie td{
 width:100px;
}
#galerie  img{
margin:0 auto;
padding:0;
}
#galerie .mitte{
width:580px;
}
#galerie .rechts{
text-align:right;
padding:0;
margin:0;
}

#galerie .bildbox a:hover{
background-color:transparent;
}
#galerie .mittig a{
background-color:transparent;

}
#galerie .mittig a:hover {
background-color:transparent;
}
#galerie table a{
font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size :11px;
  color:#000;
  background:transparent;


}
#galerie .rot{
color:#CD060D;
}

#galerie a:hover{
background:#FF7C3E;
}

#galerie .text{
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size: 11px;
margin:5px auto;
text-align:center;
}
#galerie .autor{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
width:70%;
margin:0 auto;
color:#000;
font-size: 11px;
text-align:center;
background-color: #f0f0f0;
}


.fotos{
width:90%;
text-align:center;
margin:0px auto;
padding:0;

}
.fotos p{
padding:0px;

}


.tresen1{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size :11px;
  color:#000;
  width:800px;
  height:160px;
  padding: 5px;
  background:#f0f0f0;
  margin:10px auto;
}

/**********Medienspiegel***********************************************/
.medien{
 margin:5px auto;
 font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :11px;
color:#000;
width:800px;
text-align:left;
}
.medium1{
width:100px;

}
.medium2{
width:300px;
font-weight :bold;
}

.medium3{
width:300px;
font-style:italic;
}



.wichtig{
font-size :11px;
color:#FF0000;
 text-align:center;     
}

.play{
 margin:5px auto;
 text-align:center;
}