html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

body {
    font-family: Verdana, Arial, sans-serif
}

@font-face {
    font-family: 'HirukoRegular';
    src: url("./css/2024/font/hirukoregular-webfont.eot");
    src: url("./css/2024/font/hirukoregular-webfont.eot?iefix") format("eot"), url("./css/2024/font/hirukoregular-webfont.woff") format("woff"), url("./css/2024/font/hirukoregular-webfont.ttf") format("truetype"), url("./css/2024/font/hirukoregular-webfont.svg#webfontAQv8kuZa") format("svg");
    font-weight: normal;
    font-style: normal
}

div.background {
   /* background-image: url("./css/2024/images/bgislandnew.gif");*/
   background-image: url("./css/2024/images/bgislandnew.gif"), url("./css/2024/images/bgisland_stripesnew.gif");
    background-position:50% 0%;
   background-repeat: no-repeat, repeat-x;
   min-height: 100vh;
	background-color: #a9d21d; /* SOMMER GRÜNE FARBE */
}

div.background-game {
    background-image: url("./css/2024/images/game/bg_game.png");
    background-repeat: repeat-x;
    background-color: #5184ed
}


.widthPage {
    width: 980px;
    margin: 0 auto
}

.font-h10 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal
}

.font-h10b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold
}

.font-s10 {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal
}

.font-s10b,div#header div.headerTop.main div.language ul li a,.page_blog div#pages div.pagesContent #wp-calendar td {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold
}

.font-h11 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal
}

.font-h11b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.font-s11,div#pages div.pagesContent div.press.reviewContent ul li a {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal
}

.font-s11b,div#pages div.pagesContent div.press.reviewContent ul li span {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.font-h12 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal
}

.font-h12b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.font-s12,.page_blog div#pages div.pagesContent .entry,.page_blog div#pages div.pagesContent .navigation,.page_blog div#pages div.pagesContent #pages-content li a,.page_blog div#pages div.pagesContent #oloko-archive-pages-container ul li a,.page_blog div#pages div.pagesContent .oloko-postmetadata {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal
}

.font-s12b,div.gameRules div.gameRulesHeader {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.font-h14 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal
}

.font-h14b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.font-s14 {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal
}

.font-s14b,div#pages div.pagesContent h2,div#pages div.pagesContent ul.pressYears li a,div#pages div.pagesContent div.press.reviewContent h2 {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.font-h16 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal
}

.font-h16b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold
}

.font-s16 {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal
}

.font-s16b,div#boxes div.boxText.content div.promoCounter p,.page_blog div#pages div.pagesContent .date-field h2 {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold
}

.font-h18 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 18px;
    font-weight: normal
}

.font-h18b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold
}

.font-s18 {
    font-family: Verdana, sans-serif;
    font-size: 18px;
    font-weight: normal
}

.font-s18b {
    font-family: Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold
}

.font-h20 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal
}

.font-h20b,.page_blog div#pages div.pagesContent #archive-content .archive-title,.page_blog div#pages div.pagesContent #pages-top {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold
}

.font-s20 {
    font-family: Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal
}

.font-s20b,div#pages div.pagesContent h1,.page_blog div#pages div.pagesContent #wp-calendar caption {
    font-family: Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold
}

.font-h24 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal
}

.font-h24b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold
}

.font-s24 {
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal
}

.font-s24b {
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold
}

.font-h25 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 25px;
    font-weight: normal
}

.font-h25b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 25px;
    font-weight: bold
}

.font-s25 {
    font-family: Verdana, sans-serif;
    font-size: 25px;
    font-weight: normal
}

.font-s25b,div#pages div.pages.header h1 {
    font-family: Verdana, sans-serif;
    font-size: 25px;
    font-weight: bold
}

.font-h30 {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 30px;
    font-weight: normal
}

.font-h30b {
    font-family: "HirukoRegular", Verdana, sans-serif;
    font-size: 30px;
    font-weight: bold
}

.font-s30 {
    font-family: Verdana, sans-serif;
    font-size: 30px;
    font-weight: normal
}

.font-s30b {
    font-family: Verdana, sans-serif;
    font-size: 30px;
    font-weight: bold
}

.font-light,div#pages div.pages.header h1,div#pages div.pagesContent ul.pressYears li.current a,.page_blog div#pages div.pagesContent #pages-top {
    color: white
}

.font-dark,div#header div.headerTop.main div.language ul li a,div#pages div.pagesContent ol li,div#pages div.pagesContent ol.long li ol li,div#pages div.pagesContent ul.pressYears li a,div#pages div.pagesContent div.press.releaseContent ul li a,div#pages div.pagesContent div.press.releaseContent ul li a.visited,div#pages div.pagesContent div.press.reviewContent h2,div#pages div.pagesContent div.press.reviewContent ul li a,div#pages div.pagesContent div.imageWithText.links div.buttons a,div#pages div.pagesContent div.imageWithText.links div.buttons a:visited,.page_blog div#pages div.pagesContent #pages-content li a,.page_blog div#pages div.pagesContent .date-field h2,.page_blog div#pages div.pagesContent #oloko-archive-pages-container ul li a,.page_blog div#pages div.pagesContent #oloko-calendar-container .widget_links li a {
    color: #333333
}

.font-blue,div#pages div.pagesContent p a,div#pages div.pagesContent p a.visited,div#pages div.pagesContent h1,div#pages div.pagesContent h2,div#pages div.pagesContent ol a,div#pages div.pagesContent ol a.visited,div#pages div.pagesContent ol.long li,div#pages div.pagesContent ul li a,div#pages div.pagesContent ul li a.visited,div#pages div.pagesContent div.press.releaseContent ul li,div#pages div.pagesContent div.press.reviewContent ul li span,div#pages div.pagesAds ul li a,div#pages div.pagesAds ul li a.visited,div.gameRules div.gameRulesGroup ul li a,div.gameRules div.gameRulesGroup ul li a.visited,div.gameRules div.gameRulesHeader,.page_blog div#pages div.pagesContent .entry a,.page_blog div#pages div.pagesContent .navigation a,.page_blog div#pages div.pagesContent .oloko-postmetadata a {
    color: #328bcf
}

.font-red,div#boxes div.boxText.content div.promoCounter p {
    color: #f8444c
}

.font-darkred,.page_blog div#pages div.pagesContent #archive-content .archive-title {
    color: #c4161c
}

.font-green,.page_blog div#pages div.pagesContent #wp-calendar tfoot a,.page_blog div#pages div.pagesContent #wp-calendar td a {
    color: #7ad322
}

.font-grey,div#pages div.pagesContent div.press.reviewContent ul li {
    color: #666666
}


div.smallButton.yellow {
    background: url("./css/2024/images/home/graphics_home.png") 0 -724px no-repeat;
    width: 150px;
    height: 42px
}

div.smallButton.yellow:hover {
    background-position: -150px -724px;
    cursor: pointer
}

div.smallButton.yellow.floatLeft {
    float: left
}

div.smallButton.yellow.floatRight {
    float: right
}

div.smallButton.yellow.center {
    margin: 0 auto
}

div.smallButton.yellow a {
    display: block;
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    text-decoration: none
}

div.smallButton.blue {
    background: url("./css/2024/images/home/graphics_home.png") 0 -766px no-repeat;
    width: 150px;
    height: 42px
}

div.smallButton.blue:hover {
    background-position: -150px -766px;
    cursor: pointer
}

div.smallButton.blue.floatLeft {
    float: left
}

div.smallButton.blue.floatRight {
    float: right
}

div.smallButton.blue.center {
    margin: 0 auto
}

div.smallButton.blue a {
    display: block;
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    text-decoration: none
}

div.smallButton.promo {
    background: url("./css/2024/images/home/graphics_home.png") 0 -597px no-repeat;
    width: 196px;
    height: 35px
}

div.smallButton.promo:hover {
    background-position: 0 -633px;
    cursor: pointer
}

div.smallButton.promo.floatLeft {
    float: left
}

div.smallButton.promo.floatRight {
    float: right
}

div.smallButton.promo.center {
    margin: 0 auto
}

div.smallButton.promo a {
    display: block;
    width: 196px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none
}

div.smallButton.promo a {
    padding-left: 43px;
    text-align: left;
    width: 153px
}

input.submitButton {
    border: 0
}

input.submitButton.green-short {
    background: url("./css/2024/images/pages/graphics_pages.png") -152px -596px no-repeat;
    width: 152px;
    height: 39px
}

input.submitButton.green-short:hover {
    background-position: 0px -596px;
    cursor: pointer
}

input.submitButton.green-short.floatLeft {
    float: left
}

input.submitButton.green-short.floatRight {
    float: right
}

input.submitButton.green-short.center {
    margin: 0 auto
}

input.submitButton.green-short a {
    display: block;
    width: 152px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    text-decoration: none
}

input.submitButton.green-long {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -704px no-repeat;
    width: 220px;
    height: 39px
}

input.submitButton.green-long:hover {
    background-position: 0 -665px;
    cursor: pointer
}

input.submitButton.green-long.floatLeft {
    float: left
}

input.submitButton.green-long.floatRight {
    float: right
}

input.submitButton.green-long.center {
    margin: 0 auto
}

input.submitButton.green-long a {
    display: block;
    width: 220px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    text-decoration: none
}

div.mediumButton {
    background: url("./css/2024/images/home/graphics_home.png") 1px -104px no-repeat;
    width: 124px;
    height: 38px
}

div.mediumButton:hover {
    background-position: -123px -104px;
    cursor: pointer
}

div.mediumButton.floatLeft {
    float: left
}

div.mediumButton.floatRight {
    float: right
}

div.mediumButton.center {
    margin: 0 auto
}

div.mediumButton a {
    display: block;
    width: 124px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none
}


.placeholder {
    clear: both
}

div.teaser {
    width: 202px;
    margin: 0px 6px 16px
}

div.teaser.gold div.header {
    height: 61px;
    background-position: 0 0
}

div.teaser.gold div.content {
    line-height: 22px
}

div.teaser.gold div.footer {
    height: 41px;
    background-position: 0 -261px;
    text-align: center
}

div.teaser.gold div.footer a {
    bottom: 0px;
    height: 36px;
    left: 28px;
    line-height: 36px;
    text-align: center;
    width: 148px;
    text-decoration: none
}

div.teaser.gold div.footer:hover {
    background-position: 0 -302px
}

div.teaser.gold.promo {
    padding: 5px 0
}

div.teaser.gold.promo div.content div.greenBox {
    background: url("./css/2024/images/home/graphics_home.png") 0 -670px no-repeat;
    height: 38px;
    width: 186px;
    margin: 5px 0px 0px
}

div.teaser.gold.promo div.content div.greenBox p {
    line-height: 38px;
    text-align: center
}

div.teaser.gold.promo div.footer {
    height: 42px;
    background-position: 0 -343px
}

div.teaser.gold.promo div.footer:hover {
    background-position: 0 -386px
}

div.teaser.gold.promo div.footer a {
    left: 36px
}

div.teaser.testimonials div.header {
    height: 39px;
    background-position: 0 -170px
}

div.teaser.testimonials div.footer {
    height: 51px;
    background-position: 0 -210px
}

div.teaser.press div.header {
    background-position: 0 -62px;
    height: 69px
}

div.teaser.press div.footer {
    background-position: 0 -132px;
    height: 39px
}


div.teaser div.footer a {
    bottom: 5px;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 32px;
    text-align: right;
    widht: 160px
}

div#header {
    height: 90px;
    position: relative;
    z-index: 100
}

div#header div.headerLogo {
    background: url("./css/2024/images/panfu_logo_de.png") 0 0 no-repeat;
    width: 250px;
    height: 95px;
    position: absolute;
    left: 8px;
}

div#header div.headerLogo a {
    display: block;
    width: 200px;
    height: 105px
}

div#header div.headerLogode a {
    display: block;
    width: 200px;
    height: 105px
}

div#header div.headerLogonl a {
    display: block;
    width: 200px;
    height: 105px
}

div#header div.headerLogopl a {
    display: block;
    width: 200px;
    height: 105px
}
div#header div.headerLogoen a {
    display: block;
    width: 200px;
    height: 105px
}

div#header div.headerLogo div.logoText {
    background: url("./css/2024/images/home/claims.png") 0 -48px no-repeat;
    height: 22px;
    margin: 0 auto
}

div#header div.headerLogode {
    background: url("./css/2024/images/panfu_logo_de.png") 0 0 no-repeat;
    width: 250px;
    height: 95px;
    position: absolute;
    left: 8px;
}
div#header div.headerLogopl {
    background: url("./css/2024/images/panfu_logo_pl.png") 0 0 no-repeat;
    width: 250px;
    height: 95px;
    position: absolute;
    left: 8px;
}

div#header div.headerLogoen {
    background: url("./css/2024/images/panfu_logo_en.png") 0 0 no-repeat;
    width: 250px;
    height: 95px;
    position: absolute;
    left: 8px;
}

div#header div.headerLogonl {
    background: url("./css/2024/images/panfu_logo_nl.png") 0 0 no-repeat;
    width: 250px;
    height: 95px;
    position: absolute;
    left: 8px;
}

