@charset "UTF-8";
@media all {

.clearfix { display: block }
.clear {clear:both}

/* - - - - - - - - - - - SLIDESHOW-TEASER - - - - - - - - - - -  */
#slideshow {background-color:#FFF;width:100%;margin-bottom:15px;line-height:13px;height:380px;}
#slideshow #title {padding:5px 10px 3px 5px;height:52px;}
#slideshow #title p.title {font-weight:bold;font-size:20px;line-height:21px;}
#slideshow #title p.teaser {margin:3px 0;}
#slideshow ul.slides-nav {z-index:100;overflow:hidden;margin:0;position:absolute;bottom: 0;line-height:28px;color:#FFF;background-color:#000;opacity:0.5;width:100%;font-size:20px;filter:alpha(opacity=40);}
#slideshow ul.slides-nav li {float:left;margin-left:10px;}
#slideshow ul.slides-nav li a {color:#FFF;font-weight:bold}
#slideshow ul.slides-nav li.on a.activeSlide, #slideshow ul.slides-nav li.on a {color:#CC0000}
#slideText {padding:10px 10px 10px 5px;}
#slideshow #slideImage a {height:320px;display:block}

/* - - - - - - - - - - - RedVote - - - - - - - - - - -  */
#redVote {background-color:#be0027;color:#000;padding:10px 10px 10px 5px;margin-bottom:15px;width:485px;height:49px;}
#redVote h4 {font-size:22px;line-height:23px;margin-bottom:10px;}
#redVote p {font-size:15px;line-height:16px;font-weight:bold;}
#redVote h4 a, #redVote p a {color:#FFF;text-decoration:none;text-transform:uppercase;}

/* - - - - - - - - - - - MonthlyStats - - - - - - - - - - -  */
#monthlyVotes {overflow:hidden;clear:both;padding:8px 5px;margin-bottom:15px;background: url('http://www.jupiter-filmpreis.de/_img/bg/verlauf.jpg');}
#monthlyVotes p.title {color:#FFF;font-weight:bold;font-size:20px;line-height:21px;margin-bottom:5px;}
#monthlyVotes  ul#monthNavi {overflow:hidden;margin-left:auto;margin-right:auto;}
#monthlyVotes  ul#monthNavi li {float:left;background-color:#DFD7B4;margin-right:5px;}
#monthlyVotes  ul#monthNavi li a {display:block;padding:1px 6px;color:#000;text-decoration:none;}
#monthlyVotes  ul#monthNavi li.active a {background-color:#be0027;color:#FFF;}
#monthlyVotes  ul#monthNaviTest li a:hover {background-color:#be0027;color:#FFF;}
#monthlyVotes  ul#monthNavi li.inactive {padding:1px 6px;background-color:#DFD7B4;color:#BBB;}
#monthlyVotes #statsTable th, #monthlyVotes #statsTable {font-size:11px;font-weight:normal;}
#monthlyVotes #statsTable th#category {width:120px;}
#monthlyVotes #statsTable th#national, #monthlyVotes #statsTable th#international  {width:173px;transform:uppercase;font-weight:bold;}
#monthlyVotes #statsTable th, #monthlyVotes #statsTable td {border-right:solid 2px black;padding-left:5px;line-height:14px;}
#monthlyVotes #statsTable th {padding-bottom:3px}
#monthlyVotes #statsTable tr.off {background-color:#DFD7B4;}
#monthlyVotes #statsTable .last {border:none;}

/* - - - - - - - - - - - YearEndVotes - - - - - - - - - - -  */
#monthlyVotes.yearEnd p.title {color:#000;border-bottom:solid 2px #000;padding-bottom:5px;}
#monthlyVotes.yearEnd #monthlyVotingHolder.white {background-color:#FFF}
#monthlyVotes.yearEnd .categoryContent {padding-bottom:10px;}
#monthlyVotes.yearEnd th {border:none !important;text-align:left}
#monthlyVotes.yearEnd .statsTable tr {cursor:pointer}
#monthlyVotes.yearEnd th#category {cursor:pointer;font-weight:bold;font-size:11px;height:25px;color:#000 !important;width:125px !important;}
#monthlyVotes.yearEnd #statsTable th#national, #monthlyVotes.yearEnd #statsTable th#international {width:165px !important;padding-left:0px;}
#monthlyVotes.yearEnd #statsTable td {border:none !important}
#monthlyVotes.yearEnd #statsTable td p {padding-bottom:4px;line-height:12px}
#monthlyVotes.yearEnd #statsTable td#category {width:125px;}
#monthlyVotes.yearEnd #statsTable td#national, #monthlyVotes.yearEnd #statsTable td#international {width:163px;padding-left:0px !important;padding-right:2px !important}

/* - - - - - - - - - - - Fourteaser - - - - - - - - - - -  */
#fourTeaser {background-color: #FFF;overflow:hidden;clear:both;padding:8px 5px;margin-bottom:15px;}
#fourTeaser p.title {font-size:20px;line-height:21px;margin:3px 0 5px;color:#000;font-weight:bold;}
#fourTeaser p.text {margin-bottom:5px}
#fourTeaser ul {overflow:hidden;}
#fourTeaser ul#images li {width:105px;float:left;margin-right:10px;overflow:hidden;}
#fourTeaser ul#images li.last {margin-right:0px;}
#fourTeaser ul#images li p.imgTitle {color:#BE0027;text-transform:uppercase;font-weight:bold;margin-top:5px;}

/* - - - - - - - - - - - ImageRight - - - - - - - - - - -  */
#imageRight {background-color: #FFF;overflow:hidden;clear:both;padding:0 0 0 5px;margin-bottom:15px;}
#imageRight .holder {margin-bottom:15px;}
#imageRight div {float:left}
#imageRight .left {width:355px;padding-right:10px;}
#imageRight .right {width:100px;}
#imageRight .left .imgTitle {font-size:20px;line-height:21px;margin:8px 0;color:#000;font-weight:bold;}
#imageRight .left .imgSubtitle {font-weight:bold;margin-bottom:5px;}

/* - - - - - - - - - - - DoubleImage - - - - - - - - - - -  */
#doubleImage {background-color: #FFF;overflow:hidden;clear:both;margin-bottom:15px;}
#doubleImage .holder {margin-bottom:15px;}
#doubleImage .left {width:110px;float:left;}
#doubleImage .text {width:250px;float:left;}
#doubleImage .right {width:100px;float:left;padding-left:10px;}
#doubleImage .text .imgTitle {font-size:20px;line-height:21px;margin-bottom:3px;color:#000;font-weight:bold;}
#doubleImage .text .imgSubtitle {font-weight:bold;margin:2px;}
#doubleImage .text2 {margin-top:5px;}


/* - - - - - - - - - - - Article - - - - - - - - - - -  */
#articleBody {background-color:#FFFFFF; padding:20px;font-size:12px;line-height:18px;overflow:hidden;}
#articleBody .pageHead {margin:5px 0 20px;clear:both}
#articleBody h1 {margin-bottom:10px;}
#articleBody .left {float:left}
#articleBody .imageBox div.folder {margin: 0 10px 10px 0}
#articleBody .imageBox div.folder p {font-size:10px;line-height:11px;}
#articleBody .imageBox .teaser {font-size: 11px;line-height: 14px;width: 220px;overflow:hidden}
#articleBody .imageBox .teaser h6 {font-size:12px;}
#articleBody .imageBox .teaser .folder  {background:#DFD7B4;padding:5px;overflow:hidden}
#articleBody .imageBox .teaser img {display: block;float: left;margin-right: 10px;}
#articleBody .imageBox .teaser ul {overflow:hidden;margin-bottom:5px;}
#articleBody .imageBox .teaser span {margin-left:2px;}
#articleBody .imageBox .teaser span img {float:none;padding-left:3px;}
#articleBody div.right {float: right;margin: 3px 0 5px 8px;}
#articleBody .img {position:relative}
#articleBody .img a.lightbox {position:absolute;right:10px;bottom:10px;}
#articleBody div.centerTxt {margin: 15px 0;text-align: center;}
#articleBody a.bigButton {background: none repeat scroll 0 0 #BE0027;color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 5px 8px;}

/* - - - - - - - - - - - Voting - - - - - - - - - - -  */
#mainVoting {background-color:#FFFFFF; padding:20px;font-size:12px;line-height:18px;overflow:hidden}
#mainVoting #votingHolder {margin-top:20px;overflow:hidden;}
#mainVoting #votingHolder ul {overflow:hidden;}
#mainVoting #votingHolder li.txt {margin:0; padding:0}
#mainVoting #votingHolder p.question {color:#be0027;font-weight:bold;font-size:16px;}
#mainVoting #votingHolder p.body {margin-top:15px;}
#mainVoting #votingHolder ul#answer {overflow:hidden;margin-top:15px;}
#mainVoting #votingHolder ul#answer label {font-weight:bold}
#mainVoting #votingHolder ul#answer label a {font-weight:bold;color:#BE0027;}
#mainVoting #votingHolder ul#answer li {clear:both;margin-bottom:25px;overflow:hidden;}
#mainVoting #votingHolder ul#answer li.freeanswer {margin-bottom:0px;}
#mainVoting #votingHolder ul#answer li div.image {float:left;width:120px;position:relative;margin-right:10px;}
#mainVoting #votingHolder ul#answer li div.image span.magnifier {bottom:5px;right:15px}
#mainVoting #votingHolder ul#answer li div.answer {float:left;width:300px;font-size:11px;}
#mainVoting #votingHolder ul#answer div.answer {overflow:hidden;line-height:15px;}
#mainVoting #votingHolder ul#answer li div.answer input {float:left}
#mainVoting #votingHolder ul#answer li div.answer label {margin-left:5px;float:left}
#mainVoting #votingHolder ul#answer li p.description {font-size:11px;margin-top:10px;clear:both}
#mainVoting #votingHolder ul#answer li.freeanswer p.title {font-weight:bold;font-size:12px;margin-bottom:5px;}
#mainVoting #votingHolder ul#answer li.freeanswer p.subtitle {margin-bottom:3px;}
#mainVoting #votingHolder ul#answer li.freeanswer input {float:left}
#mainVoting #votingHolder ul#answer li.freeanswer p.answer {margin-left:10px;float:left}
#mainVoting div.buttons {text-align: right;}
#mainVoting div.buttons a.submit {margin-right:5px;background-color: #be0027;border: medium none;color: #FFF;font-size: 11px;line-height: 14px;padding: 1px 2px;width: auto !important;}
#mainVoting .freetext {width:390px;height: 30px;padding: 5px;border:solid 1px #DFD7B4;overflow:auto;}
#mainVoting #result {background-color: #DFD7B4;padding:20px;overflow:hidden;}
#mainVoting #result #holder{background-color: #F3EFDF;padding:10px;overflow:hidden}
#mainVoting #result p.thanks {color:#BE0027;margin-bottom:5px;}
#mainVoting #result p.text {margin-bottom:15px;}
#mainVoting #result .submit {padding:2px; background:#BE0027;color:#FFF}
#mainVoting p.startnew {float:right;margin-top:10px;}

#mainVoting ul.pages {margin-bottom:2px;}
#mainVoting ul#votingScroll li {float:left;background:#F3EFDF;border-right:2px solid #FFF;font-weight:bold;padding:2px 0;text-align:center}
#mainVoting ul#votingScroll li.active {background:#BE0027;color:#FFF}
#mainVoting ul#votingScroll li.last {border:none;}
#mainVoting ul#votingScroll a {text-decoration:underline;}
#mainVoting ul#votingScroll a.active {text-decoration:none;color:#BE0027}


/* - - - - - - - - - - - Overlay - - - - - - - - - - -  */
.modal-overlay {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;background:#DFD7B4;opacity:.60;filter: alpha(opacity=60);-moz-opacity: 0.60;z-index:101;}
.modal-window {position:fixed;top:50%;left:50%;margin:0;padding:0;z-index:102;}
#overlay {width:582px;border: solid 4px #8C6939;font-family:Arial,Verdana,Helvetica,sans-serif;}
#overlay img {border:none}
#overlay #overlayClose {background-color:#BE0027;height:20px;color:#FFF;padding:5px;text-align:right}
#overlay p {margin:0px}
#overlay p.typeText, #overlay a.moreInfo {color:#BE0027;font-weight:bold;padding:0 0 0 36px;font-size:16px;}
#overlay a.moreInfo {padding-right:10px;text-decoration:none;background:url("http://www.jupiter-filmpreis.de/_img/icon/icon_arrow_down.gif") no-repeat scroll right 7px transparent;}

/* - - - - - - - - - - - Overlay Movie- - - - - - - - - - -  */
#overlayMovie {background-color:#DFD7B4;padding:10px;overflow:auto;width:560px; height:630px;}
#overlayMovie ul, #overLay ol, #overLay dl { margin: 0 0 10px 0; list-style-type:none;}

/* - - - - - - - - - - - Overlay Movie Detail- - - - - - - - - - -  */
#movieDetail {background-color: #FFFFFF;width:340px;padding:10px;}
#movieContainer #movieHeader {background-color:#BE0027;line-height:30px;width:360px;}
#movieContainer #movieHeader p {padding:5px 0 0 46px;color:#FFFFFF;font-weight:bold;font-size:16px;}
#overlayMovie #carousel a#arrowLeft  {margin-top:68px;float:left;background: url('http://www.jupiter-filmpreis.de/_img/carousel/arrow_b.gif') no-repeat scroll 0 0 #478DC6;width:26px; height:25px;cursor:pointer;}
#overlayMovie #carousel a#arrowRight {margin-top:68px;float:left;background: url('http://www.jupiter-filmpreis.de/_img/carousel/arrow_n.gif') no-repeat scroll 0 0 #478DC6;width:26px; height:25px;cursor:pointer;margin-right:0 !important;}
#overlayMovie #carousel a#arrowRight.disabled {background:none;}
#overlayMovie #carousel a#arrowLeft.disabled {background:none;}
#overlayMovie #carousel #browsable {float:left;margin:0 10px;}
#overlayMovie #carousel .scrollable ul {margin:0;padding:0}
#overlayMovie #carousel .scrollable {position:relative;overflow:hidden;width:268px;height:160px;}
#overlayMovie #carousel ul#images li {width:268px;float:left;margin-right:10px;margin-bottom:10px;overflow:hidden;}
#overlayMovie #carousel .scrollable .items {width:20000em;position:absolute;}
#overlayMovie #carousel .items div {float:left;width:268px;}
#overlayMovie div#images {height:180px;margin-bottom:20px;}
#overlayMovie #movieBody {font-size:12px;line-height:18px;width:268px;margin:0 0 20px 36px;}
#overlayMovie #movieBody p.movieTitle {color:#000;font-weight:bold;font-size:20px;line-height:26px;}
#overlayMovie #movieBody p.intro {font-weight:bold}
#overlayMovie #info {font-size:11px;}
#overlayMovie #info div{float:left;font-size:11px;width:130px;}
#overlayMovie #info a {color:#000}
#overlayMovie #info a:hover {color:#BE0027}
#videoContainer {background:#fff;width:340px;padding:10px;}


/* - - - - - - - - - - - Content Gallery- - - - - - - - - - -  */
#galleryBody {background-color:#FFFFFF; padding:20px;font-size:12px;line-height:18px;}
#galleryBody .imgTopBox {margin: 20px 0 1px;overflow:hidden;}
#galleryBody ul.pages {margin: 0;float:right}
#galleryBody p#gallery_intro {font-weight:bold}
#galleryBody .mainText {font-size: 12px;line-height: 18px;margin:15px  0;}
#galleryBody .pictureDetails .folder {background: none repeat scroll 0 0 #DFD7B4;overflow: hidden;padding: 10px;font-size:11px;line-height:14px;height:46px;}
#galleryBody .pictureDetails .more {padding:0 0 10px 10px;margin:0;height:15px}
#galleryBody .pictureDetails #legend-inner p {margin: 0 0 0.5em;padding-bottom: 1em;}
#galleryBody .pictureDetails .preview {position:relative;background: none repeat scroll 0 0 #DFD7B4;height: 290px;overflow: hidden;width: 430px;}
#galleryNavigation {margin-top:20px;background-color:#DFD7B4;padding:10px 0;overflow:hidden}
#galleryNavigation .scrollable {position:relative;overflow:hidden;width:430px;height:60px;margin-bottom:5px;}
#galleryNavigation .scrollable .items {width:20000em;position:absolute;}
#galleryNavigation .items div {float:left;width:430px;}
#galleryNavigation ul {overflow:hidden}
#galleryNavigation ul#gImages li {width:80px;float:left;margin-right:4px;margin-bottom:10px;overflow:hidden;height:58px;}
#galleryNavigation ul#gImages li.hi img {border: 1px solid #E20031 !important;margin:0px;}
#galleryNavigation ul#gImages img {margin:1px;}
#galleryNavigation ul#gImages li.last {margin-right:7px;}
#galleryNavigation ul#gImages li.first {margin-left:7px;}

#galleryNavigation #navigation {margin:auto;}
#galleryNavigation #navigation a, #marginCol #carousel #navigation li {float:left;margin-right:6px;}
#galleryNavigation #navigation a {background: url('http://www.jupiter-filmpreis.de/_img/carousel/box.gif') no-repeat scroll 0 0 #478DC6;width:12px; height:11px;}
#galleryNavigation #navigation a.active {background: url('http://www.jupiter-filmpreis.de/_img/carousel/box-hi.gif') no-repeat scroll 0 0 #478DC6;width:10px; height:9px;}
#galleryNavigation a#arrowLeft  {background: url('http://www.jupiter-filmpreis.de/_img/carousel/ic_gal_left.gif') no-repeat scroll 0 0 #478DC6;width:16px; height:15px;cursor:pointer;}
#galleryNavigation a#arrowRight  {background: url('http://www.jupiter-filmpreis.de/_img/carousel/ic_gal_right.gif') no-repeat scroll 0 0 #478DC6;width:16px; height:15px;cursor:pointer;margin-right:0 !important;}
#galleryNavigation #navigation a#arrowRight.disabled {background:none;cursor: auto;}
#galleryNavigation #navigation a#arrowLeft.disabled {background:none;cursor: auto;}

div.moreGalleries {margin-top:20px}
div.moreGalleries .headline {margin-bottom:5px;}
div.moreGalleries h4 {font-size:14px;text-decoration:underline;}
div.moreGalleries ul.pix {overflow:hidden}
div.moreGalleries ul.pix li {float: left;margin: 0 5px 10px 0px;position: relative;width:82px;font-size:11px;line-height:13px;}
div.moreGalleries ul.pix li a {font-size:11px;line-height:13px;}
div.moreGalleries ul.pix li.last {margin-right:0px}
div.moreGalleries div.txtRight {margin-bottom: 15px;overflow: hidden;}
div.txtRight {margin-top: 5px;text-align: right;}

/* - - - - - - - - - - - Listing Pages- - - - - - - - - - -  */
#contentListing {background-color:#FFFFFF; padding:20px;font-size:11px;line-height:14px;overflow:hidden}
#contentListing .headline {margin-bottom:15px;}
#contentListing h4 {font-size:16px;text-decoration:underline;line-height:18px;}
#contentListing div.imgTxt {margin-bottom: 5px;padding-top: 10px;position: relative;clear:both;overflow:hidden}
#contentListing div.imgTxt .img {display: block;float: left;margin-right: 15px;position: relative;}
#contentListing div.news hr {border-bottom: 1px solid #DFD7B4;margin: 0 0 17px;padding: 0 0 10px;}
#contentListing div.news hr.last {border:none;margin:0;padding:0}
#contentListing p.subtitle {margin-bottom:5px;}
#contentListing h2 {margin-bottom:5px;font-size:14px;}


/* - - - - - - - - - - - Overlay Video Detail- - - - - - - - - - -  */
#playerHtmlOld, #playerHtmlOld {margin:0 0 20px 26px;}

/* - - - - - - - - - - - General Pages- - - - - - - - - - -  */
div.pageTopBox ul.pages, div.pageBottomBox ul.pages {float: right;margin-top: 5px;}
div.pageBottomBox ul.pages {margin-top: 0px;}
div.pageTopBox ul.perSite, div.pageBottomBox ul.perSite {float: left;width: 220px;}
ul.pages li.txt {margin-left: 10px;margin-right: 5px;}
ul.pages li {float: left;line-height: 13px;margin: 0 0 0 3px;}
ul.pages li.actual, ul.pages li.actual a {color: #E20031;}
div.pageTopBox, div.pageBottomBox {margin-bottom: 10px;width: 430px;overflow:hidden}
div.pageBottomBox {margin-top: 20px;}
div.pageBottomBox ul.pageThemes {float: left;width: 300px;}
ul.pageThemes {margin-top: -2px;}
ul.pageThemes li p.butters {float: left;margin: 0;padding: 0;width: 270px;}
ul.pageThemes li {margin-bottom: 2px;overflow: hidden;}
ul.pageThemes li.hi span {background: none repeat scroll 0 0 #BE0027;}
ul.pageThemes li.hi a {font-weight:bold;}
ul.pageThemes li span {background: none repeat scroll 0 0 #DFD7B4;color: #FFFFFF;float: left;font-weight: normal;margin-right: 8px;padding: 0 2px;}
ul.pages li.btn {margin-left:12px;}
ul.controls li.btn a.right, ul.pages li.btn a.right {background: url("http://www.jupiter-filmpreis.de/_img/carousel/ic_gal_right.gif") no-repeat scroll;}
ul.controls li.btn a.left, ul.pages li.btn a.left {background: url("http://www.jupiter-filmpreis.de/_img/carousel/ic_gal_left.gif") no-repeat scroll;}
ul.controls li a, ul.pages li.btn a {display: block;font-size: 7px;height: 16px;line-height: 16px;margin: 1px;width: 15px;}

a span.magnifier {background: url("http://www.jupiter-filmpreis.de/_img/icon/icon_gallery_magnifier.png") no-repeat scroll left top transparent;bottom: 20px;cursor: pointer;display: block;height: 19px;position: absolute;right: 20px;width: 19px;}
a span.play {background: url("http://www.jupiter-filmpreis.de/_img/btn_play.png") no-repeat scroll left top transparent;cursor: pointer;display: block;height: 33px;position: absolute;width: 33px;bottom:5px;right:5px;}

#layerAd {position:absolute;left:400px;top:52px;display:none}

.billboard {color:#fff;width:800px;font-size:12px;margin:10px 0;line-height:16px;}

}/* end: @media all */