@charset "utf-8";
/**
 * @author: c.zipper@meta-fusion.com
 */

/* reset margins */
* {margin:0;padding:0;border:0}
option {padding:0 0.4em}

/* set default font (16px) */
html *{font-family:Arial,Helvetica,sans-serif;font-size:100.01%}
body{color:#666}

/* easyclearing */
.clearfix:after{content:".";display:block;clear:left;height:0;visibility:hidden}
.clearfix{display:inline-block}

/* base layout */
html,body{height:100%}
body{position:relative;min-width:958px;min-height:600px;background:#ececec}
#pageContainer{position:absolute;top:50%;left:50%;width:958px;height:600px;margin:-300px 0 0 -479px;border:1px solid #ccc;background:#fff}
#overviewContainer{position:relative;width:958px;margin:10px auto;border:1px solid #ccc;background:#fff}
#header{height:80px;background:#f9f9f9;border-bottom:1px solid #ccc}
#logo{float:left;margin:15px}
#teaserImage{float:left;margin:60px 80px}
#content{font-size:75%;padding:10px}

/* navi */
#topnav{position:absolute;top:5px;right:5px;list-style:none;text-align:right;font-size:60%;text-transform:uppercase}
#topnav li{display:inline;border-left:1px solid #666}
#topnav li:first-child{border:0}
#topnav a{padding:0 0.5em;color:#666}
#topnav a:hover{color:#c00;text-decoration:none}

/* agenda etc */
#infoContainer{position:absolute;top:127px;left:406px}
.infoTab{height:437px;width:540px;border:1px solid #ccc !important;background:#f9f9f9 !important;overflow:auto;overflow-x:hidden;}
.tabContent{padding:10px}
#slide{text-align:center}
#slideControl p{position:relative;top:15px;text-align:center}
#prevBtn{position:absolute;bottom:10px;left:10px}
#nextBtn{position:absolute;bottom:10px;right:10px}


/* player */
#playerContainer{position:absolute;top:127px;left:10px}
.playerTab{height:216px;width:384px;border:1px solid #ccc !important;background:#f9f9f9 !important}
#playerControl{position:absolute;top:340px;left:0;width:386px;text-align:center}
.controlBtn{margin:3px;cursor:pointer}
#slider{border:1px solid #ccc;margin:0 7px 5px;background:#f9f9f9}

/* subtitle */
#subtitleContainer{width:384px;border:1px solid #ccc;border-top:0;padding:2px 0;background:#cc0000;color:#fff}

/* infotext */
#infotextContainer{position:absolute;bottom:10px;left:10px}

/* footer */
#footer{position:absolute;top:605px;left:1px;width:960px;text-align:center;font-size:60%}
#footer a{color:#666}
#overviewContainer #footer{position:relative;top:2em;width:auto;left:auto}

/* content */
/* headers */
h1{font-size:125%;font-weight:bold;color:#c00;padding-top:1em}
h2{font-size:75%;font-weight:normal}
h3{background:#f3f3f3;border:1px solid #ccc;border-bottom-color:#707070;display:block;font-size:125%;font-weight:bold;padding:4px;margin-bottom:1em}
.tabContent h1{color:#666;padding:0;margin-bottom:1em}
.tabContent h2{font-size:100%;font-weight:bold;margin-bottom:0.5em;}

/* links */
a{color:#c00;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{outline:none}

/* text */
.tabContent p{line-height:150%;margin-bottom:1em}
.tabContent ul,.tabContent ol{line-height:120%;margin-bottom:1em}

/* tables */
.tabContent table{margin-bottom:1em}

/* overview table */
#overview{margin-bottom:1em;width:100%;text-align:left;border-collapse:collapse}
#overview th{border:1px solid #cbcbcb;padding:3px 5px 3px 10px}
#overview td{background:#f9f9f9;border:1px solid #cbcbcb;padding:3px 5px 3px 10px;vertical-align:top}
#overview .trHover td{background-color:#f3f3f3}
#overview .header{background:#f3f3f3 url(images/bg.gif) no-repeat center right;cursor:pointer}
#overview tbody tr.odd td {background-color:#F0F0F6}
#overview .headerSortUp{background-color:#e5e5e5;background-image:url(images/asc.gif)}
#overview .headerSortDown{background-color:#e5e5e5;background-image:url(images/desc.gif)}
#overview a{color:#666}
#overview a:hover{color:#666;text-decoration:none}
#overview .trHover td, #overview .trHover a{color:#c00}

/* live preview */
#livePreview{width:230px; margin-bottom:2px; margin:20px 0px}
/*.preview{width:33%;float:left}*/
/*.preview img{float:left;width:160px;height:90px;background:#ccc;margin:0 10px 10px 0}*/
.preview img{float:left;width:160px;height:120px;background:#ccc;margin:0 10px 10px 0}
.preview h4{font-size:100%;font-weight:bold;clear:left;margin-bottom:5px}
.preview span{display:block}
.preview .sessionlink{margin-top:5px}

/* lists */
dl{line-height:1.5em}
dt{font-weight:bold}
dd{margin:-1.5em 0 0 7em}

/* customize jquery-ui */
.ui-tabs,.ui-tabs .ui-tabs-panel{padding:0}
.ui-widget-content,.ui-widget-header{border:0;background:none}
.ui-tabs .ui-tabs-nav li a{padding:0.2em 0.5em}

/* temp
 * [malte] size now automaticaly set from papp.playerWidth & playerHeight*/
.tmpPlayer{display:block;background:#333;color:#fff}
#position{border:0;font-size:75%;background:none;width:100%;text-align:right;cursor:pointer}
#switch_link{position:absolute;top:5px;right:2px}

/* debug */
#debug,#log,#testbuttons{font-size:60%;display:inherit}