/*
    Document   : default
    Created on : 08.10.2013, 17:30:14
    Author     : yassine.engine
    Description:
        Purpose of the stylesheet follows.
*/


@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);

/* bundessans_webregular */
@font-face {
    font-family: 'bundessans_webregular';
    src: url('../fonts/bundessansweb-regular/bundessansweb-regular-webfont.eot');
    src: url('../fonts/bundessansweb-regular/bundessansweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bundessansweb-regular/bundessansweb-regular-webfont.woff') format('woff'),
        url('../fonts/bundessansweb-regular/bundessansweb-regular-webfont.ttf') format('truetype'),
        url('../fonts/bundessansweb-regular/bundessansweb-regular-webfont.svg#bundessans_webregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* bundessans_bold */
@font-face {
    font-family: 'bundessans_bold';
    src: url('../fonts/bundessansweb-bold/BundesSansWeb-Bold.eot');
    src: url('../fonts/bundessansweb-bold/BundesSansWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bundessansweb-bold/BundesSansWeb-Bold.woff') format('woff'),
        url('../fonts/bundessansweb-bold/BundesSansWeb-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* bundessans_italic */
@font-face {
    font-family: 'bundessans_italic';
    src: url('../fonts/bundessansweb-italic/BundesSansWeb-Italic.eot');
    src: url('../fonts/bundessansweb-italic/BundesSansWeb-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bundessansweb-italic/BundesSansWeb-Italic.woff') format('woff'),
        url('../fonts/bundessansweb-italic/BundesSansWeb-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* bundessans_bold_italic */
@font-face {
    font-family: 'bundessans_bold_italic';
    src: url('../fonts/bundessansweb-bold-italic/BundesSansWeb-BoldItalic.eot');
    src: url('../fonts/bundessansweb-bold-italic/BundesSansWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bundessansweb-bold-italic/BundesSansWeb-BoldItalic.woff') format('woff'),
        url('../fonts/bundessansweb-bold-italic/BundesSansWeb-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


*{
    margin: 0px;
    padding: 0px;
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;
    -webkit-font-variant-ligatures: no-common-ligatures;
}

body{
    background-color: #b5dadd;
    font-family: 'bundessans_webregular', serif;
    font-size: 13px;
    color: #1d1d1b;
}

h1{
    margin-bottom: 0.67em;
}

h1,h2,h3,h4,h5,h6,a{
    color: #00527d;

}

h1,h2,h3,h4,h5,h6{
    font-family: 'Bitter';
}

.csc-firstHeader{
    margin: 0;
    margin-bottom: 26px;
    font-size: 22px;
}
h4{
    margin-bottom: 26px;
    font-size: 22px;
}

h5{
    font-size: 18px;
}

p{
    margin: 0 0 9px 0;
    font-size: 17px;
    -moz-font-feature-settings: "liga" off;
}

ul{
    list-style: none;

}

.clear{
    clear: both;
    height: 0px;
}

a{
    text-decoration: none;
}

a:focus{
    text-decoration: underline;
    outline: none;
    color: #3e2f25;
}
a:hover{text-decoration: underline;}
#nav a:hover{text-decoration: none;}

#wrapper{
    margin: 0 auto;
    position: relative;
    width: 960px;
}

.out{
    left: -20000em;
    position: absolute !important;
    top: -20000em;
}

/* ******************************************************
    Headerbereich: Logo + Navigation

   ******************************************************/
#bodybg{
    display:none;
}

header{
    width: 960px;
}
footer{
    float: right;
    margin-bottom: 20px;
}
article img{
    max-width: 100%;
    height: auto;
}
#footermenu li{
    margin-left: 10px;
    display: inline-block;
}

#logo{
    background: url("../img/logo/logo.png") top left no-repeat;
    background-size: cover;
    font-size: 0;
    height: 103px;
    text-indent: -1999px;
    width: 202px;
    float: left;
}

#nav{
    display: block;
    background-color: #fff;
    height: 60px;
    margin-top: 43px;
    margin-left: 6px;
    width: 752px;
    float: left;
    position: relative;
}

#nav ul li{
    display: inline-block;
}

#nav ul li a{
    font-size: 15px;
}

#nav ul li ul.submenu{
    padding: 10px 0px;
}

#nav ul li ul.submenu li{
    display: block;
    margin-bottom: 10px;
}

#nav ul li ul.submenu li.lastItem{
    margin-bottom: 0px;
}
#nav ul li ul.submenu li.active a{
    text-decoration: underline;
}

#rubriken{
    float: left;
    margin-left: 12px;
    margin-top: -30px;
    font-family: 'bundessans_bold';
}
#navlogo {
    position: absolute;
    top: 25px;
    right: 27px;
    width: 175px;
    z-index: 999;
}
#info{
    margin-top: 6px;
    position: absolute;
    right: 0;
    top: -43px;
}

#info li{
    margin-right: 5px;
}

#info li a{
    color: #4c5255;
    font-size: 12px !important;
}

.firstlevel{
    position: relative;
    width: 102px;
    height: 51px;
}

.firstlevel a{
    display: block;
    height: 35px;
    width: 102px;
    padding-top: 55px;
    text-align: center;
    margin: 0 auto;
}

.firstlevel a span{
    display:block;
    margin: 0 auto;
    position: relative;
}


