/*  ----------------  Reset & Common  ---------------  */

html,body,p,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,font,pre,sup,a,img,fieldset,legend,ul,ol,li,form,label,input,textarea,select,option,iframe
{
	border:0;margin:0;padding:0;outline:none
}

body{
	color:#2a2a2a;font:normal 12px arial, sans-serif;padding:0 0 20px;
}

/* JvB uitlijning in midden erbij gezet 090727*/
body { margin: 0px 20px 0px 20px; } 

h1,h2,h3,h4,h5,h6
{
	font-weight:normal; font-family:georgia,arial,sans-serif
}

h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }

table{width:100%}
table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse;vertical-align:top;text-align:left}

#menu ul,#menu ol,#footer ul,#footer ol{list-style:none}

input,textarea,select,option{font:normal 12px 'Trebuchet MS', tahoma, arial, sans-serif}
select{border:1px solid #999;}
a,a:active,a:visited{text-decoration:none;cursor:pointer}
.clr{clear:both}

/*  --------------- Various color switching elements depending on the Class applied on BODY ----------  */
    
body.green { background:#b9d44c; }
body.green #out { background:url(../img/bg_bodyGreen.png) left top repeat-y; }
body.green #bottom { background:url(../img/bg_bottomGreen.png) left bottom no-repeat; }  
body.green #frontBanner { background:#b9d44c; }  
    
body.orange { background:#d8aa45; }
body.orange #out { background:url(../img/bg_bodyOrange.png) left top repeat-y; }
body.orange #bottom { background:url(../img/bg_bottomOrange.png) left bottom no-repeat; }
body.orange #frontBanner { background:#d8aa45; }  
    
body.violet { background:#8c74a2; }  
body.violet #out { background:url(../img/bg_bodyViolet.png) left top repeat-y; }
body.violet #bottom { background:url(../img/bg_bottomViolet.png) left bottom no-repeat; }
body.violet #frontBanner { background:#8c74a2; }  
    
body.blue { background:#1fa5aa; }  
body.blue #out { background:url(../img/bg_bodyBlue.png) left top repeat-y; }
body.blue #bottom { background:url(../img/bg_bottomBlue.png) left bottom no-repeat; }
body.blue #frontBanner { background:#1fa5aa; }  
    
/*  --------------  Main Structure  -----------------  */

/* #out { width:925px; padding:0 31px; margin:0 auto; } */ /*  Actual Width = 987px, minus the paddings  */
/* JvB uitlijning in midden aangepast van hierboven 090727*/
#out { width:925px; padding:0 31px; margin: 0 auto -1px auto;}

#top { }
#bottom { width:987px; height:30px; margin:0 auto; }
  
a.more { display:block; width:19px; height:19px; background:url(../img/more-btn.png) left top no-repeat; }

/*  --------- Top Logo, Main Menu Navigation, Front Banner ----------  */

#logo { float:left; background:url(../img/bg_logo.gif) left top no-repeat; width:165px; height:55px; display:inline; margin:18px 0 0 16px; }
#top b { float:right; display:inline; margin:-65px 16px 6px 514px;font:11pt normal Verdana #03325f}
/* #top b { float:right; display:inline; margin:0 16px 6px 0;} */
#headerimg{ float:right; display:inline; width:514px; height:92px; margin:0 16px 6px 0; background:url(../img/bg_topH1.gif) left top no-repeat; }
/* #top b { float:right; display:inline; width:514px; height:92px; margin:0 16px 6px 0; background:url(../img/bg_topH1.gif) left top no-repeat text-indent:-9999px; }*/

.mainContainer ul, .mainContainer ol{
margin:0 0 16px 20px;
padding:0;
}

.mainContainer ul ul, .mainContainer ol ol{
margin:2px 0 2px 20px;
}

.mainContainer li{
margin:0 0 2px 10px;
padding:0 0 0 4px;
}


#menu { 
	clear:both; 
	height:22px; 
	background:#03325f; 
	margin:0 0 5px; 
	padding:0 15px; 
}
  
#menu li { 
	float:left;
	 
}
#menu li a { float:left; height:22px; line-height:21px; padding:0 15px; color:#fff; }
#menu li a:active, #menu li a:hover, #menu li.active a { color:#b9d44c; }

#frontBanner { height:180px; }
#frontBannerImg { float:left; width:462px; height:180px; overflow:hidden; }
#frontBannerTxt { float:right; width:400px; height:160px; padding:20px 28px 0 35px; color:#fff; position:relative; }
#frontBannerTxt span, #frontBannerTxt p { display:block; font-size:11px; font-family:arial, sans-serif; text-transform:uppercase; letter-spacing:1px; padding:8px 0 0; }
#frontBannerTxt a.more { position:absolute; right:15px; bottom:15px; }
    
/*  ----------  Main Container  --------- */
  
.mainContainer { clear:both; margin:15px 0; line-height:17px; width:925px; }
.mainContainer h2, .mainContainer h1 { color:#254d74; line-height:25px; padding:0 0 10px; font-size:20px;}
/* mainContainer h2 { color:#254d74; line-height:25px; padding:0 0 10px;} */
.mainContainer h3 { color:#254d74; line-height:24px; padding:0 0 10px; }
.mainContainer h4 { color:#254d74; padding:0 0 10px; }
.mainContainer p { padding:0 0 10px; }
  
/*  ----------  Different Multi-Column Containers, Grids  --------- */
      
#twoColumnContainer { background:url(../img/bg_twoColumnContainer.png) left top repeat-y; }
#threeColumnContainer { background:url(../img/bg_threeColumnContainer.png) left top repeat-y; }
.contentGridOne { width:279px; float:left; display:inline; margin:0 0 0 3px; padding:0 10px 0 15px; }      /*  Actual Width = 304px minus the Paddings  */
.contentGridTwo { width:587px; float:left; display:inline; margin:0 0 0 3px; padding:0 10px 0 15px; }      /*  Actual Width = 612px minus the Paddings  */
.contentGridTwo .leftGrid { float:left; width:48.5%; }
.contentGridTwo .rightGrid { float:right; width:48.5%; }

/*  --------- Element Styles those can be used anywhere in a 2 or 3 column layout. */
      
ul.listTypeOne { margin:0 0 8px; }
ul.listTypeOne li { background:#B9D44C; margin:0 0 4px; border-bottom:1px solid #b0cc4e; height:22px; color:#fff; padding:0 10px; }
ul.listTypeOne li a { color:#fff; display:block; }
ul.listTypeOne li.active { background:#03325f; border-color:#03325f; }
        
.infoBox { border:1px solid #B9D44C; padding:8px; position:relative; }
.infoBox a.more { position:absolute; bottom:7px; right:8px; }
        
/*  --------------- Contact Page Specific ------------  */

form#mainContact {  }
form#mainContact p span { float:left; width:120px; height:20px; line-height:17px; display:inline; clear:left; }
form#mainContact input.txtIn { float:left; display:inline; margin:0 0 8px; width:452px; height:18px; padding:2px 4px 0; background:url(../img/bg_txtIn.png) left top no-repeat; }
form#mainContact p textarea { float:left; display:inline;  width:452px; height:64px; padding:4px 4px 0; background:url(../img/bg_textarea.png) left top no-repeat; }
    
/*  ----------  Footer  --------------  */

#footer { clear:both; border-top:1px solid #c7c7c7; padding:10px 0 0; }
#f_address { float:left; padding:0 0 0 10px; display:inline; }  
#f_address ul { float:left; font:normal 10px georgia, arial, sans-serif; color:#03325f; line-height:19px; padding:0 45px 0 0; }
#f_address ul.last { padding:0; }
#f_address a { color:#03325f; }
#f_address a:hover { text-decoration:underline; color:#000; }
#footer .f_contentBlock { float:right; display:inline; width:182px; height:58px; margin:0 0 0 20px; padding:5px 30px 5px 10px; position:relative; background:#b9d44c; color:#fff; font:normal 16px georgia, arial, sans-serif; }
#footer .f_contentBlock a.more { position:absolute; right:7px; bottom:7px; }



/* ------------ Powermail setting -----------*/

fieldset.tx-powermail-pi1_fieldset label{
	float:left;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	display:none;
}

div.powermail_mandatory_js {
	color:red;
	margin:5px 0 15px 145px;
}

form#contact input.powermail_submit {
	margin-left:145px;
	width:80px;
	border:1px #BBB solid;
	height:20px;
	font-family:Verdana;
	font-size:11px;
	margin-top:5px;
	margin-bottom:5px;
}

form#contact textarea {
	background:url("../img/bg_textarea.png") no-repeat left top;
	width:400px;
	padding-left:5px;
	padding-top:5px;
	margin-left:15px;
	margin-bottom:5px;
	font-family:Verdana;
	font-size:11px;
}

.powermail_text {
	width:400px;
	background:url("../img/bg_txtIn.png") no-repeat left top;
	height:18px;
	padding-top:3px;
	padding-left:5px;
	font-family:Verdana;
	font-size:11px;
	margin-top:6px;
	margin-left:15px;
	margin-bottom:5px;
}

form#contact .powermail_radio_inner input {
	margin-left:-320px;
	margin-top:2px;
	margin-bottom:5px;
}

.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin-bottom:-25px;
	width:150px;
}

.tx_powermail_pi1_fieldwrap_html_select {
	width:550px;
	margin-bottom:15px;
}

.tx_powermail_pi1_fieldwrap_html_select label {
	width:150px;
}

.powermail_select{
	margin-bottom: 0px;
	margin-top: 2px;
}

.tx_powermail_pi1_fieldwrap_html_label {
	width:550px;
	float:left;
	margin-top: 5px;
	margin-bottom:5px;
}

form#contact .powermail_radio_inner label {
	padding-left:162px;
	width:300px;
}

.tx_powermail_pi1_fieldwrap_html_text label{
	width:130px;
	margin-top:6px;
}

.tx_powermail_pi1_fieldwrap_html_textarea label{
	width:130px;
}

legend {
	display:none;
}