* {margin:0px; padding:0px;}
img {border:0px none;}
ul {list-style:none;}

body {font-family:injoy, Trebuchet MS, Arial; font-size:12px; color:#545454; background:#FFF;}

@font-face {font-family:Futura-Condensed-Normal; url:("../img/injoy.ttf");}

h1 {font-size:24px; font-family:Trebuchet MS, Verdana;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* General */
.flr {float:right;}
.fll {float:left;}
.clear {clear:both;} 

.txt_blue {color:#01a2f2;}
.txt_grey {color:#d9d9d9;}
.txt_bold {font-weight:bold;}
.txt_italic {font-style:italic;}

.button a {display:block; height:25px; padding:7px 20px 0px 20px; text-align:center; background:#d9d9d9; color:#FFF; text-decoration:none; font-size:15px; font-weight:bold;}
.button a:hover {background:#00a2f2;}

.spacer {margin:10px 0px;}
.top-spacer {margin-top:30px;}
.left-spacer {margin-left:20px;}
.right-spacer {margin-right:20px;}
.bottom-spacer {margin-bottom:20px;}
.logo-spacer {padding-bottom:233px;}

/* Structure */ 
#wrapper-site {width:960px; margin:0px auto;}

/* Navi */
#navi {margin:20px 0px 20px 0px;}
#navi td {padding:0px 20px 0px 0px;}
#navi td.last {padding:0px;}
#navi td a {display:block; height:25px; padding:7px 20px 0px 20px; text-align:center; background:#d9d9d9; color:#FFF; text-decoration:none; font-size:15px; font-weight:bold;}
#navi td a:hover {background:#00a2f2;}

/* Content */
#content {background:url("../img/bg_injoy.jpg") bottom right no-repeat; padding:0px 0px 330px 0px;}
#content .next-logo {width:610px; height:233px;}
#content-mainpage {}

#content-subnavi {width:210px; padding:0px 0px 0px 20px; border-left:1px solid #ececec;}
#content-subnavi h2 {font-weight:normal; color:#a0a0a0; margin:0px 0px 15px 0px;}
#content-subnavi li a {display:block; position:relative; padding:3px 5px 3px 5px; color:#545454; text-decoration:none;}
#content-subnavi li a:hover {color:#01a2f2;}
#content-subnavi li a.active {color:#01a2f2; position:relative; left:-8px;}

#subcontent.news {width:650px;}
#subcontent.news .textblock {width:280px; padding:10px;}
#subcontent.small {width:650px;}

#subcontent {padding:0px 20px 20px 20px;}
#subcontent h1 {color:#01a2f2; font-size:24px; margin:20px 0px 0px 0px; font-family:Futura-Condensed-Normal, Trebuchet MS; font-weight:normal;}
#subcontent h2 {color:#545454; font-size:16px; margin:0px 0px 10px 0px; font-weight:normal;}
#subcontent p {font-size:13px;}
#subcontent a {color:#01a2f2;}
#subcontent .textblock {width:430px; padding:15px;}
#subcontent .wide-textblock {padding:15px;}
#subcontent .textblock p, #subcontent .wide-textblock p {line-height:160%;}
#subcontent .img-container {width:460px; text-align:center; padding:10px 0px;}
#subcontent .list {list-style-image:url("../img/bullet.png"); font-size:13px; padding:0px 0px 0px 20px;}
#subcontent .list li {margin:10px 0px 0px 10px;}
#subcontent .cooperation-list li {padding:15px 0px; border-bottom:1px solid #ececec;}
#subcontent .cooperation-list li .text-block {width:450px;}
#subcontent .award-list li {padding:15px 0px; border-bottom:1px solid #ececec;}
#subcontent .award-list li .text-block {width:750px;}
#subcontent .small-box {width:280px;}

#content-footer {margin:10px 0px 10px 0px; position:relative;}
#content-footer h3 {color:#545454; margin:0px 0px 5px 0px; font-size:12px; font-weight:bold; font-family:Verdana;}
#content-footer p {color:#545454; font-size:11px; font-family:Verdana;}
#content-footer .highlight {text-transform:uppercase; color:#01a2f2;}
#content-footer .clubfinder {position:relative; padding:10px 10px 40px 10px;}
#content-footer .clubfinder .form-input {width:197px; height:28px; padding:5px; margin:10px 0px 5px 0px; color:#8f8f8f; font-size:10px; background:url("../img/bg_input.jpg") top left no-repeat; border:0px none;}
#content-footer .clubfinder .form-submit {position:absolute; bottom:0px; right:5px; z-index:50; width:97px; height:28px; border:0px none; background:url("../img/button_studiosearch.png") top left no-repeat;}
#content-footer .box-header {width:235px; height:6px; background:url("../img/box_top.jpg") top left no-repeat;}
#content-footer .box-content {position:relative; width:215px; margin:0px auto; min-height:100px; background:url("../img/box_footer.jpg") bottom left no-repeat #FFFFFF;}
#content-footer .news-box {position:relative; padding:10px 0px 0px 10px;}
#content-footer .news-box .button {width:97px; height:28px; display:block; margin:12px 0px 0px 128px; position:relative; z-index:99;}
#content-footer .news-box .box-entry {height:103px;}
#content-footer .media-box {position:absolute; top:20px; left:240px; z-index:1;}
#content-footer .news-box p {padding:0px 15px 0px 10px; line-height:150%;}
#content-footer .news-box .openings {position:relative; height:80px; overflow:hidden;}
#content-footer .news-box .openings .data {position:relative; top:80px;}

#news-archiv {width:210px; padding:0px 0px 0px 20px; border-left:1px solid #ececec;}
#news-archiv h2 {font-weight:normal; color:#a0a0a0; margin:0px 0px 15px 0px;}
#news-archiv li a {display:block; position:relative; padding:3px 5px 3px 5px; color:#545454; text-decoration:none;}
#news-archiv li a:hover {color:#01a2f2;}
#news-archiv li a.active {color:#01a2f2; position:relative; left:-8px;}
#news-archiv .press-contact {margin:30px 0px 0px 0px;}

#media-list {padding:20px 0px 0px 0px;}
#media-list li {padding:10px;}
#media-list .videoplayer {width:320px; height:240px; margin:10px 0px; border:1px solid #d9d9d9;}
#media-list .description {width:560px; padding:20px 0px 0px 0px;}

/* Footer */
#footer-navi {margin:15px 0px 0px 0px; border-top:1px solid #e0e0e0; padding:2px 0px 0px 0px;}
#footer-navi ul {margin:8px 0px 0px 0px;}
#footer-navi li {margin:0px 0px 0px 15px;}
#footer-navi li a {display:block; height:20px; padding:5px 30px 0px 30px; text-align:center; color:#FFF; font-weight:bold; text-decoration:none; background:#d9d9d9;}
#footer-navi li a:hover {background:#00a2f2;}

#footer {margin:20px 0px 30px 0px; text-align:center;}
#footer a {color:#545454;}

/* Slider */
#slider {width:960px; height:580px; position:relative; overflow:hidden;}
#slider .panel {display:none;}

/* Token */
#site-shadow {width:100%; height:100%; display:none; z-index:90; position:fixed; top:0px; left:0px; background:url("../img/shadow.png") top left repeat;}
#token {width:750px; height:450px; z-index:99; position:relative; margin:0px auto; background:url("../img/bg_token.png") top left no-repeat;}
#token-content {padding:20px 30px;}
#token-content h1 {color:#01a2f2; font-size:24px;}
#token-content .close {cursor:pointer; text-decoration:underline;}
#token-content .token-form {margin:20px 0px 0px 0px;}
#token-content .form-input {width:180px; height:20px; padding:5px; margin:2px 0px 5px 0px; color:#545454; font-size:10px; border:1px solid #d9d9d9;}
#token-content .form-input-small {width:80px; height:20px; padding:5px; margin:2px 0px 5px 0px; color:#545454; font-size:10px; border:1px solid #d9d9d9;}
#token-content .form-selection {width:400px; height:30px; margin:2px 0px 5px 0px; padding:5px 0px 0px 0px; font-size:14px; color:#545454; font-size:10px; border:1px solid #d9d9d9;}
#token-content .form-submit {width:278px; height:49px; background:url("../img/button_token.png") top left no-repeat; border:0px none; cursor:pointer;}
#token-content .form-print {width:278px; height:49px; margin:80px 0px 0px 0px; background:url("../img/button_print.png") top left no-repeat; border:0px none; cursor:pointer;}
#token-content .token-print {font-size:18px;}
#token-content .token-print .studio {font-size:24px; margin:15px 0px 0px 0px;}
#token-content .token-pic {display:none;}