@import url("/blog/wp-content/themes/twentytwelve/style.css");
@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Quicksand';
	src: url('fonts/quicksand-regular-webfont.eot');
	src: local('!'),
	   url('fonts/quicksand-regular-webfont.woff') format('woff'), 
	   url('fonts/quicksand-regular-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'BellGothicStdBold';
	src: url('fonts/bellgothicstd-bold_kopie-webfont.eot');
	src: local('!'),
	   url('fonts/bellgothicstd-bold_kopie-webfont.woff') format('woff'), 
	   url('fonts/bellgothicstd-bold_kopie-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'BellGothicStdBlack';
	src: url('fonts/bellgothicstd-black_kopie-webfont.eot');
	src: local('!'),
		url('fonts/bellgothicstd-black_kopie-webfont.woff') format('woff'), 
		url('fonts/bellgothicstd-black_kopie-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'Copperplate';
	src: url('fonts/copperplate-webfont.eot');
	src: local('!'),
		url('fonts/copperplate-webfont.woff') format('woff'), 
		url('fonts/copperplate-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'CopperplateBold';
	src: url('fonts/copperplatebold-webfont.eot');
	src: local('!'),
	   url('fonts/copperplatebold-webfont.woff') format('woff'), 
	   url('fonts/copperplatebold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'Charlemagne';
	src: url('fonts/charlemagne-webfont.eot');
	src: local('!'),
	   url('fonts/charlemagne-webfont.woff') format('woff'), 
	   url('fonts/charlemagne-webfont.ttf') format('truetype');
}
* {
	font-weight: normal;
	border: 0;
	margin: 0; padding: 0;
	list-style: none;
}
body {
	font-family: 'BellGothicStdBold', Helvetica, sans-serif;
	background-image:url(images/aqua8.png);
	background-repeat: repeat-x;
	background-color: #A6BFC4;
}

body p {
	color: #585755;
}

.container {
	position: relative;
	max-width: 1257px;
	margin: 38px auto 0 auto;
}
#submenu {background: #b8c3c6; position:absolute; z-index:5; width: 313px; left: -100px; padding: 5px 5px 3px 5px; display:none;
	-webkit-box-shadow: 0px 8px 9px -3px #555;
			box-shadow: 0px 8px 9px -3px #555;
}

.dot {
	background: url(images/dott.png) no-repeat center;
	/* color: #bbc6c8; */
	padding: 0 3px;
}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 115px;
	height: 115px;
	background: url(images/logo.png) no-repeat;

}
#menucontainer {
	position: relative;
	top: 32px;
	width: 100%;
	min-width: 1100px;
	height: 147px;
}
ul#menu {
	width: 940px;
	margin: 0pt auto;
}
ul#menu li {
	position: relative;
	margin: 0 60px 0 0;
	top: 17px;
	display: inline-block;
	height: 30px;
	text-align: center;
}

ul#menu li:first-child {
	top: 0px;
}
#menu a {
	font-size: 24px;
	text-align: center;
}
a:link,a:visited { 
	text-decoration:none;
	color: #ffffff;
}   
a:hover,a:active {
	/*font-family: 'BellGothicStdBlack';*/
	text-color:#033;
	text-shadow: 0 1px 1px #000;
	/*filter: dropshadow(color=#FFF, offx=0, offy=1);*/
}

/*********************************** HOME **********************************************/
.homeholder {
	width: 1257px;
	margin: 0pt auto;
}
#logoholder {
	width: 1050px;
	margin: 0pt auto;
}
#logoholder li {
	display: inline-block;
}
#logovak {
	position: relative;
width: 388px;
height: 110px;
margin: 20px auto 30px auto;
background: url(images/logoJT2.png) no-repeat -50px 0px;
}

#vakholder {
	position: relative;
	width: 1000px;
	margin: 70px auto 40px auto;
}

#projectvakcontainer {
	position: relative;
	width: 1000px;
	margin: 10px auto;
}

ul#projectvak {
	position: relative;
	list-style: none;
}

ul#projectvak li {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 15px;
	padding: 0 24px 0 0;
	margin: 0 16px 0 0;
	text-align: center;
	background: url(images/dot.png) no-repeat;
	background-position-y: 6px;
	background-position-x: right;
}

#projectvak a {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #73726e;
	text-shadow: none;
}

#afbeeldingvakcontainer {
	position: relative;
	width: 1000px;
	margin: 0pt auto;
}

ul#afbeeldingvak {
	position: relative;
	list-style: none;
}

ul#afbeeldingvak li {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 40px 0 0;
}

ul#afbeeldingvak img {
	padding-left: 0px;
}

