/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img {
	border: 0;
	}
address,caption,cite,code,dfn,em,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	/*font-weight: normal;*/
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
div:focus,a:focus,img:focus,object,embed {
	-moz-outline-style: none;
	outline: none;
}

h1 {
	margin: 0;
}

/* BASE CSS
 ---------------------------------------------- */
body {
	background-color			: #cdd8d9;
	background-image			: url("/fileadmin/GFX/bg_body.jpg");
	background-position			: center top;
	background-repeat			: repeat-x;
  	height						: 100% !important;
	font						: 12px/1.5 "Trebuchet MS", Tahoma, Arial, sans-serif;
	color						: #313131;
	/*text-align: center;*/
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom				: 2px !important;
}

h1 {
	font-size					: 24px;
    font-style     				: italic;
}

h2 {
	font-size					: 16px;
    font-style     				: italic;
}

h1 a, h2 a {
	text-decoration				: none;
	color						: inherit;
}

h1 a:hover, h2 a:hover {
	text-decoration				: underline;
}

a {
	color						: #ab0b8e;
	font-style					: italic;
	font-weight					: bold;
}


/* FRAMEWORK
 ---------------------------------------------- */
#main {
	margin						: 45px auto;
}

#main #content {
	display						: inline;
}

#logo {
	top							: 0;
	left						: 50%;
    margin-left					: -490px;
    position					: absolute;
}

#content-right .block {
	margin						: 0 0 4px;
}

/* Dynamic Top Menu */

#content-menu {
	left:					50%;
	margin:					0 0 0 -200px;
	position:				absolute;
	top:					75px;
	width:					auto;
	z-index:				100;
}

#content-menu ul {
	list-style:				none;
}

#content-menu ul li {
	float:					left;
	height:					60px;
}

#content-menu ul li a {
	height:					38px;
	display:				block;
	text-align:				center;
	text-decoration:		none;
}

#content-menu ul li .firstActive {
	padding:				22px 15px 0 25px;
	width:					60px;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	0 -300px;
	left:					0;
	top:					240px;
}

#content-menu ul li .first {
	padding:				22px 15px 0 25px;
	width: 60px;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	0 -240px;
	left:					0;
	top:					240px;
}

#content-menu ul li .first:hover {
	background-position:	0 -300px;
}

#content-menu ul li .menuitemActive {
	padding:				22px 20px 0;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	0 -60px;
	left:					0;
	top:					0;
}

#content-menu ul li .menuitem {
	padding:				22px 20px 0;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	top right;
	left:					0;
	top:					0;
}

#content-menu ul li .menuitem:hover  {
	background-position:	0 -60px;
}

#content-menu ul li .lastActive {
	padding:				22px 25px 0 15px;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	right -180px;
	left:					0;
	top:					120px;
}

#content-menu ul li .last {
	padding:				22px 25px 0 15px;
	background:				url('/fileadmin/GFX/bg_menu.jpg');
	background-position:	right -120px;
	left:					0;
	top:					120px;
}

#content-menu ul li .last:hover {
	background-position:	right -180px;
}

/* Content field */

.content_tiny_top {
	background     : transparent url("/fileadmin/GFX/bg_content_tiny.png") -3px 0px no-repeat;
    width          : 192px;
	height         : 13px;
}

.content_tiny_main {
	background     : transparent url("/fileadmin/GFX/bg_content_tiny.png") -201px 0px repeat-y;
    width          : 192px;
}

.content_tiny_bottom {
	background     : transparent url("/fileadmin/GFX/bg_content_tiny.png") -403px 0px no-repeat;
    width          : 192px;
	height         : 13px;
}

/* start: Dynamic Footer Menu */

#dynamic-menu {
    position        : fixed;
    bottom          : 0px;
    *bottom			: -2px;
    left            : 0px;
    width           : 100%;
    height          : 220px;
    text-align      : center;
    overflow        : hidden;
    *z-index		: 100;
}
#dynamic-menu ul, #dynamic-menu ul li {
    position        : relative;
    margin          : 0;
    padding         : 0;
    width           : auto;
    height          : inherit;
}
#dynamic-menu ul {
    margin          : 0 auto;
    width           : 842px;
    overflow        : hidden;
    bottom          : 0;
}
#dynamic-menu ul li {
    z-index         : 502;
    display         : block;
    float           : left;
    top             : 265px; /* don't display at first */
    width           : 205px;
    height          : 185px;
    overflow        : hidden;
    list-style-type : none;
    cursor          : pointer;

    text-align      : left;
}
#dynamic-menu ul li.large {
    height          : 218px;
}

