* {
margin				: 0px;
padding				: 0px;
font-family			: Verdana, Arial, Helvetica, sans-serif;
}

body {
background-color		: #FFF;
color				: #000;
font-size				: 0.75em;
font-family			: Verdana, Arial, Helvetica, sans-serif !important;
}

h1 {
font-size				: 3.333333em;
font-weight			: normal;
line-height			: 0.88em;
padding				: 0px 0px 15px 0px;
margin				: -3px 0px 0px 0px;
}

h2 {
font-size				: 1.166667em;
line-height			: 1.5em;
font-weight			: normal;
padding				: 0px 0px 0.6em 0px;
margin				: 0px;
}

h2 span{
display				: none;
}

h3 {
font-size				: 1.166667em;
line-height			: 1.66em;
font-weight			: bold;
padding				: 15px 0px 0px 0px;
margin				: 0px;
}

h3 span{
font-weight			: normal;
color				: #000;
}


h4 {
font-size				: 0.75em;
line-height			: 1.66em;
font-weight			: bold;
padding				: 10px 0px 0px 0px;
margin				: 0px;
color				: #000;
}

h5 {
font-size				: 0.75em;
line-height			: 1.66em;
font-weight			: normal;
padding				: 0px 0px 0px 0px;
margin				: 0px;
color				: #666;
}

p {
font-weight			: normal;
line-height			: 1.66em;
padding				: 0px;
margin				: 0px;
color				: #000;
}

a {
text-decoration		: none;
color				: #000;
cursor				: pointer;
}

a:hover {
text-decoration		: underline;
}

/* Layout -----------------------------------------*/

.container {
width				: 960px;
margin				: 0 auto;
}

.header {
width				: 960px;
height				: 87px;
}

.left_side {
float				: left;
display				: inline;
width				: 228px;
margin				: 0px 23px 0px 17px;
}

#home .left_side {
position				: relative;
}

.right_side {
float				: left;
width				: 692px;
display				: inline;
min-height			: 677px;
height				: auto !important;
height				: 677px;
}


/* Header items -----------------------------------------*/

.header h2,
.header ul.keurmerkenlijst {
display				: none;
}

.logo {
float				: left;
width				: 245px;
height				: 87px;
}

.logo img {
border				: 0px;
}

.kruimelpad {
float				: left;
display				: inline;
width				: 680px;
margin				: 10px 0px 0px 23px;
}

.kruimelpad ul {
list-style			: none;
color				: #c2c3c4;
font-size				: 0.916667em;
}

.kruimelpad li {
float				: left;
display				: inline;
margin				: 0px 5px 0px 0px;

}

.kruimelpad a {
color				: #c2c3c4;
}

.keurmerken {
float				: right;
width				: 139px;
height				: 43px;
margin-top			: 18px;
}

.keurmerken a {
float				: left;
height				: 43px;
display				: block;
background-position		: 0px 0px;
}

.keurmerken a:hover {
background-position		: 0px -43px;
}

.keurmerken a.vkg 	{ background-image:url(../img/keurmerk_vkg.gif); width: 105px;}
.keurmerken a.komo 	{ background-image:url(../img/keurmerk_komo.gif); width: 50px;}
.keurmerken a.politie { background-image:url(../img/keurmerk_politie.gif); width: 34px;}

/* LEFTSIDE ITEMS -----------------------------------------*/
/* navigation -----------------------------------------*/
.nav {
margin-top			: 10px;
width				: 228px;
}

.nav ul {
list-style			: none;
}

.nav li {
width				: 228px;
margin				: 5px 0px 0px 0px;
font-size				: 1.166667em;
}

.nav li li {
width				: 223px;
margin				: 0px 0px 0px 5px;
font-size				: 0.857143em;
}

.nav li li li {
width				: 218px;
margin				: 0px 0px 0px 5px;
font-size				: 1em;
}

.nav a {
display				: block;
text-decoration		: none;
padding				: 3px 5px;
color				: #a0a0a0
}

#home .nav a {
color				: #000000;
}

#home li ul {
display				: none;
}

.nav li.selected a {
color				: #000;
background-color		: #eee;
}

.nav li.selected li a {
color				: #000;
background			: none;
}

.nav li.selected li a:hover {
color				: #000;
background			: #dcdcdc;
}

.nav li li a {
padding				: 3px 8px;
}

.nav li li li a {
padding				: 3px 8px;
color				: #000;
}

.nav a:hover {
text-decoration		: none;
background-color		: #dcdcdc;
color				: #000;
}

/* naw-gegevens -----------------------------------------*/

