/*
BodhiTv - http://www.bodhitv.nl/
@author: Jeroen van den Berg - Yes2web
@version: 20070817-01
*/
body, #publerBody {
	text-align: center;
}
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* Header + Navigation
**********************************/
#header {
	position: relative;
	height: 82px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}/*
#header { background-image: url(../../images/bodhitv/headers/header-home2.png); }
.algemeen #header, .binnenkort #header  { background-image: url(../../images/bodhitv/headers/header-algemeen2.png); }
.membernews #header, .artikelen #header { background-image: url(../../images/bodhitv/headers/header-artikelen2.png); }
.bodhitv #header { background-image: url(../../images/bodhitv/headers/header-bodhitv2.png); }
.nieuws #header { background-image: url(../../images/bodhitv/headers/header-nieuws2.png); }*/
#header { background-image: url(../../images/bodhitv/headers/header-home.png); }
.algemeen #header, .binnenkort #header  { background-image: url(../../images/bodhitv/headers/header-algemeen.png); }
.membernews #header, .artikelen #header { background-image: url(../../images/bodhitv/headers/header-artikelen.png); }
.bodhitv #header { background-image: url(../../images/bodhitv/headers/header-bodhitv.png); }
.nieuws #header { background-image: url(../../images/bodhitv/headers/header-nieuws.png); }
#header h1 {
	position: absolute;
	left: 0;
	top: 0;
}
#header h1 a {
	display: block;
	width: 220px;
	height: 81px;
	background-repeat: no-repeat;
	text-indent: -5555px;
	outline: 0;
}
.home #header h1 a, .member #header h1 a {
	text-indent: 0;
}
#header a.omroep {
	display: block;
	height: 46px;
	width: 46px;
	position: absolute;
	top: 18px;
	right: 25px;
}
#header ul {
	position: absolute;
	top: 10px;
	right: 97px;
}
#header ul li {
	list-style: none;
	float: left;
	color: #FFF;
	margin-left: 3px;
}
#header ul li a {
	color: #FFF;
}
#navigation {
	position: absolute;
	top: 46px;
	right: 91px;
	list-style: none;
}
#navigation li {
	display: inline;
}
#navigation li a {
	display: block;
	height: 36px;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	background-position: bottom right;
	text-indent: -5000px;
	outline: 0;
}
#navigation li#nav-algemeen a { width: 105px; background-image: url(../../images/bodhitv/menu/tab-algemeen.png); }
#navigation li#nav-artikelen a { width: 102px; background-image: url(../../images/bodhitv/menu/tab-artikelen.png); }
#navigation li#nav-bodhitv a { width: 102px; background-image: url(../../images/bodhitv/menu/tab-bodhitv.png); }
#navigation li#nav-nieuws a { width: 95px; background-image: url(../../images/bodhitv/menu/tab-nieuws.png); }
#navigation li#nav-binnenkort a { width: 121px; background-image: url(../../images/bodhitv/menu/tab-binnenkort.png); }
.bodhitv #navigation li#nav-algemeen a { background-image: url(../../images/bodhitv/menu/tab-light-algemeen.png); }
.bodhitv #navigation li#nav-artikelen a { background-image: url(../../images/bodhitv/menu/tab-light-artikelen.png); }
.bodhitv #navigation li#nav-bodhitv a { background-image: url(../../images/bodhitv/menu/tab-light-bodhitv.png); }
.bodhitv #navigation li#nav-nieuws a { background-image: url(../../images/bodhitv/menu/tab-light-nieuws.png); }
.bodhitv #navigation li#nav-binnenkort a { background-image: url(../../images/bodhitv/menu/tab-light-binnenkort.png); }
#navigation:hover li a , #navigation.over li a {
	background-position: bottom left !important;
}
#navigation li a:hover {
	background-position: top left !important;
}
.algemeen #navigation li#nav-algemeen a , .artikelen #navigation li#nav-artikelen a , .membernews #navigation li#nav-artikelen a , .bodhitv #navigation li#nav-bodhitv a , .nieuws #navigation li#nav-nieuws a , .binnenkort #navigation li#nav-binnenkort a{ 
	background-position: top left;
}

/* Spotlight + Contents
**********************************/
#wrapper, #ft-wrapper {
	float: left;
	width: 100%;
}
#ft-wrapper {	
	border-top: 1px solid #AAA;
	margin-top: 50px;
	padding-top: 15px;
}
#spotlight {
	display: block;
	height: 370px;
	width: 960px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
