/* Paragraphs */

/* Borders */
.taglist, .pageshare-left, .pageshare-right, .piplinklist, .tegenlicht-teaser,
.box.links, .tegenlicht-teaser.section a, .mostread ul, .recentarticles ul,
.inlinemap .map, .tagcloud .top, .category-tagcloud .top,
#extras .latestcomments ul {
    border-top: 10px solid #231f20;
}

em.highlight{
	color:#f05223;
}

/* Hide stuff */
.taglist h2, .pageshare-left h2, .pageshare-right h2 {
    display: none;
}

#extras .box {
    margin-bottom: 25px;
}

    .box a,
	.box a:link {
        text-decoration: none;
        color: #231f20;
    }
    .box a:visited {
        color: #939598;
    }
    .box a:hover,
	.box a:active {
        color: #f05223;
    }

    #extras .box h2 {
        font-size: 1.5em;
        font-weight: bold;
    }

    #extras .box li.episode a{
        background-image: url('../img/icons/episode.png');
    }
    #extras .box li.episode a:hover,
	 #extras .box li.episode a:active{
        background-image: url('../img/icons/episode-active.png');
    }

/* Images in the text from the justImage paragraph */
.images img {
    width: 465px;
}

    .images dl {
        margin-bottom: 20px;
    }

    .images dd {
        font-size: 1.2em;
    }

/* Several link lists */
.taglist li a, .links li a, .pageshare li a, .piplinklist li a,
.infofile li a, .newsoverview .tags li a, .tagcloud li a, .category-tagcloud li a {
    display:block;
    font-size: 1.2em;
    line-height: 1.7em;
    background: url('../img/icons/link.png') 0 6px no-repeat;
    padding: 2px 8px 0 20px;
}
.links li a:hover, .pageshare li a:hover, .piplinklist li a:hover,
.infofile li a:hover, .newsoverview .tags li a:hover{
    background-image: url('../img/icons/link-active.png');
}

.taglist li a,
.taglist li a:link,
.taglist li a:visited{
	text-decoration:underline;
}

#extras-1 .links li a{
	margin-bottom:10px;
	padding:2px 0px 10px;
	background: url(../img/bg/box-bottom-arrow.png) no-repeat scroll right bottom;
}
#extras-1 .links li a:hover{
	background-image: url(../img/bg/box-bottom-arrow-active.png);
}

/* Taglist */
.taglist li a,
.tagcloud li a,
.category-tagcloud li a{
	 background: url('../img/icons/tag.png') 0 5px no-repeat;
}
.taglist li a:hover,
.tagcloud li a:hover,
.category-tagcloud li a:hover{
	 background: url('../img/icons/tag-active.png') 0 5px no-repeat;
}

.category-tagcloud li.active a,
.category-tagcloud li.active a:link,
.category-tagcloud li.active a:visited,
.category-tagcloud li.active a:active,
.category-tagcloud li.active a:hover{
	color:#f05223;
	background: url('../img/icons/tag-active.png') 0 5px no-repeat;
}

/* Linklist */
.box.links {
	border-top:0;
    width: 300px;
}

.box.links h2 {
    margin:0;
	padding-bottom:2px;
}

.box .links ul {
    border-top: 10px solid #231f20;
}

/* Page options and share, should have the same height */
.pageshare{
	clear:both;
}
	.pageshare-right, .pageshare-left {
	    width: 135px;
	    padding-bottom:1em;

	}
	.pageshare-left {
	    float: left;
	}

	.pageshare-right {
	    float: right;
	}
		.pageshare a,
		.pageshare a:link,
		.pageshare a:visited,
		.pageshare a:hover{
			text-decoration:underline;
		}

		.pageshare li.share{
			position:relative;
		}

		.pageshare li.share #bookmarks{
			background:#FFFFFF none repeat scroll 0 0;
			border:1px solid #DEDEDE;
			position:absolute;
			right:0;
			top:22px;
			width:140px;
			z-index:10;
			display:none;
		}
		.pageshare li.share a,
		.pageshare li.share a:focus{
			border:0;
			outline:0;
		}

		.pageshare li.share #bookmarks ul {
			border:medium none;
			display:block;
			margin:5px 5px 0;
		}
		.pageshare li.share #bookmarks ul li {
			float:none;
			margin:0 0 4px;
			padding:0;
			text-align:right;
		}
		.pageshare li.share #bookmarks li a {
			padding:1px 18px 1px 0;
		}


	/* Icons for pagesharing */
	.pageshare li.print a { background-image: url('../img/icons/print.png'); }

	.pageshare li.reactions a { background-image: url('../img/icons/comments.png'); }
		.pageshare li.reactions a:hover,
		.pageshare li.reactions a:active{ background-image: url('../img/icons/comments-active.png'); }

	.pageshare li.reactions-rss a { background-image: url('../img/icons/rss.png'); }
		.pageshare li.reactions-rss a:hover,
		.pageshare li.reactions-rss a:active{ background-image: url('../img/icons/rss-active.png'); }

	.pageshare li.print a { background-image: url('../img/icons/print.png'); }
		.pageshare li.print a:hover,
		.pageshare li.print a:active{ background-image: url('../img/icons/print-active.png'); }

	.pageshare li.share a { background-image: url('../img/icons/share.png'); }
		.pageshare li.share a:hover,
		.pageshare li.share a:active{ background-image: url('../img/icons/share-active.png'); }

	.pageshare li.facebook a,
		.pageshare li.facebook a:hover,
		.pageshare li.facebook a:active { background-image: url('../img/icons/facebook.png'); }
	.pageshare li.twitter a,
		.pageshare li.twitter a:hover,
		.pageshare li.twitter a:active { background-image: url('../img/icons/twitter.png'); }
	.pageshare li.hyves a,
		.pageshare li.hyves a:hover,
		.pageshare li.hyves a:active{ background-image: url('../img/icons/hyves.png'); }
	.pageshare li.linkedin a,
		.pageshare li.linkedin a:hover,
		.pageshare li.linkedin a:active{ background-image: url('../img/icons/linkedin.png'); }