#home .naw {
position 				: absolute;
left					: 0px;
top					: 478px;
}

.naw p {
font-size				: 1.166667em;
}


/* searchfield -----------------------------------------*/
.zoek {
margin				: 15px 0px;
height				: 23px;
}

#home .zoek {
position 				: absolute;
left					: 0px;
top					: 435px;
margin				: 0px 0px 15px 0px;
}

.zoek .zoek_input {
background			: url(../img/bg_zoekveld.gif) no-repeat;
width				: 184px;
height				: 17px;
float				: left;
display				: inline;
border				: 0px;
padding				: 4px 8px 2px 8px;
}

.zoek .zoek_button {
background			: url(../img/bg_zoekbutton.gif) no-repeat;
width				: 28px;
height				: 23px;
float				: left;
display				: inline;
border				: 0px;
}

/* Global content -----------------------------------------*/

.content {
margin-top			: 10px;
min-height			: 677px;
height				: auto !important;
height				: 677px;
}

.content .content_half {
width 				: 322px;
float 				: left;
padding-right 		: 15px;
}

.content .content_half h2 {
width 				: 322px !important;
margin-top	 		: 17px;
}

.content .content_half ul {
margin-left 		: 1.3em;
}

/* Content Mainpages -----------------------------------------*/
.mainpage {
float				: left;
width				: 692px;
background-repeat		: no-repeat;
background-position		: right top;
}

.mainpage h2 {
width				: 470px;
}

.main_text {
float				: left;
width				: 470px;
}

.main_text ul {
margin				: 0px 0px 0px 15px;
padding				: 0px;
list-style			: square;
line-height			: 1.5em;
}


/* Content Subpages -----------------------------------------*/
.subpage {
float				: left;
width				: 692px;
background-repeat		: no-repeat;
background-position		: right top;
}

.subpage h2, 
.subpage p {
width				: 470px;
}

.sub_text {
float				: left;
display				: inline;
width				: 470px;
margin-right			: 50px;
line-height			: 1.66em;
}

/* Achtergrondafbeeldingen -----------------------------------------*/

#home .mainpage 				{ background-image: url(../img/bg_img_home.jpg);}
/*#kozijnen .mainpage 			{ background-image: url(../img/bg_img_kozijnen.jpg);}
#ramen .mainpage 				{ background-image: url(../img/bg_img_ramen.jpg);}
#deuren .mainpage 				{ background-image: url(../img/bg_img_deuren.jpg);}
#schuifpuien .mainpage 			{ background-image: url(../img/bg_img_schuifpuien.jpg);}
#dakkapellen .mainpage 			{ background-image: url(../img/bg_img_dakkapellen.jpg);}
#balkonbeglazing .mainpage 		{ background-image: url(../img/bg_img_balkonbeglazing.jpg);}
#tuinkamers .mainpage 			{ background-image: url(../img/bg_img_tuinkamers.jpg);}
#zonwering .mainpage 			{ background-image: url(../img/bg_img_zonwering.jpg);}
#over_dreumel .mainpage 			{ background-image: url(../img/bg_img_dreumel.jpg);}
#informatie_en_contact .mainpage 	{ background-image: url(../img/bg_img_overdreumelcontact.jpg);}*/

/* Actieafbeeldingen -----------------------------------------*/
/* buttons home -----------------------------------------*/
#home .actiebuttons {
float				: none;
width				: 360px;
margin				: 10px 0px;
}

#home .actiebutton {
position				: relative;
float				: left;
display				: inline;
width				: 170px;
height				: 170px;
margin				: 0px 8px 8px 0px;
}

#home .actiebutton a {
position				: absolute;
display				: block;
width				: 170px;
height				: 170px;
z-index				: 10;
background			: url(../img/overlay_actiebutton.png) no-repeat;
background-position		: 0px 0px;
}

#home .actiebutton a:hover {
background-position		: 0px -170px;
}

#home .actiebutton img {
position				: absolute;
z-index				: 5;
}

/* buttons overige pagina's -----------------------------------------*/

.actiebuttons {
float				: right;
width				: 162px;
margin				: 187px 0px 0px 0px;
}

.subpage .actiebuttons {
margin				: 10px 0px 0px 0px;
}

.actiebutton {
width				: 162px;
height				: 162px;
margin				: 10px 0px 0px 0px;
}

.actiebutton a {
display				: block;
width				: 162px;
height				: 162px;
background-position		: 0px 0px;
}

.actiebutton a:hover {
background-position		: 0px -162px;
}