li#wistjedat {
    background      : url('/fileadmin/GFX/footer_tab_wistjedat.png') no-repeat center top;
}
li#vragen {
    background      : url('/fileadmin/GFX/footer_tab_vragen.png') no-repeat center top;
}
li#presentatoren {
    background      : url('/fileadmin/GFX/footer_tab_presentatoren.png') no-repeat center top;
}
li#poll {
    background      : url('/fileadmin/GFX/footer_tab_poll.png') no-repeat center top;
}

li.first, li.last {
    width               : 216px !important;
    background-position : left top !important;
}
li.last {
   background-position  : right top !important;
}

#dynamic-menu ul li h3 {
    display         : none;
}

.dynamic-menu-content {
    margin-top      : 50px;
    margin-left     : 6px;
    width           : 192px;
    height          : 57px;
    height          : auto;
    font-size       : 90%;
}

.dynamic-menu-content p {
	margin-bottom	: 5px;
}

li#presentatoren .dynamic-menu-content {
    height          : 128px;
    background      : url('/fileadmin/GFX/footer_textbox_medium.png') no-repeat left top;
}
li#poll .dynamic-menu-content {
    background      : none;
}
li.large .dynamic-menu-content {
    height          : 152px;
}

li.first .dynamic-menu-content {
    margin-left     : 17px;
}

.ajax-override .csc-textpic-imagewrap {
    margin          : 0px !important;
    margin-right    : 2px !important;
}
.ajax-override .header a {
    font-weight     : bold;
    color           : #880580;
    text-decoration : none;
    font-size       : 14px;
}
.ajax-override .header a:hover {
    text-decoration : underline;
}

.ajax-override {
    height          : 100%;
    overflow        : hidden;
    padding         : 7px 8px;
}
#wistjedat .ajax-override, #vragen .ajax-override {
    padding         : 0px !important;
}

.ajax-override .csc-default {
    height          : 100%;
}
#wistjedat .ajax-override .csc-default, #vragen .ajax-override .csc-default {
    padding         : 0px 7px !important;
}
.ajax-override .news-latest-gotoarchive {
    position        : relative;
    bottom          : 0px;
}
.ajax-override a {
    color           : #880e89;
    font-size       : 12px;
    display         : block;
    width           : 100%;
    text-align      : center;
    text-decoration : underline;
}
.ajax-override .top {
    height          : 56px;
}
.ajax-override .top a{
    display         : inline !important;
}
.ajax-override a:hover  {
    text-decoration : none;
}
.ajax-override img {
    vertical-align  : text-bottom;
}

/* end: Dynamic Footer Menu */


/* Quickpoll setup */

.ajax-override .pollquestion {
    padding-bottom   : 5px;
}
.ajax-override .pollbullit {
    float           : left;
    margin-right    : 5px;
}
.ajax-override .pollresulttext {
    margin-bottom   : 5px;
    text-align      : center;
}
.ajax-override .polltable {
    width           : 100%;
}
.ajax-override .pollwrapper {
    margin-bottom   : 5px;
}
.ajax-override .pollwrapper input {
    margin          : 0px 10px 0px 10px;
    text-align      : center;
    float           : left;
}
.ajax-override #tx_quickpoll_poll_showresult {
    margin-left     : 35px;
}
.ajax-override #tx_quickpoll_poll_votebutton {
    margin-left     : 50px;
    margin-top      : 15px;
    background      : url('/fileadmin/GFX/quickpoll_button_vote.png') no-repeat top left;
    border          : 0px;
    padding         : 2px 8px;
    width           : 57px;
    height          : 22px;
    color           : #ffffff;
}
/* Quickpoll setup */


/* Perfect Lightbox setup */

#sbOverlay {
	z-index:		600;
}

#sbCenter,
#sbBottomContainer {
	z-index:		601;
}

/* Perfect Lightbox setup */


/* WT Gallery setup */

#content_left .tx-wtgallery-pi1 {
	margin:			0 27px;
	padding:		0 0 15px;
}

#content_right .tx-wtgallery-pi1 {
	margin:			0;
	padding:		0;
}

#content_right .tx-wtgallery-pi1 .wtgallery_list_firstofrow {
	margin-right:	10px;
}

#content_right .tx-wtgallery-pi1 .wtgallery_list_lastofrow {
	margin-left:	10px;
}

#content_right .tx-wtgallery-pi1 .list_row {
	padding-bottom: 10px;
}

.tx-wtgallery-pi1 h2, .wtgallery_single_browser {
	display:		none;
}

