/*
Website: losdenhelder.nl
CSS: Frank Buschman
E-mail: frank@ihitro.nl
WWW: http://www.ihitro.nl
---------------------------------------
CSS bestand vrijgegeven door ihitro:media onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
*/

* {
	margin: 0;
	padding: 0;
}

/*
body {
	color : #333;
	font : normal normal 12px Arial, Verdana, "Times New Roman", sans-serif;
	background-color:#003366;
	background-image:url(../site-img/mainBack.png);
	background-position:top;
	background-repeat:repeat-x;
}
*/

a img {
	border : none;
}

a {
	outline: none;
}

	a:link,
	a:visited,
	a:active {
		color:#0066CC;
	}

h1 {
	font-size: 22px;
	margin-bottom: 15px;
}

h2 {
	font-size: 20px;
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

h5 {
	font-size: 14px;
	margin-bottom: 15px;
}

p {
	font-size: 12px;
	margin-bottom: 15px;
}

ul li,
ol li {
	margin-left:25px;
}

div {
	font-size : 100%;
}

th {
	text-align:left;
}


/* ------------------------------------------------------------------------------------------------------------------------- DIVIDER ----- */


#container {
	width:980px;
	margin:0 auto;
	background-image:url(../site-img/containerBack.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#002447;
	margin-bottom:40px;
}

#wrapper {
	float:left;
	margin-left:20px;
	display:inline;
	padding-bottom:40px;
	width:940px;
	background-color:#FFF;
	background-image:url(../site-img/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#col1 {
	width:220px;
	float:left;
	
}

	#col1b {
		width:200px;
		padding-top:20px;
		margin-left:20px;
		float:left;
		display:inline;
		background-color:#fff;
	}
	
	a#luisterLive {
		display:block;
		width:200px;
		height:44px;
		margin-bottom:20px;
		background-image:url(../site-img/luisterLive.png);
		background-position:top;
	}
	
		a#luisterLive:hover {
			background-position:0 -44px;
		}
	
	#col1b ul {
		border-top:1px dotted #000;
		width:200px;
	}
	
		#col1b ul li {
			margin:0;
			list-style:none;
		}
		
			#col1b ul li a {
				display:block;
				text-decoration:none;
				color:#0066cc;
				padding:4px 0;
				font-size:12px;
				border-bottom:1px dotted #000;
				background-image:url(../site-img/pijlBl.gif);
				background-position:right;
				background-repeat:no-repeat;
			}
			
			#col1b ul li a:hover {
				background-image:url(../site-img/pijlGl.gif);
				color:#F2C029;
			}
			
			#col1b ul li a.logout {
				background-image:url(../site-img/logOut.gif);
				color:#F2C029;
			}
			
			#col1b ul li a.logout:hover {
				background-image:url(../site-img/logOutH.gif);
				color:#F14428;
			}
			
			
	#col1b div.kader1 {
			margin-top:20px;
	}
	
	#col1b div.kader1 h2 {
		background-image:url(../site-img/kaderTopBl.gif);
		padding:4px 0;
		text-indent:10px;
		font-size:14px;
		color:#fff;
		margin:0;
	}
	
	#col1b div.kader1 div {
		padding-top:10px;
		
	}
	
		#col1b div.kader1 #loginFout {
			background-color:#FFD6CC; /*rood*/
			border:1px solid #FF704C;
			padding:10px;
			margin-bottom:20px;
			text-align:center;
		}
	
	#col1b div.kader1 form input.txt {
		border:1px solid #ccc;
		padding:4px 0;
		width:198px;
	}
	
	#col1b div.kader1 form input.knop {
		background-color:#EAEAEA;
		border:1px solid #ccc;
		padding:2px 8px;
		font-size:14px;
	}

/* ------------------------------------------------------------------------------------------------------------------------- COL 2 ----- */

