@import "../admin/library/Javascript/dojo/resources/dojo.css";
@import "../admin/library/JavaScript/dijit/themes/dijit.css";

/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

ol li, ul li {
	line-height: normal;
}

body, html, {
	color:#000;
}

.para{
	position:absolute;
	margin-top:20px;
	z-index:-10;
}

.header_container{	
	width:100%;
	height:135px;
	background:#fff;
	margin-bottom:7px;
	overflow:hidden;
}
	.header{
		width:947px;
		margin:auto;
		padding-top:10px;
	}
	.header a{
		color:#000;
	}
		.logo{
			margin-left:-35px;
		}
		.logo a{
			float:left;
			width:188px;
			height:118px;
			background:url(../images/logo.gif) no-repeat left;
		}
		
		.menu{
			float:left;
			margin:0;
			padding:0;
			margin-left:55px;
		}
		
		.hoofdmenu{
			float:left;
			width:120px;
			padding-right:20px;
		}
		
			.hoofdmenu ul{
				margin:0;
				padding:0;
			}
			.hoofdmenu li{
				margin:0;
				padding:0;
				font-size:16px;
				list-style:none;
				margin-bottom:1px;
			}

			.hoofdmenu li a{
				text-decoration:none;
				margin:0;
				padding:0;
				font-weight:normal;
				padding-left:15px;
				background:none;
				
			}
			.hoofdmenu li a:hover,.hoofdmenu li a.actief{
				color:#d40050;
				background:url(../images/pijl_roze.gif) no-repeat left center;
			}
			
		.submenu{
			float:left;
			width:250px;
			padding-right:20px;
		}
	
			.submenu ul{
				margin:0;
				padding:0;
			}
			.submenu li{	
				margin:0;
				padding:0;
				list-style:none;
				margin-bottom:1px;
			}
			.submenu li a{
				margin:0;
				padding:0;
				padding-bottom:1px;
				font-weight:normal;
				text-decoration:none;
				padding-left:10px;
				background:none;
			}
			.submenu li a:hover,.submenu li a.actief{
				color:#d40050;
				font-weight:bold;
				background:url(../images/pijl_roze_klein.gif) no-repeat left top;
				background-position: 0px 4px;
			}
		
		.login{
			float:right;
			width:212px;
			padding-right:34px;
		}
		.login a{
			text-decoration:none;
		}
		.login input, .tagcloud input,.resultaat input{
			float:left;
			width:130px;
			border-top:1px dotted #999999;
			border-left:1px solid #999999;
			border-right:1px solid #999999;
			border-bottom:1px dotted #999999;
			font-size:11px;
			margin-right:10px;
			padding:4px;
		}
		.resultaat input{
			width:190px;
		}
		
		.log_link a{
			float:left;
			width:27px;
			margin-top:4px;
			padding-right:17px;
			background:url(../images/pijl.gif) no-repeat right;
		}
		.hulpnodig{
			margin-top:39px;
			font-size:13px;
		}	
		
.placeholder {
	width:990px;
	margin:auto;
	min-height:30px;
	padding-bottom:20px;
}	
.container {
	width:990px;

}

	.subopties{
		float:left;
		width:226px;
		margin-right:14px;
	}

	.home .content, .aanmelden .content, .zoeken .content{
		float:left;
		width:720px;
		
	}
	.home .content{
		/*background:url(../images/paradox.png) no-repeat 50px 140px;*/
	}
	*html .home .content{
		/*background:url(../images/paradox.gif) no-repeat 50px 140px;*/
	}
	
	 .content{
		float:left;
		width:480px;
	}
			
	.rechts{
		float:left;
		width:226px;
	}

	.aanmelden .rechts{
		padding-top:61px;
	}
	
/* ----------------------------------------------
	TAGCLOUD
	____________________________________________ */
	
.home_marge{
	float:left;
	height:249px;
	width:100%;
	
}	
.home_marge_rechts {
	height: 166px;
	float:left;
	width:100%;
}	
	
.tagcloud{
	font-size:24px;
	font-weight:bold;
	color:gray;
}
.tagcloud a{
	font-size:24px;
	color:#000;
	text-decoration:none;
}
	.tagcloud a:hover, .tagcloud a.actief, .tagcloud .actief{
		color:#d30547;
	}
	
	.tagcloud a.normaal, .normaal {
		font-size:15px;
	}
	.normaal {
		color:#000;
	}

