/* Links */
a:link, a:visited { ffont-family: 'Open Sans', sans-serif; font-size: 10pt; color: #E64800; font-weight: normal; text-decoration:underline; }
a:hover { font-family: 'Open Sans', sans-serif;  font-size: 10pt; font-weight: normal; color: #000000; text-decoration:none;}

a.button, a.button:link, a.button:visited {
        background: #f15c00; /* Old browsers */
        background: -moz-linear-gradient(top,  #f15c00 0%, #dc3401 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c00), color-stop(100%,#dc3401)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f15c00 0%,#dc3401 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c00', endColorstr='#dc3401',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 10pt;
         color: #FFFFFF;
         padding: 3px 10px;
         -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
         text-shadow: #dc3401 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         border: 1px #9d2600 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
}

a.button_green, a.button_green:link, a.button_green:visited {
        background: #94bb0d; /* Old browsers */
        background: -moz-linear-gradient(top,  #94bb0d 0%, #6f8905 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94bb0d), color-stop(100%,#6f8905)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #94bb0d 0%,#6f8905 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #94bb0d 0%,#6f8905 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #94bb0d 0%,#6f8905 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #94bb0d 0%,#6f8905 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94bb0d', endColorstr='#6f8905',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 10pt;
         color: #FFFFFF;
         padding: 3px 15px;
         -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
         text-shadow: #6f8905 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         border: 1px #627a00 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(180, 230, 7, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(180, 230, 7, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(180, 230, 7, 0.75);
}

a.button_red, a.button_red:link, a.button_red:visited {
        background: #db2100; /* Old browsers */
        background: -moz-linear-gradient(top,  #db2100 0%, #8a1500 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db2100), color-stop(100%,#8a1500)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #db2100 0%,#8a1500 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #db2100 0%,#8a1500 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #db2100 0%,#8a1500 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #db2100 0%,#8a1500 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2100', endColorstr='#8a1500',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 10pt;
         color: #FFFFFF;
         padding: 3px 10px;
         -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
         text-shadow: #8a1500 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         border: 1px #911600 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 120, 100, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 120, 100, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(255, 120, 100, 0.75);
}

a.button_blue, a.button_blue:link, a.button_blue:visited {
        background: #4993d3; /* Old browsers */
        background: -moz-linear-gradient(top,  #4993d3 0%, #0d66b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4993d3), color-stop(100%,#0d66b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #4993d3 0%,#0d66b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #4993d3 0%,#0d66b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #4993d3 0%,#0d66b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #4993d3 0%,#0d66b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4993d3', endColorstr='#0d66b2',GradientType=0 ); /* IE6-9 */


         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 10pt;
         color: #FFFFFF;
         padding: 3px 10px;
         -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
         text-shadow: #0d66b2 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         border: 1px #0c5ca0 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(150, 210, 255, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(150, 210, 255, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(150, 210, 255, 0.75);
}

a.button:hover, a.button_green:hover, a.button_red:hover, a.button_blue:hover {
         color: #FFFF00;
}

a.button_big, a.button_big:link, a.button_big:visited {
        background: #f15c00; /* Old browsers */
        background: -moz-linear-gradient(top,  #f15c00 0%, #dc3401 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c00), color-stop(100%,#dc3401)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f15c00 0%,#dc3401 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c00', endColorstr='#dc3401',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 10pt;
         color: #FFFFFF;
         font-size: 18pt;
         padding: 5px 15px 5px 15px;
         -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
         text-shadow: #dc3401 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

                  border: 1px #9d2600 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
}

a.button_big:hover {
         color: #FFFF00;
}


/* Site */
* { margin: 0; }
html, body { height:100%; width:100%; margin: 0px; padding: 0px; }

body {
         background: #111111 url(../images/bg.png) top center repeat-x;
}

body, td, span, div {
         font-family: 'Open Sans', sans-serif;
         font-size: 10pt;
         color: #3F3F3F;
         font-weight: normal;
         margin: 0px;
        padding: 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.clear         { clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
p { margin: 0px 0px 15px 0px; }


/* Überschriften */
h1 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 18pt;
         text-shadow: #FFFFFF 1px 1px 1px;
         font-weight: bold;
         text-align: left;
         text-transform: uppercase;
         color: #1F1F1F;
         margin:0px;
         padding:0px;
}

#onlinespiel h1 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 17pt;
         text-shadow: #FFFFFF 1px 1px 1px;
         font-weight: bold;
         text-align: left;
         text-transform: none;
         color: #1F1F1F;
         margin:0px;
         padding:0px;
}

h2 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 18px;
         color: #6F6F6F;
         font-weight: bold;
         text-align: left;
         text-shadow: #FFFFFF 1px 1px 1px;

         margin: 0px 0px 5px 0px;
         padding:0px;
}

.contentbox h2 {
         font-size: 24px;
}

h3 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 22px;
         color: #F05100;
         font-weight: bold;
         margin: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 1px;
}

h3.a {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 25px;
         color: #FFFFFF;
         font-weight: 700;
         text-shadow: #512c20 0px 0px 4px;

         background:transparent url(../images/titel_tag_line_01.png) no-repeat;
         margin: 5px 0px 5px 0px;
         padding: 10px 0px 10px 50px;
}

h3.s {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 25px;
         color: #FFFFFF;
         font-weight: 700;
         text-shadow: #512c20 0px 0px 4px;

         background:transparent url(../images/titel_tag_line_02.png) no-repeat;
         margin: 5px 0px 5px 0px;
         padding: 10px 0px 10px 50px;
}

h4 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 18px;
         color: #6F6F6F;
         font-weight: bold;
         margin: 0px 0px 0px 0px;
         text-shadow: #FFFFFF 1px 1px 1px;
}

#menu h3 {
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 25px;
         color: #FFFFFF;
         font-weight: 700;
         text-shadow: #4F4F4F 1px 1px 2px;
}

/* Seitenaufbau */
#wrapper{
         z-index: 2;
         width: 996px;
         margin: 20px auto 15px auto;
         padding: 0px 0px 15px 0px;
         border: 0px #000 solid;
         background: transparent url(../images/site_bg_bottom.png) bottom center no-repeat;
}

#header {
         width: 996px;
         height: 143px;
         background: transparent url(../images/site_bg_top.png) top center no-repeat;
}

#logo {
        float:left;
         width:237px;
         height:55px;
         margin: 30px 0px 0px 15px;
}