#col2 {
	width:700px;
	margin-left:20px;
	float:left;
}

	#header {
		height:100px;
		width:720px;
		float:left;
		background-image:url(../site-img/head.png);
	}
	
		#nuProgramma {
			float:left;
			margin-left:78px;
			margin-top:52px;
			width:300px;
			color:#fff;
			display:inline;
			
		}
		
			#nuProgramma a {
				color:#fff;
				text-decoration:none;
			}
			
			#nuProgramma a:hover {
				color:#F2C029;
				text-decoration:none;
			}
		
		#nuTrack {
			float:left;
			width:300px;
			margin-left:40px;
			margin-top:52px;
			color:#fff;
		}
	
	
	#content {
		clear:both;
	}
	
	#content h1 {
		font-size:22px;
		margin-bottom:10px;
		color:#F2C029;
	}
	
	#content h2 {
		margin-bottom:10px;
		font-size:18px;
		color:#F2C029;
	}
	
	#content h3 {
		margin-bottom:10px;
		font-size:14px;
		color:#F2C029;
	}
	
		#newsFlash {
			width:680px;
			height:450px;
			background-color:#393;
		}
		

/* ------------------------------------------------------------------------------------------------------------------------- COL 3 ----- */


	#col3 {
		margin-top:20px;
		width:330px;
		float:left;
		background-color:#EAEAEA;
	}
	
		#col3 h2 {
			background-image:url(../site-img/kaderTopGl.gif);
			color:#fff;
			margin:0;
			font-size:14px;
			text-indent:10px;
			padding:4px 0;
		}
		
		#col3 div {
			width:330px;
			height:180px;
			overflow:hidden;
		}
		
		#col3 h3 {
			color:#003366;
			font-size:14px;
			padding:10px 10px 4px 10px;
			margin:0;
		}
		
		#col3 p {
			color:#000;
			padding:0px 10px 20px 10px;
		}
		
		a.kaderfoot {
			display:block;
			background-image:url(../site-img/pijlBl.gif);
			background-position:320px 10px;
			background-repeat:no-repeat;
			color:#0066cc;
			padding:6px 0;
			font-size:13px;
			text-indent:10px;
			text-decoration:none;
			border-top:1px solid #000;
		}
		
			a.kaderfoot:hover {
				background-image:url(../site-img/pijlGl.gif);
				color:#F2C029;
			}

/* ------------------------------------------------------------------------------------------------------------------------- COL 4 ----- */

	#col4 {
		margin-left:20px;
		margin-top:20px;
		width:330px;
		float:left;
		background-color:#EAEAEA;
	}
	
		#col4 h2 {
			background-image:url(../site-img/kaderTopGl.gif);
			color:#fff;
			margin:0;
			font-size:14px;
			text-indent:10px;
			padding:4px 0;
		}
		
			#col4 h2 span {
				font-weight:normal;
			}
		
		#col4 table {
			width:330px;
			font-size:13px;
		}
		
			#col4 table th,
			#col4 table td {
				padding:4px 0;
			}
		
			#col4 table th {
				width:100px;
				text-indent:10px;
				text-align:left;
				background-image:url(../site-img/tableTDBackGr.gif);
			}
			
			#col4 table td {
				background-image:url(../site-img/tableTDBackGr.gif);
			}
			
				#col4 table tr.actief th,
				#col4 table tr.actief td {
					background-image:url(../site-img/tableTDBackGl.gif);
				}
				
				
		#col4 table a {
			color:#0066cc;
			text-decoration:none;
		}
		
		#col4 table a:hover {
			color:#0066cc;
			text-decoration:underline;
		}




/* ------------------------------------------------------------------------------------------------------------------------- Footer ----- */



#footer {
	clear:both;
	height:100px;
	width:980px;
	background-image:url(../site-img/footBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

	#footer div.col1 {
		width:750px;
		padding-top:20px;
		text-indent:20px;
		color:#fff;
		float:left;
	}
	
		#footer div.col1 span {
			background-image:url(../site-img/ihitro.png);
			background-repeat:no-repeat;
			background-position:110px 3px;
			padding:4px 140px 4px 20px;
			
		}
	
	#footer div.col2 {
		width:210px;
		padding-top:20px;
		float:left;
		color:#fff;
		text-align:right;
	}
	
		#footer a {
			color:#fff;
			text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
		}