.tagcloud h3 {
	font-size:13px;
	color:#000;
}

.tagcloud input{
	width:300px;
}

.pijl a{
	float:left;
	background:url(../images/pijl.gif) no-repeat right;
}

.homepijl h1{
	background:url(../images/pijl_roze.gif) no-repeat 435px 9px;
}

	.homepijl.active h1{
		background:url(../images/pijl_roze_dwn.gif) no-repeat 435px 9px;
	}



.stappenplan{
	float:left;
	width:100%;
	margin-bottom:20px;
}
	.stappenplan ul{
		margin:0;
		padding:0;
	}
	.stappenplan li{
		float:left;
		color:#000;
		padding:0;
		display:inline;
		font-weight:bold;
		margin-right:20px;
	}
	.stappenplan li a{
		float:left;
		font-size:14px;
		text-decoration:none;
		color:#000;
		padding:0;
		background:none;
	}
	.stappenplan li a:hover, .stappenplan li.actief a{
		color:#d30547;
		background:none;
	}
	
	
/* ----------------------------------------------
	BLOKKEN
	____________________________________________ */

.holder_blok {
	float:left;
	width:240px;
}	

	.blok{
		float:left;
		width:198px;
		padding:14px;
		overflow:hidden;
		background:#fff;
		margin-top:14px;
		margin-right:14px;
	}
	
	*html .blok{
		margin-right:7px;
	}
	
	.blok h1 {
		margin:0;
		padding:0;
	}
	
	.blok h1 a {
		
		text-decoration:none;
	} 
	
	.blok.kop,.blok.kop_klein{
		padding-top:8px;
		padding-bottom:3px;
	}
	.blok.roze{
		color:#fff;
		background:#d30547;

	}	
		.blok.roze a {
			color:white;
		}
		
	span.roze{
		color:#d30547;
		background:transparent;
		font-weight:bold;
	}
	
	.blok_item{
		margin-bottom:20px;
	}
	
		.blok_item h2 a {
			text-decoration:none;
		}
		
				
			.blok_item h2 a:hover {
				color:#000;
			}
	
	.home .blok.breed, .aanmelden .blok.breed, .zoeken .blok.breed {
		width:676px;
	}
	
	.blok.klein{
		width:414px;
	}
	.blok.breed{
		width:438px;
	}
	.blok.breder{
		/*width:594px;*/
		width:678px;
	}
	
	
	.blok.link{
		color:#fff;
		padding-top:8px;
		padding-bottom:3px;
		background:#d30547
	}
	.blok.linkneg{
		color:#d30547;
		background:#fff;
	}
	
	.blok.link,.blok.linkneg{
		float:left;
		width:226px;
		margin:0;
		padding:0;
		color:#fff;
		margin-top:14px;
		display:block;
	}
	
	.blok.link a,.blok.linkneg a{
		float:left;
		width:196px;
		color:#fff;
		font-size:20px;
		margin:0;
		padding:15px;
		padding-top:9px;
		padding-bottom:9px;
		text-decoration:none;
		display:block;
	}
	.blok.link a {		
		background:#d30547
	}
	.blok.linkneg a{
		color:#d30547;
	}
	
	.blok.linkneg a:hover{
		color:#fff;		
		background:#d30547
	}	
	
	.blok.link a:hover{
		color:#d30547;
		background:#fff;
	}
	
	.blok.submenu li a{
		margin-bottom:5px;
		float:left;
		font-size:12px;
		width:100%;
	}
	
		.blok.submenu li ul.inspringen {
			margin-left:13px;
		}
	
	.blok.trainingoverzicht {
		width:198px;
		min-height:60px;
		background:url(../images/pijl_roze.gif) no-repeat 190px 40px #fff;
	}
	
	.blok.trainingoverzicht.active {
		background:url(../images/pijl_roze_dwn.gif) no-repeat 190px 40px #fff;
	}
	
	.blok.introblok {
		width:414px;
		color:#000;
	}
	
	.doorzichtig {
		background:transparent;
	}
	
	.w100{
		float:left;
		clear:both;
	}
	
