/* mac hide \*/
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../images/bgr_page.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#e8e8e8;
}
/* end hide */

#mainContainer{
	min-height:100%;
	width:948px;
	padding:0px 10px 0px 10px;
	margin-bottom:-30px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/bgr_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
* html #mainContainer{ height:100%; } 

#logoContainer{
	width:928px;
	height:55px;
	padding:10px;
}

#menuContainer{
	width:928px;
	height:21px;
	padding:5px 10px 0px 10px;
	background-color:#66ccff;
}
#menuContainer a{ padding-right:10px; }

#headContainer{
	width:788px;
	height:23px;
	padding:8px 0px 0px 160px;
	background-color:#3f89c3;
	background-image:url(../images/header.gif);
}

#content{
	width:948px;
	overflow:hidden;
}

#content #subMenuContainer{
	float:left;
	width:150px;
}

#content #contentContainer{
	float:left;
	width:497px;
}

#contentContainer #imgContainer{
	clear:left;
	width:497px;
}

#contentContainer #txtContainer{
	width:477px;
	padding:10px;
}

#content #bannersContainer{
	float:left;
	width:281px;
	padding:10px;
}

#footer {
	width:788px;
	height:24px;
	padding:6px 0px 0px 160px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
#clearfooter{ clear:both; height:30px; }

/* BANNEERS **********************************************************************************************************************************************/

.bannerContainer{
	margin:10px 0px 10px 0px;
	text-align:center;
	font-style:italic;
}

/* SIDEMENU **********************************************************************************************************************************************/

.sidemenu{
	width: 150px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	list-style: none;
	list-style-type: none;
}

.sidemenu li{
	position: relative;
	height:25px;
	padding-bottom: 1px;
	background: url(../images/bgr_sidemenu.gif) repeat-x left bottom;
}

.sidemenu li a:visited, .sidemenu li a:link, .sidemenu li a:active{
	color: #666666;
	display: block;
	padding-top: 4px;	
	padding-left: 20px;
	width: 130px;
	text-decoration: none;
	background: url(../images/sidemenu_bullet.gif) no-repeat 8px 10px;
}

.sidemenu li a:hover{
	padding-left: 22px;
	width: 128px;
	text-decoration: none;
	background: url(../images/sidemenu_bullet.gif) no-repeat 10px 10px;
}

/* FIELDSET **********************************************************************************************************************************************/

fieldset{
	border:1px solid #c5d6df;
	padding:0px 10px 10px 10px;
	margin:0px;
}

fieldset legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3e89c2;
	text-decoration:none;
	line-height:normal;
}

/* STANDARD LABEL ****************************************************************************************************************************************/

label{
	float:left;
}

/* UL AND OL IN FIELDSET/FORM ****************************************************************************************************************************/

fieldset ol,fieldset ul,form ol,form ul {
	margin:0px;
	padding:0px;
}

fieldset ol li,form ol li {
	list-style: none;
	padding:4px 0px 0px 0px;
	margin:0px;
}

fieldset ul li,form ul li {
	list-style: none;
	margin:0px;
	padding:0px 0px 0px 14px;
	background: url(../images/sidemenu_bullet.gif) no-repeat 0px 6px;
}

fieldset label,form label{
	width:78px;
	/*vertical-align:top;*/
	padding-top:2px;
}

/* BLOCK *************************************************************************************************************************************************/

#listBlockClean{
	clear:both;
	width:477px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

#listFirstBlock{
	width:477px;
	border-bottom:1px dotted #c5d6df;
	border-top:1px dotted #c5d6df;
	padding:10px 0px 10px 0px;
	margin:10px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}
#listFirstBlock div.content{ width:477px; overflow:hidden; }

.listBlock{
	width:477px;
	border-bottom:1px dotted #c5d6df;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}
.listBlock div.content{ width:477px; overflow:hidden; }

#listFirstBlockInFieldSet{
	width:455px;
	padding:0px 0px 0px 0px;
	margin:4px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}