#header #right {
        float:right;
         width:730px;
         height:92px;
         margin: 9px 8px 0px 0px;
}

#headermenu {
        float:left;
        line-height: 2.1em;
         text-align: left;
         margin: 8px 10px 0px 10px;
         border: 0px #FFFFFF solid;
         width: 670px;
}

#headermenu a, #headermenu a:link, #headermenu a:visited {
        font-family: 'Open Sans', sans-serif;
        color: #FFFFFF;
        text-align: left;
         font-size: 16px;
         font-weight: 700;

        padding: 8px 5px 5px 5px;
         margin: 0px auto;
         text-shadow: #842000 1px 1px 2px;
         text-decoration: none;

}

#headermenu a:hover {
        color: #FFDF00;

}

#suche {
        float:left;
         width: 160px;
         margin: 8px 8px 0px 8px;
         border: 0px #FFFFFF solid;
}

#suche input[type="text"] {
        float:left;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
         background: #FFFFFF;
         -webkit-box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow:    inset 3px 3px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.35);
        box-shadow:         inset 3px 3px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.35);
         border: 0px;
         height: 20px;
         width: 140px;
         padding: 3px 5px 3px 7px;
         font-size: 13px;
}
#suche input[type="submit"] {
        float:left;
         -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        -moz-box-shadow:    inset 0px 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        box-shadow:         inset 0px 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
         border: 0px #000 solid;
         height: 24px;
         width: 24px;
         padding: 0px;
         margin: 4px 0px 0px -22px;
         background:transparent url(../images/search_btn.png) center center no-repeat;
         cursor: pointer;
}

#social {
        float:right;
         width: 110px;
         margin: 4px 12px 0px 0px;
         border: 0px #FFFFFF solid;
}

