@font-face {
    font-family: 'Eyeful';
    src: url("/wp-includes/panfu/website/fonts/Eyeful.eot");
    src: url("/wp-includes/panfu/website/fonts/Eyeful.eot?iefix") format("eot"), url("/wp-includes/panfu/website/fonts/Eyeful.woff") format("woff"), url("/wp-includes/panfu/website/fonts/Eyeful.ttf") format("truetype"), url("/wp-includes/panfu/website/fonts/Eyeful.svg#Eyeful") format("svg");
    font-weight: normal;
    font-style: normal
}


body {

  --light-font: #b1b1b2;
  --dark-font: #636366;
  --border-color: #e8e8e8;

	
     margin: 0;
    font-family: Arial, sans-serif;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #845616;
   /* background-color: #845616;*/
   color: #000;
}



a,
a:hover,
a:visited {
	
		text-decoration: none;
    color: #390;

}

ul {
    list-style: none
}
/*div#main a:visited {
	text-decoration: underline;
    color: #390
	
}*/

/* NAVIGATION */
nav {
  top: 0;
  margin: 0;
      min-width: 960px;
  position: fixed;
  background-image: url("./images/menu_bg.png");
  background-size: 100% 100%;
  background-color: green;
      z-index: 999;
}
.nav_wrapper {
  height: 3.75rem;
}
.nav_wrapper .logos_list {
  display: flex;
  height: 3.75rem;
  float: right;
}
.nav_wrapper .logos_list .choosen {
  width: 5rem;
}
.logos_list li {
  line-height: 1rem;
 /* border-left: 1px solid rgba(255, 255, 255, 0.144);*/
  height: inherit;
  width: 4.75rem;
  text-align: center;
}
.logos_list li:last-child {
 /* border-right: 1px solid rgba(255, 255, 255, 0.144);*/
}

.logos_list .logo img {
  width: 30px;
  height: 32px;
}
.search_btn {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #c1e4b8;
  font-size: 13px;
  text-shadow: 0 1px #51517b;
  cursor: pointer;
  transition: 0.2s linear;
}
.search-result {
  display: none;
}
.logos_list li:hover .search-result {
  display: block;
}
.logos_list li:hover .search_btn {
  color: #fff;
}
.logos_list li:hover .search_btn {
  background-color: #5ab743; /*FÜR HOVER ICON  6fc05b helle version 5ab743 sehr gut  ursprünglich: 2D9412*/
}
/* drop down menu */
.search-datalist a:hover {
  color: yellow;
  background-color: #777ab8;
}
.search-datalist {
  position: absolute;
  width: 9.1rem;
  border: 1px solid #e6e8e9;
  background-color: #fff;
  box-shadow: 0px 1px 2px #d5d7d8;
  text-align: left;
  z-index: 1;
}
.search-datalist a {
  display: block;
  line-height: 1.666667rem;
  padding-left: 0.5rem;
  color: var(--light-font); /* DAS HIER IST DAS ES LEICHT VERBLASST IST BEI NAVI * NUR ALS HINWEIS FÜR ZUKUNFT BY JOUB*/
  text-decoration: none;
  transition: 0.2s linear;
}
.logo_wrapper .logo {
  position: absolute;
  background: url("./images/logo.gif");
  background-size: 100% 100%;
  width: 9.333333rem;
  height: 4.4rem;
  margin-top: 1rem;
  transition: opacity 0.25s ease-in-out;
}


/* ENDE NAVI */
/* ANFANG MAIN */

div#main-box0 {
    background: #a9d21d url("./images/trees.png") 50% 0 repeat-x;
    min-width: 990px;
    height: 198px;
    position: relative;
    z-index: 10;
	margin-top: -2px;
}

div#main-box.main,
div#main-box.noFlashPage {
    background-image: url("images/background.png");
    background-position: 0 1px;
    height: 382px
}


div#main-window #noflash-error {
    position: absolute;
    width: 215px;
	margin-top:-45px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
     color: #89b22c;
    display: none
	
}

