/* $Id: stijl.css 16952 2007-09-26 18:28:35Z bjorn $ */

/*
Colors:
dark red:  #8c0000
light red: #d30202
greys:     #ccc #999 #666 #333
b/w:       #000 #fff
*/

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

html, body, input, textarea, pre, blockquote {
	font-family: arial, helvetica, sans-serif;
}

body {
	background-color: #8c0000;
}

#siteDiv, #player {
  font-size: 11px;  /* Font-size verplaatst ivm Forum */
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#contentDiv {
  padding-bottom: 20px;
}

#contentDiv:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

div.menulevel1 {
	background: #666 !important;
}

div.menulevel2 {
	background: #8c0000 !important;
}

div.menulevel3 {
	background: #666 !important;
}

/************************************ ALGEMEEN ************************************/
#menu-tekst {
	color: #ccc;
	line-height: 20px;
	font-size: 11px;
}

p {
	font-size: 11px;
	padding: 0 4px;
}
div.meta {
	margin-bottom: 10px;
	color: #999;
}

div.metaicon {
	position: relative;
	margin-top: -3px;
	float: left;
	margin-right: 6px;
	height: 50px;
}

ul.items div.meta p {
	color: #999;
	margin: 0;
	padding: 0 4px;
}
p.meta {
	color: #999;
	margin: 0 0 10px 0;
	padding: 0 10px;
}
img {
	border: none;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	color: #8c0000;
}

#artikel a, .text a {
	color: #d30202;
	font-weight: bold;
}

#artikel a:hover, .text a:hover {
	color: #333;
}

td a:hover {
	color: #000;
}

.mouseover a:hover {
	color: black;
	cursor: pointer;
}

.mouseover{
	cursor: pointer;
}

a.link {
	color: #8c0000;
}

a.link:hover {
	color: #666;
}

a.selected {
	color: #8c0000;
}

ul.vlak {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

ul.vlak li {
	clear: both;
}

.strook {
	width: 1000px;
	margin: 0 auto;
	clear: both;
}

ul.ext-links {
	padding: 0;
	margin: 0 0 12px 40px;
	clear: both;
}

ul.ext-links li {
	font-size: 11px;
	list-style-image: url(/pix/icons/newwin.gif);
}

h1 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 36px;
}

h2 {
	font-size: 18px;
	padding: 0 4px;
	margin: 10px 0 0 0;
}

h2.strak {
	padding: 0;
	margin: 0;
}

h2.ruim {
	margin-bottom: 10px;
}

h3 {
  font-size: 13px;
	padding: 0 4px;
	color: #999;
	margin: 0 0 8px 0;
	line-height: 20px;
  
}

.clear {
	clear: both;
}

hr {
	color: #999;
	background-color: #999;
	border: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

form {
	margin: 0;
	padding: 0;
}

.hidden{
	display: none;
}

span.rood{
	color: #8c0000;
	font-weight: bold;
}

#persoonlijkeheader {
	background-color: #8c0000;
	height: 60px;
	clear: both;
}

div.mediaicoon{
	width: 20px;
	height: 20px;
  margin-top: 7px;
}

li.audioicoon-fff, div.audioicoon-fff{
	margin: 3px 3px 0 -3px !important;
	background: url('/pix/iconen/audio-animatie-lichtrood-op-fff.gif') top left no-repeat;
}

li.highlight.audioicoon-fff, .highlight div.audioicoon-fff {
	background: url('/pix/iconen/audio-animatie-lichtrood-op-ccc.gif') top left no-repeat;
}

li.audioicoon-ccc, div.audioicoon-ccc{
	background: url('/pix/iconen/audio-animatie-lichtrood-op-ccc.gif') top left no-repeat;
}

li.highlight.audioicoon-ccc, li.highlight .audioicoon-ccc {
	background: url('/pix/iconen/audio-animatie-lichtrood-op-999.gif') top left no-repeat;
}

li.highlight.audioicoon{
	background: url('/pix/iconen/audio-animatie-lichtrood-op-ccc.gif') top left no-repeat;
}


.videoicoon-fff, .videoicoon-ccc{
/* FIXME */
  /* margin: 4px 3px 0 -3px !important; */
	background: url('/pix/iconen/video-animatie-lichtrood.gif') top left no-repeat;
}


.highlight .videoicoon{
	background: url('/pix/iconen/video-animatie-lichtrood.gif') top left no-repeat;
}

/************************************ FORM ************************************/
input.menuinput {
	width: 80px;
	height: 16px;
	border: none;
	padding: 0 1px;
	margin: 2px 4px 0 4px;
}

input.button,
input.button_ie {
	border: none;
	color: #d30202;
	background-color: #ccc;
	padding: 0;
	font-weight: bold;
	margin: 10px 2px 10px 0;
}

input.button.highlight {
	background-color: #999;
}

/************************************ TAGCLOUD ************************************/
#tagcloudtarget {
  margin-top: -3px;
}

#tags {
	height: 77px;
	overflow: hidden;
	font-size: 8px;
	padding-bottom: 7px;
}

#tags-wide {
	background-color: white;
	overflow: hidden;
	padding-top: 6px;
}

#tags a {
	color: #999;
}

#tags a:hover {
	color: #666;
}

#tags .links {
	float: left;
	padding-right: 20px;
}

#tags .rechts {
	float: right;
}

#tags div.po_lock {
	width: 53px;
	height: 38px;
}

#tags ul {
	float: left;
	padding: 0;
	margin: 0;
	text-align: justify;
}

#tags li {
	list-style: none; 
	display: inline;
	line-height: 20px;
	margin: 0 4px;
}

#tags .level0 {
  font-size: 110%;
}

#tags .level1 {
  font-size: 130%;
}

#tags .level2 {
  font-size: 150%;
}

#tags .level3 {
  font-size: 170%;
}

#tags .level4 {
  font-size: 180%;
}

#tags .level5 {
  font-size: 190%;
}

#tags .level6 {
  font-size: 210%;
}

#tags .level7 {
  font-size: 230%;
}

#tags .level8 {
  font-size: 250%;
}

#tags .level9 {
  font-size: 270%;
}

#tags .level10 {
  font-size: 290%;
}

/****************************** HOOFDMENU / SITEMAP ****************************/

#menu-wide {
	background-color: #d30202;
	clear: both;
}

#hoofdmenu, #submenu, #subsubmenu, #sitemapmenu {
	font-family: "arial narrow", arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.6pt;
	color: white;
	overflow: hidden;
}

#subsubmenu-wide {
	background-color: #D30202;
}

#sitemapmenu ul {
  float: right;
}

#hoofdmenu li, #submenu li, #subsubmenu li, #sitemapmenu li {
	height: 20px;
	list-style: none;
	display: inline;
	float: left;
}

