/**
* CSS (all)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		04/08/2009
* 
* WIRD AUCH VON http://newsletter.x-verleih.de verwendet!!
* Datei mit eigenen Klassen (im Backend nicht durch den Editor auswählbar)
*/

.contentBackground {padding:0 30px; background:#FFF;}

/* ------------ NAVIGATION ------------ */

#navigation ol {margin:0; padding:0; list-style:none;}
#navigation ol li {font-weight:bold; font-size:24px; line-height:1.5em; font-family:Courier New, Courier, serif; text-transform:uppercase;}
#navigation ol li a {padding:0 15px; color:#FFF; background:#000; text-decoration:none;}
#navigation ol li a:hover, #navigation ol li.on a {color:#000; background:#FFF;}
#navigation ol li ol {}
#navigation ol li ol li {margin-left:15px; font-size:18px;}
#navigation ol li ol li a, #navigation ol li.on ol li a {color:#FFF; background:#000;}
#navigation ol li.on ol li a:hover, #navigation ol li ol li.on a {color:#000; background:#FFF;}

#subnavigation ol {margin:0; padding:0; list-style:none;}
#subnavigation ol li {display:inline; text-transform:uppercase;}
#subnavigation ol li a {padding:0 10px 0 0; color:#999; text-decoration:none;}

/* ------------ INHALT ------------ */

body.filmsuche {padding:15px 0; background:#FFF;}

.skiptocontent {}
.skiptonavigation {}
.skiptotop {}

.searchform .input {width:150px;}
.searchlist {}
.searchlist ol {}
.searchlist ol li {margin:1em 0;}
.searchlist ol li .newscategory {display:block; color:#999;}
.highlight {background:#999;}
 
#left .buttonMovies a {display:block; width:180px; height:40px; text-indent:-10000px; overflow:hidden; background:transparent url(images/button-filmsuche.png) 0 0 no-repeat;}
#left .buttonXFilme a {float:left; width:75px; height:25px; margin-right:30px; text-indent:-10000px; overflow:hidden; background:transparent url(images/x-filme-logo.png) 0 0 no-repeat;}
#left .buttonTwitter a {float:left; width:25px; height:25px; margin-right:10px; text-indent:-10000px; overflow:hidden; background:transparent url(images/share-twitter.png) 0 0 no-repeat;}
#left .buttonMySpace a {float:left; width:25px; height:25px; margin-right:10px; text-indent:-10000px; overflow:hidden; background:transparent url(images/share-myspace.png) 0 0 no-repeat;}
#left .buttonFacebook a {float:left; width:25px; height:25px; margin-right:10px; text-indent:-10000px; overflow:hidden; background:transparent url(images/share-facebook.png) 0 0 no-repeat;}
#left .buttonIMDb a {float:left; width:25px; height:25px; margin-right:30px; text-indent:-10000px; overflow:hidden; background:transparent url(images/share-imdb.png) 0 0 no-repeat;}
#left .buttonAddThis a {float:left; width:30px; height:25px; text-indent:-10000px; overflow:hidden; background:transparent url(images/share-addthis.png) 0 0 no-repeat;}

body.start h1.contentheading {display:none;}

div.homecolumn {width:47%; float:left;}
div.homecolumnOdd {margin-right:5%;}
div.homecolumnEven {}

#header h1 {margin:0; padding:0; border:none;}
#header h1 a {display:block; width:350px; height:70px; overflow:hidden; text-indent:-10000px; text-decoration:none; background:transparent url(images/x-verleih-logo.png) 0 0 no-repeat;}
#breadcrump a {color:#999; text-decoration:none;}

body.team #content div.articleRIGHT {position:relative; width:45%; margin-right:4%; margin-bottom:2em; float:left;}

body.kontakt #content div.articleRIGHT {width:45%; margin-right:4%; float:left;}

.articlenavigation {position:relative; margin:15px auto 0 auto; width:220px;}
.articlenavigation a, .articlenavigation span {float:left; margin-bottom:15px; width:55px; height:40px; line-height:40px; font-weight:bold; color:#5F5F5F; text-decoration:none; overflow:hidden; text-indent:-10000px;}
.articlenavigation .first {background:transparent url(images/button-anfang.gif) 0 0 no-repeat;}
.articlenavigation .back {background:transparent url(images/button-zurueck.gif) 0 0 no-repeat;}
.articlenavigation .forward {background:transparent url(images/button-weiter.gif) 0 0 no-repeat;}
.articlenavigation .last {background:transparent url(images/button-ende.gif) 0 0 no-repeat;}
.articlenavigation .blank {width:110px; text-indent:0; text-align:center; background:transparent url(images/button-blank.gif) 0 0 no-repeat;}

div.entry {}
div.entrySeparator {}
span.timestamp {display:block;color:#999;}
span.websites {color:#999;}
span.websites a {color:#999; margin-right:10px;}


/* ------------ START ------------ */
div.movieslider {position:relative;}
div.movieslider .slidernav {position:absolute; top:0; width:23px; height:210px; text-indent:-10000px; overflow:hidden;}
div.movieslider .sliderprev {left:0; background:#FFF url(images/slideshow-left.gif) 0 0 no-repeat; z-index:100;}
div.movieslider .slidernext {right:0; background:#FFF url(images/slideshow-right.gif) 0 0 no-repeat; z-index:100;}
div.movieslider div.moviecontainer {}
div.movieslider div.moviecontainer div.movie {}

div.homecolumn div.product {margin-bottom:1em;}
div.homecolumn img.productimage {float:left;}
div.homecolumn span.producttype {margin-left:60px; display:block; color:#999;}
div.homecolumn p.producttitle {margin:0 0 0 60px;}
div.homecolumn p.productlink {margin:0 0 0 60px;}


/* ------------ FILMDATENBANK ------------ */
form.moviesearch {padding-right:30px; float:left; background:transparent url(images/search-background.gif) right top no-repeat;}
form.moviesearch h4 {margin-top:0;}
form.moviesearch input {width:auto;}

div.movie {margin:0 7px; padding:5px; width:140px; height:200px; float:left; overflow:hidden; background:transparent url(images/plakat-background.gif) 0 0 no-repeat;}
div.movie h2 {display:none;}

div.actions {float:right;}
div.actions a {margin-left:5px; width:25px;}

div.moviepictures {}
div.moviepictures div.movie {margin:0;}
div.moviepictures div.moviegallery {margin:0; padding:5px; width:330px; height:200px; float:left; overflow:hidden; background:transparent url(images/galerie-background.gif) 0 0 no-repeat;}
div.moviepictures div.moviegallery ol {margin:0; padding:0; list-style:none;}

div.movieinfos {margin:1em 0; float:left;}
ol.moviefacts {margin:0; padding:0; list-style:none; width:320px; float:left;}
ol.moviefacts li {position:relative; margin-left:100px; padding:3px 0;}
ol.moviefacts li b {padding:0 2px; position:absolute; left:-100px; font-family:Courier New, Courier, serif; line-height:1.2em; color:#FFF;}

div.movietrailer {margin:1em 0 1em 330px;}
div.movietrailer a {margin-bottom:0.5em; padding-left:50px; display:block; height:40px; line-height:40px; overflow:hidden; font-family:Courier New, Courier, serif; font-size:1.5em; font-weight:bold; text-decoration:none; background:transparent url(images/button-trailer.gif) 0 0 no-repeat;}


div.movietext {margin:2em 0;}

div.movieslider {}
div.movieslider h3 {text-align:center; color:#FFF; cursor:pointer;}
div.movieslider h3.slidehidden {background:#000;}

div.moviedetails ol.moviefacts {width:auto;}
div.moviedetails ol.moviefacts li {margin-left:150px;}
div.moviedetails ol.moviefacts li b {left:-150px;}

div.moviekauf div.product {width:45%; margin-right:5%; margin-bottom:1em; float:left;}
div.moviekauf img.productimage {float:left;}
div.moviekauf span.producttype {margin-left:60px; display:block; color:#999;}
div.moviekauf p.producttitle {margin:0 0 0 60px;}
div.moviekauf p.productlink {margin:0 0 0 60px;}


/* ------------ KAUF ------------ */
div.products ol.productcategories {margin:0; padding:0; list-style:none; color:#999;}
div.products ol.productcategories li {text-align:center;}
div.products ol.productcategories li a {color:#FFF; background:#000; display:block; text-decoration:none;}
div.products ol.productcategories li a:hover {}
div.products ol.productcategories li span.count {font-size:0.8em;}

div.category div.product {margin-bottom:1em;}
div.category img.productimage {float:left;}
div.category span.producttype {margin-left:60px; display:block; color:#999;}
div.category p.producttitle {margin:0 0 0 60px; font-weight:bold;}
div.category div.producttext {margin:0 0 1em 60px;}
div.category p.productlink {margin:0 0 0 60px;}


/* ------------ FOTOALBUM ------------ */
div.gallery div.thumbnail {position:relative; margin:0 1px; padding:5px; width:70px; height:90px; float:left; overflow:hidden;}
div.gallery div.jpg {background:transparent url(images/gallery-blank.gif) 0 0 no-repeat;}


/* ------------ KOMMUNE ------------ */
.GB_create a {text-align:center; color:#FFF; background:#000; display:block; text-decoration:none;}
.GB_create a:hover {}
.GB_total {font-weight:bold; text-align:center;}
.GB_post {}
.GB_post h3 {}
.GB_post h3 span {font-size:0.8em;}
.GB_postreply {padding-left:30px;}
.GB_pages {text-align:center;}

.GB_links {position:relative; margin:15px auto 0 auto; width:220px;}
.GB_links a, .GB_links span {float:left; margin-bottom:15px; width:55px; height:40px; line-height:40px; font-weight:bold; color:#5F5F5F; text-decoration:none; overflow:hidden; text-indent:-10000px;}
.GB_links .first {background:transparent url(images/button-anfang.gif) 0 0 no-repeat;}
.GB_links .back {background:transparent url(images/button-zurueck.gif) 0 0 no-repeat;}
.GB_links .forward {background:transparent url(images/button-weiter.gif) 0 0 no-repeat;}
.GB_links .last {background:transparent url(images/button-ende.gif) 0 0 no-repeat;}
.GB_links .blank {width:110px; text-indent:0; text-align:center; background:transparent url(images/button-blank.gif) 0 0 no-repeat;}


/* ------------ LOGIN ------------ */
div.loginstatus input {float:right;}
div.logininfos ol.infocategories {margin:0; padding:0; list-style:none; color:#999;}
div.logininfos ol.infocategories li {text-align:center;}
div.logininfos ol.infocategories li a {color:#FFF; background:#000; display:block; text-decoration:none;}
div.logininfos ol.infocategories li a:hover {}
div.logininfos ol.infocategories li span.count {font-size:0.8em;}

div.loginfiles ol.moviefiles {}
div.loginfiles ol.moviefiles li {}
div.loginfiles ol.moviefiles li a {}
div.loginfiles ol.moviefiles li .info {display:block; color:#999;}

div.loginmoviedetails ol.moviefacts {float:none; margin:15px 0 0 170px; width:auto;}
div.logindownloads div.download {position:relative; margin:0 7px; padding:5px; width:140px; height:90px; float:left; overflow:hidden; background:transparent url(images/download-blank.gif) 0 0 no-repeat;}
div.logindownloads div.download a {display:block; width:150px; height:90px; text-decoration:none;}
div.logindownloads div.download a span {padding:2px 5px; position:absolute; left:10px; bottom:10px; width:120px; font-size:0.8em; line-height:1.1em; color:#FFF; background:black;}
div.logindownloads div.pdf {background:transparent url(images/download-pdf.gif) 0 0 no-repeat;}
div.logindownloads div.jpg {background:transparent url(images/download-jpg.gif) 0 0 no-repeat;}
div.logindownloads div.mp3 {background:transparent url(images/download-mp3.gif) 0 0 no-repeat;}
div.logindownloads div.mov {background:transparent url(images/download-mov.gif) 0 0 no-repeat;}


/* ------------ ALLGEMEIN ------------ */
label.inline {display:inline; width:auto; margin-right:5px;}
.input {}
.textarea {}
.shortinput {}
.radiobutton {width:auto;}
.checkbox {width:auto;}
.selectfield {}
.button {width:auto; border:none; background:#000; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.submit {}
.cancel {}

#newsletter h1 {float:left; margin:0 15px 0 0; padding:0; border:none;}
#newsletter input.inputtext {width:200px;}
#partner a {margin-right:15px;}

.error {color:#CF0000; font-weight:bold;}
.success {font-weight:bold;}
.note {font-size:0.8em;}

/* ------------ SONSTIGES ------------ */

.clearfix {clear:both;}

.hide {display: none;}
.print {display: none;}
.noprint {}


/* ------------ COLORBOX CORE STYLE ------------ */
/*
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:45%; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(images/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(images/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(images/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(images/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(images/colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:0; width:100%; text-align:center; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(images/colorbox/loading.gif) center 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
The following fixes png-transparency for IE6.  
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/template/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}