/* Base-Colors: #29c0d5, #000000, #FFFFFF */

/* Links */
a:link, a:visited {
         font-size: 1.0em;
         color: #14A4B7;
         font-weight: normal;
         text-decoration:underline;
}

a:hover {
         font-size: 1.0em;
         font-weight: normal;
         color: #000000;
         text-decoration:none;
}

a.button, a.button:link, a.button:visited, .button,
.overview a.button, .overview a.button:link, .overview a.button:visited, .overview .button {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29c0d5+0,11a2b2+100 */
        background: #29c0d5; /* Old browsers */
        background: -moz-linear-gradient(top,  #29c0d5 0%, #11a2b2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #29c0d5 0%,#11a2b2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #29c0d5 0%,#11a2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c0d5', endColorstr='#11a2b2',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         color: #FFFFFF;
         font-size: 1.1em;
         line-height: 2.0em;
         padding: 0px 15px;
         text-shadow: #11a2b2 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         cursor: pointer;
}

a.button_green, a.button_green:link, a.button_green:visited, .button_green,
.overview a.button_green, .overview a.button_green:link, .overview a.button_green:visited, .overview .button_green {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,7cbc0a+100 */
        background: #9dd53a; /* Old browsers */
        background: -moz-linear-gradient(top,  #9dd53a 0%, #7cbc0a 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #9dd53a 0%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #9dd53a 0%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         color: #FFFFFF;
         font-size: 1.5em;
         line-height: 2.0em;
         padding: 0px 15px;
         text-shadow: #005F00 1px 1px 1px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         cursor: pointer;
}
#right a.button_green { font-size: 1.1em; line-height: 1.2em; padding: 10px 15px; text-transform: none; }

a.button:hover, .button:hover, .button_green:hover,
.overview a.button:hover, .overview .button:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
        background: #45484d; /* Old browsers */
        background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px !important;
         text-decoration: none;
         text-transform: uppercase;
}

a.button_big, a.button_big:link, a.button_big:visited {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29c0d5+0,11a2b2+100 */
        background: #29c0d5; /* Old browsers */
        background: -moz-linear-gradient(top,  #29c0d5 0%, #11a2b2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #29c0d5 0%,#11a2b2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #29c0d5 0%,#11a2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c0d5', endColorstr='#11a2b2',GradientType=0 ); /* IE6-9 */

         font-family: 'Open Sans Condensed', sans-serif;
         color: #FFFFFF;
         font-size: 1.8em;
         line-height: 2.0em;
         padding: 0px 20px;
         text-shadow: #1eb2c7 1px 1px 0px;
         text-decoration: none;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         cursor: pointer;
}

a.button_big:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
        background: #45484d; /* Old browsers */
        background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;
         text-decoration: none;
}

a {
        -o-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -khtml-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

/* Site */
* { margin: 0; }
html, body { height:100%; width:100%; margin: 0px; padding: 0px; }
body { min-width: 640px; background:#f1f1f1; }
body, td, span {
         font-family: 'Open Sans Condensed', sans-serif, times;
         font-size: 1.0em;
         font-weight: normal;
         color: #8F8F8F;

         margin: 0px;
        padding: 0px;
}

.clear         { clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
img         { border:0px; }
.links         { float: left; }
.rechts         { float: right; }
.center         { text-align: center; }
.block         { display: block !important; }

iframe { overflow:hidden; border: none; }
iframe.frame_fb { background: transparent; border:none; overflow:hidden; height:21px; width: 115px; }
iframe.frame_twitter { background: transparent; border:none; overflow:hidden; height:21px; width: 132px; }
#smb { position:absolute; top: 0; right: 0; padding: 10px 10px 5px 15px; background: #F3F3F3; webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:  inset 2px 2px 5px 0px rgba(50, 50, 50, 0.25);box-shadow: inset 2px 2px 5px 0px rgba(50, 50, 50, 0.25); }

/* Allgemeine Einstellungen */
.wrap {
         width: 80%;
         margin: 0px auto;
         border: 0px #000000 solid;
}

#socialmedia_headerbar div.wrap, #content, #header div, #footer div.wrap { max-width: 1400px; }
#socialmedia_headerbar, #content, #header, #footer { min-width: 640px !important; }

.round {
         -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
}

.round_big {
         -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}

.pad { padding: 15px 25px; }
.pad_lr { padding: 0px 10px; }
.pad_bottom { padding: 0px 0px 15px 0px; }
.pad_small { padding: 15px 15px 15px 15px; }
.pad_top { margin-top: 5px; }
.bgc { background-color: #29C0D5; }


table { border: 0px; padding: 0px; margin: 0px; cell-padding: 2px; cell-spacing: 2px;}
td { vertical-align:top; text-align: left; }

blockquote { font-size: 18pt; color: #2F2F2F; text-align: center; text-shadow: #FFFFFF 1px 1px 0px; }
blockquote p:before { content: ' „ ' ' '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }
blockquote p:after { content: ' ' ' “ '; font-size: 24pt; color: #9F9F9F; font-family: Georgia, serif; }

ul { list-style-type:circle; }
ul.no { margin: 0px; padding: 0px; }
ul li { font-size: 1.0em; }

.liste li { list-style: none; margin: 1px; padding: 1px 3px; }
.liste li a { text-decoration: none; text-shadow: #FFFFFF 1px 1px 0px; }
.liste li:nth-child(even) { background: #EFEFEF; }
.liste li:nth-child(off) { background: #FFFFFF; }
.liste li .small { font-size: 0.8em; line-height: 1.3em; }
.liste li .small span { background: #000000; font-weight: bold; color: #FFFFFF; display: inline-block; padding: 0px 3px; margin-right: 5px; }


::selection {
            background: #29C0D5;
            color: #FFFFFF;
            text-shadow: #20b1c5 1px 1px 0px;
}
::-moz-selection {
            background: #29C0D5;
            color: #FFFFFF;
            text-shadow: #20b1c5 1px 1px 0px;
}

.hidden { display: none !important; visibility: hidden; }
.assistive-text {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
}


/* Seitenaufbau */
#wrapper {
         width: 100%;
         padding-bottom: 0px;
         border: 0px #000 solid;
}

#socialmedia_headerbar {
        background: #2c2c2c;
         height: 20px;
         padding: 5px 0px;

         color: #6a6a6a;
         text-shadow: #101010 1px 1px 0px;

         -webkit-box-shadow: inset 0px -13px 5px -10px rgba(13, 13, 13, 0.75);
        -moz-box-shadow:    inset 0px -13px 5px -10px rgba(13, 13, 13, 0.75);
        box-shadow:         inset 0px -13px 5px -10px rgba(13, 13, 13, 0.75);
}

/* Header */
#header {
         background: #FFFFFF;
         height: 150px;
         margin: 0px auto;
         padding: 0px;
         border-bottom: 3px #000000 solid;
         -webkit-box-shadow: 0px -8px 10px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow:    0px -8px 10px 10px rgba(0, 0, 0, 0.25);
        box-shadow:         0px -8px 10px 10px rgba(0, 0, 0, 0.25);
}

#logo {
         float: left;
         background: #29c0d5;
         width: 250px;
         height: 104px;
         cursor: pointer;
}

#menu_logo {
         display: none;
         float: left;
         background: #29c0d5;
         width: 130px;
         height: 46px;
         cursor: pointer;
}

#logo a, #menu_logo a {
         display: block;
         font-family: 'Quicksand', sans-serif;
         /*font-family: 'Oleo Script', cursive; */
        color: #FFFFFF;
         font-size: 3.4em;
         font-weight: bold;
         text-shadow: #1eb2c7 2px 2px 0px;
         text-decoration: none;
         /*text-transform: uppercase;*/
         line-height: 0.5em;
         padding: 30px 0px 0px 0px;
         text-align: center !important;
}

#menu_logo a {
         color: #FFFFFF !important;
         padding: 0px 0px 0px 0px !important;
         text-shadow: #1eb2c7 2px 2px 0px !important;
}

#logo a i, #menu_logo a i {
        color: #000000;
         font-style: normal;
}

#logo a strong {
        color: #98dbe4;
         font-size: 12px;
         font-weight: normal;
         text-shadow: #1eb2c7 1px 1px 0px;
}

/* Ads */
#bannertopright{
        float:right;
         width: 740px;
         width: calc(100% - 250px);
         height: 104px;
         text-align: center;
         background-color: #f1f2f2;
}

.werb { margin: 6px auto; width: 100%; overflow: hidden; text-align: center; }

/* Navi */
#menu {
         z-index: 12;
         position: absolute;
         max-height: 46px;
         background-color: #FFFFFF;
}