#social img {
        margin: 0px 1px;
        -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow:    2px 2px 3px 0px rgba(0, 0, 0, 0.35);
        box-shadow:         2px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

#site {
         width: 996px;
         background: transparent url(../images/site_bg_middle.png) top center repeat-y;
         min-height: 500px;
}


#menu {
         float:right;
         width: 300px;
         border: 0px #BF00FF solid;
         margin-right: 18px;
         font-size: 9pt;
}

#menu .diver, #content .diver {
        border-top: 1px #AFAFAF dotted;
         height: 1px;
         margin: 10px 0px;
}

#menu a:link, #menu .news a:visited { display: block; padding: 2px 5px 2px 10px; margin: 2px; border-left: 3px #E64800 solid; background: rgba(255, 255, 255, 0.35); font-size: 10pt; color: #E64800; font-weight: bold; text-decoration:none; }
#menu a:hover { font-size: 10pt; font-weight: bold; color: #000000; text-decoration:none; border-left: 3px #000000 solid; background: rgba(255, 255, 255, 0.55); }
#menu a span { float:right; color: #8F8F8F; }
#menu .rota a { border-left: 0px #000000 solid!important; padding: 5px 0px !important; background: transparent !important; }


#menu .news {
         border-bottom: 1px #AFAFAF dotted;
         margin: 0px 0px;
         padding: 5px 0px;
         font-size: 8pt;
}
#menu .news:last-child {
         border-bottom: 0px #AFAFAF dotted !important;
}
#menu .news a:link, #menu .news a:visited { font-size: 8pt; color: #000000; font-weight: bold; text-decoration:none; }
#menu .news a:hover { font-size: 8pt; font-weight: bold; color: #E64800; text-decoration:none;}


#menu  a.button, #menu  a.button:link, #menu a.button:visited {
        background: #f15c00; /* Old browsers */
        background: -moz-linear-gradient(top,  #f15c00 0%, #dc3401 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c00), color-stop(100%,#dc3401)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f15c00 0%,#dc3401 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c00', endColorstr='#dc3401',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 1.3em;
         color: #FFFFFF;
         padding: 3px 10px;
         -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
         text-shadow: #dc3401 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         border: 1px #9d2600 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
}

#menu a.button:hover { color: #FFFF00; }


#menu .bls a:link, #menu .bls a:visited { display: inline-block; padding: 0px 3px 0px 3px; margin: 0px; border: 0px #E64800 solid; background: transparent; font-size: 10pt; color: #E64800; font-weight: bold; text-decoration:none; }
#menu .bls .diver { display: block; height: 1px; width: 100%; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px; border-top: 2px #E64800 dotted; background: transparent; }


.views {
        float:right;
         font-size:7pt;
         color: #9F9F9F;
         background:transparent url(../images/icon_eye.png) center right no-repeat;
         padding-right: 20px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#content {
         float: left;
         width: 630px;
         border: 0px #00BF00 solid;
         margin-left: 18px;
}

/* stats */
#stats {
         width: 996px;
         z-index: 2;
         position: absolute;
         padding-bottom: 15px;
         border: 0px #FFF solid;
         text-align: center;
         margin: 10px 10px 10px 10px;
         padding: 15px 10px 0px 10px;

         font-family: 'Open Sans', sans-serif;
        color: #8F8F8F;
         font-size: 10px;
         text-shadow: #000000 1px 1px 0px;
}

/* Footer */
#footer {
         width: 100%;
         min-height: 200px;
         margin-top: 20px;
         background:transparent url(../images/footer.png) repeat-x;
}

#footer_innen {
        font-family: 'Open Sans', sans-serif;
        color: #FFFFFF;
        text-align: left;
        padding: 50px 20px 0px 20px;
         margin: 0px auto 0px auto;
         font-size: 16px;
         width: 996px;
}

#footer_innen div {
        float: left;
         width: 180px;
         border: 0px #FFFFFF solid;
}

#footer_innen div h3 {
        text-shadow: #000000 1px 1px 0px;
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 16px;
         color: #FFFFFF;
         font-weight: 700;
         text-decoration: none;
         padding: 2px 8px;
}

