* {
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				: 189px;
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;}


/* 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;
}