html, body {
	width: 100%; 
    height: 100%; 
	font-family: Calibri;
	font-size: 14px;
	color: #353535;
	margin: 0px;
	overflow: visible;
}

#background {
    width: 100%; 
    height: 100%; 
    left: 0px; 
    top: 0px; 
	z-index: -1;
	position: fixed;
	overflow: hidden;
}

.stretch {
    width:100%;
    height:100%;
}

.rozecontent {
color: #ec008b;
}

.geenborder {
border: none;
border: 0px;
}

.links {
border: none;
border: 0px;
margin: 5px 15px 15px 0px;
}

.recentwerk {
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin-left: 11px;
}

a:link,
a:visited,
a:active {
font-weight: bold;
text-decoration: none;
color:#363636;
margin: 0 0 0 0;
text-transform: none;
}

a:hover {
color: #203464;
}


h1 {
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h3 {
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h2 {
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}

h4 {
color: #353535;
font-size: 16px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
font-weight: normal;
padding: 0px 0px 10px 0px;
width: 250px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #353535;
}

h5 {
color: #fff;
font-size: 26px;
text-transform: uppercase;
line-height: 0px;
height: 0px;
}

h6 {
color: #fff;
font-size: 18px;
text-transform: uppercase;
line-height: 0px;
height: 0px;
}

.mkb {
color: #353535;
font-size: 15px;
text-transform: none;
margin: 0px;
font-weight: bold;
}

#blok td {
background: #bfbfbf;
height: 30px;
}

#blokwit td {
background: #6bd6e6;
height: 30px;
}

#blok .boven {
background: #00BFDB;
}

#blok .top {
background: #F42C94;
}

#blokwit .boven {
background: #00BFDB;
}

#blokwit .top {
background: #F42C94;
}

.voor {
font-size: 18px;
color: #353535;
opacity: 0.7;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.euro {
font-size: 22px;
color: #353535;
opacity: 0.7;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.prijs {
font-size: 55px;
color: #fff;
font-weight: bold;
}

.btw {
font-size: 18px;
color: #353535;
opacity: 0.7;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
margin: -10px 0px 0px 0px;
}

#wrapper {
width: 100%;
float: left;
}

#headerwrapper {
background: #fff;
width: 100%;
}

#header {
max-width: 830px;
min-height: 130px;
margin: auto;
display: block;
position:relative;
overflow: hidden;
}
#logo {
max-width: 262px;
height: 114px;
margin: 10px 0px 0px 0px;
position:relative;
overflow: hidden;
}

#logo img{
width: 100%;
max-width:262px;
height: auto;
border: none;
border: 0px;
}

#menuwrapper {
background: url(http://jenptimmerwerken.nl/uploads/images/header.JPG) repeat-x;
width: 100%;
min-height: 66px;
}

#menu {
max-width: 830px;
height: 50px;
padding-top: 3px;
margin: auto;
display: block;
font-size: 18px;
color: #fff;
text-transform: uppercase;
}

#menu a {
display: block;
padding: 0 60px 0 0px;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
font-size: 18px;
text-decoration: none;
max-width: 830px;
text-align: left;  
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0 0px 0 0px;
line-height: 60px;
float: left;
display: block;
}

.menuwrapper {}

.page-menu ul#primary-nav li {
list-style: none;
display: inline;
}

/* Hoofdmenu item indien geen cycles van rood, geel, groen en blauw - deze neemt dan standaard */
.page-menu ul#primary-nav li a {
display: block;
padding: 0 30px 0 30px;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color:#dedede;
margin: 0px 0px 0px 0px;
display: block;
float:left;
text-align: left;  
list-style: none;
text-transform: uppercase;
}

#primary-nav li.menuactive,
#menu li.menuactive,
#menu li.menucurrent,{
}

#menu ul li a.active,
#menu ul ul li a.active,
#primary-nav li.menuparent,
#menu li.menuparent {
}

.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #fff;
text-decoration: none;
}

.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #fff;
text-decoration: none;
}

/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}


/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */


ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
font-size: 13px;
font-weight: bold;
background-image: none;
display: block;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0px;
}

ul#primary-nav ul.unli  {
margin-top: 50px;
}


#primary-nav {
margin: 0px;
padding: 0px;
}