/* Pip teaser / Tegenlicht teaser */
.tegenlicht-teaser {
    background: url('../img/bg/box-bottom-arrow.png') no-repeat right bottom;
    /*
    overflow: hidden;
    */
}
.tegenlicht-teaser:hover{
	 background: url('../img/bg/box-bottom-arrow-active.png') no-repeat right bottom;
}

	.tegenlicht-teaser h2{
		padding-top:8px !important;
		color:#231F20;
	}

	.tegenlicht-teaser p{
		padding-top:5px !important;
	    margin: 0;
	    line-height: 1.6em;
	}

	.tegenlicht-teaser .image{
		background-color:#231F20;
		display:block;
		height:auto;
		position:relative;
		font-size: 0px;
	}

	.tegenlicht-teaser a {
	    text-decoration: none;
		display:block;
	}
	.tegenlicht-teaser a:hover *{
		cursor:pointer;
	}

	.tegenlicht-teaser .text {
	    overflow: hidden;
	}

.tegenlicht-teaser.episode {
    background: #231f20;
    background-image: none;
}

    .tegenlicht-teaser.episode h2,
	.tegenlicht-teaser.episode p {
        padding: 5px 5px 0 5px;
        margin:0px !important;
    }
	.tegenlicht-teaser.episode h2{
		color: #fff;
	}

	.tegenlicht-teaser.episode .text p{
		color:#939598;
	}

	.tegenlicht-teaser.episode:hover .text p{
		color:#ffffff;
	}


.tegenlicht-teaser.small {
    width: 135px !important;
    min-height: 195px;
    float: left;
	padding-bottom:12px;
}
.tegenlicht-teaser.small.episode{
	 padding-bottom: 6px;
}
.tegenlicht-teaser.small.section{
	padding-left:15px;
	padding-right:15px;
	background-image: url('../img/bg/sectionteaser-small.png');
}
    .tegenlicht-teaser.small.section:hover {
        background-image: url('../img/bg/sectionteaser-small-active.png');
    }

	.tegenlicht-teaser.small .teaseroverlay,
	.tegenlicht-teaser.medium .teaseroverlay{
	    width: 30px;
	    height: 30px;
	}
	.tegenlicht-teaser.small .teaseroverlay{
		left:40%;
		top:36%;
	}

	.tegenlicht-teaser.medium .teaseroverlay{
		left:40%;
		top:36%;
	}


.tegenlicht-teaser.medium,
.tegenlicht-teaser.large {
    width: 300px;
    padding-bottom: 10px;
}
	.tegenlicht-teaser.large .teaseroverlay {
	    width: 30px;
	    height: 30px;
	}

.tegenlicht-teaser.medium,
.tegenlicht-teaser.large {
    clear: both;
}

	.tegenlicht-teaser.medium .image {
	    float: left;
	}

	.tegenlicht-teaser.medium .text {
	    float: right;
	    width: 155px;
	}


.tegenlicht-teaser.section {
    background: url('../img/bg/sectionteaser.png') no-repeat left bottom;
    margin: 0 0 15px 0 !important;
    border: 0;
    padding: 0 20px 20px 15px;
    width: 300px;
}
	.tegenlicht-teaser.section h2 {
	    color: #f05223;
	}

	.tegenlicht-teaser.section a {
	    display: block;
	}

    .tegenlicht-teaser.section:hover {
        background-image: url('../img/bg/sectionteaser-active.png');
    }

     .tegenlicht-teaser.section:hover a {
        border-color: #f05223;
     }

.tegenlicht-teaser.section.large .text, .tegenlicht-teaser.section.small .text {
    padding: 0 5px;
}

/* Pip teaser overlays */
.tegenlicht-teaser .teaseroverlay{
    background: url('../img/overlays/episodeplay.png') no-repeat center center;
    position: absolute;
	left:46%;
	top:44%;
    z-index: 1;
    display: none;
}
.tegenlicht-teaser.article .teaseroverlay {
    display: none;
}

.tegenlicht-teaser.episode .teaseroverlay,
.episodeoverview .teaseroverlay{
    display: block;
}