#footer_innen a:link, #footer_innen a:visited {
         display: block;
         text-shadow: #000000 1px 1px 0px;
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 14px !important;
         color: #DFDFDF;
         font-weight: 300;
         text-decoration: none;
         padding: 2px 8px;
}

#footer_innen a:hover {
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 14px;
         color: #F45B00;
         font-weight: 300;
         text-decoration: none;
}

/* Boxen */
.box_game {
        display: inline-block;
         width: 170px;
         min-height: 150px;
         background:#FFFFFF;
         margin: 10px 5px 20px 5px;
         padding: 10px;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
        -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
        box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
         border: 1px #CFCFCF solid;

         -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

.box_game h2 {
        font-size: 11pt;
         text-align: center;
         overflow: hidden;
         height: 25px;
         width: 170px;
}

.beschreibung { display: none; }

.box_game .box_image {
         width: 170px;
         height: 105px;
         margin: 5px 0px 5px 0px;
         text-align: center;
}

.box_content {
         width: 100%;
         margin: 5px 0px 5px 0px;
         font-size: 12px;
         color: #9F9F9F;
         font-weight: normal;
         text-align: left;
         line-height: 1.2em;
}

.box_content .desc {
        overflow: hidden;
        border: 0px #000000 solid;
         height: 68px;
         width: 100%;
         font-size: 11px;
         color: #7F7F7F;
         font-weight: normal;
         text-align: center;
         line-height: 1.2em;
}

.box_content .info {
         width:150px;
         margin: 5px 0px 5px 0px;
         padding: 5px 10px;
         background: #E3E3E3;
}

.box_content .info div {
        display: inline-block;
                text-align: left;
         font-weight: normal;
         font-size: 10px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.box_content .info div.views {
         background: transparent url(../images/icon_views.png) center left no-repeat;
          padding: 0px 10px 0px 20px;
}

.box_content .info div.vote {
         background: transparent url(../images/icon_voting.png) center left no-repeat;
          padding: 0px 10px 0px 18px;
}

.box_content .info div.date {
         background: transparent url(../images/icon_date.png) center left no-repeat;
          padding: 0px 10px 0px 18px;
}

.button_bar {
        margin: 15px 0px -20px 0px;
}

.button_bar a.button, .button_bar a.button_green, .button_bar a.button_red, .button_bar a.button_blue {
        padding: 2px 7px;
}

/* badges */
.box_game .badge {
         width: 60px;
         height: 60px;
        position: absolute;
        margin: -17px 0px 0px 127px;
}

.box_game .badge.browser {
        background: transparent url(../images/ribbon_browser.png) top left no-repeat;
}

.box_game .badge.client {
        background: transparent url(../images/ribbon_client.png) top left no-repeat;
}

.box_game .badge.dl {
        background: transparent url(../images/ribbon_dl.png) top left no-repeat;
}

.box_game .badge.flash {
        background: transparent url(../images/ribbon_flash.png) top left no-repeat;
}

.box_game .badge.offline {
        background: transparent url(../images/ribbon_offline.png) top left no-repeat;
}

.box_game.offline { opacity: 0.5; filter: grayscale(100%); }
.beendet { width: 100%; margin-top: -250px; text-align: center; }
.beendet img { margin: 0px auto; }

.box_game .badge div {
         margin: 14px 0px 0px 16px;
         width: 42px;
         text-align: center;
         font-weight: bold;
         font-size: 11px;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;

         -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
}

/* Contentbox */
.contentbox {
        width: 100%;
         margin: 10px auto;
         background: #FFFFFF;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);

         padding: 0px 0px;
         font-size: 16px;
         text-shadow: #FFFFFF 1px 1px 0px;
         color: #000000;
         font-weight: normal;
         text-align: left;
}

#news {
        font-size: 15px;
         line-height: 1.5em;
}

#news h2 {
        margin: 15px 0px;
         font-size: 18px;
}

.pad { padding: 10px 20px; }

#mehr a { display: inline-block; color: #E64800; }

#voting {
         width: 280px;
         height: 24px;
         margin: 5px auto;
}

