/* CSS Document */
#container{
position:absolute;
width:685px;
padding:0px;
margin:0 auto;
/*margin-top:10%;
margin-bottom:15%;
margin-left:auto;
margin-right:auto;*/
margin: -200px 0px 0px -350px;
top: 50%; 
left: 50%;
}


#container br{
height:0px;
}

img {
display:inline;
margin:0px;
padding:0px;
border:0px;
}

#definition p{
margin:30px;
padding:40px;
font-size:12px;
}

#definition2 p{
padding:40px;
font-size:12px;
}

a:link {color:#0099FF; text-decoration:none;}
a:visited {color:#0066CC; text-decoration:none;}
a:hover  {color:#003399; text-decoration:none;}
a:active {color:#0099FF; text-decoration:none;}



#container a img {
border:none !important;
width: 137px;
height:62px;
background-position: left top;
}
#container  a:hover img{
background-position: left top;
}

#container  a  img.profil{
background-image:url(../teile_index/profil1.jpg);}
#container  a:hover img.profil{
background-image:url(../teile_index/profil2.jpg);} 

#container  a  img.kontakt{
background-image:url(../teile_index/kontakt1.jpg);}
#container  a:hover img.kontakt{
background-image:url(../teile_index/kontakt2.jpg);}

#container  a  img.kontakt{
background-image:url(../teile_index/kontakt1.jpg);}
#container  a:hover img.kontakt{
background-image:url(../teile_index/kontakt2.jpg);}
 
#container  a  img.news{
background-image:url(../teile_index/news1.jpg);}
#container  a:hover img.news{
background-image:url(../teile_index/news2.jpg);}

#container  a  img.printdesign{
background-image:url(../teile_index/printdesign1.jpg);}
#container  a:hover img.printdesign{
background-image:url(../teile_index/printdesign2.jpg);} 

#container  a  img.webdesign{
background-image:url(../teile_index/webdesign1.jpg);}
#container  a:hover img.webdesign{
background-image:url(../teile_index/webdesign2.jpg);} 

#container  a  img.animation{
background-image:url(../teile_index/animation1.jpg);}
#container  a:hover img.animation{
background-image:url(../teile_index/animation2.jpg);} 

#container  a  img.kunst{
background-image:url(../teile_index/kunst1.jpg);}
#container  a:hover img.kunst{
background-image:url(../teile_index/kunst2.jpg);} 

/*____Bilderlinks für printdesign.html
______________________________________*/
#container  a  img.kaserne{
background-image:url(../teile_print/kaserne.jpg);}
#container  a:hover img.kaserne{
background-image:url(../teile_print/kaserne2.jpg);} 

#container  a  img.widder{
background-image:url(../teile_print/widder1.jpg);}
#container  a:hover img.widder{
background-image:url(../teile_print/widder2.jpg);} 

#container  a  img.sottovoce{
background-image:url(../teile_print/sottovoce1.jpg);}
#container  a:hover img.sottovoce{
background-image:url(../teile_print/sottovoce2.jpg);} 

#container  a  img.juhu{
background-image:url(../teile_print/juhu1.jpg);}
#container  a:hover img.juhu{
background-image:url(../teile_print/juhu2.jpg);} 

#container  a  img.logos{
background-image:url(../teile_print/logos1.jpg);}
#container  a:hover img.logos{
background-image:url(../teile_print/logos2.jpg);}

#container  a  img.eigene{
background-image:url(../teile_print/eigene1.jpg);}
#container  a:hover img.eigene{
background-image:url(../teile_print/eigene2.jpg);} 

/*____Bilderlinks für webdesign.html
______________________________________*/ 

#container  a  img.alltagskonstruktionen{
background-image:url(../teile_website/alltagskonstruktionen1.jpg);}
#container  a:hover img.alltagskonstruktionen{
background-image:url(../teile_website/alltagskonstruktionen2.jpg);} 

