/* Geiseltalmuseum stylesheet */

/* standart elements */

html {
font: 101% arial, sans serif;
}

body {
font: 0.8em /1.5 arial, sans serif;
margin: 0;
text-align: center;
overflow: auto;
height: 100%
}

p {
text-align: justify;
margin: 0 auto;
padding: 0px 15px;
}

h1 {
color: #003F00;
font: bold 1.5em arial, sans sarif;
text-align: center;
margin-top: 15px;
}

h2 {
color: #000000;
font: bold 1.2em arial, sans sarif;
text-align: center;
padding: 10px;
}

h3 {
color: #000000;
font: italic 100% arial, sans sarif;
text-align: left;
margin: 0 auto;
padding: 15px;
}

h4 {
color: #000000;
font: bold 100% arial, sans sarif;
text-align: center;
margin: 0px;
padding: 15px;
}

h5 {
color: #000000;
font: bold 100% arial, sans sarif;
text-align: left;
margin: 0px;
padding: 15px;
}

h6 {
color: #000000;
font: bold 1.2em arial, sans sarif;
text-align: left;
padding: 10px;
}


hr{
margin: auto;
width: 98%;
color: #89B4A9;
weight: 5px;
}

table {
width: 95%;
margin: 0px auto;
padding: 5px;
}

td {
font: 80% arial, sans serif;
padding: 5px;
}

ul {
margin-top: 10px;
text-align: left;
}

#small{
font: 85% arial, sans serif;
text-align: justify;
}

#main a {
text-decoration: none;
color: #003080;
font: bold arial;
}

#main a:hover {
text-decoration: underline;
color: #003080;
}

#main a:visited {
color: #004132;
}

.map {
font: bold 100% arial, sans sarif;
text-align: left;
margin: 5px 20px;
padding: 15px;
}

/* boxmodell */

#head {
color: #FFFFFF;
background-color: #004132;
vertical-align: middle;
text-align: left;
z-index: 2;
font: bold arial, sans sarif;
height: 110px;
border-bottom: 3px solid #89B4A9
}

#main {
margin: 2px auto 0 auto;
padding: 0 2% 1 0;
line-height: 1.2em;
height: 90%;
min-height: 430px;
position: static;
z-index: 5;
background-color: #ffffff;
color: #000000;
float: right;
/*Box Model Hack  */
voice-family: "\"}\"";
voice-family:inherit;
width: 75%;
}
html>body #main {
width: 75%;
}  /* box model hack ende */


/* Hauptnavigation */

ul#mainnav {
font-weight: bold;
text-align: left;
list-style: none;
margin: 0px;
padding: 0px 5px;
background-color: #579083;
width: 85%;
height: 70%;
}

ul#mainnav li {
display: block;
border-top: 2px solid #89B4A9;
padding: 5px 0px;
margin: 0px 5px;
text-align: center;
}

ul#mainnav li a {
display: block;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
background-color: #579083;
color: #FFFFFF;
text-decoration: none;
width: 85%;
}

ul#mainnav li a:hover {
text-decoration: underline;
color: #004132;
}

/*Untermenues*/
ul#exhib {
font: italic arial sans sarif;
list-style: none;
width: 70%;
margin-left: 0px;
padding: 0px;
text-align: left;
}

ul#exhib li {
display: block;
border-top: 0px solid #89B4A9;
padding: 5px 0px;
margin: 0px 5px;
text-align: center;
}

ul#exhib li a {
display: block;
margin: 0px;
padding: 6px 0px 6px 0px;
background-color: #579083;
color: #FFFFFF;
text-decoration: none;
}


#topnav {
border: 0;
color: #FFFFFF;
text-align: center;
vertical-align: bottom;
margin: 1px;
font: bold arial, sans sarif;
}

#nav {
margin: 0;
text-decoration: none;
padding: 0;
z-index: 3;
border: 3px solid #89B4A9;
background-color: #579083;
color: #FFFFFF;
float: left;
height: 80%;
width: 19%;
min-width: 90px;
voice-family: "\"}\"";
voice-family:inherit;
width: 22%;
}
html>body #nav {
width: 20%;
}
/* box model hack ende*/


/*Tabelle Kopfleiste*/
td.top {
font: bold arial, sans sarif;
color: #FFFFFF;
margin: 0;
width: 90px;
}

td.top a {
text-decoration: none;
width: 88px;
text-align: center;
color: #FFFFFF;
margin: auto;
padding-left: 5px;
}

td.top a:hover {
text-decoration: underline;
color: #FFFFFF;
width: 88px;
}

td.top a:visited {
color: #89B4A9;
}

/*Tabelle Oeffnungszeiten*/
td.open {
width: 160px;
}

#open {
margin: -15px 0px 0px -20px;
padding: -15px 0px 0px -20px;
}

#open1 {
margin: -15px 0px 0px -10px;
padding: -15px 0px 0px -10px;
}

#back {
margin: 0 0 0 400px;
z-index: 6;
}

/*Tabelle Chronologische Geschichte*/
.chrono{
border: solid 1.5px #4F4F4F;
margin: 0px;
padding: 0px;
}

td#chrono{
text-align: center;
border: solid 1px #4F4F4F;
margin: 5px;
padding: 5px;
}

/*links*/
ul#link{
list-style: none;
margin: 5px 35px;

}

ul#link li{
margin: 30px;
}

/*Mitarbeiter*/
td#staff1{
padding-left: 50px;
}

ul#staff{
margin-left: 20px;
list-style: none;
}

ul#staff li{
margin: 5px 10px;
}