#menu ul {
        margin: 0px;
         padding: 0px;
         list-style: none;
}

#menu ul li {
         display: inline-block;
         margin: 0px;
         padding: 0px 15px;
         list-style: none;
}

#menu ul li ol {
         display: inline-block;
         margin: 0px;
         padding: 0px 5px;
         list-style: none;
}

#menu a {
         display:block;
         color: #000000;
         font-size: 2.0em;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-decoration: none;
         line-height: 48px;
}

#menu a:hover {
        color: #29C0D5;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.nav {
         vertical-align: top;
         display: inline-block;
}
.nav li {
         position: relative;
}
.nav > li {
         float:left;
         margin-right: 0px;
}

.nav li a:first-child:nth-last-child(2):before {
         content:"";
         position: absolute;
         height:0;
         width: 0;
         border: 5px solid transparent;
         top: 50%;
         right:0px;
}

.nav ul {
         position: absolute;
         /*white-space: nowrap;*/
         z-index: 1;
         left: -99999em;
         background:#000000;
         border-radius: 0 0 3px 3px;
         text-align: left;
}
.nav > li:hover > ul {
         left: auto;
         padding-top: 0px;
         min-width: 300px;
         max-width: 400px !important;
}

.nav > li li:hover > ul {
         /* margin-left: 1px */
         left: 100%;
         top: -1px;

}

.nav > li > a:first-child:nth-last-child(2):before {
         border-top-color: #000000;
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
         border: 5px solid transparent;
         border-bottom-color: #29C0D5;
         margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {
         border-left-color: #000000;
         margin-top: -5px
}

.nav > li > ul {
         padding: 5px 0px !important;
}
.nav > li > ul > li {
         padding: 0px 5px !important;
        float:left;
        width: 50% !important;
         width: calc(50% - 10px) !important;
         border: #FFFF00 0px solid;
}

.nav > li > ul > li a {
        padding: 0px 5px;
        display: block !important;
        color: #FFFFFF !important;
         font-size: 14px !important;
         font-weight: bold !important;
         text-shadow: #000000 0px 0px 0px !important;
         text-decoration: none !important;
         line-height: 28px !important;
         -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

.nav > li > ul > li a:hover {
        color: #29C0D5 !important;
         background-color: #151515;
         text-shadow: #000000 1px 1px 0px !important;
}

/* Nav Dark */
#menu.dark {
         z-index: 12;
         position: absolute;
         max-height: 46px;
         background-color: #000000 !important;
}

#menu.dark a {
         display:block;
         color: #FFFFFF !important;
         font-size: 25px;
         font-weight: bold;
         text-shadow: #000000 1px 1px 0px;
         text-decoration: none;
         line-height: 48px;
}

#menu.dark a:hover {
        color: #29C0D5;
         text-shadow: #000000 1px 1px 0px;
}

#menu.dark .nav > li > a:first-child:nth-last-child(2):before {
         border-top-color: #FFFFFF;
}

#menu.dark .nav > li:hover > a:first-child:nth-last-child(2):before {
         border: 5px solid #000000;
         border-bottom-color: #29C0D5;
         margin-top:-5px
}

#menu.dark .nav li li > a:first-child:nth-last-child(2):before {
         border-left-color: #000000;
         margin-top: -5px
}

#navi {
         background:#000000;
          padding: 8px;
          width: 30px;
          height: 30px;
          float:left;
          cursor: pointer;
}

#navi.open {
         background:#000000 url(../images/icon_menu.png) center center no-repeat;
}

#navi.close {
         background:#000000 url(../images/icon_menu_close.png) center center no-repeat;
}