div#main-window #noflash-error a {
    text-decoration: none;
}

div#main-window.noFlash {
	
    background: url("./images/noflash.png") no-repeat;
	background-position: 0px 57px;
}

div#main-window.noFlash #noflash-error {
    top: 161px;
    left: 490px
}

div#main-window {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 100%;
    position: relative;
    background: url("./images/trees.png") 50% 0 repeat-x;
		background-position: 0px 57px;

}


div#main-window div.title p {
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 8px
}

div#main-window div.title p a {
    color: #fff;
    text-decoration: none
}

div#main-window div.title p a:hover {
    text-decoration: underline
}


/*
/* unvisited link */
/*a:link {
	    color: #0060B6;
  text-decoration: none;
}

/* visited link */
/*a:visited {
	    color: #0060B6;
  text-decoration: none;
}

/* mouse over link */
/*a:hover {
	    color: #0060B6;
  text-decoration: none;
}

/* selected link */
/*a:active {
	    color: #0060B6;
  text-decoration: none;
}
*/


/* WEBSITE BOXES */
div#boxes-box {
    background: #A9D21D
}

div#boxes-box.winter {
    background-color: #FFFFFF
}

div#boxes-box div.boxes {
    width: 995px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 0px 0px 48px
}

div#boxes-box div.boxes div.teaser {
    width: 293px;
    height: 320px;
    float: left;
    position: relative
}

div#boxes-box div.boxes div.teaser.position-LEFT,
div#boxes-box div.boxes div.teaser.position-CENTER {
    margin-right: 28px
}

div#boxes-box div.boxes div.teaser.type-PROMOTION,
div#boxes-box div.boxes div.teaser.type-IMAGE {
    cursor: pointer
}

div#boxes-box div.boxes div.teaser div.teaser-header {
    padding-left: 18px;
    padding-right: 18px
}

div#boxes-box div.boxes div.teaser div.teaser-header,
div#boxes-box div.boxes div.teaser div.teaser-header a {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF
}

div#boxes-box div.boxes div.teaser div.teaser-content {
    padding-left: 18px;
    padding-right: 18px
}

div#boxes-box div.boxes div.teaser div.teaser-content h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 20px;
    color: #390
}

div#boxes-box div.boxes div.teaser div.teaser-content span.icon.home {
    margin: 10px 4px;
    float: left
}

div#boxes-box div.boxes div.teaser div.teaser-content p.gold {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    height: 32px;
    margin: 0 12px 0 40px;
    padding: 10px 0;
    border-bottom: 1px solid #666
}

div#boxes-box div.boxes div.teaser div.teaser-content p.gold.last {
    border-bottom: none
}

div#boxes-box div.boxes div.teaser.type-CMS_PAGE div.teaser-header,
div#boxes-box div.boxes div.teaser.type-SPECIAL div.teaser-header {
    padding-top: 20px;
    height: 63px;
    background: url("./images/graphics_home.png") 0 -351px no-repeat
}

div#boxes-box div.boxes div.teaser.type-CMS_PAGE.header-yellow div.teaser-header,
div#boxes-box div.boxes div.teaser.type-SPECIAL.header-yellow div.teaser-header {
    background: url("./images/graphics_home.png") 0px -450px no-repeat
}

div#boxes-box div.boxes div.teaser.type-CMS_PAGE.header-blue div.teaser-header,
div#boxes-box div.boxes div.teaser.type-SPECIAL.header-blue div.teaser-header {
    background: url("./images/graphics_home.png") 0px -535px no-repeat
}

div#boxes-box div.boxes div.teaser.type-CMS_PAGE div.teaser-content,
div#boxes-box div.boxes div.teaser.type-SPECIAL div.teaser-content {
    height: 221px;
    background: url("./images/box_middle.png") 0 0 repeat-y
}

