/* @override 
	http://mahler.christoph-eschenbach.com/fileadmin/res/css/screen.css */

/* Standard Stylesheet  */
/* kurvenfei.de */

/*
+ Farben: 
blauer bg: #718aa1
rosa: #b5536b
cont bg: #000
Links: #7aaeda
inactive: #969696

*/

/* @group meyerreset */

/* Global Reset ala Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/

/* @end */

/* @group Global Styles */

body { background: #e8ead4; color: #fff; font-family: Arial, sans-serif; line-height: 1.5; }

a { color: #7aaeda; text-decoration: none; }
	a:hover { text-decoration: underline; color: #fff; }


#header,
#footer { background: #718aa1; }

#wrap { border: 10px solid #fff; margin: 0 auto; width: 960px; }

.holder { position:  relative; }

.hide { display: block; }

/* @end */

/* @group Header */

#header {height: 50px; padding-right: 10px; }

h1 a { display: block; width: 230px; height: 50px; background: url(../img/ce_logo.gif) no-repeat center; float: right; text-indent: -555em; color: red; }


/* @end */



/* @group Content */

#main { background: #000 url(../img/cont_bg_8.jpg) no-repeat 55px 0; font-size: 14px; padding-bottom: 100px; }

#title { height: 280px;  text-indent: -555em; position: relative; }
	#title span { background: url(../img/h2_title.png) no-repeat 0 0; display: block; width: 430px; height: 50px; position: absolute; left: 80px; top:  60px; }

#about { width: 340px; margin-left: 550px; padding-bottom: 40px; }

#about span { display: block; }

.toggletext {  }


/* @end */

/* @group Filmnav */

#movnav { width: 820px; margin: 0 auto; border-top: 1px solid #1e1e1e; padding: 22px 0 16px; line-height: 1.3em; }

#movnav a:hover { text-decoration: none; }

	.mov_fulldesc { width: 230px; float: left; padding-right: 60px;  position: relative;  }
		.first { margin-left: 0; }
		
		.mov_playbutton { height: 30px; width: 30px; display: block; background: url(../img/play_act.gif) no-repeat 0 0; text-indent: -555em; float: left; }
		.mov_work,
		.mov_date{ padding-left: 40px; }
		.mov_quality { width: 30px; position: absolute; text-align: center;  background: #000; top: 0; left: 0;}
			.mov_quality a:hover { text-decoration: none; }
		.high { border-bottom: 1px solid  #7aaeda; padding-bottom: 2px; }
		.mov_desc { display: block; position: absolute; width: 400px;   }
		
		
.prev,
.next { display: block; width: 12px; height: 23px; text-indent: -555em; position: absolute; }	

.prev { background-image: url(../img/carousel_lft_arrow.gif); background-position:-36px 0; background-repeat: no-repeat ; top: 27px; left: 30px; }
	.prev:hover { background-position: 0 0; }
.next { background-image: url(../img/carousel_rgt_arrow.gif); background-position:0 0; background-repeat: no-repeat; top: 27px; right: 30px; }
	.next:hover { background-position:-36px 0; }
	
	.prev.disabled:hover { background-position:-36px 0; }
	
		
		/* 
		    root element for the scrollable. 
		    when scrolling occurs this element stays still. 
		*/ 
		div#movnav { 
		 
		    /* required settings */ 
		    position:absolute; 
		    overflow:hidden; 
		    height:60px;

		    left: 50%;
		    margin-left: -410px;
		} 
		 
		/* 
		    root element for scrollable items. Must be absolutely positioned 
		    and it should have a extremely large width to accomodate scrollable items. 
		    it's enough that you set width and height for the root element and 
		    not for this element. 
		*/ 
		div#movnav div#movitems { 
		    /* this cannot be too large */ 
		    width:20000em; 
		    position:absolute; 
		} 
		 
		/* 
		    a single item. must be floated in horizontal scrolling. 
		    typically, this element is the one that *you* will style 
		    the most. 
		*/ 
		div#movnav #movitems div { 
		    float:left; 
		    overflow: visible;
		} 
		 
		/* you may want to setup some decorations to active the item */ 
		div#movitems div.active { 
		    		}
	
	

.offline a { cursor: default; color: #969696; }
.offline a:hover { color: #fff; }
.offline .mov_playbutton { background: url(../img/play_act.gif) no-repeat -60px 0; }



/* @end */


/* @group overlay	*/


.overl { display:none;  z-index:10000; background-color: #000;  width:420px; min-height:20px;  border:10px solid #fff;  padding: 50px 20px 20px;
						background-image: url(../img/overl_bg.png) ; background-repeat: no-repeat;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.overl .close {   background: url(../img/close.gif) no-repeat 5px 10px; position:absolute;right:-10px;bottom:-30px;cursor:pointer;height:20px; width:20px;}

.overl h3 { font-size: 1.4em; font-weight: bold; line-height: 1.3; padding:0 30px 2em; }
.overl p { padding: 0 30px; }
.overl a:hover { text-decoration: none; }

.overl .bandwidth { border-top: 1px solid #1e1e1e; padding: 20px 0 5px 75px; margin-top: 20px; background: url(../img/play.gif) no-repeat 30px 15px; }

.highb { border-right: 1px solid #7aaeda; padding-right: 10px; }
.lowb { padding-left: 10px; }

/* @end */

/* @group Footer */

#footer { border-top: 10px solid #b5536b; font-size: 12px; padding: 20px 10px 50px; }

#partners { list-style: none; padding: 40px 0 0; }
	#partners li { float: left; }
	#partners a { display: block; width: 130px; height: 70px;  margin-left: 30px; background-image: url(../img/logo_sprite.jpg); background-repeat: no-repeat; text-indent: -555em; }
	
	#partners #odp { background-position: 0px -10px; }
		#partners a#odp:hover { background-position: 0px -124px; }
	#partners #medici { margin-left: 0; background-position: -144px -10px; }
		#partners a#medici:hover { background-position: -144px -124px; }
	#partners #lmg { background-position: -335px -10px; }
		#partners a#lmg:hover { background-position: -335px -124px; }
	#partners #francetv { background-position: -509px -10px; }
		#partners a#francetv:hover { background-position: -509px -124px; }
	#partners #mezzo { background-position: -682px -10px; }
		#partners a#mezzo:hover { background-position: -682px -124px; }
	#partners #arte { background-position: -845px -10px; }
		#partners a#arte:hover { background-position: -845px -124px; }

/* @end */

/* @group Misc */

/* Clearing Floats ohne extra html */
.clear:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

	/* Hides from IE Mac */
	* html .clear {height: 1%;}
	   .clear {display:block;}
	/* End Hack */


/* @end */