/* ------------------------------------------------------------------------------------------------------------------------- LIVE player popup ----- */


#livePlayer {
	text-align:center;
	margin-top:145px;
}

/* ------------------------------------------------------------------------------------------------------------------------- Programma's ----- */


	div.programma {
		margin-top:20px;
		margin-right:20px;
		width:330px;
		float:left;
		background-color:#EAEAEA;
	}
	
		#content div.programma h2 {
			background-image:url(../site-img/kaderTopGl.gif);
			color:#fff;
			margin:0;
			font-size:14px;
			text-indent:10px;
			padding:4px 0;
		}
		
		div.programma div {
			width:330px;
			height:180px;
			overflow:hidden;
		}
		
		div.programma p {
			color:#000;
			padding:10px;
		}
		
/* ------------------------------------------------------------------------------------------------------------------------- programmering ----- */


div.programmeringDag {
	margin-top:20px;
	margin-right:20px;
	width:330px;
	float:left;
	background-color:#EAEAEA;
}

	#content div.programmeringDag  h2 {
		background-image:url(../site-img/kaderTopGl.gif);
		color:#fff;
		margin:0;
		font-size:14px;
		text-indent:10px;
		padding:4px 0;
	}
	
			
	div.programmeringDag table {
		width:330px;
		font-size:13px;
	}
	
		div.programmeringDag  table th,
		div.programmeringDag  table td {
			padding:4px 0;
		}
	
		div.programmeringDag  table th {
			width:100px;
			text-indent:10px;
			text-align:left;
			background-image:url(../site-img/tableTDBackGr.gif);
		}
		
		div.programmeringDag  table td {
			background-image:url(../site-img/tableTDBackGr.gif);
		}
		
			div.programmeringDag  table tr.actief th,
			div.programmeringDag  table tr.actief td {
				background-image:url(../site-img/tableTDBackGl.gif);
			}
			
	div.programmeringDag a {
		color:#0066cc;
		text-decoration:none;
	}
		
		div.programmeringDag a:hover {
		color:#0066cc;
		text-decoration:underline;
	}
			



/* ------------------------------------------------------------------------------------------------------------------------- programma detail ----- */


div.col5 {
	width:410px;
	overflow:hidden;
	float:left;
}

div.col6 {
	width:250px;
	float:left;
	margin-left:20px;
	overflow:hidden;
	display:inline;
	background-color:#EAEAEA;
}

	div.col6 p {
		padding:10px;
		margin:0;
	}


div.programmaUitzendingen {
	margin-top:20px;
	margin-right:20px;
	width:250px;
	float:left;
	background-color:#EAEAEA;
}

	div#content div.programmaUitzendingen  h2 {
		background-image:url(../site-img/kaderTopGl.gif);
		color:#FFFFFF;
		margin:0;
		font-size:14px;
		text-indent:10px;
		padding:4px 0;
	}
	
			
	div.programmaUitzendingen table {
		width:250px;
		font-size:11px;
	}
	
		div.programmaUitzendingen table th,
		div.programmaUitzendingen  table td {
			padding:4px 0;
		}
	
		div.programmaUitzendingen table th {
			width:100px;
			text-indent:10px;
			text-align:left;
			background-image:url(../site-img/tableTDBackGr.gif);
		}
		
		div.programmaUitzendingen table td {
			background-image:url(../site-img/tableTDBackGr.gif);
		}


/* ------------------------------------------------------------------------------------------------------------------------- Form table1 ----- */

table.ft1 {
	width:410px;
}

	table.ft1 th {
		width:100px;
		padding:5px 0;
		border-bottom:1px solid #eaeaea;
	}
	
	table.ft1 td {
			padding:5px 0;
	}
	
input.txt {
	border:1px solid #ccc;
	padding:4px 0;
	width:300px;
}

textarea.txt {
	border:1px solid #ccc;
	padding:4px 0;
	width:300px;
}