.listBlockInFieldSet{
	width:455px;
	border-top:1px solid #c5d6df;
	padding:10px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}

.listTopPosBlock{
	width:455px;
	border:1px solid #3e89c2;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}

.listReactionBlock{
	width:455px;
	border:1px solid #c5d6df;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	clear:both;
	overflow:hidden;
}

/* FONT **************************************************************************************************************************************************/

div, td, th, label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:140%;
	text-decoration:none;
}

.smallText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	line-height:140%;
	text-decoration:none;
}

.smallTextDate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3e89c2;
	line-height:140%;
	text-decoration:none;
	text-transform:capitalize;
}

a:active, a:link, a:hover, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3e89c2;
	line-height:140%;
	text-decoration:none;
}

.smallText a:active, .smallText a:link, .smallText a:hover, .smallText a:visited{
	font-size:9px;
	color:#3e89c2;
}

#menuContainer ,#menuContainer a:active, #menuContainer a:link, #menuContainer a:hover, #menuContainer a:visited{
	font-weight:bold;
	color:#FFFFFF;
}

#footer div ,#footer div a:active, #footer div a:link, #footer div a:hover, #footer div a:visited{
	color:#999999;
}

a:hover{
	text-decoration:underline;
}

h1, h1 a:active, h1 a:link, h1 a:hover, h1 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	line-height:normal;
	margin:0px 0px 10px 0px;
}
#headContainer h1{ margin:0px; }

h2, h2 a:active, h2 a:link, h2 a:hover, h2 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3e89c2;
	line-height:normal;
	margin:0px 0px 10px 0px;
}

h3, h3 a:active, h3 a:link, h3 a:hover, h3 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3e89c2;
	line-height:normal;
	margin:0px 0px 4px 0px;
}

h4, h4 a:active, h4 a:link, h4 a:hover, h4 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3e89c2;
	line-height:normal;
	margin:0px;
	padding:0px;
}

p{ padding:0px 0px 10px 0px;margin:0px;line-height:140%; }

/* FORM POPUP FOR NEWSLETTER REGISTER ********************************************************************************************************************/

form.popupSelect{
	clear:both;
	position:absolute;
	width:477px;
	display:none;
}	

form.popupSelect label{
	clear:left;
	float:none;
	margin:0px 0px 0px 6px;
}

form.popupSelect li{
	padding:0px;
	margin:0px;
}

/* FORM PAKKETOPTIONS ************************************************************************************************************************************/

div.pakket{
	clear:both;
	display:none;
	border:1px solid #3e89c2;
	padding:10px;
}

div.pakketActive{
	clear:both;
	border:1px solid #3e89c2;
	padding:10px;
}

div.pakketButton{
	float:left;
	cursor:pointer;
	width:110px;
	height:18px;
	background-image:url(../images/tab.gif);
	font-weight:bold;
	color:#999999;
	padding:4px 0px 0px 11px;
}

div.pakketActiveButton{
	float:left;
	cursor:pointer;
	width:110px;
	height:18px;
	background-image:url(../images/tab_active.gif);
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 0px 0px 11px;
}

div.pakketActive hr{
	height:1px;
	border-bottom:1px dotted #c5d6df;
	border-left:none;
	border-right:none;
	border-top:none;
}	

hr.hrFotoForm{
	height:1px;
	border-bottom:1px dotted #c5d6df;
	border-left:none;
	border-right:none;
	border-top:none;
}

div.pakketOpties label{
	float:none;
	padding:0px 0px 0px 6px;
}

/* FORM ITEMS ********************************************************************************************************************************************/

form fieldset .row{
	clear:left;
	width:455px;
}
form .row div{ float:left;  } /* for autosize */

.formField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
	width:368px;
}

.formFieldSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
}

.formSelect{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:370px;
}

.formSelectSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

/** BARS *************************************************************************************************************************************************/

