/* @override 
	http://www.ginkgosupport.nl/css/plugins/buttons/screen.css
	http://gs-v2.kkdesign.nl/css/plugins/buttons/screen.css
	http://localhost/css/master_front.css?v=1
	http://beta.lichtopverlies.nl/css/master_front.css?v=1
	http://lichtopverlies.nl/css/master_front.css?v=1
	http://tuba.lichtopverlies.nl/css/master_front.css?v=1
	http://lov.local/css/master_front.css?v=1
*/

/* @group algemeen */

header {
	height: 164px;
	overflow: hidden;
	font-size: 95%;
	background: url(/images/layout/landing/menu-bg.png) repeat-x 0 110px;
	display: block;
}

.no-rgba header #logo {
	position: relative;
	left: 80px;
}

h1#logo {
	padding: 40px 0 0 93px;
	margin: 0 0 24px 0;
	line-height: 48px;
	background: url(/images/logo-small.png) no-repeat 0 0;
	top: 4px;
	left: -38px;
	width: 500px;
	font-size: 2em;
	color: #1f350d;
	position: relative;
	text-indent: -9999px;
	height: 53px;
	cursor: pointer;
}

#ondertitel {
	overflow: hidden;
	position: absolute;
	left: 286px;
	top: 65px;
	margin: 0;
	opacity: 0.38;
	font-size: 140%;
}

#menu {
	list-style: none;
	padding-bottom: 24px;
	margin: 0;
	position: relative;
	top: 0;
}


#menu li {
	float: left;
}

#footer_menu li {
	float: left;
}

#over-ginkgo a{
text-indent: -9999px;
	position: absolute;
	right: 213px;
	top: -26px;
	background: url(/images/mini-ginkgo.png) no-repeat;
	width: 161px;
	padding-top: 31px;
	padding-left: 72px;
	height: 20px;
	z-index: 99999;
	padding-bottom: 12px;
	
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}



#over-ginkgo a:hover{
	top: -4px;
	padding-top: 12px;
	padding-bottom: 28px;
}

.ie6 #menu li a{
	float: left;
}


#leden_menu img {
	position: relative;
	top: 3px;
	margin-right: 2px;
}

#menu a {
	display: block;
	height: 46px;
	margin-right: 46px;
	line-height: 40px;
	color: #364223;
	text-decoration: none;
	outline: none;
	word-spacing: 1px;
	text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
	font-size: 16px;
}
.rgba #menu a{
	background-color: rgba(255,254,255,0.22);
	margin-right: 16px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #c3d680;
	height: 38px;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}

.rgba #menu a:hover{
	background-color: rgba(255,254,255,0.7);
}

#content h3 {
	text-shadow: 0 1px 1px #DDDDDD;
}

#leden_menu {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 62px;
	right: 24px;
	width: 140px;
}

#leden_menu h4 {
	position: absolute;
	text-indent: -9999px;
}

#leden_menu a#word-lid {
	display: block;
	width: 187px;
	height: 36px;
	background-image: url(/images/layout/landing/menu-modules.png);
	outline: none;
	text-indent: -9999px;
	position: relative;
	top: 20px;
	right: 34px;
}

#leden_menu a#leden-toegang {
	display: block;
	width: 187px;
	height: 36px;
	background-image: url(/images/layout/landing/menu-leden.png);
	outline: none;
	text-indent: -9999px;
	position: relative;
	top: -62px;
	right: 34px;
}

#content {
	color: #2f2712;
	background-color: rgba(255,254,255,0.95);
	background-position: center;
	background-repeat: repeat-y;
	min-height: 350px;
	padding-bottom: 80px;
	z-index: 1;
	position: relative;
}

.no-rgba #content {
	background-color: #fff;
}

#content .container {
	padding-top: 24px;


/*background: #fbfff3;*/
}