.firstlevel a.hover span, .firstlevel a:focus span, .firstlevel.active a span{
    opacity: 1;
    filter: alpha(opacity=100);
}
.background-rubrik{
    background: none repeat scroll 0 0 transparent;
    height: 51px;
    margin: 0 25px;
    position: absolute;
    top: 0;
    width: 51px;
}
#nav1{

    color:#00527d;
}
#nav1 .wrap1 {
    left: -9px;
}
#nav1 .background-rubrik{
    background: url("../img/nav.png") 0 1px    no-repeat;
}
/*#nav1.active {
    background: url("../img/nav.png") 0 -51px   no-repeat;
}*/

#nav1:hover .background-rubrik{
    background: url("../img/nav.png") 0 -51px   no-repeat;
}

#nav1.active a span{
    border-bottom: 3px solid #00527d;
}

#nav1 a span{
    color:#00527d;
    width: 86px;
}
.firstlevel a:focus{
    text-decoration: none;
}
#nav1 a:focus span{
    border-bottom: 3px solid #00527d;
}
#nav1:hover a span{
    border-bottom: 3px solid #00527d;
}

#nav2 {
    color:#883642;
}
#nav2 .wrap1 {
    left: -1px;
}
#nav2 .background-rubrik {
    background: url("../img/nav.png") -51px 1px    no-repeat;
}
/*#nav2.active {
    background: url("../img/nav.png") -51px -51px   no-repeat;
}*/

#nav2:hover .background-rubrik{
    background: url("../img/nav.png") -51px -51px   no-repeat;
}
#nav2 a:focus span{
    border-bottom: 3px solid #883642;
}
#nav2.active a span{
    border-bottom: 3px solid #883642;
}
#nav2 a span{
    color:#883642;
    width: 72px;
}
#nav2:hover a span{
    border-bottom: 3px solid #883642;
}
#nav3 {
    color:#d37e4d;
}
#nav3 .wrap1 {
    left: 0px;
}
#nav3 .background-rubrik{
    background: url("../img/nav.png") -103px 0   no-repeat;
}
/*
#nav3.active {
    background: url("../img/nav.png") -103px -51px   no-repeat;
}*/

#nav3:hover .background-rubrik{
    background: url("../img/nav.png") -103px -51px   no-repeat;
}
#nav3 a:focus span{
    border-bottom: 3px solid #d37e4d;
}
#nav3.active a span{
    border-bottom: 3px solid #d37e4d;
}
#nav3 a span{
    color:#d37e4d;
    width: 95px;

}
#nav3:hover a span{
    border-bottom: 3px solid #d37e4d;
}
#nav4 {
    color:#6b8251;
}
#nav4 .wrap1 {
    left: -3px;
}
#nav4 .background-rubrik{
    margin-left: 27px;
    background: url("../img/nav.png") -156px 1px   no-repeat;
}
/*
#nav4.active {
    background: url("../img/nav.png") -155px -51px  no-repeat;
}*/

#nav4:hover .background-rubrik{
    background: url("../img/nav.png") -156px -51px  no-repeat;
}
#nav4 a:focus span{
    border-bottom: 3px solid #6b8251;
}
#nav4.active a span{
    border-bottom: 3px solid #6b8251;
}
#nav4 a span{
    color:#6b8251;
    width: 71px;
}
#nav4:hover a span{
    border-bottom: 3px solid #6b8251;
}

#nav5 {
    color:#4a65aa;
}
#nav5 .wrap1 {
    left: -10px;
}
#nav5 .background-rubrik{
    background: url("../img/nav.png")  -208px 1px  no-repeat;
}
/*
#nav5.active {
    background: url("../img/nav.png")  -207px -51px  no-repeat;
}*/

#nav5:hover .background-rubrik{
    background: url("../img/nav.png")  -208px -51px  no-repeat;
}
#nav5 a:focus span{
    border-bottom: 3px solid #4a65aa;
}
#nav5.active a span{
    border-bottom: 3px solid #4a65aa;
}
#nav5 a span{
    color:#4a65aa;
    width: 88px;
}
#nav5:hover a span{
    border-bottom: 3px solid #4a65aa
}
#nav1 .submenu li a{
    color: #00527d
}
#nav2 .submenu li a{
    color: #883642
}
#nav3 .submenu li a{
    color:#d37e4d
}
#nav4 .submenu li a {
    color:#6b8251;
}
#nav5 .submenu li a{
    color:#4a65aa;

}
#nav1 .submenu li a,
#nav2 .submenu li a,
#nav3 .submenu li a,
#nav4 .submenu li a,
#nav5 .submenu li a{
    background: none;
    width: 100%;
    padding: 0px;
    text-align: left;
    height: auto;
    font-size: 15px;
}
.submenu li a:focus {
    text-decoration: underline;
}
.wrap1 {
    overflow: hidden;
    position: absolute;
    top: 97px;
    visibility: hidden;
    z-index: 998;
    padding-right: 6px;
}

.wrap1.visible{
    visibility:visible;

}

.wrap2 {
    opacity: 0;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    top: -300px;
    z-index: 1000;
    -webkit-box-shadow: 3px 3px 6px #a7aca5;
    -moz-box-shadow: 3px 3px 6px #a7aca5;
    box-shadow: 3px 3px 6px #a7aca5;
}


.wrap3 {
    background: none repeat scroll 0 0 #FFFFFF;

    border-radius: 10px;
    float: left;
    min-width: 225px;
    padding: 6px 20px;
    behavior: url('/pie/PIE.htc');

}

