/****************************************************************

____________  __________  /___  | / /__  / 
___  __ \  / / /_  __ \  __/_   |/ /__  /  
__  /_/ / /_/ /_  / / / /_ _  /|  / _  /___
_  .___/\__,_/ /_/ /_/\__/ /_/ |_/  /_____/
/_/ 

	PuntNL 2008 (c)		   
*****************************************************************/

html {
	background:#efefef;
	height:100%;
}

body{
	background: #efefef;
}

a, a:active, a:visited { 
	color: #457DBD;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#container {	background:#687fbb /* url(../_img/bg_header_home.gif) white left top no-repeat */; 
	/* height:100%; */
}

#header {
	background:#687fbb url(../_img/bg_header.gif) right top no-repeat;
	text-align:left;
	/*height:110px;*/
        height:113px;
	padding:0px 0px 0 0;
	margin:0 auto;
	width:992px /*950px*/;
	position:relative;
}

.home #header {
	background:#687fbb url(../_img/empty.gif) !important;
	text-align:left;
	/*height:110px;*/
        height:290px;
	padding:0;
	margin:0 auto;
	width:992px /*950px*/;
}

#ufoDemo{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 291px;
	width:589px;
	top: 0;
}


#header #logo {
	width:210px;
	height:60px;
	float:left;
	position:absolute;
	left: 10px;
	top: 20px;
}

#header #logo a, #header #logo a:hover {
	background:url(../_img/logo.gif) no-repeat;
	display:block; 
	width: 300px; 
	height: 75px;
	}

#header #slogan {
	width:347px;
	height:65px;
	background:url(../_img/meegaanmetdetijd.gif);
	float:left;
	position:absolute;
	left: 10px;
	top: 190px;
}

.english #header #slogan {
	width:347px;
	height:65px;
	background:url(../_img/keepingupwithchangingtimes.gif) no-repeat;
	float:left;
	position:absolute;
	left: 10px;
	top: 190px;
}

#header a, #header a:active, #header a:visited { 
	color: white;
	text-decoration:none;
}

#header a:hover {
	text-decoration:underline;
}

#header span{
	position: absolute;
	left: -9999px;
}
/* navigatie */

#alg_navigatie {
	width: 300px;
	height: 76px;
	position: absolute;
	right: 0;
	z-index: 2;
	top: 0;
	border:0px solid red;
}

#header #alg_navigatie ul {
	list-style:outside;
	list-style-type:none;
	list-style-image:none;
	height:20px;
}

#header #alg_navigatie ul li.top {
	float:left;
	padding: 10px 5px 0 5px;
}

#header #alg_navigatie ul li {
	float:left;
	padding: 0 10px 0 10px;
	border:0px solid red;
}
#home{width: 35px;}
#contact{width: 40px;}
#en, #nl{width: 20px;}

#header #alg_navigatie ul li#masterit {
	float:left;
	height:36px;
	width:101px;
	padding: 0 10px 0 10px;
	margin-left:10px;
	background:url(../_img/masterit.gif) no-repeat;
}


#header #alg_navigatie ul li a {
	height:20px;
	display:block;
}

#header #alg_navigatie ul li a#masterit {
	height:20px;
	display:block;
}


/* einde nav */

#midden {
	background: url(../_img/bg_menu.gif) #FFFFFF repeat-x top left;
	margin: 0 auto;
	text-align: center;
}

#middencontent {
	text-align:left;
	width:992px /*950px*/;
	margin:0 auto;
	border:0px solid red;
}

.home #middencontent {
	background:url(../_img/ster.gif) no-repeat 100px 270px;
	text-align:left;
	width:992px /*950px*/;
	margin:0 auto;
}


#midden h1, h2 {
	color: #687fbb;
/*	display:block; */
}

.hoofd_navigatie {
	margin: 0px;
	padding:0;
}

#footer_contact {
	font-size:85%;
	background:#efefef;
	padding:15px 0 0 0;
}

.contactcontent {
	/*font-size:12px;*/
       font-size:120%;
	height:30px;
	text-align:left;
	width:992px /*950px*/;
	margin:0px auto 0 auto;
}

#footer_contact a {
	color: #959595;
	display:block;
	height:20px;
	text-align: center;
	float:left;
	margin: 0 10px 0 10px;
	text-decoration:none;
}