#hoofdmenu a, #submenu a, #subsubmenu a, #sitemapmenu a {
	font-size: 11px;
	padding: 5px 6px;
	color: white;
	line-height: 20px;
}

#subsubmenu ul.persoonlijkMenu a.first,
#hoofdmenu a, #submenu a, #subsubmenu a {
	border-left: 1px solid #fff;
}

#subsubmenu ul.persoonlijkMenu a {
  border-left: none;
	border-right: 1px solid #fff;
}


div.images #hoofdmenu a, div.images #submenu a, 
div.images #subsubmenu a, div.images #sitemapmenu a {
	float: left;
	line-height: 5px;
	padding: 0;
	margin: 0;
}

div.images #hoofdmenu a.tekst {
	float: left;
	padding: 3px 6px 5px 6px;
	line-height: 12px;
}

div.images #hoofdmenu input {
	float: left;
}

#sitemapmenu li {
  border-left: 1px solid white;
  float: right;
}

#hoofdmenu a.notfirst, #submenu a.notfirst, #subsubmenu a.notfirst {
	border-left: none;
}

#hoofdmenu a:hover, #subsubmenu a:hover {
	background-color: #666;
}

/* getallen achter menu onderdelen */
div.images #submenu a img {
  float: left;
}

#submenu li.numberedItem a span {
  color: #000;
  line-height: 20px;
  padding-right: 8px;
}

/* sitemap */
#sitemapmenu li.actief {
  background-color: #ccc;
}

#submenu a:hover {
	background-color: #666;
}

#hoofdmenu .last, #submenu .last, #subsubmenu .last, #sitemapmenu .last {
	border-right: 1px solid white;
}

#hoofdmenu a.actief,  #subsubmenu a.actief, 
input.actief, li.actief {
	background-color: #666;
}

#submenu a.actief {
	background-color: #8c0000;
}

#submenu li.tv a.actief {
	background-color: #000;
}

#sitemapmenu li.highlight,
#sitemapmenu li.actief {
  background-color: #666;
}

#hoofdmenu a.actief:hover {
	background-color: #666;
	cursor: default;
}

div.legeregel1, div.legeregel2, div.legeregel3, 
div.legeregel4, div.legeregeltrans {
  height: 20px;
  clear: both;
}

div.legeregel1, div.legeregel3{
	background-color: #666;
}

div.legeregel2 {
	background-color: #8c0000;
}

div.legeregel4 {
  background-color: #ccc;
}

div.legeregel {
  height: 40px;
}

div.legeregeltrans {
  background-color: transparent;
}

/***/


/************************************ IFRAME ************************************/
iframe#signon {
	position: absolute;
	width: 430px;
	height: 500px;
	left: 400px;
	top: 92px;
	border: none;
	z-index: 2150;
}

iframe#quiz {
	position: absolute;
	width: 656px;
	height: 490px;
	left: 400px;
	top: 92px;
	border: none;
	z-index: 2150;
}

iframe#dagboek {
	position: absolute;
	width: 770px;
	height: 450px;
	left: 400px;
	top: 92px;
	border: none;
	z-index: 2150;
}

#frameHeader {
	position: absolute;
	width: 426px;
	height: 18px;
	left: 400px;
	top: 72px;
	background-color: white;
	z-index: 2150;
	padding: 1px;
	border: 1px solid #666;
}

#frameHeader img {
	float: right;
	margin: 0 2px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
/************************************ BODY ************************************/
#body {
	clear: none;
	overflow: hidden;
	background: transparent;
}
/* TODO is dit wel handig? */
#body-wide {
	background-color: #8c0000;
	overflow: hidden;
}

#body-wide.home, body.home {
	background-color: #666;
}

#body-wide #balk {
	height: 20px;
	background-color: white;
}

#body-wide #body {
	position: relative;
	margin-top: -20px;
}

/* verschillende achtergronden: nieuws, persoonlijk, programmas, etc */
#body-wide.nieuws #balk, #body-wide.artiestDetail #balk {
	height: 220px;
	background-color: #666;
}


#body-wide.showsdetail #balk {
  height: 220px;
  background-color: #ccc;
}

#body-wide.nieuws #body, 
#body-wide.showsdetail #body,
#body-wide.artiestDetail #body {
	position: relative;
	margin-top: -220px;
}

body.persoonlijk #body-wide, body.persoonlijk {
	background-color: #666;
}

#body-wide.cartoon #balk {
	height: 130px;
	background-color: white;
}

#body-wide.cartoon #body {
	position: relative;
	margin-top: -130px;
}

#body-wide.lokaal #balk {
	height: 810px;
	background-color: white;
}

#body-wide.lokaal #body {
	position: relative;
	margin-top: -810px;
}

/************************* Witte Balk ******************************************/
#body-wide.rood #balk {
  visibility: hidden;
}

#body-wide.persoonlijk #balk {
	visibility: hidden;
}

#body-wide.kijkenluister #balk {
  visibility: visible;
}

#body-wide.showsdetail #balk {
  visibility: visible;
}

#body-wide.radiotv #balk {
  visibility: visible;
}

#body-wide.luisterpaal #balk {
  visibility: visible;
}

#body-wide.nieuwsenachtergronden #balk, #body-wide.dagboeken #balk {
  visibility: visible;
  margin-top: 20px;
}

/************************* end witte balk ******************************************/

#body-wide.persoonlijk .dialoog {
	width: 1000px;
}

div.persoonlijk #body {
	padding-top: 40px;
}

div.persoonlijk.tag #body {
	padding-top: 20px;
}

#body-wide.rood #body {
	position: relative;
}

#body-wide.rood #bodytekst {
	background-color: #8c0000;
}

#header-wide {
	border-top: 1px solid white;
}

#header {
	height: 200px;
}

#header h2 {
	font-size: 30px;
	padding: 10px;
	color: white;
}

#header p {
	color: #ddd;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
}

#header p.datum {
	color: white;
	font-size: 14px;
}

h3.top {
	margin: 0;
	background-color: white;
	font-size: 11px;
	color: black;
	padding: 3px 1px 1px 3px;
	line-height: 16px;
	border-left: 1px solid #D30202; /* waarom niet? - edwin */
}

#tekst h3.top, #radiotv h3.top {
	border-left: none;
}

div.maxhoogte {
	height: 142px;
	overflow: hidden;
	margin-bottom: 10px;
}


/************************************ KOLOMMEN IN BODY ************************************/

div.bodyhalf {
	float: left;
	width: 264px;
	font-size: 11px;
	/* border-left: 1px solid #D30202; */
	border-right: 1px solid #D30202;
	border-top: 1px solid #D30202;
	height: 300px;
}

div.bodysecondhalf {
	width: 264px;
	margin-left: -1px;
	border-right: none;
	height: 300px;
  border-left: 1px solid #D30202;
}