#primary-nav ul {
position: absolute;
z-index: 1001;
top: auto;
display: none;
padding-top: 0px;
}

#primary-nav ul {
list-style: none;
margin: 50px 0px 0px 0px;;
padding: 0px;
width: 160px;
}

* html #primary-nav ul.unli {
padding-top: 1px;}


#primary-nav li {
margin: 0px;
float: left;}



#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
}

/* zo ziet het submenu eruit */

#primary-nav ul.unli li a {
padding: 0px 2px;
margin: 1px 0 0 0px;
background: #333333;
border:none;
border: 0px;
border-bottom: #fff 1px solid;
text-decoration: none;
font-size: 16px;
width: 160px;
text-transform: capitalized;
font-weight: bold;
color:#fff;
line-height: 40px;
text-align: left;
display: block;
float:left;
padding-left: 15px;
padding-right: 15px;
margin-left: -1px;
padding-top: 0px;
}

#primary-nav ul.unli li a:hover {
line-height: 40px;
color:#ec008b;
}

#primary-nav ul.unli li a:hover{
color:#ec008b;
line-height: 40px;
background: #ec008b;
height: 40px;
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: #333333;
}

#primary-nav ul.unli li.menuparent,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #ec008b;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/

#quotewrapper {
background: #203464;
width: 100%;
}

#quote {
background: #203464;
max-width: 830px;
height: auto;
color: #e5e5e5;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
margin: auto;
padding: 10px 0px 18px 0px;
}

.quote {
font-family: Georgia, Calibri;
color: #fff;
font-size: 28px;
margin: 0px;
text-transform: none;
font-weight: normal;
}

#blokcontact {
background: #e5e5e5;
width: 100%;
}

#blok {
background: #e5e5e5;
width: 100%;
}
	
#blok1 {
background: #e5e5e5;
max-width: 830px;
padding:  18px 0px 18px 0px;
margin: auto;
position:relative;
overflow: hidden;
}

#blok1 img {
border: none;
border: 0px;
}

#blok1 td {
background: 6bd6e6;
}

#blokmid1 {
width: 44.6%;
float: left;
line-height: 20px;
margin-right: 10.8%;
}

#blokmid2 {
width: 44.6%;
float: left;
line-height: 20px;
}

#blokmid3 {
width: 35%;
float: left;
line-height: 20px;
}

#blokmid4 {
width: 65%;
float: left;
line-height: 20px;
}

#blokmid4 input {
width: 300px; height: 25px; padding: 0px 10px 0px 10px; margin: 0 0 10px 0; 
background: #d6d5d5;
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
font-family: sans-serif; font-size: 16px; color: #353535; text-transform: none;
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4c4c4), color-stop(100%, #d6d5d5));
background: -webkit-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -o-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -ms-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#c4c4c4', endColorstr='#d6d5d5'); 
}

#blokmid4 input::-webkit-input-placeholder  {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
}

#blokmid4 input:-moz-placeholder {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
}


#blokmid4 textarea {
width: 300px; height: 100px; padding: 0px 10px 0px 10px; margin: 0 0 10px 0; 
background: #d6d5d5;
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
font-family: sans-serif; font-size: 16px; color: #353535; text-transform: none; 
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4c4c4), color-stop(100%, #d6d5d5));
background: -webkit-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -o-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -ms-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#c4c4c4', endColorstr='#d6d5d5'); 
}

#blokmid4 textarea::-webkit-input-placeholder  {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
}

#blokmid4 textarea:-moz-placeholder {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
}

#blokwit {
background: #fff;
width: 100%;
}

#blok1wit {
background: #fff;
max-width: 830px;
padding:  18px 0px 18px 0px;
margin: auto;
position:relative;
overflow: hidden;
}

#blokmid5 {
width: 30%;
float: left;
line-height: 20px;
margin-right: 5%;
}

#blokmid6 {
width: 30%;
float: left;
line-height: 20px;
margin-right: 5%;
}

#blokmid7 {
width: 30%;
float: left;
line-height: 20px;
}

#blokw {
background: #e5e5e5;
max-width: 1000px;
padding:  18px 0px 18px 0px;
margin: auto;
position:relative;
overflow: hidden;
}