div#boxes-box div.boxes div.teaser.type-CMS_PAGE div.teaser-footer,
div#boxes-box div.boxes div.teaser.type-SPECIAL div.teaser-footer {
    height: 16px;
    background: url("./images/graphics_home.png") 0 -435px no-repeat
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS {
    background: url("./images/home/parents_teaser.png") no-repeat
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p a {
    text-decoration: none
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p {
    position: absolute
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet1,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet2,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet3,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet4 {
    top: 77px;
    left: 63px;
    height: 34px;
    width: 220px;
    font-size: 14px;
    font-weight: bold;
    color: #666
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet1 a,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet1 a:hover,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet1 a:visited,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet2 a,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet2 a:hover,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet2 a:visited,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet3 a,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet3 a:hover,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet3 a:visited,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet4 a,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet4 a:hover,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet4 a:visited {
    color: #666
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet2 {
    top: 128px
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet3 {
    top: 164px
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.bullet4 {
    top: 215px
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.title {
    width: 293px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    height: 83px;
    line-height: 68px;
    color: white
}

div#boxes-box div.boxes div.teaser.specialType-PARENTS p.title a,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.title a:hover,
div#boxes-box div.boxes div.teaser.specialType-PARENTS p.title a:visited {
    color: white
}

div#boxes-box div.boxes div.teaser div.button {
    position: absolute;
    right: 16px;
    bottom: 16px
}

div#boxes-box div.boxes div.teaser div.button a {
    color: #FFFFFF;
    text-align: center;
    display: block;
    width: 128px;
    height: 32px;
    padding-top: 16px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px
}

div#boxes-box div.boxes div.teaser div.button.green {
    background: url("./images/graphics_home.png") 0 0 no-repeat;
    width: 128px;
    height: 48px
}

div#boxes-box div.boxes div.teaser div.button.green:hover {
    background-position: -128px 0
}

div#boxes-box div.boxes div.teaser div.button.yellow {
    background: url("./images/graphics_home.png") 0 -48px no-repeat;
    width: 128px;
    height: 48px
}

div#boxes-box div.boxes div.teaser div.button.yellow a {
    color: #845616
}

div#boxes-box div.boxes div.teaser div.button.yellow:hover {
    background-position: -128px -48px
}

div.box {
    width: 290px;
    margin: 12px;
    cursor: pointer
}

div.boxHeader {
    height: 83px;
    position: relative
}

div.boxHeader.green {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -351px no-repeat
}

div.boxHeader.yellow {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -450px no-repeat
}

div.boxHeader.blue {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -535px no-repeat
}

div.boxContent {
    background: url("/wp-includes/panfu/website/css/images/box_middle.png") 0 0 repeat-y;
    overflow: hidden;
    position: relative
}

div.boxContent .boxContentInner ul li {
    display: list-item
}

div.button {
    position: absolute;
    right: 16px;
    bottom: 0
}

div.button a {
    color: #fff;
    text-align: center;
    display: block;
    width: 128px;
    height: 32px;
    padding-top: 16px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px
}

div.button.green {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 0 no-repeat;
    width: 128px;
    height: 48px
}

div.button.green:hover {
    background-position: -128px 0
}

div.button.yellow {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -48px no-repeat;
    width: 128px;
    height: 48px
}

div.button.yellow a {
    color: #845616
}

div.button.yellow:hover {
    background-position: -128px -48px
}

div.button.backToSchool,
div.button.backToSchoolExt,
div.button.backToSchool2Ext {
    right: 70px;
    bottom: 24px
}

div.boxFooter {
    height: 16px;
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -435px no-repeat
}

div.item {
    margin: 0 16px;
    padding-top: 4px;
    padding-bottom: 8px
}

div.item h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 20px;
    color: #390
}

div.item h2 {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #999;
    padding-top: 8px
}

div.item h2.gold {
    border-bottom: 1px solid #999
}

div.item div.itemContent {
    font-weight: normal;
    font-size: 12px;
    color: black
}

div.item div.itemContent ul {
    list-style: none
}