div#mensen {
	width: 1400px;
	height: 550px;
	display: block;
	position: relative;
	left: -208px;
	background-image: url(/images/layout/groupshot_small.png);
	opacity: 0.2;
	float: left;
}

.no-opacity div#mensen {
	background-image: url(/images/layout/groupshot_small02.png);
	opacity: 1;
}

#gebruikt-door{
	overflow: hidden;
	float: left;
	margin-bottom: -56px;
}

#footer {
	position: fixed;
	height: 48px;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	background-image: url(/images/layout/footerbg.png);
	z-index: 9999;
}

#over, #ginkgoblad {
	margin: 24px 0;
}

h1, h3 {
	font-family: "headlight-1", "headlight-2", sans-serif;
}

#wat_doet_gs h2 {
	font-family: "headlight-1", "headlight-2", sans-serif;
}

.action {
	font-family: "headlight-1", "headlight-2", sans-serif;
}

a {
	color: #757859;
	display: inherit;
	width: inherit;
}

p > a {
	color: #757859;
	display: inherit;
	width: inherit;
}

body {
	background-image: url(/images/layout/header_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

.container {
	position: relative;
	color: #3a3b31;
}

h3, h4, h5, h6 {
	color: #3a527e;
}

.container ul {
	list-style: none;
	text-indent: 0;
	margin: 0;
}

.container ol {
	list-style: none;
	text-indent: 0;
	margin: 0;
}

#logo, #ondertitel {
	color: #3a527e;
	text-shadow: 0 1px 0 #e0e8f5;
}

.action {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

#leden_menu a {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

#menu a {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.action, .action2 {
	color: white;
	display: block;
	width: 246px;
	height: 48px;
	background-image: url(/images/layout/action_button.png);
	outline: none;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	font-size: 110%;
}

.action2 {
	background-image: url(/images/layout/action_green.png);
}

.action:hover {
	color: rgba(255, 255, 255, 0.95);
}

.action2:hover {
	color: rgba(255, 255, 255, 0.95);
}

.action:active {
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	top: 1px;
}

.action2:active {
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	top: 1px;
}

.blad {
	background-color: rgba(251, 255, 195, 0.6);
	padding: 24px;
	display: block;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 24px;
}

.rood {
	color: #7a212b;
}

.geel {
	color: #848447;
}

.blauw {
	color: #101c6a;
}

fieldset {
	background-color: #f7fbe4;
	padding-bottom: 0;
}
.ie fieldset {
	padding-bottom: 24px;
}
.cssgradients fieldset{
	background: -moz-linear-gradient(center top, #E2F5A0 0%,#C6D981 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2F5A0),color-stop(1, #C6D981));
	border-color: #c6d981;
	-webkit-box-shadow: 1px 2px 5px #888;
	-moz-box-shadow: 1px 2px 5px #888;
	box-shadow: 1px 2px 5px #888;
	padding-top: 38px;
}

.cssgradients input[type=submit]{
	line-height: 14px;
	width: 200px;
	height: 43px;
	margin-bottom: 14px;
	margin-top: 10px;
}

.cssgradients fieldset legend{
	padding: 5px 12px 0;
	position: relative;
	left: -13px;
	bottom: -22px;
	color: #59633c;
	text-shadow: 0 1px 1px #ddd;
}
fieldset label{
	color: #48502f;
	text-shadow: 0 1px 1px #ddd;
}

.cssgradients fieldset input[type=text],.cssgradients fieldset input[type=password]{
	background: -moz-linear-gradient(center top, #fff 0%,#F5F5EE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),color-stop(1, #F5F5EE));
	border-color: #c7da83;
}
.cssgradients fieldset input:focus{
	outline: none;
	-webkit-box-shadow: 0 1px 2px #fff;
	-moz-box-shadow: 0 1px 2px #fff;
	box-shadow: 0 1px 2px #fff;
	background: -moz-linear-gradient(center top, #F5F5EE 0%,#fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5EE),color-stop(1, #fff));
}

.no-rgba fieldset {
	background-color: #F4FCD9;
	border: none;
	color: #0c1a05;
}

.ie7 legend {
	position: relative;
	top: -10px;
	left: -6px;
}

#content a {
	display: inherit;
}

div#js-warning {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: 5px solid #7a212b;
	z-index: 99999;
	padding: 20px;
	left: 0px;
	top: 0px;
}

div#js-warning ul {
	list-style-position: inside;
	list-style-type: disc;
	margin: 24px;
}

.js div#js-warning {
	display: none;
}

