/* -- INFO -----------------------------------------------------------------------
# Project:			beckoffice Basic Style
# File:				base.css
# Markup:			2.1
# Writer:			WebSeason GmbH (Daniel Knaack)
# Modifier:			WebSeason GmbH (Joe Ray Gregory)
# Last Updated:		Wed, 09/05/18
------------------------------------------------------------------------------- */

/* -- CI Guide ------------------------------------------------------------------
- dark grey blue (body)			#31395a
- baby blue	(headlines)			#d0e7ff
- middle blue (sublines)		#83a9ff
- sky blue (links)				#62a5ff
- light blue (text)				#9dbee9
- grey blue (footer)			#506187
- dark blue (boxes)				#28314a
------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; font: normal 100% Tahoma, Geneva, sans-serif; }
body { background: #31395a url('../img/bg_body.jpg') no-repeat 50% 0%; text-align: center; color: #FF0; }
img { border: none; }
ul { list-style: none; }
small { font-size: 0.94em; }
strong { font-weight: bold; }
em { font-style: italic; }
* :focus { outline: 0; }
h2 { font-size: 1em; font-weight: bold; color: #fff; text-transform: uppercase; }
h4 { font-size: 0.88em; color: #62a5ff; text-transform: uppercase; }

.hide { display: none; }
.clear { clear: both; height: 0em; font-size: 0em; }
.setleft { float: left; }
.setright { float: right; }
.replacement { margin: 0px!important; }

/* |- Layout Base (START) -| */
#container, #wrapper, #header, #content { width: 950px; }
#container { margin: 0 auto; }
#wrapper { text-align: left; }
/* |- Layout Base (STOP) -| */

/* |- Startsite Custom (START) -| */
.start #header { height: 150px; }
.start #right { padding-top: 0px; }
/* |- Startsite Custom (START) -| */

/* |- Header (START) -| */
#header { height: 160px; }
#header h1 { float: left; width: 201px; height: 84px; padding: 42px 25px 0 0 }

/* |-- Mainnav (START) --| */
	#mainnav { float:left; overflow: hidden; width: 724px; padding-top: 57px; }
	#mainnav ul.level_1 { padding: 0 40px 3px 9px; width: 675px; height: 40px; background: transparent url('../img/bg_mainnav.gif') no-repeat 0 0; }
	#mainnav ul.level_1 li { display: inline; float: left; height: 40px; padding-left: 18px; }
	#mainnav ul.level_1 li.first { display: none; }
	#mainnav ul.level_1 li a { float: left; height: 40px; color: #fff; text-decoration: none; }
	#mainnav ul.level_1 li a:hover { background-position: 0 -42px!important; }
	#mainnav ul.level_1 li a span { display: none; }
	#mainnav ul.level_1 li.active a { background-position: 0 -84px!important; }
	#mainnav ul.level_1 li.active a:hover { background-position: 0 -84px!important; }
	#mainnav ul.level_1 li.trail a { background-position: 0 -84px!important; }
	#mainnav ul.level_1 li.tv-film a { background: transparent url('../img/btn_mainnav_tv.gif') no-repeat 0 0; width: 90px; }
	#mainnav ul.level_1 li.events a { background: transparent url('../img/btn_mainnav_eve.gif') no-repeat 0 0; width: 74px; }
	#mainnav ul.level_1 li.web-tv a { background: transparent url('../img/btn_mainnav_web.gif') no-repeat 0 0; width: 76px; }
	#mainnav ul.level_1 li.moderatoren a { background: transparent url('../img/btn_mainnav_mod.gif') no-repeat 0 0; width: 136px; }
	#mainnav ul.level_1 li.studio a { background: transparent url('../img/btn_mainnav_stu.gif') no-repeat 0 0; width: 75px; }
	#mainnav ul.level_1 li.interactive a { background: transparent url('../img/btn_mainnav_int.gif') no-repeat 0 0; width: 116px; }
/* |-- Mainnav (STOP) --| */

/* |-- Subnav (START) --| */
	#subnav { float: right; padding: 10px 0 0 0; }
	#subnav ul.level_1 li { display: inline; padding: 0 5px; background: url('../img/bg_subnav_pipe.gif') no-repeat 100% 90%; }
	#subnav ul.level_1 li.last { padding-right: 0px; background: none; }
	#subnav ul.level_1 li a { font-size: 0.56em; text-transform: uppercase; text-decoration: none; color: #fff; padding-right: 5px; }
	#subnav ul.level_1 li a:hover { color: #62a5ff; text-decoration: underline; }
	#subnav ul.level_1 li.active a { color: #9dbee9; text-decoration: underline; }
	#subnav ul.level_1 li.trail a { color: #9dbee9; text-decoration: underline; }
