body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	margin: 0;
}
    
div.start {
    margin-top:7%;
    margin-left:30%;
    min-width:746px;
}
     
div.content { 
    margin-left: auto; 
    margin-right: auto; 
}
div.leftC {
   background-color: #93D1CB;
   margin: 0;
   width: 270px;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   }
div.mainSpiel {
    margin:auto;
    padding-top:1%; 
    width:990px;
    }
div.mainPoems {
   padding: 0;
   margin-left:380px;
   margin-top:60px;
   }
div.mainPost {
   padding: 0;
   min-width:300px;
   margin-left:380px;
   margin-top:-80%;
   }
div.mainSpiele {
   padding: 0;
   margin-left:280px;
   margin-top:90px;
}
div.mainInfo {
   padding: 0;
   margin-left:280px;
   margin-top:0%;
}
div.mainMerkkunst {
   padding: 0;
   margin-left:280px;
   margin-top:3%;
}
div.mainBuchstabierspiel {
   padding: 0;
   margin-left:280px;
   margin-top:15%;
}
div.mainMotten {
   padding: 0;
   margin-left:280px;
   margin-top:5%;
}
div.mainLegeMotten {
   padding: 0;
   margin-left:280px;
   margin-top:5%;
}

div.mainABCForm {
   margin-left:380px;
   margin-top:15px;
   min-width:600px;
}
div.mainLinks {
   margin-left:380px;
   margin-top:35px;
   max-width:300px;
}

img.abcXaver {
    position: absolute;
    left:680px;
    top:180px;
}
img.abcXenia {
    position: absolute;
    left:780px;
    top:280px;
}
img.abcWusel {
    display:none;
}
p.webadressForPrint {
    display:none;
}
div.main {
   padding: 0;
   margin-left:200px;
   margin-top:90px;
   }
div.leftPoems {
   background-color: #B1E7E8;
   margin: 0;
   width: 270px;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   height:100%;
   }
p.post {
    margin-top: 1%;
    margin-left: 8%;
    font-size:10pt;
   }
p.impressum {
    margin-top: 1%;
    margin-left: 8%;
    font-size:0.8em;
   }
#poemsBG {
    background-color:#8CC5CA;
    }
#indexBG {
    background-color:#a9e0c7;
    }
#startBG {
    background-color:#a9e0c7;
    background-image:url(Ansicht_Komplett_web.gif);
	background-repeat:no-repeat;
	background-position:270px 20px;
    }
#infoBG {
    background-color:#FFFFFF;
    }
#cristmasBG {
    background-color:#CCFFFF;
    }
#alphabet {
    background-color:#FF3300;
    }
#ranke {
    background-color:#669999;
    }
#monster {
    background-color:#ffff99;
    }
#insects {
    background-color:#417520;
    }
#voegel {
    background-color:#ffff99;
    }
#buchstabierspiel {
    background-color:#ff6600;
    }
#backspiel {
    background-color:#993300;
    }
#schneemann {
    background-color:#CCCCCC;
    }
#mottenspiel {
    background-color:#40626D;
    }
#motten {
    background-color:#4f2711;
    }
div.title {
    margin-top:0px;
}
#InfoTextMousOver {  
    margin-top:66%;
    margin-left:6%;
    color:#601b18;
    font-size:0.8em;
    } 
#InfoTextStart {  
    margin-left:3%;
    color:#000000;
    font-size:10pt;
    }
#InfoTextPoems {  
    margin-left:3%;
    color:#FFFFFF;
    font-size:10pt;
    } 
div.InfoText { 
    float:left;
    margin-left:4%;  
    margin-top:4%; 
    padding:4%; 
    max-width:440px; 
    color:#601b18;
    font-size:0.8em;
    line-height:1.6em;
} 
div.MinisteriumText { 
    border-left-color:#000000; 
    border-right-color:#FFFFFF; 
    border-bottom-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-width:1px; 
    border-style:solid; 
    margin-left:2%;  
    margin-top:8%; 
    padding:1%; 
    max-width:204px; 
    float:left;
    color:#000000;
    font-size:0.8em;
} 
div.MinisteriumKurzText {
    padding-top:10%; 
} 
img { 
    border:none; 
    } 

div.centered {
    margin:auto;
    padding-top:0%; 
    width:990px;
}

div.wuselMK {
    float:left;
    padding-top:548px;
}
div.linksMK {
    float:left;
    padding-top:500px;
    padding-right:1%;
}
div.spielMK {
    float:left;
    padding-top:0%;
}


#InfoTextIndex {  
    padding-left:3%;
    color:#601b18;
    width:340px;
    min-height:80px;
    }
h1.spiel {
    font-size:1.4em;
    font-weight:bold;
    color:#000000;
    padding-left:2%;
    padding-top:1%;
}  
h1.spiele {
    font-size:1.7em;
    font-weight:bold;
    color:#601b18;
    padding-left:6%;
    padding-top:2%;
}  
i.headline {
    font-size:1em;
    font-weight:bold;
    color:#601b18;
}
div.spiele {
    margin-top:5%;
    padding:2%;
    float:left;
} 

a.spieleLink {
    border:2px;
    border-color:#74B31F;
}

a.pictureLink {  
    text-decoration: none;
    border:0px;
}
a.pictureLink:visited { 
	 
	}
a.pictureLink:hover { 
 
	}
a.pictureLink:active { 
	     
	}
a.pictureLink:link { 
   
    }
a.impressum {  
    font-size:0.8em;
    text-decoration: underline;
    border:0px;
    color: #000000; 
     }    