div#header div.headerTop {
    height: 64px
}

div#header div.headerTop.main {
    float: left;
    width: 952px;
    background: url("./css/2024/images/home/top_menu_bg.png") 0 0 repeat-x
}

div#header div.headerTop.main div.language {
    position: absolute;
    top: 15px;
    right: 570px;
    z-index: 100
}

div#header div.headerTop.main div.language ul {
    background: url("./css/2024/images/home/graphics_home.png") -1px -178px no-repeat;
    background-position: -1px -182px;
    padding: 0 0 0 4px;
    width: 136px;
    height: 30px;
    line-height: 30px;
    list-style: none
}

div#header div.headerTop.main div.language ul:hover {
    background: url("./css/2024/images/home/graphics_home.png") -1px -435px no-repeat
}

div#header div.headerTop.main div.language ul:hover li {
    display: block
}

div#header div.headerTop.main div.language ul:hover li.current div {
    border-bottom: 1px dashed #333333
}

div#header div.headerTop.main div.language ul li {
    display: none;
    background: url("./css/2024/images/home/lang_select_bg.png") 0 0 repeat-y;
    width: 104px; /* Language white */
    height: 30px; 
    margin: 0px 0px 0px -4px;
    padding: 0px 0px 0px 2px
}

div#header div.headerTop.main div.language ul li div {
    padding-left: 2px;
    width: 103px; /*Striche für sprache*/
    border-bottom: 1px dashed #333333
}

div#header div.headerTop.main div.language ul li.ar a {
    background-position: 0 -198px
}

div#header div.headerTop.main div.language ul li.br a {
    background-position: 0 -44px
}

div#header div.headerTop.main div.language ul li.de a {
    background-position: 0 -155px
}

div#header div.headerTop.main div.language ul li.dk a {
    background-position: 0 -88px
}

div#header div.headerTop.main div.language ul li.en a {
    background-position: 0 -1px
}

div#header div.headerTop.main div.language ul li.es a {
    background-position: 0 -66px
}

div#header div.headerTop.main div.language ul li.fi a {
    background-position: 0 -221px
}

div#header div.headerTop.main div.language ul li.fr a {
    background-position: 0 -242px
}

div#header div.headerTop.main div.language ul li.nl a {
    background-position: 0 -265px
}

div#header div.headerTop.main div.language ul li.no a {
    background-position: 0 -23px
}

div#header div.headerTop.main div.language ul li.pl a {
    background-position: 0 -177px
}

div#header div.headerTop.main div.language ul li.se a {
    background-position: 0 -287px
}

div#header div.headerTop.main div.language ul li.tr a {
    background-position: 0 -133px
}

div#header div.headerTop.main div.language ul li:hover {
    background: url("./css/2024/images/home/lang_select_blue_bg.png") 0 0 repeat-y
}

div#header div.headerTop.main div.language ul li a {
    background: url("./css/2024/images/home/flags.gif") 0 -1px no-repeat;
    display: block;
    height: 29px;
    text-indent: 20px;
    width: 104px;
    margin: 0 4px;
    text-decoration: none
}

div#header div.headerTop.main div.language ul li.current {
    background: none;
    display: block
}

div#header div.headerTop.main div.language ul li.current div {
    border-bottom: none
}

div#header div.headerTop.main div.language ul li.last {
    background: url("./css/2024/images/home/graphics_home.png") -1px -498px no-repeat
}

div#header div.headerTop.main div.language ul li.last div {
    border-bottom: none
}

div#header div.headerTop.main div.language ul li.last:hover {
    background-position: -1px -467px
}

div#header div.headerTop.main div.loginFormHeader {
    position: absolute;
    right: 3%;
    top: 0;
    z-index: 101
}

div#header div.headerTop.main div.loginFormHeader div.firstLine {
    position: relative;
    margin-top: 2px;
    height: 38px;
    width: 332px
}

div#header div.headerTop.main div.loginFormHeader div.firstLine div.loginForm {
    float: left
}

div#header div.headerTop.main div.loginFormHeader div.secondLine {
    position: relative
}

div#header div.headerTop.leftSide {
    float: left;
    background: url("./css/2024/images/home/graphics_home.png") -246px 0 no-repeat;
    width: 14px
}

div#header div.headerTop.rightSide {
    float: right;
    background: url("./css/2024/images/home/graphics_home.png") -262px 0 no-repeat;
    width: 14px
}

div#header div.headerMenu {
    position: absolute;
    right: 34px;
    height: 30px;
    top: 64px;
    *top: 63px
}

div#header div.headerMenu ul {
    height: 30px;
    list-style: none
}

div#header div.headerMenu ul li {
    position: relative;
    float: left;
    height: 30px;
    padding: 0 16px;
    *padding: 7px 16px 9px;
    display: list-item;
    background: url("./css/2024/images/home/top_menu_bg.png") 0 -69px repeat-x;
    *background-position: 0 -69px;
    margin-left: 0;
    margin-right: 0
}

div#header div.headerMenu ul li.left {
    padding-left: 0
}

div#header div.headerMenu ul li.right {
    padding-right: 0
}

div#header div.headerMenu ul li:hover {
    cursor: pointer
}

div#header div.headerMenu ul li:hover,div#header div.headerMenu ul li.active {
    background: url("./css/2024/images/home/top_menu_bg.png") 0 -103px repeat-x
}

div#header div.headerMenu ul li:hover div.left,div#header div.headerMenu ul li.active div.left {
    background: url("./css/2024/images/home/graphics_home.png") -247px -104px no-repeat
}

div#header div.headerMenu ul li:hover div.right,div#header div.headerMenu ul li.active div.right {
    background: url("./css/2024/images/home/graphics_home.png") -261px -104px no-repeat
}

div#header div.headerMenu ul li div.spacer {
    background: url("./css/2024/images/home/graphics_home.png") -265px -104px no-repeat;
    width: 2px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 27px
}

div#header div.headerMenu ul li div.left {
    height: 30px;
    position: absolute;
    left: -14px;
    top: 0;
    background: url("./css/2024/images/home/graphics_home.png") -246px -69px no-repeat;
    width: 14px
}

div#header div.headerMenu ul li div.right {
    height: 30px;
    position: absolute;
    right: -14px;
    top: 0;
    background: url("./css/2024/images/home/graphics_home.png") -262px -69px no-repeat;
    width: 14px
}

div#header div.headerMenu ul li a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none
}

div#header div.headerMenu ul li.last {
    border-right: none
}

div#header div.headerMenu div.leftSide {
    height: 30px;
    margin: 0 0 0 -14px;
    float: left;
    position: relative;
    background: url("./css/2024/images/home/graphics_home.png") -246px -68px no-repeat;
    width: 14px
}

div#header div.headerMenu div.rightSide {
    height: 30px;
    position: relative;
    margin: 0 -14px 0 0;
    float: right;
    background: url("./css/2024/images/home/graphics_home.png") -262px -68px no-repeat;
    width: 14px
}

div#boxes {
    overflow: auto;
    width: 980px
}

div#boxes div.rightCol {
    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 980px
}

div#boxes div.rightCol div.middleCol {
    float: left;
    position: relative;
    width: 980px;
    right: 326px;
    height: 100%
}

div#boxes div.rightCol div.middleCol div.leftCol {
    float: left;
    position: relative;
    width: 980px;
    right: 326px;
    height: 100%
}

div#boxes div.rightCol div.middleCol div.leftCol div.col {
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 326px
}

div#boxes div.rightCol div.middleCol div.leftCol div.col.left {
    left: 326px;
    width: 326px
}

div#boxes div.rightCol div.middleCol div.leftCol div.col.middle {
    left: 980px;
    width: 326px
}

div#boxes div.rightCol div.middleCol div.leftCol div.col.right {
    left: 652px;
    width: 326px
}

div#boxes div.box {
    width: 311px;
    margin: 0 auto
}

div#boxes div.box.header {
    height: 47px;
    line-height: 47px;
    position: relative;
    margin-top: 30px
}

div#boxes div.box.header.blue {
    background: url("./css/2024/images/home/graphics_home.png") 0 -213px no-repeat
}

div#boxes div.box.header.yellow {
    background: url("./css/2024/images/home/graphics_home.png") 0 -262px no-repeat
}

div#boxes div.box.header.promo {
    background: url("./css/2024/images/home/graphics_home.png") 0 -311px no-repeat
}

div#boxes div.box.header.promo div.promoIcon {
    position: absolute;
    background: url("./css/2024/images/home/graphics_home.png") -219px -402px no-repeat;
    height: 72px;
    width: 72px;
    top: -24px;
    left: -7px
}

div#boxes div.box.footer {
    background: url("./css/2024/images/home/graphics_home.png") 0 -360px no-repeat;
    height: 20px
}

div#boxes div.box.footer.none {
    background: none
}

div#boxes div.box.footer.promo {
    background: url("./css/2024/images/home/graphics_home.png") 0 -380px no-repeat
}

div#boxes div.boxContent {
    background-image: url("./css/2024/images/home/box_bg.png");
    background-repeat: repeat-y;
    margin: 0 auto
}

div#boxes div.boxContent.left,div#boxes div.boxContent.right {
    background-position: 659px 0
}

div#boxes div.boxContent.middle {
    background-position: 661px 0
}

div#boxes div.boxContent.promo {
    background-image: url("./css/2024/images/home/box_gold_bg.png")
}

div#boxes div.boxText.header {
    padding: 0 14px
}

div#boxes div.boxText.header.promo {
    padding: 0 14px 0 72px
}

div#boxes div.boxText.content {
    position: relative;
    padding: 10px 28px 0
}

div#boxes div.boxText.content p {
    margin-bottom: 10px
}

div#boxes div.boxText.content div.greenPromoBox {
    background: url("./css/2024/images/home/graphics_home.png") 0 -530px no-repeat;
    height: 58px;
    width: 270px;
    margin: 0px auto 10px
}

div#boxes div.boxText.content div.greenPromoBox p {
    line-height: 58px;
    text-align: center
}

div#boxes div.boxText.content div.redBox {
    background: url("./css/2024/images/home/graphics_home.png") 0 -808px no-repeat;
    height: 27px;
    width: 226px;
    margin: 10px auto
}


div#boxes div.box.header.promo.teaserPromo.summer {
    background-image: url("./css/2024/images/promos/summer_special.png")
}

div#boxes div.box.header.promo.teaserPromo.summer div.promoIcon {
    background-image: url("./css/2024/images/promos/summer_special.png")
}

div#boxes div.box.footer.promo.teaserPromo.summer {
    background-image: url("./css/2024/images/promos/summer_special.png")
}

div#boxes div.boxContent.promo.teaserPromo.summer {
    background-image: url("./css/2024/images/promos/summer_special.png")
}

div#boxes div.boxText.content.promo.teaserPromo.summer div.redBox {
    background-image: url("./css/2024/images/promos/summer_special.png")
}

div#boxes div.boxText.content div.redBox p {
    line-height: 27px;
    text-align: center
}

div#boxes div.boxText.content div.promoCounter p {
    text-align: center
}

div#boxes div.boxText.content.withButton {
    padding-top: 0
}

div#boxes ul.green > li {
    background-position: -276px -620px
}

div#boxes ul.blue > li {
    background-position: -276px -676px
}

div#boxes ul li {
    list-style: none;
    background-image: url("./css/2024/images/home/graphics_home.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 8px 0px;
    min-height: 34px
}

div#boxes ul li.last > p {
    border-bottom: none
}

div#boxes ul li p {
    margin-left: 44px;
    margin-right: 10px;
    padding-bottom: 12px;
    padding-top: 6px;
    border-bottom: #AAAAAA 1px solid
}

div#flash {
    height: 320px;
    padding: 36px 0 0;
    position: relative
}

div#flash #flash-embed {
    outline: none;
    -moz-outline: none
}

div#flash div.oldBrowser {
    display: none;
    position: absolute;
    top: 0px;
    left: 216px;
    width: 513px;
    height: 363px;
    background: url("./css/2024/images/home/popup_browser.png") 0 0 no-repeat
}

div#flash div.oldBrowser div.text {
    margin: 100px 16px 0;
    text-align: center
}

div#flash div.oldBrowser div.close {
    float: right;
    height: 40px;
    margin-top: 20px;
    position: relative;
    width: 40px
}

div#flash div.noFlash {
    display: none;
    position: absolute;
    top: 48px;
    left: 216px;
    width: 415px;
    height: 268px;
    background: url("./css/2024/images/home/noflash.png") 0 0 no-repeat
}

div#flash div.noFlash div.text {
    margin: 16px 20px 16px 74px
}

div#pages {
    z-index: 1;
    margin-top: 36px;
    padding-bottom: 16px
}

div#pages.two-cols div.pages.header h1,div#pages.three-cols div.pages.header h1 {
    text-align: left
}

div#pages.two-cols div.pages.content {
    background-image: url("./css/2024/images/blog/content_bg_2.png")
}

div#pages.two-cols div.pages.content div.pagesContent {
    width: 726px;
    margin-right: 16px
}

div#pages.two-cols div.pages.content div.pagesContent div.paper {
    width: 709px
}

