@CHARSET "UTF-8";
/**
 * Responsive Web CSS Definitionen für die Homepage von www.jost-world.com
 * @author Kevin Chileong Lee
 * @version 1.0
 * @since 06.12.2011
 */

/****************************************************************************
 * STRUKTUR
 ****************************************************************************/
 #body .wrapper
 {
 	background-color: #FFFFFF;
    border: 0 none;
    -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
    margin-top: 0px;
    padding-top: 0px;
 }

 #top .menu ul,
 #top #mainmenu > ul {
	display: block;
 }
 
 #mainmenu > ul > li > .cornerWrapper {
 	font-size: 0.75em;
 }
 /****************************************************************************
 * TVBOX
 ****************************************************************************/   
 #player-container .main
 {
 	height: 271px;
 	overflow: hidden;
 }
 
 #player-container .main .text > .header
 {
	margin-bottom: 8px;
 }
 
 #player-container .main h2
 {
 	padding: 0;
 }
 
 #player-container .main h3
 {
 	margin-bottom: 5px;
 }
 
 #player-container .main .news_content .pagelinks
 {
	list-style: none;
 	margin: 0;
 	padding: 0;
 	float: right;
 }
 
 #player-container .main .news_content > p.pagelink
 {
	float: right;	
 }
 
 #player-container .main .news_content .pagelink a
 {
 	display: inlin-block;
 	background: transparent url(/fileadmin/images/news/tvbox_link_arrow.gif) no-repeat left center;
 	margin-top: 10px;
 	padding-left: 10px;
 }
 
 #player-container .main .news_content .pagelink a.white,
 #player-container .main .news_content .pagelink a.white:visited
 {
 	background: transparent url(/fileadmin/images/news/tvbox_link_arrow_white.gif) no-repeat left center;
 }
 
 #player-container .main .news_content .morelink a,
 #player-container .main .header h3 .morelink a
 {
 	font-weight: bold;
 	margin-left: 5px;
 }
 
 #player-container .main .news_content ul
 {
 	margin-left: 15px;
 	font-size: 0.9em;
 }
 
 #player-container .main img
 {
 	max-height: 271px;
 }
 
 #player-container .main.type1 .text
 {
	margin: 70px 25px 50px 25px; 
	width: 480px;
 }
 
 #player-container .main.type2 .text
 {
 	width: 290px;
 	margin-top: 50px;
 	margin-left: 380px;
 }
  
 #player-container .main.type3 .text
 {
 	margin: 70px 25px 50px 550px; 
	width: 410px;
 }
 
 #player-container .main.notype .text
 {
 	margin: 80px 0 0 50px;
 	width: 800px;
 }
 
 #player-container .newslist ul,
 #player-container .newslist ul li,
 #player-container .newslist ul li .news,
 #player-container .newslist ul li .news .image,
 #player-container .newslist ul li .news .text
 {
 	float: left;
 }
 
 #player-container .newslist
 {
 	overflow: hidden;
 	width: 972px;
 	padding-top: 5px;
 	padding-bottom: 20px;
 	min-height: 108px;
 }
 
 #player-container .newslist ul
 {
 	list-style: none;
 	width: 5000px;
 }
 
 #player-container .newslist ul li
 {
 	width: 290px;
 	padding: 5px;
 	margin-left: 10px;
 	border: 1px solid #f49e00;
 }
 
 #player-container .newslist .slider
 {
 	width: 937px;
 	overflow: hidden;
 	margin: auto;
 	min-height: 108px;
 }
 
 #player-container .newslist .slider ul li.nobignews
 {
 	cursor: auto;
 }
 
  #player-container .newslist .slider ul li
 {
 	cursor: pointer;
 	height: 96px;
 }
 
 #player-container .navigation
 {
 	border: 0;
 	margin-left: 0;
 	margin-right: 10px; 	
 	position: relative;
 }
 
 #player-container .navigation.left
 {
 	margin-right: 0;
 	left: -470px;
 	top: 6px; 	
 	margin-bottom: -96px;
 }
 
 #player-container .navigation.right
 {
 	top: -102px;
 	left: 10px;
 	margin-bottom: -102px;
 }
 
 #player-container .navigation img
 {
 	cursor: pointer;
 }
 
 #player-container .newslist
 {
 	padding-left: 5px;
 	float: left;
 }
 
 #player-container .newslist ul li .news
 {
 	background: #FFFFFF url(/fileadmin/images/news/arrow.png) no-repeat right bottom;
 	width: 100%;
 }
 
 #player-container .newslist ul li .news .image
 {
 	margin-right: 10px;
 	width: 95px;
 	overflow: hidden;
 	height: 96px;
 }
 
 #player-container .newslist ul li .news .text
 {
 	width: 175px;
 }
 
 #player-container .newslist ul li .news.noThumb .text
 {
 	width: auto;
 }
 
 #player-container .newslist ul li .news .text h2
 {
 	padding: 0;
 }
 
 #player-container .newslist ul li .news .text h3
 {
 	margin-top: 3px;
 }
 
 #player-container .newslist ul li .news .text .pagelink
 {
 	margin-top: 5px;
 }
 
 #player_navigation
 {
 	display: none;
 	position: relative;
 	top: -25px;
 	margin-bottom: -25px; 	
 	width: 55px;
 }
 
 #player_navigation .navigation ul,
 #player_navigation .navigation ul li
 {
 	float: left;
 } 
 
 #player_navigation .navigation ul
 {
 	list-style: none; 	
 }
 
 #player_navigation .navigation ul li
 {
 	margin-right: 5px;
 }
 
 #player_navigation .navigation ul li.next
 {
 	margin-left: 5px;
 }
 
 #player-container .newslist .slider ul li.nocursor
 {
 	cursor: auto;
 }
 /****************************************************************************
 * TVBOX 2
 ****************************************************************************/
 #player-container.tvbox2 .main
 {
 	position: relative;
 }
 
 #player-container.tvbox2 .main .text
 {
 	position: absolute;
 	width: 500px;
 }
 
 #player-container.tvbox2 .main .text
 {
 	position: absolute;
 	width: 500px;
 }
 
 #player-container.tvbox2 .main.jwTVBox_textLayout_upperLeft .text
 {
 	top: 10px;
 	left: 20px;
 }
 
 #player-container.tvbox2 .main.jwTVBox_textLayout_upperRight .text
 {
 	top: 10px;
 	right: 10px;
 }
 
 #player-container.tvbox2 .main.jwTVBox_textLayout_lowerLeft .text
 {
 	bottom: 10px;
 	left: 10px;
 }
 
 #player-container.tvbox2 .main.jwTVBox_textLayout_lowerRight .text
 {
 	bottom: 10px;
 	right: 10px;
 }
 /****************************************************************************
 * FOOTER
 ****************************************************************************/
 
 #footer 
 {
 	background: #cad7e9 url(/fileadmin/images/footer_bg.gif) repeat-x left top;
 	margin: auto;
 	width: 955px; 	
 	padding: 20px;
 	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
 	padding-bottom: 0px;
 }
 
 #footer .menu
 {
 	margin: auto;
 	width: 917px;
 }
 
 #footer .menu .image,
 #footer .menu .wrapper
 {
 	float: left;
 }
 
 #footer .menu .wrapper
 {
 	width: 163px;
 }
 
 #footer .menu .image
 {
 	margin-right: 10px; 	
 }
 
 #footer .menu .image img
 {
 	border: 1px solid #fe9c00;
 }
 
 #footer .menu .wrapper h2
 {
 	padding: 5px 0 5px 0;
 }
 
 #footer ul
 {
 	list-style: none;
 }
 
 #footer ul,
 #footer ul li
 {
 	float: left;
 }
 
 #footer ul li
 {
 	padding: 2px 0 2px 0;
 }
 
 #footer ul .submenu,
 #footer ul .submenu li
 {
 	float: none;
 	clear: both;
 }
 
 #footer ul > li > div.wrapper > .submenu > li > .submenu
 {
	list-style: disc outside;
 	color: white;
 	margin-left: 16px;
 }