* { padding: 0; margin: 0; }

img { border: 0; }

html, body {
	/*height: 100%; */
	font: 11px "Verdana", Arial, sans-serif;
	color : #000;
	background : #fafafa;
	text-align: center;
	background : #888988 url("../images/page_bg.gif") repeat-x;
	overflow-x:hidden;
}
td,th { font: 11px "Verdana", Arial, sans-serif;}

/* GLOBALS */
h1 { height: 28px; color: #fff; font-size: 1.4em; padding: 3px 0 0 3px; }
h2 { font-size: 1.0em; color: #0099cc;/*color: #3ec1f2;*/ padding: 8px 0 0 8px; }
/*a { color: #3ec1f2; }*/
a { color: #000000; } /*0099cc*/

table { font: 1em "Trebuchet MS", Verdana, Arial, sans-serif; }
td { line-height: 2em; }
table#bedrGeg { margin-left:8px; }
table#bedrGeg td { line-height: 1.5em; }

/* LAYOUT */
#wrapper { position: center; width: 100%; margin: 0; text-align: center; /*min-height: 100%;*//* height: auto !important;*/ /*height: 100%;*/ }
#header { margin : 0; padding: 0; width: 100%; height: 100px; background : #89888d url("../images/header_bg.gif") repeat-x; }
#flashcontent { float: left; margin: 0; padding: 0; width: 100%; height: 100px; }

#container { width: 970px; margin: 0 auto; color: #000; text-align: left;}

/* TOP */
#top {	position: relative; height: 26px; padding: 0 0 0 14px; border-top: 1px solid #fff; z-index: 100; }
#top ul { margin: 0; margin-top: 7px; list-style: none; line-height: 0.9em; }
#top li { float: left; display: inline; display: block; color: #ed008c; font-size: 11px; font-weight: normal; }
#top li a { color: #fff; text-decoration: none;	padding: 0 6px 0 6px; font: 1.0em Arial, sans-serif; font-weight: bold; }
#top li a.end {	color: #fff; text-decoration: none; border: 0; }
#top .left { float: left; width: 570px; }
#top .right { float: right;  width: 270px; }

/* LEFT */
#left {	position: relative; clear: both; float: left; margin: 0 0px 0 0px; padding: 0;  width: 160px; z-index: 500; text-align: center; }
#left_bg { position: absolute; left: 0; margin: 0; top: 0; right: 0; width: 134px; height: 800px; background: url("../images/page_bg_left.gif") no-repeat 0 101px; z-index: 1;}

/* MENU */ 
#menu { position: relative; margin: 0 23px 0 16px; padding: 0; width: 130px; }
#menu ul { list-style: none; margin: 0; padding: 0; font: 1em Arial, sans-serif;}
#menu li { display: inline; float: left; margin: 0 0 5px 0; padding: 0; width: 130px; line-height: 28px; }
#menu a { display: block; margin: 0; background: #555555; padding: 0 0 0 0px; text-decoration: none; font-weight: bold; color: #FFF; }
#menu a:hover { background: #62d0f6; }
#menu .active { background: #62d0f6; }

/* BANNERS */
#belbutton { float: left; margin: 17px 0 0 16px; width: 131px; height: 93px;  }
#tshirt { float: left; margin: 21px 0 0 16px;  width: 131px; height: 134px;  } 
#banner-geslaagdplan { position: relative; float: left; height:44px; width:100%; text-align:center; margin: 0px auto 15px auto; overflow:visible; text-align:center;}
#afm { position: relative; float: left; height:44px; width:100%; text-align:center; margin: 15px auto 15px auto; overflow:visible; text-align:center;}

/* MOVIE */
#backscreen {
position: absolute;
top: 0;
left: 0;
background: #666;
width: 100%;
height: 100%;
z-index: 100;
opacity:.70;
filter: alpha(opacity=70); 
-moz-opacity: 0.7;
display: none;
}

#movie
{
position: absolute;
float: left;
left: 50%;
top: 200px;
width: 384px;
height: 288px;
z-index: 120;
background: red;
}


/* CONTENT */
#content { position: relative; float: left; z-index:100;  width: 660px; min-height:500px;}
#content p { line-height: 160%; padding: 8px;}

/* BOX INTRO */
#intro { position: relative; float: left; width: 660px; height: 156px; margin: 0 0 8px 0; background: #fff url("../images/box_bg_184.gif") repeat-x; padding: 0; overflow: hidden;}
#intro1 { position: relative; float: left; width: 660px; height: auto; margin: 0 0 8px 0; background: #fff url("../images/box_bg_184.gif") repeat-x; padding: 0; overflow: hidden;}
#intro.white { position: relative; float: left; width: 660px; height: 156px; background: #fff; padding: 0; overflow: hidden;}
#intro img { float: left; width: 249px; height: 140px; margin: 8px 0 0px 8px; padding: 0; border: 0;}
#intro h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#intro h1 { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#intro h1#blue { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#intro h1#grey { background: url("../images/boxhead_large_grey.gif") no-repeat; }
#intro #text { float: left; width: 389px; height: 146px; padding: 0px; margin: 0px 0px 8px 8px; overflow: hidden; }
#intro #text-width { float: left; width: 650px; height:auto; padding: 0px; margin: 0px 0px 8px 8px; overflow: hidden; }
#intro #text-left { float: left; width: 389px; height: 146px; padding: 0px; margin: 0px 8px 8px 0px; overflow: hidden; }
#intro p { font-size: 11px; line-height: 160%; padding: 3px 0px 0px 8px; }

#intro_prijsactie { position: relative; float: left; width: 660px; height: 156px; margin: 0 0 8px 0; background: #fff url("../images/box_bg_184.gif") repeat-x; padding: 0; overflow: hidden;}
#intro_prijsactie img { float: left; margin: 14px;} 
#intro_prijsactie div { float: left; margin: 15px 0 0 20px ; }




/* BOX 660 BREED */
#box_big { float: left; width: 660px; min-height: 496px; height:auto; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; padding: 0; }
* html #box_big {height: 100%; } /* IE FIX */
#box_big h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#box_big h1#blue { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#box_big table { margin: 0px 8px 0 0px; }
#box_big ul { float: left; padding-left: 22px; margin:0; list-style: bullet; }
#box_big li { line-height: 1.4em;  }
#box_big_liquid { float: left; width: 660px; background: #fff url("../images/box_bg_184.gif") repeat-x 0 100%; padding: 0; }

/* BOX 660 BREED VACATURE PAGINA*/
#box_big_vac { float: left; width: 660px; min-height: 296px; height:auto; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; padding: 0; }
* html #box_big_vac {height: 10%; } /* IE FIX */
#box_big_vac h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#box_big_vac h1#blue { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#box_big_vac table { margin: 0px 8px 0 0px; }
#box_big_vac ul { float: left; padding-left: 22px; margin:0; list-style: bullet; }
#box_big_vac li { line-height: 1.4em;  }
#box_big_liquid_vac { float: left; width: 660px; background: #fff url("../images/box_bg_184.gif") repeat-x 0 100%; padding: 0; }

h1#blue, h2#blue { position: relative; font-size: 1.2em; color:#fff; height: 28px; line-height: 2em; background: url("../images/boxhead_normal_blue.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#blue_garantie { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_normal_blue.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#blue_bg { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_bg_blue.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#blue_large { position: relative; font-size: 1.2em;  height: 28px; line-height: 2em; background: url("../images/boxhead_large_blue.gif") no-repeat; margin: 0; padding: 0 0 0 8px; }
h1#grey { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_normal_grey.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#grey_large { position: relative; font-size: 1.2em;  height: 28px; line-height: 2em; background: url("../images/boxhead_large_grey.gif") no-repeat; margin: 0; padding: 0 0 0 8px; }
h1#green { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_bg_green.gif") repeat-x;  margin: 0; padding: 0 0 0 8px; }

/* BOX 327 BREED */
#box_betaalplan { position: relative; float: left; background: #fff; height: 496px; width: 100%; overflow: hidden; }
#box { position: relative; float: left; background: #fff; height: 496px; width: 100%; overflow: hidden; } 
#box_ietskorter { 
	position: relative; 
	float: left; 
	height: 470px; 
	width: 100%; 
	overflow: hidden; 
	background-color: #fff; 
	background-image: url("../images/box_bg_800.gif"); 
	background-repeat: repeat-x; 
	background-position: bottom left;
} 
#box_small { position: relative; float: left; background: #fff 0 20px; height: 100px; width: 100%;  }
#box_liquid { position: relative; float: left; background: #fff 0 20px; width: 100%;  }
#box_liquid.bgblue { background: #fff url("../images/box_bg_184.gif") repeat-x 0 100%; }
#box_liquid ul { float: left; padding-left: 22px; margin:0; list-style: bullet; line-height:  200%; }
#box_loan { background: #fff; }
	
#box h1, #box_small h1, #box_liquid h1, #box_betaalplan h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#box h1#grey, #box_small h1#grey, #box_liquid h1#grey, #box_betaalplan h1#grey { background: url("../images/boxhead_bg_grey.gif") repeat-x; }
#box h1#blue, #box_small h1#blue, #box_liquid h1#blue, #box_betaalplan h1#blue { background: url("../images/boxhead_normal_blue.gif") repeat-x; }
#box.blue { background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; }
#box #text, #box_small #text, #box_betaalplan #text { float: left;  padding: 0px; margin: 0px 0px 8px 8px; }
#box ul { padding-left: 22px; margin:0; list-style: bullet; }
#box li, #box_betaalplan li { line-height: 1.4em;  }
#box p, #box_small p, #box_liquid p, #box_betaalplan p, #box_loan p { font-size: 11px; line-height: 150%; padding: 3px 5px 0px 8px; }


#box_smaller { 
	height: 120px; 
	width: 100%; 
	background: #fff ; 
	font-size: 11px;
	margin-bottom: 12px;
}
#box_smaller:first-child { }