#footer_menu li a {
	text-decoration: none;
}

#footer_menu li a:hover {
	text-decoration: none;
	color: #6082c2;
}

#footer_menu li a img {
	text-decoration: none;
	position: relative;
	top: 2px;
	right: 2px;
}

/* @end */

/* @group landing */

#groep-mensen {
	right: 0;
	position: absolute;
	height: 233px;
	width: 592px;
	bottom: 0;
}
#ervaringsverhaal.rood{
	background-color: #f64d5f;
	color: white;
}
#ervaringsverhaal.geel{
	background-color: #faf763;
	color: black;
}
#ervaringsverhaal.blauw{
	background-color: #354ef9;
	color: white;
}

#ervaringsverhaal.rood h4{
	background-color: #f64d5f;
	color: white;
}
#ervaringsverhaal.geel h4{
	background-color: #faf763;
	color: black;
}
#ervaringsverhaal.blauw h4{
	background-color: #354ef9;
	color: white;
}
 
#groep-mensen a {
	position: absolute;
	text-align: center;
	left: 0;
	top: 202px;
	color: #3D475C;
}
.ie #groep-mensen a {
	left: 150px;
	
}

#wat_doet_gs {
	float: left;
	width: 400px;
}

#test {
	background-position: center;
	background-repeat: repeat-y;
	background-color: rgba(188,203,233,0.8);
	border-top: 1px solid #7e9430;
	background: -moz-linear-gradient(center top, rgba(188,203,233,1) 63%,rgba(188,203,233,0.5) 0%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.63, rgba(188,203,233,1)),color-stop(0, rgba(188,203,233,0.5)));
	position: relative;
	z-index: 200;
}

.no-rgba #test {
	background-color: #bccbe9;
}

#test div#opening {
	padding-top: 24px;
	margin-bottom: 0;
	border-bottom: 1px solid;
	border-color: rgba(3,7,47,0.58);
}

.no-rgba #opening {
	border-bottom: 1px solid #254b8a;
}

#test div#actions {
	background-color: #466ab0;
	background: -moz-linear-gradient(center top, #1E3B6C 63%,#2D59A3 0%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.63, #1E3B6C),color-stop(0, #2D59A3));
	border-bottom: 1px solid #000;
}

#test h3 {
	color: #132c56;
	font-size: 2.1em;
	margin-bottom: 12px;
	text-shadow: #E0E8F5 0px 1px 1px;
}

a#action-test {
	float: left;
	width: 288px;
	height: 45px;
	line-height: 48px;
	text-align: center;
	background-color: #4d72ba;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#537BCA), to(#324C7B));
	color: white;
	font-size: 20px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
	vertical-align: middle;
	z-index: 9999;
	margin-right: 24px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #1d3b6b;
	
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
	
	position: relative;
	top: 6px;
}
.ie a#action-test {
	line-height: 40px;
}

a#action-test:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6495F4), to(#324C7B));
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
	vertical-align: middle;
	z-index: 9999;
	margin-right: 24px;
}
a#action-test img {
	position: relative;
	top: 5px;
	right: 4px;
	margin-left: 3px;
}

blockquote {
	color: #d2defe;
	text-align: center;
	line-height: 59px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: relative;
	z-index: 200;
}
.ie #action .container{
	position: relative;
	z-index: 100;
}

#verlang ul {
	margin-bottom: 24px;
	list-style-type: disc;
	margin-top: 24px;
	list-style-position: outside;
	margin-left: 16px;
}