.button_afspraak 	{ background: url(../img/button_afspraak.png) no-repeat;}
.button_info 		{ background: url(../img/button_info.png) no-repeat;}

/* button voor poject van het jaar ----------------------------------*/
.button_vote {
	background-image:	url(../img/button_breng_uw_stem_uit.jpg);
	width:				178px;
	height:				181px;
	display:			block;
	float:				right;
	margin-top:			50px;
	margin-left:		500px;
	position:			absolute;
}

.button_cast_vote {
	background-image:	url(../img/button_stemmen.jpg);
	width:				178px;
	height:				181px;
	display:			block;
	float:				right;
	margin-top:			200px;
	margin-left:		520px;
	position:			absolute;
}

/* Afbeeldingen op subpagina's -----------------------------------------*/
.photoblock {
float				: none;
width				: 692px;
height				: 162px;
margin				: 0px 0px 10px 0px;
}

.photo {
position				: relative;
float				: left;
display				: inline;
width				: 162px;
height				: 162px;
margin				: 0px 15px 15px 0px;
line-height			: 1.66em;
}

.first_photo {
margin				: 0px 14px 15px 0px;
line-height			: 1.25em;
}

.last_photo {
margin				: 0px 0px 15px 0px;
}

.photo span {
position				: absolute;
width				: 162px;
height				: 162px;
z-index				: 10;
background			: url(../img/overlay_actiebutton.png) no-repeat;
}

.photo img {
position				: absolute;
z-index				: 5;
border				: 0px;
}

.detailthumbs {
float				: left;
width				: 353px !important;
height				: 324px !important;
}

.detailthumbs p {
float				: left;
width				: 353px;
}


.detailphoto {
float				: left;
width				: 333px !important;
height				: 333px !important;
border				: 3px solid #f4e504;
}

/* Formulieren: Maak een afspraak & Vraag informatie aan -----------------------------------------*/
#informatie_en_contact .form_content {
width				: 550px !important;
}

.invulformulier {
width				: 550px !important;
margin				: 10px 0px 0px 0px;
}

.invulformulier .naw {
height				: 65px;
}

.invulformulier input,
.invulformulier select,
.invulformulier textarea {
xfloat				: left;
xdisplay				: inline;
xmargin				: 0px 0px 0px 0px;
border				: 0px;
padding				: 4px 5px;
font-size				: 1em;
}

.invulformulier select {
xxpadding 			: 4px 0px 0px 5px;
}

.invulformulier textarea {
height				: 65px;
}

.invulformulier label {
xfloat				: left;
xfont-size				: 1em;
xmargin				: 3px 0px 0px 0px;
}

.invulformulier input.radio {
float				: left;
margin				: 3px 0px 0px 0px !important;
padding				: 0px !important;
}

.invulformulier input.submit {
float				: none;
}

.invulformulier input.upload_cv {
border: 1px outset #CCC;
}


.invulformulier input.input_small 		{ background:url(../img/bg_input_small.png) no-repeat; width:74px; }
.invulformulier input.input_medium 	{ background:url(../img/bg_input_medium.png) no-repeat; width:250px; }
.invulformulier input.input_large 		{ background:url(../img/bg_input_large.png) no-repeat; width:320px; }
.invulformulier input.input_xlarge 	{ background:url(../img/bg_input_xlarge.png) no-repeat; width:520px; margin-right:30px; }
.invulformulier select.input_medium 	{ background:url(../img/bg_input_medium.png) no-repeat; width:260px; }
.invulformulier select.input_large 		{ background:url(../img/bg_input_large.png) no-repeat; width:320px; }
.invulformulier textarea.textarea 		{ background:url(../img/bg_textarea.png) no-repeat; width:520px; margin-right:30px; }

.invulformulier .greyed	{
xcolor				: #999999;
}

.invulformulier table {
float				: left;
width				: 550px !important;
margin				: 0px;
}

.invulformulier table td {
padding				: 0px 0px 12px 0px;
}

.invulformulier table.extra_info {
margin				: 0px 0px 20px 0px !important;
}

.invulformulier table.extra_info td {
padding				: 2px 0px !important;
}

/**********************************************
 * INLINED LABEL
 *********************************************/
input.input-text,
textarea.input-text {
display 					: block;
position					: relative;
z-index					: 2;
}

.invulformulier label {
padding-top 				: 6px;
position					: relative;
display 					: block;
z-index					: 3;
zoom						: 1;
}

label.inlined {
padding 					: 4px 0px 0px 5px;
font-weight				: normal;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
filter					: alpha(opacity=75);					
opacity					: 0.75;
-webkit-transition			: opacity 0.15s linear;
}