#footer_contact a:hover {
	color: #666666;
    cursor: pointer;
}

#footer {
	background:white;
}

.yslash {
	color: #959595;
	margin:0;
	float:left;
}

#contact p.text {
	display:block;
	float:left;
}

	
.pdfbox .links {
	width: 182px;
	margin:0 0 15px 0;
	float:left;
	text-align:right;
	}

.pdfbox a{
	font-weight: bold;
	color: #457dbd;}

.pdfbox h4 img{
	margin:0 0 15px 0;}
	
.pdfbox .rechts{
	display: block;
	width:370px;
	float:right;

}






.pdfbox h4 span{
	position: absolute;
	left:-9999px;
	}

div.hr {
	background:#FFFFFF url(../_img/divider.gif) repeat-x scroll 0 0;
	border:0 solid white;
	height:16px;
	margin:12px 0;
}

.home div.hr {
	background:#FFFFFF url(../_img/divider.gif) repeat-x scroll 0 0;
	border:0 solid white;
	height:16px;
	margin:3px 0 !important;
}

/* home  */
.home p{
	line-height:1.5em;}

.home .h_nav ul.select ul.sub{
	visibility:hidden;
}

.home #kolom1 {
	float:left;
	width:30%;
	padding:20px 0 0 20px;
}

.home #kolom1 h3{
	font-size: 1.2em;
	color:#4780be;
	margin: 0 0 10px 0;
}

.home #kolom2 {
	float:left !important;
	width:30%;
	padding:20px 0 0 27px;
	background:#FFFFFF;
	margin: 0 !important;
	background: url(../_img/empty.gif) !important;
	border:0px !important;
}
	
.home #kolom3 {
	border: none !important;
	float:left !important;
	width:30% !important;
	padding: 20px 20px 0 27px !important;
	margin:0 !important;
	background: url(../_img/empty.gif) !important;
}



/* subpage  */

#kolom1 {
	border:0px solid black;
	float:left;
	width: 58%; 
	padding:80px/*30px*/ 0 0 20px;
}

#kolom1 h3{
	font-size: 1.3em;
	color:#4780be;
	margin: 0 0 10px 0;
}

 #kolom1 p strong{
	font-weight:bold;
	color: #3e539e;
	}

.financieel #kolom1 .pdfbox p strong{
	font-weight:bold;
	color: #9eb524;
	}

.management #kolom1 .pdfbox p strong{
	font-weight:bold;
	color: #eb6b23;
	}

.operationeel  #kolom1 .pdfbox p strong{
	font-weight:bold;
	color: #4ab5b5;
	}

#kolom2 {
	border:0px solid black;
	float:right;
	width:35%;
	margin: 80px/*30px*/ 0 25px 0;
	padding:0 0 0 20px;
}	

.submenu{
	background:url(../_img/divider_vertical.gif) repeat-y left #FFFFFF; 
}

.submenu ul{
	background: url(../_img/divider_default.gif) repeat-x bottom;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 25px 0;
	padding:0 0 2px 0;
	}

.submenu li a{
	display:block;
	_height: 26px;
	color: #3e539e /*9eb524*/;
	padding:10px 0;
	_padding:10px 0 7px;
	margin: 0;
	background: url(../_img/divider_default.gif) repeat-x top #FFF;
	}


.financieel .submenu ul{
	background: url(../_img/divider_financieel.gif) repeat-x bottom !important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 25px 0;
	padding:0 0 2px 0;
	}

.operationeel .submenu ul{
	background: url(../_img/divider_operationeel.gif) repeat-x bottom !important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 25px 0;
	padding:0 0 2px 0;
	}

.management .submenu ul{
	background: url(../_img/divider_management.gif) repeat-x bottom !important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 25px 0;
	padding:0 0 2px 0;
	}
	
.submenu li{
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight: bold;
	}
	
.financieel .submenu li a{
	display:block;
	_height: 26px;
	color: #9eb524;
	padding:10px 0;
	_padding:10px 0 7px;
	margin: 0;
	background: url(../_img/divider_financieel.gif) repeat-x top #FFF;
	}

.management .submenu li a{
	display:block;
	_height: 26px;
	color: #eb6b23;
	padding:10px 0;
	_padding:10px 0 7px;
	margin: 0;
	background: url(../_img/divider_management.gif) repeat-x top #FFF;
	}