.tx-wtgallery-pi1 .list_row .wtgallery {
	border:			#eee 3px solid;
}

.tx-wtgallery-pi1 .list_row .wtgallery:hover {
	border:			#ab0b8e 3px solid;
}

.wtgallery_pagebrowser_list {
	display:		inline;
	list-style:		none;
	padding						: 0 0 7px;
}

.wtgallery_pagebrowser_list li {
	display:		inline;
	padding:		0 5px 0 0;
}

.wtgallery_pagebrowser_list a {
	font-style		: normal;
	margin						: 1em 0 0;
	padding						: 0 0.25em 0 0;
}


/* WT Gallery setup */


/* Footer Presentator block */
.presentator-img {
	float			: left;
	margin			: 3px 6px 0 0;
}

.presentator-img img {
	border			: 1px solid #CFCFCF;
}

.header a {
	text-align		: left;
}

/* Lightbox */
#lightbox {
    z-index         : 998;
    position        : absolute;
    top             : 0;
    left            : 0;
    background-color: #000;
    width           : 100%;
    height          : 100%;
    opacity         : 0.8;
    filter          : alpha(opacity=80);
    font-family     : Trebuchet MS;
    font-size       : 12px;
}
#lightbox-container   {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    z-index         : 999;
    width           : 468px;
    height          : auto;
    min-height      : 300px;
}
#lightbox-top, #lightbox-middle, #lightbox-bottom {
    width           : 455px;
}
#lightbox-middle {
    background-color: #f9f9f9;
    height          : auto;
}
#lightbox-top {
    height          : 8px;
    background      : url('/fileadmin/GFX/lightbox_bg_top.png') no-repeat left bottom;
}

#lightbox-bottom {
    height          : 8px;
    background      : url('/fileadmin/GFX/lightbox_bg_bottom.png') no-repeat left top;
}
#lightbox-content {
    padding         : 10px 0px;
}
#lightbox-close {
    left            : 430px;
    position        : relative;
    top             : 25px;
}
/*TOP20 flash player */

#SterrenTop20{
	left           : 50%;
	margin-left    : -525px;
	/*position:absolute*/
	position       : absolute;
	width          : 1050px;

}

/* DMD form */
#dmd {
    padding-left    : 45px;
    font-family     : Trebuchet MS;
    font-size       : 12px;
}
#dmd h2 {
    display         : none;
}
#dmd #dmd-form-msg {
    text-align      : center;
    padding         : 15px 0px;
    color           : #3a4ea5;
    font-size       : 12px;
    width           : 380px;
}
#dmd .row {
    clear           : both;
}
#dmd .error {
    color           : #e00b0b;
    font-weight     : bold;
    font-style      : italic;
}
#dmd .label {
    float           : left;
    width           : 120px;
    line-height     : 30px;
    color           : #ab0b8e;
    font-size       : 15px;
    font-weight     : bold;
    font-style      : italic;
}
#dmd .textfield input {
    height          : 24px;
    background-color: #ededed;
    border          : 1px solid #bfbfbf;
    color           : #333333;
    font-size       : 15px;
    padding-left    : 5px;
    padding-right   : 5px;
}
#dmd .disclaimer {
    color           : #4159b7;
    margin-top      : 15px;
    margin-left     : 120px;
}
#dmd #dmd-submit {
    display         : block;
    text-align      : left;
    margin-top      : 25px;
    margin-left     : 120px;
}

/* Uitzendingen */
#resultset {
    padding         : 10px 27px;
}

#content_left #broadcast-search-form {
	padding			: 0 27px;
}

#resultset .item {
    clear           : both;
    margin-bottom   : 10px;
}
#resultset .thumb {
    float           : left;
    width           : 150px;
    overflow        : hidden;
    margin-right    : 15px;
    margin-top      : 5px;
}
#resultset .thumb img {
    width           : 150px;
}
#resultset h2 {
    font-size       : 16px !important;
    color           : #AB0B8E;
    margin-bottom   : -4px !important;
}
 #resultset h2 a {
    text-decoration : none;
}
#resultset h2 a:hover {
    text-decoration : underline;
}
 #resultset .br-info {
    color           : #606060;
    font-size       : 10px;
    margin-bottom   : 5px;
}
#resultset .br-info a {
    color           : #606060;
    text-decoration : underline;
    font-weight     : normal;
    font-style      : normal;
}
#resultset .br-info a:hover {
    color           : #AB0B8E;
}
/* CSS CLEARFIX - please keep this at the bottom of the CSS file! */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.autoHeight {
	position	: relative;
	top			: -8px;
}