/* Infofile (dossier) */
.infofiles{
	clear: both;
}
.infofile {
    width: 300px;
    clear: both;
    position: relative;
}
	.infofile a{
		display:block;
		position:relative;
	}

    .infofile h2 {
        width: 300px;
        padding-bottom:15px;
        font-size: 1.8em !important;
        background: no-repeat 0 bottom;
        position: absolute;
		top:0px;
        z-index:3;
		color:#231f20 !important;
    }

    .infofile h2                  { background-image: url('../img/overlays/infofile-top.png'); }
    .infofile a:hover h2          { background-image: url('../img/overlays/infofile-top-active.png'); }

    .infofile h3 {
        color: white;
        font-size: 2.6em;
        font-weight: bold;
        position: absolute;
		bottom:12px;
        z-index: 1;
        padding: 0 10px;
		line-height:0.8em;
    }
	.infofile .image{
		position:relative;
		padding-top:17px;
	}

    .infofile .image div.image-text {
    	min-height:140px;
    	background-color:#231F20;
		font-size: 0px;
    }

    .infofile img {
        width: 300px;
    }

    .infofile .text {
        padding: 0 10px 30px 10px;
        background: url('../img/bg/infofile.png');
        margin-top: -3px;
    }
	.infofile a .text{
		background:#fbfbfb;
		padding-bottom:10px;
	}

    .infofile .abstract {
        font-weight: bold;
        font-size: 1.3em;
        margin: 0;
        padding: 5px 0;
        line-height: 1.5em;
    }

    .infofile .bottom {
        background-image: url('../img/overlays/infofile-bottom.png');
        height: 30px;
        margin-top: -20px;
    }

    .infofile .bottom a {
        position: absolute;
        width: 27px;
        height: 18px;
        background: url('../img/icons/infofile.png') no-repeat;
        bottom: 20px;
        right: 0;
        text-indent: -9999px;
    }

    .infofile .bottom a:hover {
        background-image: url('../img/icons/infofile-active.png');
    }


/* Overviews */
.pager{
	display:block;
	clear:both;
	padding-top:3px;
}
.pager h3{
	font-size:1.2em !important;
	float:left;
	margin:0 !important;
	padding-right:10px;
}
.pager ul{
	overflow:auto;
	float:left;
	padding-bottom:10px;
}
	.pager li{
		float:left;
		display:block;
		font-size:1.2em;
		padding-right:10px;
	}

	.pager li em{
		display:none;
	}

.pagerBar{
	display:block;
	clear:left;
	padding-top:10px;
}
.pagerBar div{
	display:block;
	clear:left;
	margin-top:5px;
	border-top: 10px solid #231F20;
}

	.pager a,
	.pager a:link,
	.pager a:visited{
		color:#f05223;
	}
	.pager a:hover,
	.pager a:active{
		color:#231F20;
	}

#main div.latest{
	display:block;
	clear:both;
}

.black .bottomPager{
	padding-left:12px;
}

.overview .latest .teaser .image{
	background-color:#0a0a0a;
	font-size: 0px;
}
.overview .latest .teaser .image img{
	margin:0;
	padding:0;
}

.theme-episodes{
	position:relative;
	clear:both;
	background-color:#F1F2F2;
	padding-bottom:20px;
	margin-top: 45px;
}

#theme .theme-episodes{
	width:630px;
}

#theme .theme-episodes .theme-info h3{
	padding-left:12px;
	padding-right:12px;
	padding-top:20px;
	margin:0;
}
#theme .theme-episodes .theme-info p{
	margin-left:12px;
	margin-right:12px;
	background:none;
}

	.theme-episodes ul li.teaser{
		margin-top:20px;
	}

	.theme-info{
		background-color:#F1F2F2;
		width:135px;
		position:absolute;
		right:0;
		top:-30px;
	}

		.theme-info strong{
			display:block;
			padding:0 12px;
			height:30px;
			line-height:40px;
			overflow:hidden;
			font-size:1.4em;
			font-weight:bold;
			color:black;
		}

		.theme-info a{
			padding:20px 12px 0 12px;
			display:block;
		}

		.theme-info h3 {
			color:black;
			font-weight:bold;
			margin:0 !important;
			line-height:1.5em;
		}

		.theme-info p {
			color:#231F20;
			margin:0;
			font-size:1.2em;
			line-height:1.5em;
			background: url('../img/bg/box-bottom-arrow-black.png')  no-repeat right bottom;
			padding-bottom:1em;
		}

	.theme-info a,
	.theme-info a:link,
	.theme-info a:active,
	.theme-info a:visited,
	.theme-info a:hover{
		text-decoration:none;
	}
	.theme-info a:hover p{
		background-image: url('../img/bg/box-bottom-arrow-active.png')
	}

/* shared */
#main li.teaser p.more{
	line-height:1.2em;
}

.fileoverview,
.newsoverview,
.categoryoverview,
.episodeoverview,
.latest.search{
	border-top: 10px solid #231F20;
	margin-top:3px !important;
}

.overview li.news-item:hover p.more,
.overview li.file-item:hover p.more,
.overview li.theme-item:hover p.more{
	display:block;
}

    .overview li.news-item .left,
    .overview li.file-item .left,
	.overview li.theme-item .left,
    .overview li.episode-item .left {
        float: left;
        width: 135px;
    }

		.overview li.news-item .image img,
		.overview li.episode-item .image img,
		.overview li.file-item .image img,
		.overview li.theme-item .image img {
			width: 135px;
	    }

.overview li.news-item:hover .image,
.overview li.theme-item:hover .image,
.overview .compact li.theme-item:hover .image,
.overview .compact li.episode-item:hover .image{
	border-top: 10px solid #f05223;
}

	.overview li.news-item .image,
	.overview li.theme-item .image,
	.overview .compact li.episode-item .image,
	.overview .compact li.theme-item .image{
		border-top: 10px solid #231f20;
	}

    .overview li.news-item .right,
	.overview li.theme-item .right,
    .overview li.file-item .right{
        float: right;
        width: 480px;
    }

    .overview li.news-item h3,
	.overview li.theme-item h3,
    .overview li.file-item h3{
        margin: 0 0 5px 0 !important;
    }

    .overview li.news-item h3 a,
	.overview li.theme-item h3 a,
    .overview li.file-item h3 a,
	.overview .search li.episode-item h3 a{
        font-size: 1.4em;
        color: #231f20;
        text-decoration: none;
    }

    .overview li.news-item h3 a:hover,
	.overview li.theme-item h3 a:hover,
    .overview li.file-item h3 a:hover{
        color: #f05223;
    }

    .overview li.news-item h4,
	.overview li.theme-item h4,
    .overview li.file-item h4{
        font-size: 1.2em;
        font-weight:bold;
        margin-bottom:5px;
    }