.slogan{
	float:left;
	width:140px;
	height:70px;
	margin-top:20px;
	background:url(../images/slogan.png) no-repeat;
}	
	
.footerlinks {
	float:left;
	width:436px;
	padding:15px;
	padding-bottom:7px;
	padding-top:7px;
	margin-top:14px;
	background:#000;
}		
.home .footerlinks {
	width:196px;
}

	.footerlinks a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		margin-left:5px;
	}
	
	.footerlinks a:hover {
		color:#d30546;
	}

/* MATCHMAKER*/	
/*#matchmaker_woorden {
	display:none;
}*/
#matchmaker_resultaat {
	display:none;
}
		#matchmaker_resultaat h2 a:hover {
			color:#000;
		}
		
	
/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */
	
.clearer{ 
	clear: both;
}

/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

.training_koppel_item {
	margin-bottom:15px;
}
	
.trainingintro_wrapper{
	float:left;
	width:300px;
	margin-bottom:14px;
}	

h1{
	color:#d30547;
	font-size:20px;
	margin:0;
	margin-bottom:10px;
}
.roze h1, .roze h2, .roze h3, .roze h4{
	color:#ffffff;
}
.kop h1{
	margin:0;
}


.negatief h1{
	color:#000;
}

h2{
	font-size:15px;
	margin:0;
	padding:0;
}
	.roze h2{
		color:#fff;
	}
	.negatief h2{
		color:#d30547;
	}
	
	h2 a {
		text-decoration:none;
	}
	
h3{
	color: #d30546;
	font-weight:bold;
	font-size:14px;
}
.result_string h3 a{
	color: #000000;
	font-size:15px;
	text-decoration:none;
}
.roze h3{
	color:#fff;
}


h4{
	margin-bottom:1px;
	color: #d30546;
	font-size:15px;
	font-weight:normal;
	font-size:18px;
}
.wit h4{
	color:#fff;
}

p.intro{
	font-size:14px;
	font-weight:bold;
}

a, .tagcloud a.normaal {
	color: #d30547;
	text-decoration: underline;
}

/*
span.roze{
	color: #d30547;
	background:#fff;
}

.roze {
	color: #d30547;
}
.roze a{
	color:#fff;
}
.roze h4{
	color:#fff;
}
*/
a:hover{
	text-decoration: none;
}

.zoek_cat{
	float:left;
	color:#d30547;
	padding-right:5px;
	font-weight:bold;
}

/* SIFR */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
	margin:0;
	padding:0;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*SIFR instelling */
@media screen {	
	 .sIFR-active h1 {
	    font-family: Verdana;
	    visibility: hidden;
		margin: 0;
	    padding: 0;
	  }
	  
		h1.zichtbaar {
			 visibility: visible;
		}
	
		.sIFR-dummy { 
		  width: 0px;
		  height: 0px;
		  margin-left: 42px !important;
		  z-index: 0;
		}
}

.zichtbaar {
	 visibility: visible;
}

/*AANMELDEN STAP 1*/
.inschrijven_links {
	float:left;
	width:250px;
}
.inschrijven_rechts {
	float:left;
	width:400px;
	margin-left:5px;
}
.inschrijven_onder {
	clear:both;	
	width:600px;
}

/*DATA*/
.vrij {
	background:url(../images/vrij.gif) no-repeat right center;
}

.bijna {
	background:url(../images/bijnavol.gif) no-repeat right center;
}

.vol {
	background:url(../images/vol.gif) no-repeat right center;
}

button {
	padding:0;
	margin:0;
	background:#D30547;
	color:#fff;
	border:0;
	width:120px;
}

.dijitButtonNode, .button, .button:hover {
	padding:0;
	margin:0;
	background:#D30547;
	color:#fff;
	border:0;
	padding:10px;
	width:120px;
	height:70px;
	padding-top:7px;
	padding-bottom:7px;
	text-decoration:none;
	cursor:pointer;
}

.dijitButtonNode {
	border:0;
	height:20px;
}

.dijitButton, .dijitButton:hover {
	height:0px;
	width:0px;
	background:white;
}

.verplicht {
	color:#D30547;
	font-weight:bold;
}