a.copyrightFixed {  
    font-size:10pt;
    text-decoration: none;
    border:0px;
    color: #601b18; 
     }
a.copyrightFixed:visited { 
	color: #601b18;
	}
a.copyrightFixed:hover { 
    color:#310c10;
	}
a.copyrightFixed:active { 
	text-decoration: none;  
	color: #601b18;     
	}
a.copyrightFixed:link { 
    color:#310c10;
    text-decoration: none;  
    }
a.linkTipps {  
    font-size:10pt;
    text-decoration: underline;
    border:0px;
    color: #601b18; 
     }
a.linkTipps:visited { 
	color: #601b18;
	}
a.linkTipps:hover { 
    color:#FF0000;
	}
a.linkTipps:active { 
	color: #601b18;     
	}
a.linkTipps:link { 
    color:#310c10;
    }
div.simpleTextLeft {
    position:absolute; 
    top:20%; 
    left:2%;
    padding:2%;
    }
div.simpleFooterLeft {
    position:absolute; 
    top:84%; 
    left:2%;
    padding:2%;
    }
div.simpleFooterSpiel {
    padding-top:1%;
    padding-left:2%;
    }
div.simpleFooterRight {
    position:fixed; 
    bottom:22px; 
    }

div.footerText {
    padding-top:20px;
    margin-left:8%;
    z-index: 6;
	display: inline;
	float:left;
}
div.footerInfoText {
    padding-top:20px;
    margin-left:2%;
    z-index: 6;
	display: inline;
	float:left;
    font-size:10pt;
}
i.footerInfoText {
    font-size:10pt;
}
div.mkLeft {
    float:left;
    margin-top:610px;
    margin-right:2%;
}
div.mkRight{
    float:left;
    margin-top:510px;
}
div.mkMK {
    width:810px;
    float:left;
}
h2 {
    font-weight:normal;
    font-size:18pt;
    color: #601b18;
    }


div.poems {
 background-color: #d5eeff;
   padding: 3%;
   margin-left: 3%;

} 
div.poemIllustration {
    float:left;
    margin-top:15%; 
    margin-left:-22%; 
 }
div.poemIllustration1 {
    margin-top:-30px; 
    margin-left:760px; 
}
div.poemIllustration3 {
    margin-top:20px; 
    margin-left:690px; 
}
div.poemIllustration4 {
    margin-top:20px; 
    margin-left:690px; 
 }
div.poemIllustration2 {
    margin-top:-100px; 
    margin-left:760px; 
}
div.poemIllustration5 {
    margin-top:-248px; 
    margin-left:690px; 
}
div.poemIllustration6 {
    margin-top:-50px; 
    margin-left:650px; 
}
div.poemIllustration7 {
    margin-top:80px; 
    margin-left:720px; 
}
div.poemIllustration8 {
    margin-top:-500px; 
    margin-left:620px; 
}
div.poemIllustration9 {
    margin-top:-100px; 
    margin-left:660px; 
}
div.Cristmas_poemIllustration1 {
    margin-top:-100px; 
    margin-left:680px; 
}
div.Cristmas_poemIllustration2 {
    margin-top:-500px; 
    margin-left:720px; 
}
div.Cristmas_poemIllustration3 {
    margin-top:-500px; 
    margin-left:620px; 
}
div.Cristmas_poemIllustration4 {
    margin-top:-600px; 
    margin-left:580px; 
}
div.Cristmas_poemIllustration5 {
    margin-top:-30px; 
    margin-left:580px; 
}
div.Hund_Wusel {
    margin-top:-320px; 
    margin-left:780px; 
}
a.poem { 
     font-size:12pt;
    line-height: 1.6em; 
    text-decoration: none;
    outline:0;   
    color: #601b18; 
     }
a.poem:visited { 
	color: #601b18;
	}
a.poem:hover { 
    color:#310c10;
	}
a.poem:active { 
	text-decoration: none;  
	color: #601b18;     
	}
a.poem:link { 
    color:#310c10;
    text-decoration: none;  
    }
    
a.poet {  
    font-size:0.8em;
    font-style:italic;
    text-decoration: underline;
    outline:0;   
    color: #CCFFCC; 
     }
a.poet:visited { 
	color: #601b18;
	}
a.poet:hover { 
    color:#310c10;
	}
a.poet:active { 
	text-decoration: none;  
	color: #601b18;     
	}
a.poet:link { 
    color:#310c10;
    text-decoration: none;  
    }

/*  forward */
div.forward {
	width: 300px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	padding:3%;
	background-color: #CCFFFF;
}
#forwardBG {
	background-color:#8CC5CA;
}
div.forwardiBooks {
	position:absolute;
	top:12%;
 	left:30%;
	width: 40%;	
	margin-left:auto;
	margin-right:auto;
	padding:3%;
	background-color: #CCFFFF;
	}
p.forwardText {
	font-size: 0.9em;
	line-height: 1.6em; 
	}
a.forwardLink {   
    font-size:0.9em;
    line-height:1.6em; 
    text-decoration: none;
    outline:0;   
    color: #601b18; 
     }
a.forwardLink:visited { 
	color: #601b18;
	}
a.forwardLink:hover { 
    color:#310c10;
	}
a.forwardLink:active { 
	text-decoration: none;  
	color: #601b18;     
	}
a.forwardLink:link { 
    color:#310c10;
    text-decoration: none;  
    }

#arrowRight {
	width: 10%;	
	vertical-align:-35%;
	padding-left:3%;
	}

#arrowLeft {
	width: 10%;	
	vertical-align:-35%;
	padding-left:1%;
	}