*{margin:0;padding:0;}

body
{font:10px verdana;	color:#000;	background:#00b8db url(../images/homebg.jpg) repeat-x;}
.clear {height:1px;font-size:0px;line-height:0px;clear:both;}
div.container 
{
	
	width:900px;
	margin:0 auto;
	min-height:620px;
	overflow:hidden;
	position:relative
}
.bluenieuwsitem{background:url(../images/nieuwsitem.jpg) no-repeat;}
.bluearchief{background:url(../images/nieuwslijst.jpg) no-repeat;}
.bluehome{background:url(../images/home.jpg) no-repeat;}
.bluenieuws{background:url(../images/nieuws.jpg) no-repeat;}
.blueverhaal{background:url(../images/verhaal.jpg) no-repeat;}
.blueover{background:url(../images/over2.jpg) no-repeat;}
.blueclub{background:url(../images/club.jpg) no-repeat;}
.bluepers{background:url(../images/pers.jpg) no-repeat;}
.blueshow{background:url(../images/show.jpg) no-repeat;}
.bluecontact{background:url(../images/contact.jpg) no-repeat;}
.bluewordt{background:url(../images/wordt.jpg) no-repeat;}
.bluesend{background:url(../images/send.jpg) no-repeat;}
.bluesendhijo{background:url(../images/ecard_hijo.jpg) no-repeat;}
.bluesendwaka{background:url(../images/ecard_waka.jpg) no-repeat;}
.bluesendjari{background:url(../images/ecard_jaribu.jpg) no-repeat;}
.bluesupported{background:url(../images/supported.jpg) no-repeat;}
.bluebestel{background:url(../images/bestel.jpg) no-repeat;}
.bluenieuwstop5{background:url(../images/nieuwstop5.jpg) no-repeat;}
.bluehalina{background:url(../images/halinascorner2.jpg) no-repeat;}

div.left
{
	float:left;
	width:244px;
	position:relative;
	padding-bottom:40px;
}

div.left span.logo a
{
	display:block;
	width:244px;
	height:155px;
}

div.left span.logo a span
{
	display:none;
}

DIV.left UL LI {padding-left: 5px; font-size: 18px; font-family: arial; list-style-type: none;padding-bottom:2px}


DIV.content UL li  {padding-left:0px;margin-left:20px}



DIV.left UL LI Li {display:none;}

DIV.left UL LI A {color: #fff; text-decoration: none; font-weight:normal}
DIV.left UL LI A:hover {color: #009BBE ; text-decoration: none;background-color:white}
DIV.left UL LI A.active {color: #009BBE ; text-decoration: none;background-color:white}

P.supported {left: 5px; bottom: 0px; position: absolute; top: 475px; color: #ffffff;font-size: 11px;}

P.supported SPAN {font-size: 11px; color: #ffffff;font-weight:normal;text-decoration:none}






 
div.right
{	float:left;
	width:650px;
}

div.right ul
{	
}
div.right ul.topnav
{
	float:right;
}
DIV.right UL.topnav LI {display: inline;padding-left:10px}
DIV.right UL.topnav LI A {color: #fff; line-height: 30px; font-weight:normal}
DIV.right UL.topnav LI A:hover {color: #fff; line-height: 30px;text-decoration:none}



DIV.right DIV.slogan {clear: both; font-weight: bold; font-size: 22px; padding-bottom: 0px; color: #000; padding-top: 5px; font-family: arial; text-align: center;text-transform:uppercase;height:50px}

A {color: #000; font-weight:bold}
A:hover {text-decoration:none}
H3 {font-family:arial;font-size: 14px}

.home h3
{font-size:14px;}
.home a{color:#000;}
.home img {float:left;}
.home{font-size:11px;}
.home .contentLeft 
{
	float:left;
	width:360px;
}
.home .contentRight
{
	float:left;
	width:250px;
	padding-left:30px;
	padding-top:5px;
}
.home div.vlak1
{
	width:350px;
	padding-left:10px;
	height:160px;
	float:left;
	
}
.home div.vlak1 img
{
	float:right;	
}

.home div.vlak2 img {float:left;margin-right:10px;}
.home .contentLeft2{float:left;padding-top:10px;padding-left:10px;width:140px;}
.home div.contentRight2{float:left;width:260px;padding-left:40px;}
.home div.vlak7 img {float:left;}
.home div.vlak7 div.tekst{float:right; width:180px;}
.home div.vlak7 span{float:right; width:180px;}

.home DIV.vlak2 {padding-left: 10px; float: left; width: 360px; padding-top: 10px; height: 120px}
.home DIV.vlak3 {margin-left:-4px;float: left; width:200px}
div > .home div.vlak3{margin-left:0px;padding-top:4px;*padding-top:0px;}
.home DIV.vlak4 {padding-left: 3px; float: left; width: 130px; line-height:14px;}
.home DIV.vlak5 {padding-left: 0px; float: left; width: 150px}
.home DIV.vlak5 img{ padding-left:; ;}
.home DIV.vlak3 h3{ text-align:center;}

.frontpagenews{ padding-left: 10px; float:left; width:360px; padding-top: 10px; height:120px;}
.frontpagenews img{ max-width:85px; max-height:100px; float:left; padding-left: 5px; padding-top: 5px;}
.frontpagenews p{ width:260px; float:right;}
.frontpagenews h3{ width:260px; float:right;}

.home DIV.vlak6 {margin-left:-14px;width: 290px; padding-top: 10px; height: 120px}
div > .home DIV.vlak6 {margin-left:0px;}
.home DIV.vlak7 {margin-left:-4px;width: 290px; padding-top: 20px;}
.home DIV.vlak7 div.donatie{ float:right; width:90px;}
.home DIV.vlak7 div.donatie img{ margin-top:2px;}
.home DIV.vlak7 div.donatietekst{ float:left; width: 190px; text-align:right;}
.home DIV.vlak7 div.donatietekst h3{ font-size:13px; width: 190px; float:left; text-align:right;}

.nieuws DIV.vlak1 {padding-left: 10px; float: left; width: 380px; padding-top: 3px; height: 600px}
.nieuws DIV.vlak2 {padding-left: 27px; float: left; width: 220px; padding-top: 15px; height: 60px}

.nieuws h3 {font-size:14px;}
.nieuws {font-size:11px;}

.vlakdoor { padding-left: 10px; float: left; width: 380px; padding-top: 3px; height: 500px; overflow: auto;}


.verhaal h3 {font-size:14px;}
.verhaal {font-size:11px;}


.verhaal DIV.vlak1 {padding-left: 5px; float: left; width: 415px; height: 410px; padding-right:5px}
div>.verhaal DIV.vlak1 {padding-top:5px;height:410px;}
.verhaal DIV.vlak2 {padding-left: 10px;padding-right: 5px; float: left; width: 200px; padding-top:5px;height:300px; line-height:13px;}
div>.verhaal DIV.vlak2 {padding-left:15px;}

.verhaal DIV.vlak3 {padding-left:5px;width:110px;height:110px;float:left}
div>.verhaal DIV.vlak3 {padding-left:15px}
.verhaal DIV.vlak4 {width:100px;height:110px;float:left}

.verhaal DIV.vlak5 {padding-top:5px;padding-left:7px;width:108px;height:110px; float: left;}
.verhaal DIV.vlak6 {padding-top:5px;width:108px;height:110px; float: left}
.verhaal DIV.vlak7 {padding-top:5px;width:108px;height:110px; float: left;}
.verhaal DIV.vlak8 {padding-top:5px;width:108px;height:110px; float: left}
.verhaal DIV.vlak9 {padding-top:5px;width:110px;height:110px; float: left}
.verhaal DIV.vlak10 {padding-top:5px;width:100px;height:110px; float: left}
div>.verhaal DIV.vlak5 ,div>.verhaal DIV.vlak6 ,div>.verhaal DIV.vlak7 ,div>.verhaal DIV.vlak8 ,div>.verhaal DIV.vlak9 ,div>.verhaal DIV.vlak10 
{padding-top:10px;*padding-top:6px;}

.over h3 {font-size:14px;}
.over {font-size:11px;}
.over div>div.vlak2,.over div>div.vlak3{padding-top:10px;*padding-top:7px;}
.over DIV.vlak1 {padding-left: 8px; float: left; width: 620px; height: 230px; padding-right:5px;padding-bottom:0px;padding-top:5px; line-height:14px;}
.over DIV.vlak2 {padding-right: 5px; padding-left: 18px; float: left; width: 282px; padding-top: 0px; height: 130px; line-height:13px;}

.over DIV.vlak3 {padding-left: 15px; float: left; width: 320px; height: 130px; line-height:13px;}
.over DIV.vlak4 {padding-left: 18px;width:220px;height:110px;float:left; line-height:13px;}
.over DIV.vlak5 {padding-left:20px;width:222px;height:110px; float: left; line-height:13px;}
.over DIV.vlak6 {padding-left: 13px; float: left; width: 155px; height: 110px; line-height:13px;}



.show hr {border-top:solid 1px white; border-bottom:solid 1px #cbecf3; border-left:solid 0px white; border-right:solid 0px white}
.show h3 {font-size:14px;}
.show {font-size:11px;}
.show DIV.vlak1 {padding-left: 8px; float: left; width: 390px; height: 180px; padding-right:5px;padding-bottom:0px;padding-top:5px; line-height:13px;}
.show DIV.vlak2 {padding-right: 5px; padding-left: 1px; float: right; width: 220px; padding-top: 10px; height: 522px;overflow:auto}
.show DIV.vlak3 {padding-right: 10px; padding-left: 10px; float: left; width: 120px; height: 175px}
.show DIV.vlak4 {padding-left: 5px; float: left; width: 120px; height: 175px}
.show DIV.vlak5 {padding-left: 18px; float: left; width: 120px; height: 175px}
.show DIV.vlak6 {padding-right: 10px; padding-left: 10px; float: left; width: 120px; height: 175px}
.show DIV.vlak7 {padding-left: 5px; float: left; width: 120px; height: 175px}
.show DIV.vlak8 {padding-left: 20px; float: left; width: 120px; height: 175px}
.show p.buttons {float: left;margin-left:-1px;}
.show span{display:block;float:left;width:22px;overflow:hidden;}
.show div>span{display:inline;float:none;overflow:auto;}
.show div>p.buttons {float:left;margin:0;}
.contact h3 {font-size:14px;}
.contact {font-size:11px;}
.contact DIV.vlak1 {padding-left: 8px; float: left; width: 620px; height: 180px; padding-right:5px;padding-bottom:0px;padding-top:5px;}
.contact DIV.vlak1 DIV.vlak1 {padding-right: 0px; padding-left: 10px; float: left; padding-bottom: 0px; width: 615px; padding-top: 5px; height: 520px;overflow:auto}

.allnews h4{ margin-left:0px; float:left; width: 320px; margin-bottom:5px; font-size:11px; font-weight:bold;}
.allnews p{ float:left; width: 130px; text-align: right;}
.allnews li{ list-style-type:none;}
.allnews a{ float:right; width:100px; margin-right:5px;}
.allnews span{ display:none;}
.allnews{ height:200px;}

.newslist dd{ height:90px;}
.newslist dd img{ float: left; text-align:center; margin-left: 0px; margin-top: 1px; max-width: 85px; max-height: 70px;}
.newslist dd p{ float: right; width:505px; text-align:left; margin-top: 1px;}
.newslist dd h3 a{ float: right; width:505px; text-align:left; margin-top:5px;font-size:12px;}
.newslist { height: 450px;}
.newslist span { float: right;}

.nieuwsitem h3{ font-size: 14px; text-align: right; margin-right: 10px;}
.nieuwsitem p {text-align: right; margin-right: 10px; margin-bottom:10px;}
.nieuwsitem ul li p{ padding-bottom:0px;}
.nieuwsitem span p{ display: block; font-size: 11px; padding-bottom:11px; text-align: justify;}
.nieuwsitem span h3{font-size:14px; text-align: left; height: 14px; padding-bottom: 5px; text-transform:none}
.nieuwsitem {font-size:11px; overflow:auto; height:480px; margin-bottom:20px;}

.club h3 {font-size:14px;}
.club {font-size:11px;}
.club DIV.vlak1 {padding-left: 8px; float: left; width: 620px; height: 205px; padding-right:5px;padding-bottom:0px;padding-top:5px}
.club DIV.vlak2 {padding-right: 5px; padding-left: 145px; float: left; width: 340px; padding-top: 0px; height: 215px;}

.pers h3 {font-size:14px;}
.pers {font-size:11px;}
.pers DIV.vlak1 {padding-left: 8px; float: left; width: 410px; height: 100px; padding-right:5px;padding-bottom:0px;padding-top:2px}
.pers DIV.vlak2 {padding-right: 0px; padding-left: 15px; float: left; width: 200px; padding-top: 5px; height: 105px}
.pers DIV.vlak3 {padding-left: 15px; float: left; width: 410px; height: 440px; padding-right:10px}
.pers DIV.vlak4 {padding-left: 10px;width:200px;height:265px;float:left}
.pers DIV.vlak5 {padding-left:10px;width:200px;height:165px; float: left}

.halina h3 {font-size:14px;}
.halina {font-size:11px;}
.halina DIV.vlak1 {padding-left: 8px; float: left; width: 385px; height: 275px; padding-right:10px;padding-bottom:0px;padding-top:3px; line-height:13px;}
.halina DIV.vlak1 div.vanonze{ float:left; width:300px;}
.halina DIV.vlak1 div.navigatie{ float:left;padding-left:5px; width:30px;}
.halina DIV.vlak1 div.navigatie img{ border:0px;}
.halina DIV.vlak1 div.handtekening{ float:right; padding-right:10px;}
.halina DIV.vlak2 {padding-right: 0px; padding-left: 15px; float: left; width: 200px; padding-top: 5px; height: 275px}
.halina DIV.vlak2 img{ text-align:center; padding-top: 10px;}
.halina DIV.vlak3 {padding-left: 10px; float: left; width: 210px; height: 240px; padding-right:10px; padding-top:5px;}
.halina DIV.vlak4 {padding-left: 20px;width:390px;height:240px;float:left;padding-top:5px; line-height:13px;}
.halina DIV.vlak4 div.bron{ float:right; padding-right: 10px;}

.send h3 {font-size:14px;}
.send {font-size:11px;}
.send DIV.vlak1 {padding-left: 8px; float: left; width: 320px; height: 165px; padding-right:5px;padding-bottom:0px;padding-top:5px;}
.send DIV.vlak2 {padding-right: 0px; padding-top:80px;padding-left: 240px; float: left; width: 70px; height: 90px}
.send DIV.vlak3 {padding-left: 15px; float:left; width: 320px; height: 380px}
.send DIV.vlak4 {padding-top:80px;padding-left: 240px; float: left; width: 70px; height: 100px}
.send DIV.vlak5 {padding-top:80px;padding-left: 240px; float: left; width: 70px; height: 100px}

.send2 h3 {font-size:14px;}
.send2 {font-size:11px;}
.send2 div>div.vlak2,.over div>div.vlak3{padding-top:10px;*padding-top:7px;}
.send2 DIV.vlak1 {padding-left: 8px; float: left; width: 625px; height: 340px; padding-right:5px;padding-bottom:0px;padding-top:5px}
.send2 DIV.vlak2 {padding-left: 18px;padding-right: 0px; padding-top:10px; float: left; width: 370px; height: 180px}
.send2 DIV.vlak3 {padding-left: 15px; float:left; width: 245px; height: 180px;}

.wordt h3{font-size:14px; line-height:16px;}
.wordt a{color:#000;}
.wordt {font-size:11px;}

.wordt .contentLeft {float:left;width:175px;}
.wordt div.vlak1 {padding-top: 2px;width:160px;padding-left:5px;height:130px;float:left; line-height:13px;}
.wordt DIV.vlak2 {padding-left: 10px; float: left; width: 165px; padding-top: 5px; height: 130px; line-height:13px;}
.wordt DIV.vlak3 { padding-top: 7px; width:160px;padding-left:10px;height:130px;float:left; line-height:13px;}
.wordt DIV.vlak4 {padding-left: 10px; float: left; width: 160px; padding-top: 5px; height: 130px; line-height:13px;}
.wordt DIV.vlak5 {padding-left: 10px; float: left;width: 290px; padding-right:12px;padding-top: 5px; height: 400px line-height:13px;}
.wordt div.vlak6 {padding-top: 5px;width:160px;padding-left:0px;height:130px;float:left; line-height:13px;}
.wordt div.vlak7 {padding-top: 5px;width:160px;padding-left:0px;height:130px;float:left; line-height:13px;}
.wordt div.vlak8 {padding-top: 5px;width:160px;padding-left:0px;height:130px;float:left; line-height:13px;}
.wordt div.vlak9 {padding-top: 5px;width:160px;padding-left:10px;height:130px;float:left; line-height:13px;}
.wordt div.vlak10 {padding-top: 5px;width:285px;padding-left:18px;height:130px;float:left; line-height:13px;}





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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/**********************************
	formGrid
 **********************************/

/**********************************
	Settings
 **********************************/
fieldset.formGrid
{
	Border:0;
}

legend
{	
	padding: 0px 2px 0px 2px;
	background-color: #0CACBC;
	border: solid 1px #000;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

fieldset.formGrid h1,
fieldset.formGrid h2,
fieldset.formGrid h3,
fieldset.formGrid h4,
fieldset.formGrid h5,
fieldset.formGrid h6
{
    clear:both;
    color:#ea7900;
}

fieldset.formGrid h3
{
	padding:5px 0;
	font-size:14px;
}
fieldset.formGrid input
{

}

fieldset.formGrid div.container
{
	border:1px solid #eee;
	margin-right:5px;
    background-color: #f9f9f9;
}

/**********************************
	Layout
 **********************************/

fieldset.formGrid div.formRow,
fieldset.formGrid div.formRowBig,
fieldset.formGrid div.formRowWidgets
{
    clear:both;
	padding:3px;
    *height:1%;
    padding-bottom:5px;
}

fieldset.formGrid div.formRow input.error,
fieldset.formGrid div.formRowBig input.error,
fieldset.formGrid div.formRowWidgets input.error
{
	border:1px solid red;
}

fieldset.formGrid div.formRow:after,
fieldset.formGrid div.formRowBig:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


fieldset.formGrid div.formRow label
{
    float:left;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons
{
    float:left;
    
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes input,
fieldset.formGrid div.formRow div.horizontalRadioButtons input
{
    float:left;
    width:auto;
    margin-right:2px;
    
}

fieldset.formGrid div.formRow div.horizontalRadioButtons label,
fieldset.formGrid div.formRow div.horizontalCheckBoxes label
{
    width:auto;
    margin-right:2px;
}

fieldset.formGrid div.formRow input,
fieldset.formGrid div.formRow select,
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons
{
  
  vertical-align:middle;
}

fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons
{
    float:left;
}

fieldset.formGrid div.formRow div.verticalRadioButtons label,
fieldset.formGrid div.formRow div.verticalCheckBoxes label
{
    float:none;
}

fieldset.formGrid div.formRow div.verticalRadioButtons input,
fieldset.formGrid div.formRow div.verticalCheckBoxes input
{
    width:auto;
}

fieldset.formGrid div.formRowBig textarea
{
    float:left;
}

fieldset.formGrid div.formRowBig select
{
	display:block;
}



/**********************************
	Widths
 **********************************/

fieldset.formGrid div.formRowBig label,
fieldset.formGrid div.formRow label
{
    width:150px;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons
{
    width:170px;
}

fieldset.formGrid div.formRow input,
/*fieldset.formGrid div.formRow select,*/
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
/*fieldset.formGrid div.formRow div.verticalRadioButtons*/
{
    width:160px;
  
}

fieldset.formGrid div.formRow input
{
    border: 0px none;
}


/*fieldset.formGrid div.formRow textarea
{
    width:140px;
    height:70px;
    border: 0px none;
}*/

fieldset.formGrid div.formRowBig select
{
	width:300px;
}
/**********************************
	MultiColumns
 **********************************/

/* two columns 50/50 */
fieldset.twoColumnsEqual div.left,
fieldset.twoColumnsEqual div.right
{
	float:left;
	width:50%;
}

/* two columns small/big */
fieldset.twoColumnsSmallBig div.right,
fieldset.twoColumnsSmallBig div.left
{
	float:left;
}
fieldset.twoColumnsSmallBig div.right
{
	width:70%;
}
fieldset.twoColumnsSmallBig div.left
{
	width:30%;
}

fieldset.formGrid div.formRow span.textarea input
{
    width:140px;
    border: 0px none; 
    border-color:#ccc;
}

fieldset.formGrid div.formRow span.textarea textarea
{
    height:70px;
    width:300px;
    border: 0px none; 
    border-color:#ccc;
}

fieldset.formGrid div.formRow span.aantal 
{
    float:left;
    width:auto;
}

fieldset.formGrid div.formRow select
{
    font-size: 11px;
}

fieldset.formGrid div.formRow select.ddla
{
    width: 40px;
}
fieldset.formGrid div.formRow select.ddlb
{
    width: 150px;
}
fieldset.formGrid div.formRow select.ddlc
{
    width: 70px;
}

.formError 
{
    background:#ffcccc;
    border-bottom:1px solid red;
}