#blokw img {
border: none;
border: 0px;
}

#blokw td {
background: 6bd6e6;
}

#blokmid8 {
width: 89.2%;
float: left;
line-height: 20px;
margin-right: 10.8%;
}

#blokmid8 td {
width: 50%;
}

#contentwrapper {
background: #fff;
width: 100%;
}

#contentboven {
max-width: 830px;
padding: 18px 0px 10px 0px;
margin: auto;
min-height: 250px;
position:relative;
overflow: hidden;
}

#contentblok2 {
width: 30,7%;
float: left;
margin: 10px 11px 10px 11px;
}

#contentblok2 img {
border: none;
border: 0px;
}

#contentopen {
width: 86%;
font-family: Georgia, Calibri;
min-height: 150px;
height: auto;
display: block;
padding: 40px 0px 40px 0px;
margin: auto;
text-align: center;
text-transform: uppercase;
font-weight: normal;
color: #fff;
font-size: 36px;
text-shadow: 2px 2px #000;
}


#content {
max-width: 830px;
min-height: 350px;
height: auto;
display: block;
margin: auto;
position:relative;
overflow: hidden;
}

#contentlinks {
width: 30%;
height: auto;
float:left;
}

#contentrechts {
width: 70%;
height: auto;
margin: 0px 0px 0px 0px;
float:left;
}

#contentrechts img{
width: 100%;
max-width:570px;
height: auto;
}

#contentblokportfolio {
width: 94%;
margin-right: 3%;
margin-left: 3%;
padding-top: 20px;
padding-bottom: 20px;
}

#contentblokportfolio img {
    height: auto;
    max-width: 305px;
    width: 100%;
margin: 5px 5px 0px 0px;
}

#contentblok {
width: 255px;
min-height: 250px;
float: left;
display: block;
margin: 0px 11px 0px 11px;
}

#contentblok img {
border: none;
border: 0px;
}

#contentblok a:link,
#contentblok a:visited,
#contentblok a:active {
color: #ec008b;
text-decoration: none;
}

#contentblok a:hover {
color: #f971c1;
text-decoration: none;
}

#contentcontact {
width: 532px;
min-height: 250px;
float: left;
display: block;
margin: 0px 11px 0px 11px;
}

#contentcontact img {
border: none;
border: 0px;
}

#contentcontact a:link,
#contentcontact a:visited,
#contentcontact a:active {
color: #ec008b;
text-decoration: none;
}

#contentcontact a:hover {
color: #f971c1;
text-decoration: none;
}

#contental {
width: 809px;
min-height: 250px;
float: left;
display: block;
margin: 0px 11px 0px 11px;
}

#contental a:link,
#contental a:visited,
#contental a:active {
color: #ec008b;
text-decoration: none;
}

#contental a:hover {
color: #f971c1;
text-decoration: none;
}

#footerwrap {
background: #E5E5E5;
width: 100%;
}

#contact {
max-width: 830px;
height: auto;
padding: 18px 0px 0px 0px;
line-height: 18px;
margin: auto;
position:relative;
overflow: hidden;
}

#contact a:link,
#contact a:visited,
#contact a:active {
color: #353535;
text-decoration: none;
}

#contact a:hover {
color: #f971c1;
text-decoration: none;
}

#contactlinks {
width: 45%;
float: left;
}

#contactrechts {
width: 55%;
float: right;
text-align: right;
margin: 10px 0px 0px 0px;
}

input {
width: 260px; height: 25px; padding: 0px 10px 0px 10px; margin: 0 0 10px 0; 
background: #d6d5d5;
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
font-family: sans-serif; font-size: 16px; color: #353535; text-transform: none; 
background: -moz-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4c4c4), color-stop(100%, #d6d5d5));
background: -webkit-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -o-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: -ms-linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
background: linear-gradient(top, #c4c4c4 0%, #d6d5d5 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#c4c4c4', endColorstr='#d6d5d5'); 
}

input::-webkit-input-placeholder  {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
}

input:-moz-placeholder {
color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
}
	
input[type=submit] {
font-family: sans-serif;
font-weight: bold;
color: #353535;
width: 185px; 
height: 35px; 
float: right; 
font-size: 16px;
padding: 9px 15px; 
margin: 0 0px 0 0;
border: 1px solid #adadad;
cursor: pointer;
}

#footerwrapper {
background: #203464;
width: 100%
}