.overview li.news-item,
.overview li.theme-item{
    width: 100%;
    float: left;
    clear: left;
    background: url('../img/bg/box-bottom-arrow.png') no-repeat right bottom;
   margin-top: 38px;
   padding-bottom:20px;
   position:relative;
}

.overview li.news-item:hover,
.overview li.theme-item:hover{
	background: url('../img/bg/box-bottom-arrow-active.png') no-repeat right bottom;
}

	.overview li.news-item a,
	.overview li.news-item a:link,
	.overview li.news-item a:hover,
	.overview li.news-item a:visited,
	.overview li.news-item a:active,
	.overview li.theme-item a,
	.overview li.theme-item a:link,
	.overview li.theme-item a:hover,
	.overview li.theme-item a:visited,
	.overview li.theme-item a:active	{
		display:block;
		text-decoration:none;
		color:#231F20;
	}

    .overview li.news-item .more,
	.overview li.theme-item .more{
        display:none;
        position:absolute;
        bottom:-2px;
        right:0;
		clear:both;
		text-align:right;
        font-weight: bold;
        font-size: 1.1em;
		background: transparent;
		margin:0;
    }

		.overview li.news-item .more span,
		.overview li.theme-item .more span,
		.overview li.file-item .more span{
			display:none;
		}

		.overview li.news-item .more a,
		.overview li.theme-item .more a,
		.overview li.file-item .more a{
			float:right;
			display:block;
			margin-right:20px;
			padding:0 0 0 5px;
			color:#f05223;
			background-color:#ffffff;
			text-decoration:none;
		}

/* Fileoverview*/
.overview li.file-item {
    width: 100%;
    float: left;
    clear: left;
    background: url('../img/bg/box-bottom-file.png') no-repeat right bottom;
	margin-top: 38px;
   	padding-bottom:20px;
   	position:relative;
}

.overview li.file-item:hover{
	background: url('../img/bg/box-bottom-file-active.png') no-repeat right bottom;
}

.overview li.file-item:hover .image img{
	border-top: 0;
}

	.overview li.file-item .right a,
	.overview li.file-item .right a:link,
	.overview li.file-item .right a:hover,
	.overview li.file-item .right a:visited,
	.overview li.file-item .right a:active{
		display:block;
		text-decoration:none;
		color:#231F20;
	}

	    .overview li.file-item .image{
	    	position:relative;
	    	padding-top:9px;
	    }

	    .overview li.file-item .teaseroverlay{
	    	position:absolute;
	    	top:0;
	    	left:0;
	    	width: 135px;
	    	z-index:3;
	    	background:url('../img/overlays/filethumb-top.png') no-repeat;
	    	height:17px;
	    }

	    .overview li.file-item:hover .image .teaseroverlay{
	    	background:url('../img/overlays/filethumb-top-active.png') no-repeat;
	    }

	    .overview li.file-item .last-modified{
	    	padding:2px 5px 12px;
	    	background:  url('../img/bg/filethumb-bottom.png') no-repeat right bottom;
	    }
	    .overview li.file-item .last-modified span{
	    	display:block;
	    	text-align:right;
	    	line-height:1.4em;
	    }

    .overview li.file-item h4{
    	margin-bottom:3px;
    }

    .overview li.file-item .abstract {
        display:block;
		margin: 0;
        font-size: 1.2em;
        line-height: 1.8em;
		padding:0 0 15px 0;
    }

    .overview li.file-item .more {
        display:none;
        position:absolute;
        bottom:-2px;
        right:0;
		clear:both;
		text-align:right;
        font-weight: bold;
        font-size: 1.1em;
		background: transparent;
		margin:0;
    }

	.overview .search li.teaser .top,
	.overview li.episode-item .top{
	 	border-top: 10px solid #231f20;
		width:140px;
		margin-bottom:3px;
	}
	.overview .search li.teaser:hover .top,
	.overview li.episode-item:hover .top{
		border-top-color:#f15a29;
	}

/* Newsoverview (used on article overview pages */


	.overview li.news-item .date,
	.overview li.news-item .author,
	.overview li.news-item .comments{
		background-position: center right;
		display:inline;
		padding-left:20px;
		margin-right:25px;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.2em;
	}

    .overview li.news-item .date {
        background: url('../img/icons/date.png') no-repeat;
    }

    .overview li.news-item .author {
        background: url('../img/icons/author.png') no-repeat;
    }

    .overview li.news-item .comments {
        background: url('../img/icons/comments.png') no-repeat;
    }

    .overview li.news-item .abstract {
        display:block;
		margin: 0;
        font-size: 1.1em;
        line-height: 1.8em;
		padding:10px 0 0;
    }

    .overview li.news-item .tags {
        margin-top:10px;
		width: 100%;
        float: left;
    }

    .overview li.news-item .tags li {
        float: left;
		display:block;
		line-height: 1.7em;
		color:#939598;
		background: url('../img/icons/tag-inactive.png') 0 5px no-repeat;
		padding: 2px 8px 0 20px;
    }