#navi_complete {
         display: none;
         z-index: 10;
         position: absolute;
         top: 48px;
         background-color: #000000;
         color: #FFFFFF;
         margin-left: -8px;
         width: 100%;
         padding: 5px 0px;
}

#navi_complete div.navilist {
         padding: 10px 10px 10px 10px;
}

#navi_complete div.navilist span {
        display: block;
         border-bottom: 2px #3F3F3F solid;
}

#navi_complete div.navilist b, #navi_complete div.navilist span a {
         display: inline;
         font-family: 'Open Sans Condensed', sans-serif;
        color: #FFFFFF;
        text-align: left;
         font-size: 1.0em;
         line-height: 1.0em;
         border-bottom: 2px #FFFFFF solid;
         text-shadow: #000000 1px 1px 0px !important;
         text-transform: uppercase;
}

#navi_complete div.navilist ul li, #navi_complete div.navilist ul li a {
         font-family: 'Open Sans Condensed', sans-serif;
        color: #FFFFFF !important;
        text-align: left;
         font-size: 1.1em;
         text-shadow: #000000 1px 1px 0px !important;
         padding: 3px 5px 3px 5px !important;
         line-height: 1.1em;
}

#navi_complete div.navilist ul li a:hover {
         background-color: #5F5F5F;
}

/* Content */
#content {
        margin: 10px auto 10px auto;
         background:#f1f1f1;
         min-height: 200px;
         display: block !important;
}

#content #left {
        display: block !important;
        float:left;
         width: 100%;
         width: calc(100% - 360px);
}

#content #right {
        display: block !important;
        float:right;
         width: 340px;
         height: 100%;
         border: 0px #00BF00 solid;
}

/* Footer */
#footer {
         width: 100%;
         min-height: 35px;
         background: #2b2b2b;
         border-top: 1px #FFFFFF solid;
         box-shadow: inset 0px 5px 5px rgba(13, 13, 13, 0.75);
         -webkit-box-shadow: inset 0px 5px 5px rgba(13, 13, 13, 0.75);
         -moz-box-shadow:  inset 0px 5px 5px rgba(13, 13, 13, 0.75);
}

#footer div.box {
         float:left;
         width: 20%;
         width: calc(20% - 40px);
         padding: 10px 20px 10px 20px;

         font-family: 'Open Sans Condensed', sans-serif;
        color: #FFFFFF;
        text-align: left;

         font-size: 1.1em;
}

#footer div.box b {
         padding: 1px 5px;
         margin-bottom: 0px;
         background: #FFFFFF;
         font-weight: normal;
         font-size: 1.0em;
         color: #000000;
         text-align: left;
         text-align: center;
         text-transform: uppercase;
         display: inline-block;
}

#footer div.box a:link, #footer div.box a:visited {
         display: block;
         text-shadow: #000000 1px 1px 0px;
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 1.0em;
         color: #FFFFFF;
         font-weight: normal;
         text-decoration: none;
         padding: 4px 0px !important;
         margin: 0px !important;
         line-height: 1.0em !important;
         border-top: 1px #3F3F3F solid;
         border-bottom: 1px #1F1F1F solid;
}

#footer div.box a:hover {
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 1.0em;
         color: #29C0D5;
         font-weight: normal;
         text-decoration: none;
}

#footer div.box .copy, #footer div.box .copy a {
         display: inline-block;
         text-shadow: #000000 1px 1px 0px;
         font-family: 'Open Sans Condensed', sans-serif;
           font-size: 1.0em;
         color: #AFAFAF;
         font-weight: normal;
         text-decoration: none;
         padding: 4px 0px !important;
         margin: 0px !important;
         line-height: 1.0em !important;
         border-top: 0px #3F3F3F solid;
         border-bottom: 0px #1F1F1F solid;
}



#footer div.box a:last-child {
         border-bottom: 0px #3F3F3F solid;
}

#footer div.box a:first-child {
         border-top: 0px #3F3F3F solid !important;
}

#footer .logo {
         display: inline-block;
         font-family: 'Quicksand', sans-serif;
         /*font-family: 'Oleo Script', cursive; */
        color: #FFFFFF;
         font-size: 2.4em;
         font-weight: bold;
         text-shadow: #1eb2c7 2px 2px 0px;
         text-decoration: none;
         background: #1eb2c7;
         /*text-transform: uppercase;*/
         line-height: 0.9em;
         padding: 3px 5px 8px 5px;
         margin: 10px 0px;
         text-align: left !important;
}

/* Überschriften */
h1 {
         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 2.0em;
         text-shadow: #FFFFFF 1px 1px 1px;
         color: #1F1F1F;
         font-weight: bold;
         text-align: left;
         margin: 0px 0px 5px 0px;
         padding: 5px 0px;
}