.operationeel .submenu li a{
	display:block;
	_height: 26px;
	color: #4ab5b5;
	padding:10px 0;
	_padding:10px 0 7px;
	margin: 0;
	background: url(../_img/divider_operationeel.gif) repeat-x top #FFF;
	}



/*---------- S I F R  S T Y L E S -------------*/
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h1 {
	visibility: hidden;	
	font-size: 30px;
	display:block;/* inline; */
	width:550px;
	height: 30px;
	_width:550px; /*heeft een breedte anders schaalt site slecht in ie6 */		
}

.sIFR-hasFlash h2 {
	visibility: hidden;	
	font-size: 20px;
	display: inline;
	_width:300px; /*heeft een breedte anders schaalt site slecht in ie6 */		
}



/* -- [ 1. Fixes ] -----------------------------------------------*/

.clearfix:after {  
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

.clearfix {  
		display:inline-block;
}

.clearfix {  
		display:block; 
}

* html .clearfix {  
		height:1px; 
}





/* -- TOGGLE --------------------------------------------------------- */

#faq strong {
	color: #3e539e;}

#faq {
	margin: 10px 0 10px 0;
	padding: 0px;
	font-size: 12px; 
	width: auto;
}

#faq ul{
	margin: 0 30px;}

#faq table {
	width:100%;
	margin: 0;
	padding: 0;
	}
	
#faq td{
	margin: 0;
	padding:15px;}

#faq .vraag td{
	background: url(/_img/pijl_0.gif) no-repeat left center #d1d8ea;
	/*	background: url(_img/divider_default.gif) #d1d8ea repeat-x top; */}

#faq div{
	margin: 0;
	padding: 0;}

div.vraag {
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	cursor: hand; 
}

.vraag td{
	background: url(/_img/pijl_0.gif) no-repeat left center;
}

.vraag td img{
padding-left: 10px;}

.vraag td strong {
padding-left: 15px;}

div.antwoord {
	background:#edf1fb;
	cursor: default;
	display: none;
	padding: 0 !important;
	margin: 0 !important;
}

form table{ 
	border: 1px solid white;
	border-collapse:collapse;
	width:100%;
	margin: 0;
	padding: 0;
	}

i{
	color: red;
	margin: 0 5px;
	}

form td.right{
	width:350px;
	text-align: right;
}

form td.leeg{
	text-align: right;
	background: white;
	border: 1px solid white !important;
}

form td.leeg input{
	width: 100px;
	cursor: pointer;}

  
form td{
	background: #e8ebf4;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	
	border-left: 1px solid #e8ebf4;
	border-right: 1px solid #e8ebf4;
	
	border-collapse:collapse;
	padding: 5px;
	margin: 0;
	}

input.gt, input.gtdef{
	margin: 0; 
	padding: 5px 0;
	_padding: 0;
	border: 3px solid #3e539e;
	background: #3e539e;
	color: white;
	font-size: 110%;
	}
input.gthover{
	margin: 0; 
	padding: 5px 0;
	_padding: 0;
	font-size: 110%;
	border: 3px solid #BEC8E2;
	background: white;
	color: #3e539e;
	}


input, textarea{
	width: 90%;
	padding: 5px;
	background: #FFF;}


.nieuws-area #nieuws-link a {
color:#7489C2;
}

.submenu .on a {
color: #7489C2;
}

/* ITdonations styles */

.es-voorkeursdoel .radio-itdonations {
width:auto !important;
}

.es-voorkeursdoel .itdonations-normal-input {
width:215px;
}

.es-voorkeursdoel ul {
list-style: none !important;
margin: 3px 0 10px 0;
}

.es-voorkeursdoel ul li {
padding: 3px 0 3px 0;
}

.itdonations-haiti form td {
background: #E3F0DD;
}

.itdonations-haiti form td.leeg {
background: #fff;
}

.itdonations-haiti input.gt, .itdonations-haiti input.gtdef {
background: #177417;
border: 3px solid #177417;
}

.border-top-vs td {
padding:3px 0 3px 0;
border-top: #E3F0DD 2px solid;
}

.date-n {
font-size:10px;
font-weight:bold;
color: #7187BF; 
}


span.klanten-kopje {
color:#687FBB;
font-size:17px;
font-weight:bold;
display:block;
margin-left:12px;

}