/* ******************************************************
    Inhaltsbereich

   ******************************************************/
#content{
    margin-top: 42px;
}

#illustration_rubrik{
    behavior: url('/pie/PIE.htc');
    overflow: hidden;
    margin-bottom: 18px;
    padding: 0;
}

#innercontent, #sidebar{
    float: left;
}

#innercontent{
    width: 632px;
    margin-right: 24px;
    font-size: 15px;
}

#sidebar{
    width: 304px;
    font-size: 15px;
}
#illustration {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('/pie/PIE.htc');
}
.box{
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 27px;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 18px;
    float: left;
    -webkit-box-shadow: 3px 3px 6px #a7aca5; /* webkit browser*/
    -moz-box-shadow: 3px 3px 6px #a7aca5; /* firefox */
    box-shadow: 3px 3px 6px #a7aca5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('/pie/PIE.htc');
}

#lexikon-cont {
    padding: 6px;
    padding-top: 8px;
    width: 621px;
}

.mg{
    margin-right: 24px;
}

.height-1{
    height: 239px
}

.height-2{
    height: 505px;
}

.width-1{
    width: 250px;
}

.width-2{
    width: 578px
}

.box h2{
    margin: 22px 0;
}
.box h2:nth-of-type(1){
    margin-top: 0;
}

.left{
    position: relative;
    float: left;
    width: 291px;
    height: 256px;
}
.right{
    float: right;
    width: 280px;
    height: 256px;
}

.more{
    background: url("../img/more.png") top left no-repeat;
    display: block;
    font-size: 0px;
    text-indent: -1999px;
    height: 30px;
    width: 31px;
    position: absolute;
    bottom: 10px;
    right: 18px
}
.play_game {
    background: url("../img/more.png") top left no-repeat;
    display: block;
    font-size: 0px;
    text-indent: -1999px;
    height: 30px;
    width: 31px;
    position: absolute;
    bottom: 18px;
    right: 18px;
    cursor: pointer;
}
.playgame{cursor:pointer;}
.playgame:hover, a h1:hover, a h4:hover{text-decoration:underline;}
.more:focus{
    border: 2px solid
}
.more:focus, .to_top:focus, .play_game:focus{
    border-bottom: 2px solid;
}

.grey{
    background-color: #E3E3E3;
    width: 280px;
    height: 240px;
    display:block;
}

.grey.size1{
    height: 160px;
    width: 250px;
}

.trenner{
    background: url("../img/trenner.png") top left no-repeat;
    height: 39px;
    width: 592px;
    margin: 37px auto;
}

.to_top{
    background: url("../img/to_top.png") top right no-repeat;
    height: 31px;
    float: right;
    font-weight: bold;
    padding-right: 40px;
    padding-top: 6px;
    font-style: italic;
    cursor: pointer;
}

.hidden{
    display:none;
}