div.item div.itemContent ul li {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") no-repeat scroll -270px -97px;
    padding: 2px 0 0 36px;
    margin: 6px;
    color: #666;
    font-weight: bold;
    font-size: 14px
}

div.item div.itemContent ul.sid {
    padding-left: 70px
}

div.item div.itemContent ul.sid li {
    padding-left: 28px
}

div.item div.itemContent ul.parentIndex li {
    list-style: none;
    background: url("/wp-includes/panfu/website/css/images/common/parents_icons.png") no-repeat;
    height: 43px;
    line-height: 16px;
    padding-left: 46px;
    margin: 0
}

div.item div.itemContent ul.parentIndex li.books {
    background-position: -4px -47px
}

div.item div.itemContent ul.parentIndex li.chat {
    background-position: -4px -90px
}

div.item div.itemContent ul.parentIndex li.safety {
    background-position: -4px -133px
}

div.item div.itemContent ul.parentIndex li.play {
    background-position: -4px -4px
}

div.item div.itemContent span.icon.home {
    margin: 10px 4px;
    float: left
}

div.item div.itemContent p.sid {
    color: #666;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 14px
}

div.item div.itemContent p.gold {
    color: #666;
    font-weight: bold;
    font-size: 14px;
    height: 32px;
    margin: 0 12px 0 40px;
    padding: 10px 0;
    border-bottom: 1px solid #666
}

div.item div.itemContent p.gold.last {
    border-bottom: 0
}

div.item div.itemContent div.discount div.discountBox {
    background: url("/wp-includes/panfu/website/css/images/graphics_home.png") 0 -97px no-repeat;
    width: 258px;
    height: 54px;
    margin: 0 auto
}

div.item div.itemContent div.discount div.discountBox.youthPromo {
    background: url("/wp-includes/panfu/website/css/images/home/promo/green_band.png") 0 0 no-repeat;
    width: 251px;
    height: 56px
}

div.item div.itemContent div.discount div.discountBox.summerSpecial {
    background: 0;
    margin-top: 25px;
    height: 70px
}

div.item div.itemContent div.discount div.discountBox.crazyDay {
    background: 0;
    padding-top: 10px
}

div.item div.itemContent div.discount div.discountBox.xmas {
    background: 0
}

div.item div.itemContent div.discount div.discountBox.xmas p {
    line-height: 52px;
    text-align: right;
    padding-right: 90px
}

div.item div.itemContent div.discount div.discountBox.backToSchool,
div.item div.itemContent div.discount div.discountBox.backToSchoolExt,
div.item div.itemContent div.discount div.discountBox.backToSchool2Ext {
    background: 0;
    padding: 0;
    height: 78px;
    line-height: 78px
}

div.item div.itemContent div.discount div.discountBox.backToSchool p,
div.item div.itemContent div.discount div.discountBox.backToSchoolExt p,
div.item div.itemContent div.discount div.discountBox.backToSchool2Ext p {
    padding: 0
}

div.item div.itemContent div.discount div.discountBox.autumn {
    background: 0
}

div.item div.itemContent div.discount div.discountBox.autumn p {
    padding-top: 26px;
    color: #ad3236;
    text-shadow: none
}

div.item div.itemContent div.discount div.discountBox p {
    padding-top: 12px;
    text-align: center;
    text-shadow: #666 2px 2px 1px;
    color: #fff;
    font-weight: bold;
    font-size: 28px
}

div.item div.itemContent div.discount p {
    color: #666;
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

div.item div.itemContent div.discount p.expiryDate {
    font-size: 12px;
    width: 120px;
    text-align: center;
    color: #f00;
    position: absolute;
    bottom: 8px
}

div.item div.itemContent div.discount p.expiryDate.light {
    color: #FFF
}

div.item div.itemContent div.discount .insidePromoCounter {
    color: #fff;
    text-align: center;
    font-weight: bold
}

div.item div.link {
    font-weight: bold;
    font-size: 12px;
    color: #390;
    text-align: right;
    font-weight: bold
}

div.item div.link a {
    color: #390;
    text-decoration: none
}

div.item div.promoInfo {
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    font-weight: bold;
    color: #fff;
    width: 200px;
    margin: -5px auto 0 auto
}

.subPage div.box {
    float: left;
    margin-right: 10px;
    width: 324px
}

div#sub-page div.subPage.content div.boxContent img {
    float: left;
    margin: 0
}
div.boxHeader .headerContent {
    padding-left: 20px;
    padding-right: 8px;
    padding-top: 20px
}