#menu2 a {
	font-size: 24px;
	text-align: center;
}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 115px;
	height: 115px;
	background: url(images/logo.png) no-repeat;

}
#menucontainer {
	position: relative;
	top: 32px;
	width: 100%;
	min-width: 1257px;
	height: 147px;
}
ul#menu {
	width: 980px;
	margin: 0pt auto;
}
ul#menu li {
	position: relative;
	margin: 0 60px 0 0;
	top: 17px;
	display: inline-block;
	height: 30px;
	text-align: center;
}

ul#menu li:first-child {
	top: 0px;
}
#logovak2 {
	color: #fff;
text-align: center;
position: relative;
width: 100%;
min-width: 1257px;
padding: 0 0 10px 0;
background:rgb(181,190,192);
	background: transparent\9;
	background:rgba(181,190,192,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b5bec0,endColorstr=#99b5bec0);
	zoom: 1;
}
#logovak2 h2 {
	font-size: 30px;
	color: white;
	text-shadow: 0px 1px 0px black;
	text-align: center;
}
#logovak2 p {
	margin-bottom: 7px;
}
#logovak2 input {
	/* border: 1px solid #111; */
	font-size: 15px;
	margin-bottom: 10px;
	padding: 8px 10px;
	/* width: 305px; */
	width: 220px;
}
#logovak2 input { background: #fff url(/images/name.png) no-repeat 215px center; }
#logovak2 input.email { background: #fff url(/images/email.png) no-repeat 215px center; }
#logovak2 input[type="submit"] {
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0;
	/* width: 325px; */
	text-shadow: -1px -1px #3a060a;
	background: #379b33;
	background-image: none;
}
#logovak2 input[type="submit"]:hover {  }

.horizontalform {
	width: 800px;
	margin: 0pt auto;
}

.horizontalform td {
	margin: 0 20px 0 0;
}




#main, #main_nosub {
	position: relative;
	/* width: 927px; */
	/* width: 886px; */
	width: 875px;
	min-height: 780px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background:rgb(181,190,192);
	background: transparent\9;
	background:rgba(181,190,192,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99b5bec0,endColorstr=#99b5bec0);
	zoom: 1;
}
#main_nosub {
	/*
top: 35px;
	margin: 0 0 37px 0;
*/
	margin: 0 0 0 0px;
}

.newClass {
	text-align:center;
	background-color: #b7b5ad;
	width: 175px;
	height: 30px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.project {
	position: relative;
	top: 0; left: 0px;
}
ul.project li {
	padding: 20px;
	display: inline-block;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 150px;
	height: 150px;
}
ul.project li img {
	width: 150px; height: 150px; /* Set the small thumbnail size */
	border: 1px solid #ddd;
	padding: 5px;
	background: #adaba3;
	position: absolute;
	left: 0; top: 0;
}
ul.project li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}



#goback {
	position: relative;
	top: -40px;
}
#informatie {
	float: left;
}

h1, h2, h3 {
	font-family: 'BellGothicStdBlack', Helvetica, sans-serif;
	font-size: 24px;
	color: #98968d;
	position: relative;
	text-align: center;
	padding: 10px 0;
/*
	left: -50px;
	top: -40px;
	text-align: center;
	margin-bottom: -50px;
*/
}

.zitem {
	background-color: #adaba3;
	width:150px;
	height:150px;	
	border:2px solid #adaba3;	
	margin:5px 5px 5px 5px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float: left;
}

.zitem .caption {
	width:150px;
	height:30px;
	background:#c8c8c3
	background:rgb(200,200,195);
	background: transparent\9;
	background:rgba(200,200,195,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2c8c8c3,endColorstr=#b2c8c8c3);
	zoom: 1;
	color:#000;
	text-align: center;	
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	

}

.zitem .caption a {
	text-decoration:none;
	color:#000;
	font-size:14px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
	text-shadow: 0 1px 1px #FFF;
}

.clear {
	clear:both;	
}

#projectholder, #projectholder_clicked {
	position: relative;
	padding: 25px 0 25px 25px;
	width: 760px;
	margin: 0pt auto;
	height: 316px;
}

#projectholder p, #projectholder_clicked p {
	margin: 0 0 10px 0;
}

#projectholder {
	width: 821px;
	padding: 25px 0;
	height: 523px;
}
/********************************* SUBMENUS ********************************************/
#tabs, #tabs2 {
	position: relative;
	/* left: 350px; */
	left: 300px;
	width: 550px;
	border-spacing:0.25em 0em;
}
#tabs {
/* 	left: 300px; */
	left: 250px;
	width: 600px;
}
#tabs td, #tabs2 td {
	text-align:center;
	background-color: #B0BEC0;
	width: 150px;
	height: 35px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#tabs a, #tabs2 a {
	font-size: 20px;
	display: block;	
}

