/*********************************************** 
		algemene stijlbepalingen
***********************************************/

#debug			{ display:block;position:absolute; left:100%; margin-left:-355px; background:#fff; border:1px solid #ccc; top:0; height:800px; overflow:auto; font-size:10px; line-height:11px; z-index:400; width:350px; }


	* {
		padding:0;
		margin:0;
	}
	
	body, html	{ 
		width:100%; 
		height:100%; 
	}
	
	body { 
		background: #FFFFFF;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color: #7F7772;
	}
	
	div	{ 
		position:relative; 
		overflow:visible; 
		margin:0; 
		padding:0; 
		color:#666;
		text-align:left; 
	}
	
	.clear { 
		padding:0; 
		margin:0; 
		clear:both;
		height:0; 
		overflow:hidden;
	}
	
	.bold {
		font-weight:bold;
	}
	
	a:link, a:visited, a:active {
		color: #f1592a;
		text-decoration: none;
		font-weight:bold;
	}
	
	a:hover{
		text-decoration: none;
		color: #0AAAFD;
		font-weight:bold;
	}
	
	a.plain:link, a.plain:visited, a.plain:active {
		color: #105CB6;
		text-decoration: none;
		font-weight:normal;
	}
	
	a.plain:hover{
		text-decoration: underline;
		color: #17438D;
		font-weight:normal;
	}
	
	a img {
		border:0;
	}
	
	.btn { 
		cursor:pointer; 
	}

	p, ul, ol, .form, .sub, .ritten {
		line-height: 167%;
		font-size: 85%;
	}
	
	h1, h2, h3 {
		font-weight: normal;
		color: #f1592a;
		color: #000;
	}
	
	h1 { color:#F1592A; }
	
	h4 {
		margin-bottom:20px;
	}
	
	h5 {
		color: #000;
	}
	
	h1 { font-size: 182%; }
	h2 { font-size: 122%; }
	h3 { font-size: 100%; }
	h5 { font-size: 122%; }
	
	.removePadding {
		padding-top:0;
		padding-bottom:0;
	}
	
	ul {
		list-style:none;
	}


/*********************************************** 
		opmaak templates 
***********************************************/
	#container {
		position:absolute;
		width:900px;
		left:50%;
		margin-left:-450px;
	}
	
	#subDomein {
		padding:10px;
		background: #DEDEDE;
		color:#000;
		border-top:1px solid #A6A7A9;
	}
	
	/*************
		HOME
	*************/
	#headerHome {
		margin-top:10px;
		height:130px;
		background:url(../images/bg_header_home.gif) no-repeat;
	}
	
	#topMenu {
		height:60px;
	}		
	/*
	#loginHome {
		text-align:right;
		height:30px;
	}
	
	#usernavHome {
		text-align:right;
		padding-right:35px;
	}
	
	#mainHome {
	
	}
	
	#mainHome .left {
		float:left;
		width:660px;
	}	

	#mainHome .left .content {
		padding:25px 20px;
	}	
	
	#mainHome .right {
		float:left;
		width:240px;
	}
	
	#mainHome .right .top {
		background:#F1592A url(../images/imgorange.jpg) no-repeat;
		height:34px;
		padding:146px 0 0 17px;
	}
	
	#mainHome .right .top2 {
		background:#F1592A;
		padding:20px;
		color:#fff;
	}
	
	#newsBarHome {
		margin:10px 0;
		padding:5px;
		background:#efefef;
		border:1px solid #ccc;
	}*/
	
	#footer {
		border-top:5px solid #EF2020;
		padding:14px 0;
	}
	
	#footer .left {
		float:left;
		width:660px;
	}	
	
	#footer .right {
		float:left;
		width:240px;
		text-align:right;
	}
	
	#loginHeader {
		background:#FFFFE1;
		padding:3px 0;
		color:#585858;
		text-align:right;
	}
	
	#streamerHome {
		background: #F1F2F4;
		color:#000;
		border-top:1px solid #A6A7A9;
		padding:3px 0;
		font-size:100%;
	}
	
	#streamerHome .left {
		float:left;
		width:300px;
		padding:0 10px;
	}	
	
	#streamerHome .right {
		float:left;
		width:560px;
		padding:0 10px;
		text-align:right;
	}
	
	
	/*************
		PAGE
	*************/	
	#headerPage {
		margin-top:10px;
		height:76px;
		border-bottom:1px solid #000;
		padding-bottom:5px;
	}
	
	#headerPage .left {
		float:left;
		width:400px;
	}	
	
	#headerPage .right {
		float:left;
		width:500px;
	}
	
	#titleBar {
		padding:7px 0;
		border-bottom:1px solid #000;
	}
	
	#titleBar .left {
		float:left;
		width:531px;
		padding-right:3px;
		/*border-right:1px solid #C7C7C7;*/
	}	
	
	#titleBar .middle {
		float:left;
		width:420px;
		padding:4px 0 0 25px;
		overflow:hidden;
		height:24px;
	}
	
	#titleBar .right {
		float:left;
		width:366px;
		text-align:right;
		padding:4px 0 0 0;
		overflow:hidden;
		height:24px;
	}
	
	#pageNavBar {
		background:url(../images/bg_pagenav_page.gif) no-repeat;
		border-bottom:1px solid #a5a6a8;
		height:19px;
	}
	
	#pageMain {
		padding-top:20px;
		min-height:400px; 
	}
	
	#pageMain .left {
		float:left;
		width:600px;
		display:inline;
		/*border-top:1px solid #a5a6a8;*/
	}
	
	#pageMain .noborder {
		border-top:none;
	}
	
	#pageMain .left .leftleft {
		float:left;
		width:180px;
		display:inline;
		padding:10px;
	}
	
	#pageMain .left .leftmiddle {
		float:left;
		width:390px;
		display:inline;
		margin:0 10px 0 0; 
		padding:10px 0;
	}
	
	#pageMain .left .leftmiddle td{
		color:#585858;
		font-size:85%;
	}
	
	#pageMain .left .leftmiddle td+td{
		color:#000;
		font-weight:bold;
		font-size:100%;
	}
		
	#pageMain .right {
		float:left;
		width:290px;
		display:inline;
		margin-left:10px;
		min-height:400px;
	}	
	
	#pageMain .right .menu {
		margin:0 0 10px 0;
	}
	#pageMain .right .menu .btnMijn {
		float:left;
		width:90px;
		height:70px;
		margin:3px 3px 3px 0;
		border:1px solid #fff;
		display: inline;
	}
	#pageMain .right .menu .btnMijn:hover {
		display: inline;
		border:1px solid #ccc;
	}
	
	#pageMain .right .menu a {
		padding-left:3px;
	}
	
	#pageMain .right .menu td a {
		padding-left:0;
	}
	
	#pageMain .right h3 {
		background:url(../images/bg_header_box_right.jpg) no-repeat;
		height:27px;
		padding:3px 10px 0 10px;
		font-size:145%;
	}
		
	#pageMain .line2 {
		float:left;
		width:600px;
		display:inline;
		/*border-top:1px solid #a5a6a8;*/
	}	
	
	#pageMain .right .topSubdomain {
		background:#F1592A;
		padding:25px;
		height:auto;
		color:#dedede;
		font-weight:bold;
	}
	
	#pageMain .right .topSubdomain h3 {
		color:#fff;
		background:none;
		padding:0;
		margin:0;
	}
	
	#pageMain .right .top {
		background:#F1592A url(../images/imgorange.jpg) no-repeat;
		height:34px;
		padding:146px 0 0 17px;
	}
	
	#pageMain .right .top2 {
		background:#F1592A;
		padding:20px;
		color:#fff;
	}
	
	#mijnritten h3, #mijnBerichten h3 {
		background:url(../images/bg_header_box_big.jpg) no-repeat;
		height:27px;
		padding:3px 10px 0 10px;
		font-size:145%;
		margin-bottom:10px;
	}

	#mijnBerichten h4 {
		padding:5px;
		border:1px solid #ccc;
		background:#ededed;
		font-size:13px;
		color:#000;
		margin-top:10px;
	}