div.boxHeader .headerContent a {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #fff
}

div.boxes ul li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top
}

div.boxes ul li div.homePageTeaser {
    position: relative
}

div.boxes ul li div.homePageTeaser a {
    display: block
}

div.boxes ul li div.homePageTeaser img {
    margin-top: 4px
}

div.boxes ul li div.homePageTeaser div.button {
    bottom: 16px
}

div.boxes ul li div.homePageTeaser.grolly img {
    margin-top: 10px
}

div.boxes ul li div.homePageTeaser.grolly p a {
    text-decoration: none;
    color: #552d0a
}

div.boxes ul li div.homePageTeaser.grolly p.title {
    text-align: center;
    width: 204px;
    position: absolute;
    top: 30px;
    right: 14px
}

div.boxes ul li div.homePageTeaser.tivola {
    width: 295px
}

div.boxes ul li div.homePageTeaser.tivola img {
    margin-top: 12px
}

div.boxes ul li div.homePageTeaser.tivola p a {
    text-decoration: none
}

div.boxes ul li div.homePageTeaser.tivola p {
    position: absolute
}

div.boxes ul li div.homePageTeaser.tivola p.new {
    left: 11px;
    top: 70px;
    width: 88px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: white;
    font-weight: bold;
    text-decoration: none
}

div.boxes ul li div.homePageTeaser.tivola p.new a,
div.boxes ul li div.homePageTeaser.tivola p.new a:hover,
div.boxes ul li div.homePageTeaser.tivola p.new a:visited {
    color: white
}

div.boxes ul li div.homePageTeaser.tivola p.text {
    top: 190px;
    left: 25px;
    width: 238px;
    height: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666
}

div.boxes ul li div.homePageTeaser.tivola p.text a,
div.boxes ul li div.homePageTeaser.tivola p.text a:hover,
div.boxes ul li div.homePageTeaser.tivola p.text a:visited {
    color: #666
}

div.boxes ul li div.homePageTeaser.tivola p.title {
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    width: 295px;
    height: 83px;
    line-height: 94px;
    color: white
}

div.boxes ul li div.homePageTeaser.tivola p.title a,
div.boxes ul li div.homePageTeaser.tivola p.title a:hover,
div.boxes ul li div.homePageTeaser.tivola p.title a:visited {
    color: white
}

div.boxes ul li div.homePageTeaser.parents {
    width: 295px
}

div.boxes ul li div.homePageTeaser.parents img {
    margin-top: 12px;
    height: 372px;
    width: 290px
}

div.boxes ul li div.homePageTeaser.parents p a {
    text-decoration: none
}

div.boxes ul li div.homePageTeaser.parents p {
    position: absolute
}

div.boxes ul li div.homePageTeaser.parents p.bullet1,
div.boxes ul li div.homePageTeaser.parents p.bullet2,
div.boxes ul li div.homePageTeaser.parents p.bullet3,
div.boxes ul li div.homePageTeaser.parents p.bullet4 {
    top: 91px;
    left: 63px;
    width: 220px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    color: #666
}

