/*** SCRIPTERS: HOUD DE FUCKING CSS NETJES ***/
/*** DEEL DINGEN OP IN CATEGORIEN ZOALS NU ***/
/*** HET GEVAL IS. DAN KUNNEN ER MEERDERE  ***/
/*** MENSEN AAN HETZELFDE PROJECT WERKEN   ***/
/*** ZONDER DE HELE TIJD ELKAAR TE UPDATEN ***/
body
{
	background				: url('../images/background.jpg') 50% 0%;
}

html, body, div
{
	padding					: 0px;
	margin					: 0px;
}

html, body, div, table, td, input, textarea
{
	font-family				: arial;
	font-size				: 11px;
	line-height				: 15px;
	letter-spacing				: 1px;
	color					: #000000;
}
img
{
	border					: 0px;
}


div.container
{
	padding-top				: 25px;
	width					: 100%;
	margin-left				: auto;
	margin-right			: auto;
	text-align				: center;
}

div.page
{
	width					: 1000px;
	text-align				: left;
	margin					: auto;
}

h1
{
	margin					: 0px;
}

h2
{
	display					: none;
}

h1.trackfm
{
	text-indent				: -4000px;
	background				: url('../images/trackfm.png');
	width					: 231px;
	height					: 117px;
	float					: left;
}
h3.trackfm
{
	display					: none;
}
p.trackfm
{
	display					: none;
}

div.header
{
	width					: 1000px;
	height					: 158px;
}

div.headerleft
{
	width					: 553px;
	height					: 117px;
	float					: left;
}

div.trackfm
{
	width					: 231px;
	height					: 117px;
	float					: left;
}

div.nowonair
{
	width					: 553px;
	float					: right;
}

div.nowonair
{
	background				: url('../header.php?nowonair');
	width					: 322px;
	height					: 117px;
	float					: right;
}

*div.nowonair
{
	background				: url('../header.php?nowonair&isIE=1');
}

div.nowonair img
{
	width					: 322px;
	height					: 117px;
}

div.comingup
{
	background				: url('../header.php?comingup');
	width					: 447px;
	height					: 158px;
	float					: left;
}

*div.comingup
{
	background				: url('../header.php?comingup&isIE=1');
}

div.comingup img
{
	width					: 322px;
	height					: 137px;
}

div.pageborder
{
	width					: 996px;
	border-left				: solid 2px black;
	border-right			: solid 2px black;
	background-color		: #322E23;
	color					: white;
}

*div.pageborder
{
	width					: 1000px;
}


/*** NAVIGATION ***/

div.navigation
{
	height					: 40px;
}

ul.navigation
{
	display					: none;
	padding					: 0px;
	margin					: 0px;
	float					: right;
	height					: 40px;
}

ul.navigation li
{
	padding					: 0px;
	margin					: 0px;
	list-style-type			: none;
	float					: left;
}

div.navigation img#spacer
{
}

*div.navigation div#navigation_swf
{
	position				: relative;
	left					: 3px;
}

div.navigation div#navigation_swf
{
	float					: left;
}
/*** CONTENT ***/

div#content
{
	padding-left			: 12px;
}

div.bel_spacer
{
	width					: 565px;
	height					: 114px;
	float					: left;
}

*div.bel_spacer
{
	width					: 562px;
}

div.actiefreecom
{
	background				: url('../images/freecomactie.png');
	width					: 560px;
	height					: 114px;
	float					: left;
	margin-bottom				: 5px;
}
div.actiefreecom div.text
{
	padding-left				: 273px;
	padding-right				: 10px;
	padding-top				: 57px;
	text-align				: justify;
	width					: 280px;
	color					: #FFFFFF;
	position				: absolute;
	float					: left;
}
div.actiefreecom div.text a
{
	color					: #ffffff;
	text-decoration				: underline;
}

div.actiefreecom div.text a:hover
{
	color					: #ffffff;
	text-decoration				: none;
}

div.belmettrackfm
{
	background				: url('../images/belmettrackfm.png');
	width					: 560px;
	height					: 114px;
	float					: left;
	margin-bottom			: 5px;
}
div.belmettrackfm div.text
{
	padding-left			: 145px;
	padding-top				: 59px;
	text-align				: justify;
	width					: 405px;
	color					: #FFFFFF;
}