#spotlight p.description, #spotlight-small p.description {
	background: url(../../images/bodhitv/bg/grey-transparent.png) top left repeat-y;
	color:#FFF;
	padding: 10px;
	margin: 0;
	position: absolute;
	bottom: 25px;
	width: 260px;
	text-align: left;
}
#spotlight p.description {
	right: 25px;
}
#spotlight-small p.description {
	left: 170px;
}	
#spotlight p.description a, #spotlight-small p.description a {
	color: #FFF;
}
.bodhitv #spotlight {
	width: 450px;
	height: 372px;
	margin-left: -20px;
	background: none;
}
#spotlight h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 39px;
	background: url(../../images/bodhitv/bg/overlay.png) top left no-repeat;
	padding: 12px 0 0 20px;
	border: none;
	text-align: left;
}
#bodhitv-player p {
	width: 450px;
	height: 320px;	
	border: 1px solid #CCC;
	background: #FFF url(../../images/bodhitv/bg/default.png) top center no-repeat;
}
#spotlight #bodhitv-player p {
	width: 960px;
	border: none;
	color: #EFEFEF;
}
#spotlight #bodhitv-player p  a {
	color: #EFEFEF;
}
#spotlight-small {
	margin: 0 0 10px 0;
	background: none;
	height: 370px;
	width: 960px;
	position: relative;
}
#spotlight-small #bodhitv-player{
	float: left;
	width: 450px;
	height: 370px;
}
div.semi-featured {
	margin-left: 20px;
	float: right;
	width: 225px;
}
div.semi-featured a {
	text-decoration: none;
	color: #FFB400;
}
div.semi-featured h2 {
	padding-left: 12px;
	background: url(../../images/bodhitv/icons/tv.gif) 0px 2px no-repeat;
	border: none;
	color: #FFB400;
	margin-bottom: 0;
	font-size: 1.2em;
}
div.semi-featured h2 span.date{
	font-size: .8em;
	padding: 0 5px;
	font-weight: normal;
	color: #555;
	font-family: Arial, sans-serif;
}
div.semi-featured img {
	width: 225px;
	margin-bottom: 10px;
}
div#bodhitv-themepage {
	width: 450px;
	float: right;
	padding: 10px 10px 0 10px;
	background: #EEE;
	margin-bottom: 20px;
}
#contents {
	margin: 0 490px 0 20px;
}
div.themepage{
	padding: 10px 10px 1px 10px;
	background: #EEE;
	margin-bottom: 20px;
}
#center-column, #right-column {
	float: left;
	width: 215px;
}
.member #center-column, .memberpage #center-column, .membernews #center-column {
	width: 450px;
}
.memberpage #center-column {
	margin-top: -30px;
}
#center-column {
	margin-left: -470px;
}
#right-column {
	margin-left: -235px;
}
#themepage {
	display: block;
	width: 450px;
	float: left;
	margin-left: -470px;
	clear: right;
}
#themepage #right-column {
	float: left;
	margin-left: 20px;
}
#themepage #center-column {
	clear: left;
	float: left;
	margin-left: 0;
}
#search2 {
	float: right;
}
#search2 input{
	width: 160px;
	margin-left: 0;
	height: 13px;
	padding-top: 2px;
}
*html #empty {
	height: 1%;
	margin-top: -20px;
}

/* Footer
**********************************/
#footer {
	position: relative;
	clear: left;
	width: 100%;
	height: 1%;
}
#ft-center-column, #ft-right-column {
	margin-top: 50px;
	padding-top: 15px;
	margin-bottom: 20px;
}
#ft-left-column {
	margin-bottom: 20px;
}
#footer ul li {
	list-style: none;
	border-bottom: 1px solid #AAA;
	padding: 5px 0;
}
#search label, #search2 label {
	width: auto;
}
#search input,#search2 input  {
	border: 1px solid #AAA;
	padding: 1px 2px;
	width: 200px;
	font-size: 11px;
	height: 13px;
	vertical-align: middle;
	margin-left: 10px;
}
#search .submit, #search2 .submit {
	text-indent: -5000px;
	width: 40px;
	height: 20px;
	background: url(../../images/bodhitv/icons/search.gif) center no-repeat;
	vertical-align: middle;
	float: none;
	margin: 0;
}
#copyright {
	position: absolute;
	top: 261px;
	left: 20px;
	line-height: 21px;
}
#copyright img {
	height: 21px;
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

/* Homepage and Footer and Article overview have 3 Equal columns
****************************/
.home #contents, #ft-left-column, .overview #contents {
	margin: 0 640px 0 20px;
}
.home #center-column, #ft-center-column, .home #right-column, #ft-right-column, .overview #center-column, .overview #right-column{
	float: left;
	width: 290px;
}
.home #center-column, #ft-center-column, .overview #center-column {
	margin-left: -620px;
}
.home #right-column, #ft-right-column, .overview #right-column {
	margin-left: -310px;
}

/* BodhiTv Items
****************************/
#main .bodhitv dl { min-height: 150px; }
* html #main .bodhitv dl {height: 150px;}
#main .artikelen dl {	min-height: 165px;}
* html #main .artikelen dl {height: 165px;}