div#pages.two-cols div.pages.content div.pagesContent div.paper div.header {
    background-position: 0 0px;
    height: 30px;
    width: 709px
}

div#pages.two-cols div.pages.content div.pagesContent div.paper div.content {
    background: url("./css/2024/images/pages/paper_bg_2.gif") 0 0 repeat-y;
    width: 669px;
    padding: 0 20px
}

div#pages.two-cols div.pages.content div.pagesContent div.paper div.footer {
    background-position: 0 -31px;
    height: 38px;
    width: 709px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns {
    width: 726px;
    width: 726px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol {
    width: 726px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol {
    width: 726px;
    right: 242px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol {
    width: 726px;
    right: 242px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col {
    width: 242px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.left {
    left: 242px;
    width: 242px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.middle {
    left: 726px;
    width: 242px
}

div#pages.two-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.right {
    left: 484px;
    width: 242px
}

div#pages.two-cols div.pages.footer {
    background-image: url("./css/2024/images/pages/content_footer_2.png")
}

div#pages.three-cols div.pages.content {
    background-image: url("./css/2024/images/pages/content_bg_3.png")
}

div#pages.three-cols div.pages.content div.pagesContent {
    width: 509px;
    margin-right: 16px
}

div#pages.three-cols div.pages.content div.pagesContent div.paper {
    width: 504px
}

div#pages.three-cols div.pages.content div.pagesContent div.paper div.header {
    background-position: -1px -214px;
    height: 30px;
    width: 504px
}

div#pages.three-cols div.pages.content div.pagesContent div.paper div.content {
    background: url("./css/2024/images/pages/paper_bg_3.gif") 0 0 repeat-y;
    width: 464px;
    padding: 0 20px
}

div#pages.three-cols div.pages.content div.pagesContent div.paper div.footer {
    background-position: -1px -246px;
    height: 36px;
    width: 504px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns {
    width: 509px;
    width: 509px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol {
    width: 509px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol {
    width: 509px;
    right: 169px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol {
    width: 509px;
    right: 169px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col {
    width: 169px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.left {
    left: 169px;
    width: 169px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.middle {
    left: 509px;
    width: 169px
}

div#pages.three-cols div.pages.content div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.right {
    left: 338px;
    width: 169px
}

div#pages.three-cols div.pages.footer {
    background-image: url("./css/2024/images/pages/content_footer_3.png")
}

div#pages div.pages {
    width: 980px
}

div#pages div.pages.header {
    width: 945px;
    background: url("./css/2024/images/pages/content_header.png") 12px 0 no-repeat;
    height: 61px;
    line-height: 61px;
    padding-left: 35px;
    position: relative
}

div#pages div.pages.header h1 {
    width: 920px;
    text-align: center
}

div#pages div.pages.header div.icon {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 10px
}

div#pages div.pages.header div.icon.tuv {
    right: 73px;
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/icons.png") -55px -93px no-repeat
}

div#pages div.pages.header div.icon.trustedShop {
    right: 20px;
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/icons.png") 0 -93px no-repeat
}

div#pages div.pages.header div.icon.promo {
    width: 107px;
    height: 107px;
    left: 50px;
    background-position: 0 0;
    background-repeat: no-repeat
}

div#pages div.pages.content {
    background: url("./css/2024/images/pages/content_bg.png") 12px 0 repeat-y;
    overflow: auto
}

div#pages div.pages.content p.title {
    text-align: center;
    margin-top: 14px
}

div#pages div.pages.content p.subtitle {
    padding-top: 20px;
    margin-bottom: 0
}

div#pages div.pages.footer {
	background-color: #e0e0e0;
    background: url("./css/2024/images/pages/content_footer.png") 12px 0 no-repeat;
    height: 26px
}



div#pages div.pagesMenu {
    width: 216px;
    padding-top: 8px
}

div#pages div.pagesMenu ul {
    list-style: none
}

div#pages div.pagesMenu ul li {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 0 no-repeat;
    width: 213px;
    height: 48px;
    margin-left: 4px
}

div#pages div.pagesMenu ul li a {
    padding-left: 16px;
    display: block;
    width: 197px;
    height: 48px;
    line-height: 52px;
    text-decoration: none
}

div#pages div.pagesMenu ul li a:hover {
    text-decoration: none
}

div#pages div.pagesMenu ul li:hover,div#pages div.pagesMenu ul li.active {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -48px no-repeat;
    margin-left: -1px
}

div#pages div.pagesMenu ul li:hover a,div#pages div.pagesMenu ul li.active a {
    padding-left: 21px
}

div#pages div.pagesMenu ul li.sub {
    margin: 4px 0 0 21px;
    width: 190px;
    height: 24px;
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -123px no-repeat
}

div#pages div.pagesMenu ul li.sub a {
    padding-left: 6px;
    width: 190px;
    height: 24px;
    line-height: 24px
}

div#pages div.pagesMenu ul li.sub:hover,div#pages div.pagesMenu ul li.sub.active {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -97px no-repeat
}

div#pages div.pagesContent {
    width: 920px;
    float: right;
    margin-right: 24px;
    min-height: 700px
}

div#pages div.pagesContent hr {
    background-color: #CCCCCC;
    color: #CCCCCC;
    border-width: 0;
    height: 1px
}

div#pages div.pagesContent p {
    margin-bottom: 20px;
    line-height: 18px
}

div#pages div.pagesContent h1 {
    position: relative;
    margin: 10px 34px 20px 0;
    padding-bottom: 4px;
    border-bottom: 1px #333333 dashed
}

div#pages div.pagesContent h1:after {
    content: url("./css/2024/images/blog/leaf.png");
    position: absolute;
    right: -33px;
    bottom: -1px
}

div#pages div.pagesContent h2 {
    margin: 20px 0 10px 0
}

div#pages div.pagesContent img.floatRight {
    float: right;
    margin-left: 20px
}

div#pages div.pagesContent img.floatLeft {
    float: left;
    margin-right: 20px
}

div#pages div.pagesContent img.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

div#pages div.pagesContent ol li {
    padding-left: 16px;
    padding-top: 10px;
    text-indent: -16px;
    line-height: 18px
}

div#pages div.pagesContent ol li ol li {
    padding-left: 20px
}

div#pages div.pagesContent ol.long li {
    padding-bottom: 0;
    font-weight: bold
}

div#pages div.pagesContent ol.long li ol li {
    padding-left: 20px;
    padding-top: 10px;
    font-weight: normal
}

div#pages div.pagesContent ul.pressYears {
    height: 22px;
    background-color: #CAE1F8;
    padding: 0;
    margin-bottom: 20px
}

div#pages div.pagesContent ul.pressYears li {
    background-image: none;
    border-right: 2px solid white;
    float: left;
    padding: 0;
    height: 22px
}

div#pages div.pagesContent ul.pressYears li.current {
    background-color: #7EC50E
}

div#pages div.pagesContent ul.pressYears li a {
    display: inline-block;
    line-height: 22px;
    width: 70px;
    text-align: center;
    text-decoration: none
}

div#pages div.pagesContent ul.membershipMatrix {
    padding: 20px 20px 0 20px
}

div#pages div.pagesContent ul.membershipMatrix li {
    line-height: 44px;
    border-bottom: 1px #333333 dotted;
    position: relative
}

div#pages div.pagesContent ul.membershipMatrix li.last {
    border-bottom: none
}

div#pages div.pagesContent ul.membershipMatrix li span {
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/icons.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: 66px;
    top: 4px
}

div#pages div.pagesContent ul.membershipMatrix li span.gold {
    right: 250px
}

div#pages div.pagesContent ul.membershipMatrix li span.yes {
    background-position: 0 0
}

div#pages div.pagesContent ul.membershipMatrix li span.no {
    background-position: -36px 0
}

div#pages div.pagesContent ul.socialLinks li {
    background: url("./css/2024/images/pages/graphics_pages.png") no-repeat;
    height: 16px;
    line-height: 16px;
    text-indent: 22px;
    margin: 8px 0
}

div#pages div.pagesContent ul.socialLinks li.facebook {
    background-position: -352px -62px
}

div#pages div.pagesContent ul.socialLinks li.linkedIn {
    background-position: -352px -32px
}

div#pages div.pagesContent ul.socialLinks li.xing {
    background-position: -352px -91px
}

div#pages div.pagesContent ul.socialLinks li.twitter {
    background-position: -352px 0
}

div#pages div.pagesContent ul li {
    list-style: none
}

div#pages div.pagesContent table {
    margin: 20px
}

div#pages div.pagesContent table thead {
    background-color: #61B1FF
}

div#pages div.pagesContent table tr.grey {
    background-color: #F1F1F1
}

div#pages div.pagesContent table td {
    padding: 8px
}

div#pages div.pagesContent table th {
    text-align: left;
    padding: 10px 8px
}

div#pages div.pagesContent div.teaser {
    width: 298px;
    margin: 0px 6px 16px
}

div#pages div.pagesContent div.teaser.gold div.header {
    height: 61px;
    background-position: 0 0
}

div#pages div.pagesContent div.teaser.gold div.content {
    line-height: 22px
}

div#pages div.pagesContent div.teaser.gold div.footer {
    height: 54px;
    background-position: 0 -102px;
    text-align: center
}

div#pages div.pagesContent div.teaser.gold div.footer a {
    bottom: 0px;
    height: 36px;
    left: 78px;
    line-height: 36px;
    text-align: center;
    width: 148px;
    text-decoration: none
}

div#pages div.pagesContent div.teaser.gold div.footer:hover {
    background-position: 0 -157px
}

div#pages div.pagesContent div.teaser.gold.promo div.content div.greenBox {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldpromobox.png") -33px -64px no-repeat;
    height: 40px;
    width: 233px;
    margin: 5px auto 0px
}

div#pages div.pagesContent div.teaser.gold.promo div.content div.greenBox p {
    line-height: 40px;
    text-align: center
}

div#pages div.pagesContent div.teaser div.header {
    width: 298px;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldpromobox.png");
    height: 69px
}

div#pages div.pagesContent div.teaser div.content {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldpromobox_bg.png") 0 0 repeat-y;
    width: 274px;
    padding: 0 12px
}

div#pages div.pagesContent div.teaser div.content p {
    margin-bottom: 0
}

div#pages div.pagesContent div.teaser div.footer {
    width: 298px;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldpromobox.png");
    height: 62px;
    position: relative
}

div#pages div.pagesContent div.teaser div.footer a {
    bottom: 5px;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 32px;
    text-align: right;
    widht: 160px
}

div#pages div.pagesContent div.press.releaseContent ul li {
    background: url("./css/2024/images/home/graphics_home.png") -296px -418px no-repeat scroll;
    line-height: 18px;
    padding-left: 18px;
    padding-bottom: 10px
}

div#pages div.pagesContent div.press.reviewContent h2 {
    margin: 10px 0 20px;
    padding: 0 16px;
    height: 22px;
    line-height: 22px;
    background-color: #CCED96
}

div#pages div.pagesContent div.press.reviewContent ul li {
    min-height: 80px;
    margin: 12px 0;
    border-bottom: 1px solid #CCCCCC
}

div#pages div.pagesContent div.press.reviewContent ul li img {
    float: left;
    margin-right: 20px
}

div#pages div.pagesContent div.videoIcon {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -268px no-repeat;
    width: 121px;
    height: 93px;
    margin-left: 20px
}

div#pages div.pagesContent div.videoIcon:hover {
    background-position: -122px -268px;
    cursor: pointer
}

div#pages div.pagesContent div.dolphinLogo {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/common/dolphin.png") 8px 24px no-repeat;
    border: 1px solid #999999;
    height: 36px;
    padding: 24px 8px 12px;
    position: relative;
    width: 163px
}

div#pages div.pagesContent div.dolphinLogo p {
    position: absolute;
    top: 4px
}

div#pages div.pagesContent div.paper {
    width: 846px;
    margin: 16px auto
}

div#pages div.pagesContent div.paper div.header {
    background: url("./css/2024/images/pages/papers.gif") 0 -68px no-repeat;
    height: 68px;
    width: 846px;
    position: relative
}

div#pages div.pagesContent div.paper div.header p {
    line-height: 35px;
    margin: 0px;
    padding-left: 32px;
    padding-top: 31px;
    width: 396px
}

div#pages div.pagesContent div.paper div.header div.gold,div#pages div.pagesContent div.paper div.header div.free {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/icons.png") 0 -40px no-repeat;
    height: 50px;
    position: absolute;
    right: 340px;
    top: 18px;
    width: 46px
}

div#pages div.pagesContent div.paper div.header div.gold p,div#pages div.pagesContent div.paper div.header div.free p {
    line-height: 20px;
    padding-left: 50px;
    padding-top: 14px;
    width: 110px
}

div#pages div.pagesContent div.paper div.header div.free {
    background-position: -50px -39px;
    right: 150px;
    width: 49px
}

div#pages div.pagesContent div.paper div.content {
    background: url("./css/2024/images/pages/paper_bg.png") 0 0 repeat-y;
    width: 806px;
    padding: 0 20px
}

div#pages div.pagesContent div.paper div.content p {
    margin-bottom: 10px
}