h2 {
         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 1.8em;
         color: #3F3F3F;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;

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

h3 {
         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 1.6em;
         color: #29C0D5;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;

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

h4 {
         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 1.5em;
         color: #29C0D5;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;

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

h5 {
        display: block;
         line-height: 1.5em;
         border-bottom: 2px #EFEFEF solid;
         margin-top: 10px;
         padding: 0px;

         font-size: 1.5em;
         font-family: 'Open Sans Condensed', sans-serif;
         font-weight: normal;
         color: #3F3F3F;
         text-transform: uppercase;
}

#left h5 {
         font-size: 1.6em;
         font-weight: bold;
}

/* Headline */
.headline {
        display: block;
         line-height: 2.0em;
         border-bottom: 2px #DFDFDF solid;
         margin-bottom: 10px;
         text-transform: uppercase;
}

.headline h1, .headline h2, .headline h3 { display: inline-block; }

.headline .line {
         float:left;
         width: 10%;
         height: 2px;
         border-bottom: 2px #6F6F6F solid;
         margin-top: -2px;
}

.more {
         float: right;
         display: inline-block;
         border: 0px #bdbdbd solid;
         margin-top: 7px;
}

.more a {
         text-transform: uppercase;
         font-family: 'Open Sans Condensed', sans-serif, times;
         color: #bdbdbd;
         font-size: 1.0em;
         text-decoration: none;

         line-height: 1.4em;
         padding: 2px 5px;

         background: #000000;
         border: 0px #29C0D5 solid;
}

.more a:hover {
         color: #FFFFFF;
         border: 0px #29C0D5 solid;
         background: #29C0D5 !important;
}

.more.top {
         margin-top: -25px;
         font-weight: bold !important;
}

.more.top a {
         font-weight: bold !important;
         color: #FFFFFF;
         border: 0px #bdbdbd solid;
}


/* Contentbox */
.contentbox {
        display: block;
         margin: 10px 0px 10px 0px;
         background: #FFFFFF;
         border: 1px #d9dbdd solid;
         border-bottom: 2px #d9dbdd solid;

         -webkit-box-shadow: 0px 0px 5px 0px rgba(220, 220, 220, 0.80);
        -moz-box-shadow:    0px 0px 5px 0px rgba(220, 220, 220, 0.80);
        box-shadow:         0px 0px 5px 0px rgba(220, 220, 220, 0.80);

         padding: 0px 0px;

         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         /*font-family: 'Open Sans', sans-serif; */

         font-size: 1.2em;
         color: #000000;
         font-weight: normal;
         text-align: left;
         line-height: 1.5em;
}

.contentbox .artikel a, .contentbox .overview a {
         /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 1.0em;
         text-decoration: none;
        background: transparent url(../images/underline.png) repeat-x 100% 100%;
        padding-bottom: 2px;
}

.contentbox .overview a.no {
        background: none;
}

.contentbox img.artikel {
            width: 100%;
            height: 100%;
            height: inherit !important;
}

.contentbox .pad .artikel img {
         float: left;
         padding: 5px;
         border: 1px #DFDFDF solid;
         margin: 0px 10px 10px 0px;
         max-width: 100% !important;
         height: inherit !important;
}

.contentbox .pad .artikel .media {
         position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
}

.contentbox .pad .artikel .media iframe {
         position: absolute;
            top: 0;
            left: 0;
         padding: 5px;
         border: 1px #DFDFDF solid;
         width: 100%;
         height: 100%;
}

.contentbox .head {
        display: block;
         line-height: 2.0em;
         border-bottom: 1px #EFEFEF solid;
         margin-bottom: 10px;
         padding: 5px 15px;

         font-family: 'Open Sans Condensed', sans-serif;
         font-weight: normal;
         color: #3F3F3F;
         text-transform: uppercase;
}

.contentbox h5, .contentbox .artikel h5 {
         font-family: 'Roboto Slab', serif !important;
         font-size: 1.3em;
         color: #29C0D5;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 1px;

         margin: 0px 0px 5px 0px;
         padding: 5px 0px;
         border-bottom: 0px #EFEFEF solid;
         text-transform: none;
}

.contentbox .artikel span.block {
        font-family: 'Roboto Slab', serif !important;
         font-size: 1.2em;
         color: #000000;
         font-weight: bold;
         font-style: italic;
}

.contentbox .artikel h2, .contentbox .artikel h3,.contentbox .artikel h4, .contentbox .artikel h5 {
        margin: 0px 0px -15px 0px;
}

.contentbox .artikel .image_text {
         float:left;
         display: block;
         text-align: center;
         margin: 0px auto;
         max-width: 50%;
}

.contentbox .artikel .image_text span {
        display: block;
         text-align: center;
}

.contentbox .artikel .zitat {
         display: block;
         margin: 10px 10px 10px 15px;
         border-left: 4px #29C0D5 solid;

                text-align: left;
         font-style: italic;
         font-size: 0.9em;
         padding: 5px 5px 5px 10px;
         color: #4F4F4F;
}

.contentbox .quelle {
        font-size: 0.7em;
         color: #AFAFAF;
         padding: 5px 10px;
}
.contentbox .quelle:before {
            content: "Copyright-Informationen: ";
}

#right .pad, #right .pad_bottom { font-size: 0.9em; }

.moregames {
         display: block;
         padding: 8px 3px;
         line-height: 1.1em;
         font-size: 0.8em;
         font-family: 'Open Sans Condensed', sans-serif;
         font-weight: normal;
         color: #3F3F3F;
         border-bottom: 2px #CFCFCF dotted;
         cursor: pointer;
}

.moregames:last-child { border-bottom: 0px #CFCFCF dotted; }
.moregames:hover { background: #EFEFEF; }

.moregames b {
         display: block;
         text-transform: uppercase;
}
.moregames img {
         float: left;
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         max-width: 45% !important;
         height: inherit !important;
}

.overview {
         display: block;
         padding: 8px 5px;
         line-height: 1.2em;
         font-size: 0.8em;
         font-weight: normal;
         color: #3F3F3F;
         border-bottom: 2px #CFCFCF dotted;
         cursor: pointer;
}

.overview:last-child { border-bottom: 0px #CFCFCF dotted; }
.overview:hover { background: #EFEFEF; }

.overview b {
         display: block;
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 1.2em;
         text-transform: uppercase;
         color: #000000;
         margin-bottom: 3px;
}
.overview span {
         display: inline-block;
         text-transform: uppercase;
         color: #FFFFFF;
         background: #000000;
         padding: 1px 3px;
         margin-right: 3px;
}
.overview img {
         float: left;
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         min-width: 140px !important;
         max-width: 20% !important;
         height: inherit !important;
}

.topgames {
         float: left;
         width: 20%;
         width: calc(20% - 14px);
         padding: 8px 7px;
         line-height: 1.2em;
         font-weight: normal;
         color: #3F3F3F;
         text-align: center;
         cursor: pointer;
}

.topgames:nth-child(odd) {background-color: #EFEFEF}
.topgames:nth-child(even) {background-color: #FFFFFF}
.topgames:hover { background: #29C0D5; }

.topgames b {
         display: block;
         font-family: 'Open Sans Condensed', sans-serif;
         text-transform: uppercase;
         font-size: 0.8em;
         font-weight: bold;
}
.topgames img {
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         min-width: 80px !important;
         max-width: 100% !important;
         height: inherit !important;
}

.topgames a {
         font-size: 1.0em;
         text-decoration: none;
         font-family: 'Open Sans Condensed', sans-serif !important;
}
.topgames a:hover {
         color: #FFFFFF;
}

.catgameslist {
         float: left;
         width: 20%;
         width: calc(20% - 14px);
         height: 150px;
         padding: 8px 7px;
         line-height: 1.2em;
         font-weight: normal;
         color: #3F3F3F;
         text-align: left;
         cursor: pointer;
}
.catgameslist li { list-style: none; padding-left: 10px;  }
.catgameslist li:nth-child(odd) {background-color: #EFEFEF; }
.catgameslist li:nth-child(even) {background-color: #FFFFFF; }
.catgameslist li:hover { background-color: #29C0D5; }

.catgameslist b {
         display: block;
         font-family: 'Open Sans Condensed', sans-serif;
         text-transform: uppercase;
         font-size: 0.8em;
         font-weight: bold;
}

.catgameslist a {
        display: block;
         font-size: 1.0em;
         text-decoration: none;
         font-family: 'Open Sans Condensed', sans-serif !important;

}
.catgameslist a:hover {
         color: #FFFFFF;
}

.games_overview {
        float: left;
         display: inline-block;
         width: calc(33% - 5px);
         padding: 0px 0px;
         margin: 5px 10px 5px 0px;
         line-height: 1.2em;
         font-size: 1.0em;
         font-weight: normal;
         color: #3F3F3F;

         background: #FFFFFF;
         border: 1px #d9dbdd solid;
         border-bottom: 2px #d9dbdd solid;

         -webkit-box-shadow: 0px 0px 5px 0px rgba(220, 220, 220, 0.80);
        -moz-box-shadow:    0px 0px 5px 0px rgba(220, 220, 220, 0.80);
        box-shadow:         0px 0px 5px 0px rgba(220, 220, 220, 0.80);
}

.games_overview:nth-child(3n+1){ margin: 5px 0px 5px 0px; float:right; }
.games_overview:last-child { border-bottom: 0px #CFCFCF dotted; }
.games_overview:hover { background: #FFFFFF; }

.games_overview b {
         display: inline-block;
         font-family: 'Open Sans Condensed', sans-serif;
         font-size: 1.2em;
         text-transform: uppercase;
         color: #000000;
         margin-bottom: 3px;
}
.games_overview span {
         display: inline-block;
         text-transform: uppercase;
         color: #FFFFFF;
         background: #000000;
         padding: 1px 3px;
}

.games_overview .text {
         display: block;
         min-height: 60px;
         padding-bottom: 0px;
}
.games_overview img {
         padding: 0px;
         border: 0px #DFDFDF solid;
         margin: 0px 10px 0px 0px;
         max-width: 100% !important;
         height: inherit !important;
}
.games_overview .button_links { float:left; width: 48%; }
.games_overview .button_rechts { float:right; width: 48%; }
.games_overview img.bewertung { float:right; width: 150px; margin: 0px 0px 0px 0px; }


/* Artikel */
.artikelbar {
        display: block;
        background: #FFFFFF;
         border-bottom: 1px #EFEFEF solid;
         padding-bottom: 10px;
         margin-bottom: 20px;
}

.artikelbar .icon { display: inline; padding: 0px 15px 0px 22px; }

.artikelbar, .artikelbar a {
        /*font-family: 'PT Serif', serif;*/
         font-family: 'Roboto Slab', serif;
         font-size: 0.8em;
         color: #b0b0b0;
         font-weight: normal;
         text-align: left;
         line-height: 1.5em;
         text-decoration: none;
}
.artikelbar a { font-size: 1.0em; }

.artikelbar .icon.time, .newsbar .icon.time {  background:transparent url(../images/icon_clock.png) left center no-repeat; }
.artikelbar .icon.author, .newsbar .icon.author {  background:transparent url(../images/icon_author.png) left center no-repeat; }
.artikelbar .icon.views, .newsbar .icon.views {  background:transparent url(../images/icon_views.png) left center no-repeat; }
.artikelbar .icon.kat, .newsbar .icon.kat {  background:transparent url(../images/icon_kat.png) left center no-repeat; }
.artikelbar .icon.tags, .newsbar .icon.tags {  background:transparent url(../images/icon_tags.png) left center no-repeat; }


/* Newsbar */
.newsbar {
        display: block;
        background: #FFFFFF;
         border-top: 1px #EFEFEF solid;
         padding-top: 5px;
         margin-top: 5px;
}

.newsbar .icon { display: inline; padding: 0px 15px 0px 22px; }

.newsbar, .newsbar a {
         font-family: 'Roboto Slab', serif;
         font-size: 0.7em;
         color: #b0b0b0;
         font-weight: normal;
         text-align: left;
         line-height: 1.5em;
         text-decoration: none !important;
         background: none !important;
}
.newsbar a { font-size: 1.0em; }
.newsbar .icon { background-size: 12px 12px !important; }

.newsbar .icon.tags a {
        white-space: nowrap;
            position: relative;
            margin: 0 3px 0 7px;
            display:inline-block;
            height: 14px;
            border-radius: 0 3px 3px 0;
            padding: 1px 5px 0 8px;
            background:#EFEFEF !important;
            border: 1px solid #C7D2D4;
            color:#999;
            line-height:12px;
}

.newsbar .icon.tags a:before{
           position:absolute;
            background:#EFEFEF;
            content:"\25CF";
            color:white;
            text-shadow: 0 0 1px #aaa;
            font-size:8px;
            line-height:10px;
            text-indent:3px;
            top:2px;
            left:-7px;
            width: 10px;
            height: 10px;
            transform: rotate(45deg);
            border-left:1px solid #C7D2D4;
           border-bottom:1px solid #C7D2D4;
}

/* slider */
#slider_mega {
        text-align: left;
         min-height: 320px;
         border: 0px #000000 solid;
         margin-bottom: 10px;
}
#slider_mega span {
         float:left;
         width: calc(100% - 3px);
         min-height: 320px;
         margin-right: 3px;
}

#slider_mega span .item {
         background-position: top right;
         background-repeat: no-repeat;

         width: 100% !important;
         width: calc(100% - 0px);
         height: 320px;

         border-right: 0px #F1F1F1 solid;
         /*-webkit-box-shadow: inset 0px -100px 50px 5px rgba(0, 0, 0, 0.85);
        -moz-box-shadow:    inset 0px -100px 50px 5px rgba(0, 0, 0, 0.85);
        box-shadow:         inset 0px -100px 50px 5px rgba(0, 0, 0, 0.85); */
}

#slider_mega span .item:last-child { border-right: 0px #FF0000 solid; }

#slider_mega span .item .section {
        display: inline-block;

        margin: 210px 10px 5px 10px;
         padding: 2px 5px;

        font-size: 1.0em;
         color: #FFFFFF;
}

#slider_mega span .item .title {
        display: inline-block;

        margin: 0px 10px 10px 10px;
         padding: 2px 0px;

        font-size: 1.3em;
         font-weight: bold;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 3px;
         line-height: 1.1em;
         overflow: hidden;
         height: 80px;

}

#slider_mega span .item .title a {
        margin: 0px 0px 0px 0px;
         padding: 1px 4px;

        font-size: 1.0em;
         font-weight: bold;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 3px;
         line-height: 1.2em;
         text-decoration: none;
         background: #000000;

}

#slider_mega_prev {
        cursor: pointer;
        position: absolute;
         z-index:10;
         margin-top: -200px;
        background:transparent url(../images/slider_left.png) center center no-repeat;
         height: 50px;
         width: 50px;
         opacity: 0.4;
            filter: alpha(opacity=40);
}

#slider_mega_prev:hover {
        background:transparent url(../images/slider_left_hover.png) center center no-repeat;
        opacity: 0.9;
            filter: alpha(opacity=90);
}

#slider_mega_next {
        cursor: pointer;
         float: right;
         position: relative;
         z-index:10;
         margin-top: -200px;
        background:transparent url(../images/slider_right.png) center center no-repeat;
         height: 50px;
         width: 50px;
         opacity: 0.4;
            filter: alpha(opacity=40);
}

#slider_mega_next:hover {
        background:transparent url(../images/slider_right_hover.png) center center no-repeat;
         opacity: 0.9;
            filter: alpha(opacity=90);
}

/* Suche */
#suche {
        float: right;
         display: block;
         background: #29C0D5 url(../images/suche.png) center center no-repeat;
         width: 46px;
         height: 46px;
         cursor: pointer;
}

#search {
         font-family: 'Open Sans Condensed', sans-serif !important;
         font-size: 1.0em;
         font-weight: bold;

         display: none;
         position: absolute;
         z-index: 51;
         left: 50%;
         top: 50%;
         background: #FFFFFF;
         padding: 40px 40px 20px 40px;
         width: 400px;
         text-align: center;
}

#search .close {
          position: absolute;
          width: 40px;
          height: 40px;
          margin: -40px 0px 0px 400px;
          background:#000000 url(../images/icon_menu_close.png) center center no-repeat;
          cursor: pointer;
}

#search input {
         font-family: 'Open Sans Condensed', sans-serif !important;
         font-size: 1.2em;
         width: 100%;
        margin: 5px 0px;
         padding: 0px;
         line-height: 2.2em;
         font-weight: bold;
}