div.bodyhalf.first {
	border-top: none;
}

#tekst div.bodyhalf h2 {
	padding-left: 3px;
}

#tekst div.bodyhalf p {
	margin-top: 0;
	padding-bottom: 4px;
}

#tekst div.bodyhalf div.image {
	width: 264px;
	height: 205px;
	background-color: #999;
	overflow: hidden;
}

div.bodythird {
	float: left;
	width: 176px;
	height: 300px;
	font-size: 11px;
	border-right: 1px solid #D30202;
	border-top: 1px solid #D30202;
	padding-bottom: 4px;
  background-color: #fff;
}
div.bodythird.borderLeft {
  border-left: 1px solid #D30202;
}

div.bodysecondthird {
	border-left: 1px solid #D30202;
	width: 176px;
	margin-left: -1px;
	border-right: none;
}

div.bodythird.first {
	border-top: none;
}

div.bodythird h2 {
	font-size: 14px;
}

/********************************* end kolommen in body ************************/

p.sub {
	margin: 0;
	font-size: 11px;
	color: #999;
	padding-left: 8px;
}

p.grey {
	margin: 0;
	font-size: 11px;
	color: #999;
	padding: 0;
}

p.black {
	margin: 0;
	font-size: 11px;
	color: #000;
	padding: 0;
}

#dossier-body {
	border-bottom: 1px solid #D30202;
}

div.dossierkop p {
	margin-top: 0;
}

/*
TODO: div.audio is nu vervangen door audio-fff etc
*/
#tekst div.audio, #shows .audio, #tekst div.video, #shows .video {
	/* padding-left: 28px; */
}

#tekst div.high {
	height: 80px;
}

h3 b {
	font-weight: inherit;
	color: #8c0000;
}

.padded {
	padding: 0 4px;
}

/******************************** REAGEER OLD *********************************/
#reageer {
	color: black;
	background-color: white;
	float: left;
	width: 529px;
	border-left: 1px solid #D30202;
	border-right: 1px solid #D30202;
	margin-right: -1px;
}

#reageer a {
	font-weight: bold;
	color: #D30202;
}

#reageer a:hover {
	color: #333;
}

.reageerbalk {
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background-color: #999;
  border-top: 1px solid #fff;
}

.reageerbalk.bovenste {
  border-top: none;  
}

.reageerbalk img {
	border-left: 1px solid #ccc;
}

.reageerbalk b {
	border-right: 1px solid #ccc;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
	display: block;
	float: left;
}

#reageerknop {
	color: #D30202;
	font-size: 11px;
	margin: 0;
	padding: 0px 10px;
	height: 20px;
	float: right;
	border: none;
	border-left: 1px solid #ccc;
	background-color: transparent;
}

#reageerknop.highlight, #reageerknop.selected {
	background-color: #666;
}

.reactie {
	overflow: hidden;
}

.reactie iframe {
	padding-left: 6px;
}

.reactie p {
	padding-left: 6px;
	color: white;
}

.reactie div.reactiebody p {
	color: black;
}

.reactie img {
	border-left: 1px solid #999;
}

body .reactie input {
	margin-left: 6px;
}

.reactie.edit {
	background-color: #666;
}

h4.reactiekop {
	background-color: #ccc;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
}

h4.reactiekop img {
	float: right;
}

h4.reactiekop img.userimage {
	float: left;
	margin-right: 6px;
}

h4.reactiekop b {
	color: #D30202;
}

h4.reactiekop span.button {
	float: right;
	padding: 0 3px;
	margin-right: 6px;
	background-color: #999;
	cursor: pointer;
}

#reageerbox {
	width: 529px;
	height: 0;
	overflow: hidden;
	color: white;
	background-color: #666;
}

#reageerbox p {
	padding-left: 6px;
}

#reageerbox iframe {
	padding-left: 6px;
}
#reageerbox input {
	margin-left: 6px;
}
#reageerbox textarea {
	margin: 0 0 6px 6px;
	width: 513px;
}

div.reactiebody {
	padding: 4px;
	padding-left: 30px;
	font-size: 11px;
}

#reageerempty {
	display: none;
}

/****************************** REAGEER NEW ***********************************/
div#commentsDiv {
  background-color: #fff;  
}

div#commentsDiv div.commentContainerDiv div.commentHeader {
  background-color: #ccc;
  height: 20px;
}

div#commentsDiv div.commentContainerDiv div.commentHeader h4 {
  line-height: 20px;
  font-weight: bold;

	font-size: 11px;
	line-height: 20px;
	margin: 0;
}

div#commentsDiv div.commentContainerDiv div.commentHeader h4 img {
  float: right;
}

div#commentsDiv div.commentContainerDiv div.commentHeader h4 img.userimage {
	float: left;
	margin-right: 6px;
}

div#commentsDiv div.commentContainerDiv div.commentHeader h4 img.delete,
div#commentsDiv div.commentContainerDiv div.commentHeader h4 img.warning {
  border-left: 1px solid #999;
	cursor: pointer;
	
}

div#commentsDiv div.commentContainerDiv div.commentHeader h4 img.delete.actief,
div#commentsDiv div.commentContainerDiv div.commentHeader h4 img.warning.actief {
  background-color: #333;
}


div#commentsDiv div.commentContainerDiv div.commentBody {
  padding: 15px 5px 15px 35px; 
}

div#commentsDiv div.commentContainerDiv div.commentBody a {
  color: #d30202;
	font-weight: bold;
}

div.reactbar {
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	background-color: #999;
  font-weight: bold;
}

div.reactbar div {
  float: left;
  border-right: 1px solid #eee;
  padding: 0 5px;
  margin: 0;
}

div.reactbar div.nullValue {
  visibility: hidden;
}

div.reactbar ul li{
  list-style: none;
	height: 20px;
  float: right;
  border-left: 1px solid #fff;
}

div.reactbar ul li.highlight, 
div.reactbar ul li.actief,
div.addreactionbar ul li.highlight, 
div.addreactionbar ul li.actief {
  background-color: #333;
	border-left: 1px solid #fff;
}

img.delete {
  cursor: pointer;
}

/************************************ COMMUNITY BAR ************************************/

#my {
	margin: 0;
	padding: 0;
	width: 530px;
	display: block;
	background-color: #ccc;
	overflow: hidden;
/*  border-bottom: 1px solid #d30202; */
/* width: 527px; */
}

#my.noBottomBorder {
  border-bottom: none !important;
}

.bottomBorder {
  border-bottom: 1px solid #d30202;
}

.smal #my {
	width: 529px;
}

.wijd #my {
	width: 1000px;
}

#my li {
	font-size: 10px;
	color: #8c0000;
	line-height: 20px;
	border-right: 1px solid #999;
	padding: 0 4px;
	margin: 0;
	list-style: none;
	display: inline;
	float: left;
}