.bitv-list{
    height: 1px;
    left: -9999px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.bitv-list li a{
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.bitv-list li a:focus, .bitv-list li a:active{
    background: #3E2F25;
    color: #fff;
    height: auto;
    left: 9999px;
    opacity: 0.75;
    outline: none;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/* ******************************************************
    Inhaltsbereich - Icons

   ******************************************************/
.icon{
    position: absolute;
    z-index: 20;
    background-size: 100% !important;
}

/* Videokamera */
.icon.camera{
    background: url("../img/icons/videokamera.png") top left no-repeat;
    width: 80px;
    height: 57px;
}

.icon.camera.pos1{

}

.icon.camera.pos2{
    top:-22px;
    right:-14px;
}

.icon.camera.pos3{
    right: -18px;
    bottom: -18px;
}

.icon.fotoapparat{
    background: url("../img/icons/camera.png") top left no-repeat;
    width: 80px;
    height: 57px;
}

.icon.fotoapparat.pos1{

}

.icon.fotoapparat.pos2{

}

.icon.fotoapparat.pos3{
    right: -18px;
    bottom: -18px;
}

/* Buch mit Lupe */
.icon.bookloupe{
    background: url("../img/icons/lex.png") top left no-repeat;
    width: 116px;
    height: 94px;
}

.icon.bookloupe.pos2{
    right: -26px;
    top: -13px;
}

.icon.bookloupe.pos4{
    left: -6px;
    bottom: -7px;
}

/* Globus */
.icon.globus{
    background: url("../img/icons/globus.png") top left no-repeat;
    width: 63px;
    height: 79px;
}

.icon.globus.pos1{
    left: -30px;
    top: -11px;
}

.icon.globus.pos4{
    left: -21px;
    bottom: -11px;
}

/* Kindergruppe */
.icon.kids{
    background: url("../img/icons/kindergruppe.png") top left no-repeat;
    width: 132px;
    height: 103px;
}

.icon.kids.pos2{
    right: 70px;
    top: -20px;
}

/* Mo */
.icon.mo{
    background: url("../img/icons/mo.png") top left no-repeat;
    width: 63px;
    height: 125px;
}
.icon.mo.pos1{
    top: -14px;
    left: -31px;
}
.icon.mo.pos2{
    top: -14px;
    left: 589px;
}
.icon.mo.pos3{
    bottom: -14px;
    left: -31px;
}
.icon.mo.pos4{
    bottom: -14px;
    left: 589px;
}
.icon.ingo{
    background: url("../img/icons/ingo.png") top left no-repeat;
    width: 44px;
    height: 115px;
}
.icon.ingo.pos1{
    top: -14px;
    left: -21px;
}
.icon.ingo.pos2{
    top: -14px;
    left: 609px;
}
.icon.ingo.pos3{
    bottom: -14px;
    left: -31px;
}
.icon.ingo.pos4{
    bottom: -14px;
    left: 609px;
}
.icon.mo_zeitung{
    background: url("../img/icons/mo_zeitung.png") top left no-repeat;
    width: 72px;
    height: 125px;
}
.icon.mo_zeitung.pos1{
    top: -14px;
    left: -21px;
}
.icon.mo_zeitung.pos2{
    top: -14px;
    left: 589px;
}
.icon.mo_zeitung.pos3{
    bottom: -14px;
    left: -31px;
}
.icon.mo_zeitung.pos4{
    bottom: -14px;
    left: 589px;
}
.icon.kim{
    background: url("../img/icons/kim.png") top left no-repeat;
    width: 55px;
    height: 118px;
}
.icon.kim.pos1{
    top: -14px;
    left: -31px;
}
.icon.kim.pos2{
    top: -14px;
    left: 589px;
}
.icon.kim.pos3{
    bottom: -14px;
    left: -31px;
}
.icon.kim.pos4{
    bottom: -14px;
    left: 589px;
}
.icon.ingrid{
    background: url("../img/icons/ingrid.png") top left no-repeat;
    width: 64px;
    height: 128px;
}
.icon.ingrid.pos1{
    top: -14px;
    left: -45px;
}
.icon.ingrid.pos2{
    top: -14px;
    left: 604px;
}
.icon.ingrid.pos3{
    bottom: -14px;
    left: -45px;
}
.icon.ingrid.pos4{
    bottom: -14px;
    left: 604px;
}
.icon.keyboard{
    background: url("../img/icons/keyboard.png") top left no-repeat;
    width: 73px;
    height: 111px;
}
.icon.keyboard.pos1{
    top: -14px;
    left: -45px;
}
.icon.keyboard.pos2{
    top: -14px;
    left: 604px;
}
.icon.keyboard.pos3{
    bottom: -14px;
    left: -45px;
}
.icon.keyboard.pos4{
    bottom: -14px;
    left: 604px;
}
.icon.cafe_zeitung{
    background: url("../img/icons/cafe_zeitung.png") top left no-repeat;
    width: 113px;
    height: 77px;
}

.icon.cafe_zeitung.pos1{
    top: -24px;
    left: -55px;
}
.icon.cafe_zeitung.pos2{
    top: -24px;
    right: -55px;
}
.icon.cafe_zeitung.pos3{
    bottom: -24px;
    left: -55px;
}
.icon.cafe_zeitung.pos4{
    bottom: -34px;
    left: 584px;
}
.icon.flugzeug{
    background: url("../img/icons/flugzeug.png") top left no-repeat;
    width: 84px;
    height: 59px;
}
.icon.flugzeug.pos1{
    top: -24px;
    left: -45px;
}
.icon.flugzeug.pos2{
    top: -24px;
    right: -34px;
}
.icon.flugzeug.pos3{
    bottom: -24px;
    left: -45px;
}
.icon.flugzeug.pos4{
    bottom: -24px;
    left: 584px;
}
.icon.ball{
    background: url("../img/icons/ball.png") top left no-repeat;
    width: 80px;
    height: 73px;
}
.icon.ball.pos1{
    top: -24px;
    left: -45px;
}
.icon.ball.pos2{
    top: -24px;
    left: 584px;
}
.icon.ball.pos3{
    bottom: -24px;
    left: -45px;
}
.icon.ball.pos4{
    bottom: -34px;
    left: 584px;
}
.icon.radio{
    background: url("../img/icons/radio.png") top left no-repeat;
    width: 86px;
    height: 61px;
}
.icon.radio.pos1{
    top: -24px;
    left: -35px;
}
.icon.radio.pos2{
    top: -24px;
    left: 584px;
}
.icon.radio.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.radio.pos4{
    bottom: -34px;
    left: 584px;
}
.icon.sonne{
    background: url("../img/icons/sonne.png") top left no-repeat;
    width: 110px;
    height: 97px;
}
.icon.sonne.pos1{
    top: -24px;
    left: -65px;
}
.icon.sonne.pos2{
    top: -24px;
    left: 584px;
}
.icon.sonne.pos3{
    bottom: -54px;
    left: -65px;
}
.icon.sonne.pos4{
    bottom: -34px;
    left: 584px;
}
.icon.pflanze{
    background: url("../img/icons/pflanze.png") top left no-repeat;
    width: 104px;
    height: 98px;
}
.icon.pflanze.pos1{
    top: -24px;
    left: -55px;
}
.icon.pflanze.pos2{
    top: -24px;
    left: 584px;
}
.icon.pflanze.pos3{
    bottom: -24px;
    left: -55px;
}
.icon.pflanze.pos4{
    bottom: -34px;
    left: 478px;
}
.icon.pflanze2{
    background: url("../img/icons/pflanze_ohne_topf.png") top left no-repeat;
    width: 92px;
    height: 124px;
}
.icon.pflanze2.pos1{
    top: -14px;
    left: -57px;
}
.icon.pflanze2.pos2{
    top: -24px;
    left: 584px;
}
.icon.pflanze2.pos3{
    bottom: -24px;
    left: -57px;
}
.icon.pflanze2.pos4{
    bottom: -34px;
    left: 604px;
}
.icon.skateboard{
    background: url("../img/icons/skateboard.png") top left no-repeat;
    width: 116px;
    height: 72px;
    background-size: 70% !important;
}
.icon.skateboard.pos1{
    top: -24px;
    left: -35px;
}
.icon.skateboard.pos2{
    top: -24px;
    left: 584px;
}
.icon.skateboard.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.skateboard.pos4{
    bottom: -44px;
    left: 584px;
}
.icon.laptop{
    background: url("../img/icons/laptop.png") top left no-repeat;
    width: 112px;
    height: 90px;
    background-size: 70% !important;
}
.icon.laptop.pos1{
    top: -24px;
    left: -35px;
}
.icon.laptop.pos2{
    top: -24px;
    right: -55px;
}
.icon.laptop.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.laptop.pos4{
    background-size: 100% !important;
    width: 82px;
    bottom: -34px;
    left: 584px;
}
.icon.auto{
    background: url("../img/icons/auto.png") top left no-repeat;
    width: 97px;
    height: 81px;
    background-size: 70% !important;
}
.icon.auto.pos1{
    top: -26px;
    left: -35px;
}
.icon.auto.pos2{
    top: -26px;
    left: 574px;
}
.icon.auto.pos3{
    bottom: -24px;
    left: -25px;
}
.icon.auto.pos4{
    bottom: -14px;
    left: 484px;
}
.icon.sessel{
    background: url("../img/icons/sessel.png") top left no-repeat;
    width: 99px;
    height: 83px;
}
.icon.sessel.pos1{
    top: -44px;
    left: -35px;
}
.icon.sessel.pos2{
    top: -44px;
    left: 584px;
}
.icon.sessel.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.sessel.pos4{
    bottom: -34px;
    left: 484px;
}
.icon.tasche{
    background: url("../img/icons/tasche.png") top left no-repeat;
    width: 95px;
    height: 108px;
}
.icon.tasche.pos1{
    top: -44px;
    left: -36px;
}
.icon.tasche.pos2{
    top: -24px;
    right: 5px;
}
.icon.tasche.pos3{
    bottom: -24px;
    left: -59px;
}
.icon.tasche.pos4{
    bottom: -18px;
    left: 0px;
}
.icon.lampe{
    background: url("../img/icons/lampe.png") top left no-repeat;
    width: 79px;
    height: 79px;
}
.icon.lampe.pos1{
    top: -24px;
    left: -35px;
}
.icon.lampe.pos2{
    top: -24px;
    left: 584px;
}
.icon.lampe.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.lampe.pos4{
    bottom: -34px;
    left: 504px;
}
.icon.stuhl{
    background: url("../img/icons/stuhl.png") top left no-repeat;
    width: 82px;
    height: 109px;
}
.icon.stuhl.pos1{
    top: -24px;
    left: -48px;
}
.icon.stuhl.pos2{
    top: -24px;
    left: 584px;
}
.icon.stuhl.pos3{
    bottom: -24px;
    left: -48px;
}
.icon.stuhl.pos4{
    bottom: -34px;
    left: 504px;
}
.icon.palette{
    background: url("../img/icons/palette.png") top left no-repeat;
    width: 105px;
    height: 94px;
}
.icon.palette.pos1{
    top: -24px;
    left: -75px;
}
.icon.palette.pos2{
    top: -24px;
    left: 584px;
}
.icon.palette.pos3{
    bottom: -24px;
    left: -75px;
}
.icon.palette.pos4{
    bottom: -34px;
    left: 477px;
}
.icon.robot{
    background: url("../img/icons/robot.png") top left no-repeat;
    width: 62px;
    height: 103px;
}
.icon.robot.pos1{
    top: -24px;
    left: -35px;
}
.icon.robot.pos2{
    top: -24px;
    left: 584px;
}
.icon.robot.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.robot.pos4{
    bottom: -34px;
    left: 607px;
}
.icon.teleskop{
    background: url("../img/icons/teleskop.png") top left no-repeat;
    width: 77px;
    height: 77px;
}
.icon.teleskop.pos1{
    top: -24px;
    left: -35px;
}
.icon.teleskop.pos2{
    top: -24px;
    left: 584px;
}
.icon.teleskop.pos3{
    bottom: -24px;
    left: -51px;
}
.icon.teleskop.pos4{
    bottom: 16px;
    left: 604px;
}
.icon.teddy{
    background: url("../img/icons/teddy.png") top left no-repeat;
    width:63px;
    height: 73px;
}
.icon.teddy.pos1{
    top: -24px;
    left: -35px;
}
.icon.teddy.pos2{
    top: -24px;
    left: 584px;
}
.icon.teddy.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.teddy.pos4{
    bottom: 56px;
    left: 604px;
}
.icon.postkasten{
    background: url("../img/icons/postkasten.png") top left no-repeat;
    width:58px;
    height: 117px;
}
.icon.postkasten.pos1{
    top: -24px;
    left: -35px;
}
.icon.postkasten.pos2{
    top: -24px;
    left: 584px;
}
.icon.postkasten.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.postkasten.pos4{
    bottom: 16px;
    left: 611px;
}
.icon.hammer{
    background: url("../img/icons/richter_hammer.png") top left no-repeat;
    width:58px;
    height: 50px;
}
.icon.hammer.pos1{
    top: -14px;
    left: 5px;
}
.icon.hammer.pos2{
    top: -24px;
    left: 584px;
}
.icon.hammer.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.hammer.pos4{
    bottom: -14px;
    left: 604px;
}
/* Bildschirm */
.icon.screen{
    background: url("../img/icons/fernsehr.png") top left no-repeat;
    width: 104px;
    height: 87px;
}
.icon.screen.pos1{
    top: -44px;
    left: -55px;
}
.icon.screen.pos2{
    top: -24px;
    left: 584px;
}
.icon.screen.pos3{
    bottom: -44px;
    left: -35px;
}
.icon.screen.pos4{
    bottom: -34px;
    left: 474px;
}

/* Notizbuch */
.icon.notebook{
    background: url("../img/icons/notizbuch.png") top left no-repeat;
    width: 107px;
    height: 83px;
    background-size: 75% !important;
}
.icon.notebook.pos1{
    top: -24px;
    left: -35px;
}
.icon.notebook.pos2{
    top: 3px;
    right: 0;
}
.icon.notebook.pos3{
    bottom: -44px;
    left: -35px;
}
.icon.notebook.pos4{
    bottom: -18px;
    left: 0;
}

/* Stift*/
.icon.pen{
    background: url("../img/icons/stift.png") top left no-repeat;
    width:98px;
    height: 26px;
}
.icon.pen.pos1{
    top: -24px;
    left: -35px;
}
.icon.pen.pos2{
    top: -24px;
    left: 584px;
}
.icon.pen.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.pen.pos4{
    bottom: -34px;
    left: 468px;
}
/* Luppe */
.icon.loupe{
    background: url("../img/icons/loupe.png") top left no-repeat;
    width: 87px;
    height: 61px;
}
.icon.loupe.pos1{
    top: -24px;
    left: -35px;
}
.icon.loupe.pos2{
    top: -24px;
    left: 584px;
}
.icon.loupe.pos3{
    bottom: -24px;
    left: -35px;
}
.icon.loupe.pos4{
    bottom: -34px;
    left: 584px;
}

/* Rechtsbuch */
.icon.legalcode{
    background: url("../img/icons/gesetzbuch.png") top left no-repeat;
    width: 103px;
    height: 89px;
}
.icon.legalcode.pos1{
    top: -34px;
    left: -35px;
}
.icon.legalcode.pos2{
    top: -34px;
    right: -18px;
}
.icon.legalcode.pos3{
    bottom: -24px;
    left: -72px;
}
.icon.legalcode.pos4{
    bottom: -34px;
    left: 474px;
}

/* Extension rk_poll_simple */
.tx-rkpollsimple-pi1.answers{
    margin-bottom: 65px;
}

.tx-rkpollsimple-pi1 h4{
    background: url("../img/mic.png") top left no-repeat;
    margin-bottom: 6px;
    padding-bottom: 40px;
    padding-left: 68px;
    /*width: 399px;*/
}
.tx-rkpollsimple-answers-pi1 li label a{
    color: #1d1d1b;
}
.newpoll .tx-rkpollsimple-answers-pi1 li label a{
    color: #1d1d1b;
    line-height: 25px;
}

.tx-rkpollsimple-pi1 ul{
    list-style: none;
    margin-left: 18px;

}

.tx-rkpollsimple-pi1 ul.tx-rkpollsimple-answers-pi1{
    margin-bottom: 45px;
}

.tx-rkpollsimple-pi1 ul.tx-rkpollsimple-answers-pi1 li{
    cursor: pointer;
}

.tx-rkpollsimple-pi1 ul.tx-rkpollsimple-answers-pi1 li .vote_radio{
    display: none;
}
.result_list li{
    padding-left: 0 !important;
}
.tx-rkpollsimple-pi1 ul li{
    margin-bottom: 5px;
    padding-bottom: 15px;
    padding-top: 3px;
    padding-left: 55px;
}
.tx-rkpollsimple-pi1 ul li .checkbox{
    position: relative;
    left:-26px;
    top: 10px;
    width: 26px;
    height: 26px;
    margin-left: -26px;
    display: inline-block;
    background: url("../img/checkboxen.png") 0 0 no-repeat;
}
.tx-rkpollsimple-pi1 .newpoll ul li .checkbox{
    display: inline-block;
    height: 26px;
    left: 74px;
    margin-left: -26px;
    position: absolute;
    width: 26px;
    margin-top: 1px;
    top: auto;
    background: url("../img/checkboxen.png") 0 0 no-repeat;
}
.tx-rkpollsimple-pi1 ul li.checked .checkbox.bg1{
    background-position: 0px -26px;
}
.tx-rkpollsimple-pi1 ul li .checkbox.bg2{
    background-position: -28px 0;
}
.tx-rkpollsimple-pi1 ul li.checked .checkbox.bg2{
    background-position: -28px -26px;
}
.tx-rkpollsimple-pi1 ul li .checkbox.bg3{
    background-position: -56px 0;
}
.tx-rkpollsimple-pi1 ul li.checked .checkbox.bg3{
    background-position: -56px -26px;
}
.tx-rkpollsimple-pi1 ul li .checkbox.bg4{
    background-position: -84px 0;
}
.tx-rkpollsimple-pi1 ul li.checked .checkbox.bg4{
    background-position: -84px -26px;
}

.tx-rkpollsimple-pi1 ul.result_list{
    margin: 41px auto auto;
    padding-left: 20px;
    padding-right: 20px;
}

.tx-rkpollsimple-pi1 ul.result_list li{
    margin-bottom: 5px;
    font-size: 17px;
}

.tx-rkpollsimple-pi1 input[type="submit"]{
    display:none;
    position: absolute;
    z-index: 9999;
}

.tx-rkpollsimple-pi1 .submit{
    border-top: 1px solid #D37E4D;
    bottom: 0;
    left: 0;
    padding-bottom: 29px;
    padding-top: 20px;
    position: absolute;
    text-align: right;
    width: 100%;
}

.tx-rkpollsimple-pi1 .submit.error{
    background: #F2DEDE;
    color: #B94A48;
    text-align: center;
    display:none;
    z-index: 9999;
    font-weight: bold;
}

#sidebar .tx-rkpollsimple-pi1 ul.tx-rkpollsimple-answers-pi1{
    margin-bottom: 60px;
}

.tx-rkpollsimple-pi1 .submit a{
    padding-right: 55px;
}

#sidebar .tx-rkpollsimple-pi1 .submit{
    text-align: center;
}

#sidebar .tx-rkpollsimple-pi1 .submit a{
    padding-right:0;
}