h1#grey, h2#grey { background: url("../images/boxhead_bg_grey.gif") repeat-x; }
h1#blue, h2#blue { background: url("../images/boxhead_normal_blue.gif") repeat-x; }


/* BOX IMAGE & MOVIE */
#image { position: relative; width: 327px; height: 185px; margin: 0 0 5px 0;}
#movie { position: relative; width: 327px; height: 244px; margin: 0 0 5px 0;}

/* BOX FORM */
#form_big { position: relative; float: left; height: 468px; width: 100%; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; }
#form { position: relative; float: left; height: 278px; width: 100%; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; }
#form_betaalplan { height: 430px; position: relative; float: left; width: 100%; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; }
#form.green { background: #fff url("../images/box_bg_305_green.gif") repeat-x 0 100%; }
#form h1, #form_big h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#form h1#blue, #form_big h1#blue { background: url("../images/boxhead_normal_blue.gif") repeat-x; }
#form table, #form_big table, #form_betaalplan table { margin: 0 8px 0 8px; }


/* LEFT & RIGHT BOXES */
#col_left  { position: relative; float: left;  width: 327px; margin: 0; padding: 0; }
#col_right { position: relative; float: right; width: 327px; margin: 0; padding: 0; }
#col_wide { margin: 0; padding: 0; background-color: #FFF; height: 490px; overflow: hidden; }