#over_rouw blockquote {
	margin-left: 24px;
}

div.wide {
	overflow: hidden;
}

div#uitzicht {
	width: 290px;
	float: left;
	margin-right: 12px;
		height: 310px;
		overflow: hidden;

}

div#online-coaching {
	width: 290px;
	margin-right: 12px;
	float: left;
	margin-bottom: 12px;
		height: 310px;
				overflow: hidden;


}


div#persoonlijke-coaching {
	width: 290px;
	margin-right: 90px;
	float: left;
	margin-bottom: 24px;
	height: 210px;
			overflow: hidden;

}


div#boek {
	width: 880px;
	float: left;
	padding: 24px;
	
	background-color: rgba(201,219,241,0.41);
	border: 1px solid rgba(29,60,111,0.11);
	-webkit-box-shadow: 0px 0px 5px #ddd;
	-moz-box-shadow: 0px 0px 5px #ddd;
	box-shadow: 0px 0px 5px #ddd;
}

.ie7 #boek,.ie8 #boek {
	background-color: #9CC2E7;
}

.ie #boek .button{
	font-size: 1em;
	margin-bottom: 30px;
}
#holder{
	float: left;
	width: 620px;
	margin-left: 24px;
}

#boek a img {
	display: block;
	float: left;
}


#boek ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 18px;
	margin-left: 0;
}
#boek ul li {
	margin-left: 21px;
}

#actions .hoverpop{
	top: -150px;
	left: 288px;
	width: 400px;
	
	background-color: rgba(78,115,190,0.95);
	
	color: white;
	-webkit-box-shadow: 0px 0px 5px #777;
	-moz-box-shadow: 0px 0px 5px #777;
	box-shadow: 0px 0px 5px #777;
	border: 1px solid #274f93;
}
.ie7 #actions .hoverpop,.ie8 #actions .hoverpop{
	background-color: #4e73be;
}

#actions .hoverpop ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 23px;
	margin-bottom: 14px;
}
#actions .hoverpop ul li{
	margin-left: 33px;
}
#actions .hoverpop p{
	font-weight: bold;
	margin-bottom: 5px;
}

div#boek > img{
	float: left;
	margin-right: 24px;
	border: 2px solid white;
	-webkit-box-shadow: 0px 0px 5px #bbb;
	-moz-box-shadow: 0px 0px 5px #bbb;
	box-shadow: 0px 0px 5px #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 173px;
}

div#coaching .button {
	margin-bottom: 82px;
}

div#verlang ul {
	margin-bottom: 24px;
}

#ginkgo-brief {
	width: 420px;
}

#ginkgo-brief fieldset {
	width: 420px;
}

#ginkgo-brief input {
	width: 282px;
}

ul blockquote {
	margin: 12px 0;
}
#verhalen-data{
	display: none;
}
/* @end */
.team #team-list > ul > li{
	overflow: hidden;
	margin-bottom: 24px;
	padding: 12px;
	background-color: #e8f7b4;
	position: relative;
}
.team .verhaal{
	display: none;
}
.team #team-list img{
	padding: 12px;
	background-color: #c6d981;
	float: left;
	margin-right: 24px;
}
.team #team-list h4{
	font-size: 2em;
	margin-bottom: 0;
}
.team #team-list{
	width: 48%;
	padding-right: 24px;
	float: left;
	
}
.team #team-list a.button{
	position: absolute;
	bottom: -12px;
	right: 31px;
}
.team #team-details{
	width: 48%;
	float: right;
}
.team #team-details .verhaal{
	display: inherit;
}
.team #team-details .button{
	display: none;
}
#manier-van-rouw{
	width: 400px;
	float: left;
}

#manier-van-rouw img{
float: left;
	margin-right: 24px;
	margin-bottom: 78px;
}

#manier-van-rouw .button{
	margin-right: 91px;
}