input.knop {
	border:1px solid #ccc;
	padding:4px 10px;
	margin-top:10px;
}

/* --==Martijn==-- */

.TekstBrown {color: #800000; font-weight: bold; }
.TekstGroen {color: #006400}
.TekstBlue{
	color: #0000FF;
	font-style: italic;
}
.TekstLichtblauw{color: #548dd4}
.TekstRood {color: #ff0000}
.TekstBlauw{color: #0000FF}
.TekstGreen {
	color: #00b050;
	font-weight: bold;
}


/* ------------------------------------------------------------------------------------------------------------------------- gastenboek ----- */


table#smilie-table {
	margin-bottom: 10px;
	border-top: 1px solid #B1CFED;
	border-bottom: 1px solid #B1CFED;
}

	table#smilie-table a {
		padding: 10px 10px;
		display: block;
	}

table#tabel_module_03_01_1 { /* formulier */
	margin-bottom: 20px;
}

	textarea#add_module_03_01_bericht {
		font-family: arial, verdanan, sans-serif;
	}

div#preview_03_01 {
	background-image: url(../site-img/previewBg.gif);
	width: 300px;
	position: absolute;
	height: 200px;
	left: 395px;
	top: -240px;
}

	div#berichtDing {
		background-color: #fff;
		margin: 10px;
		margin-left: 20px;
		height: 180px;
		overflow: auto;
	}
	
	div#message_add_module_03_01_bericht {
		padding: 5px;
	}

div.onderwerp_x {
		float:left;
		width:140px;
		overflow:hidden;
}

div.Clasje {
	margin-bottom:10px;
	clear:both;
	width:680px;
	float:left;
}

	div.onderwerp_x span.class_b {
		font-size:16px;
		display:block;
		width:150px;
	}
	
	div.onderwerp_x span.module_03_01_datum {
		color:#ccc;
		font-style:italic;
		font-size:11px;
	}
	
div.onderwerp_y {
		float:left;
		width:540px;
		background-image:url(../site-img/gastenboekLeft.gif);
		background-repeat:no-repeat;
		background-position:top left;
		background-color:#F2F6FB;
}

	div.onderwerp_y span.class_bericht {
		display:block;
		padding:4px 10px 10px 20px;
	}

div#resultsBody_03_01 p {
	width:680px;
	float:left;
	clear:both;
}
		
	
	div#volgorde_03_01 {
	}

/* ------------------------------------------------------------------------------------------------------------------------- Kleintjes ----- */

table.kleintjesTable {
	width:410px;
}

	table.kleintjesTable th {
		width:120px;
		padding:5px 0;
		border-bottom:1px solid #eaeaea;
	}
	
	table.kleintjesTable td {
			padding:5px 0;
	}
	
input.kleintjesTableTxt {
	border:1px solid #ccc;
	padding:4px 0;
	width:250px;
}


input.kleintjesCountdown {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:22px;
	font-weight:bold;
	border:0;
}

select.kleintjesSelect {
	padding:1px;
	font-size:13px;
	border:1px solid #ccc;
}

td#message_module_100_01_01_bericht,
td#message_module_100_01_01_tvContact {
	border:1px solid #ccc;
	width:410px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	
}

input#tvContact {
	width:380px;
	padding:0;
	margin:10px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

textarea.kleintjesArea {
	margin:10px;
	width:380px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

td#message_Submit_module_100_01_01 {
	font-size:15px;
	color:#0C0;
}


/* ------------------------------------------------------------------------------------------------------------------------- besloten gedeelte ----- */


#col2 #content div.mijnPaginas h2 {
	background-image:url(../site-img/kaderTopGlBig.gif);
	color:#fff;
	margin:0;
	font-size:14px;
	text-indent:10px;
	padding:4px 0;
	width:680px;
}

div.mijnPaginas table {
	width:680px;
	background-color:#ccc;
	
}
div.mijnPaginas table td {
	background-image:url(../site-img/tableTDBackGr.gif);
	text-indent:10px;
	font-size:13px;
	padding:4px 0;
}