.tx-rkpollsimple-pi1 .bar_container{
    height: 185px;
    margin: 0 auto;
    position: relative;
    float: none;
    top:15px;
}

.tx-rkpollsimple-pi1 .bar_container .vote_wrapper{
    width: 50px;
    height: 100%;
    margin-right: 16px;
    float: left;
}

.tx-rkpollsimple-pi1 .bar_container .vote_wrapper.no_mg{
    margin-right: 0px;
}

.tx-rkpollsimple-pi1 .bar_container .vote_wrapper .votes{
    width: 50px;
    text-align: center;
    margin-top: -35px;
    font-size: 23px;
    font-weight: bold;
    display:block;
    position: absolute;
}

.tx-rkpollsimple-pi1 .bar_container .vote_wrapper .result_answers{
    display:none;
}

.tx-rkpollsimple-pi1 .vote_end{
    margin-top: 25px;
}

#overlay {
    background-color: rgb(0, 0, 0);
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
}
#leavebox {
    background: #fff;
    -webkit-box-shadow: 3px 3px 6px #a7aca5; /* webkit browser*/
    -moz-box-shadow: 3px 3px 6px #a7aca5; /* firefox */
    box-shadow: 3px 3px 6px #a7aca5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('/pie/PIE.htc');
    visibility: fixed;
    z-index: 10002;
    position: fixed;
    display: none;
    top: 108px;
    left: 614px;
    padding: 20px;
    width: 510px;
}
.leaveimg{
    position: absolute;
    width: 148px;
    height: 187px;
    bottom: 0;
    right: 25px;
}
#leavebox span{
    font-size: 18px;
    display: block;
}
#leavebox .main{
    font-family: 'bundessans_bold';
    width: 90%;
}
#leavebox .foot{
    width: 70%;
    margin-top: 20px;
}
#leavebox .button{
    position: relative;
    margin-top: 55px;
    right: 180px;
}
#leavebox .button .more{
    right: 30px;
    bottom: 7px;
}
#leavebox .button .buttontext{
    position: absolute;
    font-size: 18px;
    font-family: 'bundessans_bold';
    bottom: 4px;
    right: 40px;
    text-indent: 0;
    white-space: nowrap;
}

