*
{
margin: 0px;
padding: 0px;
}
img
{
border: 0px;
}
html, body
{
background-color: #333;
color: white;
font-family: arial;
font-size: 0.94em;
height: 100%;
}
.page-list a {
	color: white;
}
div.stukje
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 30px 10px 470px;
min-height: 308px;
border-radius: 15px;
}
div.h400 {
	min-height: 440px;
}
div.h400 .plaatje {
	margin-top: -200px;
}
div.stukje2
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 470px 10px 30px;
min-height: 308px;
border-radius: 15px;
}
div.stukje3
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 30px 30px 30px 30px;
min-height: 60px;
border-radius: 15px;
}
div.workshop
{
width: 800px;
min-height: 60px;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 0px;
padding-bottom: 30px;
border-radius: 15px;
overflow: hidden;
}
div.workshop p
{
	text-align: center;
}
div.stukjemeer
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 30px 10px 470px;
min-height: 593px;
border-radius: 15px;
}
div.stukjebloemstukken
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 30px 10px 470px;
min-width: 450px;
min-height: 573px;
border-radius: 15px;
}
div.stukjezijdebloemen
{
width: 830px;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 30px 10px 30px;
min-width: 800px;
min-height: 608px;
border-radius: 15px;
}
div#refdiv
{
min-height: 618px;
}

div.stukje-br-links
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 30px 10px 470px;
min-width: 450px;
min-height: 638px;
border-radius: 15px;
}
div.stukje-br-rechts
{
width: 40%;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 10px 470px 10px 30px;
min-width: 450px;
min-height: 638px;
border-radius: 15px;
}
div.logo
{
margin: 30px auto 0px auto;
max-width: 1181px;
background-image: url(logo-achtergrond.jpg);
background-repeat: no-repeat;
box-sizing: border-box;
padding: 2em 2em 1.6em 2em;
background-position: center;
background-size: cover;
}

div.logo svg
{
	max-height: 180px; 
}

div.menu
{
width: 100%;
height: 2em;
border-bottom: 1px dashed white;
}
.right
{
text-align: right;
}
div.plaatje
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 50%;
margin-top: -134px;
}
div.plaatje2
{
position: absolute;
right: 30px;
float: right;
width: 400px;
top: 50%;
margin-top: -134px;
}
div.p400
{
position: absolute;
right: 30px;
float: right;
width: 400px;
margin-top: 15px;
}
div.plaatjeplek
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 50%;
margin-top: -299px;
}
div.plaatjehoog
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 50%;
margin-top: -266px;
}
div.plaatjeplek1
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 25%;
margin-top: -134px;
}
div.plaatjeplek2
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 75%;
margin-top: -134px;
}
div.plaatjeplek3
{
margin: 0px;
margin-top: 15px;
margin-right: 30px;
margin-bottom: 30px;
float: left;
width: 400px;
clear: both;
height: 268px;
background-color: yellow;
}
div.plaatjeplek4
{
margin: 0px;
margin-top: 15px;
margin-left: 30px;
margin-bottom: 30px;
float: right;
width: 400px;
clear: both;
height: 268px;
background-color: yellow;
}
div.plaatjeiframe
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 50%;
margin-top: -150px;
}
div.bruidswerk-links
{
position: absolute;
left: 30px;
float: left;
width: 400px;
top: 50%;
margin-top: -299px;
}
div.bruidswerk-rechts
{
position: absolute;
right: 30px;
float: right;
width: 400px;
top: 50%;
margin-top: -299px;
}
iframe
{
width: 400px;
height: 300px;
border: 0px;
overflow: hidden;
}
div.plaatje img, div.plaatje2 img, div.p400 img, div.plaatjeplek1 img, div.plaatjeplek img, div.plaatjeplek2 img, div.plaatjeplek3 img, div.plaatjeplek4 img, div.plaatjeiframe img, div.bruidswerk-links img, div.bruidswerk-rechts img, div.plaatjehoog img
{
width: 400px;
position: absolute;
}