#footer {
max-width: 830px;
min-height: 60px;
display: block;
line-height: 60px;
color: #fff;
margin: auto;
}

#footer a:link,
#footer a:visited,
#footer a:active {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #dedede;
text-decoration: none;
}

.ch-grid {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
 
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
 
.ch-grid:after {
    clear: both;
}
 
.ch-grid li {
    width: 250px;
    height: 151px;
    display: inline-block;
    margin: 0px;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 2%;
    position: relative;
    cursor: default;
    box-shadow:
        inset 0 0 0 0 rgba(200,95,66, 0.4),
        inset 0 0 0 11px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

.ch-img-1 {
    background-image: url(http://jenptimmerwerken.nl/uploads/images/jenptimmerwerken1.jpg);
}
 
.ch-img-2 {
    background-image: url(http://jenptimmerwerken.nl/uploads/images/jenptimmerwerken2.jpg);
}
 
.ch-img-3 {
    background-image: url(http://jenptimmerwerken.nl/uploads/images/jenptimmerwerken3.jpg);
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    backface-visibility: hidden;
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
line-height: 24px;
    font-size: 20px;
    margin: 0 30px;
    padding: 30px 0 0 0;
    height: 60px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(0,0,0,0.3);
}
 
.ch-info p {
    color: #fff;
    padding: 4px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}
 
.ch-info p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}
 
.ch-info p a:hover {
    color: rgba(255,255,255, 0.8);
}

.ch-item:hover {
    box-shadow:
        inset 0 0 0 111px rgba(118,118,118, 0.4),
        inset 0 0 0 8px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
    border-radius: 100%;
}

.ch-item:hover .ch-info {
    opacity: 1;
    transform: scale(1);   
}

	#social-widget {
		position:fixed;
		top:18.5%;
		right:10px;

		width:43px;

		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;

		background-color:#fff;
		z-index:998;
	}

	#social-widget .sbutton {
		margin: 5px;
	}

@media (max-width: 858px) {

#blokmid4 textarea {
width: 100%;
}

#blokmid4 input {
width: 100%;
}


#contentlinks {
clear: both;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#contentrechts {
clear: both;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#contactrechts {
clear: both;
display: none;
}

#social-widget {
clear: both;
display: none;
}

#blokmid1 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid2 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid3 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid4 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid5 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
}

#blokmid6 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
margin-top: 20px;
}

#blokmid7 {
width: 94%;
float: left;
line-height: 20px;
margin-left: 3%;
margin-right: 3%;
margin-top: 20px;
}


#quote {
font-size: 14px;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#contentboven {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}

#contactlinks {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#footer {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#menuwrapper {
background: #1a1a1a;
width: 100%;
}

#menu {
width: 94%;
margin-left: 3%;
margin-right: 3%;
font-size: 15px;
}

#menu a {
    color: #dedede;
    display: block;
    float: left;
    font-size: 85%;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding-right: 7%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.page-menu {
width: 100%;
height: auto;
}

#header {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

#contentopen {
width: 94%;
margin-left: 3%;
margin-right: 3%;
font-family: Georgia, Calibri;
min-height: 100px;
font-size: 26px;
}

}

@media (max-width: 480px) {

#contentblokportfolio img {
margin: 0px 0px 0px 0px 0px;
}

#blokmid4 textarea {
width: 80%;
}

#blokmid4 input {
width: 80%;
}


.quote {
font-size: 20px;
}

#header {
width: 97%;
margin-left: 3%;
}

#menuwrapper {
background: #1a1a1a;
width: 100%;
height: 210px
}

#menu {
width: 94%;
margin-left: 3%;
margin-right: 3%;
font-size: 15px;
}

#menu a {
width: 94%;
font-size: 85%;
text-align: right;
line-height: 40px;
}

#footer {
font-size: 11px;
}

#contentopen {
width: 94%;
margin-left: 3%;
margin-right: 3%;
font-family: Georgia, Calibri;
min-height: 80px;
font-size: 22px;
}

}
/* Stylesheet: jenptimmerwerken Modified On 2016-02-06 15:05:56 */