*div.belmettrackfm div.text
{
	width					: 555px;
}





div.trackfmjaar
{
	background				: url('../images/trackfmjaar.png');
	width					: 400px;
	height					: 114px;
	float					: left;
}

div.trackfmjaar div.text
{
	padding-left			: 7px;
	padding-top				: 5px;
	color					: #FFFFFF;
}

div.trackfmjaar div.text a
{
	color					: #CC0000;
}

div.trackfmjaar div.text a:hover
{
	color					: #FF0000;
}


div.webcam
{
	background				: url('../images/webcam.png');
	width					: 400px;
	height					: 114px;
	float					: left;
}

div.webcam div.text
{
	padding-left			: 7px;
	padding-top				: 5px;
	color					: #FFFFFF;
}

div.webcam div.player
{
	float					: left;
}

div.webcam div.text a
{
	color					: #ffffff;
	text-decoration				: underline;
}

div.webcam div.text a:hover
{
	color					: #ffffff;
	text-decoration				: none;
}







div.tracktipper
{
	background				: url('../images/tracktipper.png');
	width					: 400px;
	height					: 114px;
	float					: left;
}

div.tracktipper div.text
{
	padding-left			: 7px;
	padding-top				: 5px;
	color					: #FFFFFF;
}

div.tracktipper div.text a
{
	color					: #CC0000;
}

div.tracktipper div.text a:hover
{
	color					: #FF0000;
}

div.tracktipper div.input
{
	margin-top				: 10px;
}

div.tracktipper div.input div.text
{
	float					: left;
	padding					: 0px;
}

div.tracktipper div.input input
{
	background-color		: #000000;
	border					: solid 1px white;
	width					: 240px;
	padding					: 4px;
	color					: white;
}

div.tracktipper div.input input.submit
{
	border					: 0px;
	padding					: 0px;
	width					: 73px;
	margin-left				: 5px;
	margin-top				: 2px;
	height					: 24px;
}







div.realtime
{
	background				: url('../images/request.png');
	width					: 400px;
	height					: 114px;
	float					: left;
}

div.realtime div.text
{
	padding-left			: 7px;
	padding-top				: 5px;
	color					: #FFFFFF;
}

div.realtime div.text a
{
	color					: #CC0000;
}

div.realtime div.text a:hover
{
	color					: #FF0000;
}

div.realtime div.input
{
	margin-top				: 10px;
}

div.realtime div.input div.text
{
	float					: left;
	padding					: 0px;
}

div.realtime div.input input
{
	background-color		: #000000;
	border					: solid 1px white;
	width					: 240px;
	padding					: 4px;
	color					: white;
}

div.realtime div.input input.submit
{
	border					: 0px;
	padding					: 0px;
	width					: 53px;
	margin-left				: 5px;
	margin-top				: 2px;
	height					: 14px;
}





div.megatrack
{
	background				: url('../images/megatrack.gif') no-repeat;
	background-color		: #6C644C;
	width					: 315px;
	height					: 114px;
	float					: left;
	margin-right			: 5px;
	margin-bottom			: 5px;
	text-align				: justify;
}

div.megatrack div.title
{
	margin-left				: 6px;
	margin-top				: 25px;
	font-size				: 10pt;
	font-weight				: bold;
	color					: #FFFFFF;
}

div.megatrack div.content
{
	color					: #EDE9DB;
	padding					: 0px;
	margin-left				: 6px;
	margin-right			: 6px;
	margin-top				: 2px;
	height					: 52px;
}

div.megatrack div.moreinfo
{
	margin-left				: 6px;
}

div.megatrack div.moreinfo a
{
	color					: #D1C399;
	text-decoration			: none;
}

div.megatrack div.moreinfo a:hover
{
	color					: #EEE3C2;
	text-decoration			: underline;
}

div.hetweerenverkeer
{
	background				: url('../images/weerbericht.gif') no-repeat;
	background-color		: #4E4837;
	width					: 240px;
	height					: 114px;
	float					: left;
	margin-right			: 5px;
	margin-bottom			: 5px;
}