div#pages div.pagesContent div.paper div.footer {
    background: url("./css/2024/images/pages/papers.gif") 0 -137px no-repeat;
    height: 48px;
    width: 846px
}

div#pages div.pagesContent div.goldbox {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldbox.gif") 0 0 no-repeat;
    width: 301px;
    height: 152px;
    position: relative
}

div#pages div.pagesContent div.goldbox.left {
    float: left;
    margin-right: 20px
}

div#pages div.pagesContent div.goldbox.right {
    float: right;
    margin-left: 20px
}

div#pages div.pagesContent div.goldbox.promo {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/goldbox_promo.gif") 0 0 no-repeat;
    height: 177px
}

div#pages div.pagesContent div.goldbox.promo p {
    text-align: center;
    height: auto
}

div#pages div.pagesContent div.goldbox.promo p.title {
    line-height: 26px;
    margin: 0
}

div#pages div.pagesContent div.goldbox.promo p.green {
    top: 68px;
    line-height: 36px
}

div#pages div.pagesContent div.goldbox.promo p.text {
    line-height: 14px;
    top: 106px
}

div#pages div.pagesContent div.goldbox.promo:hover {
    background-position: 0 -177px
}

div#pages div.pagesContent div.goldbox p {
    height: 70px;
    left: 12px;
    margin-bottom: 0;
    position: absolute;
    top: 40px;
    width: 274px
}

div#pages div.pagesContent div.goldbox a {
    bottom: 0;
    height: 38px;
    left: 76px;
    line-height: 38px;
    position: absolute;
    width: 150px;
    text-align: center;
    text-decoration: none
}

div#pages div.pagesContent div.guide {
    position: relative;
    margin: 0 auto;
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/parents_index.png") 0 0 no-repeat;
    width: 502px;
    height: 340px
}

div#pages div.pagesContent div.guide p {
    line-height: 12px;
    position: absolute;
    margin: 8px 12px;
    overflow: hidden
}

div#pages div.pagesContent div.guide p.text1 {
    height: 36px;
    left: 50px;
    top: 16px;
    width: 148px
}

div#pages div.pagesContent div.guide p.text2 {
    height: 34px;
    left: 321px;
    top: 2px;
    width: 142px
}

div#pages div.pagesContent div.guide p.text3 {
    height: 34px;
    left: 2px;
    top: 145px;
    width: 118px
}

div#pages div.pagesContent div.guide p.text4 {
    height: 52px;
    left: 346px;
    top: 105px;
    width: 129px
}

div#pages div.pagesContent div.guide p.text5 {
    height: 34px;
    left: 34px;
    top: 261px;
    width: 164px
}

div#pages div.pagesContent div.guide p.text6 {
    height: 34px;
    left: 267px;
    top: 287px;
    width: 192px
}

div#pages div.pagesContent div.imageWithText {
    position: relative
}

div#pages div.pagesContent div.imageWithText p {
    left: auto;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 8%;
    width: 60%;
    padding: 0 20%
}

div#pages div.pagesContent div.imageWithText.down p {
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    top: auto;
    left: auto;
    padding: 0
}

div#pages div.pagesContent div.imageWithText.goodies p {
    margin-bottom: 0;
    line-height: 20px;
    position: absolute;
    text-align: left;
    width: 100%;
    bottom: 8px;
    top: auto;
    left: 2.5em;
    padding: 0
}

div#pages div.pagesContent div.imageWithText.goodies a {
    text-decoration: none
}

div#pages div.pagesContent div.imageWithText.goodies a:hover {
    text-decoration: underline
}

div#pages div.pagesContent div.imageWithText.links img {
    margin: 0 auto;
    display: block
}

div#pages div.pagesContent div.imageWithText.links div.buttons {
    margin: 0px auto;
    width: 84%
}

div#pages div.pagesContent div.imageWithText.links div.buttons a,div#pages div.pagesContent div.imageWithText.links div.buttons a:visited {
    background-color: #B7E169;
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    width: 48%
}

div#pages div.pagesContent div.imageWithText.links div.buttons a:hover {
    background-color: #A3D9FA
}

div#pages div.pagesContent div.warning {
    background-color: #e4f0fb;
    padding: 8px;
    line-height: 18px;
    margin: 12px auto
}

div#pages div.pagesContent div.warning.icon {
    padding-left: 52px;
    min-height: 35px
}

div#pages div.pagesContent div.warning.icon div {
    width: 35px;
    height: 35px;
    background: url("./css/2024/images/pages/graphics_pages.png") -275px -20px no-repeat;
    float: left;
    margin-left: -44px
}

div#pages div.pagesContent div.warning.transparent {
    background: transparent
}

div#pages div.pagesContent div.warning.onPaper {
    background: transparent;
    padding-left: 30px
}

div#pages div.pagesContent div.warning.onPaper div {
    margin-left: -40px
}

div#pages div.pagesContent div.warning.single {
    line-height: 35px
}

div#pages div.pagesContent div.warning h2 {
    margin-top: 10px
}

div#pages div.pagesContent div.warning.withImage {
    margin-left: 0;
    margin-right: 0;
    width: 500px
}

div#pages div.pagesContent div.testimonials {
    width: 642px;
    margin: 16px auto;
    overflow-x: auto;
    overflow-y: hidden
}

div#pages div.pagesContent div.testimonials.left div.content div.text,div#pages div.pagesContent div.testimonials.right div.content div.text {
    position: relative;
    width: 404px;
    padding: 0 30px;
    height: 100%
}

div#pages div.pagesContent div.testimonials.left div.content span.left {
    left: 164px
}

div#pages div.pagesContent div.testimonials.left div.content div.text {
    float: right
}

div#pages div.pagesContent div.testimonials.right div.content span.right {
    right: 164px
}

div#pages div.pagesContent div.testimonials.right div.content img {
    float: right
}

div#pages div.pagesContent div.testimonials div.header {
    background: url("/./css/2024/images/pages/papers.gif") 0 -185px no-repeat;
    height: 16px;
    width: 642px;
    float: left
}

div#pages div.pagesContent div.testimonials div.content {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/testimonials_bg.png") 0 0 repeat-y;
    width: 622px;
    padding: 0 10px;
    position: relative;
    float: left
}

div#pages div.pagesContent div.testimonials div.content div.text {
    position: relative;
    width: 572px;
    padding: 0 30px;
    height: 100%
}

div#pages div.pagesContent div.testimonials div.content div.text p {
    margin-bottom: 10px
}

div#pages div.pagesContent div.testimonials div.content span {
    background-image: url("./css/2024/images/pages/graphics_pages.png");
    width: 25px;
    height: 20px;
    position: absolute
}

div#pages div.pagesContent div.testimonials div.content span.left {
    background-position: -260px 0;
    left: 12px;
    top: 0
}

div#pages div.pagesContent div.testimonials div.content span.right {
    background-position: -285px 0;
    right: 12px;
    bottom: -4px
}

div#pages div.pagesContent div.testimonials div.footer {
    background: url("./css/2024/images/pages/papers.gif") 0 -202px no-repeat;
    height: 12px;
    width: 642px;
    float: left
}

div#pages div.pagesContent div.testimonials.small {
    width: 295px;
    padding: 8px 0
}

div#pages div.pagesContent div.testimonials.small div.header {
    width: 295px;
    background-position: 0 -338px;
    height: 17px
}

div#pages div.pagesContent div.testimonials.small div.content {
    width: 275px;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/testimonials_small_bg.gif");
    background-position: -1px 0
}

div#pages div.pagesContent div.testimonials.small div.content span {
    height: 14px;
    width: 18px
}

div#pages div.pagesContent div.testimonials.small div.content span.left {
    background-position: -313px 0px
}

div#pages div.pagesContent div.testimonials.small div.content span.right {
    background-position: -331px 0px;
    bottom: 2px
}

div#pages div.pagesContent div.testimonials.small div.content div.text {
    padding: 15px 0px;
    width: 275px
}

div#pages div.pagesContent div.testimonials.small div.footer {
    width: 295px;
    background-position: 0 -358px;
    height: 7px
}

div#pages div.pagesContent div.bottomButton {
    width: 100px;
    height: 28px
}

div#pages div.pagesContent div.bottomButton.floatRight {
    float: right
}

div#pages div.pagesContent div.bottomButton.floatRight div.content {
    float: right
}

div#pages div.pagesContent div.bottomButton.floatRight div.content a {
    text-align: right;
    padding-right: 4px
}

div#pages div.pagesContent div.bottomButton.content {
    background-color: #77befd;
    line-height: 28px;
    margin: 0 29px 0 15px
}

div#pages div.pagesContent div.bottomButton.content a,div#pages div.pagesContent div.bottomButton.content a:hover,div#pages div.pagesContent div.bottomButton.content a:visited {
    display: block;
    text-decoration: none;
    height: 28px;
    overflow: hidden;
    padding-left: 4px
}

div#pages div.pagesContent div.bottomButton.content a:active {
    outline: none
}

div#pages div.pagesContent div.bottomButton.content a:hover {
    text-decoration: underline
}

div#pages div.pagesContent div.bottomButton.content a:hover else {
    text-decoration: none
}

div#pages div.pagesContent div.bottomButton.left {
    background: url("./css/2024/images/pages/graphics_pages.png") -214px -2px no-repeat;
    width: 15px;
    float: left;
    margin: 0px 0px 0px -15px
}

div#pages div.pagesContent div.bottomButton.right {
    background: url("./css/2024/images/pages/graphics_pages.png") -230px -2px no-repeat;
    width: 29px;
    float: right;
    margin: 0 -29px 0 0
}

div#pages div.pagesContent div.bottomButton:hover {
    cursor: pointer
}

div#pages div.pagesContent div.bottomButton:hover.content {
    background-color: #77befd
}

div#pages div.pagesContent div.bottomButton:hover div.left {
    background-position: -214px -2px
}

div#pages div.pagesContent div.bottomButton:hover div.right {
    background-position: -230px -2px
}

div#pages div.pagesContent div.backButton {
    width: 100px;
    height: 28px
}

div#pages div.pagesContent div.backButton.floatRight {
    float: right
}

div#pages div.pagesContent div.backButton.floatRight div.content {
    float: right
}

div#pages div.pagesContent div.backButton.floatRight div.content a {
    text-align: right;
    padding-right: 4px
}

div#pages div.pagesContent div.backButton.content {
    background-color: #77befd;
    line-height: 28px;
    margin: 0 15px 0 29px
}

div#pages div.pagesContent div.backButton.content a,div#pages div.pagesContent div.backButton.content a:hover,div#pages div.pagesContent div.backButton.content a:visited {
    display: block;
    text-decoration: none;
    height: 28px;
    overflow: hidden;
    padding-left: 4px
}

div#pages div.pagesContent div.backButton.content a:active {
    outline: none
}

div#pages div.pagesContent div.backButton.content a:hover {
    text-decoration: underline
}

div#pages div.pagesContent div.backButton.content a:hover else {
    text-decoration: none
}

div#pages div.pagesContent div.backButton.left {
    background: url("./css/2024/images/pages/graphics_pages.png") -214px -33px no-repeat;
    width: 29px;
    float: left;
    margin: 0px 0px 0px -29px
}

div#pages div.pagesContent div.backButton.right {
    background: url("./css/2024/images/pages/graphics_pages.png") -244px -33px no-repeat;
    width: 15px;
    float: right;
    margin: 0 -15px 0 0
}

div#pages div.pagesContent div.backButton:hover {
    cursor: pointer
}

div#pages div.pagesContent div.backButton:hover.content {
    background-color: #77befd
}

div#pages div.pagesContent div.backButton:hover div.left {
    background-position: -214px -33px
}

div#pages div.pagesContent div.backButton:hover div.right {
    background-position: -244px -33px
}