#search input[type="search"] {
         padding: 2px 10px;

         background: #5F5F5F;
         border: 0px #2F2F2F solid;
         color: #FFFFFF;
         text-shadow: 1px 1px 0px #000000;

         -webkit-box-shadow: inset 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    inset 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         inset 4px 4px 5px 0px rgba(50, 50, 50, 0.75);

}

#search input[type="submit"] {
         background: #29C0D5 url(../images/suche.png) 10px 5px no-repeat;
         padding: 0px 0px 0px 0px;
}

#search input[type="submit"]:hover {
         background: #8F8F8F url(../images/suche.png) 10px 5px no-repeat;
}

#search .tags {
         margin: 0px 0px 0px 0px;
         text-align:center;
}

#search .tags b {
         padding: 2px 15px 2px 0px;
         display: inline-block;
}

#search .tags a, #search .tags a:link, #search .tags a:visited {
         display: inline-block;
         margin: 2px 10px 2px 2px;
         padding: 1px 5px 1px 0px;
         font-family: 'Open Sans Condensed', sans-serif, times;
         font-size: 0.8em;
         color: #7F7F7F;
         font-weight: bold;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;

         -moz-border-radius: 0px 3px 3px 0px;
        -khtml-border-radius: 0px 3px 3px 0px;
         -webkit-border-radius: 0px 3px 3px 0px;
         border-radius: 0px 3px 3px 0px;
}