div.hetweerenverkeer#verkeersinformatie
{
	display					: none;
	background				: url('../images/verkeersinformatie.gif') no-repeat;
	background-color		: #4E4837;
	width					: 240px;
	height					: 114px;
	float					: left;
	margin-right			: 5px;
	margin-bottom			: 5px;
}

div.hetweerenverkeer div.text
{
	margin-left				: 5px;
	padding-top				: 25px;
	height					: 50px;
	width					: 227px;
	color					: #EDE9DB;
}
div.hetweerenverkeer div.text a
{
	color					: #D1C399;
	text-decoration			:  none;
}

div.hetweerenverkeer div.text a:hover
{
	color					: #EEE3C2;
	text-decoration			: underline;
}

div.trackfmheadlines
{
	background				: url('../images/laatste_5_tracks.gif') no-repeat;
	background-color		: #6C644C;
	width					: 238px;
	height					: 114px;
	float					: left;
	margin-bottom			: 5px;
}

div.trackfmheadlines div.meer
{
	padding					: 0px;
	padding-left			: 6px;
	margin					: 0px;
}

div.trackfmheadlines div.meer a
{
	color					: #D1C399;
	text-decoration			: none;
}

div.trackfmheadlines div.meer a:hover
{
	color					: #EEE3C2;
	text-decoration			: underline;
}

div.trackfmheadlines ul
{
	padding					: 0px;
	padding-top				: 25px;
	padding-left			: 6px;
	padding-bottom			: 5px;
	margin					: 0px;
}

div.trackfmheadlines li
{
	list-style-type			: none;
	height					: 16px;
}

div.trackfmheadlines li a
{
	color					: #EDE9DB;
	text-decoration			: none;
}

div.trackfmheadlines li a:hover
{
	color					: #FFFFFF;
	text-decoration			: underline;
}

div.trackfmheadlines div.date
{
	float					: left;
	width					: 40px;
	color					: #EDE9DB;
}

div.moblog
{
	background				: url('../images/moblog.jpg');
	width					: 157px;
	height					: 170px;
	margin-bottom			: 5px;
}

div.moblog div.option
{
	height					: 40px;
	color					: #FFFFFF;
}

div.moblog div.content
{
	padding					: 5px;
	padding-top				: 25px;
	color					: #FFFFFF;
}

div.socialmedia
{
	background-color		: #6c644c;
	width					: 157px;
	height					: 38px;
	padding					: 0px;
	padding-top				: 15px;
}
div.ad_rechts
{
	background-color		: #ffffff;
	width					: 157px;
	height					: 118px;
	margin-bottom			: 5px;
}
div.twittervak
{
	background				: url('http://www.trackfm.nl/images/twitterback.jpg');
	width					: 157px;
	height					: 313px;
	margin-bottom			: 5px;
}

div.twittervak div.option
{
	height					: 30px;
	
	color					: #FFFFFF;
}

div.twittervak div.content
{
	padding					: 5px;
	padding-top				: 15px;
	color					: #FFFFFF;
}
div.uitlijningbanner
{
	padding-bottom			: 15px;	
}
div.twittervak div.content a
{
	color					: #fffacd;
	font-weight				: normal;
	text-decoration			: none;
}

div.twittervak div.content a:hover
{
	color					: #FFFFFF;
	text-decoration			: none;
}
div.twittervak li
{
	list-style-type			: none;
}


div.luisterlinks
{
	background				: url('../images/luister_links.jpg');
	width					: 157px;
	margin-bottom			: 5px;
}

div.luisterlinks div.option
{
	height					: 40px;
	color					: #FFFFFF;
}

div.luisterlinks div.content
{
	padding					: 5px;
	padding-top				: 25px;
	color					: #FFFFFF;
}

div.luisterlinks div.content a
{
	color					: #EDE9DB;
	font-weight				: normal;
	text-decoration			: none;
}

div.luisterlinks div.content a:hover
{
	color					: #FFFFFF;
	text-decoration			: underline;
}