.grijs {
	color:#C4C4C4;
}

.bgGrijs {
	background:#C4C4C4;
}

/************************
		POPUP
************************/

.c_listbox{
	border:1px dotted #999999;
	padding:3px;
	padding-left:5px;
	width:228px;
	background:url(../images/list_btn.gif) no-repeat right center;
}

.filter_popup{
	background:#fff;
	width:236px;
	margin-top:-1px;
	border:1px dotted #999999;
}

	.filter_popup ul{
		margin:0;
		padding:0;
	}	
	.filter_popup li{
		margin:0;
		padding:0;
		list-style:none;
	}
	.filter_popup li a{
		float:left;
		width:229px;
		margin:0;
		padding:2px;
		color:#000;
		font-weight:normal;
		padding-left:5px;
		text-decoration:none;
		background:none;
	}
	.filter_popup li a:hover{
		color:#fff;
		background:#d30546;
	}

ul{
	/*margin:0;
	padding:0;*/
	margin-top:5px;
}
/*
li{
	list-style:none;
}
*/

.blok ul.inspringen, .blok ul.geenmarge {
	margin:0;
	padding:0;
}

.blok ul.inspringen li, .blok ul.geenmarge li{
	list-style:none;
	margin:0;
	padding:0;
}

li a{
	text-decoration:none;
	padding-left:15px;
	font-weight:bold;
	float:left;
	clear:both;
	margin-bottom:3px;
	background:url(../images/pijl_roze_klein.gif) no-repeat left 5px ;
}

span.dat_vol{
	padding-left:15px;
	float:left;
	margin-bottom:3px;
	clear:both;
	}


li a:hover, li a.actief{
	color:#000;
	text-decoration:none;
	background:url(../images/pijl_zwart_klein.gif) no-repeat left 5px ;
}

hr{
	height:1px;
	background:none;
	border:none;
	border-bottom:1px dotted #8b8b8b;
}

.sluit{
	float:right;
}

/*************************
	INPUT
*************************/

.frmInput,.dijitTextBox{
	border:1px dotted #999999;
	padding:2px;
	padding-left:5px;
	width:250px;
}

.dijitTextBox{
	width:200px;
}

table td{
	padding-bottom:3px;
}

.nomargin{
	margin:0;
	padding:0;
	margin-bottom:-8px;
}

/*******************
	TOOLTIP
******************/

.dijitTooltipContainer{
	border:1px dotted #9c9c9c;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	background:#fff;
}

.nieuwsArchiefDeler {
	float:left;
	width:145px;
}


span.highlight {
	font-weight: bold;
	font-size: 20px;
	color: #000;
}

.grijs{
	color:#999999;
	padding-right:10px;
}

.result_string{
	float:left;
	width:100%;
}

.zoek_balk_paging_onder{
	float:left;
	width:100%;
	height:30px;
	margin-bottom:20px;
}

.trainingoverzicht_break {
	float:left;
	clear:both;
	width:100%;
}



/********************************************
PAGER
********************************************/

.pagina_nummer_link,.actiefp{
	padding:3px;
	float:left;
	margin-right:7px;
	border:1px solid #999999;
}
.pagina_nummer_link:hover{
	border:1px solid #d30547;
}
a.pagina_nummer_link{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

a.pagina_nummer_link:hover{
	text-decoration:none;
	color:#d30547;
}

a.pagina_nummer_link.vorige,a.pagina_nummer_link.volgende{
	border:none;
	color:#fff;
	background:#d30547;
}
a.pagina_nummer_link.vorige:hover,a.pagina_nummer_link.volgende:hover{
	color:#000;
}
.actiefp{
	color:#d30547;
	font-weight:bold;
	border-color:#d30547;
}
.pag{
	margin-top:20px;
	float:left;
}



.kruisje a{
	float:right;
	color:#000;
	width:9px;
	height:9px;
	margin-top:8px;
	text-decoration:none;
	background:url(../images/cross.gif) no-repeat left top;
}

.dijitValidationIcon {
	background:url(../images/frmvalidation.gif) no-repeat right;
	width:13px;
}

.popupPadding {
	padding:14px;
}

#matchmaker_blokitem {
	z-index:1500;
}