#search .tags a:hover {
         color: #FFFFFF;
         text-shadow: #006472 1px 1px 0px;
}

#search .tags a {
        position: relative;
        background: #EFEFEF;
         -o-transition: all 0.0s linear;
            -moz-transition: all 0.0s linear;
            -khtml-transition: all 0.0s linear;
            -webkit-transition: all 0.0s linear;
            -ms-transition: all 0.0s linear;
            transition: all 0.0s linear;
}

#search .tags a:hover {
        position: relative;
        background: #1EB2C7;
         -o-transition: all 0.0s linear;
            -moz-transition: all 0.0s linear;
            -khtml-transition: all 0.0s linear;
            -webkit-transition: all 0.0s linear;
            -ms-transition: all 0.0s linear;
            transition: all 0.0s linear;
}

#search .tags a:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(239, 239, 239, 0);
        border-right-color: #EFEFEF;
        border-width: 10px;
        margin-top: -10px;
}

#search .tags a:hover:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(30, 178, 199, 0);
        border-right-color: #1EB2C7;
        border-width: 10px;
        margin-top: -10px;
}

#suche_direkt input {
         font-size: 1.2em;
}

/* tabs */
div.tab {
            overflow: hidden;
            background-color: transparent;
         text-align: center;
         padding-top: 20px;
}

div.tab button {
         background-color: #DFDFDF;
            display: inline-block;
            outline: none;
            cursor: pointer;

            transition: 0.3s;

         border: 0px;
         -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;

         font-size: 1.0em;
         font-weight: bold;
         color: #4F4F4F;

         margin-right: 5px;
         padding: 8px 20px;

         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    inset -1px -10px 5px -5px rgba(0, 0, 0, 0.15);
        box-shadow:         inset -1px -10px 5px -5px rgba(0, 0, 0, 0.15);
}

div.tab button.tab:hover {
            background-color: #87ca07;
         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
        -moz-box-shadow:    inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
        box-shadow:         inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
}

