/* 
    Created on : 04.11.2013, 10:27:23
    Author     : engine-marcel
*/
body{
    /*
     background-repeat: no-repeat;
     background: #eceded;
     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a8d5fe), to(#eceded));
     background: -webkit-linear-gradient(#a8d5fe, #eceded);
     background: -moz-linear-gradient(#a8d5fe, #eceded);
     background: -ms-linear-gradient(#a8d5fe, #eceded);
     background: -o-linear-gradient(#a8d5fe, #eceded);
     background: linear-gradient(#a8d5fe, #eceded);
     -pie-background: linear-gradient(#a8d5fe, #eceded);
     behavior: url(PIE.htc);  */
    background: #eceded;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a8d5fe), to(#eceded));
    background: -webkit-linear-gradient(#a8d5fe, #eceded);
    background: -moz-linear-gradient(#a8d5fe, #eceded);
    background: -ms-linear-gradient(#a8d5fe, #eceded); 
    background: linear-gradient(#a8d5fe, #eceded);
    -pie-background: linear-gradient(#a8d5fe, #eceded);
    behavior: url('/pie/PIE.htc');
}
footer{
    bottom: 0;
    position: absolute;
    right: 240px;
}
#footermenu{
    right: 0;

}
html{
}
.popin .gamealert{
    height: 22%;
    left: 440px;
    opacity: 1;
    top: 420px;
    width: 32%;
    z-index: 999999;
    padding: 30px;
}
.popin .gamealert .headline{
    font-size: 24px;
    margin-bottom: 14px;
}
.popin .gamealert .closebtn{
    background: url('../../default/img/overlay_closebtn.png') no-repeat;
    background-size: 100%;

}
.popin .gamealert .continuebutton{
    background-image: url("../../fuer_erwachsene/img/more_erwachsene.png");
    display: inline-block;
    height: 30px;
    width: 30px;
}
.popin .gamealert .message{
    font-size: 14px;
}
.icon.zeitung{
    background-image: url("../img/default/zeitung.png");
    background-repeat: no-repeat;
    background-size: 50% auto;
    height: 120px;
    left: -40px;
    top: -70px;
    width: 130px;
}
.wrap3 {
    padding: 10px 20px !important;
}
#nav ul li ul.submenu li{
    min-width: 200px;
}

#nav { 
    z-index: 10000 !important;
    font-size: 0;

}
#header {
    margin: auto;
}
#navlogo {
    z-index: 10001;
    top: -18px;
}
#logo{
    z-index: 10001 ;
    position: relative;
}
#startwrapper{
    overflow:hidden;
}
#illustration_start{
    position: relative;
    background: url('../img/frueh/bg.png') no-repeat;
    width: 1426px;
    height: 947px;
    margin: auto;
    z-index: 11;
    top:-140px;
    left: 0;
    background-size: contain;
    overflow: visible;
}
.kimi, .item{
    cursor: pointer;
}

/* KIMIS */
.kimi {
    z-index: 10;
    position: absolute;
}

.lefteye{
    background: url('../../img/illustrationen/aktuelles/browneye.png') no-repeat;
    background-size: 70%;
}
.righteye {
    background: url('../../img/illustrationen/aktuelles/browneye.png') no-repeat;
    background-size: 70%;
}
.sprechblase {
    display: none ;
    background: url('../../default/img/illustrationen/blase1.png') no-repeat;
    width: 148px;
    height: 77px;
    font-size: 0.7em;
    background-size: 100%;
    font-family: 'bundessans_webregular';
    padding: 19px;
    text-align: center;
    vertical-align: middle;
    z-index: 11;
    padding-top: 30px;
}
.sprechblase p {
    font-family: 'Bitter';
    margin: 0;
    font-size: 1.3em;
}
/* KIMI MO */
.kimi.mo {
    position: absolute;
    width: 131px;
    height: 197px;
    left: 1006px;
    bottom: 320px;
}