div#pages div.pagesContent div.twoColumns div.col2rightMask {
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask {
    float: left;
    position: relative;
    right: 50%;
    width: 100%
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2left,div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2right {
    float: left;
    overflow: hidden;
    padding: 0px 0px 1em;
    position: relative
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2left img,div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2right img {
    width: 100%
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2left p,div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2right p {
    margin: 0 1em
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2left {
    width: 46%;
    left: 52%
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2right {
    width: 46%;
    left: 56%
}

div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2left p,div#pages div.pagesContent div.twoColumns div.col2rightMask div.col2leftMask div.col2right p {
    margin: 0
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask {
    width: 726px
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask {
    right: 363px;
    width: 726px
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left {
    width: 331px;
    left: 379px
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right {
    width: 331px;
    left: 411px
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/testimonials_small_bg.gif") 396px 0 repeat-y;
    margin: 0px auto
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask.empty {
    background: none
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/testimonials_small_bg.gif") 396px 0 repeat-y;
    margin: 0px auto
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask.empty {
    background: none
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left,div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right {
    padding: 0
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left div.testimonials,div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right div.testimonials {
    margin: 0 auto;
    padding: 0
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left div.testimonials div.content,div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right div.testimonials div.content {
    background: none
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left div.testimonials div.content img,div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right div.testimonials div.content img {
    width: auto
}

div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2left p,div#pages div.pagesContent div.twoColumns.withTestimonials div.col2rightMask div.col2leftMask div.col2right p {
    margin: 0
}

div#pages div.pagesContent div.threeColumns {
    margin: 0 auto 20px;
    width: 900px;
    overflow: auto;
    width: 900px
}

div#pages div.pagesContent div.threeColumns div.rightCol {
    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 900px
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol {
    float: left;
    position: relative;
    width: 900px;
    right: 300px;
    height: 100%
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol {
    float: left;
    position: relative;
    width: 900px;
    right: 300px;
    height: 100%
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col {
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 300px
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.left {
    left: 300px;
    width: 300px
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.middle {
    left: 900px;
    width: 300px
}

div#pages div.pagesContent div.threeColumns div.rightCol div.middleCol div.leftCol div.col.right {
    left: 600px;
    width: 300px
}

div#pages div.pagesContent div.text {
    margin: 0 auto;
    width: 806px
}

div#pages div.pagesContent div.text ul li {
    padding-bottom: 8px
}

div#pages div.pagesContent div.kidsVips ul {
    overflow: auto;
    width: 100%;
    list-style: none
}

div#pages div.pagesContent div.kidsVips ul li {
    width: 25%;
    float: left
}

div#pages div.pagesContent div.kidsVips ul li img {
    margin: 1em
}

div#pages div.pagesContent div.box {
    width: 236px;
    margin: 0 auto
}

div#pages div.pagesContent div.box div.header {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/box.gif") 0 0 no-repeat;
    height: 45px;
    width: 236px;
    position: relative
}

div#pages div.pagesContent div.box div.header p {
    line-height: 55px;
    margin-bottom: 0px;
    padding: 0px 10px 0px 25px;
    height: 45px
}

div#pages div.pagesContent div.box div.content {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/box_bg.gif") 0 0 repeat-y;
    padding: 0 20px;
    width: 194px
}

div#pages div.pagesContent div.box div.content.bottom {
    padding: 10px 20px 0
}

div#pages div.pagesContent div.box div.content p {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px
}

div#pages div.pagesContent div.box div.content img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

div#pages div.pagesContent div.box div.footer {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/box.gif") 0 -106px no-repeat;
    background-position: 0 -99px;
    height: 45px;
    width: 236px
}

div#pages div.pagesContent div.box div.footer:hover,div#pages div.pagesContent div.box div.footer.active {
    background-position: 0 -46px
}

div#pages div.pagesContent div.box div.footer a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0px 48px;
    text-align: center;
    text-decoration: none;
    width: 140px
}

div#pages div.pagesContent div.paymentBox {
    width: 284px;
    margin: 16px auto
}

div#pages div.pagesContent div.paymentBox p {
    line-height: normal
}

div#pages div.pagesContent div.paymentBox:hover {
    cursor: pointer
}

div#pages div.pagesContent div.paymentBox div.header {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/paybox.gif") 0 0 no-repeat;
    height: 50px;
    width: 284px;
    position: relative
}

div#pages div.pagesContent div.paymentBox div.header div.promo {
    position: absolute;
    right: -8px;
    top: -16px;
    background-position: -108px 0;
    width: 100px;
    height: 80px
}

div#pages div.pagesContent div.paymentBox div.content {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/paybox_bg.gif") 0 0 repeat-y;
    padding: 0 20px;
    width: 244px
}

div#pages div.pagesContent div.paymentBox div.content.bottom {
    padding: 10px 20px 0
}

div#pages div.pagesContent div.paymentBox div.content p {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px
}

div#pages div.pagesContent div.paymentBox div.content p.promo {
    text-decoration: line-through
}

div#pages div.pagesContent div.paymentBox div.price {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/paybox.gif") 0 -51px no-repeat;
    height: 54px;
    width: 284px
}

div#pages div.pagesContent div.paymentBox div.price p {
    padding: 0 14px;
    text-align: center;
    line-height: 54px
}

div#pages div.pagesContent div.paymentBox div.footer {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/payment/paybox.gif") 0 -106px no-repeat;
    height: 68px;
    width: 284px
}

div#pages div.pagesContent div.paymentBox div.footer:hover,div#pages div.pagesContent div.paymentBox div.footer.active {
    background-position: 0 -175px
}

div#pages div.pagesContent div.paymentBox div.footer a {
    display: block;
    height: 44px;
    line-height: 40px;
    padding: 0px 37px;
    text-align: center;
    text-decoration: none;
    width: 210px
}

div#pages div.pagesContent div.kidsManual div.col2rightMask {
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask {
    float: left;
    position: relative;
    right: 90%;
    width: 100%
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2left,div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2right {
    float: left;
    overflow: hidden;
    padding: 0px 0px 1em;
    position: relative
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2left img,div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2right img {
    width: 100%
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2left p,div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2right p {
    margin: 0 1em
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2left {
    width: 10%;
    left: 90%
}

div#pages div.pagesContent div.kidsManual div.col2rightMask div.col2leftMask div.col2right {
    width: 90%;
    left: 90%
}

div#pages div.pagesContent div.kidsManual.profil div.image {
    background-position: 0 0
}

div#pages div.pagesContent div.kidsManual.house div.image {
    background-position: -64px 0
}

div#pages div.pagesContent div.kidsManual.map div.image {
    background-position: 0 -64px
}

div#pages div.pagesContent div.kidsManual.inventory div.image {
    background-position: -64px -64px
}

div#pages div.pagesContent div.kidsManual.news div.image {
    background-position: 0 -128px
}

div#pages div.pagesContent div.kidsManual.friends div.image {
    background-position: -64px -128px
}

div#pages div.pagesContent div.kidsManual.clothes div.image {
    background-position: 0 -192px
}

div#pages div.pagesContent div.kidsManual.furniture div.image {
    background-position: -64px -192px
}

div#pages div.pagesContent div.kidsManual.mobile div.image {
    background-position: 0 -256px
}

div#pages div.pagesContent div.kidsManual.shop div.image {
    background-position: -64px -256px
}

div#pages div.pagesContent div.kidsManual.groups div.image {
    background-position: 0 -320px
}

div#pages div.pagesContent div.kidsManual.jobs div.image {
    background-position: -64px -320px
}

div#pages div.pagesContent div.kidsManual.yourPlace div.image {
    background-position: 0 -384px
}

div#pages div.pagesContent div.kidsManual.yourHouse div.image {
    background-position: -64px -384px
}

div#pages div.pagesContent div.kidsManual.yourGarden div.image {
    background-position: 0 -448px
}

div#pages div.pagesContent div.kidsManual.yourSafe div.image {
    background-position: -64px -448px
}

div#pages div.pagesContent div.kidsManual div.image {
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/graphics_help.png");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px
}

div#pages div.pagesContent div.jobsBox {
    margin: 0 21px
}

div#pages div.pagesContent div.jobsBox.marketing div.icon {
    background-position: -62px -62px
}

div#pages div.pagesContent div.jobsBox.bi div.icon {
    background-position: 0 0
}

div#pages div.pagesContent div.jobsBox.it div.icon {
    background-position: -62px 0
}

div#pages div.pagesContent div.jobsBox.qa div.icon {
    background-position: 0 -124px
}

div#pages div.pagesContent div.jobsBox.content div.icon {
    background-position: 0 -62px
}

div#pages div.pagesContent div.jobsBox.support div.icon {
    background-position: -62px -124px
}

div#pages div.pagesContent div.jobsBox div.icon {
    width: 62px;
    height: 62px;
    margin: 0 12px;
    background-repeat: no-repeat;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/graphics_jobs.png");
    float: left
}

div#pages div.pagesContent div.jobsBox div.text {
    padding: 0 12px 6px 90px;
    width: auto
}

div#pages div.pagesContent div.jobsBox div.link {
    padding: 0 12px 6px 90px
}

div#pages div.pagesAds {
    float: right;
    width: 219px
}

div#pages div.pagesContent ul.checkMark > li,div#pages div.pagesAds ul.checkMark > li,div.gameRules div.gameRulesGroup ul.checkMark > li {
    background: url("./css/2024/images/home/graphics_home.png") -289px -37px no-repeat scroll;
    line-height: 18px;
    padding-left: 30px;
    padding-bottom: 10px
}

div#pages div.pagesContent ul.arrow > li,div#pages div.pagesAds ul.arrow > li,div.gameRules div.gameRulesGroup ul.arrow > li {
    background: url("./css/2024/images/home/graphics_home.png") -296px -418px no-repeat scroll;
    line-height: 18px;
    padding-left: 18px;
    padding-bottom: 10px
}

div#pages div.pagesContent ul li,div#pages div.pagesAds ul li,div.gameRules div.gameRulesGroup ul li {
    list-style: none
}

div#double-opt-in {
    width: 800px
}

div#login-failure,div#double-opt-in {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px
}

div#login-failure .envelope,div#double-opt-in .envelope {
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png");
    background-repeat: no-repeat;
    background-position: -271px -138px;
    width: 110px;
    height: 75px;
    float: right;
    margin-top: 20px
}

div#login-failure div#character,div#double-opt-in div#character {
    float: left;
    position: relative;
    z-index: 2;
    right: -20px;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_character.png");
    background-repeat: no-repeat;
    width: 205px;
    height: 363px
}

div#login-failure div#character.default,div#double-opt-in div#character.default {
    background-position: 0 0
}

div#login-failure div#character.withEnvelope,div#double-opt-in div#character.withEnvelope {
    background-position: -205px 0;
    width: 195px
}

div#login-failure div#character.withKey,div#double-opt-in div#character.withKey {
    background-position: -410px 0;
    width: 185px
}

div#login-failure div#character.pointing,div#double-opt-in div#character.pointing {
    background-position: -595px 0;
    right: -40px
}

div#login-failure div.wood-panel,div#double-opt-in div.wood-panel {
    float: left;
    position: relative;
    z-index: 1;
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_woodpanel.png");
    background-repeat: no-repeat
}

div#login-failure div.wood-panel .wood-header,div#double-opt-in div.wood-panel .wood-header {
    margin-bottom: 10px
}

div#login-failure div.wood-panel.size-1,div#double-opt-in div.wood-panel.size-1 {
    background-position: 0 0;
    width: 479px;
    height: 306px;
    padding-top: 75px;
    padding-left: 45px;
    padding-right: 45px
}

div#login-failure div.wood-panel.size-1 .bottom,div#double-opt-in div.wood-panel.size-1 .bottom {
    width: 479px
}

div#login-failure div.wood-panel.size-2,div#double-opt-in div.wood-panel.size-2 {
    background-position: -569px 0;
    width: 421px;
    height: 301px;
    padding-top: 80px;
    padding-left: 45px;
    padding-right: 45px
}

div#login-failure div.wood-panel.size-2 .bottom,div#double-opt-in div.wood-panel.size-2 .bottom {
    width: 421px
}

div#login-failure div.wood-panel.size-3,div#double-opt-in div.wood-panel.size-3 {
    background-position: -1080px 0;
    width: 399px;
    height: 316px;
    padding-top: 65px;
    padding-left: 45px;
    padding-right: 45px
}

div#login-failure div.wood-panel.size-3 .bottom,div#double-opt-in div.wood-panel.size-3 .bottom {
    width: 399px
}

div#login-failure div.wood-panel.size-4,div#double-opt-in div.wood-panel.size-4 {
    background-position: -1569px 0;
    width: 373px;
    height: 301px;
    padding-top: 80px;
    padding-left: 45px;
    padding-right: 45px
}

div#login-failure div.wood-panel.size-4 .bottom,div#double-opt-in div.wood-panel.size-4 .bottom {
    width: 373px
}

div#login-failure div.wood-panel.size-5,div#double-opt-in div.wood-panel.size-5 {
    background-position: -569px 0;
    width: 371px;
    height: 311px;
    padding-top: 70px;
    padding-left: 70px;
    padding-right: 70px
}

div#login-failure div.wood-panel.size-5 .bottom,div#double-opt-in div.wood-panel.size-5 .bottom {
    width: 371px
}

div#login-failure div.wood-panel.size-5 .wood-header,div#double-opt-in div.wood-panel.size-5 .wood-header {
    margin-bottom: 0px;
    margin-left: 10px
}

div#login-failure .buttons,div#double-opt-in .buttons {
    margin-top: 15px
}

div#login-failure .button-right,div#double-opt-in .button-right {
    float: right
}

div#login-failure .button-short,div#double-opt-in .button-short {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") 0 -140px no-repeat;
    width: 125px;
    height: 47px;
    line-height: 47px;
    margin-top: 10px;
    margin-right: 5px
}

div#login-failure .button-short:hover,div#double-opt-in .button-short:hover {
    background-position: 0 -187px;
    cursor: pointer
}

div#login-failure .button-short.floatLeft,div#double-opt-in .button-short.floatLeft {
    float: left
}

div#login-failure .button-short.floatRight,div#double-opt-in .button-short.floatRight {
    float: right
}

div#login-failure .button-short.center,div#double-opt-in .button-short.center {
    margin: 0 auto
}

div#login-failure .button-short a,div#double-opt-in .button-short a {
    display: block;
    width: 125px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    text-decoration: none
}