div.tab button.tab.active {
            background-color: #1EB2C7 !important;
         color: #FFFFFF !important;
         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
        -moz-box-shadow:    inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
        box-shadow:         inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
}

.tabcontent {
            display: none;
            padding: 10px 0px;
           border-top: 2px #1EB2C7 solid;

}
.tabcontent.show { display: block; }

.tabcontent img {
         width: calc(20% - 17px);
         height: inherit;
         padding: 5px;
         margin-right: 5px;
         margin-bottom: 5px;
         float: left;
         border: 1px #CFCFCF solid;
}

.tabcontent .video {
         width: calc(50% - 20px);
         height: inherit;
         padding: 5px;
         margin-right: 5px;
         margin-bottom: 5px;
         float: left;
         border: 1px #CFCFCF solid;
         text-align: center;
         font-size: 0.8em;
}

.tabcontent .video iframe {
        width: 100%;
         height: inherit;
         min-height: 250px;
}

/* Lexikon */
#lexikon { margin: 20px 0px 0px 0px; }
#lexikon h2 { color: #FFFFFF; background: #29C0D5; display: inline-block; padding: 3px 10px; text-shadow: #FFFFFF 0px 0px 0px; }
#lexikon i { margin: 10px 0px 0px 0px; font-size: 0.8em; color: #7F7F7F; }
#lexikon .abisz a { display: inline-block; font-size: 1.2em !important; width: calc(33.333% - 20px); padding: 2px 10px; float: left; text-shadow: #FFFFFF 0px 0px 0px; }
#lexikon .abisz a:hover { color: #FFFFFF; background: #29C0D5; }
#lexikon .abisz { border-bottom: 3px #AFAFAF dotted; padding: 20px 0px; margin: 10px 0px; }
#lexikon .abisz:last-child { border-bottom: 0px #AFAFAF dotted !important; padding: 20px 0px; margin: 10px 0px; }
#lexikon .abisz .buchstabe { float: left; width: 80px; }
#lexikon .abisz .buchstabe b { font-size: 1.8em; text-transform: uppercase; padding: 4px 15px; text-align: center; background: #EFEFEF; text-shadow: #FFFFFF 1px 1px 0px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
#lexikon .abisz .begriffe { float: right; width: calc(100% - 90px); }

#lexikon #tags { border: 0px; margin: 0px !important; padding: 10px !important; }
#lexikon #tags a { color: #FFFFFF !important; }
#lexikon .round_big { font-size: 1.2em !important; color: #FFFFFF !important; padding: 3px 10px !important; }


/* Schatten */
#shadow {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 50;
         background: transparent url(../images/shadow.png) repeat;
         width: 100%;
         height: 100%;
         cursor: pointer;
}

/* Help Us */
#helpus img { padding: 10px 0px 0px 0px; min-width: 250px !important; max-width: 100% !important; height: inherit !important; }

/* Voting */
#voting { margin: 5px auto; }
#voting img { padding: 5px 0px 10px 0px; min-width: 250px !important; max-width: 100% !important; height: inherit !important; }
#voting span { padding: 0px 5px 0px 5px; }
#voting div { display: none; }


#voting_layer {
        display: none;
        position: absolute;
         z-index: 51;
         top: 200px;
         left: 50%;
         /*margin-left: -170px; */

         background: #FFFFFF;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
         -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
         width: 300px;
        padding: 20px;
         text-align: center;
         border: 0px #FFFFFF solid;
}

#voting_layer #voting_layer_close {
        position: absolute;
         z-index: 55;
         top: 0px;
         left: 50%;
         margin-left: 150px;
         margin-top: -15px;
         cursor: pointer;
}

#voting_layer span {
        font-size: 13px;
         text-align: center;
}

#voting_layer span img {
        margin: 2px;
}

/* BC Navigation */
#breadcrump {
        display:block;
        overflow: hidden;
        line-height: 1.5em;
         height; 28px;
        float:left;
        padding: 0px 10px 0px 10px;
        margin: 0px 0px 0px 0px;

        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 0.9em;
        color:#9F9F9F;
         text-transform: uppercase;
}

#breadcrump ol, #breadcrump ol li { display: inline-block; padding: 0px 2px 0px 2px;  }

#breadcrump ol li a:link, #breadcrump a:visited, #breadcrump ol li a:link span, #breadcrump ol li a:visited span {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 1.0em;
        color:#9F9F9F;

         font-weight: normal;
         text-align:center;
         text-decoration:none;
            text-shadow: #000000 1px 1px 0px;
}

#breadcrump ol li a:hover, #breadcrump ol li a:hover span {
         color: #29C0D5;
         text-decoration:none;
}

#breadcrump ol li span, #breadcrump ol li a span, #breadcrump ol li div { margin:0px; padding: 0px; display: inline; }

#breadcrump .no { display: none; }

/* Top */
#top {
         position: fixed;
         z-index: 10;
         bottom: 20px;
         right: 20px;
         display: none;

         background: #29C0D5;
         padding: 3px 8px 3px 10px;

         font-size: 11pt;
         color: #000000;
         text-shadow: #65DDED 1px 1px 0px;

         -webkit-box-shadow: inset 0px 0px 20px -10px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    inset 0px 0px 20px -10px rgba(50, 50, 50, 0.75);
        box-shadow:         inset 0px 0px 20px -10px rgba(50, 50, 50, 0.75);

         cursor: pointer;
}

#top .show { display: block; }
#top b { display: inline; font-weight: bold; padding-top: 0px !important; }


/* Tags */
#tags {
         display: block !important;
         margin: 20px 0px 10px 0px;
        padding:20px 0px 0px 0px;
         border-top: 1px #CFCFCF solid;
}

#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:#000000;
        color:#fff;
         text-shadow: #000000 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;
         -o-transition: all 0.0s linear;
            -moz-transition: all 0.0s linear;
            -khtml-transition: all 0.0s linear;
            -webkit-transition: all 0.0s linear;
            -ms-transition: all 0.0s linear;
            transition: all 0.0s linear;
}

#tags a:before, #tags span:before {
        content:"";
        float:left;
        position:absolute;
        top:0;
        left:-12px;
        width:0;
        height:0;
        border-color:transparent #000000 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; }