#my li.noseperator {
	border-right: none;
	padding-right: 0;
}

#my li.highlight, #my li.selected, #my li.actief {
	background-color: #333;
}

#my li.right {
	float: right;
	border-left: 1px solid #999;
	border-right: none;
}

#my p {
	float: left;
	font-size: 11px;
	color: black;
	margin: 0;
	padding: 0 5px 0 3px;
	font-weight: normal;
}

#my img, #my ul,
ul.communitybarUl img {
	float: left;
}

#my a.reacties {
	float: left;
	margin-right: 2px;
}

ul.communitybarUl li a.reacties,
ul.communityBar li a.reacties {
  width: 45px;
}

ul.communitybarUl li a.reacties div {
  display: inline;
}

#my ul.tags-main {
	display: inline;
	padding: 0;
	margin: 0;
	width: 300px;
	height: 20px;
	overflow: hidden;
}

#my ul.tags-main li {
	background: url(/pix/iconen/bullet-lichtrood-op-ccc.gif) 0 0 no-repeat;
	padding-left: 12px;
	display: inline;
	border: none;
}

#my ul.tags-main a {
	color: #D30202;
}

#my ul.tags-main a:hover {
	color: #333;
}

.dialoog {
	text-align: left;
	clear: both;
	height: 0;
	background-color: #333;
	overflow: hidden;
	color: white;
	font-size: 11px;
	width: 529px;
	z-index: 10;
}

.wijd .dialoog {
	width: 1000px;
}

.dialoog .dialoogtekst {
	padding: 6px;
}

.dialoog p {
	padding: 10px 0 0 0;
	clear: both;
}

.dialoog ul {
	margin: 0;
	padding: 0 6px;
	list-style: none;
}

/**** rating ****/

#ratingdialoog p {
	padding: 8px 0 2px 0;
	margin: 0;
}

#personalrating,
#globalrating {
  overflow: hidden;
}

#globalrating p {
  margin-bottom: 0.5em;
}

#personalrating p {
  margin: 1em 0 0.5em 0;
}

#ratingdialoog img,
#personalrating img,
#globalrating img {
	float: left;
	margin-right: 5px;
}

#personalrating img {
  cursor: pointer;
}

#personalrating .rated {
  background-color: #0c0;
  padding: 2px;
  color: #000;
  border: 1px solid #f5e0a2;
  height: 14px;
  float: left; 
}

.dialoogtekst #globalrating,
.dialoogtekst #uitlegDiv {
  clear: both;
}

#ratingsterren {
	clear: both;
	overflow: hidden;
	padding-bottom: 8px;
}

#globalrating,
#personalrating {
  clear: both;
}

/* zolang niet waardering niet kan worden aangepast
#personalRating {
	height: 44px;
}
*/
#mytags {
	background-image: url(/pix/iconen/tag-lichtgrijs-op-333.gif);
}

#mytags li {
	background-image: url(/pix/iconen/bullet-lichtgrijs-op-333.gif);
}

/***  communitybar ***/

ul.communitybar,
ul.communitybarUl {
  background-color: #ccc;
  overflow: hidden;
  height: 20px;
  position: relative;
  list-style: none;
}

ul.communitybar.wide {
  width: 1000px;
}

ul.communitybar img, 
ul.communitybar ul {
  float: left;
}

div.communitybar ul.communitybarUl li,
ul.communitybarUl li,
ul.communitybar li {
  font-size: 10px;
  color: #8c0000;
  line-height: 20px;
  border-right: 1px solid #999;
  padding: 0 4px;
  margin: 0;
  list-style: none;
  display: inline;
  float: left;
	clear: none;
}

ul.communitybar li.noseperator {
  border-right: none;
  padding-right: 0;
}

ul.communitybarUl li.highlight, 
ul.communitybarUl li.selected, 
ul.communitybarUl li.actief {
  background-color: #333;
}

ul.communitybar li.right {
  float: right;
  border-left: 1px solid #999;
  border-right: none;
}

div.ajaxRating {
  height: 20px;
}

div.ajaxRating span {
  margin-top: -5px;
  line-height: 10px;
  color: #999;
  font-size: 80%;
}

/* communitybar tags */
/* 
let op DRIE-2106 
"div.communitybar div.ajaxTags" verwijderd
*/
div.communitybarTags.ajaxTags,
div.communitybar div.ajaxTags {
  margin-top: 1px;
}

div.communitybarTags ul.tags {
  background: #ccc url('/pix/iconen/tag-lichtgrijs-op-ccc.gif') 4px 0 no-repeat;
  padding-left: 30px;
  width: 499px;
  height: auto;
}

div.communitybarTags ul.tags li {
  display: inline;
  color: #c00;
  line-height: 20px;
  background: transparent url('/pix/iconen/bullet-lichtrood-op-ccc.gif') no-repeat scroll 0 -3px;
  padding-left: 12px !important;
  margin-bottom: 40px;
}

div.communitybarTags ul.tags li a {
  color: #c00;
}

/* end communitybar tags */

/** communitybar dialogues **/

#communitybar-templates {
  display: none;
}

.communitybar-dialoog {
  background-color: #333 !important;
  color: #fff;
  padding: 30px 10px;
  position: relative;
	overflow: hidden;
}

.communitybar-dialoog .links {
  width: 520px;
  border-right: 1px solid #fff;
	margin-right: -1px;
}

.communitybar-dialoog .rechts {
  margin-left: 520px;
	padding-left: 20px;
  position: absolute;
  width: 440px;
  text-align: left;
  border-left: 1px solid #fff;
}

.communitybar-dialoog .links .bookmarktall {
  height: 150px;
}

.communitybar-dialoog label {
  margin-top: 12px; 
}

.communitybar-dialoog textarea,
.communitybar-dialoog input.text {
  border: none;
  padding: 2px;
  margin-bottom: 10px;
  width: 476px;
  line-height: 20px;
}

.communitybar-dialoog input.text {
  height: 16px;
}

.communitybar-dialoog input.text.active {}

.communitybar-dialoog .slideDiv {
  height: 0;
}

.communitybar-dialoog,
.slideDiv  {
  background-color: #333 !important;
}

.communitybar-dialoog .socialbookmarks div {
  /* background-color: #369; */
}

.communitybar-dialoog .socialbookmarks div {
  width: 125px;
  height: 25px;
  line-height: 20px;
  float: left;
	overflow: hidden;
  margin: 0 5px 15px 0;
}

.communitybar-dialoog .socialbookmarks div a {
  color: #d30202;
}

.communitybar-dialoog .socialbookmarks div img {
  margin-right: 15px;
}

/** dialogen smal **/
div.smal div.communitybar-dialoog div.links {
  width: 495px;
}