/* episode overview */
#theme .episodeoverview{
	border-top:0;
    margin-top: 50px !important; /* Hack for IE7 */
}

.episodeoverview ul{
	width:465px;
	margin-left:12px;
}

.overview li.episode-item {
    width: 100%;
    float: left;
    clear: left;
    background: url('../img/bg/box-bottom-play.png') no-repeat right bottom;
   margin-top: 38px;
   padding-bottom:20px;
   position:relative;
}

	.overview li.episode-item:hover{
		background: url('../img/bg/box-bottom-play-orange.png') no-repeat right bottom;
	}

	.overview li.episode-item a,
	.overview li.episode-item a:link,
	.overview li.episode-item a:hover,
	.overview li.episode-item a:visited,
	.overview li.episode-item a:active{
		display:block;
		text-decoration:none;
	}

		.overview li.episode-item .image{
			background-color:#231F20;
		}

		.overview li.episode-item .teaseroverlay{
			background: url('../img/overlays/episodeplay.png') no-repeat center center;
			position: absolute;
			z-index: 1;
			display: block;
			width:135px;
			height:75px;
		}

    .overview li.episode-item .right {
        float: right;
        width: 315px;
    }
	.overview .compact li.episode-item .right{
		width: 480px;
	}

    #main li.episode-item h3 {
        margin: 0 !important;
        font-size: 1.8em;
    }

    #main li.episode-item .schedule-right h3 {
        font-size: 1.3em;
        font-weight: normal;
        padding-top: 1px;
    }

    #main .full li.episode-item .right h3 {
    	padding-top:3px;
    }

    .overview li.episode-item h3 a {
        color: #231F20;
        text-decoration: none;
    }

    .overview li.episode-item h4 {
    	padding-top:3px;
        font-size: 1.1em;
        font-weight:bold;
        color: #231F20;
    }

    .overview li.episode-item .abstract {
        display:block;
        font-size: 1.1em;
        line-height: 1.5em;
        margin:0;
		padding:3px 0 15px 0;
		color:#231F20;
    }
		.overview li.episode-item .schedule{
			height:43px;
		}

        /* Left of schedule */
        .overview li.episode-item .schedule-left {
            float: left;
            background: url('../img/bg/episode-schedule-small-black.png') no-repeat;
            width: 25px;
            height: 33px;
        }

        .overview li.episode-item .day {
            font-size: 1.3em;
            text-align: center;
            padding: 5px 3px 0 3px;
            color:#231F20;
        }

        .overview li.episode-item .month {
            font-size: 1.0em;
            color: #ffffff;
            text-align: center;
        }

        /* Right of schedule */
        .overview li.episode-item .schedule-right {
            float: left;
            padding:3px 0px 0px 5px;
        }

        .overview li.episode-item .schedule-right h3 {
            color:#231F20;
        }

		.overview .compact li.episode-item h3 a{
			font-size:1.8em !important;
		}

        .overview .compact li.episode-item .schedule-right,
		.overview .search li.episode-item .schedule-right {
            float: left;
            padding:0px 0px 0px 5px;
        }

		.overview .compact li.episode-item .schedule-right h3,
		.overview .search li.episode-item .schedule-right h3{
			font-size:1.2em !important;
			padding-top:1px !important;
		}

/* category / search overview */
    .overview li.theme-item .abstract {
        display:block;
		margin: 0;
        font-size: 1.1em;
        line-height: 1.8em;
		padding:0 0 15px 0;
    }

	#search-results #main h1{
		text-transform:none !important;
	}

	.overview .search li.teaser{
		padding-bottom:10px;
		margin-top:38px;
		position:relative;
		width: 100%;
    	float: left;
    	clear: left;
	}
		.overview .search li.teaser .left{
			display:none;
		}

		.overview .search li.teaser .right{
			float:none;
			width:100%;
		}

		.overview .search li.episode-item h3{
			 font-size: 1.8em !important;
		}

		.overview .search p.date,
		.overview .search p.author,
		.overview .search p.abstract{
			color:#939598;
		}

		.overview .search li.teaser p.date{
			background-image:url("../img/icons/date-inactive.png");
		}
		.overview .search li.teaser p.author{
			background-image:url("../img/icons/author-inactive.png");
		}

		.overview .search p.abstract{
			padding:5px 0 0;
		}
		.overview .search li.episode-item p.abstract{
			padding:0;
		}

		.overview .search li.teaser:hover p.date,
		.overview .search li.teaser:hover p.author,
		.overview .search li.teaser:hover p.abstract{
			color:#231f20;
		}

			.overview .search li.teaser:hover p.date{
				background-image:url("../img/icons/date.png");
			}

			.overview .search li.teaser:hover p.author{
				background-image:url("../img/icons/author.png");
			}

		.new-search h2,
		.new-search label span{
			display:none;
		}
		.new-search form{
			padding-top:5px;
		}
		.new-search label{
			display:block;
			float:left;
			width:541px;
			height:26px;
			background: url('../img/bg/searchagain-input.gif') no-repeat left top;
			margin:1px 6px 0 0;
		}
		.new-search #search{
			border:0;
			width:521px;
			margin:6px 10px 0;
			height:17px;
			font-size:1.2em;
		}
		.new-search .button{
			display:block;
			float:left;
			width:82px;
			height:27px;
			background: url('../img/bg/searchagain-submit.gif') no-repeat left top;
			border:0;
			color:#939598;
			text-transform:uppercase;
			font-size:1.4em;
			font-weight:bold;
			cursor:pointer;
			line-height:23px;
		}