/* Seitenanzeige */
#seitenanzeige {
        line-height:30px;
         padding: 5px 0px;
}

#seitenanzeige a:link, #seitenanzeige a:visited {
         display: block;
         float:left;
         font-size: 11pt;
         color: #FFFFFF;
         font-weight: bold;
         text-decoration:none;
         padding: 0px 0px 2px 0px;
         margin: 2px;
         background-color: #29C0D5;
         border: 2px #29C0D5 solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #19A2B5 1px 1px 0px;
}

#seitenanzeige a:hover {
         font-size: 11pt;
         font-weight: bold;
         color: #5F5F5F;
         text-decoration:none;
         background-color: #FFFFFF;
         border: 2px #19A2B5 solid;
         height: 26px;
         width: 26px;
         text-align:center;
         text-shadow: #CFCFCF 1px 1px 0px;
}

#seitenanzeige div {
         display: block;
         float:left;
         font-size: 11pt;
         font-weight: bold;
         color: #FFFFFF;
         text-decoration:none;
         background-color: #000000;
         border: 2px #000000 solid;
         padding: 0px 0px 2px 0px;
         margin: 2px;
         height: 26px;
         width: 26px;
         text-align:center;
         vertical-align:middle;
               text-shadow: #000000 1px 1px 0px;
}

/* Formulare */
input, select, textarea {
         border: 1px #BFBFBF solid;
         background-color: #FFFFFF;
         font-family: 'Roboto Slab', serif !important;
         font-size: 0.8em;
         color: #000000;
         padding: 4px 8px;
         margin: 2px;
         line-height: 1.1em;
         -moz-box-shadow:    inset 2px 2px 3px #DFDFDF;
           -webkit-box-shadow: inset 2px 2px 3px #DFDFDF;
           box-shadow:         inset 2px 2px 3px #DFDFDF;
}

input[type="submit"], input[type="button"] {
         border: 1px #078C9E solid;
         font-size: 1.1em;
         background-color: #29C0D5;
         color: #FFFFFF;
         font-weight: bold;
         text-shadow: 1px 1px 0px #078C9E;
         padding: 4px 8px;
         margin: 2px;
         line-height: 1.0em;
         -moz-box-shadow:    inset 0px 0px 5px #078C9E;
           -webkit-box-shadow: inset 0px 0px 5px #078C9E;
           box-shadow:         inset 0px 0px 5px #078C9E;
         cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover {
         border: 1px #424449 solid;
         background-color: #6F6F6F;
         text-shadow: 1px 1px 0px #424449;
         -moz-box-shadow:    inset 0px 0px 5px #424449;
           -webkit-box-shadow: inset 0px 0px 5px #424449;
           box-shadow:         inset 0px 0px 5px #424449;
}

/*
///////////////////////////////////
        Media-Querys
///////////////////////////////////
*/

@media (max-width: 640px) {
        li a { display: none !important; }
         #navi_complete div.navilist ul li a  { display: inline-block !important; }
         .games_overview { width: calc(100% - 0px) !important; float:none !important; }
         .games_overview:nth-child(3n+1){ margin: 5px 0px 5px 0px; float:none; }
         .games_overview:nth-child(2n+1){ margin: 5px 0px 5px 0px; float:none; }

         #footer div.box.news {
                 width: 100%;
                 width: calc(100% - 40px);
        }
}

@media (min-width: 641px) and (max-width: 800px) {
        li.go a {  display: none !important; }
}

@media (max-width: 900px) {
         #menu a { font-size: 1.3em; }
         #menu.dark a { font-size: 1.3em; }
         #menu li { padding: 0px 10px; }
         .wrap {
                 width: 96%;
        }
         #header .wrap { width: 100%; }
}

@media (max-width: 800px) {
         #content #left {
                display: block;
                 width: 100%;
        }

        #content #right {
                 display: block;
                 width: 100%;
        }
         #helpus { display: none; }

         #slider_mega span .item {
                width: 50%;
                 width: calc(50% - 3px);
        }
        #slider_mega span .item .title { font-size: 1.0em; }
         .contentbox { font-size: 1.0em; }
         .contentbox .moregames { font-size: 1.5em !important; }
         .games_overview { width: calc(50% - 10px) !important; }
         .games_overview:nth-child(3n+1){ margin: 5px 10px 5px 0px; float:left; }
         .games_overview:nth-child(2n+1){ margin: 5px 0px 5px 0px; float:right; }
         #footer div.box {
                 width: 33%;
                 width: calc(33% - 40px);
        }
}

@media (min-width: 801px) and (max-width: 1060px) {
         #content #left {
                float:left;
                 width: 100%;
                 width: calc(100% - 320px);
        }

        #content #right {
                float:right;
                 width: 300px;
        }

         #slider_mega span .item {
                width: 50%;
                 width: calc(50% - 3px);
        }
        #slider_mega span .item .title { font-size: 1.2em; }
         .contentbox { font-size: 1.1em; }

         .catgameslist, .topgames {
                 width: 50%;
                 width: calc(50% - 14px);
                 padding: 8px 7px;
        }

         .games_overview { width: calc(50% - 10px) !important; }
         .games_overview:nth-child(3n+1){ margin: 5px 10px 5px 0px; float:left; }
         .games_overview:nth-child(2n+1){ margin: 5px 0px 5px 0px; float:right; }

         .button { font-size: 1.0em; }
         .button_big { font-size: 1.3em; }
}

@media (min-width: 901px) and (max-width: 1060px) {
        #menu a { font-size: 1.5em; }
         #menu.dark a { font-size: 1.5em; }
         #slider_mega span .item {
                width: 33%;
                 width: calc(33% - 3px);
        }
}
@media (min-width: 1061px) and (max-width: 1280px) {
        #menu a { font-size: 1.8em; }
         #slider_mega span .item {
                width: 33%;
                 width: calc(33% - 3px);
        }
         .games_overview { width: calc(33% - 6px) !important; }
}


@media (min-width: 800px) and (max-width: 1200px) {
        .wrap { width: 90%; }
}
@media (max-width: 1300px) {
        .tabcontent img { width: calc(33% - 17px); }
        .tabcontent .video iframe { min-height: 150px; }
}