#tabs .optieks, #tabs .juweliers, #tabs .diversen, #tabs2 .procedure, #tabs2 .verbouwingstips, #tabs2 .budget {background-color: #B0BEC0;}

/********************************* PROCEDURE ********************************************/
#nummers {
	position: relative;
	top: 20px;
	width: 834px;
	height: 223px;
	margin: 0pt auto;
}

#nummer1 {
	position: absolute;
	left: 15px;
}

#nummer2 {
	position: absolute;
	left: 187px;
}
#nummer2a {
	position: absolute;
	left: 287px;
	top: 69px;
}
#nummer3 {
	position: absolute;
	left: 359px;
}
#nummer3a {
	position: absolute;
	left: 459px;
	top: 69px;
}
#nummer4 {
	position: absolute;
	left: 531px;
}
#nummer5 {
	position: absolute;
	left: 703px;
}

#hulp {
	position: relative;
	top: 136px;
	width: 816px;
	height: 30px;
	background: url(images/hulp.png) no-repeat;
}
#ballonnentekst {
	position: relative;
	width: 870px;
	height: 200px;
	margin: 0pt auto;
	background-image: url(images/werkwijze/ballon1.png);
	background-repeat: no-repeat;
}
#ballonnentekst p {
	padding-left: 150px;
}



/*********************************** BLOG **********************************************/
#nieuws, #nieuwsopen {
	position: relative;
	width: 1000px;
	margin-bottom: 7px;
}

#nieuwsvak, #nieuwsvakopen {
	position: relative;
	top: 5px;
	left: 30px;
	width: 665px;
	background: #a5adae;
	color: #FFF;
	padding: 0 0 2px 0;
	margin: 0 0 20px 0;
}

#nieuwsvak p, #nieuwsvakopen p {
	color: #FFF;
	text-align: left;
	padding: 0 25px;	
}

#leesmeer, #klapin {
	position: absolute;
	top: 5px;
	/*left: 805px;*/
	left: 870px;
	width: 120px;
	height: 120px;
	background: url(images/nieuws/leesmeer.jpg);
}

#slidevak {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #a5adae;
	width: 130px;
	height: 130px;
	float: left;
	border: #a5adae solid 2px;
}

#lijn {
	position: absolute;
	top: 55px;
	left: 230px;
	width: 10px;
	height: 680px;
	background-image: url(images/nieuws/lijn.png);
	background-repeat: repeat-y;
}

h4 {
	font-family: 'BellGothicStdBlack', Helvetica, sans-serif;	
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 25px;
	text-align: left;
}

#nieuwsvakopen {
	height: auto;
}

#klapin {
	background: url(images/nieuws/klapin.jpg);
}

/********************************* CONTACT ********************************************/

#contactholder {
	width: 844px;
	padding: 25px 10px;
	margin: 0pt auto;
}
#contactholder p {
	margin: 0 0 10px 0;
}
#contactlist {
	position: relative;
	height: 400px;
}
#contactlist li {
	float: left;
}
.links {
	position: relative;
	margin: 0 3px 0 0;
}

.rechts {
	position: relative;
}
#googlevak {
	position: absolute;
}

#contactvak2 {
	position: absolute;
	top: 193px;
	width: 487px;
	height: 163px;
	background-image: url(images/contactvak.png);
	background-repeat: no-repeat;
}

#formcontainer {
	position: relative;
	width:340px;
	padding: 20px 0 19px 10px;
	font-size:11px;
	background-color:#eaeaea;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	border: #b7b7b7 solid 1px;
}

#formcontainer p { clear: both; padding-bottom: 2em; }

/*
#nieuwsbrief, #nieuwsbrief2 {
	position: relative;
	width: 487px;
	top: 39px;
	height: 24px;
	padding: 8px 0;
	background-color: #3a3c3d;
	text-align: left;
	color: #FFF;
	font-size:14px;
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-radius-bottomright: 10px;
	   		border-bottom-right-radius: 10px;
}

#nieuwsbrief2 {
	top: 134px;
}
*/
#contactvak2 table {
	color: #fbfaf8;	
	font-size: 13px;
	padding: 57px 0 0 212px;
	text-shadow: 0 1px 1px #000;
}
#contactvak2 td {
	padding-left: 20px;
}
#mc_embed_signup {
	position: relative;
	top: -19px;
	left: 224px;
	width: 200px;
}


/********************************* BUDGET ********************************************/
#budgettabel {
	position: relative;
	padding: 25px 10px;
	width: 820px;
	margin: 0pt auto;
}