div.luisterlinks div.button
{
	background				: url('../images/luister_link_button.gif') no-repeat;
	width					: 147px;
	height					: 19px;
	text-align				: center;
	padding-bottom			: 5px;
	cursor					: pointer;
	cursor					: hand;
}

div.luisterlinks div.button a
{
	position				: relative;
	top						: 2px;
	color					: #FFFFFF;
	font-weight				: bold;
}

div.luisterterug
{
	background				: url('../images/luister_terug.jpg');
	width					: 157px;
	height					: 240px;
	margin-bottom			: 5px;
}

div.luisterterug a.meer
{
	margin-left				: 6px;
	color					: #EDE9DB;
	font-weight				: bold;
	text-decoration			: none;
}

div.luisterterug a.meer:hover
{
	margin-left				: 6px;
	color					: #FFFFFF;
	text-decoration			: underline;
}

div.luisterterug ul
{
	padding					: 0px;
	margin					: 0px;
	padding-top				: 25px;
	padding-left			: 6px;
}

div.luisterterug li
{
	list-style-type			: none;
}

div.luisterterug li div.content
{
	background				: url('../images/luister_item.gif') no-repeat;
	height					: 38px;
	padding-left			: 25px;
	letter-spacing			: 0px;
	line-height				: 12px;
	color					: #EDE9DB;
}

div.luisterterug li div.content a
{
	color					: #FFFFFF;
	font-weight				: bold;
	text-decoration			: none;
}

div.luisterterug li div.content a:hover
{
	color					: #FFFFFF;
	text-decoration			: underline;
}

div.headlines
{
	background				: url('../images/nieuw_nieuws.gif') 1px 0px no-repeat #D0C196;
	color					: #000000;
	margin-bottom			: 5px;
	width					: 803px;
	height					: 19px;
}

div.headlines div.text
{
	padding-left			: 145px;
	padding-top				: 2px;
}

div.headlines div.text a
{
	color					: #322E23;
}

div.headlines div.text a:hover
{
	color					: #FFFFFF;
}

div.pagetitle
{
	width					: 803px;
	background-color		: #EAE6DB;
	margin-bottom			: 5px;
}

div.pagetitle div.text
{
	padding					: 6px;
}

div.pagetitle div.text h2
{
	display					: block;
	margin-top				: 0px;
	margin-bottom			: 0px;
}

div.pagecontent
{
	width					: 803px;
	background-color		: #ECE6D5;
	color					: #322E23;
}

div.page_end
{
	background				: url('../images/page_end.gif');
	width					: 1000px;
	height					: 16px;
}

div.copyright
{
	width					: 1000px;
	text-align				: center;
	color					: #777777;
	font-size				: 10px;
}

div.copyright a
{
	color					: #777777;
}

div.copyright a:hover
{
	color					: #BBBBBB;
}

div.aanvraagbody
{
	padding-top				: 10px;
}

div.lowera a
{
	padding-top				: 10px;
}

/********* CONTENT **********/

/********* LIJSTEN **********/

div.list
{
}

div.list div.thumbnail
{
	padding-right			: 5px;
	padding-bottom			: 5px;
	float					: left;
	width					: 103px;
	height					: 103px;
}

div.list div.item
{
	height					: 103px;
	clear					: both;
}
div.list div.item-trackfm
{
	height					: 103px;
	clear					: both;
}
div.list div.item div.text
{
	height					: 103px;
	width					: 695px;
	background-color		: #EAE6DB;
	float					: left;
}
div.list div.item div.text-trackfm
{
	height					: 103px;
	width					: 695px;
	background-color		: #d1cec5;
	float					: left;
}
div.list div.item div.body
{
	height					: 40px;
}

div.list div.item div.text div.content
{
	padding					: 5px;
}
div.list div.item div.text-trackfm div.content
{
	padding					: 5px;
}
/********* PAGINA'S MET MENU **********/

div.contentpage
{
}

div.contentpage div.menu
{
}

div.contentpage div.menu ul
{
	padding					: 0px;
	margin					: 0px;
	width					: 200px;
	float					: left;
	margin-right			: 5px;
	list-style-type			: none;
}

div.contentpage div.menu ul li
{
	padding					: 3px;
	padding-left			: 7px;
	margin-bottom			: 2px;
	background-color		: #D0C196;
	font-weight				: bold;
}

