  *{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
}

.bluehome{background:url(../images/home.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: 2px; font-family: arial; text-align: center;text-transform:uppercase;height:60px}

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:13px;padding-left:10px;width:140px;}
.home div.contentRight2{float:right;width:290px;padding-right:30px; overflow:hidden;}
.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: 160px}
.home DIV.vlak5 img{}
.home DIV.vlak5 h3{ width:140px;}
.home DIV.vlak3 h3{ text-align:center;}

.frontpagenews{ padding-left: 10px; float:left; width:360px; padding-top: 10px; height:116px;}
.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:0px; padding-right:30px; width: 290px; padding-top: 10px; height: 120px;}
div > .home DIV.vlak6 {margin-left:20px;}
.home DIV.vlak7 {margin-left:20px;width: 290px; padding-top: 16px;}
.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;}

.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;
}
