@font-face {
	font-family						: Cantarell;
    font-style					:  normal;
    font-weight					: normal;
	src							: url(Cantarell-Regular.eot);
}

@font-face {
	font-family					: Cantarell2;
	src							: url(Cantarell-Regular.ttf);
}

/* Algemene tags */

body {
	margin						: 0px 0px 0px 0px;
	background-color			: #FFFFFF;
	background-image  			: url(gw_shadow.png);
	background-repeat 			: repeat-y;
	background-position			: top center;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	color						: #333;
}

div {
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	color						: #333;
	font-size					: 10pt;
}

p {
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	color						: #333;
	font-size					: 10pt;
}

a {
	text-decoration				: none;
	color						: #d61746;
}

a:hover {
	text-decoration				: underline;
}

td {
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 10pt;
}

H1 {
	font-family					: Cantarell, Cantarell2, verdana;
	font-size					: 20pt;
	margin						: 2px;
	color						: #333;
}

H2 {
	font-family					: Cantarell, Cantarell2, verdana;
	font-size					: 15pt;
	margin						: 0px;
	color						: #333;
}

img {
	border-width				: 0px;
}

/* Pagina-layout */

#page {
	margin						: 0px auto;
	width						: 996px;
	color						: #000000;
	background-color			: #FFFFFF;
	background-repeat			: no-repeat;
}

#top {
	height						: 180px;
}

#logo {
	float						: left;
	width						: 180px;
	height						: 110px;
	margin						: 20px 0px 0px 10px;
	background-position			: center center;
	background-repeat			: no-repeat;
}

#navigatie {
	float						: right;
	height						: 75px;
	width						: 500px;
	margin						: 50px 30px 0px 0px;
	padding-top					: 10px;
	text-align					: right;
	background-repeat			: no-repeat;
}

#navigatie a {
	color						: #FFF;
	margin-right				: 20px;
	font-size					: 11pt;
}

#navigatie a:hover {
	text-decoration				: none;
}

#bluespacer {
	height						: 60px;
}

#headers {
	height						: 100px;
	text-align					: right;
	margin						: 10px 80px 0px 0px;
}

#headers p {
	font-family					: Cantarell, Cantarell2, verdana;
	font-size					: 12pt;
	margin						: 0px;
}

#inhoud {
	margin						: 0px 50px 50px 50px
}

#bottom {
	height						: 50px;
	margin						: 100px 0px 0px 50px;
}

#bottom img {
	float						: right;
	margin-right				: 55px;
}

#bottom a {
	color						: #555;
	margin-right				: 20px;
	font-size					: 7pt;
}


/* Losse DIV-componenten */

div.infoblok {
	width						: 436px;
	background-image			: url(gw_infoblok_back.png);
	background-repeat			: repeat-y;
	margin-bottom				: 10px;
}

div.infobloktop {
	background-repeat			: no-repeat;
	height						: 73px;
}

div.infoblokbot {
	background-image			: url(gw_infoblok_bot.png);
	background-repeat			: no-repeat;
	height						: 19px;
}

div.infoblok p {
	margin						: 0px 10px 0px 70px;
}

div.dblok {
	background-image			: url(gw_infoblok_dagboek_top.png);
}

div.vblok {
	background-image			: url(gw_infoblok_vergelijker_top.png);
}

div.greyblok {
	margin						: 0px auto;
	width						: 900px;
	background-image			: url(gw_greyblok_back.png);
	background-repeat			: repeat-y;
}

div.greybloktop {
	margin						: 0px auto;
	background-image			: url(gw_greyblok_top.png);
	width						: 900px;
	height						: 14px;
}

div.greyblokbot {
	margin						: 0px auto;
	background-image			: url(gw_greyblok_bot.png);
	width						: 900px;
	height						: 14px;
}

div.greyblok2 {
	margin						: 0px auto;
	width						: 898px;
	background-image			: url(gw_greyblok2_back.png);
}

div.greybloktop2 {
	margin						: 0px auto;
	background-image			: url(gw_greyblok2_top.png);
	width						: 900px;
	height						: 14px;
}

div.greyblokbot2 {
	margin						: 0px auto;
	background-image			: url(gw_greyblok2_bot.png);
	width						: 900px;
	height						: 14px;
}