a.popclick{
	margin-bottom: 24px;
	margin-top: 12px;
}


#hoe_rouw_jij li {
	margin-bottom: 24px;
}

#hoe_rouw_jij h4 {
	margin-bottom: 12px;
}

#hoe_rouw_jij p {
	margin-bottom: 12px;
}

ul#ervaringen {
	margin-top: 24px;
	float: left;
}

#ervaringen li {
	display: block;
	width: 304px;
	float: left;
	margin-right: 24px;
}

#ervaringen blockquote {
	margin-left: 0;
	min-height: 3.25em;
	display: block;
}

#ervaringen .verhaal {
	min-height: 10.25em;
	display: block;
	background-color: #dde1f3;
}

#ervaringen .smallaction2 {
	float: left;
}

#functies li {
	position: relative;
	display: block;
	min-height: 96px;
	margin-bottom: 24px;
}

#functies li ol {
	list-style: outside;
}

#functies li ol li {
	display: block;
	min-height: 0;
	margin-bottom: 0;
}

img.icon {
	float: left;
	margin: 0 24px 96px 0;
}

div.icon {
	overflow: hidden;
}

#functies img {
	width: 116px;
	height: 96px;
	overflow: hidden;
	position: absolute;
	left: 24px;
}

#functies h4 {
	margin-bottom: 0;
	font-weight: bold;
}

#functies h4 {
	margin-left: 164px;
}

#functies p {
	margin-left: 164px;
}

#functies ol {
	margin-left: 164px;
}

#over_gs .action {
	margin-left: 164px;
}

#leven-en-overleven ul {
	display: block;
	overflow: hidden;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 24px;
}

#leven-en-overleven li {
	width: 140px;
	margin-right: 24px;
	float: left;
}

#leven-en-overleven p {
	height: 144px;
}

#leven-en-overleven li:last-child {
	margin-right: 0;
}

form#payment {
	width: 450px;
	margin-right: 24px;
}

form#payment ol {
	list-style: none;
	margin: 0;
}

form#payment fieldset img {
	float: left;
	margin-right: 24px;
}

form#payment fieldset select {
	font-size: 1.2em;
	width: 300px;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: black;
}

form#payment img.paymentType {
	cursor: pointer;
}

form#payment #txt {
	position: relative;
	top: 13px;
	float: left;
}

div#print {
	position: absolute;
	right: 0px;
	top: 70px;
}

#test-registratie {
	width: 450px;
	float: left;
}

#test-registratie legend {
	text-indent: -9999px;
}

#test-registratie ol {
	margin: 0;
}

#test-registratie-faq {
	width: 450px;
	float: right;
}

#test-registratie-faq ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 24px;
}

#test-registratie-faq ul li {
	margin-left: 24px;
}

#hoe-overleef-ik ul {
	list-style: disc;
	list-style-position: inside;
	margin: 24px 17px;
}

#hoe-overleef-ik img {
	float: left;
	margin: 12px 12px 12px 0;
}

#hoe-overleef-ik .popup {
	display: none;
}

#hoe-overleef-ik a.popclick {
	margin: 12px 24px;
}

div#marjolijn {
	width: 304px;
}

#hoe-krijg-ik-steun a {
	margin-bottom: 24px;
}

#activeren ul#modules li {
	float: left;
	width: 304px;
	margin-right: 24px;
	overflow: hidden;
	position: relative;
}

#activeren ul#modules h4 {
	width: 280px;
	height: 96px;
	padding: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	opacity: 0.85;
}

#activeren li#rood h4 {
	background-color: #f64d5f;
	color: #fffeff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

h4.rood, #prijs-rood {
	background-color: #f64d5f;
	color: #fffeff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#activeren li#geel h4 {
	background-color: #faf763;
	color: #313131;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

h4.geel, #prijs-geel {
	background-color: #faf763;
	color: #313131;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#activeren li#blauw h4 {
	background-color: #354ef9;
	color: #fffeff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

