@charset "utf-8";
/* CSS Document */

body {
background-color:#F1DCC8;
background-image:url(../bilder/michas-welt.jpg);
background-repeat:no-repeat;
background-position:center top;
}

/* Die Seite ist insgesamt 900 hoch und 1000 px breit */

#seite {
width: 1000px;
height: 900px;
/* position relative, da sonst andere absolute Container (extra) NICHT daran orientieren würden */
position:relative; top:0px; left:0px;
/* zentrieren des div auf die Seitenmitt: */
margin: 0 auto;
/*
background-color:#7C4AA8;
background-image:url(../bilder/micha-schiff.jpg);
*/
font: normal 13px verdana, sans-serif;
color:#fdfab5;
}

#oben {
width: 1000px;
height: 630px;
/* background-color:#98AA00; */
float: left;
}

#linkleiste {
width: 1000px;
height: 65px;
/* background-color:#98AA00; */
float: left;
}

/* in linkleiste befinden sich folgende Container */
#leerlinks {
width: 180px;
height: 65px;
/* background-color:#98AA00; */
float: left;
}

#linktraumwald {
width: 200px;
height: 65px;
font-size:20px;
/* background-color:#98AA00; */
float: left;
}

#linktraumwald a:link , #linkthedoc a:visited {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/button-traumwald1.png);
background-repeat:no-repeat;
}

#linktraumwald a:hover {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/button-traumwald2.png);
background-repeat:no-repeat;
}

#linktraumwald a:active {
background-image:url(../bilder/button-traumwald2.png);
background-repeat:no-repeat;
}

#linkgeschichten {
width: 200px;
height: 65px;
font-size:20px;
/* background-color:#98AA00; */
float: left;
}

#linkgeschichten a:link , #linkgeschichten a:visited {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/holzgesch.png);
background-repeat:no-repeat;
}

#linkgeschichten a:hover {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/holzgesch2.png);
background-repeat:no-repeat;
}

#linkgeschichten a:active {
background-image:url(../bilder/holzgesch.png);
background-repeat:no-repeat;
}

#leermitte {
width: 260px;
height: 65px;
/* background-color:#98AA00; */
float: left;
}

#linkthedoc {
width: 200px;
height: 65px;
font-size:20px;
/* background-color:#98AA00; */
float: left;
}

#linkthedoc a:link , #linkthedoc a:visited {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/button-the-doc.png);
background-repeat:no-repeat;
}

#linkthedoc a:hover {
display:block;
width:200px;
height:65px;
background-image:url(../bilder/button-the-doc2.png);
background-repeat:no-repeat;
}

#linkthedoc a:active {
background-image:url(../bilder/button-the-doc.png);
background-repeat:no-repeat;
}

#linkzuruck {
width: 150px;
height: 65px;
font-size:12px;
text-align:right;
/* background-color:#98AA00; */
float: left;
}

a:link {
color:#111;
text-decoration: none;
}

a:active {
color:#FFF;
text-decoration: none;
}

a:visited {
color:#FFF;
text-decoration: none;
}

a:hover {
color:#0066FF;
text-decoration: none;
}