label.inlined + input.input-text,
label.inlined + textarea.input-text {
margin-top				: -18px;
}

label.focus { 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
filter					: alpha(opacity=35);
opacity					: 0.35;
}

label.has-text { 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter					: alpha(opacity=0);					
opacity					: 0.0;
-webkit-transition-duration	: 0s;
}

label.label_alt {
margin					: 0px;
padding					: 0px;
}

label.inlined { -webkit-transition: color 0.15s linear; }
label.has-text { -webkit-transition-duration: 0s; }


/* Sitemap -----------------------------------------*/

#sitemap .content ul { 
padding					: 8px 0px;
list-style				: none; 
background				: #FFFFFF; 
font-size				: 16px; 
font-weight				: bold; }

#sitemap .content li{ 
padding					: 2px 0px 5px 0px; 
}

#sitemap .content ul ul { 
padding					: 4px 25px; 
font-size				: 14px; 
font-weight				: normal; 
border-bottom			: 0px;
}

#sitemap .content ul ul li { 
padding					: 2px 0px; 
border					: 0px;
background				: none;
}

#sitemap .content ul ul ul { 
padding					: 4px 25px; 
font-size				: 13px; 
font-weight				: normal; 
border-bottom			: 0px;
}

#sitemap .content ul ul ul li { 
padding					: 2px 0px; 
border					: 0px;
background				: none;
}

#sitemap .content ul ul ul ul {
padding					: 4px 25px; 
font-size				: 12px; 
font-weight				: normal; 
border-bottom			: 0px;
}

#sitemap .content ul ul ul li { 
padding					: 2px 0px; 
border					: 0px;
background				: none;
}


/* CMS Beheer Login -----------------------------------------*/

.login dl {
width				: 400px;
}

.login dt {
float				: left;
width				: 120px;
padding				: 2px 0px;
}

.login dd {
float				: left;
width				: 280px;
padding				: 2px 0px;
}

.login input {
border				: 1px solid #000000 !important;
width				: 200px;
}

.login input.button {
border				: 0px !important;
width				: 80px;
}

.afbeelding_links {
float				: left;
display				: inline;
padding				: 0px 5px 3px 0px;
}

.afbeelding_rechts {
float				: right;
display				: inline;
padding				: 0px 0px 3px 5px;
}


/* Vacatures -----------------------------------------*/

#vacatures .vacature {
float 				: left;
width				: 470px;
display 			: inline;
margin 				: 10px 0px;
padding 			: 0;
}

#vacatures .vacature h2 {
font-size 			: 2em;
font-weight  		: normal;
line-height 		: 0.88em;
}

#vacatures .first {
margin-left		: 0;
clear 				: left;
}

#vacatures .hover,
#vacatures .hover h2,
#vacatures .hover p {
text-decoration 	: underline;
}

/* A few classes for a project page ------------------*/

.back_to_projects_overview {
	display:		block;
	margin-top:		30px;
	text-decoration:underline;
}

.social-media {
margin-top:			40px;
width:				550px;
height:				60px;
}

.tweet {
height:				27px;
width:				27px;
display:			block;
background-image:	url(../img/button_twitter.jpg);
background-repeat:	no-repeat;
}

.tell-a-friend {
height:				22px;
width:				100px;
margin-left:		75px;
padding-left:		35px;
padding-top:		5px;
display:			block;
background-image:	url(../img/button_tell_a_friend.jpg);
background-repeat:	no-repeat;
}


/* The project overview page -----------------------*/
.project-overview-list {
float: 			left; 
clear: 			left; 
list-style: 	none; 
margin: 		0; 
padding: 		0;
margin-top:		20px;
width:			650px;
}

.project-overview-list a:hover {
text-decoration: none;
}

.project-overview-list li {
float: 			left; 
width:			150px; 
height:			205px; 
overflow:		hidden;
margin: 		0; 
padding: 		0px 5px 15px 5px;
}

.project-overview-list li.first-item {
padding-left:	0px;
}

.vote_prices {
position:		absolute;
margin-left:	30px;
}

/* Project page------------------------------*/
.project-page a{
	text-decoration:underline;
}

.impression_container {
	width:		440px;
	height:		305px;
	margin-bottom:40px;
	border:		10px solid #eeeeee;
	overflow:	hidden;
}

.impression {
	position:	absolute;
	width:		440px;
	height:		305px;
	overflow:	hidden;
	/*border:		10px solid #EEEEEE;*/
	display:	none;
}

.impression img {
	width:		440px;
	height:		305px;
	position:	relative;
}