/* |-- Subnav (STOP) --| */

/* |-- Breadcrumb (START) --| */
	#breadcrumb { font-size: 0.56em; width: 950px; float: left; background: url('../img/bg_dotted_hor.gif') repeat-x 0% 100%; padding-bottom: 5px; }
	#breadcrumb a { color: #fff; text-decoration: underline; }
	#breadcrumb a:hover { color: #62a5ff; text-decoration: none; }
	#breadcrumb .active { color: #fff; font-weight: bold; }
	#breadcrumb span.spacer { font-weight: bold; color: #62a5ff; font-size: 1.18em; }
/* |-- Breadcrumb (STOP) --| */

/* |- Header (STOP) -| */

/* |- Content (START) -| */
#content { padding: 0 0 10px 0; }
#content .headline { float: left; position: relative; background: url('../img/bg_dotted_hor.gif') repeat-x 0% 100%; padding-bottom: 4px; }
#content .headline span { position: absolute; top: 1px; right: 4px; font-size: 0.69em; }
#content .headline span a { color: #83a9ff; font-weight: bold; text-decoration: underline; }
#content .headline span a:hover { color: #62a5ff; }
#content p.info .date { background: url('../img/icon_date.gif') no-repeat 0 2px; padding-left: 12px; padding-right: 7px; }
#content p.info .archiv { background: url('../img/icon_category.gif') no-repeat 0 2px; padding-left: 13px; }
#content p.info { color: #83a9ff; line-height: 1; padding-top: 1px; }

/* |-- Main (START) --| */
	#main { width: 675px; overflow: hidden; }
	#main .headline { width: 675px; }
	#main .ce_ce_jw_media { float: left; width: 675px; height: 330px; padding: 0; background: url('../img/bg_teaser_large.gif') no-repeat 0 0; }
	#main .ce_jw_media_container { width:413px ; height: 310px; margin: 0 auto; }
	
	/*
	#main .ce_jw_media_container { width: 320px; height: 260px; padding: 19px; background: url('../img/bg_player.gif') no-repeat 0 0; margin: 0 auto; }
	*/
	
	#main h2 { margin-bottom: 10px; float: left; width: 675px; }
	#main h3 { color: #62a5ff; font-size: 0.94em; text-transform: uppercase; }
	#main p { color: #fff; font-size: 0.69em; line-height: 1.3; padding: 0.2em 0 0.8em 0; }
	#main a { color: #62a5ff; text-decoration: underline; }
	#main a:hover { color: #fff; }
	#main p.info { padding: 0em; }
	#main ul li { font-size: 0.69em; }
	#main .webseason img { border: none!important; }
	
/* |--- Startsite Teaser (START) ---| */
		#main #teaser { width: 675px; float: left; }
		#main #teaser div.odd { padding-left: 15px; padding-right: 15px; }
		#main #teaser div.start-teaser { float: left; width: 215px; height: 130px; padding-top: 15px; overflow: hidden; }
		#main #teaser div.start-teaser p { position:relative;  padding: 12px; width: 191px; height: 106px; font-size: 0.69em; color: #9dbee9; background: url('../img/bg_startsite_teaser.gif') no-repeat 0 0;  }
		#main #teaser div.start-teaser p img { float: left; margin: 0 10px 6px 0; }
		#main #teaser div.start-teaser p span { position:absolute; top:115px; left:10px;padding-right: 6px; background: url('../img/icon_arrow.gif') no-repeat 100% 80%; }
/* |--- Startsite Tease (START) ---| */

/* |--- Aktuelles Teaser (START) ---| */
		#main .mod_newslist { float: left; padding-bottom: 20px; }
		#main .layout_short .image_container { float: left; width: 56px; padding: 0 10px 0 0; }
		#main .layout_short .text_container { float: left; width: 184px; }
		#main .layout_short p.teaser { color: #fff; padding: 2px 0 0 0; float: left; width: 80%; }
		* html #main .layout_short p.teaser { color: #fff; padding: 2px 0 0 0; float: left; width: 80%; padding-left: 5px; }
/* |--- Aktuelles Teaser (STOP) ---| */