h4.blauw, #prijs-blauw {
	background-color: #354ef9;
	color: #fffeff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#activeren ul#modules a.action {
	margin: 24px auto;
}

#activeren h4.module {
	display: block;
	width: 444px;
	padding: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

fieldset {
	width: 420px;
	margin-right: 24px;
}

#activeren label {
	display: block;
}

#activeren fieldset li {
	position: relative;
}

.ie7 #activeren fieldset {
	float: left;
	margin-right: 200px;
}

.false {
	background: rgba(244, 38, 62, 0.18) url(/images/icons/cross.png) no-repeat 380px;
}

.catalogueitemdump {
	position: absolute;
	right: -9999px;
	top: -9999px;
}

#werkgever-presentatie {
	float: left;
	width: 632px;
	display: block;
	margin-bottom: 24px;
}

.true {
	background: rgba(98, 253, 39, 0.15) url(/images/icons/tick.png) no-repeat 380px;
}

/* My Comment */

/* @group bestel01 */

#aanbod-bestel > div > h4{
	text-align: center;
}

#prijs-ecoaching > p {
	min-height: 48px;
}

#aanbod-bestel a.button{
	position: relative;
	top: -4px;
	margin: 0;
	width: 168px;
	height: 36px;
	line-height: 36px;
}

#aanbod-bestel #online{
	float: left;
	width: 475px;
}

#aanbod-bestel #wat{
	position: relative;
	top: -12px;
}
#aanbod-bestel #wat img{
	position: relative;
	top: 3px;
	margin-right: 10px;
}

#aanbod-bestel #online #modules{
	background-color: #fff7d8;
  /* blauw */

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 2px 5px #ccc;
	-moz-box-shadow: 0px 2px 5px #ccc;
	box-shadow: 0px 2px 5px #ccc;
	border: 1px solid #d3ccb2;
	padding: 12px;
}

#aanbod-bestel #drie-modules{
	overflow: hidden;
	background-color: #f7f0aa;
	position: relative;
	width: 422px;
	padding: 12px;
	border: 1px solid #ebe5a1;
	height: 162px;
	margin-bottom: 12px;
}
#aanbod-bestel #drie-modules h3{
	margin-bottom: 6px;
}

#aanbod-bestel #drie-modules-koop{
position: relative;
	top: -11px;
}
#aanbod-bestel #drie-modules-koop h4.prijs{
	margin-right: 165px;
}

#aanbod-bestel #online #modules ul.kleur{
	margin: 0;
	padding: 0;
	width: 461px;
	height: 266px;
}

#aanbod-bestel #online #modules ul.kleur h4{
	width: 100%;
	margin-left: -12px;
	margin-top: -12px;
	padding: 12px;
}

#aanbod-bestel #online #modules ul.kleur > li{
	float: left;
	width: 115px;
	padding: 12px;
	background-color: #f7f0aa;
		border: 1px solid #ebe5a1;
	margin: 0 12px 0 0;
	height: 240px;
}

#aanbod-bestel #online #modules ul.kleur > li:last-child{
	margin-right: 0px;
}

#aanbod-bestel #online #modules ul li#rood h4{
	background-color: #f64d5f;
	color: #fefffe;
}


#aanbod-bestel #online #modules ul li#geel h4{
	background-color: #faf763;
	color: black;
}


#aanbod-bestel #online #modules ul li#blauw h4{
	background-color: #354ef9;
		color: #fefffe;
		font-size: 1.1em;
		line-height: 1.4em;

}
div#modules ol.weekvragen{
	position: relative;
	top: -19px;
}
div#modules ol.weekvragen li a {
	color: black;
	position: relative;
}
div#modules ul.kleur a.button {
	width: 110px;
	top: -14px;
	margin-bottom: -13px;
}

div#modules ul.kleur li#rood a.button {
	background-color: red;
}

