* {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

body {
 font-family: verdana, arial, sans-serif;
 font-size: 16px;
 min-height: 100%;
}

a {
 outline: none;
 text-decoration: none;
}

#kopfzeile, #fusszeile, #textfeld_unten {
 font-size: 12px;
}

#kopfzeile, #fusszeile {
 left: 0;
 padding: 0 20px 0 20px;
 width: 1060px;
}

#kopfzeile {
 height: 130px;
 top: 0;
}

#banner_bilder {
 float: left;
 height: 56px;
 padding-top: 10px;
}

.banner_bild {
 float: left;
 height: 50px;
 width: 75px;
}

.banner_bild.links {
 -webkit-border-radius: 5px 0 0 5px;
 -moz-border-radius: 5px 0 0 5px;
 -o-border-radius: 5px 0 0 5px;
 -ms-border-radius: 5px 0 0 5px;
 border-radius: 5px 0 0 5px;
}

.banner_bild.rechts {
 -webkit-border-radius: 0 5px 5px 0;
 -moz-border-radius: 0 5px 5px 0;
 -o-border-radius: 0 5px 5px 0;
 -ms-border-radius: 0 5px 5px 0;
 border-radius: 0 5px 5px 0;
}

#banner_text {
 line-height: 56px;
 font-size: 45px;
 font-weight: bold;
 text-align: right;
}

#banner_text, #navigationsleiste_banner {
 padding-bottom: 10px;
}

#textfeld_oben, #textfeld_unten {
 margin: 0 0 0 230px;
 height: 40px;
}

#textfeld_oben {
 -webkit-border-radius: 40px 6px 0 0;
 -moz-border-radius: 40px 6px 0 0;
 -o-border-radius: 40px 6px 0 0;
 -ms-border-radius: 40px 6px 0 0;
 border-radius: 40px 6px 0 0;
}

#textfeld_unten {
 -webkit-border-radius: 0 0 6px 40px;
 -moz-border-radius: 0 0 6px 40px;
 -o-border-radius: 0 0 6px 40px;
 -ms-border-radius: 0 0 6px 40px;
 border-radius: 0 0 6px 40px;
 font-size: 12px;
 line-height: 40px;
 margin-bottom: 10px;
 text-align: center;
 vertical-align: middle;
}

#seite, #main {
 width: 1080px;
}

#navigationsleiste_oben, nav, #navigationsleiste_unten, #zeitanzeige {
 width: 230px;
}

#navigationsleiste_oben, #navigationsleiste_unten, #zeitanzeige {
 padding-left: 20px;
}

#navigationsleiste_oben {
 float: left;
 min-height: 50%;
 padding-bottom: 20px;
 z-index: 3;
}

nav, nav a {
 margin: 0px;
 padding: 0px;
}

nav ul {
 padding: 0;
}

nav li {
 margin: 0;
 padding-top: 5px;
 font-size: 19px;
}

nav a {
 display: block;
}

.pfeil_gross {
 border: none;
 height: 15px;
 width: 15px;
}

#familienmitglieder, #familienmitglieder a, #wegbeschreibung, #wegbeschreibung a, #verschiedenes, #verschiedenes a, #spiele a, #memory a {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 border-radius: 5px;
}

#familienmitglieder, #wegbeschreibung, #verschiedenes {
 border-style: solid;
 border-width: 1px;
 font-size: 12px;
 margin: 3px 0 0 22px;
 width: 155px;
}

#familienmitglieder a, #wegbeschreibung a, #verschiedenes a, #spiele a, #memory a {
 display: block;
 -webkit-transition: all 1.0s ease-out;
 -moz-transition: all 1.0s ease-out;
 -o-transition: all 1.0s ease-out;
 -ms-transition: all 1.0s ease-out;
 transition: all 1.0s ease-out;
}

#familienmitglieder a:hover, #wegbeschreibung a:hover, #verschiedenes a:hover, #spiele a:hover, #memory a:hover {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}

#familienmitglieder a, #wegbeschreibung a, #verschiedenes a {
 padding: 2px 5px;
}

.pfeil_klein {
 border: none;
 height: 10px;
 width: 10px;
}

#spiele {
 margin-left: 5px;
 padding: 1px 6px;
 width: 144px;
}

#spiele a {
 padding: 1px 6px;
}

#memory {
 margin-left: 4px;
 padding-left:7px;
 width: 133px;
}

#memory a {
 padding-left:7px;
}

.karten {
 font-size: 11px;
 letter-spacing: -1px;
}

.fotoalben_teil {
 font-size: 11px;
}

#navigationsleiste_unten {
 bottom: 75px;
 min-height: 50%;
 z-index: 2;
}

#zeitanzeige {
 bottom: 75px;
 z-index: 2;
}
 
#textfeld {
 padding-left: 40px;
 padding-right: 20px;
 min-width: 500px;
 text-align: justify;
}

.textfeld a {
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 transition: all 0.5s linear;
}

.textfeld a:hover {
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -o-transition: all 0.2s;
 -ms-transition: all 0.2s;
 transition: all 0.2s;
}

#nach_oben {
 display: none;
}

#fusszeile {
 bottom: 0;
 height: 65px;
 padding-bottom: 10px;
}

#disclaimer {
 float: right;
}

#button_nach_oben {
 -webkit-border-radius: 20px 5px 5px 20px;
 -moz-border-radius: 20px 5px 5px 20px;
 -o-border-radius: 20px 5px 5px 20px;
 -ms-border-radius: 20px 5px 5px 20px;
 border-radius: 20px 5px 5px 20px;
 display: none;
 height: 60px;
 line-height: 60px;
 width: 70px; position: fixed; bottom: 35px; right: 5px; opacity: 0.5;
 z-index: 20;
}

#anleitung {
 border: 4px solid;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -o-border-radius: 10px;
 -ms-border-radius: 10px;
 border-radius: 10px;
 display: none;
 min-height: 300px;
 padding: 20px;
 text-align: justify;
 width: 600px;
}

#anleitung .button a, #anleitung .button a:active, #anleitung .button a:visited {
 border: 2px solid;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 border-radius: 5px;
 display: table;
 margin: 0 auto;
 margin-top: 20px;
 padding: 1px 10px 1px 10px;
}

#anleitung .button a:hover {
 background-color: #f4b9c5;
 color: #ffffff;
}