.category-tagcloud{
    background: url('../img/bg/sectionteaser.png') no-repeat left bottom;
    margin: 0 0 15px 0 !important;
    border: 0;
    padding: 0 20px 20px 15px;
    width: 300px; /* always 300px, because a small 'section' teaser can not go along with a 'normal' teaser */
}

.category-tagcloud:hover .top{
	border-top-color:#f05223;
}
.category-tagcloud ul{
	padding:12px;
}
#categories #page-intro em,
#categories #main p.category-text{
	font-size:1.2em;
	line-height:1.4em;
}
#categories #page-intro em{
	display:block;
	padding-top:4px;
}
#categories #main p.category-text{
	border-top: 10px solid #231f20;
	margin-top:10px;
	padding-top:10px;
}
#categories #page-intro h1 em{
	font-size:inherit;
	line-height:inherit;
	display:inline;
}


/* upcoming */

.upcoming{
    width: 300px;
    clear: both;
    position: relative;
}
	.upcoming .text{
		background-color:#f1f2f2;
		padding:10px 0px 30px;
		margin-top:5px;
	}

	.upcoming a{
		display:block;
	}
	.upcoming a.next-episode{
		position:relative;
	}

	.upcoming .schedule-big{
		position:absolute;
		left:40%;
		top:30%;
		z-index:1000;
		width:49px;
		height:65px;
		background: url('../img/bg/episode-schedule-big-white.png') no-repeat;
	}
		.upcoming .schedule-big .schedule-left{
			width:49px;
			height:65px;
		}

        .upcoming .schedule-big .day {
            font-size: 1.6em;
            font-weight:bold;
            text-align: center;
            padding: 14px 0px 13px;
            color:#fff;
        }

        .upcoming .schedule-big .month {
            font-size: 1.4em;
            font-weight:bold;
            color: #231f20;
            text-align: center;
        }

	.upcoming .schedule-left,
	.upcoming .schedule-right{
		float: left;
	}
	.upcoming li .schedule-left{
		margin-right:10px;
	}

	.upcoming p.abstract{
		float: left;
		padding-left:30px;
		padding-top:0px;
		margin:0px;
	}
		.upcoming a.next-episode .image{
			background-color:#231F20;
			font-size:1px;
		}

		.upcoming a.next-episode ul li{
			color:#231f20;
		}
		.upcoming a.next-episode:hover ul li{
			color:#000000;
		}

			.upcoming a.next-episode ul li .schedule-left{
				background: url('../img/bg/episode-schedule-mini-dark.png') no-repeat;
				width: 20px;
				height: 27px;
			}
			.upcoming a.next-episode:hover ul li .schedule-left{
				background: url('../img/bg/episode-schedule-mini-black.png') no-repeat;
			}

		.upcoming li{
			display:block;
			clear:both;
			padding:20px 10px;
		}
			.upcoming li .schedule-right{
				width:245px;
			}

			.upcoming ul li a,
			.upcoming ul li a:link,
			.upcoming ul li a:visited{
				color:#939598;
			}
			.upcoming ul li a:hover{
				color:#000;
			}

			.upcoming ul li .schedule-left{
				background: url('../img/bg/episode-schedule-mini-grey.png') no-repeat;
				width: 20px;
				height: 27px;
			}
			.upcoming ul li:hover .schedule-left{
				background: url('../img/bg/episode-schedule-mini-black.png') no-repeat;
			}

			.upcoming ul li .day{
				padding: 2px 0px 0px;
				text-align: center;
			}
			.upcoming ul li .month{
				 text-align: center;
				 color:#f1f2f2;
			}