div#login-failure .button-short:hover,div#double-opt-in .button-short:hover {
    cursor: pointer
}

div#login-failure .button-long,div#double-opt-in .button-long {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") -165px -45px no-repeat;
    width: 200px;
    height: 46px;
    line-height: 46px
}

div#login-failure .button-long:hover,div#double-opt-in .button-long:hover {
    background-position: -165px -91px;
    cursor: pointer
}

div#login-failure .button-long.floatLeft,div#double-opt-in .button-long.floatLeft {
    float: left
}

div#login-failure .button-long.floatRight,div#double-opt-in .button-long.floatRight {
    float: right
}

div#login-failure .button-long.center,div#double-opt-in .button-long.center {
    margin: 0 auto
}

div#login-failure .button-long a,div#double-opt-in .button-long a {
    display: block;
    width: 200px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-decoration: none
}

div#login-failure .button-blue,div#double-opt-in .button-blue {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") -125px -138px no-repeat;
    width: 146px;
    height: 58px;
    line-height: 68px;
    position: absolute;
    bottom: 20px;
    left: 0
}

div#login-failure .button-blue:hover,div#double-opt-in .button-blue:hover {
    background-position: -125px -196px;
    cursor: pointer
}

div#login-failure .button-blue.floatLeft,div#double-opt-in .button-blue.floatLeft {
    float: left
}

div#login-failure .button-blue.floatRight,div#double-opt-in .button-blue.floatRight {
    float: right
}

div#login-failure .button-blue.center,div#double-opt-in .button-blue.center {
    margin: 0 auto
}

div#login-failure .button-blue a,div#double-opt-in .button-blue a {
    display: block;
    width: 146px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    text-decoration: none
}

div#login-failure .button-blue a,div#double-opt-in .button-blue a {
    line-height: 68px
}

div#login-failure .button-blue a:hover,div#double-opt-in .button-blue a:hover {
    line-height: 74px
}

div#login-failure .bottom,div#double-opt-in .bottom {
    position: absolute;
    bottom: 0;
    margin-bottom: 75px
}

div#login-failure .form-field,div#double-opt-in .form-field {
    position: relative;
    margin-top: 13px
}

div#login-failure .form-field label,div#double-opt-in .form-field label {
    margin-left: 10px
}

div#login-failure .form-field .input-field,div#double-opt-in .form-field .input-field {
    position: relative
}

div#login-failure p.input-length,div#double-opt-in p.input-length {
    margin-left: 9px
}

div#login-failure .error-bubble,div#double-opt-in .error-bubble {
    display: none;
    position: absolute;
    z-index: 999;
    width: 400px
}

div#login-failure .error-bubble .error-top,div#double-opt-in .error-bubble .error-top {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/input_error_topbottom.png") no-repeat;
    height: 50px;
    z-index: 10
}

div#login-failure .error-bubble .error-content-bg,div#double-opt-in .error-bubble .error-content-bg {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/input_error_bg.png");
    z-index: 20
}

div#login-failure .error-bubble .error-content-bg .error-content,div#double-opt-in .error-bubble .error-content-bg .error-content {
    padding: 0 20px;
    position: relative
}

div#login-failure .error-bubble .error-bottom,div#double-opt-in .error-bubble .error-bottom {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/input_error_topbottom.png") no-repeat 0 -52px;
    height: 50px;
    z-index: 10
}

div#login-failure .rememberMe,div#double-opt-in .rememberMe {
    float: left
}

div#login-failure .forgotPassword,div#double-opt-in .forgotPassword {
    float: right;
    margin-right: 50px
}

div#login-failure .submit-container,div#double-opt-in .submit-container {
    clear: both;
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

div#login-failure .form-field {
    margin-top: 4px
}

div#login-failure .submit-container {
    margin-top: 5px
}

div#login-failure div#bubble-failure-container {
    width: 270px;
    height: 189px;
    float: left;
    position: relative;
    z-index: 2
}

div#login-failure div#bubble-failure-container div#bubble-failure {
    background-image: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/speechbubble.png");
    width: 200px;
    height: 159px;
    padding: 30px 35px 0 35px
}

div#login-failure div#bubble-failure-container div#bubble-failure .line-1 {
    text-align: center
}

div#login-failure div#bubble-failure-container div#bubble-failure .line-2 {
    margin-top: 10px;
    text-align: center
}

.page_confirmation div#double-opt-in .form-field {
    margin-top: 0
}

div.contact-form ul.arrow,div.settings-page ul.arrow {
    margin: 20px 0 0 10px
}

div.contact-form ul.arrow a,div.settings-page ul.arrow a {
    color: #333333 !important
}

div.contact-form .contact-form,div.contact-form .settings-page-form,div.settings-page .contact-form,div.settings-page .settings-page-form {
    margin-top: 10px;
    float: left
}

div.contact-form .contact-form > div,div.contact-form .settings-page-form > div,div.settings-page .contact-form > div,div.settings-page .settings-page-form > div {
    clear: both
}

div.contact-form .contact-form .form-section,div.contact-form .settings-page-form .form-section,div.settings-page .contact-form .form-section,div.settings-page .settings-page-form .form-section {
    margin-bottom: 10px
}

div.contact-form .contact-form .form-field label,div.contact-form .settings-page-form .form-field label,div.settings-page .contact-form .form-field label,div.settings-page .settings-page-form .form-field label {
    margin-top: 9px;
    float: left;
    text-align: right;
    width: 260px
}

div.contact-form .contact-form .field-error,div.contact-form .settings-page-form .field-error,div.settings-page .contact-form .field-error,div.settings-page .settings-page-form .field-error {
    width: 270px;
    margin-left: 270px
}

div.contact-form .contact-form .form-submit,div.contact-form .settings-page-form .form-submit,div.settings-page .contact-form .form-submit,div.settings-page .settings-page-form .form-submit {
    width: 280px;
    margin-left: 260px
}

div.contact-form .contact-form .form-submit input,div.contact-form .settings-page-form .form-submit input,div.settings-page .contact-form .form-submit input,div.settings-page .settings-page-form .form-submit input {
    margin-left: auto;
    margin-right: auto;
    display: block
}

div.contact-form .contact-form .form-submit.floatLeft,div.contact-form .settings-page-form .form-submit.floatLeft,div.settings-page .contact-form .form-submit.floatLeft,div.settings-page .settings-page-form .form-submit.floatLeft {
    margin-left: 0;
    margin-top: 20px
}

div.contact-form .contact-form .form-submit.floatLeft input,div.contact-form .settings-page-form .form-submit.floatLeft input,div.settings-page .contact-form .form-submit.floatLeft input,div.settings-page .settings-page-form .form-submit.floatLeft input {
    margin-left: 0
}

div.contact-form .contact-form .form-radio,div.contact-form .settings-page-form .form-radio,div.settings-page .contact-form .form-radio,div.settings-page .settings-page-form .form-radio {
    margin-top: 10px
}

div.contact-form .contact-form .form-radio label,div.contact-form .settings-page-form .form-radio label,div.settings-page .contact-form .form-radio label,div.settings-page .settings-page-form .form-radio label {
    margin-left: 10px
}

div.contact-form .contact-form .form-checkbox label,div.contact-form .settings-page-form .form-checkbox label,div.settings-page .contact-form .form-checkbox label,div.settings-page .settings-page-form .form-checkbox label {
    margin-left: 10px
}

div.contact-form .contact-form .form-field label,div.settings-page .contact-form .form-field label {
    width: 200px
}

div.contact-form .contact-form .form-field label.acSecurityCode,div.settings-page .contact-form .form-field label.acSecurityCode {
    padding-top: 3px
}

div.contact-form .contact-form .form-field input#acSecurityCode,div.settings-page .contact-form .form-field input#acSecurityCode {
    text-align: center
}

div.contact-form .contact-form .field-error,div.settings-page .contact-form .field-error {
    margin: 5px 0 5px 205px;
    clear: both;
    width: 360px
}

div.contact-form .contact-form .form-submit,div.settings-page .contact-form .form-submit {
    margin-top: 5px;
    width: 300px
}

div.contact-form .contact-form .form-submit input,div.settings-page .contact-form .form-submit input {
    float: right
}

div.contact-form .contact-form label,div.settings-page .contact-form label {
    font-weight: bold
}

div.contact-form .contact-form #adult_box,div.settings-page .contact-form #adult_box {
    margin-left: 180px;
    margin-bottom: 10px;
    width: 450px
}

div.contact-form .contact-form #adult_box label,div.settings-page .contact-form #adult_box label {
    font-weight: normal
}

div.contact-form .contact-form #adult_box span.checkbox,div.settings-page .contact-form #adult_box span.checkbox {
    margin-right: 10px
}

div.contact-form .contact-form .captcha-description,div.contact-form .contact-form .accepted-formats,div.contact-form .contact-form .delete-attachment,div.settings-page .contact-form .captcha-description,div.settings-page .contact-form .accepted-formats,div.settings-page .contact-form .delete-attachment {
    clear: both;
    float: left;
    margin-left: 205px
}

div.contact-form .contact-form .accepted-formats,div.settings-page .contact-form .accepted-formats {
    margin-top: 10px
}

div.contact-form .contact-form .captcha,div.settings-page .contact-form .captcha {
    padding-left: 5px
}

div.contact-form .info,div.settings-page .info {
    margin-top: 10px
}

div#logoutPage {
    margin: 36px auto 0;
    width: 816px;
    height: 495px;
    background: url("./css/2024/images/home/logout.png") 0 0 no-repeat;
    position: relative
}

div#logoutPage div.text {
    height: 310px;
    left: 50px;
    position: absolute;
    top: 54px;
    width: 496px;
    text-align: center;
    padding: 20px 0
}

div#logoutPage div.text p {
    margin-bottom: 10px
}

div#logoutPage.noadd {
    width: 746px;
    height: 394px;
    background-image: url("./css/2024/images/home/logout_noadd.png")
}

div#logoutPage.noadd div.text {
    height: 176px;
    left: 217px;
    top: 44px;
    width: 356px
}

.ui-dialog {
    position: absolute
}

.ui-dialog-titlebar a {
    display: none
}

.ui-widget-overlay {
    background: #666666 url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/intro-tour/overlay_bg.png") repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0
}

#intro-tour-movie {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/intro-tour/video_bg.png") no-repeat;
    width: 645px;
    height: 510px;
    padding-right: 60px
}

#intro-tour-movie #video-container {
    margin-left: 78px;
    margin-top: 37px
}

#intro-tour-movie #close-container {
    position: relative;
    left: 550px;
    top: -410px;
    width: 65px;
    height: 53px;
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/intro-tour/video_close.png") no-repeat;
    cursor: pointer
}

#intro-tour-movie #close-container:hover {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/intro-tour/video_close_over.png") no-repeat
}

div.navigationItem {
    margin: 4px 16px
}

div.navigationItem.dark {
    height: 26px
}

div.navigationItem.dark.floatRight {
    float: right
}

div.navigationItem.dark.floatRight div.content {
    float: right
}

div.navigationItem.dark.floatRight div.content a {
    text-align: right;
    padding-right: 4px
}

div.navigationItem.dark.content {
    background-color: #2b84d8;
    line-height: 26px;
    margin: 0 17px 0 17px
}

div.navigationItem.dark.content a,div.navigationItem.dark.content a:hover,div.navigationItem.dark.content a:visited {
    display: block;
    text-decoration: none;
    height: 26px;
    overflow: hidden;
    padding-left: 4px
}

div.navigationItem.dark.content a:active {
    outline: none
}

div.navigationItem.dark.content a:hover else {
    text-decoration: none
}

div.navigationItem.dark.left {
    background: url("./css/2024/images/home/graphics_home.png") -237px -180px no-repeat;
    width: 17px;
    float: left;
    margin: 0px 0px 0px -17px
}

div.navigationItem.dark.right {
    background: url("./css/2024/images/home/graphics_home.png") -255px -180px no-repeat;
    width: 17px;
    float: right;
    margin: 0 -17px 0 0
}

div.navigationItem.dark:hover {
    cursor: pointer
}

div.navigationItem.dark:hover.content {
    background-color: #4ba7f6
}

div.navigationItem.dark:hover div.left {
    background-position: -237px -147px
}

div.navigationItem.dark:hover div.right {
    background-position: -255px -147px
}

div.navigationItem.light {
    height: 26px
}

div.navigationItem.light.floatRight {
    float: right
}

div.navigationItem.light.floatRight div.content {
    float: right
}

div.navigationItem.light.floatRight div.content a {
    text-align: right;
    padding-right: 4px
}

div.navigationItem.light.content {
    background-color: #4ba7f6;
    line-height: 26px;
    margin: 0 17px 0 17px
}

div.navigationItem.light.content a,div.navigationItem.light.content a:hover,div.navigationItem.light.content a:visited {
    display: block;
    text-decoration: none;
    height: 26px;
    overflow: hidden;
    padding-left: 4px
}

div.navigationItem.light.content a:active {
    outline: none
}

div.navigationItem.light.content a:hover else {
    text-decoration: none
}