div.smal div.communitybar-dialoog {
  width: 510px;
	background-color: #333;
} 

/***************************** end communitybar ********************************/

/****************************** PAGINA BODY TEKST ******************************/

#paginakop {
	background-color: #8c0000;
}

#paginakop-grijs {
	background-color: #666;
}

#paginakop-grijs div.strook {
	width: 1000px;
	height: 130px;
	border-left: 1px solid #d30202;
	border-right: 1px solid #d30202;
	width: 998px !important;
}

#paginakop h1 {
	margin: 16px 0;
}

#paginakop img {
	margin-top: 4px;
}
/* BJORN */
#tekst {
	float: left;
  width: 529px;
	color: black;
	background-color: white;
	border-left: 1px solid #D30202;
	border-right: 1px solid #D30202;
	margin-right: -1px;
}

#tekst h3 {
	margin-top: 5px;
}

.metadata {
	padding: 8px 4px;
	color: #000;
	font-size: 12px;
}

.ruler {
	border-bottom: 2px solid #999;
}

.metadata span {
	color: #999;
}

div.fototext {
	padding: 6px;
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  width: 515px;
}

div.fototext a {
  color: #d30202;
  font-weight: bold;
}

div.fototext a:hover {
  color: #333;
}

div.fototext p {
  padding: 0 0 14px 0;
}

#fotokolom, .fotokolom {
	float: left;
	width: 100px;
	border-right: 1px solid #d30202;
	margin-right: -1px;
}

div.fotokolom-groot {
	float: left;
	width: 160px;
	margin-top: 10px;
}

#fotokolom p, .fotokolom p {
	color: #d30202;
	font-size: 9px;
	padding: 2px 2px 6px 2px;
	margin: 0;
}

#fotokolom div.highlight p, .fotokolom div.highlight p {
	color: #333;
}

#fotokolom div.highlight, .fotokolom div.highlight {
	background-color: white;
}

div.fotokolom-groot p {
	color: black;
	font-size: 9px;
	padding: 0 2px;
	margin: 2px 0;
}

#artikel div.audio, #artikel div.video {
	font-weight: bold;
	line-height: 40px;
	border-bottom: 1px solid #999;
	border-top: 1px solid white;
	font-size: 11px;
	background: url(/pix/iconen/audio-animatie-lichtrood-op-fff.gif) 10px 12px no-repeat;
	padding-left: 40px;
}

.smal #artikel div.audio, .smal #artikel div.video {
	padding-left: 40px;
	width: 382px;
}

#artikel div.video {
	background: url(/pix/iconen/video-animatie-lichtrood.gif) 10px 12px no-repeat;
}

#artikel div.audio.highlight {
	background: #ccc url(/pix/iconen/audio-animatie-lichtrood-op-ccc.gif) 10px 12px no-repeat;
	border-top: 1px solid #999;
}

#artikel div.audio a, #artikel div.video a {
	color: #000;
}


ul.artists {
	padding-left: 25px;
	margin: 0;
	font-size: 11px;
}

/************************************ TAGS ************************************/

body ul.tags, ul.tags {
	padding: 0 0 0 22px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	background: url(/pix/iconen/tag-lichtgrijs-op-fff.gif) -3px -0px no-repeat;
}


body ul.tags li, ul.tags li {
  color: #999;
  background: url(/pix/iconen/bullet-lichtgrijs-op-fff.gif) 1px -3px no-repeat;
  padding: 0 0 0 12px !important;
  display: inline;
  border: none !important;
}

div.tekst ul.tags {
	width: 330px;
}

.highlight ul.tags {
  background: url(/pix/iconen/tag-lichtgrijs-op-ccc.gif) -3px -0px no-repeat;
}

.highlight ul.tags li {
  background: url(/pix/iconen/bullet-lichtgrijs-op-ccc.gif) 1px -3px no-repeat;
}

/* op #ccc */
body ul.tags.col_ccc,
body div.col_ccc ul.tags {
  background: url(/pix/iconen/tag-donkergrijs-op-ccc.gif) -3px -0px no-repeat;
}

body ul.tags.col_ccc li, 
ul.tags.col_ccc li li,
body div.col_ccc ul li { 
  color: #666;
  background: url(/pix/iconen/bullet-donkergrijs-op-ccc.gif) 1px -3px no-repeat;
  margin-left: 5px;
}

.highlight ul.tags.col_ccc, 
.highlight div.col_ccc ul.tags, 
li.highlight ul.tags.col_ccc li  {
  background: url(/pix/iconen/tag-donkergrijs-op-999.gif)  -3px -0px no-repeat;
}

.highlight ul.tags.col_ccc li, 
.highlight div.col_ccc ul.tags li, 
li.highlight ul.tags.col_ccc li {
  background: url(/pix/iconen/bullet-donkergrijs-op-999.gif) 1px -3px no-repeat;;
}

/****************************** end tags **************************************/

.homesmal{
	padding: 3px 0 0 10px;
  margin: 0;
	border-bottom: 1px solid #fff;
	height: 20px;
  font-weight: normal;
}

.homesmal img{
	padding: 0;
	margin: -2px 7px 0 -2px;
  float: left;
}

div.reacties {
	background: url(/pix/iconen/ballon-lichtgrijs-op-fff.gif) 0 2px no-repeat;
	padding: 3px 8px 0 30px;
	color: #999;
	float: left;
	height: 20px;
	font-weight: bold;
}

.highlight div.reacties {
	background-image: url(/pix/iconen/ballon-lichtgrijs-op-ccc.gif);
}

div.reacties.nullValue,
.highlight div.reacties.nullValue {
  background-image: none;
}

div#pager {
	background-color: #ccc;
	height: 20px;
	text-align: right;
	padding: 0;
	overflow: hidden;
}

div#pager a {
	float: right;
	border-left: 1px solid #3d2020;
}

div#pager a:hover {
	background-color: #999;
}

div#pager span {
	float: right;
	line-height: 20px;
	font-weight: bold;
	padding-right: 20px;
}


/************************************ FOTOVERSLAG ************************************/
div.foto {
	clear: both;
	width: 264px;
	float: left;
}
div.foto.twee {
	clear: none;
	margin-left: 1px;
}

div.foto p {
	color: #d30202;
	font-size: 10px;
	padding: 3px 4px 15px 4px;
}

div.foto.highlight {
	background-color: white;
}
div.foto.highlight p {
	color: #333;
}

/************************************ ARTIKEL ************************************/
#artikel {
	float: left;
	width: 428px;
	font-size: 12px;
	border-left: 1px solid #D30202;
}

div.cartoon #artikel {
	border-left-style: none;
}

#artikel.full-width {
	width: auto;
}

div.artikel-smal {
	float: left;
	width: 365px;
	font-size: 12px;
	margin-top: 10px;
}