div.boxes ul li div.homePageTeaser.parents p.bullet1 a,
div.boxes ul li div.homePageTeaser.parents p.bullet1 a:hover,
div.boxes ul li div.homePageTeaser.parents p.bullet1 a:visited,
div.boxes ul li div.homePageTeaser.parents p.bullet2 a,
div.boxes ul li div.homePageTeaser.parents p.bullet2 a:hover,
div.boxes ul li div.homePageTeaser.parents p.bullet2 a:visited,
div.boxes ul li div.homePageTeaser.parents p.bullet3 a,
div.boxes ul li div.homePageTeaser.parents p.bullet3 a:hover,
div.boxes ul li div.homePageTeaser.parents p.bullet3 a:visited,
div.boxes ul li div.homePageTeaser.parents p.bullet4 a,
div.boxes ul li div.homePageTeaser.parents p.bullet4 a:hover,
div.boxes ul li div.homePageTeaser.parents p.bullet4 a:visited {
    color: #666
}

div.boxes ul li div.homePageTeaser.parents p.bullet2 {
    top: 134px
}

div.boxes ul li div.homePageTeaser.parents p.bullet3 {
    top: 176px
}

div.boxes ul li div.homePageTeaser.parents p.bullet4 {
    top: 220px
}

div.boxes ul li div.homePageTeaser.parents p.title {
    top: 0;
    left: 22px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    width: 295px;
    height: 83px;
    line-height: 94px;
    color: white
}

div.boxes ul li div.homePageTeaser.parents p.title a,
div.boxes ul li div.homePageTeaser.parents p.title a:hover,
div.boxes ul li div.homePageTeaser.parents p.title a:visited {
    color: white;
	margin-top: -18px;
}


.site-footer{ /* Fußzeile */
    background-color: white;
	width: 100%;
	height: 100%;    
	  
	  
}

.site-footer .site-info{
    text-align:center;
    color:#fff;
    line-height:1;
    background-color:green;
    padding:15px
}

}
.site-footer .web-links{
    text-align:center;
    color:#fff;
    line-height:1;
    background-color:green;
    padding:15px
}
.site-footer .site-footer-note{
    display:block;
    text-align:center
}








#ie6_popup div.footer {
    background: url("/wp-includes/panfu/website/css/images/popup_old_browser.png") 0 -56px no-repeat;
    height: 24px
}

.page_confirmation #navigation-box .pandas,
.page_login #navigation-box .pandas,
.page_not_opted #navigation-box .pandas {
    z-index: 11
}

.page_confirmation #navigation-box .bar,
.page_login #navigation-box .bar,
.page_not_opted #navigation-box .bar {
    background-color: #a9d21d
}

iv#footer-box {
    min-width: 990px;
    background-color: #845616
}

div#footer-box div.bar {
    background-image: url("/wp-includes/panfu/website/css/images/backgrounds.png");
    background-position: 0 -262px;
    background-repeat: repeat-x;
    background-color: #845616;
    height: 19px
}

div#footer {
    background-color: #845616;
    width: 960px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto
}

div#footer h1 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding-top: 16px;
    padding-bottom: 16px
}

div#footer h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px
}

div#footer h2 p {
    color: #FFF;
    float: none
}

div#footer h2 a {
    color: #FFF
}

.page_confirmation #navigation-box .pandas,
.page_login #navigation-box .pandas,
.page_not_opted #navigation-box .pandas {
    z-index: 11
}

div.rules-game {
    width: 792px;
    margin-left: auto;
    margin-right: auto
}

div.rules-game.header {
    background: url("/wp-includes/panfu/website/css/images/box_rules_top-bottom.png") 0 0 no-repeat;
    height: 15px
}

div.rules-game.content {
    background: url("/wp-includes/panfu/website/css/images/box_rules_middle.png") 0 0 repeat-y;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden
}

div.rules-game.content p.intro {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    margin-bottom: 20px
}

div.rules-game.content p.footer {
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

div.rules-game.footer {
    background: url("/wp-includes/panfu/website/css/images/box_rules_top-bottom.png") 0 -19px no-repeat;
    height: 15px
}

div.rules-game ul {
    text-align: center
}

div.rules-game ul li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    text-align: left
}

div.rules-column {
    width: 297px;
    margin-left: 6px;
    margin-right: 8px
}

div.rules-column ul li {
    display: list-item;
    padding-bottom: 16px
}

div.rules-column ul li span {
    float: left
}