.hoverpop{
	display: none;
	position:absolute;
	width: 300px;
	z-index: 9999;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 2px 5px #ccc;
	-moz-box-shadow: 0px 2px 5px #ccc;
	box-shadow: 0px 2px 5px #ccc;
	border: 1px solid #d3ccb2;
	padding: 12px;
	overflow: hidden;
	background-color: #f7f0aa;
}

#aanbod-bestel #coaching #adviesgesprek{
	background-color: #e8ecf5;
  /* blauw */

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 2px 5px #ccc;
	-moz-box-shadow: 0px 2px 5px #ccc;
	box-shadow: 0px 2px 5px #ccc;
	border: #c0c5dd 1px solid;
	
	padding: 12px;
	overflow: hidden;
}
#aanbod-bestel div.pijl{
	width: 40px;
	height: 60px;
	display: block;
	background: url(/images/arrow.png) no-repeat;
	margin-left: 214px;
	margin-top: -19px;
}
#aanbod-bestel ul#ondersteuning {
	float: left;
	background-color: #d9dce3;
	padding: 12px 12px 0;
	border: 1px solid #bfc1c8;
	margin-top: 10px;
}

#aanbod-bestel ul#ondersteuning li > ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 17px;
	
}

#aanbod-bestel ul#ondersteuning li > h4 {
	margin-bottom: 4px;
}

#aanbod-bestel ul#ondersteuning > li{
	background-color: #e9ebf3;
	margin-bottom: 12px;
	padding: 12px;
	border: 1px solid #cbcdd4;
}

/* @end */

#werkegever-kiezen {
	float: right;
	width: 328px;
	padding-top: 48px;
}

#werkegever-kiezen ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 24px;
}

#aanbod-bestel h4.prijs{
	float: left;
	margin-right: 192px;
}

#werkegever-kiezen ul li {
	margin-bottom: 12px;
	margin-left: 24px;
}

#faq-front li {
	margin-bottom: 6px;
}

#content div.container div.faq-details form div.form input {
	width: 20px;
}

#content div.container div.faq-details form div.form div.item input.cat_button {
	width: 120px;
	height: 30px;
	font-size: 16px;
	background-color: #5f83c5;
	color: #fffeff;
}

#faq-front {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 24px;
}

#aanbod-bestel #coaching{
	float: right;
	width: 475px;
}

input#RememberMe {
	float: none;
	display: inline;
	width: 30px;
	height: 18px;
	margin-bottom: 14px;
}

button#forgot-password.button {
	width: 210px;
	margin-top: 12px;
}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

/* buttons */

input[type=submit], .button {
	float: left;
	margin: 0 24px 24px 0;
	width: 160px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;


/* BACKGROUND GRADIENTS */
	background: #014464;
	background: -moz-linear-gradient(top, #2E579F, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2E579F), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));


/* BORDER RADIUS */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #0D2E5D;
	border-top: 1px solid #2E579F;


/* TEXT SHADOW */
	text-shadow: 1px 1px 1px black;


/* BOX SHADOW */
	-moz-box-shadow: 0 1px 3px gray;
	-webkit-box-shadow: 0 1px 3px gray;
	box-shadow: 0 1px 3px gray;
}

.button.green {
	background: #014464;
	background: -moz-linear-gradient(top, #CFEC5F, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFEC5F), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	border: 1px solid #B0CD45;
	border-top: none;
}

.button.big {
	width: 260px;
}

.button.huge {
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

/* WHILE HOVERED */

.button:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #3466BB, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3466BB), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));
	color: white;
}

.button.green:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #D6F764, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D6F764), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	color: white;
}

/* WHILE BEING CLICKED */

.button:active {
	-moz-box-shadow: 0 1px 4px black;
	-webkit-box-shadow: 0 1px 4px black;
}

input {
	display: block;
}

select {
	height: 30px;
	font-size: 16px;
}

input[type=submit] {
	font-size: 16px;
	overflow: visible;
	padding: 4px 10px 3px 7px;
	/*

IE6 */
  margin: 5px 0;
}

input[type=submit] {
	padding: 4px 10px 4px 7px;
	/

* Firefox */
  line-height: 17px;
/* Safari 

*/
}

*:first-child+html button[type] {
	padding: 4px 10px 3px 7px;
/*

IE7 */
}

input[type=submit] img, a.button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	float: none;
}