#artikel div {
	padding: 4px 6px;
	width: 414px;
}

.smal #artikel div {
	padding: 4px 6px;
	width: 413px;
}

#artikel div.audio {
	width: 383px;
}

div.artikel-smal p {
	padding: 0 6px;
	margin: 0 0 1em 0;
}

#artikelkop {
	height: 200px;
	width: 530px;
	background-color: #666;
	color: white;
	background-repeat: no-repeat;
}

.smal #artikelkop {
	width: 529px;
}

#artikelkop h1 {
  font-size: 36px;
  padding: 10px 0 0 13px;
}

#artikelkop h2 {
	color: white;
	padding-top: 10px;
	margin-top: 0;
	height: 100px;
	font-size: 22px;
}

#artikelkop h3 {
	color: white;
	margin-top: 0;
	height: 40px;
}

#artikelkop p, #artikelkop h2, #artikelkop h3 {
	padding-left: 8px;
}

div.cartoon #header h2 {
	font-size: 24px;
	margin: 0;
	color: black;
}

div.cartoon #header h3 {
	font-size: 16px;
	color: black;
	margin: 0;
	padding-left: 10px;
}

div.cartoon #header p {
	font-size: 11px;
	color: black;
	margin: 0;
	font-weight: normal;
}

div.cartoon #header {
	height: 110px;
	overflow: hidden;
}

div.cartoon #artikel p {
	margin: 0;
}

div.cartoon #artikel .cartoonTekst {
  width:500px;
}

div.cartoon #artikel div {
	width: 520px;
	margin-bottom: 8px;
}

/************************************ LIJST VAN INTROS ************************************/
ul.items {
	list-style: none;
	padding: 0;
	margin: 0 -1px 0 0;
	background-color: white;
	border-left: 1px solid #D30202;
	border-right: 1px solid #D30202;
	border-top: 1px solid #D30202;
	width: 529px;
	float: left;
}

#tekst ul.items {
	border-left: none;
}

ul.items li {
	clear: both;
	border-bottom: 1px solid #D30202;
	background-repeat: no-repeat;
	padding-left: 120px;
	overflow: hidden;
}

/*** Rebelbass ***/
/*
ul.items.rebelbass li {
	padding-left: 0;
	background-position: 0 64px;
}

ul.items.rebelbass div.tekst {
	margin-left: 100px;
}

ul.items div.tekst-kop {
	float: left;
	width: 528px;
	height: 64px;
	padding-left: 100px;
	color: grey;
}
*/
/***/

ul.items li.first {
  /* border-top: 1px solid #D30202; edwin: is nu in ul.items */
}

ul.items li.last, div.last {
	border-bottom: none;
}

ul.items li.pager {
	padding: 0;
	border-bottom: none;
}

ul.items li li {
	border: none;
}

ul.items div.tekst {
	float: left;
	width: 408px;
	padding-bottom: 4px;
	border-left: 1px solid #ccc;
}

ul.items div.tekstNoborder {
  float: left;
  width: 408px;
  padding-bottom: 4px;
}

ul.items div.indent {
	margin-left: 4px;
}

ul.items .highlight {
	background-color: #ddd;
}

ul.items p {
	padding-bottom: 1em;
}

ul.items h4 {
	padding-left: 4px;
	margin: 6px 0;
	font-size: 12px;
	color: #999;
}

/*
ul.items ul.tags {
	margin-left: 4px;
}
*/
ul.items div.fixedheight {
	height: 70px;
}

/* kan weg?? */
/*
ul.items ul.tags {
	overflow: hidden;
	height: 20px;
	width: 310px;
	background-position: -6px 0px;
}

ul.items ul.tags li {
	line-height: 20px;
}
*/
ul.itemssmall {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	width: 346px;
	float: left;
}

ul.itemssmall li {
	clear: both;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
	background-color: #ccc;
	padding: 0 0 0 72px;
	overflow: hidden;
	height: 65px;
}
ul.itemssmall h2{
	margin: 0;
	padding: 0;
}

ul.itemssmall h4{
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

/************************************ TEKST ************************************/
div.tekst h3 {
	color: black;
	font-size: 16px;
	margin: 4px 0 0 4px;
	padding: 0;
}

div.tekst .metadata {
	padding: 6px 4px;
	font-size: 11px;
}

div.tekst p {
	font-size: 11px;
	margin: 0;
}

/************************************ RELATED ************************************/
#tussen-modules {
	width: 468px;
	float: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
}

#tussen-modules span {
	padding: 0 6px;
}

.highlight {
	background-color: #bbb;
	cursor: pointer;
}

#tekst h3.top {
  font-weight: bold !important;
	margin: 0;
	background-color: white;
	font-size: 11px;
	color: black;
	padding: 3px 1px 1px 3px;
	line-height: 16px;
}

.modules div.speaker {
	background: url('/pix/icons/sound.png') 8px 13px no-repeat;
	padding-left: 28px;
}

.modules div.bodythird div.speaker {
	width: 145px;
}

.modules {
	float: right;
	background-color: #d3d3d3;
	width: 468px;
	border-right: 1px solid #D30202;
	border-left: 1px solid #D30202;
	min-height: 20px;
}

div#componentResponseTop h3,
div#componentResponseBottom h3,
.modules h3 {
	margin: 0;
	background-color: #fff;
	font-size: 11px;
	color: black;
	padding: 3px 1px 1px 3px;
	line-height: 16px;
	border-top: 1px solid #D30202;
}

div#componentResponseTop h3.first,
div#componentResponseBottom h3.first,
.modules h3.first {
	border-top: 0;
}

.modules p {
	font-size: 11px;
	padding: 0 4px;
	margin: 3px 0;
}

div.agenda .modules {
	margin: 0;
	padding: 0;
	width: 249px;
	border-left: none;
}

div.agenda .modules h3 {
	border-top: none;
}

div.agenda .modules p {
	width: 220px;
}

div.first h3 {
	border-top: none;
}

.klein {
	width: 347px;
}

div.rechterad {
	width: 120px;
	border-left: none;
	height: 620px;
	background-color: transparent;
}

div.rechterad h3 {
/* border-bottom: 1px solid #D30202; */
  border-top: none;
}

div.highlight {
	background-color: #bbb;
}

div.email.highlight {
	background-color: #bbb !important;
}

div.email{
  border-bottom: 1px solid #fff;
  padding: 8px 5px 7px 5px;
}

div.email.last{
  border-bottom: 0;
}

div.colofonblokje {
	height: 150px;
}
/************************************ RELATED: LIJSTEN ************************************/
dl {
	padding: 0;
	margin: 0;
	background-color: white;
	clear: both;
}