#voting span {
         padding: 0px 5px 0px 5px;
}

#voting div {
         display: none;
}

img.alignleft { float: left; margin: 0px 20px 10px 0px; }
img.alignright { float: right; margin: 0px 0px 10px 20px; }

div[id^="gallery_"] {
        padding: 5px 0px 15px 0px;
         text-align: center;
         border: #DF0000 0px solid;
}

img.thumb {
        border: #FFFFFF 4px solid;
         padding: 0px;
         margin: 3px 8px;

         -webkit-box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.25);
        -moz-box-shadow:    0px 0px 2px 2px rgba(50, 50, 50, 0.25);
        box-shadow:         0px 0px 2px 2px rgba(50, 50, 50, 0.25);

         max-width: 185px;
}

.image img {
        border:#FFFFFF 10px solid;
         padding: 0px;
         margin: 10px auto;

         -webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.25);
        -moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.25);
        box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.25);

         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

         max-width: 600px;
         max-height: auto;
}

#news img.alignleft { float: left; margin: 0px 20px 10px 0px; width: 200px; height: 100px; }
#news i { font-size: 8pt; color: #8F8F8F; }


/* BC Navigation */
#bc_navigation {
        display:block;
        overflow: hidden;
        line-height: 1.5em;
        height: 20px;
        float:left;
        padding: 0px 20px 0px 20px;
        margin: 5px 0px 0px 0px;
        font-family: Arial;
        font-size: 8pt;
        color:#8F8F8F;
}

#bc_navigation a:link, #bc_navigation a:visited, #bc_navigation a:link span, #bc_navigation a:visited span {
        font-family: Arial;
         color:#8F8F8F;
         font-size: 8pt;
         font-weight: normal;
         text-align:center;
         text-decoration:none;
            text-shadow: #FFFFFF 1px 1px 0px;
}

#bc_navigation a:hover, #bc_navigation a:hover span {
         color: #FF5F00;
         text-decoration:none;
}

#bc_navigation span, #bc_navigation a span, #bc_navigation div { margin:0px; padding: 0px; display: inline; }

/* Tags */
#tags {
        margin: 20px 0px 10px 0px;
        padding:0;
}

#tags a, #tags span, #tags b {
        float:left;
        height:24px;
        line-height:24px;
        position:relative;
         font-family:"Trebuchet MS", Verdana;
         font-size: 10pt;
         margin: 2px;
}

#tags a, #tags span {
        margin-left:20px;
        padding:0 10px 0 12px;
        background:#0089e0;
        color:#fff;
         text-shadow: #0089e0 1px 1px 0px;
        text-decoration:none;
        -moz-border-radius-bottomright:4px;
        -webkit-border-bottom-right-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-topright:4px;
        -webkit-border-top-right-radius:4px;
        border-top-right-radius:4px;
         cursor: pointer;
}

#tags a:before, #tags span:before {
        content:"";
        float:left;
        position:absolute;
        top:0;
        left:-12px;
        width:0;
        height:0;
        border-color:transparent #0089e0 transparent transparent;
        border-style:solid;
        border-width:12px 12px 12px 0;
}

#tags a:after, #tags span:after {
        content:"";
        position:absolute;
        top:10px;
        left:0;
        float:left;
        width:4px;
        height:4px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
        background:#fff;
        -moz-box-shadow:-1px -1px 2px #004977;
        -webkit-box-shadow:-1px -1px 2px #004977;
        box-shadow:-1px -1px 2px #004977;
}
#tags a:hover, #tags span:hover{ background:#555; text-shadow: #555 1px 1px 0px;  }
#tags a:hover:before, #tags span:hover:before { border-color:transparent #555 transparent transparent; }

/* A-Z */
#browsergames-a-bis-z .eintrag, #sitemap .eintrag {
        float:left;
         width: 300px;
        background:#FFFFFF;
         padding: 2px 5px;
         margin: 2px 5px 5px 0px;
         -webkit-box-shadow: 0px 2px 2px 1px rgba(50, 50, 50, 0.1);
        -moz-box-shadow:    0px 2px 2px 1px rgba(50, 50, 50, 0.1);
        box-shadow:         0px 2px 2px 1px rgba(50, 50, 50, 0.1);
}