td img
{
width: 250px;
position: relative;
}
table
{
text-align: left;
}
td, th
{
border-left: 1px solid white;
padding: 5px;
}
tr td
{
border-top: 1px solid white;
text-align: left;
}
table.maten td
{
width: 6.5em;
padding: 2px;
border-left: 1px solid white;
border-top: 1px solid white;
}
table.maten tr td:last-child
{
text-align: center;
}
table.maten tr:first-child td
{
border-top: 0px;
}
table.maten tr td:first-child
{
border-left: 0px;
}
div.content td:first-child, div.content th:first-child
{
border-left: 0px;
min-width: 14em;
}
tr td:first-child, tr th:first-child
{
border-left: 0px;
}
option, select
{
background-color: #b0b0b0;
}
select
{
border: 1px solid white;
width: 4em;
}
div.copy
{
clear: both;
margin-top: 50px;
text-align: center;
width: 100%;
height: 3em;
font-size: 0.8em;
color: #666;
padding-bottom: 20px;
}
p
{
padding-top: 15px;
}
h1
{
text-align: left;
font-size: 14px;
padding: 4px 50px 2px 10px;
}
h2
{
text-align: center;
font-size: 2.5em;
padding: 20px 0px 00px 0px;
}
h3
{

text-align: center;
padding: 20px 0px 00px 0px;
}
.center
{
text-align: center;
}
img.trouwen
{
max-width: 600px;
width: 100%;
}
.large
{
font-size: 1.9em;
}
.large2
{
font-size: 1.6em;
}
.small
{
font-size: 0.8em;
}
.paars
{

color: #f78416;/*#ac0f59;/*#c73b20;/*#f78416;/* Was #FA0082 */
font:italic normal normal 3.5em/0.92em Rage,Serif;
}
ul
{
list-style-type: square;
}
li
{
margin-left: 1em;
padding-left: 0.5em;

}
/*
a
{
color: #f78416;
font-weight: bold;
text-decoration: none;
}
a:visited
{
color: #f78416;
font-weight: bold;
text-decoration: none;
}
a:hover
{
color: #f78416;
font-weight: bold;
text-decoration: underline;
}
a:active
{
color: #f99d42;
font-weight: bold;
text-decoration: underline;
}*/
.referenties li a
{
color: white;
}
input
{
width: 300px;
}
#datepicker
{
width: 7em;
}
[type=radio]
{
width: 1em;
}
textarea
{
width: 400px;
height: 150px;
}
#gefelicitaart
{
display: none;
}

/*menu*/

div.menu ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 11;
}
div.menu li
{
float:left;
padding: 0px;
margin: 0px;
height: 2em;
}
div.menu a:link,div.menu a:visited
{
display:block;
width:auto;
height: 20px;
margin: 0;
font-weight:bold;
color: white;
text-align:center;
padding: 4px 2em 4px 2em;
text-decoration:none;
text-transform:uppercase;
}
div.menu a:hover,div.menu a:active
{
background-color: white;
color: #666;
}

p.rouw, div.reviews h3
{
font-family:Georgia;
font-size: 22px;
font-style:italic;
}

.m a
{
color: white;
}

/* Portfolio */
div.picture
{
min-height: 250px;
width: 300px;
float: left;
margin: 5px;
text-align: center;
}
div.picture:hover
{
opacity: 0.6;
filter:Alpha(opacity=60);
}
div.picture a img
{
border: 0px;
max-width: 300px;
}
div.picture p
{
margin: 0px;
padding: 0px;
}
div.stukjeportfolio
{
max-width: 930px;
position: relative;
margin: 10px auto 30px auto;
border: 1px solid white;
padding: 30px 30px 30px 30px;
min-width: 400px;
min-height: 60px;
border-radius: 15px;
text-align: center;
}
.clear
{
clear: both;
}

#box
{
z-index: 10;
width: 100%;
min-width: 400px;
text-align: center;
background-color: #333;
position: fixed;
bottom: 0px;
left: 0px;
padding: 5px;
margin: 0px;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 1px solid white;
opacity: 0.6;
filter:Alpha(opacity=60);
}


#box p
{
margin: 0px;
padding: 0px;
}
#box p a
{
opacity: 1;
filter: alpha(opacity=100);
margin: 10px 20px 10px 20px;
white-space:nowrap;
}
.meerafbeeldingen
{
text-align: right;
position: absolute;
bottom: 30px;
right: 35px;
}