.kimi.mo .background{
    background: url('../img/frueh/mo.png') no-repeat;
    background-size: contain;
    width: 109px;
    height: 296px;
    z-index: 10;
}
.kimi.mo > div {
    position: absolute; 
    margin: 0;
    background-size: contain;
}
.kimi.mo .zeitung{
    background: url('../img/frueh/mo_hand.png') no-repeat;
    width: 79px;
    height: 72px;
    top: 55px;
    left: -70px;
    z-index: 8;
    background-size: contain;
}
.kimi.mo .sprechblase{
    left: 70px;
    top: -50px;
}
.kimi.mo .arm{
    background: url('../img/winter/mo_arm.png') no-repeat;
    background-size: contain;
    width: 119px;
    height: 96px;
    top: 59px;
    left: -62px;
    z-index: 9;
}


/* KIMI kim */
.kimi.kim {
    position: absolute;
    width: 101px;
    height: 271px;
    left: 404px;
    bottom: 205px;
}
.kimi.kim .background{
    background-image: url('../img/frueh/kim.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 10;
    width: 101px;
    height: 271px;
}
.kimi.kim > div {
    position: absolute; 
    margin: 0;
    background-size: 100%;
}
.kimi.kim .sprechblase{
    padding-top: 23px;
    left: 63px;
    top: -71px;
}
.kimi.kim .arm{
    background-image: url('../img/frueh/kim_arm.png');
    background-repeat: no-repeat;
    width: 34px;
    height: 63px;
    left: -26px;
    top: 55px;
    z-index: 11;
}

/* KIMI ingo */
.kimi.ingo {
    position: absolute;
    width: 105px;
    height: 261px;
    left: 750px;
    bottom: 234px;
}
.kimi.ingo .sprechblase{
    padding-top: 22px;
    background-image: url('../../default/img/illustrationen/blase3.png');
    background-size: 100%;
    left: -150px;
    position: absolute;
    top: -60px;
}
.kimi.ingo .background{
    background: url('../img/winter/ingo.png') no-repeat;
    background-size: 100%;
    z-index: 10;
    width: 105px;
    height: 261px;
}

/* KIMI ingrid */
.kimi.ingrid {
    position: absolute;
    width: 83px;
    height: 127px;
    left: -6px;
    top: 30px;
}
.kimi.ingrid .background{
    background: url('../img/winter/ingrid.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 83px;
    height: 227px;
}
.kimi.ingrid > div {
    position: absolute; 
    margin: 0;
    background-size: 100%;
}
.kimi.ingrid .arm{
    background-image: url('../img/winter/ingrid_arm.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 58px;
    left: 73px;
    top: 45px;
    z-index: 11;
}
.specialingrid{
    left: 870px;
    position: absolute;
    padding-top: 23px;
}
.item.flugzeug{
    background-image: url('../img/flugzeug.png');
    position: absolute;
    top: 127px;
    left: 173px;
    width: 433px;
    height: 103px;
    z-index: 11;
    cursor: pointer;
}

/* ITEMS */
.item {
    z-index: 10;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.item > div {
    background-size: 100%;
    background-repeat: no-repeat;
}
.item.haus {
    background-image: url('../img/winter/haus.png') ;
    position: absolute;
    width: 980px;
    height: 563px;
    left: 211px;
    bottom: 231px;
    cursor: auto;
}
.item.baum {
    background-image: url('../img/frueh/baum1_krone.png') ;
    position: absolute;
    width: 159px;
    height: 174px;
    left: 103px;
    bottom: 399px;
}
.item.fenster.infoecke{
    background-image: url('../img/winter/fenster.png') ;
    position: absolute;
    width: 106px;
    height: 152px;
    left: 834px;
    bottom: 358px;
    overflow: hidden;
}
.item.fenster.spiele{
    position: absolute;
    width: 106px;
    height: 152px;
    left: 234px;
    bottom: 358px;
    overflow: hidden;
}
.item.fenster.ministerium{
    bottom: 78px;
    height: 262px;
    left: 444px;
    overflow: hidden;
    position: absolute;
    width: 256px;
}
.item.fenster.aktuelles{
    position: absolute;
    width: 106px;
    height: 152px;
    left: 724px;
    bottom: 198px;
    overflow: hidden;
}
.item.fenster.ministerin{
    position: absolute;
    width: 106px;
    height: 152px;
    left: 124px;
    bottom: 198px;
    overflow: hidden;
}
.item.baum .stamm{
    background-image: url('../img/frueh/baum1_stamm.png') ;
    width: 67px;
    height: 212px;
    left: 48px;
    top: 110px;
    position: relative;
}

.item.baum2 {
    background-image: url('../img/frueh/baum2_krone.png') ;
    position: absolute;
    width: 182px;
    height: 193px;
    left: 1119px;
    bottom: 405px;
}
.item.baum2 .stamm{
    background-image: url('../img/frueh/baum2_stamm.png') ;
    width: 55px;
    height: 213px;
    left: 57px;
    top: 137px;
    position: relative;
}


.item.schneemann {
    background-image: url('../img/winter/schneemann.png') ;
    position: absolute;
    width: 106px;
    height: 128px;
    left: 1219px;
    bottom: 235px;
}
.item.schneemann .hut {
    background-image: url('../img/winter/hut.png') ;
    width: 77px;
    height: 55px;
    left: 12px;
    top: -28px;
    position: absolute;
}


.item.postkasten{
    background-image: url('../img/frueh/postkasten.png') ;
    position: absolute;
    top: 570px;
    left: 317px;
    width: 78px;
    height: 167px;
}
.item.tuer{
    background-image: url('../img/winter/tuer.png') ;
    position: absolute;
    top: 364px;
    left: 803px;
    width: 141px;
    height: 360px;
}

.item.hoernchen{
    background-image: url('../img/winter/eich.png') ;
    position: absolute;
    top: 670px;
    left: 960px;
    width: 43px;
    height: 43px;
}
.item.hase1{
    background-image: url('../img/frueh/hase2.png') ;
    position: absolute;
    top: 705px;
    left: 183px;
    width: 43px;
    height: 43px;
}
.item.hase2{
    background-image: url('../img/frueh/hase1.png') ;
    position: absolute;
    top: 640px;
    left: 103px;
    width: 35px;
    height: 64px;
}
.item.hase3{
    background-image: url('../img/frueh/hase3.png') ;
    position: absolute;
    top: 730px;
    left: 840px;
    width: 43px;
    height: 43px;
}

.item.sonne{
    background-image: url('../img/winter/sonne.png') ;
    position: absolute;
    top: 130px;
    left: 823px;
    width: 80px;
    height: 76px;
    z-index: 1;
    cursor: auto;
}
.item.globus {
    position: absolute;
    width: 32px;
    height: 44px;
    left: 156px;
    bottom: 209px;
}
.item.globus .background{
    background: url('../../img/illustrationen/aktuelles/globus.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 32px;
    height: 44px;
}


.item.laptop {
    position: absolute;
    width: 70px;
    height: 78px;
    left: 646px;
    bottom: 199px;
}
.item.laptop .background{
    background: url('../../img/illustrationen/aktuelles/laptop.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 70px;
    height: 78px;
}
.item.zeitungsstapel {
    position: absolute;
    width: 83px;
    height: 104px;
    left: 766px;
    bottom: 70px;

}
.item.zeitungsstapel .background{
    background: url('../../img/illustrationen/aktuelles/zeitungsstapel.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 83px;
    height: 104px;
}


.item.kalendar {
    position: absolute;
    width: 32px;
    height: 44px;
    left: 866px;
    bottom: 259px;
}
.item.kalendar .background{
    background: url('../../img/illustrationen/aktuelles/kalendar.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 32px;
    height: 44px;
}

.item.notiz {
    position: absolute;
    width: 42px;
    height: 54px;
    left: 776px;
    bottom: 210px;
}
.item.notiz .background{
    background: url('../../img/illustrationen/aktuelles/notiz.png') no-repeat;
    background-size: contain;
    z-index: 10;
    width: 42px;
    height: 54px;
}

.schneeflocke {
    background: url('../img/winter/schnee.png') no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    width: 21px;
    height: 24px;
    left: 0;
    top: 0;
    z-index: 0;
}
.wolke{
    background: url('../img/winter/wolke_big.png') no-repeat;
    width: 173px;
    height: 110px;
    background-size: 100%;
    position: absolute;
    z-index: 2;
}