div.blok {
	margin						: 2px 0px 10px 0px;
	border						: 1px solid #fff;
	clear						: both;
	width						: 900px;
}

div.smallblok {
	margin						: 2px 0px 10px 0px;
	border						: 1px solid #fff;
	clear						: both;
	width						: 700px;
	padding-left				: 200px;
	float						: right;
	text-align					: left;
}

div.greysubblok {
	width						: 430px;
	margin						: 9px;
}

div.greysubblok2 {
	width						: 880px;
	margin						: 0px 9px 0px 9px;
}

div.mnu {
	display						: none;
	padding-top					: 5px;
}

#navigatie .mnu a{
	font-size					: 9pt;
	margin-right				: 10px;
}

div.infobar{
	margin						: 0px auto;
	background-image			: url(gw_bar_yellow.png);
	width						: 900px;
	height						: 21px;
}

p.infobar {
	margin-left					: 25px;
	padding-top					: 2px;
	font-size					: 9pt;
}




/* Knoppen */

a.bluebutton {
	background-image			: url(gw_button_blue.gif);
	background-repeat			: no-repeat;
	width						: 171px;
	height						: 28px;
	color						: #FFF;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 8pt;
	display						: block;
	text-align					: left;
	padding						: 6px 0px 5px 15px;
	margin-left					: 15px;
}

a.redbutton {
	background-image			: url(gw_button_red.gif);
	background-repeat			: no-repeat;
	width						: 171px;
	height						: 28px;
	color						: #FFF;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 8pt;
	display						: block;
	float						: right;
	text-align					: left;
	padding						: 6px 0px 5px 15px;
	margin-left					: 15px;
}

a.dagboek {
	background-image			: url(gw_button_blue.png);
	background-repeat			: no-repeat;
	width						: 180px;
	height						: 26px;
	color						: #009edf;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 8pt;
	display						: block;
	float						: right;
	text-align					: left;
	padding						: 6px 0px 5px 15px;
	margin-left					: 15px;
}

a.blue {
	color						: #009edf;
}

/* Formulierelementen */


input.styled {
	border						: 1px solid #a7a7a7;
	border-top					: 1px solid #d5d5d5;
	border-right				: 1px solid #d5d5d5;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 9pt;
	height						: 20px;
}

select.styled {
	border						: 1px solid #a7a7a7;
	border-top					: 1px solid #d5d5d5;
	border-right				: 1px solid #d5d5d5;
	font-family					: Lucida Sans Unicode, Lucida Grande,verdana;
	font-size					: 9pt;
	height						: 20px;
}

input.login {
  width							: 221px;
	height						: 18px;
	background-image			: url(gw_loginfield.png);
	background-repeat			: no-repeat;
	border-width				: 0px;
	padding						: 5px 3px 2px 3px;
}

.small {
	font-size					: 8pt;
}

input.button {
	border						: 0px;
	height						: 26px;
	background-repeat			: no-repeat;
	background-color			: #FFF;
	font-size					: 8pt;
	margin-right				: 10px;
	text-align					: left;
	padding						: 4px 0px 6px 10px;
}

input.red1 {
	width						: 90px;
	background-image			: url(gw_button_red_1.png);
	color						: #d61746;
}

input.red2 {
	width						: 110px;
	background-image			: url(gw_button_red_2.png);
	color						: #d61746;
}

input.red3 {
	width						: 130px;
	background-image			: url(gw_button_red_3.png);
	color						: #d61746;
}
input.red4 {
	width						: 150px;
	background-image			: url(gw_button_red_4.png);
	color						: #d61746;
}

input.red5 {
	width						: 170px;
	background-image			: url(gw_button_red_5.png);
	color						: #d61746;
}

input.blue1 {
	width						: 90px;
	background-image			: url(gw_button_blue_1.png);
	color						: #009edf;
}

input.blue2 {
	width						: 110px;
	background-image			: url(gw_button_blue_2.png);
	color						: #009edf;
}

input.blue3 {
	width						: 130px;
	background-image			: url(gw_button_blue_3.png);
	color						: #009edf;
}
input.blue4 {
	width						: 150px;
	background-image			: url(gw_button_blue_4.png);
	color						: #009edf;
}