#budgettabel p {
	margin: 0 0 10px 0;
}
#bmitable {
	position: relative;
}

#bmitable td {
	position: relative;
	background: #b6c2c3;
	padding-bottom: 25px;
	margin: 0px;
}

.prijsnaam {
	font-family: Helvetica, sans-serif;
	color: #7f7d79;
	font-size: 14px;
	text-align: center;
	padding: 0 40px;
}

.prijsinput {
	font-family: Helvetica, sans-serif;
	color: #7f7d79;
	font-size: 13px;
	text-align: center;
	border-right: #919190 solid 2px;
	border-left: #919190 solid 2px;
}

.prijsinput input {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #7f7d79;
	background: url(images/m2.jpg) right no-repeat;
	border: #919190 solid 1px;
	padding: 3px;
}

.prijsoutput {
	font-family: Helvetica, sans-serif;
	color: #7f7d79;
	padding-left: 90px;
}

.infomidden, .infoleft, .inforight {
	font-family: 'BellGothicStdBlack', Helvetica, sans-serif;
	color: #585755;
	font-weight: bold;
	font-size: 18px; 
	text-align: center;
	padding-top: 25px;
	border-bottom: #919190 solid 3px;	
}

.infoleft {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 8px;
}

.inforight {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 8px;
}

#totalPrice {
	position: relative;
	font-family: Helvetica, sans-serif;
	color: #545350;
	font-size: 18px; 
	background: #b6c2c3;
	text-align: center;
	height: 50px;
	width:820px;
	border-top: #919190 solid 3px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#totalPrice p {
	margin-top: 15px;
}

/********************************** TIPS *********************************************/
#menucontainer3 {
	position: relative;
	width: 850px;
	padding: 25px 0;
	margin: 0pt auto;
}

ul#menu3 li {
	position: relative;
	width: 780px;
	height: 89px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #acb5b7;
	background-repeat: no-repeat;
	background-position: 10px;
}
ul#menu3 p {
	position: relative;
	top: 12px;
	font-size: 17px;
	padding: 16px 10px 0px 115px;
}

/******************************** HISTORIE *******************************************/
#verhaal {
	padding: 25px;
}

#verhaal p {
	margin: 10px 0 0 0;
}

#historie li {
	position:relative;
	border-bottom: solid 2px #7c7c7c; 
	border-left: solid 2px #7c7c7c;
	margin-bottom: 50px;
	left: -20px;
}

#historie h5, h5 {
	font-family: Helvetica, sans-serif;
	/* text-align: right; */
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	color: #7c7c7c;
	margin: 25px 0 10px 0;
}

#grijsblok {
	position:relative;
	left: -20px;
	width: 1000px;
	padding: 25px 5px 25px 50px;
	background-color: #bbc3c4;
}

/******************************** HISTORIE *******************************************/

.footer {
	position: relative;
/* 	margin: 37px 0 0 0; */
	background: #5b6668;
	width: 100%;
	min-width: 1257px;
	padding: 25px 0 5px 0;
	color: white;
}
.sdlink a:link, .sdlink a:visited { 
	text-decoration:none;
	color: #92999a;
	font-size: 12px;
	font-family: Arial;
}   
.sdlink a:hover, .sdlink a:active {
	color: #92999a;
	text-shadow: none;
}
.footer table {
	width: 100%;
	max-width: 1400px;
	margin: 0pt auto;
	padding: 0 0 0 60px; 
	font-weight: normal;
	font-family: 'Quicksand', Helvetica, sans-serif;
	font-size: 14px;
}

/*
footer table td:even {
	padding: 0 150px 0 0;
}
*/

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#optin {
	color: #fff;
	text-align: center;
/*
	border: 2px solid #585755;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
*/
}
#optin h2 {
	font-size: 30px;
	color: white;
	text-shadow: 0px 1px 0px black;
	text-align: center;
}
#optin p {
	margin-bottom: 7px;
}
	#optin input {
		/* border: 1px solid #111; */
		font-size: 15px;
		margin-bottom: 10px;
		padding: 8px 10px;
		/* width: 305px; */
		width: 260px;
	}
		#optin input { background: #fff url(/images/name.png) no-repeat 254px center; }
		#optin input.email { background: #fff url(/images/email.png) no-repeat 254px center; }
		#optin input[type="submit"] {
			color: #fff;
			cursor: pointer;
			font-size: 18px;
			font-weight: bold;
			padding: 8px 0;
			/* width: 325px; */
			text-shadow: -1px -1px #3a060a;
			background: #379b33;
			background-image: none;
		}
			#optin input[type="submit"]:hover {  }