/* |--- Moderators (START) ---| */
		#main .ce_ws_pageteaser h2 { margin: 10px 0 16px 80px; }
		* html #main .ce_ws_pageteaser h2 { margin-left: 40px; } /* IE6 Hack */
		#main .ce_ws_pageteaser .mod-top { float: left; background: transparent url('../img/bg_mod_top.gif') no-repeat 0 0%; width: 675px; }
		#main .ce_ws_pageteaser .mod-top.long { float: left; background: transparent url('../img/bg_mod_top_long.gif') no-repeat 0 0%; width: 675px; }	
		#main .ce_ws_pageteaser .mod-bot { float: left; background: transparent url('../img/bg_mod_bot.gif') no-repeat 0 100%; width: 645px; padding: 0 16px 8px 16px; }
		#main .ce_ws_pageteaser .mod-mid { float: left; background: transparent url('../img/bg_mod_mid.gif') repeat-y 0 0; width: 675px; margin-top: -1px; margin-bottom: 15px; }
		#main .ce_ws_pageteaser .mod-teaser { float: left; width: 120px; padding: 0 0 11px 11px; overflow: hidden; }
		#main .ce_ws_pageteaser .first { padding-left: 0px; }
		#main .ce_ws_pageteaser .mod-teaser p a { border: none; padding: 0; margin: 0; }
		#main .ce_ws_pageteaser .mod-teaser p { padding: 0; }
		#main .ce_ws_pageteaser .mod-wrapper { width: 120px; float: left; background: #245c98; overflow: hidden; }
		#main .ce_ws_pageteaser .mod-wrapper span a { color: #fff; text-decoration: none; padding: 1px 5px 4px 5px; display: block; }
/* |--- Moderators (STOP) ---| */

/* |--- Referenzen (START) ---| */
		#main .ce_ws_pageteaser .ref-teaser { float: left; text-align: center; width: 140px; padding: 0 12px 12px 0; }
		#main .ce_ws_pageteaser .ref-wrapper { width: 140px; background: #28314a; float: left;  }
		#main .ce_ws_pageteaser .ref-wrapper .img_container { float: left; width: 120px; height: 80px; padding: 10px 10px 0 10px; overflow: hidden; }
		* html #main .ce_ws_pageteaser .ref-wrapper .img_container a { display: block; overflow: hidden; }
		#main .ce_ws_pageteaser .ref-wrapper .img_container a { display: table-cell; width: 120px; height: 80px; vertical-align: middle; }
		#main .ce_ws_pageteaser .ref-wrapper .img_container a img { vertical-align: middle; }
		#main .ce_ws_pageteaser .ref-wrapper p { padding: 0; }
		#main .ce_ws_pageteaser .ref-wrapper span a { float: left; width: 130px; color: #fff; background: #222a40; text-decoration: none; padding: 5px 5px 4px 5px; display: block; overflow: hidden; }
		#main .ce_ws_pageteaser .ref-wrapper span a:hover { color: #62a5ff; text-decoration: underline; background: #1d2436; }
/* |--- Referenzen (STOP) ---| */

/* |--- Article (START) ---| */
		#main .mod_article .image_container { float: left; margin: 0 15px 0px 0; }
		#main .mod_article .image_container img { border: 3px solid #31395a; }
		#main .mod_article .image_container .caption {color:#fff; font-size:10px; }
		#main .mod_article .ce_text, #main .mod_article .layout_short { float: left; width: 675px; padding: 15px 0;  }
		#main .mod_article .ce_text h2 { margin-top: -15px; }
/* |--- Article (STOP) ---| */

/* |--- News (START) ---| */
		#main .layout_full { float: left; width: 675px; background: url('../img/bg_dotted_hor.gif') repeat-x 0% 100%; padding: 0 0 10px 0; margin-bottom: 5px; }
		#main .layout_full p.info { padding-bottom: 5px; }
/* |--- News (STOP) ---| */

/* |--- Contact Main (START) ---| */
		#main .wsContactDB_Company_wrapper { width: 675px; float: left; background: url('../img/bg_contact.gif') repeat-y 0 0; margin-top: 15px; padding: 10px 0; }
		#main .wsContactDB_company p { color: #9dbee9; }
		#main .wsContactDB_company_data img { margin-bottom: 10px; }
		#main .wsContactDB_company_data { width: 200px; padding: 0 12px 0 13px; float: left; overflow: hidden; }
		#main .wsContactDB_company ul li { float: left; display: inline; width: 200px; height: 1em; padding: 2px 10px 2px 0; margin: 0; color: #fff; }