div.rules-item {
    padding-left: 60px;
    font-weight: normal;
    font-size: 11px;
    line-height: 1.2
}

div.rules-item h1 {
    font-size: 11px;
    font-weight: bold;
    color: #000
}

div.rules-item ul {
    padding-left: 24px
}

div.rules-item ul li {
    display: list-item
}

div.rules-item ul li a {
    padding-top: 4px;
    padding-bottom: 4px
}

div#navigation-box {
    min-width: 990px;
    clear: both
}

div#navigation-box div.bar {
    background-image: url("/wp-includes/panfu/website/css/images/backgrounds.png");
    background-color: #b0d41c;
    background-position: 0 -281px;
    background-repeat: repeat-x;
    height: 22px
}

div#navigation-box div.bar.winter {
    background-color: #fff
}

div#navigation-box div.bar.game {
    background-color: #390;
    overflow-y: visible
}

div#navigation-box div.bar.game.winter {
    background-color: #fff
}

div#navigation {
    background-image: url("/wp-includes/panfu/website/css/images/backgrounds.png");
    background-color: #17a000;
    background-position: 0 -300px;
    background-repeat: repeat-x;
    min-height: 100px;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px
}

div.pageNavigation {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

div.pageNavigation ul {
    margin-left: 16px;
    margin-right: 16px
}

div.pageNavigation ul li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top
}

div.pageNavigation.column {
    width: 192px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    color: #fff
}

div.pageNavigation.column ul {
    margin: 0
}

div.pageNavigation.column ul li {
    display: list-item;
    font-size: 12px;
    text-shadow: white;
    border-bottom: #fff dashed 1px
}

div.pageNavigation.column ul li a {
    color: #fff;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none
}

div.pageNavigation.column ul li a:hover {
    color: #333
}

div.pageNavigation div.pandas {
    background: url("/wp-includes/panfu/website/css/images/panda.png") -196px 0 no-repeat;
    width: 204px;
    height: 220px;
    position: absolute;
    right: 0;
    top: -90px
}

div.pageNavigation div.logoPartOfYI {
    position: absolute;
    width: 107px;
    height: 50px;
    top: 0;
    right: 196px
}

div.pageNavigation div.logoPartOfYI.de div.text {
    background-position: 0 -33px
}

div.pageNavigation div.logoPartOfYI.en div.text {
    background-position: 0 -85px
}

div.pageNavigation div.logoPartOfYI.no div.text {
    background-position: 0 -68px
}

div.pageNavigation div.logoPartOfYI.se div.text {
    background-position: 0 -51px
}

div.pageNavigation div.logoPartOfYI.fi div.text {
    background-position: 0 -103px
}

div.pageNavigation div.logoPartOfYI.fr div.text {
    background-position: 0 -119px
}

div.pageNavigation div.logoPartOfYI.nl div.text {
    background-position: 0 -135px
}

div.pageNavigation div.logoPartOfYI.pl div.text {
    background-position: 0 -151px
}

div.pageNavigation div.logoPartOfYI.es div.text {
    background-position: 0 -167px
}

div.pageNavigation div.logoPartOfYI.dk div.text {
    background-position: 0 -185px
}

div.pageNavigation div.logoPartOfYI div.logo {
    background: url("/wp-includes/panfu/website/css/images/signatures.png") 0 0 no-repeat;
    height: 30px
}

div.pageNavigation div.logoPartOfYI div.text {
    background: url("/wp-includes/panfu/website/css/images/signatures.png") 0 -85px no-repeat;
    height: 20px
}


.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
        max-width: 1140px

}


.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
			/* display: none*/

}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}



.navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
   /* .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }*/
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
		
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
	
	
	 .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
  /*  .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }*/
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }



.ml-auto,
.mx-auto {
    margin-left: auto !important
}

span.icon {
    display: block;
    margin: 0;
    padding: 0;
    background: none 0 0 no-repeat
}

span.icon.home {
    background-image: url("/wp-includes/panfu/website/css/images/graphics_home.png")
}

