/* GENERIC */
.float-left {
   float: left;
}
.float-right {
   float: right;
}
.clear {
   clear: both;
}
.clear-left {
   clear: left;
}
.clear-right {
   clear: right;
}

/* LAYOUT */
html, body {
   height: 100%;
   margin: 0px;
   background-color: #202020;
   background-image: url('../jpg/bg_gradient.jpg');
   background-position: 0px 0px;
   background-repeat: repeat-x;
   font-family: Arial, Tahoma, Verdana;
   font-size: 13px;
   color: #FFFFFF;
}
a {
   color: #FFFFFF;
   text-decoration: none;
   outline: none;
}
a img {
   border: none;
}
input, select, textarea {
   padding: 0px;
}
h1, h2, h3 {
   font-weight: bold;
   color: #FFFFFF;
   margin: 0px;
}
h1 {
   font-size: 18px;
}
h2 {
   font-size: 16px;
}
h3 {
   font-size: 14px;
}
ol {
   list-style-type: lower-latin;
}
.wrap-bg {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   width: 100%;
   background-image: url('../jpg/bg1.jpg');
   background-position: right top;
   background-repeat: no-repeat;
}
.wrap {
   position: absolute;
   left: 50%;
   width: 960px;
   margin-left: -480px;
}
.head {
   position: relative;
   height: 216px;
}
.head .logo {
   position: absolute;
   top: 40px;
   right: 0px;
   width: 260px;
   height: 107px;
   background-image: url('../png/logo.png');
}
.head .sidenavi {
   position: absolute;
   top: 5px;
   left: 14px;
   line-height: 14px;
}
.head .sidenavi a {
   display: block;
   font-size: 11px;
   font-style: italic;
   color: #C5C5C5;
}
.head .navi-item a.main-link, .head .search a {
   display: block;
   height: 31px;
   line-height: 31px;
   font-weight: bold;
}
.head .search {
   position: absolute;
   right: 0px;
   bottom: 0px;
   height: 31px;
   width: 260px;
   background-image: url('../png/navigation.png');
   background-position: 0px -62px;
}
.head .search a {
   background-image: url('../png/navigation.png');
   background-position: 0px -93px;
   padding: 0px 10px;
}
.head .search input {
   position: relative;
   top: 8px;
   left: 8px;
   width: 172px;
   height: 16px;
   border: none;
   background-image: url('../png/navigation.png');
   background-position: 0px -70px;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
}
.head .search.active {
   background-position: 0px -155px;
}
.head .search.active input {
   background-position: 0px -163px;
   color: #015DB4;
}
.head .navi {
   position: absolute;
   left: 0px;
   bottom: 0px;
}
.head .navi-item a.main-link {
   width: 120px;
   padding: 0px 6px 0px 14px;
   background-image: url('../png/navigation.png');
   background-position: 0px 0px;
   font-size: 14px;
}
.head .navi-item a.main-link:hover, .head .navi-item a.main-link.active {
   background-image: url('../png/navigation.png');
   background-position: 0px -31px;
}
.head .subnavi-pos {
   position: absolute;
   top: -185px;
   width: 140px;
   height: 185px;
   display: none;
}
.head .subnavi-bg {
   background-color: #005DB3;
}
.head .subnavi .subnavi-padding {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   padding: 10px 0px;
}
.head .subnavi a {
   display: block;
   padding: 2px 10px;
   font-size: 12px;
   font-weight: bold;
}
.head .subnavi a:hover, .head .subnavi a.active {
   background-color: #073462;
}
.main {
   padding-bottom: 30px;
}
.main .sidebar {
   width: 260px;
   padding-top: 5px;
   color: #9C9C9C;
}
.main .sidebar .content-bg {
   top: 0px;
   width: 260px;
}
.main .sidebar .archive {
   background-color: #015DB4;
   color: #FFFFFF;
}
.main .sidebar .archive .button {
   padding: 7px 5px 7px 10px;
   font-size: 13px;
   font-weight: bold;
   background-image: url('../gif/archive_arrow.gif');
   background-repeat: no-repeat;
   background-position: 240px center;
   cursor: pointer;
}
.main .sidebar .line {
   background-color: #3A3A3A;
   height: 1px;
   margin: 5px 0px;
   overflow: hidden;
}
.main .sidebar .headline {
   font-size: 24px;
   font-weight: bold;
   padding: 2px 5px;
   color: #FFFFFF;
}
.main .sidebar .magazine-entry {
   position: relative;
   padding: 10px 5px;
}
.main .sidebar .magazine-entry .content {
   position: relative;
}
.main .sidebar .magazine-entry .title {
   font-weight: bold;
   color: #FFFFFF;
   font-style:normal;
}
.main .sidebar .facebook .title {
   font-weight: bold;
   color: #FFFFFF;
   margin-bottom:5px;
}
.main .sidebar .magazine-entry .detail-wrap {
   position: relative;
   height: 115px;
}
.main .sidebar .magazine-entry .image {
   position: absolute;
   left: 0px;
   bottom: 0px;
}
.main .sidebar .magazine-entry .text {
   position: absolute;
   right: 0px;
   bottom: 0px;
   width: 160px;
   font-style: italic;
}
.main .sidebar .contactbox {
   background-color: #015DB4;
   padding: 15px 10px;
   color: #56A1E5;
}
.main .sidebar .contactbox .text {
   padding: 15px 0px 20px 0px;
}
.main .sidebar .contactbox .title, .main .sidebar .contactbox .number-description, .main .sidebar .contactbox .number {
   color: #FFFFFF;
   font-weight: bold;
}
.main .sidebar .contactbox .number {
   font-size: 18px;
}
.main .sidebar .sponsors {
   padding: 5px;
   font-size: 11px;
   font-style: italic;
}
.main .sidebar a.link-entry {
   display: block;
   font-weight: bold;
   font-size: 16px;
}
.main .sidebar a.link-entry.active {
   color: #015DB4;
}
.main .sidebar .film-search {
   background-color: #3A3A3A;
   padding: 10px 5px;
}
.main .sidebar .film-search .input-wrap {
   position: relative;
   height: 30px;
   margin-bottom: 5px;
   background-color: #202020;
}
.main .sidebar .film-search .input-wrap.small {
   width: 70px;
}
.main .sidebar .film-search .small-wrap {
   height: 30px;
}
.main .sidebar .film-search input, .main .sidebar .film-search select {
   position: absolute;
   top: 7px;
   left: 8px;
   width: 235px;
   height: 18px;
   background-color: #202020;
   color: #777;
   border: none;
}
.main .sidebar .film-search select, .main .sidebar .film-search input.small {
   color: #FFF;
}
.main .sidebar .film-search input.active,
.main .sidebar .film-search select.active {
   color: #BCBCBC;
}
.main .sidebar .film-search input.small {
   width: 55px;
   text-align: center;
}
.main .sidebar .film-search a.submit-button {
   display: block;
   height: 30px;
   line-height: 30px;
   padding: 0px 10px;
   font-weight: bold;
   background-image: url('../png/navigation.png');
   background-position: 0px -124px;
}
.main .sidebar .film-search .text {
   width: 30px;
   text-align: center;
   line-height: 30px;
}
.main .sidebar .archive-search {
   padding-bottom: 15px;
}
.main .sidebar .archive-search .description {
   padding: 0px 10px;
}
.main .sidebar .archive-search .query-wrap {
   position: relative;
}
.main .sidebar .archive-search a.submit-button {
   display: block;
   position: absolute;
   top: 0px;
   right: 0px;
   height: 30px;
   line-height: 30px;
   padding: 0px 10px;
   font-weight: bold;
   background-color: #B02157;
}
.main .sidebar .archive-search .input-wrap {
   position: relative;
   height: 30px;
   background-color: #CA3B71;
}
.main .sidebar .archive-search .query-wrap input {
   position: absolute;
   top: 7px;
   left: 8px;
   width: 170px;
   height: 18px;
   background-color: #CA3B71;
   color: #FFFFFF;
   border: none;
   font-weight: bold;
}
.main .sidebar .archive-search .checkbox-wrap {
   padding: 10px 10px 0px 10px;
}
.main .sidebar .archive-search .checkbox-wrap input {
   vertical-align: middle;
}
.main .sidebar .person-entry .detail {
   font-style: italic;
}
.main .body {
   width: 695px;
}
.main .controlbar {
   padding: 0px 5px;
   height: 40px;
   line-height: 40px;
}
.main .controlbar a {
   color: #C5C5C5;
   font-size: 11px;
   font-style: italic;
}
.main .content-bg {
   position: absolute;
   left: 0px;
   width: 695px;
   background-color: #3A3A3A;
}
.main .contentbox-wrap {
   padding-bottom: 5px;
}
.main .contentbox {
   padding-bottom: 15px;
}
.main .contentbox .title {
   padding: 15px 15px 0px 15px;
   font-size: 20px;
   font-weight: bold;
}
.main .contentbox .subtitle {
   padding: 5px 15px 0px 15px;
   font-size: 13px;
   font-style: italic;
}
.main .contentbox .text {
   padding: 15px 15px 0px 15px;
}
.main .contentbox-left {
   float: left;
   width: 345px;
}
.main .contentbox-right {
   margin-left: 350px;
}
.main .contentbox-magenta {
   background-color: #E6578D;
}
.main .contentbox-magenta .subtitle {
   color: #F4C4D7;
}
.main .contentbox-blue {
   background-color: #015DB4;
}
.main .contentbox-blue .subtitle {
   color: #56A1E5;
}
.main .content-wrap {
   position: relative;
   padding: 20px 18px;
   background-color: #2D2D2D;
   color: #BCBCBC;
   font-size: 13px;
   line-height: 18px;
}
.main .content-wrap .input-wrap {
   position: relative;
   height: 30px;
   background-color: #202020;
   width: 250px;
}
.main .content-wrap .input-wrap input {
   position: absolute;
   top: 7px;
   left: 8px;
   width: 235px;
   height: 18px;
   background-color: #202020;
   color: #777;
   border: none;
}
.main .content-wrap .slideable {
   padding-bottom: 20px;
}
.main .content-wrap .slideable .trigger_open, .main .content-wrap .slideable .trigger_close {
   color: #C5C5C5;
   font-size: 11px;
   font-style: italic;
   cursor: pointer;
}
.main .content-wrap .slideable .text {
   padding-top: 10px;
}
.main .content-wrap .subtitle {
   font-size: 13px;
   font-style: italic;
   padding-top: 3px;
}
.main .content-wrap .magazine-entry {
   padding: 10px 0px 20px 0px;
}
.main .content-wrap .magazine-entry .category {
   font-size: 13px;
   font-style: italic;
   padding-bottom: 4px;
}
.main .content-wrap .magazine-entry .title {
   display: block;
   font-size: 18px;
   font-weight: bold;
   color: #FFFFFF;
}
.main .content-wrap .magazine-entry .text {
   padding-top: 6px;
}
.main .content-wrap .magazine-entry .content a {
   padding: 10px 10px 15px 0px;
}
.main .content-wrap .magazine-entry .image {
   padding: 23px 10px 5px 0px;
}
.main .content-wrap .film-entry {
   padding: 10px 0px;
}
.main .content-wrap .film-entry .title {
   display: block;
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
}
.main .content-wrap .film-entry .image {
   padding-left: 10px;
}
.main .content-wrap .film-entry {
   min-height: 95px;
}
.main .content-wrap .film-entry .detail {
   padding: 10px 0px;
   color: #FFFFFF;
}
.main .content-wrap .detail .type {
   color: #777;
}
.main .content-wrap .vita-entry .time {
   color: #777;
}
.main .content-wrap .person-entry {
   position: relative;
   width: 329px;
   height: 135px;
   margin-top: 10px;
}
.main .content-wrap .person-entry .image {
   position: absolute;
   display: block;
   top: 0px;
   left: 0px;
}
.main .content-wrap .person-entry .detail {
   position: absolute;
   right: 20px;
   bottom: 10px;
   width: 175px;
}
.main .content-wrap .person-entry .detail .title {
   padding-bottom: 20px;
}
.main .content-wrap .person-entry .detail .subtitle {
   color: #777;
}
.main .content-wrap .sitemap a {
   display: block;
}
.main .content-wrap .sitemap .subnavi {
   padding-left: 20px;
}
.main .content-wrap .loginform .errormessage {
   display: none;
}
.main .content-wrap h1 {
   padding: 18px 0px 0px 0px;
}
.main .content-wrap h3 {
   padding: 20px 0px 5px 0px;
}
.main .content-wrap .line {
   height: 1px;
   margin: 5px 0px;
   background-color: #414141;
   overflow: hidden;
}
.main .content-wrap .letterlist {
   font-size: 16px;
   font-weight: bold;
   padding: 5px 0px;
}
.main .content-wrap .letterlist .letter {
   color: #656565;
   margin-right: 6px;
   font-style: italic;
}
.main .content-wrap .paging .navi {
   text-align: right;
}
.main .content-wrap .slideshow {
   position: relative;
   padding-top: 10px;
}
.main .content-wrap .slideshow .images-content {
   display: none;
}
.main .content-wrap .slideshow .video-content {
   display: none;
}
.main .content-wrap .slideshow .controls .button {
   display: inline;
   cursor: pointer;
   padding: 0px 3px;
}
.main .content-wrap .slideshow .image-container {
   position: relative;
   height: 380px;
}
.main .content-wrap .slideshow .image-container img {
   position: absolute;
   top: 0px;
   left: 0px;
}
.main .content-wrap .contact-form td.label {
   width: 200px;
   vertical-align: top;
   padding-top: 5px;
}
.main .content-wrap .contact-form .input-wrap {
   position: relative;
   height: 30px;
   background-color: #202020;
}
.main .content-wrap .contact-form .textarea-wrap {
   position: relative;
   height: 100px;
   background-color: #202020;
}
.main .content-wrap .contact-form .input-wrap {
   float: left;
   margin-right: 5px;
}
.main .content-wrap .contact-form .input-wrap.half-width {
   width: 219px;
}
.main .content-wrap .contact-form .input-wrap.high-width {
   width: 358px;
}
.main .content-wrap .contact-form .input-wrap.low-width {
   width: 80px;
}
.main .content-wrap .contact-form .input-wrap.full-width,
.main .content-wrap .contact-form .textarea-wrap.full-width {
   width: 443px;
}
.main .content-wrap .contact-form input,
.main .content-wrap .contact-form textarea {
   position: absolute;
   top: 7px;
   left: 8px;
   width: 235px;
   background-color: #202020;
   color: #BCBCBC;
   border: none;
}
.main .content-wrap .contact-form input {
   height: 18px;
}
.main .content-wrap .contact-form textarea {
   height: 84px;
}
.main .content-wrap .contact-form input.half-width {
   width: 203px;
}
.main .content-wrap .contact-form input.high-width {
   width: 342px;
}
.main .content-wrap .contact-form input.low-width {
   width: 64px;
}
.main .content-wrap .contact-form input.full-width,
.main .content-wrap .contact-form textarea.full-width {
   width: 427px;
}
.main .content-wrap .contact-form .submit-wrap,
.main .content-wrap .loginform .submit-wrap {
   height: 30px;
}
.main .content-wrap .contact-form a.submit-button,
.main .content-wrap .loginform a.submitbutton {
   display: block;
   height: 30px;
   line-height: 30px;
   padding: 0px 10px;
   font-weight: bold;
   background-image: url('../png/navigation.png');
   background-position: 0px -124px;
}
.main .content-wrap .contact-form a.submit-button {
   float: right;
   margin-right: 9px;
}
.main .toplink {
   display: block;
   padding: 10px 0px;
   text-align: right;
   font-size: 12px;
   color: #9C9C9C;
}
.admin-layer-opener, .admin-layer {
   position: absolute;
   z-index: 1337;
   top: 0px;
   right: 0px;
}
.admin-layer-opener {
   width: 10px;
   height: 10px;
   cursor: pointer;
}
.admin-layer {
   display: none;
   left: 0px;
   width: 100%;
}
.admin-layer-inner {
   padding: 5px;
   background-color: #2D2D2D;
   color: #BCBCBC;
   border-bottom: 1px solid #151515;
}
.cb-checkbox {
   display: none;
}
.cb-checkbox-overlay {
   display: block;
   float: left;
   width: 13px;
   height: 13px;
   background-image: url('../gif/checkbox.gif');
   background-position: 0px 0px;
   cursor: pointer;
   vertical-align: middle;
   margin: 1px 3px 0px 0px;
   font-size: 0px;
}
.cb-checkbox-overlay.cb-checkbox-overlay-checked {
   background-position: 0px -13px;
}