*div.contentpage div.menu ul li
{
	width					: 200px;
}

div.contentpage div.menu ul li.over
{
	background-color		: #A6C800;
}

div.contentpage div.menu ul li a
{
	color					: #000000;
	text-decoration			: none;
}

div.contentpage div.menu ul li a:hover
{
	color					: #FFFFFF;
	text-decoration			: none;
}

div.contentpage div.content
{
	float					: left;
	width					: 598px;
	height					: auto;
	*height					: 249px;
	min-height				: 257px;
	background-color		: #EAE6DB;
}

div.contentpage div.content div.text
{
	padding					: 5px;
}

/********* PAGINA'S ZONDER MENU **********/

div.contentpage div.resultaten
{
	float					: left;
	width					: 798px;
	height					: auto;
	*height					: 249px;
	min-height				: 257px;
	background-color			: #EAE6DB;
	padding-left				: 5px;
	padding-top				: 5px;
}

div.contentpage div.nosubmenu
{
	float					: left;
	width					: 798px;
	height					: auto;
	*height					: 249px;
	min-height				: 257px;
	background-color			: #EAE6DB;
	padding-left				: 5px;
	padding-top				: 5px;
}

/********** ALGEMENE DINGEN *************/

div.content a
{
	font-weight				: bold;
	color					: #000000;
}

div.content a:hover
{
	color					: #A6C800;
}

div.postedon
{
	padding-bottom			: 3px;
	color					: #AAAAAA;
}

h2.visible
{
	display					: block;
	margin-top				: 0px;
	margin-bottom			: 5px;
	color					: #000000;
	font-size				: 13pt;
}

div.popupcontainer
{
	background-color		: #322E23;
	width					: 513px;
	height					: 240px;
	border					: 1px black solid;
	text-align				: left;
}

div.popupcontainer#webcam
{
	height					: 420px;
}

div.popupcontainer#reply
{
	height					: 331px;
}

div.popupcontainer div.content
{
	margin					: 5px;
}

div.popupcontainer div.content div.header
{
	width					: 503px;
	height					: 135px;
}

div.popupcontainer div.content div.header_reply
{
	height					: 71px;
}

div.popupcontainer div.content div.bottom
{
	background-color		: #000000;
	width					: 503px;
	height					: 95px;
}

div.popupcontainer div.content div.bottom_reply
{
	background-color		: #EAE6DB;
	position				: relative;
	top						: 5px;
	height					: 245px;
}

div.popupcontainer div.content div.bottom#reply table
{
	color					: #000000;
}

div.popupcontainer div.content div.bottom#reply tr
{
}

div.popupcontainer div.content div.bottom#reply tr th
{
	text-align				: left;
	width					: 150px;
}

div.popupcontainer div.content div.bottom#reply tr td
{
}

div.popupcontainer div.content div.bottom#reply tr td input, div.popupcontainer div.content div.bottom#reply tr td textarea
{
	border					: 1px solid black;
	background-color		: #EAE6DB;
	color					: #000000;
	padding					: 4px;
}

div.popupcontainer div.content div.bottom#reply tr td input
{
	width					: 250px;
}

div.popupcontainer div.content div.bottom#reply tr td input#submit
{
	width					: 70px;
	padding					: 2px;
}

div.popupcontainer div.content div.bottom#reply tr td textarea
{
	width					: 401px;
	height					: 90px;
}

div.popupcontainer div.content div.bottom_webcam
{
	height					: 275px;
}

div.popupcontainer div.content div.bottom div.buttons
{
	float					: left;
	width					: 225px;
}

div.popupcontainer div.content div.bottom div.buttons img
{
	margin-top				: 5px;
	margin-bottom			: 3px;
}

div.popupcontainer div.content div.bottom div.player
{
	float					: left;
	width					: 250px;
	height					: 64px;
	margin-left				: 13px;
	margin-top				: 15px;
}

div.popupcontainer div.content div.bottom div.webcamplayer
{
	width					: 298px;
	height					: 245px;
	position				: relative;
	left					: 100px;
	top						: 15px;
}