/* Episodeinfo big box at start of episode pages */
.episodeinfo {
    width: 960px;
    height: 355px;
    background: black;
    border-top: 10px solid #231f20;
    color: #414042;
    margin: 5px 15px 20px;
}

    .episodeinfo h3, .episodeinfo h4, .episodeinfo .metafont,
    .episodeinfo strong {
        color: #939598;
    }

    .episodeinfo .vproMediaPlayer {
        width: 630px;
        height: 355px;
        float: left;
        background: url('../img/bg/episodeplay.png');
    }

    .episodeinfo .vproMediaPlayer a {
        color: #f09579;
    }

        .episodeinfo .vproMediaPlayer a:hover {
            color: #f05223;
        }

    .episodeinfo .vproMediaPlayer a.nojslink {
        display: block;
        padding: 220px 0 0 130px;
        text-decoration: none;
        font-size: 1.5em;
    }
        .episodeinfo p.error {
            display: none;
            color: white;
            padding: 220px 0 0 130px;
        }

    .episodeinfo-right {
        margin-top: 10px;
        width: 300px;
        height: 345px;
        float: right;
        position: relative;
        padding-right: 10px;
    }

		.episodeinfo .episodeinfo-theme{
			display:block;
			clear:left;
		}

    .episodeinfo .schedule {
        overflow: hidden;
        min-height: 50px;
        margin-bottom: 20px;
    }

        /* Left of schedule */
        .episodeinfo .schedule-left {
            float: left;
            background: url('../img/bg/episode-schedule.png') no-repeat;
            width: 37px;
            height: 51px;
        }

        .episodeinfo .day {
            font-size: 2.2em;
            text-align: center;
            padding: 5px 5px 0 5px;
        }

        .episodeinfo .month {
            font-size: 1.5em;
            color: black;
            text-align: center;
            margin-top: 1px;
        }

        /* Right of schedule */
        .episodeinfo .schedule-right {
            float: right;
            width: 255px;
        }

        .episodeinfo .schedule-right h3 {
            font-size: 2.4em;
            padding-top: 3px;
        }

        .episodeinfo .schedule-right h4, .episodeinfo .schedule-right li {
            color: #939598;
            font-size: 1.1em;
        }

        .episodeinfo .schedule-right .more {
            display: none;
            position: absolute;
            background-color: black;
            z-index: 1;
            width: 230px;
            margin-bottom: 10px;
        }

        .episodeinfo .schedule-right li {
            color: #58595B;
        }

        .episodeinfo .schedule-right h4 a {
            color: #58595B;
        }

        .episodeinfo-right h4 a, .nownext h3 {
            background: url('../img/icons/dropdown.png') no-repeat right center;
            text-decoration: none;
            padding-right: 13px;
            font-size: 1.1em;
        }

    .episodeinfo .nownext p a, .episodeinfo .theme p a {
        text-decoration: none;
        color: #414042;
    }

    .episodeinfo .theme {
        padding-bottom: 15px;
        position: absolute;
        height: 125px;
        overflow: hidden;
        top: 200px;
    }

    .episodeinfo .theme h3, .episodeinfo .theme h4 {
        font-size: 1.3em;
    }

    .episodeinfo .theme p {
        margin: 3px 0;
        color: #939598 !important;
    }

    .episodeinfo .theme, .episodeinfo .nownext a {
        background: url('../img/bg/episodeinfo-bottom-arrow.png') no-repeat bottom right;
    }

    .episodeinfo .nownext {
        width: 140px;
        min-height: 125px;
        float: left;
        overflow: auto;
        cursor: pointer;
        background: black;
    }

        .episodeinfo .nownext h3 {
            font-size: 1.3em;
            color: #bbbec0;
            margin: 3px 0 15px 0;
        }

            .episodeinfo .nownext:hover a {
                visibility: visible;
                color: inherit;
            }

            .episodeinfo .nownext:hover h3 {
                background: none;
            }

        .episodeinfo .nownext p {
            font-size: 1.2em;
            margin: 5px 0;
        }

        .episodeinfo .nownext a {
            position: absolute;
            width: 140px;
            background-color: black;
            visibility: hidden;
            z-index: 1;
            overflow: hidden;
            max-height: 235px;

            -moz-box-shadow: 0 0 20px black;
            -webkit-box-shadow: 0 0 20px black;
            box-shadow: 0 0 20px black;
        }

        .episodeinfo .nownext strong {
            font-size: 1.2em;
            color: #bbbec0;
        }

    .episodeinfo .nownext.right {
        float: right;
    }

.coverslide {
    width: 644px;
    height: 400px;
    overflow: hidden;
    position: relative;
	margin-left:0px;
}

    .coverslide h2 {
        font-size: 4.8em !important;
        margin: 0 !important;
        font-weight: bold !important;
        float: right;
    }

    .coverslide h2 strong {
        color: #f05223;
    }

    #main .coverslide li table.mgnlControlBarSmall{
        width: 430px !important;
    }

    .coverslide ul {
        width: 644px;
        height: 340px;
        position: relative;
        overflow: hidden;
    }

        .coverslide li {
            width: 470px;
            height: 320px;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            background: url('../img/bg/coverslide.png');
            padding: 10px;
            cursor: pointer;
        }

        .coverslide .hover {
            display: none;
            background: url('../img/overlays/coverslide.png') no-repeat left -141px;
            width: 100px;
            height: 304px;
            position: absolute;
            top: 22px;
            left: 13px;
        }

        .coverslide li:hover {
            background: url('../img/bg/coverslide-active.png');
        }

        .coverslide h3, .coverslide p {
            padding: 0 10px;
            margin: 0 !important;
            color: #231f20;
        }

        .coverslide p {
            font-size: 1.2em;
            padding-top: 14px;
        }

        .coverslide .image {
            width: 464px;
            height: 230px;
            overflow: hidden;
            margin: 0 0 0 5px;
			padding-top:12px;
        }

        .coverslide .text {
            height: 72px;
            overflow: hidden;
        }

        .coverslide .image img {
            width: 464px;
        }

        .coverslide a {
            height: 305px;
            text-decoration: none;
            display: block;
        }

.vpro-ster-banner {
    float: left;
    margin: 0 15px 25px 15px;
    width: 300px;
}

    .vpro-ster-banner h3 {
        text-align: center;
        color: #939598;
        margin-bottom: 5px;
    }

.htmlembed {
    margin: 0 0 15px 0 !important;
	width:100%;
}

#extras .htmlembed{
	background: url('../img/bg/htmlembed.png') no-repeat center bottom;
    width: 297px;
    padding: 0 20px 20px 15px;
}

    .htmlembed h2 {
        display: block;
        font-size: 1.8em;
        margin: 0 !important;
    }
		#extras .htmlembed h2{
			 width: 289px;
			 border-top: 10px solid #231f20;
			 padding: 5px 5px 0 10px;
		}

    .htmlembed .content {
        overflow: hidden;
    }
		#extras .htmlembed .content{
			 padding: 10px 20px 10px 10px;
			 width: 260px;
		}

.filetitle{
	display:block;
	margin-left:15px;
}
    .filetitle h2, .filetitle p {
        text-align: right;
		width:465px;
    }

    .filetitle h2 {
        font-size: 3.2em !important;
        margin: 0 !important;
    }

    .filetitle .kicker {
        font-size: 1.3em;
		margin:0;
		line-height:1.2em;
		padding-bottom:6px;
    }