.clear { clear:both; height:1px; overflow:hidden; }

/* RIGHT */
#right { position: relative;  float: right; width: 115px; margin: 0px; z-index: 500;}
#right_bg { position: absolute; float: right; z-index:0; margin: 0; top: 0; right: 0; width: 120px; height: 800px; background: url("../images/page_bg_right.gif") no-repeat 0 101px; z-index: 1;}
#imagescroller_head { position: relative; float: left; width: 91px; height: 66px; background: url("../images/boxhead_heldenvdmaand.gif") no-repeat; padding: 0; overflow: hidden; z-index: 500;}
#imagescroller { position: relative; float: left; margin: 5px 0; padding: 0;}

/* FOOTER*/
#footer { position: relative; float: left; margin: 10px auto; width: 100%; text-align: center;  }
#footer ul { margin: 0 auto; text-align: center; }
#footer li { position: relative; display: inline; }
#footer li a { color: #fff; text-decoration: none;	border-right: 1px solid #fff; padding: 0 6px 0 6px; text-transform:uppercase;}
#footer li a.end {	color: #fff; text-decoration: none; border: 0;}
#footer li a img { margin: 0 2px -1px 0; }


/* THEORIE ONLINE */
img.theorieonline { width: 140px; margin: 0; padding: 0 0 0 0; border: 1px solid #222; }

/* GLOBALS */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.black { color: #000; }
.blue { color: #0099cc; } /*.blue { color: #3ec1f2; }*/
.green { color: #32d507; }
.grey { color: #68676b; }
.pink { color: #e50083; }
.bold { font-weight: bold; }



.vspacer { float: left; width: 8px; }
.hspacer { clear: both; height: 4px; overflow: hidden;}


/* VACATURES TABEL */
#vacaturestable {
	line-height: 20px;
}
#linkbox_top { position: relative; float: left; width: 327px; height: 28px; background: url("../images/boxhead_normal_blue.gif") no-repeat;}
#linkbox { position: relative; float: left; width: 327px; background: #FFF; padding-top: 2px;margin-bottom:6px;}

#linkbox ul { padding-left: 22px; margin:0; list-style: bullet; }


#col_wide div.left { float: left; text-align: left; width: 50%}


ul.ul { 
	color: #e50083;
	list-style-type: disc;
	margin: 10px 25px 25px 25px; 
	}
ul.ul li { margin-bottom: 15px; } 

#col_right h1#blue_garantie { background: url("../prijsactie/1c-balk.jpg") no-repeat; }

img.garantie { position: absolute; margin: 28px 0 0 232px; z-index: 200; }
img.marg5 { margin: 5px; }
img.postit { float: right; margin: 5px; }

ul.count { list-style-type: none; margin-top: 20px;}
ul.count li { height: 33px; padding: 5px 0 0 35px ; }
ul.count li.one,
ul.count li.two, 
ul.count li.four, 
ul.count li.five, 
ul.count li.three {  background-repeat: no-repeat; }
ul.count li.one { background-image: url(../images/bullet1.png);}
ul.count li.two { background-image: url(../images/bullet2.png);}
ul.count li.three { background-image: url(../images/bullet3.png);}
ul.count li.four { background-image: url(../images/bullet4.png);}
ul.count li.five { background-image: url(../images/bullet5.png);}
ul.margLeft { margin-left: 8px; }


h4 { font-size: 1.6em; margin-left: 8px; }

#content .loancontent { }
	#content .loancontent h3 { margin: 20px 5px 5px 5px; text-transform: uppercase; }
	#content .loancontent ul#trial_3steps_list { list-style-type:none; margin:0 0 1em 1em; padding:0; }
	#content .loancontent ul#trial_3steps_list li { background: none; margin: 0; padding: 0.5em 0 0.75em; line-height: 1.5em; }
	#content .loancontent ul#trial_3steps_list li.active { font-weight: bold; color: #e50083; }
	#content .loancontent ul#trial_3steps_list li span { color: #ffffff; display: block; float: left; background: url(../images/icon_dot.png) 0 0 no-repeat; width: 24px; height: 24px; margin: -0.25em 1em 0 0; padding: 0.30em 0 0 0.05em; text-align: center; }
	#content .loancontent ul#trial_3steps_list li.active span { background: url(../images/icon_dot_active.png) 0 0 no-repeat; }
	#content .loancontent hr { margin: 0 10px; height: 0; color: #616161; border: none; border-bottom: 1px solid #616161; }
	#content .loancontent fieldset { border: medium none; }
	#content .loancontent .sliderclear { height: 60px; }

#content div.loancontent fieldset#loanpacketfs { height: 25px; }
#content div.loancontent fieldset#loanamountfs { height: 25px; }


/* Banner */
#afmbanner {position:absolute; top:25px; left:50%;  margin-left:-230px; z-index: 900;}

/* DigiD */
.digid { width: 335px; float: left; }