@charset "utf-8";

body  {
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: center;
	color: #000000;
}

@media print {
	.printNiet {
		display: none;
	}
	.pencil {
		display: none;
	}
}
@media screen {
	.toonNiet {
		display: none;
	}
}

@media screen {
	.twoColHybLtHdr #container { 
		/* trick WinIE4/5 */
		font-size:11px;
		voice-family: "\"}\"";
		voice-family: inherit;
		/* font-size:0.7em; */
		line-height: 1.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 964px; 
		background: #FFFFFF;
		margin: 0 auto; 
		border: 0px solid #000000;
		text-align: left;
	}
}
@media print {
	.twoColHybLtHdr #container { 
		/* trick WinIE4/5 */
		font-size:11px;
		voice-family: "\"}\"";
		voice-family: inherit;
		/* font-size:0.7em; */
		line-height: 1.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 100%; 
		background: #FFFFFF;
		margin: 0 auto; 
		border: 0px solid #000000;
		text-align: left;
	}
}

h2 {
	font-size:1.4em
}
	
h3{
	font-size:1.2em;
}
	
h6{
	font-size:1em;
	color:#003366;
	display:block;
	font-weight:bold;
}

a, a:link, a:active {
	color:#3300FF;
}
	
a:visited {
	color:#3399FF;
}
	
a:hover {
	color:#009900;
	text-decoration:none;
}
		
.noTopMargin {
	margin-top:0;
}
	
.noBottomMargin {
	margin-bottom:0;
}
	
.noMargin {
	margin:0;
}
	
.inline {
	border:1px dashed red;
	display:inline
}
	
/*form elementen	*/
input.inputText {
	width:150px;
	font-size:1.1em;
}
	
input.inputSubmit {
	font-size:1.0em;
	text-align: center;
}

input.uitnodiging {
	width:350px;
	font-size:1.1em;
	background-color: #FFFFFF;
}

input.adminLijst {
	font-size:0.8em;
}
textarea.adminLijst {
	font-size:0.9em;
}
select.adminSelect {
	font-size:0.8em;
}

.uitleg {
	color: grey;
}

/*header*/
@media print {
	.twoColHybLtHdr #header { 
		display: none; 
	}
}
@media screen {
	.twoColHybLtHdr #header { 
		background: #FFFFFF; 
		padding: 5px 2px 5px 0;
		text-align:right;
		height:20px;
		position:relative;
	}
}
	
.twoColHybLtHdr #header ul.flagList {
	position:absolute;
	left:0;
	top:4px; 
	float:left;
	margin:0;
	padding:0;
}
	
.twoColHybLtHdr #header ul.flagList li { 
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

.twoColHybLtHdr #header ul.flagList li img { 
	border:1px solid #777;
}
	
.twoColHybLtHdr #header ul.flagList li.active img { 
	border:1px solid red;
}

.twoColHybLtHdr #header a, .twoColHybLtHdr #header a:link, .twoColHybLtHdr #footer a, .twoColHybLtHdr #footer a:link {
	color:#003366;
	text-decoration:underline;
}
	
.twoColHybLtHdr #header a:visited, .twoColHybLtHdr #footer a:visited  {
	color:#0066CC;
}
	
.twoColHybLtHdr #header a:hover, .twoColHybLtHdr #footer a:hover {
	color:blue;
	text-decoration:none;
}

.divider {
	color:#0099FF;
	padding:0 10px;
}
	
/*menubar*/
@media print {
	.twoColHybLtHdr #sidebar1 {
		display: none; 
	}
}
@media screen {
	.twoColHybLtHdr #sidebar1 {
		float: left; 
		width: 178px;
		padding: 0;
	}
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar1 ul {  
	list-style:none;
	padding:2px 0px;
	margin:0 0 15px 0;
	background-color:#f1f6fd;
	background-image: none;
	border-bottom:2px solid #89B1F9;
}

#sidebar1 ul li {
	list-style-type:none;
	font-weight:bold;
	line-height:21px;
	margin:0;
	padding:2px 0px;
	width:100%;
}

#sidebar1 ul li.menuHeader {
	list-style-type:none;
	background:#89B1F9 url(../images/backgrounds/bgMenuHeader.gif) repeat-x;
	margin:0;
}

#sidebar1 ul li.menuHeader span {
	line-height:21px;
	padding-left: 30px;
	font-weight:bold;
}

#sidebar1 ul li.menuItem {
	font-weight:normal;
}

#sidebar1 ul li.listInlogLabel {
	line-height:0.8em;
	vertical-align:bottom;
	
}
#sidebar1 ul li.listInlogLabel span {
	line-height:14px;
	padding-left:10px;
	font-weight:normal;
}