button.huge img, a.button.huge img {
	margin: 0 7px -7px 0 !important;
	padding: 0;
	border: none;
	width: 24px;
	height: 24px;
	float: none;
}

#bestel02 fieldset {
	background-color: #345084;
	display: block;
	height: 100%;
	color: white;
	border: none;
	-moz-box-shadow: 0 1px 4px gray;
	-webkit-box-shadow: 0 1px 4px gray;
	position: relative;
}

.ie #bestel02 fieldset label,.ie #bestel02 fieldset .req{
	color: white;
}

#bestel02 .req {
	position: absolute;
	right: 30px;
	top: 40px;
	color: #58623b;
}


#bestel02 input[type=submit] {
	position: relative;
	right: 5px;
	float: right;
	height: 50px;
	width: 200px;
}

#bestel02 .choose {
	margin-top: 10px;
	padding: 5px;
	float: left;
	background-color: white;
	width: 400px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #c7da82;
	margin-bottom: 20px;
}

#bestel02 .choose img {
	float: left;
}

#bestel02 .choose p {
	float: left;
	color: black;
	margin: 15px 0 0 20px;
}

#bestel02 .choose p #bank_id {
	float: left;
	color: black;
	margin: 0px 0 0 20px;
	position: relative;
	top: -3px;
}

/* @group blog */

div.blog_block {
	float: left;
	width: 100%;
}


div.blog_block {
	margin-bottom: 24px;
}

.blog #main_inner{
	float: left;
	width: 600px;
}

div.post {
	padding: 24px;
	margin-bottom: 24px;
	background: #f3f5ff;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 24px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 24px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 24px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 24px;
	border-top-left-radius: 0px;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 24px;
	position: relative;
	width: 100%;
}

div.post_date {
	position: absolute;
	bottom: -6px;
	right: 12px;
	font-size: 125%;
	color: #d2d4dc;
}

#main_inner div.posts.left div.post h2 a {
	font-size: 125%;
	line-height: 1em;
	color: #1e335a;
	margin-bottom: 12px;
}
#main_inner div.posts.left div.post h2 {

	margin-bottom: 0;
}

div.post h1{
	font-size: 175%;
	color: #32363e;
}

#main_inner h1 {
	font-size: 185%;
}
div.post h2{
	font-size: 140%;
}
div.post h3{
	font-size: 140%;
}
div.post h4{
	font-size: 120%;
}

.blog div#subscribe {
	float: left;
}


form#subForm {
	height: 17px;
}

div.post_author_date {
	margin-bottom: 24px;
}

div.comment_form {
	margin-top: 24px;
}
div.comment_form input,div#subscribe input
{
	width: 200px;
	height: 19px;
}
#blog_search input.search_btn, div#subscribe input[type=submit] {
	width: 83px;
	height: 35px;
	font-size: 12px;
	line-height: 22px;
	
}
div#subscribe input[type=submit]{
	top: -28px;
}
div.comment_form textarea{
	width: 400px;
	height: 100px;
}

#main_inner div.posts.left div.view_archives a {
	background-color: #f3f5ff;
	padding: 12px 24px;
	margin-top: 12px;
	width: 100%;
}
#main_inner div.posts.left div.view_archives a:hover {
	background-color: #b4d6df;
}



.blog #right{
	float: right;
	width: 300px;
	margin-top: 68px;
}

#blog_search {
}

#main_inner div.post div.post_content img {
	margin-right: 24px;
	margin-bottom: 24px;
}
	



/* @end */