.home #main .bodhitv dl {
	padding-left: 115px;
	min-height: 100px;
}
.overview #main .bodhitv dl{
	min-height: 100px;
}
* html .home #main .artikelen dl { height: 80px;}
* html .overview #main .artikelen dl { height: 130px;}
.home #main .artikelen dl{min-height: 80px;}
.overview #main .artikelen dl{min-height: 130px;}
* html .home #main .bodhitv dl, * html .overview #main .bodhitv dl { height: 100px;}

#main .nieuws dl, #main .algemeen dl {min-height: 30px;}
* html #main .nieuws dl, * html #main .algemeen dl  {height: 30px;}
.bodhitv h3 a {
	text-indent: 14px;
	background: url(../../images/bodhitv/icons/tv.gif) 0px 2px no-repeat;	
}
body.home #main .bodhitv dt{
	margin-left: -115px;
}/*
body.bodhitv #main .bodhitv dt {
	width: 135px;
	float: right;
}*/
body.member #main #contents dt{
	text-indent: 0;
}
#main .bodhitv dt {
	text-indent: 52px;
	background: url(../../images/bodhitv/icons/tv.gif) 0px 2px no-repeat;
}
.artikelen h3 a {
	text-indent: 14px;
	background: url(../../images/bodhitv/icons/page.gif) 0px 2px no-repeat;
}
#main .artikelen dt {
	text-indent: 52px;
	background: url(../../images/bodhitv/icons/page.gif) 0px 2px no-repeat;
}
h3 a  {
	padding-left: 14px;
}
.nieuws h3 a {
	padding-left: 0;
}
#main dt {
	text-indent: 35px;
}
#main .algemeen dt, .algemeen h3 a {
	text-indent: 52px;
	background: url(../../images/bodhitv/icons/calendar.gif) 0px 2px no-repeat;
}
dt, dd {
	margin-bottom: 3px;
}
.member-page dl {
	width: 447px;
}
.member-page dl dt {
	float: left;
	clear: left;
	width: 120px;
	margin-bottom: 15px;
}
.member-page dl dd {
	margin-bottom: 15px;
	float: left;
	width: 325px;
}
dd span, li span {
	display: none;
}
.comments {
	padding-left: 14px;
	background: url(../../images/bodhitv/icons/comment.gif) center left no-repeat;
	float: left;
	margin-right: 7px;
	color: #AAA;
}
dd.image {
	float: left;
	margin: 5px 5px 0 0;
	height: 56px;
	width: 75px;
	overflow: hidden;
}
body.artikelen .artikelen dd.image,
body.home .artikelen dd.image {
	height: 40px;
	width: 100px;
	top: 15px;
	left: 0;
}
body.home .bodhitv dd.image {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 15px;
	left: 0;
}
body.bodhitv dd.image {
	margin-top: 2px;
}
.algemeen #main dd.image img, .bodhitv #main dd.image img, .nieuws  #main dd.image img{
	height: 100px;
	width: 100px;
	margin-top: -22px;
	margin-left: -12px;
}
.tags ul {
	margin-left: 20px;
	width: 240px;
}
.tags ul li {
	list-style: none;
}
#main dd.date {
	position: absolute;
	top: 0;
}
#main .nieuws dd.date {
	left: 0;
}
#main .bodhitv dd.date,
#main .artikelen dd.date,
#main .algemeen dd.date {
	left: 18px;
}/*
body.bodhitv #main .bodhitv dd.date{
	left: 98px;
}*/
dl.author {
	background-color: #EEE;
	padding: 10px;
	float: right;
	margin: 0 0 5px 10px;
	min-height: 40px !important;
}
* html dl.author {
	height: 40px !important;
}
#main #contents dl.author dt {
	text-align: center;
	text-indent: 0;
	padding-left: 14px;
	margin: 0 0 5px 0;
	background: url(../../images/bodhitv/icons/member.gif) center left no-repeat;
}
#main #contents dl.author dt a {
	color: #AAA;
}
#main #contents dl.author dd a, #main #contents dl.author dd a img{
	float: none;
	margin-right: 0;
}
#main #contents dl.author dt a:hover {
	text-decoration: none;
}
#main #contents dl.author dd {
	text-align: center;
}
#contents ul.properties {
	display: block;
	list-style: none;
	color: #AAA;
	height: 20px;
	margin: 0 0 20px 0;
}
* html #contents ul.properties {
	margin: 0 0 10px 0;
}
#main #contents ul.comment {
	margin: 20px 0;
}
#contents ul.properties li {
	float: left;
	margin-right: 7px;
}
#contents ul.properties li.date {
	padding-left: 14px;
	background: url(../../images/bodhitv/icons/calendar-item.gif) center left no-repeat;
}
#contents ul.properties li.member {
	padding-left: 14px;
	background: url(../../images/bodhitv/icons/member.gif) center left no-repeat;
}
#contents ul.properties li.tags {
	margin-right: 0;
	background: url(../../images/bodhitv/icons/tags.gif) center left no-repeat;
}
#contents ul.properties a {
	color: #AAA;
}
#contents img.member {
	float: left;
	margin-right: 10px;
}
hr.comment-seperator {
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: none;
	margin: 0;
}
p.commenttext {
	min-height: 81px;
}
* html p.commenttext {
	height: 81px;
}