input.blue5 {
	width						: 170px;
	background-image			: url(gw_button_blue_5.png);
	color						: #009edf;
}

input.buttonr {
	border						: 0px;
	height						: 26px;
	background-repeat			: no-repeat;
	background-color			: #FFF;
	font-size					: 8pt;
	margin-left					: 10px;
	text-align					: right;
	padding						: 4px 10px 6px 0px;
}

input.red1r {
	width						: 90px;
	background-image			: url(gw_button_red_1r.png);
	color						: #d61746;
}

input.red2r {
	width						: 110px;
	background-image			: url(gw_button_red_2r.png);
	color						: #d61746;
}

input.red3r {
	width						: 130px;
	background-image			: url(gw_button_red_3r.png);
	color						: #d61746;
}
input.red4r {
	width						: 150px;
	background-image			: url(gw_button_red_4r.png);
	color						: #d61746;
}

input.red5r {
	width						: 170px;
	background-image			: url(gw_button_red_5r.png);
	color						: #d61746;
}


input.blue1r {
	width						: 90px;
	background-image			: url(gw_button_blue_1r.png);
	color						: #009edf;
}

input.blue2r {
	width						: 110px;
	background-image			: url(gw_button_blue_2r.png);
	color						: #009edf;
}

input.blue3r {
	width						: 130px;
	background-image			: url(gw_button_blue_3r.png);
	color						: #009edf;
}
input.blue4r {
	width						: 150px;
	background-image			: url(gw_button_blue_4r.png);
	color						: #009edf;
}

input.blue5r {
	width						: 170px;
	background-image			: url(gw_button_blue_5r.png);
	color						: #009edf;
}





/* **************************** OUDE SET **************************** */

table.starttable {
	background-color 			: #ffffff;
	width            			: 800px;
}

table.startanswer {
	background-color 			: #ffffff;
	width            			: 800px;
}

table.startgrid {
	background-color 			: #ffffff;
	width            			: 800px;
	border						: 1px solid #009edf;
	border-collapse				: collapse;
}

table.startgrid td  {
	border-width				: 0px;
	border-bottom				: 1px solid #009edf;
	border-collapse				: collapse;
}

td {
	color		   				: #514f4f;
	font-family      			: Lucida Sans Unicode, VERDANA, ARIAL; 
	font-size        			: 10pt; 
	border-color	   			: #DDDDDD;
}

td.cell8  {
	font-size        			: 9pt; 
}

td.cell8w {
	font-size        			: 9pt; 
	background-color 			: #FFFFFF;
}

td.cell9 {
	font-size        			: 10pt; 
	font-weight	   				: bold;
}

td.cell9r {
	font-size        			: 10pt; 
	font-weight	   				: bold;
	color						: #d61746;  
}

td.cell9b {
	font-size       		 	: 10pt; 
	font-weight	   				: bold;
	color						: #009edf;  
}

td.starttable {
	background-color 			: #ffffff;
	border  					: 1pt solid #DEDEDE; 
	font-size         			: 2pt;
	width             			: 5px;
	display						: none;
}

td.header2 {
	border  					: 1pt solid #000; 
	font-weight   				: bold;
	font-size     				: 11pt;
}

p {		
	font-family					: Lucida Sans Unicode, VERDANA, ARIAL; 
	color						: #656262;
}

p.one {
	font-size					: 9pt; 
}

p.two {
	font-size					: 10pt; 
}

p.three {
	font-size					: 11pt; 
}

p.four {
	font-size					: 12pt; 
}

p.five  {
	font-size					: 13pt; 
}

td.vergelijk {
	text-align					: right;
	font-size					: 8pt;
	width						: 210px;
}

img.logo {
	height						: 45px;
	margin-right				: 15px;
}

img.clicklogo {
	border						: 0px;
	width						: 140px;
	height						: 72px;
}

.right {
  float							: right;
}

.rightmargin {
  margin-right					: 10px;
  float							: right;
}



/* Extra stijlen voor vragenlijsten */
tr.questionnaireHeading {
	background-color			: #009edf;
}

tr.questionnaireHeading  td{
	color						: #FFFFFF;
}

.padded {
  padding-left: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}