span.icon.home.blog {
    background-position: -120px -211px;
    height: 42px;
    width: 42px
}

span.icon.home.game {
    background-position: -259px -211px;
    width: 31px;
    height: 25px
}

span.icon.home.padlock {
    background-position: -259px -181px;
    width: 31px;
    height: 31px
}

span.icon.home.smallBlog {
    background-position: -261px -153px;
    width: 27px;
    height: 27px
}

span.icon.home.trustedShop {
    background-position: -250px -274px;
    width: 38px;
    height: 38px
}

span.icon.home.trustedSite {
    background-position: -251px -313px;
    width: 38px;
    height: 38px
}

span.icon.home.bigStar {
    background-position: -1px -619px;
    height: 42px;
    width: 42px
}

span.icon.common {
    background-image: url("/wp-includes/panfu/website/css/images/graphics.png")
}

span.icon.common.chat {
    background-position: -388px -535px;
    height: 34px;
    width: 57px
}

span.icon.common.info {
    background-position: -363px -497px;
    width: 30px;
    height: 21px
}

span.icon.common.question {
    background-position: -363px -537px;
    width: 26px;
    height: 26px
}

span.icon.common.smallgold {
    background-position: -362px -567px;
    width: 27px;
    height: 27px
}

span.icon.common.game {
    background-position: -445px -535px;
    width: 33px;
    height: 27px
}

span.icon.common.star {
    background-position: -226px -64px;
    width: 37px;
    height: 37px
}

span.icon.common.mute {
    background-position: -369px -373px;
    width: 49px;
    height: 36px
}

span.icon.common.whistle {
    background-position: -418px -373px;
    width: 48px;
    height: 36px
}

span.icon.common.home {
    background-position: -362px -518px;
    width: 24px;
    height: 19px
}

span.icon.common.quotationOpen {
    background-position: -1px 0;
    width: 43px;
    height: 34px
}

span.icon.common.quotationClose {
    background-position: -44px 0;
    width: 43px;
    height: 34px
}

span.icon.common.smallPanda {
    background-position: -194px -31px;
    width: 28px;
    height: 26px
}

span.icon.common.bigHave {
    background-position: -438px -500px;
    width: 35px;
    height: 35px
}

span.icon.common.bigHaveNot {
    background-position: -402px -500px;
    width: 35px;
    height: 35px
}

span.icon.common.markOk {
    background-position: -399px -570px;
    width: 25px;
    height: 25px
}

span.icon.common.markFail {
    background-position: -451px -570px;
    width: 25px;
    height: 25px
}

span.icon.common.markReload {
    background-position: -426px -570px;
    width: 25px;
    height: 25px
}

span.icon.common.markExclamation {
    background-position: -227px -32px;
    width: 31px;
    height: 31px
}

span.icon.common.printer {
    background: url("/wp-includes/panfu/website/css/images/graphics.png");
    background-position: -89px 0;
    width: 36px;
    height: 28px
}

span.icon.common.back {
    background: url("/wp-includes/panfu/website/css/images/graphics.png");
    background-position: -125px 0;
    width: 23px;
    height: 28px
}

span.icon.common.back {
    background: url("/wp-includes/panfu/website/css/images/graphics.png");
    background-position: -125px 0;
    width: 23px;
    height: 28px
}

span.icon.social {
    background-image: url("/wp-includes/panfu/website/css/images/graphics.png");
    background-repeat: no-repeat
}

span.icon.social.xing {
    background-position: -181px -736px;
    width: 17px;
    height: 17px
}

div#main-window.confirmation {
	margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 900px;
    position: relative;
    background: url("/wp-includes/panfu/website/css/images/login_landingpage_bg.png") 50% 0 repeat-x;
		background-position: 0px 57px;

}

div#main-window.confirmation.sended {
	margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 900px;
    position: relative;
    background: url("/wp-includes/panfu/website/css/images/sended.png") 50% 0 repeat-x;
		background-position: 0px 57px;
}