/* Formulare */
input[type="text"] {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         background: #FFFFFF;
         -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    inset 1px 1px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.15);
        box-shadow:         inset 1px 1px 3px 0px rgba(0, 0, 0, 0.35), 1px 1px 0px 0px rgba(0, 0, 0, 0.15);
         border: 0px;
         height: 24px;
         padding: 3px 5px 3px 5px;
         margin: 3px 0px;
         font-size: 14px;
}
input[type="submit"] {
        background: #f15c00; /* Old browsers */
        background: -moz-linear-gradient(top,  #f15c00 0%, #dc3401 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15c00), color-stop(100%,#dc3401)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f15c00 0%,#dc3401 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f15c00 0%,#dc3401 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c00', endColorstr='#dc3401',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 14px;
         color: #FFFFFF;
         padding: 0px 10px;
         margin: 3px 0px;

         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

         text-shadow: #dc3401 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         cursor: pointer;

         height: 24px;

         border: 1px #9d2600 solid;
         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
        box-shadow:         inset 0px 1px 1px 0px rgba(255, 185, 142, 0.75);
         cursor: pointer;
}

/* 404 */
#wrapper_404, #wrapper_tipp {
         z-index: 2;
         width: 996px;
         margin: 50px auto 25px auto;
         padding: 0px 0px 15px 0px;
         border: 0px #000 solid;
         text-align: center;
}

#wrapper_404 h1, #wrapper_tipp h1 {
        color: #F15400;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_404 h2, #wrapper_tipp h2 {
        color: #FFFFFF;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_404 h3, #wrapper_tipp h3 {
        color: #EFEFEF;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_404 a.footer, #wrapper_tipp a.footer {
        color: #F15400;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
         text-decoration: none;
}

#wrapper_404 .info_text {
        color: #FFFFFF;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_tipp .info_text {
         width: 730px;
         margin: 10px auto;
         color: #FFFFFF;
         text-align: center;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_tipp td {
         color: #FFFFFF;
         text-align: left;
         font-size: 10pt;
         text-shadow: #000000 1px 1px 0px;
}

#wrapper_tipp hr {
         border-top: 4px #F15400 dotted;
         width: 100%;
         color: #000000;
         margin: 10px 0px;
         background-color:#000000;
         height: 0px;
}

#wrapper_404 .box_game, #wrapper_tipp .box_game {
        display: inline-block;
         width: 170px;
         min-height: 150px;
         background:#FFFFFF;
         margin: 10px 5px 10px 5px;
         padding: 10px 5px;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
        -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
        box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.0), inset 0px 0px 15px 0px rgba(50, 50, 50, 0.0);
         border: 1px #CFCFCF solid;

         -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

#wrapper_404 .box_game .badge, #wrapper_tipp .box_game .badge {
         width: 60px;
         height: 60px;
        position: absolute;
        margin: -19px 0px 0px 124px;
}

/* Seitenanzeige */
#pages {
        line-height:30px;
         padding: 5px 10px;
}

#pages a:link, #pages a:visited {
         display: block;
         float:left;
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         color: #FFFFFF;
         font-weight: bold;
         text-decoration:none;
         padding: 0px 0px 0px 0px;
         margin: 2px;
         background-color: #F05100;
         border: 2px #F05100 solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #BA3E00 1px 1px 0px;
}

#pages a:hover {
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         font-weight: bold;
         color: #5F5F5F;
         text-decoration:none;
         background-color: #FFFFFF;
         border: 2px #F05100 solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #CFCFCF 1px 1px 0px;
}

#pages div {
         display: block;
         float:left;
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         font-weight: bold;
         color: #5F5F5F;
         text-decoration:none;
         background-color: #FFFFFF;
         border: 2px #F05100 solid;
         padding: 0px 0px 0px 0px;
         margin: 2px;
         height: 26px;
         width: 26px;
         text-align:center;
         vertical-align:middle;
               text-shadow: #CFCFCF 1px 1px 0px;
}