#lightbox {
    visibility: fixed;
    z-index: 10002;
    opacity: 0;
    position: fixed;
    display: none;
    top: 108px;
    left: 614px;
}

#lightbox .closebtn, .gamealert .closebtn, .closebtn {
    background: url('../img/overlay_closebtn.png') no-repeat;
    position: absolute;
    top: -41px;
    right: -39px;
    display: block;
    width: 90px;
    height: 90px;
    cursor: pointer;
}
#lightbox #lightbox_content {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;

}
#iframe_games {
    width: 700px;
    height: 400px;
    overflow: hidden;
    border: 0;
}

.loader{
    width: 300px;
    height: 100%;
    margin: auto;
    background-image: url(../img/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%;
}
article ul {
    list-style-image: url('../img/listimage.png');
    font-size: 17px;
    list-style-position: inside;
}

.csc-sitemap ul{
    padding-left: 15px;
}
.audio{
    float: right;
    text-align: center;
}
.audio img {
    width: 75px;
    height: 75px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.tx-rkpollsimple-pi1 .bar_container.newpoll{
    height: auto!important;
    float: left;
    margin-top: 0;

}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper {
    width: 93%!important;
    margin-bottom: 20px;
    margin-right: 16px;
    margin-top: 5px;
    float: left;
    position: relative;
    height: auto;

}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_cnt {
    width: 25px!important;
    text-align: left;
    height: 29px;
    font-size: 23px;
    font-weight: bold;
    display: block;
    position: relative;
    right: -29px;
    float: right;
}

.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .result_answers {
    display: block;
    font-size: 17px;
}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_bar {
    position: relative!important;
    float: none;
    height: 29px!important;
    display: block;
    margin-top: 10px;
}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_bar.bg1{

}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_bar.bg2{

}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_bar.bg3{
    background: #005983!important;
}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .vote_bar.bg4{
}
.tx-rkpollsimple-pi1 .bar_container.newpoll .vote_wrapper .votes {
    width: 100% !important;
    margin-top: 0;
    text-align: left;
    top: 2px;
}
.newpoll .checkbox{

}
.pointer{
    cursor: pointer;
}
.lightbox_innercontent{
    padding: 20px;
    min-width: 630px;
    max-width: 900px;
    min-height: 300px;
}
#adventcont{
    position: relative;
}
#adventcont .tore{
    position: absolute;
    top: 0;
    left: 0;
}
#adventcont .background{
    position: relative;

}
#adventcont .topbg{
    position: absolute;
    top: 19px;
    pointer-events: none;
    width: 0;
    height: 0;
}
.lightbox_innercontent .right, lightbox_innercontent .left{
    width: auto;
    height: auto;
}