/* Rate an article or movie
**********************************/
li#rate-me, em.rating {
	margin-top: 2px;
	display: block;
	position: relative;
	width: 75px;
	height: 15px;
	background: url(../../images/bodhitv/icons/rating-empty.gif) top left repeat-x;
	text-indent: -5000px;
}
li#rate-me span, em.rating span {
	display: block;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -5000px;
	z-index: 5;
	background: url(../../images/bodhitv/icons/rating1.gif) top left repeat-x;
}
li#rate-me a {
	display: block;
	width: 15px;
	position: absolute;
	top: 0;
	z-index: 10;
	text-indent: -5000px;
	background: none;
}
li#rate-me a#rate-me1 { left: 0; }
li#rate-me a#rate-me2 { left: 15px; }
li#rate-me a#rate-me3 { left: 30px; }
li#rate-me a#rate-me4 { left: 45px; }
li#rate-me a#rate-me5 { left: 60px; }
li#rate-me a.selected {
	background: url(../../images/bodhitv/icons/rating1.gif) top left no-repeat;
}
li#rate-me a.deselected {
	background: url(../../images/bodhitv/icons/rating-empty.gif) top left no-repeat;
}
img.author{
	float: left;
	margin: 0 15px 5px 0;
}
/* Forms
**********************************/
label {
	display: block;
	margin-bottom: 5px;
}
#main label {
	clear: left;
	width: 135px;
}
#main label.reversed {
	float: left;
	clear: right;
	width: 175px;
	margin-right: 8px;
}
* html #main label.reversed {
	padding-top: 3px;
}
#commentform label {
	width: 50px;
}
#newsletter label, #search-form label {
	width: 100px;
}
#applyform label.wide {
	width: 250px;
}
input.text, textarea.text {
	border: 1px solid #000;
	padding: 2px;
	font-size: 12px;
	width: 255px;
	height: 16px;
	margin-bottom: 5px;
}
textarea.text  {
	height: 120px;
}
input.check {
	float: left;
	margin: 2px 15px 3px 0;
	clear: left;
}
input.small {
	width: 175px;
}
#commentform textarea.text {
	width: 440px;
	height: 170px;
}
.indent {
	margin: 0 20px;
	height: 1%;
}
input.submit, button.submit {
	float: right;
	border: 0px #FFF;
	background-color: #FFF;
	padding: 0;
	margin: 20px 0 0 -20px;
	font-size: 1.6em;
	height: 26px;
	cursor: pointer;
}
#search-form{
	width: 295px;
}
.indent input.submit, .indent button.submit {
	margin-right: 480px;
}
input.bad, textarea.bad {
	background-color: #ffe2e2;
}

/* Codeblock to embed a movie on own website
**********************************/
input.code {
	border: 1px solid #555;
	font-family: "Courier New",  Courier, monospace;
	font-size: 1em;
	color: #555;
	margin-bottom: 20px;
}

/* Write article form
**********************************/
#main dl#legend {
	border: 1px solid #CCC;
	background-color: #F0F0EE;
	padding: 10px;
}
#main dl#legend dt {
	text-indent: 0;
	background: none;
	float: left;
	clear: left;
	margin-right: 10px;
}
#main dl#legend dd {
	line-height: 24px;
}

/* Loginform
**********************************/
#login {
	position: relative;
	border: none;
	padding: 0 20px;
	margin-bottom: 20px;
	color: #000;
}
#login form label {
	margin-right: 30px;
	width: auto;
}
#login form input {
	margin-top: 5px;
}
#login form input.submit {
	float: none;
	border: 0px #FFF;
	background-color: #FFF;
	padding: 0;
	margin: 20px 0 0 -20px;
	font-size: 1.6em;
	width: 70px;
	height: 26px;
	cursor: pointer;
}
#login ul {
	position: absolute;
	top: 50px;
	right: 40px;
}
#login ul li {
	list-style: none;
}
#login ul li a {
	color: #000;
}
/* Ontdek button
**********************************/
div#npo_button_container{
	left: 875px;
	top: 5px;
}
div#npo_navigation_content ul li span{
	display: block;
}