dt {
	margin: 0;
	padding: 0;
	font-size: 11px;
	padding-left: 4px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	border-top: 1px solid #d30202;
}

dd {
	margin: 0;
	padding: 0 4px;
	background-color: #d3d3d3;
	font-weight: bold;
	font-size: 11px;
	min-height: 20px;
	line-height: 20px;
	border-bottom: 1px solid white;
}

.modules dd p {
	margin: 0;
}

dd ul.tags {
	background-image: url(/pix/iconen/tag-lichtgrijs-op-ccc.gif);
	background-position: -3px 0;
}

dd ul.tags li {
	background-image: url(/pix/iconen/bullet-lichtgrijs-op-ccc.gif);
}

dl.fotos, dl.fotos dt {
  margin: 0;
  padding: 0;
}

dl.fotos dd {
	clear: both;
	padding: 0;
	height: 50px;
}

dd img, dd div {
	float: left;
	margin-right: 6px;
}

dd.last {
	border: none;
}

dd ul {
	margin: 0;
	padding: 0;
}

dd li {
	display: inline;
	font-size: 10px;
	color: #666;
}

a.audio {
	background: url('/pix/iconen/audio-animatie-lichtrood-op-ccc.gif') 0 0 no-repeat;
	padding: 2px 0 5px 28px;
  margin: -2px 7px 0 -2px;
}

a.video {
	background: url('/pix/iconen/video-animatie-lichtrood.gif') 0 0 no-repeat;
	padding: 2px 0 5px 25px;
	margin: -2px 7px 0 -2px;
}

/*** red bullets ***/

div.red-bullets div.container {
	clear: both;
	width: 460px;
}

div.red-bullets div {
	float: left;
}

div.red-bullets div.red-bullet {
	padding: 0 4px;
  color: #d30202;
  font-weight: bold;
  text-align: right;
}

div.red-bullets div.red-bullet p {
	margin: 3px 0 0 0;
  padding: 0;
  width: 15px;
  text-align: right;
}

div.red-bullets div.list-text {
	padding-top: 3px;
	width: 435px;
}

div.red-bullets div.bottomlink {
	border-top: 1px solid #fff;
	height: 20px;
}

div.red-bullets a.bottomlink {
  color: #000;
  text-transform: uppercase;	
}

div.red-bullets a:hover.bottomlink {
  color: #8c0000;
}

div.half div.red-bullets div.list-text {
	width: 205px;
}

div.half div.red-bullets div.container {
	width: 230px;
}

/* lijst met fotos */
div.lijst-met-plaatjes ul.fotos {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.lijst-met-plaatjes ul.fotos li {
  padding: 0 30px 0 55px;
  height: 50px;
  border-bottom: 1px solid #fff;
  line-height: 22px;
}

div.lijst-met-plaatjes ul.fotos li.last {
  border-bottom: none;
}

div.lijst-met-plaatjes ul.fotos li a {
  margin-left: 2px;
}

div.lijst-met-plaatjes ul.fotos ul {
  margin: 0;
}

div.lijst-met-plaatjes ul.fotos li.highlight {
  background-color: #999 !important;
}

div.lijst-met-plaatjes h3 {
  color: #000;
  background-color: #fff !important;
  border-top: 1px solid #d30202;
}

/*
div.lijst-met-plaatjes ul.fotos li, 
div.lijst-met-plaatjes ul.fotos li.highlight {
  padding-left: 55px;
  height: 50px;
  border-bottom: 1px solid #fff;
}
*/

/************************************ RELATED: TWEE KOLOMMEN ************************************/
div.half {
	float: left;
	width: 232px;
	background-color: #d3d3d3;
	border-right: 1px solid #D30202;
	font-size: 11px;
	overflow: hidden;
}

div.halfsmal {
	float: left;
	width: 173px;
	background-color: #d3d3d3;
	font-size: 11px;
	border-right: none;
	overflow: hidden;
}

div.halfdouble{
	height: 218px;
}

div.secondhalf {
	border-left: 1px solid #D30202;
	width: 234px;
	margin-left: -1px;
	border-right: none;
}

div.secondhalfsmal, div.secondhalfsmal h3 {
	border-left: 1px solid #D30202;
	width: 174px;
	margin-left: -1px;
	border-right: none;
}

div.white {
	/* border-bottom: 1px solid #D30202; edwin: niet meer (conflict met ul.items) */
	height: 20px;
	background-color: white;
}

div.half ul {
	margin: 0;
	padding: 10px 4px 10px 20px;
}

.modules ul {
	padding: 0 0 0 20px;
	margin: 6px 0;
}

.modules ul.list li {
	list-style-image: url(/pix/icons/bullet.png);
	font-size: 11px;
}

.skyscraper{
	position: absolute;
	width: 120px;
	top: 0;
	right: 0;
	height: 620px;
}

/************************************ BLOKJES ************************************/
.modules ul.blokjes {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.blokjes li {
	padding: 8px 0 0 0;
	clear: both;
	border-bottom: 1px solid #fff;
	height: 79px !important; 
	overflow: hidden;
}

ul.blokjes li.last {
	height: 78px; /* correct? */
	border-bottom: none;
}

ul.blokjes .smal {
	height: 70px;	
}

div.modules li.highlight {
	background-color: #999;
}

div.modules ul.blokjes li.highlight {
	background-color: #999;
}

ul.blokjes li p {
	padding: 0 0 8px 8px;
}

ul.blokjes img {
	margin-top: -8px;
	float: left;
	display: block;
}
 
ul.blokjes p {
	float: left;
	width: 330px;
	font-size: 11px;
	margin: 0;
}
	
div.box {
	clear: both;
	border-bottom: 1px solid #d30202;
	background-color: white;
	height: 120px;
	margin: 0;
	padding: 0;
}

div.box.high {
	height: 277px;
}

div.box.highlight {
	background-color: #ddd;
}

div.box.highlight h3 { /* IE */
	background-color: #ddd;
}

div.box p {
	padding: 0 4px 4px 10px;
	width: 312px;
}

div.box h3 {
	padding: 10px 4px 0 10px;
	background-color: inherit;
	border: none;
}

/* ongebruikt ???
div.song {
	padding: 3px 8px;
	float: left;
	width: 175px;
}

div.song div.high {
	height: 220px;
}

div.song div.speaker {
	background: url(/pix/icons/speak-red-on-white.png) 0px 3px no-repeat;
	padding-left: 17px;
}

div.song div.speaker h2 {
	font-size: 14px;
	width: 155px;
}


div.song p.sub {
	padding-left: 5px;
}
*/

div.speaker.small {
	width: 155px;
}

p.sub.small {
	width: 155px;
}

.nu-online {
	height: 70px;
}

div.nu-online.highlight {
	background-color: #aaa;
}

/************************************ RELATED - SMALL ************************************/
.klein p {
	width: 310px;
}

.klein ul.blokjes p {
	width: 215px;
}

ul.smal{
	height: 75px;
}


/************************************ TABTABEL ************************************/


legend {
	font-size: 11px;
	font-family: sans-serif;	
}

#tabs {
	margin: 0;
	padding: 0;
	background-color: #ccc;
	overflow: hidden;
	width: 1000px;
}

#tabs li {
	font-family: "arial narrow", arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1pt;
	float: left;
	list-style: none;
	display: inline;
	height: 20px;
	line-height: 20px;
	color: #D30202;
	padding: 0 6px 3px 0;
	border-right: 1px solid white;
	cursor: pointer;
}