/*********************************************** 
		Menu's 
***********************************************/
	/* topmenu */	
	#topMenu ul	{ 
		margin:0;  
		padding:0;  
		list-style:none; 
	}
	
	#topMenu ul li 	{ 
		padding:0 0 0 10px; 
		float:right;
	}
	
	#topMenu a, #usernavHome a, #titleBar a, #loginHome a {
		text-decoration: underline;
		color: #000;
	}
	
	#topMenu a:hover, #usernavHome a:hover, #titleBar a:hover, #loginHome a:hover {
		color: #ED2024;
	}
	
	#usernavHome ul { 
		margin:0;  
		padding:0;  
		list-style:none; 
	}
	
	#usernavHome ul li	{ 
		padding:0 0 0 10px; 
		float:right;
	}
	
	#usernavHome a, #usernavHome a {
		text-decoration: none;
		color: #000;
	}
	
	#usernavHome a:hover, #usernavHome a:hover{
		color: #fff;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
		padding:0 0 0 10px;
	}	
	
	#pageMain #tekstpagina ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#pageMain #tekstpagina li {
		display: inline;
		padding:0 10px 0 0;
		float:right;
	}	
	
	#tabMenu { 
		pading:0; 
		margin:0; 
		height:50px;
		overflow:hidden;
	}
	
	#tabMenu ul {
		margin: 0;
		padding: 0;
		list-style: none!important;
        list-style-image:none!important;
	}
	
	#tabMenu ul li {
		padding:0 10px 0 0 ;
		margin:0;
		float:left;
		width:auto;
		background:none;
	}	
	
	#tabMenu a {
		display:block;
		background:#F1592A;
		color:#fff;
		padding:5px;
		margin:0;
		border:1px solid #ccc;
		border-bottom:none;
	}
		
	#tabMenu a:hover {
		background:#ccc;
		border:1px solid #ccc;
		border-bottom:0;
	}
	
	#tabMenu a.active {
		background:#eee;
		color:#111;
		border:1px solid #ccc;
		border-bottom:0;
	}
	
	#tabMenu a.active:hover {
		background:#eee;
		color:#111;
		border:1px solid #ccc;
		border-bottom:0;
	}

