@import url('form.css');

html, body {
    margin: 0;
    padding: 0;
    background-color: #dcdace;
    height: 100%; }
h1 {
    text-transform: uppercase;
    font-size: 110%;
    margin: 2em 0;
    padding: 0; }
h1 img { vertical-align: middle; }
h2 { font-size: 105%; }
h3, h4, h5, h6 { font-size: 100%; }
a img { border: 0; }

.center { text-align: center; }
.clear { clear: both; }
.square { list-style-type: square; }

#site {
    font: 0.9em normal, Arial, Verdana, sans;
    min-height: 100%;
    position: relative; }

#menu ul {
    list-style: none;
    margin: 0;
    padding: 1em 2em;
    font-size: 110%;
    text-transform: uppercase; }

#menu li {
    display: inline;
    margin: 0 1em; }
#menu, #more, #schlutius_bilder, #bilder { background-color: #b0ada8; }

#menu a:link, #menu a:visited {
    color: black;
    text-decoration: none; }
#menu a:hover { color: white; }

#submenu {
    list-style-type: none;
    padding: 0;
    margin: 0; }
#submenu li { margin: 0.2em 0; }
#submenu a:link, #submenu a:visited {
    color: black;
    text-decoration: none; }
#submenu a:hover { text-decoration: underline; }
#submenu li.current a:link, #submenu li.current a:visited {
    color: #00a28a; }

#more {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 150px;
    line-height: 150px; }
#more li {
    display: inline;
    padding: 0 2em; }
#more img { vertical-align: middle; }

#schlutius_bilder, #bilder { height: 150px; }
#schlutius_bilder, #bilder, #familie_schlutius  {
    list-style: none;
    padding: 0;
    margin: 0; }
#schlutius_bilder li, #familie_schlutius li {
    float: left;
    margin-left: 15px;
    width: 150px; }
#bilder li { display: inline; margin-left: 15px; }
#schlutius_bilder img, #bilder img { vertical-align: middle; }

#familie_schlutius {
    clear: left;
    padding: 0.5em 0;
    font-size: 60%;
    font-style: italic; }

#ansprechpartner {
    border-spacing: 0;
    margin: 0; }
#ansprechpartner th { text-align: left; }
#ansprechpartner th, #ansprechpartner td { padding: 0.1em 0; padding-right: 1.5em; }

address {
    margin: 1em 0;
    font-style: normal; }

@media screen, projection, handheld {
    #bilder a img {
        cursor: -moz-zoom-in !important;
        cursor: url('../img/zoom-in.ico'); }
}