#sidebar1 ul li.listInlogMelding {
	line-height:0.8em;
	vertical-align:bottom;
}
#sidebar1 ul li.listInlogMelding span {
	line-height:14px;
	font-weight:bold;
	color:red;
}

#sidebar1 ul li.listInputField input {
	margin-left:10px
}

html>body #sidebar1 li a {
	width:auto;
}

#sidebar1 ul li a:hover  {
	background-color:#f1f6fd;
	color: #000000;
	text-decoration:underline;
}

#sidebar1 ul a:link, #sidebar1 ul a:visited {
	color:#003366;
	font-weight:normal; 
	text-decoration:none; 
	display:block;
	background-color:#E8F0FD;
	padding-left: 30px;
	padding-right: 5px;
	background-image:url(../images/backgrounds/bgMenuInactive.gif);
	background-repeat:no-repeat;
	background-position: 6px 2px;
	width:143px; /*178 - 30 - 5 padding */
}

#sidebar1 ul a:visited.active, #sidebar1 ul a:link.active, #sidebar1 ul a:active.active {
	background-image:url(../images/backgrounds/bgMenu.gif);
	background-position: 3px 2px;
	background-color:#f1f6fd;
	font-weight:bold;
}

#sidebar1 li a.active {
	font-weight:bold;
}

/*contentgedeelte*/
@media print {
	.twoColHybLtHdr #mainContent {
		margin: 0 0 0 0px;
		padding: 0;
		font-size: 10px;
	}
}
@media screen {
	.twoColHybLtHdr #mainContent {
		margin: 0 0 0 190px;
		padding: 0;
	}
}

@media print {
	.twoColHybLtHdr #mainContent #subContent {
		margin: 0 0 16px 10px;
	}
}
@media screen {
	.twoColHybLtHdr #mainContent #subContent {
		margin: 0 0 16px 50px;
	}
}

@media print {
	.topImageHP { /*homepage*/
		position:relative;
		margin: 0;
		background: #FFFFFF url(../images/backgrounds/bgSunflowersPrint.jpg) top right no-repeat;
		width: 100%;
		height:120px;
	}
}
@media screen {
	.topImageHP { /*homepage*/
		position:relative;
		margin: 0;
		background: #FFFFFF url(../images/backgrounds/bgSunflowersXL.jpg) top right no-repeat;
		width: 774px;
		height:352px;
	}
}

@media print {
	.topImageTP { /*templates: de rest*/
		position:relative;
		margin: 0;
		background: #FFFFFF url(../images/backgrounds/bgSunflowersPrint.jpg) top right no-repeat;
		width: 100%;
		height:120px;
	}
}
@media screen {
	.topImageTP { /*templates: de rest*/
		position:relative;
		margin: 0;
		background: #FFFFFF url(../images/backgrounds/bgSunflowersXS.jpg) top right no-repeat;
		width: 774px;
		height:119px;

	}
}

.titelHP, .titelTP {
	position:absolute;
	top:25px;
	right:30px;
}
	
.titelTP {
	position:absolute;
	top:12px;
	right:30px;
}

.titelHP h1 {
	color:#FFFFFF;
	font-size:2.4em;
	line-height:1.2em;
	margin:0;
}
	
.titelTP h1 {
	color:#FFFFFF;
	font-size:2em;
	line-height:1.2em;
	margin:0;
}

.bottomImageHP {
	position:relative;
	margin: 0;
	background: #FFFFFF url(../images/backgrounds/bgSunflowersBottom.gif) 0 bottom no-repeat;
	width: 772px;
}
			
.bottomImageHP h3 {
	margin: 0 0 10px 80px;
 	color:#003366;
	font-size:1.3em;
}

.bottomImageHP p {
	margin: 0 0 10px 80px;
 	color:#003366;
}

.geenResultaat {
	text-align: center;
	font-weight: bold;
	font-style:italic;
}

.foutMelding {
	border:1px red solid;
	font-weight: bold;
}

img {
	border: 0;
}
@media print {
	.help_link {
		display:none;
	}
}
@media screen {
	.help_link {
		text-align: right;
	}
}
.help_tekst {
	border:1px solid gray;
	color: black;
	background-color: #C3C3C3;
	display:none;
}
/*menubar in contentgedeelte*/
@media print {
	.twoColHybLtHdr #sidebar2 {
		float: right; 
		width: 175px;
		padding: 0;
		font-size:0.9em;
	}
}
@media screen {
	.twoColHybLtHdr #sidebar2 {
		float: right; 
		width: 178px;
		padding: 0;
	}
}