#tabs {
  border-left: 1px solid white;
}

#tabs li.first{
/* border-left: 1px solid white; */
}

#tabs li b {
	padding-left: 10px;
}

#tabs li.actief {
	background-color: white;
	cursor: default;
}

#tabs li.highlight {
	background-color: white;
}

img.tabtabletitle{
	float:left;
	padding:0;
}

input.tabltable{
	border:0;
	width: 57px;
	height: 17px;
	padding: 0 3px 0 3px;
	margin: 0 15px 0 6px;
}

div.tabs-bottom {
	clear: both;
}

td.hd-mediatype {
  width: 27px;
}

td.hd-letterfilter {
  width: 442px;
}

td.hd-tags {
 /* width: 470px; */
}

td.hd-rating {
  width: 150px;
}

/******* MISC ***********/

div.smal #bodytekst {
	width: 529px;
}

#body-wide.smal div.dialoog {
	width: 529px;
}

#alltags {
	margin-top: 20px;
}

.bold{
	font-weight: bold;
}

#footer{
	position: fixed;
	bottom: 0;
	background-color: #333;
	color: #ccc;
	text-align: center;
	font-size: 10px;
	width: 100%;
}

#lokaaldiv {
	background-color: #fff;
	width: 1000px;
}

#profileForm {
	margin: 20px;
}

span.error {
	color: #d30202;
}

div.feed img {
	float: left;
	margin: 0px 7px 0px 1px;
}

div.feed a {
	line-height: 20px;
}

input.busy {
	background: #fff url(/pix/icons/indicator_snake.gif) right no-repeat;
}

.pointer{
	cursor: pointer;
}

#bezigmetladen {
	position: absolute;
	top: 400px;
	width: 100%;
	text-align: center;
	display: none;
}

#bezigmetladen.ondoorzichtig img {
	margin: 4px;
	background-color: #fff;
}

#leeg-eigen, #leeg-ander, #uitleg {
	display: none;
}

#leeg-eigen p, #leeg-ander p, #uitleg p, #altijd p {
	padding: 4px;
	margin: 0;
	background-color: white;
}

.smal #leeg-eigen p, .smal #leeg-ander p, .smal #uitleg p, #altijd p {
	width: 521px;
}

#weblog {
	width: 529px;
	background-color: white;
}

.teaserDiv{
  width: 530px;
  height: 620px;
  overflow:hidden;
}

.noOverflow{
  overflow: hidden;
}

.noBorder div.half,
h3.noBorder {
  border: none;
}

h3.noBorderTop {
  border-top: none;
}

.blokje50{
  height:53px;
}
 
.borderbottom{
  border-bottom:1px solid #fff;
}

.relatedHeader{
  color: #666;
  font-weight: bold;
}

h1.teaserDivH1{
  width: 504px;
  font-size: 36px;
  color: #000;
  margin: 0;
  padding: 0;
}

.oneTeaserText{
  font-size: 19px;
  text-align:justify;
  padding: 0;
  margin: 0;
  overflow:hidden;
}

.fourTeaserDiv {
  height: 300px;  
  padding: 0;
  margin: 0;
  overflow:hidden;
}
  
.fourTeaserDiv h2 {
  padding: 0 4px;
  margin: 4px 0 0 0;
}

.blokjeTitel{
  height:20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
}

.text666 {
  color: #666;
}

div.tekst.festivals {
	min-height: 150px;
}

div.w468 {
/*  width: 460px !important; */
}


/******************************** Advertenties *********************************/
div.hidden_ad {
  display: none;
}

#ad_300x250 div {
  margin-left: 84px;
}

#ad_300x250 h3 {
  margin-left: -84px;
}

/********************************** sitemap ************************************/

#sitemapDiv {
  background-color: #d30202;
  height: 20px;
  width: 100%;
}

div#sitemapMenuDiv {
  padding: 50px 0 40px 0;
	background-color: #ccc;
  width: 100%;
}

div#sitemapMenuDiv div.containerDiv {
  width: 1000px;
	margin: 0 auto;
  overflow: hidden;
}

div#sitemapMenuDiv div.sitemapColumn {
  width: 200px;
	float: left;
}

div#sitemapMenuDiv div.sitemapColumn ul {
  list-style: none;
}

div#sitemapMenuDiv div.sitemapColumn li {
  margin-bottom: 7px;
}

div#sitemapMenuDiv div.sitemapColumn h1,
div#sitemapMenuDiv div.sitemapColumn h2 {
  font-size: 11px;
	padding: 0;
	margin: 0;
	font-weight: normal;
  background-color: #ccc;
}

div#sitemapMenuDiv div.sitemapColumn h1 a {
  color: #000;
}

div#sitemapMenuDiv div.sitemapColumn h2 a {
  color: #d30202;
}

/**************************** Notificatie Div *********************************/
#notificationDiv {
  background-color: #d30202;
  color: #fff;
  font-size: 20px;
  clear: both;
}

#notificationDiv div {
  width: 1000px;
  margin: 0 auto;
  padding: 15px 0;
}

/****************************** wysiwyg tekst **********************************/
.wysiwyg p {
  margin: 7px 0;
}

.wysiwyg blockquote {
  font-style: italic !important;
  margin: 0 20px;
}

.wysiwyg ul, 
.wysiwyg ol {
  font-size: 11px;
  margin-left: 20px;
}

.embeddedVideo {
  /* border: 5px solid #c00; */
}

/*******************************************************************************/

#profielenblokje .profielhome{
  float: left;
  width: 173px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.profielhome .first{
  clear: left;
}

#profielenblokje .last{
  border-bottom: none !important;
}

#profielenblokje .second{
  float: left;
  width: 173px;
  border-right: none;
}

.profilepic{
  float:left;
  padding: 0 3px 0 0;
}

.profielhome .name, .profielhome .name a{
  color: #d30202;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 5px;
  line-height: 20px;
}

.error .strook {
  padding-top: 50px;	
}

.error p{
	padding: 25px;
	margin: 25px;
	background: white;
	font-size: large;	
	-moz-border-radius: 5px;
}

/*************************** mijn3voor12 profiel *******************************/