#adventcont .topbg img{
    pointer-events: none;
}
#adventcont .tag .content{
    display: none;
}
#adventcont .tor {
    position: absolute;
    width: 74px;
    height: 74px;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#adventcont .tor.active{
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#adventcont .background img{
    max-width: 100%;
    height: auto;
}
.tor1{
    top: 104px;
    left: 336px;
}
.tor2{
    top: 104px;
    left: 420px;
}
.tor3{
    top: 104px;
    left: 504px;
}
.tor4{
    top: 188px;
    left: 0px;
}
.tor5{
    top: 188px;
    left: 84px;
}
.tor6{
    top: 188px;
    left: 168px;
}
.tor7{
    top: 188px;
    left: 252px;
}
.tor8{
    top: 188px;
    left: 336px;
}
.tor9{
    top: 188px;
    left: 420px;
}
.tor10{
    top: 188px;
    left: 504px;
}
.tor11{
    top: 272px;
    left: 0;
}
.tor12{
    top: 272px;
    left: 84px;
}
.tor13{
    top: 272px;
    left: 168px;
}
.tor14{
    top: 272px;
    left: 252px;
}
.tor15{
    top: 272px;
    left: 336px;
}
.tor16{
    top: 272px;
    left: 420px;
}
.tor17{
    top: 272px;
    left: 504px;
}
.tor18{
    top: 356px;
    left: 0px;
}
.tor19{
    top: 356px;
    left: 84px;
}
.tor20{
    top: 356px;
    left: 168px;
}
.tor21{
    top: 356px;
    left: 252px;
}
.tor22{
    top: 356px;
    left: 336px;
}
.tor23{
    top: 356px;
    left: 420px;
}
.tor24{
    top: 356px;
    left: 504px;
}
.tor25{
    top: 440px;
    left: 0px;
}
.tor26{
    top: 440px;
    left: 84px;
}
.tor27{
    top: 440px;
    left: 168px;
}
.tor28{
    top: 440px;
    left: 252px;
}
.tor29{
    top: 440px;
    left: 336px;
}
.tor30{
    top: 440px;
    left: 420px;
}
.tor31{
    top: 440px;
    left: 504px;
}