#productBar, #reactionBar{
	background-color:#dff0fa;
	height:16px;
	padding:4px 0px 4px 36px;
	margin-bottom:10px;
}
#productBar{  background-image:url(../images/btn_producten.jpg); }
#reactionBar{ background-image:url(../images/btn_reactions.jpg); }
#productBar h3, #reactionBar h3{ padding:0px; margin:0px; }

/** STANDARD BLOCKS **************************************************************************************************************************************/

.searchBlock, .searchBlockBig, .contentBlock, .groupBlock{
	overflow:hidden;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
.searchBlock    { width:280px; background-position:top; background-repeat:no-repeat; background-color:#dff0fa; background-image:url(../images/search/search_bg.jpg); }
.searchBlockBig { width:477px; background-position:top; background-repeat:no-repeat; background-color:#dff0fa; background-image:url(../images/search/search_bg_big.jpg); }
.contentBlock   { width:477px; border-bottom:1px dotted #c5d6df; }
.groupBlock 	{ width:475px; background-color:#f3f8fc; border:1px solid #dff0fa; }

.searchBlock h2.header,   .searchBlockBig h2.header { padding:10px 0px 4px 30px; margin:0px; }
.groupBlock h2.header { padding:10px 0px 4px 10px; margin:0px; }
.searchBlock div.content, .searchBlockBig div.content, .groupBlock div.content { padding:0px 10px 0px 10px; }

.contentBlock h1.header   { color:#3e89c2; font-size:22px; padding:0px 0px 8px 0px; margin:0px; line-height:normal; }
.contentBlock h1.header a:link, .contentBlock h1.header a:active, .contentBlock h1.header a:visited, .contentBlock h1.header a:hover{ color:#3e89c2; font-size:22px; line-height:normal; }
.contentBlock h3.header   { padding:0px 0px 6px 0px; margin:0px; }
.contentBlock div.content { padding:0px; }

/** ADVERTISING BANNERS HOME *****************************************************************************************************************************/

#advertisingBlockLeft, #advertisingBlockRight{
	float:left;
	width:233px;
	height:159px;
	background-image:url(../images/actions/action_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
#advertisingBlockLeft  { margin-right:5px; }
#advertisingBlockRight { margin-left:5px;  }
#advertisingBlockLeft div.header,  #advertisingBlockRight div.header  { width:233px; height:70px; }
#advertisingBlockLeft div.content, #advertisingBlockRight div.content { width:208px; padding:0px 10px 10px 15px; }

/** BUTTONS **********************************************************************************************************************************************/

div.button{
	float:right;
	background-image:url(../images/actions/action_button.gif);
	width:100px;
	height:20px;
	cursor:pointer;
}

div.buttonBig{
	float:right;
	background-image:url(../images/actions/action_button_big.gif);
	width:258px;
	height:20px;
	cursor:pointer;
}

div.button div.buttonText, div.buttonBig div.buttonText{
	padding:3px 0px 0px 20px;
	line-height:normal;
	font-weight:bold;
	
	font-size:11px;
}
div.button div.buttonText	 { color:#FFFFFF; }
div.buttonBig div.buttonText { color:#666666; }

/** STATIC BUTTONS ***************************************************************************************************************************************/

#buttonHolder,.buttonHolder{
	text-align:right;
	width:477px;
}

input.back {
	width:70px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/button_back.gif) no-repeat;
}

input.print {
	width:70px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/button_print.gif) no-repeat;
}

input.annuleren {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/annuleren.gif) no-repeat;
}

input.reset {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/reset.gif) no-repeat;
}

input.inloggen {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/inloggen.gif) no-repeat;
}

input.aanmelden {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/aanmelden.gif) no-repeat;
}

input.toevoegen {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/toevoegen.gif) no-repeat;
}

input.opslaan {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/opslaan.gif) no-repeat;
}

input.reageer {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/reageer.gif) no-repeat;
}

input.zoeken {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/zoeken.gif) no-repeat;
}

input.aanpassen {
	width:100px; height:20px; outline:none; border:none; cursor:pointer;
	background: transparent url(../images/form_buttons/aanpassen.gif) no-repeat;
}