/* |--- Contact Main (STOP) ---| */

/* |--- Pagination (START) ---| */
		#main .pagination { float: left; width: 675px; height: 16px; background: url('../img/bg_dotted_hor.gif') repeat-x 0% 0%; padding: 8px 0 0 0; }
		#main .pagination p { font-size: 0.69em; line-height: normal; padding: 0 10px 0 0!important; float: left; color: #9dbee9; }
		#main .pagination ul { padding: 0px 0 0 0; float: left; }
		#main .pagination li { display: inline; float: left; background: none; line-height: normal; padding: 0; margin: 0; }
		#main .pagination li a { border: 1px solid #28314a; padding: 1px 4px; text-decoration:none; color:#fff; background:#245c98; }
		#main .pagination li.current a { border: 1px solid #28314a; padding: 1px 4px; text-decoration:none; color:#245c98; background:#9dbee9; }
		#main .pagination li a:hover { color:#245c98; background:#9dbee9; }
		#main #auflistung-der-moderatoren .pagination { width: 645px; }
/* |--- Pagination (STOP) ---| */

/* |--- Downloads (START) ---| */
		#main .ce_downloads p { background: url('../img/bg_dotted_hor.gif') repeat-x 0% 100%; padding: 4px; }
		#main .ce_downloads p img { vertical-align: middle; }
/* |--- Downloads (STOP) ---| */

/* |-- Main (STOP) --| */

/* |-- Right (START) --| */
	#right { width: 250px; padding-top: 25px; }
	#right .headline { width: 250px; }
	#right h2 { float: left; width: 250px; }
	#right h3 { font-size: 0.69em; font-weight: bold; }
	#right h3 a { font-weight: bold; color: #d0e7ff; text-decoration: none; }
	#right h3 a:hover { color: #62a5ff; text-decoration: underline; }
	#right p, #right ul li { font-size: 0.69em; }
	#right p a, #right ul li a { color: #62a5ff; text-decoration: underline; }
	#right p a:hover, #right ul li a:hover { color: #d0e7ff; }
	#right .wsContactDB_company, #right .layout_latest { float: left; width: 250px; padding: 8px 0; background: url('../img/bg_dotted_hor.gif') repeat-x 0% 100%; }
	
/* |--- News Latest (START) ---| */
		#right .mod_newslist { float: left; width: 250px; padding-bottom: 20px; }
		#right .layout_latest .image_container { float: left; width: 56px; padding: 0 10px 0 0; }
		#right .layout_latest .text_container { float: left; width: 184px; }
		#right .layout_latest p.teaser { color: #fff; line-height: 1; padding: 2px 0 0 0; }
		#right .mod_newslist .last { background: none; }
/* |--- News Latest (STOP) ---| */

/* |--- Contact Right (START) ---| */
		#right .wsContactDB_company h3 { color: #fff; }
		#right .wsContactDB_company p, #right .wsContactDB_company ul li { color: #9dbee9; }
		#right .wsContactDB_company ul { padding: 8px 0 0 0; float: left; width: 250px; }
		#right .wsContactDB_company ul li { width: 115px; height: 1em; padding: 0 10px 2px 0; margin: 0; float: left; clear: both; }
/* |--- Contact Right (STOP) ---| */

/* |-- Right (STOP) --| */

/* |- Content (STOP) -| */

/* |- Footer (START) -| */
#footer { background: url('../img/bg_footer.png') no-repeat 0 0; width: 950px; padding: 0 0 25px 0; }
#footer p { color: #506187; font-size: 0.69em; float: left; padding: 20px 0 0 0; }
#footer #outtakes { float: right; width: 136px; height: 48px; padding: 1px 0 0 0; background: url('../img/btn_outtakes.gif') no-repeat 0 1px; }
#footer #outtakes a span { display: none; }
#footer #outtakes a { width: 136px; height: 48px; z-index: 999; position: relative; }
#footer a { color: #62a5ff; text-decoration: underline; padding: 0; margin: 0; }
#footer a:hover { color: #fff; }
/* |- Footer (STOP) -| */

 #main .mod_wsContactDB_Company .title2-first { height: 50px; float:left; }
 #main .mod_wsContactDB_Company .title2-last { height: 50px; float: left; }
 
 #studio-postproduktion ul {margin-left:20px; list-style-type:disc; float:left; width:300px;}
 #studio-postproduktion ul li{color:#fff; font-size:11px; }