/***********************************************
		Elementen
***********************************************/
	#pageMain ul {
		margin: 10px;
		padding: 10px;
		list-style:disc;
	}
	
	#pageMain li {
		display:list-item;
		padding:0 10px 0 0;
		float:none;
	}	
	
	#mainHome ol, #mainHome ul {
		margin-left: 3em;
	}
	
	
	#newsBarHome h2 {
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #000;
	}
	
	#newsBarHome ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#newsBarHome li {
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #CCCCCC;
	}
	
	#newsBarHome h3 {
		width: 50px;
		height: 17px;
		padding: 0 10px;
		background: #f1592a url(../images/img4.gif) no-repeat;
		color: #FFFFFF;
	}
	
	#titleBar h1, .rittenHeaderLeft h2 {
		padding-top:2px;
		font-size:130%; 
		font-weight:bold;
	}
	
	#titleBar div {
		color:#000;
	}
	
	#map_rit {
		width:100%;
		height:300px;
		border:1px solid #585858;
		margin:5px 0;
	}
	
	.form {
		color:#000;
	}
	
	.required {
		color: #f1592a;
		font-weight:bold;
	}

	.splashBox	{ 
		margin:20px 0;
		padding:20px; 
		background:#FFFFE1; 
		border:1px solid #F75928;
	}
	
	.datebox {
		padding: 0 1px;
		background: #EDEDED;
		color: #0AAAFD;
		font-weight:bold;
	}
	
	.buffer50 {
		height:50px;
	}
	
	.buffer20 {
		height:20px;
	}
	
	.buffer10 {
		height:10px;
	}
	
	.rittenHeaderLeft{
		float:left;
		width:400px;
	}
	
	.rittenHeaderRight{
		float:left;
		width:500px;
		text-align:right;
	}
	
	.active a {
		color: #0AAAFD;
	}
	
	.streamerBig {
		font-size:135%;
		color: #0AAAFD;
		font-weight:bold;
	}
	
	.search {
		color: #0AAAFD;
	}
	
	.formDescr {
		color: #0AAAFD;
	}
	
	.contactForm {
		border-top:1px solid #333;
		margin-top:10px;
		padding-top:10px;
	}
	
	.formBorder {
		margin-top:20px;
		background:#fff;
		color:#0AAAFD;
		font-size:100%;
	}
	
	.ritContainer {
		padding:5px 0;
	}
	.ritContainer .map {
		float:left;
		width:300px;
		height:200px;
		display:inline;
		border:1px solid #333;
	}
	
	.ritContainer .content {
		float:left;
		width:238px;
		display:inline;
		padding:0 20px;
	}
	
	.black {
		color:#000;
	}
	
	.padding10 {
		padding:10px;
	}
	.paddingtop5 {
		padding:5px 0;
	}
	
	.resultsPic {
		width:80px;
		height:80px;
		margin:5px 0 0 0 ;
		overflow:hidden;
		border:1px solid #666;
	}

	.contactlistBox {
		float:left;
		width:85px;
		padding:5px 11px 5px 0;
		height:135px;
		overflow:hidden;
	}
	
	.contactlistBox img {
		border:1px solid #666; 
	}

	.left{ text-align:left; }
	.right { text-align:right; }