div.navigationItem.light.left {
    background: url("./css/2024/images/home/graphics_home.png") -237px -147px no-repeat;
    width: 17px;
    float: left;
    margin: 0px 0px 0px -17px
}

div.navigationItem.light.right {
    background: url("./css/2024/images/home/graphics_home.png") -255px -147px no-repeat;
    width: 17px;
    float: right;
    margin: 0 -17px 0 0
}

div.navigationItem.light:hover {
    cursor: pointer
}

div.navigationItem.light:hover.content {
    background-color: #2b84d8
}

div.navigationItem.light:hover div.left {
    background-position: -237px -180px
}

div.navigationItem.light:hover div.right {
    background-position: -255px -180px
}

div#navigation {
    position: relative
}

div#navigation div.navigationMenu {
    margin-left: 90px;
    overflow: auto;
    width: 750px
}

div#navigation div.navigationMenu div.rightCol {
    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 750px
}

div#navigation div.navigationMenu div.rightCol div.middleCol {
    float: left;
    position: relative;
    width: 750px;
    right: 250px;
    height: 100%
}

div#navigation div.navigationMenu div.rightCol div.middleCol div.leftCol {
    float: left;
    position: relative;
    width: 750px;
    right: 250px;
    height: 100%
}

div#navigation div.navigationMenu div.rightCol div.middleCol div.leftCol div.col {
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 250px
}

div#navigation div.navigationMenu div.rightCol div.middleCol div.leftCol div.col.left {
    left: 250px;
    width: 250px
}

div#navigation div.navigationMenu div.rightCol div.middleCol div.leftCol div.col.middle {
    left: 750px;
    width: 250px
}

div#navigation div.navigationMenu div.rightCol div.middleCol div.leftCol div.col.right {
    left: 500px;
    width: 250px
}

div#navigation div.navigationContent {
    position: absolute;
    top: -176px
}

div#navigation div.logoPartOfYI {
    position: absolute;
    width: 107px;
    height: 50px;
    top: 0;
    right: 20px
}

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

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

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

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

div#navigation div.logoPartOfYI div.logo {
    background: url("./css/2024/images/signature/signatures.png") 0 0 no-repeat;
    height: 30px
}

div#navigation div.logoPartOfYI div.text {
    background: url("./css/2024/images/signature/signatures.png") 0 -85px no-repeat;
    height: 20px
}

div#additional div.additionalContent {
    padding: 2px 0
}

div#additional div.additionalContent div.header1 {
    width: 474px;
    margin: 8px 16px;
    height: 26px
}

div#additional div.additionalContent div.header1.floatRight {
    float: right
}

div#additional div.additionalContent div.header1.floatRight div.content {
    float: right
}

div#additional div.additionalContent div.header1.floatRight div.content a {
    text-align: right;
    padding-right: 4px
}

div#additional div.additionalContent div.header1.content {
    background-color: #4ba7f6;
    line-height: 26px;
    margin: 0 17px 0 17px
}

div#additional div.additionalContent div.header1.content a,div#additional div.additionalContent div.header1.content a:hover,div#additional div.additionalContent div.header1.content a:visited {
    display: block;
    text-decoration: none;
    height: 26px;
    overflow: hidden;
    padding-left: 4px
}

div#additional div.additionalContent div.header1.content a:active {
    outline: none
}

div#additional div.additionalContent div.header1.content a:hover {
    text-decoration: underline
}

div#additional div.additionalContent div.header1.content a:hover else {
    text-decoration: none
}

div#additional div.additionalContent div.header1.left {
    background: url("./css/2024/images/home/graphics_home.png") -237px -147px no-repeat;
    width: 17px;
    float: left;
    margin: 0px 0px 0px -17px
}

div#additional div.additionalContent div.header1.right {
    background: url("./css/2024/images/home/graphics_home.png") -255px -147px no-repeat;
    width: 17px;
    float: right;
    margin: 0 -17px 0 0
}

div#additional div.additionalContent div.header1:hover {
    cursor: pointer
}

div#additional div.additionalContent div.header1:hover.content {
    background-color: #4ba7f6
}

div#additional div.additionalContent div.header1:hover div.left {
    background-position: -237px -147px
}

div#additional div.additionalContent div.header1:hover div.right {
    background-position: -255px -147px
}

div#additional div.additionalContent p {
    margin: 0 33px
}



div.loginForm input[type="submit"] {
    border: 0;
    background: url("./css/2024/images/home/graphics_home.png") 1px -104px no-repeat;
    width: 124px;
    height: 38px
}

div.loginForm input[type="submit"]:hover {
    background-position: -123px -104px;
    cursor: pointer
}

div.loginForm input[type="submit"].floatLeft {
    float: left
}

div.loginForm input[type="submit"].floatRight {
    float: right
}

div.loginForm input[type="submit"].center {
    margin: 0 auto
}

div.loginForm input[type="submit"] a {
    display: block;
    width: 124px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none
}

div.loginForm input[type="text"],div.loginForm input[type="password"] {
    border: 0;
    outline: none;
    line-height: 30px;
    background: url("./css/2024/images/home/graphics_home.png") -141px -181px no-repeat;
    width: 88px;
    height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 4px
}

div.loginForm.rememberMe {
    margin: 2px 4px;
    height: 16px;
    line-height: 10px
}

div.loginForm.rememberMe span.checkbox {
    display: block;
    background: url("./css/2024/images/home/graphics_home.png") -284px 0 no-repeat;
    border: 0;
    width: 16px;
    height: 16px;
    float: left
}

div.loginForm.rememberMe span.checkbox.checked {
    background-position: -284px -18px
}

div.loginForm.rememberMe input {
    display: none
}

div.loginForm.rememberMe label {
    float: left;
    margin: 3px 4px
}

div.loginForm.rememberMe label:hover {
    cursor: pointer
}

div.loginForm.forgotPassword {
    margin: 0 4px
}

div.loginForm.forgotPassword a {
    text-decoration: underline;
    line-height: 20px
}

div.form-default input[type="text"],div.form-default input[type="password"] {
    border: 0;
    outline: none;
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -636px no-repeat;
    width: 254px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 4px
}

div.form-short input[type="text"],div.form-short input[type="password"] {
    border: 0;
    outline: none;
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -361px no-repeat;
    width: 340px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 4px
}

div.form-short input[type="text"].small,div.form-short input[type="password"].small {
    background-position: -274px -634px;
    width: 19px;
    height: 30px;
    padding-left: 8px;
    padding-right: 8px
}

div.form-short textarea {
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -391px no-repeat;
    width: 340px;
    height: 186px;
    padding: 10px;
    border: 0;
    margin: 4px;
    resize: none;
    outline: none
}

div.form-short .yi-fileinput,div.form-short .yi-select {
    width: 360px;
    height: 30px;
    background: url("./css/2024/images/pages/graphics_pages.png") 0 -361px no-repeat;
    float: left;
    margin: 4px
}

div.form-short .yi-fileinput .yi-select-current,div.form-short .yi-select .yi-select-current {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 10px 0 10px
}

div.form-short .yi-fileinput .yi-select-icon,div.form-short .yi-select .yi-select-icon {
    float: right;
    width: 25px;
    height: 25px;
    background: url("./css/2024/images/pages/graphics_pages.png") -302px -125px no-repeat;
    margin-top: 2px;
    margin-right: 7px
}

div.form-short .yi-fileinput select,div.form-short .yi-select select {
    width: 360px;
    height: 26px
}

div.form-short .yi-fileinput .yi-fileinput-entry,div.form-short .yi-select .yi-fileinput-entry {
    width: 255px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.form-short .yi-fileinput .browse,div.form-short .yi-select .browse {
    width: 83px;
    height: 25px;
    background: url("./css/2024/images/pages/graphics_pages.png") -220px -125px no-repeat;
    position: relative;
    z-index: 20;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    margin-top: 2px;
    margin-right: 8px
}

div.form-short .yi-fileinput input {
    text-align: right;
    z-index: 21
}

div.form-default div.checkbox input,div.form-default div.radiobutton input,div.form-short div.checkbox input,div.form-short div.radiobutton input {
    display: none
}

div.form-default div.checkbox input:hover,div.form-default div.radiobutton input:hover,div.form-short div.checkbox input:hover,div.form-short div.radiobutton input:hover {
    cursor: pointer
}

div.form-default div.checkbox span.radiobutton,div.form-default div.radiobutton span.radiobutton,div.form-short div.checkbox span.radiobutton,div.form-short div.radiobutton span.radiobutton {
    display: block;
    background: url("./css/2024/images/pages/graphics_pages.png") -233px -63px no-repeat;
    width: 18px;
    height: 17px;
    float: left
}

div.form-default div.checkbox span.radiobutton.checked,div.form-default div.radiobutton span.radiobutton.checked,div.form-short div.checkbox span.radiobutton.checked,div.form-short div.radiobutton span.radiobutton.checked {
    background: url("./css/2024/images/pages/graphics_pages.png") -215px -63px no-repeat
}

div.form-default div.checkbox span.radiobutton:hover,div.form-default div.radiobutton span.radiobutton:hover,div.form-short div.checkbox span.radiobutton:hover,div.form-short div.radiobutton span.radiobutton:hover {
    cursor: pointer
}

div.form-default div.checkbox span.checkbox,div.form-default div.radiobutton span.checkbox,div.form-short div.checkbox span.checkbox,div.form-short div.radiobutton span.checkbox {
    display: block;
    background: url("./css/2024/images/home/graphics_home.png") -284px 0 no-repeat;
    border: 0;
    width: 16px;
    height: 16px;
    float: left
}

div.form-default div.checkbox span.checkbox.checked,div.form-default div.radiobutton span.checkbox.checked,div.form-short div.checkbox span.checkbox.checked,div.form-short div.radiobutton span.checkbox.checked {
    background-position: -284px -18px
}

div.form-default div.checkbox span.checkbox:hover,div.form-default div.radiobutton span.checkbox:hover,div.form-short div.checkbox span.checkbox:hover,div.form-short div.radiobutton span.checkbox:hover {
    cursor: pointer
}

div.form-default div.checkbox label:hover,div.form-default div.radiobutton label:hover,div.form-short div.checkbox label:hover,div.form-short div.radiobutton label:hover {
    cursor: pointer
}

div#login-failure input[type="text"],div#login-failure input[type="password"],div#double-opt-in input[type="text"],div#double-opt-in input[type="password"] {
    border: 0;
    outline: none;
    line-height: 45px;
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") 0 0 no-repeat;
    width: 348px;
    height: 42px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 4px
}

div#login-failure div.icon_ok,div#login-failure div.icon_error,div#login-failure div.icon_waiting,div#double-opt-in div.icon_ok,div#double-opt-in div.icon_error,div#double-opt-in div.icon_waiting {
    position: absolute;
    margin-top: -41px;
    right: 10px
}

div#login-failure div.icon_ok,div#double-opt-in div.icon_ok {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") -336px -215px no-repeat;
    width: 31px;
    height: 31px
}

div#login-failure div.icon_error,div#double-opt-in div.icon_error {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") -273px -215px no-repeat;
    width: 31px;
    height: 31px
}

div#login-failure div.icon_waiting,div#double-opt-in div.icon_waiting {
    background: url("/web/20110711092726im_/http://content.panfu.com/@v%3D607c53d82fe02623a699d8402867fb93@/oloko/website/css/images/pages/not-opted/graphics_optin.png") -305px -215px no-repeat;
    width: 31px;
    height: 31px
}

#game-container {
    margin-top: 20px;
    padding-top: 4px
}

#game-container #game-embed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    outline: none
}

#cloud-jumper {
    margin-top: 10px;
    outline: none
}

.page_blog div#pages div.pagesContent .entry {
    clear: left;
    margin-left: 10px;
    margin-right: 10px
}

.page_blog div#pages div.pagesContent #registration-button {
    background: url("./css/2024/images/blog/blog_sidebar.png") no-repeat scroll 0 -112px transparent;
    cursor: pointer;
    height: 177px;
    width: 217px
}

.page_blog div#pages div.pagesContent #registration-button div {
    padding-top: 126px;
    text-align: center;
    width: 204px
}

.page_blog div#pages div.pagesContent #registration-button a {
    text-decoration: none
}

.page_blog div#pages div.pagesContent p {
    margin-bottom: 0
}

.page_blog div#pages div.pagesContent #archive-container {
    width: 185px;
    padding-left: 15px
}

.page_blog div#pages div.pagesContent #archive-top {
    height: 94px;
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px -289px no-repeat
}

.page_blog div#pages div.pagesContent #archive-content {
    background: url("./css/2024/images/blog/blog_archive_bg.gif") 3px 0px repeat-y
}

.page_blog div#pages div.pagesContent #archive-content .archive-title {
    text-align: center
}

.page_blog div#pages div.pagesContent #archive-bottom {
    height: 19px;
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px -385px no-repeat
}

.page_blog div#pages div.pagesContent #pages-container {
    width: 185px;
    padding-left: 15px
}

.page_blog div#pages div.pagesContent #pages-top {
    height: 25px;
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px -405px no-repeat;
    padding-top: 35px;
    text-align: left;
    padding-left: 20px
}