.fileintro, .filecaption, .filecaption .top, .filecaption img {
    width: 465px;
}
	.fileintro .abstract{

	}

    .filecaption {
        background: url('../img/bg/infofile.png') repeat-x;
    }

        .filecaption .top {
            height: 26px;
            background: url('../img/overlays/filecaption-top.png');
            position: absolute;
        }

        .filecaption .bottom {
            height: 33px;
            background: url('../img/overlays/filecaption-bottom.png');
        }

        .filecaption p {
            padding: 0 10px;
            font-size: 1.8em;
            font-weight: bold;
        }

.mostread h2, .recentarticles h2 {
    margin: 15px 0 0 0 !important;
    font-size: 1.6em !important;
}

    .mostread li, .recentarticles li {
        width: 107px;
        border-top: 1px solid white;
        padding: 3px 3px 3px 25px;
        background: url('../img/icons/link.png') no-repeat 4px 4px;
    }

    .mostread li a, .recentarticles li a {
        text-decoration: none;
        font-size: 1.2em;
        color: black;
    }

    .mostread li:hover, .recentarticles li:hover {
        background-image: url('../img/icons/link-active.png');
    }

    .mostread li:hover a, .recentarticles li:hover a {
        color: #f05223;
    }

    .mostread li {
        background-color: #f1f2f2;
    }

/* Quotes */
blockquote {
    width: 465px;
    clear: both;
	overflow:visible;
	padding-bottom:25px;
	display:block;
}

    blockquote p {
        margin: 0;
    }

    blockquote p:first-child, #comments blockquote p, #your-comment .messageText {
        background: #231f20;
        color: white;
        padding: 10px 30px 10px 20px;
        font-style: italic;
        line-height: 1.6em;
    }

#comments{
    clear: both;
    padding-top: 10px;
}

    #comments h2{
        color: #231F20;
        font-size: 1.5em;
        text-transform: lowercase;
    }

    #comments h2 em{
        font-style: normal;
    }

    #comments blockquote p {
        background: #F1F2F2;
        color: black;
		overflow:visible;
    }

    #your-comments .comment-meta {
        background-color: transparent;
    }

    blockquote p cite {
        background: url('../img/bg/blockquote-cloud-tip.png') no-repeat;
    }

    blockquote p cite, #your-comment .button-wrapper {
        display: block;
        margin-left: 23px;
        padding-left: 40px;
        line-height: 40px;
        vertical-align: bottom;
    }

    /* 'dialog' quote paragraphs */
    blockquote.dialogue.left p cite {
        background-image: url('../img/bg/blockquote-cloud-tip-right.png');
        margin: 0;
    }

    blockquote.dialogue.right p cite {
        background-position: right top;
    }

    blockquote.dialogue cite {
        padding: 35px 0 0 0;

        height: 35px;
    }

    blockquote.dialogue img, blockquote.dialogue .noimage {
        float: left;
        margin: 10px;
        width: 50px;
    }

    blockquote.dialogue.right img, blockquote.dialogue.right cite {
        float: right;
    }

    blockquote.dialogue .noimage {
        background: url('../img/icons/author_big.png') no-repeat;
        height: 50px;
    }

    blockquote.dialogue.right .noimage {
        float: right;
    }

    blockquote.dialogue p cite {
        float: left;
    }

.no-comments-message{
    display: none;
}

.comments-closed-message{
    color: #231F20;
    font-size: 1.5em;
    text-align: right;
    text-transform: lowercase;
}

/* Maps paragraph */
.inlinemap {
    width: 300px;
}

    .inlinemap .map {
        height: 300px;
        background: url('../img/bg/inlinemap.jpg');
    }

    .inlinemap .map p {
        padding: 20px;
        text-align: center;
    }

/* Latest Comments */
#extras .latestcomments {
    width: 300px;
}

#extras .latestcomments .author-above {
    display: none;
}

#extras .latestcomments.small {
    width: 135px;
}

    #extras .latestcomments .comment {
        background: #f1f2f2;
        padding: 12px 8px 12px 8px;
        font-style: italic;
    }

    #extras .latestcomments li {
        margin-bottom: 20px;
        cursor: pointer;
    }

    #extras .latestcomments .tip {
        min-height: 26px;
        background: url('../img/bg/comment-cloud-tip.gif') no-repeat 13px 0;
        padding: 10px 0 0 45px
    }

    #extras .latestcomments p {
        color: #939598;
        margin: 0;
        padding: 3px 0;
    }

    #extras .latestcomments strong, #extras .latestcomments .author-below,
    #extras .latestcomments .comment {
        color: black;
    }

    #extras .latestcomments a {
        background: url('../img/icons/link-black.png') no-repeat left top;
        color: #939598;
        padding-left: 18px;
        line-height: 12px;
    }

    #extras .latestcomments li:hover a {
        color: black;
        background-image: url('../img/icons/link-active.png');
    }

    /* Special stuff for this paragraph in the footer */
    #footer .latestcomments li {
        margin: 4px 0;
    }

    #footer .latestcomments p {
        margin: 0;
        font-size: 1.1em;
    }

    #footer .latestcomments a {
        margin-top: 2px;
        color: black;
    }

    #footer .latestcomments .author-below, #footer .latestcomments .comment {
        display: none;
    }

    #footer .latestcomments .author-above {
        color: white;
    }
    
    
 /*
    VTK images
 */   
  dl.content-small{
    display: none;   
}
 .vtk-images .images .image dl{
    display: none;   
}