/*
BodhiTv - http://www.bodhitv.nl/
@author: Jeroen van den Berg - Yes2web
@version: 20070817-01
*/

/* General stuff
****************************/
body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #555;
}
body #main dd, body #main p {
	font-size: 11.4px;
}
p {
	margin-bottom: 20px;
}
h1,h2,h3,h4,dt,dd,#subnav, #footer ul {
	margin: 0;
}
label {
	cursor: pointer;
}
fieldset {
	border: none;
}
/* Headers & subnav
****************************/
h2 {
	font-size: 1.4em;
	font-family: "Trebuchet MS", sans-serif;
	padding-bottom: 5px;
	margin-bottom: 15px;
	color: #555;
	border-bottom: 1px solid #555;
}
#main #spotlight h2{
	color: #FFF;
	border-bottom: 0px;
}
#spotlight #bodhitv-player a {
	color: #FFF;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #666;
}
h4 {
	margin-bottom: 10px;
}
#subnav {
	margin-bottom: 30px;
}
#subnav li {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	margin-bottom: 15px;
}
#subnav li a, #main  dt {
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Trebuchet MS", sans-serif;
}
dl{
	position: relative;
	display: block;
	margin-bottom: 15px;
}
span.gray, span.gray-left, span.gray-right{
	display: block;
}
.gray, .gray-left, .gray-right{
	background-color: #EEE;
	padding: 10px;
}
.gray-left{
	width: 205px;
	float: left;
	margin: 0 10px 5px 0;
}
.gray-right{
	width: 205px;
	float: right;
	margin: 0 0 5px 10px;
}

p.caption, p.caption-left {
	display: block;
	width: 220px;
	font-style: italic;
	font-size: .9em;
}
p.caption{
	float: right;
	margin: 10px 0 10px 10px;
}
p.caption-left{
	float: left;
	margin: 10px 10px 10px 0;
}

/* Links
****************************/
a {
	color: #555;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
#main dt a, #footer a, #subnav li a {
	text-decoration: none;
}
#main dd a {
	color: #888;
}
#footer, #footer a {
	font-weight: normal;
	color: #888;
}
#main dt a:hover, #footer a:hover, #bodhitv-player h2 a{
	text-decoration: underline;
}
h2 a, h3 a {
	text-decoration: none;
}
button.algemeen, button.search { /* Newsletter/search submitbutton */
	border: none;
	background: none;
	color: #990000;
	float: right;
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 5px;
}
button.search{
	color: #000;
}
/* Paginatr
****************************/
p.paginatr {
	float: right;
	font-size: 1.2em !important;
}
p.paginatr, p.paginatr a {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	font-family: "Trebuchet MS", sans-serif;
}
#main .artikelen p.paginatr, #main .artikelen p.paginatr a {color: #336699;}
#main .bodhitv p.paginatr, #main .bodhitv p.paginatr a {color: #FFB400;}
#main .nieuws p.paginatr, #main .nieuws p.paginatr a {color: #057200;}
#main .algemeen p.paginatr, #main .algemeen p.paginatr a {color: #990000;}
#main .artikelen p.paginatr a {border-bottom: 1px solid #336699;}
#main .bodhitv p.paginatr a {border-bottom: 1px solid #FFB400;}
#main .nieuws p.paginatr a {border-bottom: 1px solid #057200;}
#main .algemeen p.paginatr a {border-bottom: 1px solid #990000;}

#container #main p.paginatr a:hover {
	border-bottom: none;
}
/* Coloring different sections
****************************/
#main .bodhitv h2, #main .bodhitv h2 a, #main h2.bodhitv a, #main .bodhitv h3 a, #main .bodhitv h3, #main .bodhitv dt, #main .bodhitv dt a, .bodhitv #subnav li a, h2.bodhitv { color: #FFB400; }
#main .algemeen h2, #main .algemeen h2 a, #main .algemeen h3 a, #main .algemeen h3, #main .algemeen dt, #main .algemeen dt a, .algemeen #subnav li a  { color: #990000; }
#main .artikelen h2, #main .artikelen h2 a, #main h2.artikelen a, #main .artikelen h3 a, #main .artikelen h3, #main .artikelen dt , #main .artikelen dt a, .artikelen #subnav li a, h2.artikelen { color: #336699; }
#main .nieuws h2, #main .nieuws h2 a, #main .nieuws h3, #main .nieuws h3 a, #main .nieuws dt, #main .nieuws dt a, .nieuws #subnav li a  { color: #057200; }

#main .bodhitv h2, .bodhitv #subnav li a:hover, .bodhitv h3 a:hover, h2.bodhitv{ border-bottom: 1px solid #FFB400;}
#main .algemeen h2, .algemeen #subnav li a:hover, .algemeen h3 a:hover { border-bottom: 1px solid #990000; }
#main .artikelen h2, .artikelen #subnav li a:hover, .artikelen h3 a:hover, h2.artikelen { border-bottom: 1px solid #336699; }
#main .nieuws h2, .nieuws #subnav li a:hover, .nieuws h3 a:hover { border-bottom: 1px solid #057200; }
body.bodhitv #filter, body.artikelen #filter{
	margin: -7px 0 0 0;
	padding: 0 10px 5px 0;
	position: absolute;
	background: #FFF;
	z-index: 100;
}
body.overview #filter, body.overview #filter{
	margin-left: -20px;
}
body.bodhitv #filter li, body.artikelen #filter li{
	background: #FFF;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	height: 20px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.4em;
}
body.bodhitv #filter li a, body.artikelen #filter li a{
	display: block;
	color: #999;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFB400;
	text-decoration: none;
	width: 190px;
}
body.artikelen #filter li a{
	border-bottom: 1px solid #336699;
}
body.bodhitv #filter li a:hover {
	color: #FFB400;
}
body.artikelen #filter li a:hover {
	color: #336699;
}