.page_blog div#pages div.pagesContent #pages-content {
    background: url("./css/2024/images/blog/blog_pages_bg.gif") repeat-y
}

.page_blog div#pages div.pagesContent #pages-content li a {
    text-decoration: none
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container #pages-content ul li {
    padding-left: 15px;
    border-bottom: 1px dotted #ccc;
    margin-left: 0px
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container #pages-content ul li.last {
    border-bottom: none
}

.page_blog div#pages div.pagesContent #pages-bottom {
    height: 27px;
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px -466px no-repeat
}

.page_blog div#pages div.pagesContent #oloko-description-container {
    float: left;
    width: 325px;
    margin-top: 20px;
    text-align: justify
}

.page_blog div#pages div.pagesContent #oloko-register-button a:hover {
    text-decoration: none
}

.page_blog div#pages div.pagesContent #oloko-register-button {
    width: 217px;
    height: 177px;
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px -112px no-repeat;
    cursor: pointer
}

.page_blog div#pages div.pagesContent #oloko-register-button span {
    color: #ffffff;
    font-size: 160%;
    font-weight: bold
}

.page_blog div#pages div.pagesContent #ologo-register-button-question {
    padding-top: 126px;
    width: 204px;
    text-align: center
}

.page_blog div#pages div.pagesContent #ologo-register-button-label {
    width: 204px;
    text-align: center
}

.page_blog div#pages div.pagesContent .date-field {
    width: 100%;
    height: 68px;
    float: left;
    background-image: url("./css/2024/images/blog/post_bg_date.png");
    background-repeat: no-repeat
}

.page_blog div#pages div.pagesContent .date-field span {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    line-height: 64px;
    padding-left: 0.5em;
    float: left
}

.page_blog div#pages div.pagesContent .date-field h2 {
    margin: 11px auto auto 150px
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container ul {
    padding: 1em 2px 0 2px
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container ul li {
    margin: 0 0 0 2em;
    line-height: 180%
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container ul li a {
    text-decoration: none
}

.page_blog div#pages div.pagesContent .widget_calendar {
    display: block;
    width: 217px;
    height: 371px
}

.page_blog div#pages div.pagesContent .month_01 {
    background-image: url("./css/2024/images/blog/calendar_pictures/01.png")
}

.page_blog div#pages div.pagesContent .month_02 {
    background-image: url("./css/2024/images/blog/calendar_pictures/02.png")
}

.page_blog div#pages div.pagesContent .month_03 {
    background-image: url("./css/2024/images/blog/calendar_pictures/03.png")
}

.page_blog div#pages div.pagesContent .month_04 {
    background-image: url("./css/2024/images/blog/calendar_pictures/04.png")
}

.page_blog div#pages div.pagesContent .month_05 {
    background-image: url("./css/2024/images/blog/calendar_pictures/05.png")
}

.page_blog div#pages div.pagesContent .month_06 {
    background-image: url("./css/2024/images/blog/calendar_pictures/06.png")
}

.page_blog div#pages div.pagesContent .month_07 {
    background-image: url("./css/2024/images/blog/calendar_pictures/07.png")
}

.page_blog div#pages div.pagesContent .month_08 {
    background-image: url("./css/2024/images/blog/calendar_pictures/08.png")
}

.page_blog div#pages div.pagesContent .month_09 {
    background-image: url("./css/2024/images/blog/calendar_pictures/09.png")
}

.page_blog div#pages div.pagesContent .month_10 {
    background-image: url("./css/2024/images/blog/calendar_pictures/10.png")
}

.page_blog div#pages div.pagesContent .month_11 {
    background-image: url("./css/2024/images/blog/calendar_pictures/11.png")
}

.page_blog div#pages div.pagesContent .month_12 {
    background-image: url("./css/2024/images/blog/calendar_pictures/12.png")
}

.page_blog div#pages div.pagesContent #sidebar ul li.widget_calendar {
    margin-bottom: 0
}

.page_blog div#pages div.pagesContent #oloko-blog-separator {
    width: 950px;
    height: 30px;
    background-image: url("./css/2024/images/blog/top_blog.png");
    margin-left: 3px;
    margin-top: -7px
}

.page_blog div#pages div.pagesContent #oloko-archive-pages-container {
    width: 100%
}

.page_blog div#pages div.pagesContent .fb_iframe_widget {
    margin-top: 10px
}

.page_blog div#pages div.pagesContent .oloko-postmetadata {
    height: 30px;
    top: -33px;
    position: relative
}

.page_blog div#pages div.pagesContent .oloko-postmetadata .oloko-postmetadata-content {
    margin-top: 43px;
    padding: 0 1em 0 1em;
    background-color: #f7f7f7;
    height: 31px;
    line-height: 250%;
    border-bottom: 1px dotted gray
}

.page_blog div#pages div.pagesContent .oloko-postmetadata a {
    text-decoration: none
}

.page_blog div#pages div.pagesContent .oloko-postmetadata .oloko-postmetadata-comments-container {
    margin-left: 315px
}

.page_blog div#pages div.pagesContent .oloko-postmetadata .oloko-postmetadata-comments-container .oloko-postmetadata-comments {
    float: left;
    padding-left: 25px;
    background-image: url("./css/2024/images/blog/comments_icon.gif");
    background-repeat: no-repeat;
    background-position: 0 5px;
    margin-right: 10px
}

.page_blog div#pages div.pagesContent .oloko-postmetadata .oloko-postmetadata-comments-container .comments-paintbucket {
    position: absolute;
    width: 62px;
    height: 73px;
    margin-left: 115px;
    margin-top: -43px;
    background-image: url("./css/2024/images/blog/comments_paintbucket.png")
}

.page_blog div#pages div.pagesContent .poll-top {
    width: 321px;
    height: 112px;
    background-image: url("./css/2024/images/blog/poll_top.png");
    background-repeat: no-repeat
}

.page_blog div#pages div.pagesContent .poll-content {
    margin-top: -5px;
    width: 321px;
    background-image: url("./css/2024/images/blog/poll_bg.png");
    background-repeat: repeat-y
}

.page_blog div#pages div.pagesContent .poll-footer {
    margin-top: -8px;
    width: 321px;
    height: 15px;
    background-image: url("./css/2024/images/blog/poll_bottom.png");
    background-repeat: no-repeat
}

.page_blog div#pages div.pagesContent div.comment-author img {
    display: none
}

.page_blog div#pages div.pagesContent .widget_links {
    background: url("./css/2024/images/blog/blog_sidebar.png") 0px 0px no-repeat;
    padding-top: 54px;
    width: 217px
}

.page_blog div#pages div.pagesContent .widget_links h2 {
    display: none
}

.page_blog div#pages div.pagesContent #oloko-calendar-container .widget_links ul {
    margin: 0;
    width: 217px;
    background: url("./css/2024/images/blog/blog_calendar_bg.gif") repeat-y
}

.page_blog div#pages div.pagesContent #oloko-calendar-container .widget_links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 4px;
    height: 20px;
    border-bottom: 1px dotted #ccc
}

.page_blog div#pages div.pagesContent #oloko-calendar-container .widget_links li:before {
    content: ''
}

.page_blog div#pages div.pagesContent #oloko-calendar-container .widget_links li a {
    display: inline-block;
    padding-left: 16px;
    background: url("./css/2024/images/blog/blog_sidebar.png") -220px 1px no-repeat;
    height: 16px;
    text-decoration: none
}

.page_blog div#pages div.pagesContent #oloko-calendar-container .blog_roll_end {
    background: url("./css/2024/images/blog/blog_sidebar.png") 0 -67px no-repeat;
    width: 217px;
    height: 45px
}

.page_blog div#pages div.pagesContent #calendar_wrap {
    padding-top: 118px
}

.page_blog div#pages div.pagesContent .blog_content h1.main-title {
    padding: 0;
    text-align: left;
    margin-top: 0
}

.page_blog div#pages div.pagesContent #wp-calendar td {
    padding: 1px 0;
    font-weight: normal
}

.page_blog div#pages div.pagesContent #wp-calendar tfoot a,.page_blog div#pages div.pagesContent #wp-calendar td a {
    text-decoration: none
}

.page_blog div#pages div.pagesContent #wp-calendar caption {
    padding-bottom: 4px
}

/* PANFU NAVI */

.panfu-navbar {
    text-align: center;
    padding: 10px 0;
}

.logos_list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center; /* Zentrieren */
    gap: 20px; /* Abstand zwischen den Elementen */
}

.nav-item {
    text-align: center;
}

.nav-item a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Bild + Text zentrieren */
    transition: all 0.3s ease-in-out;
}

.nav-item a:hover {
    color: #007bff; /* Farbe ändern beim Hover */
}

.logo img {
    width: 30px; /* Einheitliche Bildgröße */
    height: 30px;
    margin-bottom: 5px; /* Abstand zwischen Bild und Text */
}


/* BOXES /*

/* WEBSITE BOXES */
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 div.teaser-content span.icon.home {
    margin: 10px 4px;
    float: left
}

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

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

div.boxHeader.green {
    background: url("./css/2024/images/home/graphics_boxes.png") -10px -10px no-repeat;
}

div.boxHeader.yellow {
    background: url("./css/2024/images/home/graphics_boxes.png") -10px -78px no-repeat;
}

div.boxHeader.blue {
    background: url("/css/2024/images/boxes/graphics_home.png") 0 -535px no-repeat
}

div.boxContent {
    background-image: url("./css/2024/images/home/box_bg.png");
    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("/css/2024/images/boxes/graphics_home.png") 0 0 no-repeat;
    width: 128px;
    height: 48px
}

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

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

div.button.yellow a {
    color: #fff;
}

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

div.boxFooter {
    height: 19px;
    background: url("/css/2024/images/home/graphics_boxes.png") -10px -146px no-repeat;
	margin-top: -2px;
}

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

div.item h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 20px;
	margin-top: -10px;
    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.boxHeader .headerContent {
    padding-left: 20px;
    padding-right: 8px;
    padding-top: 15px
}
 
div.boxHeader .headerContent a { /* HOME BOXES HEADER */
    font-size: 20px;
    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.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: 20px;
    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;
}

/* PANFU FOOTER */
.site-footer{ /* Fußzeile */
  
    background-color: white;
}

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

.footer-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
    font-family:proxima-nova,sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight:600;
    font-style:normal;
    line-height:1.5

}

.footer-navigation a{
    display:block;
    text-decoration:none;
    color: white;
   /* text-transform:uppercase*/
}

.footer-navigation a:visited{
   /* color:#43464c
	 */   color: white;

}
.footer-navigation a:hover{
    color: gray;
}
.footer-navigation{
    display:block;
    text-align:center;
    margin:auto
}
.footer-navigation li{
    padding:0 10px;
    display:inline-block
}


/* Panfu Pages*/


.content-layout {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.left-column {
    width: 75%;  /* Linke Spalte bekommt 80% der Breite */
    padding: 10px;
/*background-color: #f0f0f0;  /* Optional, um die linke Spalte hervorzuheben */
}

.right-column {
    width: 25%;  /* Rechte Spalte bekommt 20% der Breite */
    padding: 10px;
   /* background-color: #e0e0e0;  /* Optional, um die rechte Spalte hervorzuheben */
}
.pageInfoBox {
    display: flex;
    align-items: center;  /* Bild und Text vertikal ausrichten */
    justify-content: flex-start; /* Inhalt links ausrichten */
    width: auto;  /* Die Box passt sich der Breite des Inhalts an */
    height: auto; /* Die Box passt sich der Höhe des Inhalts an */
    padding: 10px; /* Etwas Abstand innen */
    box-sizing: border-box; /* Berücksichtigt Padding in der Gesamtgröße der Box */
	background-color: #faf4f4;
	 border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pageInfoBox img {
    height: 50px; /* Bildgröße anpassen */
    margin-right: 10px; /* Abstand zwischen Bild und Text */
}

.pageInfoBox span {
    display: block; /* Der Text soll in einer eigenen Zeile sein, wenn nötig */
	color: darkgreen;
}

.comment-box {
   background-color: #faf4f4;
    padding: 1px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.comment-box h3 {
    margin-bottom: 3px;
    margin-top: 15px;
    margin-left: 15px;
    color: #333;
    font-size: 16px;
}

.comment {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: 7px;
}

.comment-text {
    display: flex;
    flex-direction: column;
	padding-left: 10px;
}

.player-name {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.comment-preview {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.comment:last-child {
    margin-bottom: 0;
}


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

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

div.rules-game.content {
    background: url("/css/2024/images/boxes/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("/css/2024/images/boxes/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;
	list-style: none;
}

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;
	list-style: none;
}

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

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


span.icon.common {
    background-image: url("/css/2024/images/boxes/graphics.png")
}

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

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
}



/*
     FILE ARCHIVED ON 09:27:26 Jul 11, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:20:48 Jan 22, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 103.047
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.059
  cdx.remote: 0.059
  esindex: 0.009
  LoadShardBlock: 64.238 (3)
  PetaboxLoader3.resolve: 78.712 (2)
  PetaboxLoader3.datanode: 46.889 (4)
  load_resource: 96.276
*/