.melding, .melding a, .melding a:visited
{
	color: #f78416;
	font-family: arial;
	font-style: italic;
}

.melding a:hover {
	color: #c76100;
}

.bestelcode
{
	color: #666666;
	font-size: 0.82em;
	font-style: italic;
}

#twitter, #facebook
{
	height: 40px;
}
div#refdiv div table tr td
{
border: 0px;
padding: 10px;
}
.kerst
{
	color: #D11111;/*#b11925;*/
	text-align: left;
	font-style: italic;
	padding-top: 10px;
}
.kerst a
{
	color: #D11111;/*#b11925;*/
	text-align: left;
}
h3.kerst
{
	font-size: 22px;
	font-family: Georgia;
}
div#bovenhalverwege
{
min-height: 279px;
}
div#halverwege
{
margin-top: 38px;
}
div#halverwege *:first-child
{
margin-top: 0px;
padding-top: 0px;
}
.choice {
	min-height: 90%;
}
@media screen and (min-width: 800px) {
    .half {
		width: 50%;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.first-option {
	float: right;
	}

	.second-option {
		float: left;
	}
}

.option {
	text-align: center;
	margin: 60px;
	margin-top: 20%;
}


.copy-down {
	position: absolute;
	bottom: 20px;
}



div.newstyle {
	max-width: 800px;
	width: auto;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
}
.interieurstijl-afbeelding {
	float: left;
	width: 350px;
	max-width: 100%;
	margin-top: -4px;
}
.newstyle hr {
clear: both;
}
.interieursijl-titel {
margin-top: 0;
}

.stijlblok {
clear: both;
padding: 20px;
border: 1px solid #777777; /*#556367; #6d6d6d */
margin-top: 20px;
}

.stijlblok:first-child {
margin-top: 0;
}

div.image-row {
	width: 100%;
	display: flex;
	padding-top: 0 !important;
	margin-top: 1em;
}
.image-row div {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto; 
	width: 200px; 
	margin: .5vw; 
}
.image-row div:last-child {
	margin-right: 0;
}
.image-row div:first-child {
	margin-left: 0;
}
.image-row div img{
	width: 100%; 
	height: auto; 
}
.image-row div p{
	text-align: center;
	padding-top: 0.3em;
	font-size:1em;
}

.newstyle .full-width {
	width: 100%;
}

.newstyle header p {
	font-size: 1.3em;
	margin-top: -2px;
	font-family: "Segoe Print";
	padding-top: 0;
}
.newstyle header h1 {
font-size: 2em;
font-weight: bold;
padding: 0;
margin: 2em 0 0 0;
}
.newstyle .small {
font-style: italic;
font-size: 0.8em;
color: #c0e2ea;/*#72878c;*/
}
.newstyle .naam {
	font-family: "Segoe Print";
	color: #72878c;
	margin-bottom: 1.5em;
	font-size: 1.3em;
}
.newstyle h2 {
	display: block;
    font-size: 1.5em;
    font-weight: bold;
	text-align: left;
}
.newstyle h3 {
	font-size: 1.17em;
	margin-top: -6px;
	padding: 0;
	text-align: left;
}
.stijlblok img {
	padding-right: 1em;
}
a {
	color: #99c3ce;
	text-decoration: underline;
}
a:visited
{
	/*color: #99c3ce;*/
	/*font-weight: normal;*/
	text-decoration: underline;
}
a:hover {
	color: #4c99ad;
	/*font-weight: normal;*/
	text-decoration: underline;
}
a.icon:hover {
	text-decoration: none;
}
a:active
{
	color: #4c99ad;
	/*font-weight: normal;*/
	text-decoration: underline;
}

.newstyle .verf-top {
	margin-top: 15px;
}
.newstyle .verf-bottom {
	margin-top: 15px;
}
.newstyle p {
	padding-top: 1.5em;
}

.quote {
	font-family: Rage,Serif;
	font-size: 1.5em;
	margin: 2px;
	padding-left: 1em;
}
.img-left {
	text-align: center;
	margin: 0 0 1em 0;
	max-width: 100%;
	display: block;
}
.small-only {
		display: none;
	}

@media (max-width: 800px) {
	div.stukje
	{
	width: auto;
	position: static;
	margin: 1em;
	border: 1px solid white;
	padding: 1em;
	min-height: auto;
	border-radius: 15px;
	}
	div.stukje2
	{
	width: auto;
	position: static;
	margin: 1em;
	border: 1px solid white;
	padding: 1em;
	min-height: auto;
	border-radius: 15px;
	}
	div.stukje3
	{
	width: auto;
	position: static;
	margin: 1em;
	border: 1px solid white;
	padding: 1em;
	min-height: auto;
	border-radius: 15px;
	}
	div.stukjemeer
	{
	width: auto;
	position: static;
	margin: 1em;
	border: 1px solid white;
	padding: 1em;
	min-height: auto;
	border-radius: 15px;
	}
	div.plaatje, div.plaatje2, div.plaatjeplek, div.plaatjeplek1, div.p400
	{
		text-align: center;
	position: static;
	left: auto;
	float: none;
	width: auto;
	top: auto;
	margin-top: 0 !important;
	}
	div.plaatje2, .image-right
	{
		right: auto;
	}
	.small-only {
		display: initial;
	}
	/*
	div.plaatje2
	{
	text-align: center;
	position: static;
	right: auto;
	float: none;
	width: auto;
	top: auto;
	margin-top: 0;
	}
	div.plaatjeplek
	{
		text-align: center;
	position: static;
	left: auto;
	float: none;
	width: auto;
	top: auto;
	margin-top: 0;
	}
	.plaatjeplek1
	{
		
	}
	*/
	.plaatjeplek2
	{
		display: none;
	}
	div.plaatje img, div.plaatje2 img, div.p400 img, div.plaatjeplek1 img, div.plaatjeplek img, div.plaatjeplek2 img, div.plaatjeplek3 img, div.plaatjeplek4 img, div.plaatjeiframe img, div.bruidswerk-links img, div.bruidswerk-rechts img, div.plaatjehoog img, img.block-bottom
	{
		text-align: center;
	max-width: 100%;
	position: static;
	}
	
	.block-bottom {
		margin-top: 1em;
	}
	
	div#bovenhalverwege {
		min-height: initial;
	}
	
	div.menu {
		height: auto;
		border: 0;
	}
	div.menu ul
	{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	position: static;
	left: 0px;
	top: 0px;
	z-index: 11;
	}
	div.menu li
	{
	float:none;
	padding: 0px;
	margin: 0px;
	height: 2em;
	border-bottom: 1px dashed white;
	}
	
	div.logo {
		margin-top: 0;
		max-width: 100%;
	}
	
	div.newstyle {
		margin: 1em;
	}
	h2 {
		font-size: 2em;
	}
}
@media (min-width: 920px) {
	p.adresinfo {
		float: left;
		margin-top: 0;
		padding-top: 0;
		margin-right: 4em;
	}
	.img-left {
		float: left;
		margin: 0 2em 2em 0;
		width: 50%;
		max-width: 800px;
	}
}
@media (min-width: 1200px) {

	div.refleft {
		float: left;
		max-width: 250px;
	}
	div.refright {
		margin-left: 270px;
	}
}
.basic-table {
	border-collapse: collapse;
}
.basic-table td {
	border: 0;
	padding-top:2px;
	padding-bottom: 2px;
}
.basic-table td:first-child {
	border: 0;
	margin-left: 0;
	padding-left: 0;
}
.basic-border-table td, .basic-border-table td:first-child {
	border: 1px solid white;
}

a.button1{
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.2em solid #FFFFFF;
	margin:0 0.3em 0.3em 0;
	border-radius:0.3em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	color:#99c3ce;
	text-align:center;
	transition: color, background-color 0.4s;
}
a.button1:hover{
	color:#4c99ad;
	background-color:#FFFFFF;
	transition: color, background-color 0.2s;
}
@media all and (max-width:30em){
	a.button1{
		display:block;
		margin:0.4em auto;
	}
}