/*********************************************** 
		Forms
***********************************************/
	
	input.medium {
		width:130px;
	}
	input.small {
		width:60px;
	}
	input.login {
		width:100px;
	}
	
	input.orange		{ background:#F1592A; color:#fff; padding:0 3px; font-size:100%; border:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #666;}
	input.orangeFixedWidth	{ width:220px; text-align:left; background:#F1592A; color:#fff; padding:0 3px; font-size:100%; border:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #666;}
	input.redInput		{ color:#FF0000; cursor:pointer; }
	/*input.orange2		{ color:#F75928; padding:0; text-align:center; width:80px; font-size:100%;}*/
	input.orange2		{ background:#0AAAFD; color:#fff; padding:0 6px; font-size:100%; border:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #666;}
	.error				{ padding:5px; background:#FFFFE1; border:1px solid #F75928; font-size:85%; margin-bottom:10px; }

	.errorClass			{  color:#F75928; }
	.errorClass	input	{  color:#333; }
	.errorClass	select	{  color:#333; }
	.errorClass	label	{  color:#333; }
	textarea.bigTextArea	{ width:500px; height:300px; padding:3px;}
	textarea.mediumTextArea	{ width:400px; height:80px; padding:3px; margin:0;}
	textarea.normalTextArea	{ width:350px; height:170px; padding:3px; margin:0;}

/*********************************************** 
		Tabellen 
***********************************************/
	
	table.ritten	{ }
	table.ritten tr.header	{ font-weight:bold; background:#eee;  }
	#trDays			{ visibility:hidden; height:0; display:none; }
	#trDate			{ visibility:hidden; height:0; display:none; }
	.showTr			{ visibility:visible; display:box; margin-top:5px;}
	.hideTr			{ visibility:hidden; display:none; }
	.formTitle		{ background:#0AAAFD; color:#fff; padding:0 3px; margin-top:10px; font-weight:bold; }
	td				{ padding-right:4px; }

	
	.date {
		font-color:#000;
		font-size:85%;
		
	}
	.datepage {
		font-color:#000;
		font-size:70%;
		
	}
/*

old stuff


	#newsBarHome h2 {
		padding: 6px 0 25px 0;
		font-weight: bold;
		color: #7A7272;
	}
	
	#newsBarHome ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#newsBarHome li {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px dashed #CCCCCC;
	}
	
	#newsBarHome h3 {
		width: 50px;
		height: 17px;
		padding: 0 10px;
		background: #f1592a url(../images/img4.gif) no-repeat;
		color: #FFFFFF;
	}
	
	
	*/