#container  a  img.laermorama{
background-image:url(../teile_website/laermorama1.jpg);}
#container  a:hover img.laermorama{
background-image:url(../teile_website/laermorama2.jpg);} 

#container  a  img.shiatsu{
background-image:url(../teile_website/shiatsu1.jpg);}
#container  a:hover img.shiatsu{
background-image:url(../teile_website/shiatsu2.jpg);} 

#container  a  img.muki{
background-image:url(../teile_website/muki1.jpg);}
#container  a:hover img.muki{
background-image:url(../teile_website/muki2.jpg);} 

#container  a  img.roterturm{
background-image:url(../teile_website/roterturm1.jpg);}
#container  a:hover img.roterturm{
background-image:url(../teile_website/roterturm2.jpg);} 

#container  a  img.william{
background-image:url(../teile_website/william1.jpg);}
#container  a:hover img.william{
background-image:url(../teile_website/william2.jpg);} 

#container  a  img.gesund{
background-image:url(../teile_website/gesund1.jpg);}
#container  a:hover img.gesund{
background-image:url(../teile_website/gesund2.jpg);} 

#container  a  img.unesco{
background-image:url(../teile_website/unesco1.jpg);}
#container  a:hover img.unesco{
background-image:url(../teile_website/unesco2.jpg);} 

/*____Bilderlinks für animation.html
______________________________________*/ 

#container  a  img.animation1{
background-image:url(../teile_animation/animation1.jpg);}
#container  a:hover img.animation1{
background-image:url(../teile_animation/animation1h.jpg);} 

#container  a  img.animation2{
background-image:url(../teile_animation/animation2.jpg);}
#container  a:hover img.animation2{
background-image:url(../teile_animation/animation2h.jpg);} 

#container  a  img.animation3{
background-image:url(../teile_animation/animation3.jpg);}
#container  a:hover img.animation3{
background-image:url(../teile_animation/animation3h.jpg);} 

#container  a  img.animation4{
background-image:url(../teile_animation/animation4.jpg);}
#container  a:hover img.animation4{
background-image:url(../teile_animation/animation4h.jpg);} 

/*#container  a  img.animation5{
background-image:url(../teile_animation/animation5.jpg);}
#container  a:hover img.animation5{
background-image:url(../teile_animation/animation5h.jpg);} */

#container  a  img.animation6{
background-image:url(../teile_animation/animation6.jpg);}
#container  a:hover img.animation6{
background-image:url(../teile_animation/animation6h.jpg);} 

#container  a  img.animation7{
background-image:url(../teile_animation/animation12.jpg);}
#container  a:hover img.animation7{
background-image:url(../teile_animation/animation12h.jpg);} 

#container  a  img.animation8{
background-image:url(../teile_animation/animation18.jpg);}
#container  a:hover img.animation8{
background-image:url(../teile_animation/animation18h.jpg);} 

#container  a  img.animation9{
background-image:url(../teile_animation/animation24.jpg);}
#container  a:hover img.animation9{
background-image:url(../teile_animation/animation24h.jpg);}


/*#container a {
border:0;*/
/*background-image:url(teile/grau.jpg);*/
/*font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size:12px;
color:#777;
line-height:20px;*/
/*float:right;*/
/*height:62px;
width:137px;
display:block;
}*/




h3{
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:3px;
line-height:20px;
color:#494949;
margin:0px;
padding:0px;
}

h2{
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:6px;
color:#CCC;
margin:0px 0px -10px 137px;
padding:0px;
}


.clrleft{
clear:left;
}

#adventskalender{
position:absolute;
width:980px;
padding:0px;
margin:0 auto;
margin: -300px 0px 0px -480px;
top: 50%; 
left: 50%;
}

#puppenspieler{
position:absolute;
width:440px;
padding:0px;
margin:0 auto;
margin: -230px 0px 0px -230px;
top: 50%; 
left: 50%;
}

#puppenspieler2{
position:absolute;
width:760px;
padding:0px;
margin:0 auto;
margin: -240px 0px 0px -380px;
top: 50%; 
left: 50%;
}