.twoColHybLtHdr #sidebar2 h3, .twoColHybLtHdr #sidebar2 p {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar2 ul {  
	list-style:none;
	padding:2px 0px;
	margin:0 0 15px 0;
	background-color:#f1f6fd;
	background-image: none;
	border-bottom:2px solid #89B1F9;
}

#sidebar2 ul li {
	list-style-type:none;
	font-weight:bold;
	line-height:21px;
	margin:0;
	padding:2px 0px;
	width:100%;
}

#sidebar2 ul li.menuHeader {
	list-style-type:none;
	background:#89B1F9 url(../images/backgrounds/bgMenuHeader.gif) repeat-x;
	margin:0;
}

#sidebar2 ul li.menuSubHeader {
	list-style-type:none;
	margin:0;
	padding-left: 10px;
	color:#003366;
}

#sidebar2 ul li.menuHeader span {
	line-height:21px;
	padding-left: 30px;
	font-weight:bold;
}
#sidebar2 ul li.listInlogLabel {
	line-height:0.8em;
	vertical-align:bottom;
	
}
#sidebar2 ul li.listInlogLabel span {
	line-height:14px;
	padding-left:10px;
	font-weight:normal;
}

#sidebar2 ul li.listInputField input {
	margin-left:10px
}

html>body #sidebar2 li a {
	width:auto;
}

#sidebar2 ul li a:hover  {
	background-color:#f1f6fd;
	color: #000000;
	text-decoration:underline;
}

#sidebar2 ul a:link, #sidebar2 ul a:visited {
	color:#003366;
	font-weight:normal; 
	text-decoration:none; 
	display:block;
	background-color:#E8F0FD;
	padding-left: 30px;
	padding-right: 5px;
	background-image:none;
	width:143px; /*178 - 30 - 5 padding */
}

#sidebar2 ul a:visited.active, #sidebar2 ul a:link.active, #sidebar2 ul a:active.active {
	background-image:none;
	background-color:#f1f6fd;
	color:#000000;
	font-weight:bold;
}

#sidebar2 li a.active {
	font-weight:bold;
}

/*zoek form/div*/
#subContent form {
	margin-top:0;
	background-color:#E8F0FD;
}


#subContent .dateDiv {
	background-color:#E8F0FD;
	padding:10px;
	margin-bottom:0;
}

#subContent .searchDiv {
	background-color:#E8F0FD;
	padding:10px;
	padding-right:8px;
	width:314px;
	margin-bottom:0;
}

#subContent .formDiv {
	background-color:#E8F0FD;
	padding:10px;
	padding-right:8px;
	margin-bottom:0;
}
#subContent .formDiv table {
	border:0;
	empty-cells:show;
}
	
#subContent .formDiv table th {
	font-weight:normal;
	vertical-align:top;
}
	
#subContent .formDiv table td, #subContent .formDiv table th {
	padding:0;
	empty-cells:show;
}
		
#subContent .formDiv label, #subContent .formDiv input, #subContent .formDiv select {
	display: block;
	width: 200px;
	margin-bottom: 10px;
}

#subContent .formDiv input.radio {
	width: 1em;
	display:inline;
	vertical-align:middle;
}

#subContent .formDiv span.lineOut {

}
	
#subContent .formDiv label {
	text-align: right;
	width: 160px;
	padding-right: 20px;
}

#subContent .formDiv br {
	clear: left;
}

span.selectHeader {
	font-size:1em;
	color:#003366;
	font-weight:bold;
	margin:0;
	line-height:1.4em;
}
	
#subContent .searchDiv span.selectFooter {
	font-size:1em;
	color:#003366;
	font-weight:normal;
	font-style:italic;
	margin:0;
}

#subContent select.selectSF {
	width:310px;
	padding:0;
	margin-bottom:0;
	height:10em;
}

#subContent .transport {
	height:9em;
	text-align:center;
	margin:0 340px;
	padding-top:3em;
}
	
#subContent .transport table{
	width:100%;
	empty-cells:show;
}
#subContent .transport table td{
	text-align:center;
	empty-cells:show;
}
	
#subContent .transport .arrows {
	width:3em;
}

#subContent .submitDiv {
	padding:10px;
}
	
.submitDiv.alLabel {
	text-align:left;
	margin-left:180px;
}

#subContent .sortDiv {
	margin:0;
	text-align:right;
	font-size:0.8em;
	color:#003366;
}
	
#subContent .sortDiv input {
	font-size:0.8em;
	margin:3px 3px 0 0;
}
	
#subContent .interLine {
	margin: 0 1%;
	width:97%;
	border-bottom:1px dotted #d1d1d1;
}
	