#lightbox.mobile {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
#lightbox.mobile .closebtn {
    top: -4px !important;
    right: -6px !important;
    border: 0;
}
#lightbox.mobile .lightbox_innercontent {
    padding: 20px;
    min-width: 0;
    min-height: 0;
    width: 87% !important;
}
#lightbox.mobile .lightbox_innercontent img {
    width: 285px;
    height: 425px;
}
.fancyboxgallery .fancyboxswiper{
    width: 100%;
}
.fancyboxgallery .swiper-slide, article .fancyboxgallery .swiper-slide {
    list-style-type: none;
    list-style-image: none;
}
.fancyboxgallery .swiper-slide div, article .fancyboxgallery .swiper-slide div {
    width: 135px;
    height: 135px;
    margin: 4px;
    overflow: hidden;
    display: inline-block;
    text-align: -webkit-match-parent;
}
.fancyboxgallery .swiper-slide div a img {
    width: 135px;
    height: 135px;
    margin: 5px;
}
.fancybox-skin{
    border-radius: 10px;
}
.fancybox-prev{
    background: transparent url('../../infoecke/img/blablaklar/last.png') no-repeat left 50%;
}
.fancybox-next{
    background: transparent url('../../infoecke/img/blablaklar/next.png') no-repeat right 50%;
}
.fancybox-close {
    position: absolute;
    width: 90px;
    height: 90px;
    top: -41px;
    right: -39px;
    background: url('../../infoecke/img/overlay_closebtn.png') no-repeat;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-title-float-wrap{
    position: relative !important;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    text-align: center;
}
.fancybox-title-float-wrap .child{
    display: inline-block;
    margin: 0;
    padding: 20px;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    text-shadow: none;
    color: #000;
    font-weight: bold;
    line-height: 24px;
    white-space: normal;
}
.fancyboxgallery div.swiper-slide{
    width: 100%;
}
.fancyboxgallery div.swiper-button-prev, .fancyboxgallery div.swiper-button-next{
    width: 44px;
    height: 44px;
    position: absolute;
    top: 42%;
    cursor: pointer;
    z-index: 111;
}
.fancyboxgallery div.swiper-button-prev{
    background: url("../../infoecke/img/blablaklar/last.png") top left no-repeat;
    left: 0;
}
.fancyboxgallery div.swiper-button-next{
    background: url("../../infoecke/img/blablaklar/next.png") top left no-repeat;
    right: 0;
}
.fancyboxgallery .swiper-container{
    height: 290px;
}