#subContent .alCenter {
	text-align:center;
	float:center;
}
#subContent .alLeft {
	text-align:left;
	float:left;
}
#subContent .alRight {
	text-align:right;
	float:right;
}
	
/*resultpage*/

@media print {
	.dataTable {
		margin:10px 190px 10px 10px;
		width:375px;
		empty-cells:show;
	}
}
@media screen {
	.dataTable {
		margin:10px 190px 10px 10px;
		width:510px;
		empty-cells:show;
	}
}

.dataTable, .dataTableBorder, .dataTableWide, .dataTableWideBorder {
	empty-cells:show;
}
.dataTable th, .dataTableBorder th, .dataTableWide th, .dataTableWideBorder th {
	vertical-align:top;
	empty-cells:show;
}
	
.dataTable td, .dataTable th, .dataTableBorder td, .dataTableBorder th, .dataTableWide td, .dataTableWide th, .dataTableWideBorder td, .dataTableWideBorder th {
	padding-right:10px;
	text-align:left;
}
.dataTable em, .dataTableBorder em, .dataTableWide em, .dataTableBorderWide em{
	color:#3399FF;
}
td.alRight {
	text-align:right;
	white-space: nowrap;
}
td.alCenter {
	text-align:center;
	white-space: nowrap;
}
th.alBottom {
	vertical-align:bottom;
	white-space: nowrap;
}
th.vertikaal {
	writing-mode: tb-rl;
	text-align:right;
	vertical-align:middle;
}

/*idem maar met border*/
	
.dataTableBorder {
	margin:10px 190px 10px 10px;
	width:509px;
	border-top:1px solid #89B1F9;
	border-left:1px solid #89B1F9;
	empty-cells:show;
}
	
.dataTableBorder td, .dataTableBorder th {
	border-right:1px solid #89B1F9;
	border-bottom:1px solid #89B1F9;
	empty-cells:show;
}

/*datatable volledige breedte zonder border */	

.dataTableWideBorder {
	width:689px;
	margin:10px;
	border-top:1px solid #89B1F9;
	border-left:1px solid #89B1F9;
	empty-cells:show;
}

.dataTableWideBorder td, .dataTableWideBorder th {
	border-right:1px solid #89B1F9;
	border-bottom:1px solid #89B1F9;
	empty-cells:show;
}

	
/*datatable volledige breedte zonder border */	
		
.dataTableWide {
	width:690px;
	margin:10px;
	vertical-align: top;
	empty-cells:show;
}

/*datatable volledige breedte zonder border gecentreerd */	
		
.dataTableWideCenter {
	width:690px;
	margin:10px;
	text-align: center;
	empty-cells:show;
}

/* einde dataTable */
	
@media print {
	.resultBlock {
		width:100px;
		border:1px solid #000;
		height:10px;
		line-height:0.1em;
		font-size:0.1em;
		background-color:#FFF;
	}
}
@media screen {
	.resultBlock {
		width:100px;
		border:1px solid #000;
		height:10px;
		line-height:0.1em;
		font-size:0.1em;
		background-color:#FFF;
	}
}

.resultScore {
	height:10px;
	line-height:0.1em;
	font-size:0.1em;
	background-color:#66CC00;
}
	
.detailPopup {
	position:relative;
}
	
.detailPopup div {
	display:none;
	position:absolute;
	top:-8px;
	left:-390px;
	width:200px;
	border-bottom:2px solid #89B1F9;
	border-right:1px solid #89B1F9;
	background-color:#f1f6fd;;
	padding:4px;
}

.vrienden {
	text-align:center;
}

.verfijnd {
	font-style:italic;
}

.waardenlijst {
	margin-left:20px;
}

.opdrachtOpslaan {
	text-align:right;
	font-weight: bold;
	font-style:italic;
}

/* register*/
label {
	width:200px;
}

/*footer	*/
	
.twoColHybLtHdr #footer { 
	padding: 0 10px;
	background:#E8F0FD;
	margin-bottom:10px;
} 
.twoColHybLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
	text-align:center;
}

/* wacht plaatje in het midden */
#horizon {
	text-align: center;
	position: absolute;
	top: 25%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#ffw88 {
 font-size:2em;
 background-color: #ffffff;
 color: black;
 border: 1px solid #000000;
 padding-top: 5px;
 margin-left: -100px;
 vertical-align: middle;
 position: absolute;
 top: -50px;
 left: 50%;
 width: 200px;
 height: 100px;
 visibility: visible;
 display: none;
}









/* Verschillende exemplaren van class voor hergebruik */
.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}