@import url(https://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800&subset=latin,latin-ext);

body{
font-family: 'Dosis', sans-serif;
font-size:16px;
line-height: 24px;
margin:0px;
}

h1{
font-size:26px;
font-weight:normal;
color:#7c2222;
}

h2{
font-size:26px;
font-weight:normal;
color:#7c2222;
}

h3{
font-size:16px;
font-weight:normal;
color:#7c2222;
margin-bottom:0px;
}

a{
color:#7c2222;
text-decoration:none;
}

#responsivemenu{
display: none;}

#container{
width:1000px;
margin:0px auto 0px auto;
display:block;
text-align:center;
}

#logo{
margin-top:49px;
height:82px;
display:block;
margin-bottom: 20px;
}


#headerhome{
width:1000px;
height:567px;
display:block;
float:left;
margin: 0px 0px 41px 0px;
}

#headerresponsive{
display: none;}

#headerhomeresponsive{
display: none;}

#headerachterliggend{
width:1000px;
height:405px;
display:block;
float:left;
margin: 0px 0px 41px 0px;
}

#content{
width: 669px;
float:left;
display:block;
text-align:left;
margin-right:35px;
}

#contentfailissement{
width: 669px;
float:left;
display:block;
text-align:left;
margin-right:35px;
}

#contentfailissement a{
color:#fff;
background-color:#7c2222;
width:auto;
display:block;
padding:8px 0px 10px 15px;}


#rechts{
width: 267px;
float:right; display:block;
}

#blok{
text-align:left;
display:block;
float:left;
}

#blok a{
color:#fff;
background-color:#7c2222;
width:252px;
display:block;
padding:8px 0px 10px 15px;
}

#container_medewerker{
width:1000px;
display:block;
margin:-70px auto 0px auto;}

#medewerker{
width:433px;
padding: 0px 22px;
float:left;
display:block;
text-align:left;
}

a.rodelink{
color:#fff;
background-color:#7c2222;
width:194px;
display:block;
padding:8px 0px 10px 15px;}

#wrapper{
width:1000px;
margin:270px auto 0px auto;
display:block;
}

#titel{
margin-top:241px;
margin-bottom:110px;
width:800px;
font-size:35px;
color:#fff;
}


#titelresponsive{
margin-top:241px;
margin-bottom:110px;
width:800px;
font-size:35px;
color:#fff;
display: none;
}

#medewerker_links{
width:528px;
text-align:left;
float:left;
display:block;
}


#medewerker_rechts{
width:400px;
text-align:left;
float:left;
display:block;
margin-top:-325px;
}

#footer{
width:1000px;
height:250px;
padding: 25px 50px 0px 50px;
background-color:#eaeaea;
display:block;
float:left;
margin:45px 0px 0px -50px;
text-align:left;
}

#footer2{
width:1000px;
height:250px;
padding: 25px 50px 0px 50px;
background-color:#eaeaea;
display:none;
float:left;
margin:45px 0px 0px -50px;
text-align:left;}

#menu {
color: #7c2222;
width: 1000px;
height: auto;
line-height: 14px;
float: center;
display: block;
margin-bottom:14px;
}
 
#menu ul { 
list-style: none; 
margin:0;
padding: 0; 
text-align: center; }
 
#menu li{
margin: 0 10px 20px 10px; 
display: inline; }

 
#menu ul li a {
font-size: 25px;
color: #7c2222;
text-decoration: none;
font-weight: normal;
line-height: 20px;
padding:0px 20px 0px 20px;}
 
#menu ul li a:hover{
}
 
#menu ul ul li a {
font-size: 16px;
color: #666666;
text-transform: lowercase;
text-decoration: none;
font-weight: normal;
line-height: 20px;}
 
#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 {
}

img{
border:none;}

.selectievak{
display: block;
float:right;
margin-top: -40px;}

.selectievak3{
display: block;
float:right;
margin-top: -90px;}

.selectievak2{
display: block;
float:right;
margin-top: -65px;}


td{
text-align:left;}

#menu_faill a {
font-size: 14px;
color: #7c2222;
text-decoration: none;
font-weight: normal;
line-height: 20px;
padding:0px 20px 0px 20px;
background-color: #ffffff;
width:auto;
display:block;
}

#contact1{
width: 300px;
display: block;
float:left;}

#contact2{
width: 300px;
display: block;
float:left;}


































@media only screen and (max-width:500px ){

body{
background-image: none;}

#responsivemenu{
display: block;}

#container{
width:90%;
margin:0 5% 0 5%;
}


#headerhome{
display: none;
}

#headerhomeresponsive{
display: block;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;}

#headerhomeresponsive img{
width: 100%;
height: auto;}

#headerachterliggend{
display:none;
}

#headerresponsive{
margin-left: -5%;
width: 110%;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;
display: block;}

#headerresponsive img{
width: 100%;
height: auto;}

#content{
width: 100%;
margin-right:0;
}

#contentfailissement{
width: 100%;
margin-right:0px;
}

#contentfailissement td{
display: block;
}

#rechts{
width: 100%;
}


#container_medewerker{
width:100%;
display:block;
margin:0px}

#medewerker{
width:100%;
padding: 0px;
}

#medewerker img.medewerker{
width: 100%;
height: auto;}

#wrapper{
width:90%;
margin:0px 5% 0px 5%;
display:block;
}

#titel{
margin-top:20px;
margin-bottom:20px;
width:100%;
height: auto;
font-size:20px;
color:#ffffff;
line-height: 40px;
background: #7c2222;
padding: 45px 5% 5px 5%;
margin: 0 0 0 -5%;
}

#medewerker_links{
width:100%;
text-align:left;
float:left;
display:block;
}

#medewerker_rechts{
width:100%;
text-align:left;
float:left;
display:block;
margin-top:35px;
margin-bottom: 35px;
}

#medewerker_rechts img{
width: 100%;
height: auto;}

#footer{
display: none;}

#footer2{
width:100%;
height:auto;
padding: 0 5% 30px 5%;
background-color:#eaeaea;
display:block;
float:left;
margin:0px 0px 0px -5%;
text-align:center;
}

#footer img{
width: 150px;
height: auto;}


#blok a{
color:#fff;
background-color:#7c2222;
width:95%;
display:block;
padding:8px 0px 10px 5%;
}


#menu {
display: none;
}
 

#menu_faill li{
list-style: none;
padding: 2px;
margin: 0px;
}

#menu_faill ul{
list-style: none;
padding: 0;
margin: 0px;
}

#contact1{
width: 100%;
display: block;
float:left;}

#contact2{
width: 100%;
display: block;
float:left;}

textarea{
max-width: 60%}

}



















@media only screen and (min-width: 501px) and (max-width:649px ){

body{
background-image: none;}

#responsivemenu{
display: block;}

#container{
width:90%;
margin:0 5% 0 5%;
}


#headerhome{
display: none;
}

#headerhomeresponsive{
display: block;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;}

#headerhomeresponsive img{
width: 100%;
height: auto;}

#headerachterliggend{
display:none;
}

#headerresponsive{
margin-left: -5%;
width: 110%;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;
display: block;}

#headerresponsive img{
width: 100%;
height: auto;}

#content{
width: 100%;
margin-right:0;
}

#contentfailissement{
width: 100%;
margin-right:0px;
}

#contentfailissement td{
display: block;
}

#rechts{
width: 100%;
}


#container_medewerker{
width:100%;
display:block;
margin:0px}

#medewerker{
width:100%;
padding: 0px;
}

#medewerker img.medewerker{
width: 100%;
height: auto;}

#wrapper{
width:90%;
margin:0px 5% 0px 5%;
display:block;
}

#titel{
margin-top:20px;
margin-bottom:20px;
width:100%;
height: auto;
font-size:20px;
color:#ffffff;
line-height: 40px;
background: #7c2222;
padding: 45px 5% 5px 5%;
margin: 0 0 0 -5%;
}

#medewerker_links{
width:40%;
text-align:left;
float:left;
display:block;
}

#medewerker_rechts{
width:60%;
text-align:left;
float:left;
display:block;
margin-top:-35px;
margin-bottom: 35px;
}

#medewerker_rechts img{
width: 100%;
height: auto;}

#footer{
display: block;
width: 95%;}

#footer2{
width:100%;
height:auto;
padding: 0 5% 30px 5%;
background-color:#eaeaea;
display:none;
float:left;
margin:0px 0px 0px -5%;
text-align:center;
}

#footer img{
width: 150px;
height: auto;}


#blok a{
color:#fff;
background-color:#7c2222;
width:95%;
display:block;
padding:8px 0px 10px 5%;
}


#menu {
display: none;
}
 

#menu_faill li{
list-style: none;
padding: 2px;
margin: 0px;
}

#menu_faill ul{
list-style: none;
padding: 0;
margin: 0px;
}

#contact1{
width: 50%;
display: block;
float:left;}

#contact2{
width: 50%;
display: block;
float:left;}

textarea{
max-width: 50%}
}









@media only screen and (min-width:650px ) and (max-width: 750px){

body{
background-image: none;}

#responsivemenu{
display: block;}

#container{
width:90%;
margin:0 5% 0 5%;
display:block;
text-align:center;
}

#logo{
margin-top:49px;
height:82px;
display:block;
margin-bottom: 20px;
}


#headerhome{
display: block;
width: 100%;
height: auto;
padding: 0 0 20px 0;
border-bottom: 1px solid #cecece;
}

#headerhome img{
width: 100%;
height: auto;}


#headerhomeresponsive{
display: none;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;}


#headerhomeresponsive img{
width: 100%;
height: auto;}


#headerachterliggend{
display:none;
}

#headerresponsive{
margin-left: -5%;
width: 110%;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;
display: block;}

#headerresponsive img{
width: 100%;
height: auto;}

#content{
width: 100%;
float:left;
display:block;
text-align:left;
margin-right:35px;
}

#contentfailissement{
width: 100%;
float:left;
display:block;
text-align:left;
margin-right:0px;
}

#contentfailissement td{
display: block;
}

#rechts{
width: 100%;
float:right; display:block;
}


#container_medewerker{
width:100%;
display:block;
margin:0px}

#medewerker{
width:45%;
padding: 0px 5% 0 0;
float:left;
display:block;
text-align:left;
}

#medewerker img.medewerker{
width: 100%;
height: auto;}

#wrapper{
width:90%;
margin:0px 5% 0px 5%;
display:block;

}


#titel{
margin-top:20px;
margin-bottom:20px;
width:100%;
height: auto;
font-size:25px;
color:#ffffff;
line-height: 40px;
background: #7c2222;
padding: 45px 5% 5px 5%;
margin: 0 0 0 -5%;
}


#medewerker_links{
width:40%;
text-align:left;
float:left;
display:block;
}

#medewerker_rechts{
width:60%;
text-align:left;
float:left;
display:block;
margin-top:-75px;
margin-bottom: 35px;
}

#medewerker_rechts img{
width: 100%;
height: auto;}

#footer{
display: block;
width: 100%;
margin: 0 0 0 -5%;
padding: 0 5% 0 5%;}

#footer2{
width:100%;
height:auto;
padding: 0 5% 30px 5%;
background-color:#eaeaea;
display:none;
float:left;
margin:0px 0px 0px -5%;
text-align:center;
}

#footer img{
width: 250px;
height: auto;
float:left;}


#blok a{
color:#fff;
background-color:#7c2222;
width:95%;
display:block;
padding:8px 0px 10px 5%;
}


#menu {
display: block;
}

#menu {
color: #7c2222;
width: 100%;
height: auto;
line-height: 14px;
float: center;
display: block;
margin-bottom:14px;
}

#menu ul li a {
font-size: 23px;
color: #7c2222;
text-decoration: none;
font-weight: normal;
line-height: 20px;
padding:0px 0px 0px 0px;}

#responsivemenu{
display: none;}
 

#menu_faill li{
list-style: none;
padding: 2px;
margin: 0px;
}

#menu_faill ul{
list-style: none;
padding: 0;
margin: 0px;
}

#contact1{
width: 40%;
display: block;
float:left;}

#contact2{
width: 50%;
display: block;
float:left;}


}








@media only screen and (min-width:751px ) and (max-width: 1024px){

body{
background-image: none;}

#container{
width:90%;
margin:0 5% 0 5%;
display:block;
text-align:center;
}

#logo{
margin-top:49px;
height:82px;
display:block;
margin-bottom: 20px;
}


#headerhome{
display: block;
width: 100%;
height: auto;
border-bottom: 1px solid #cecece;
padding: 0 0 20px 0;}

#headerhome img{
width: 100%;
height: auto;}

#headerhomeresponsive{
display: none;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;}


#headerhomeresponsive img{
width: 100%;
height: auto;}


#headerachterliggend{
display:none;
}

#headerresponsive{
margin-left: -5%;
width: 110%;
padding: 0 0 30px 0;
border-bottom: 1px solid #cecece;
display: block;}

#headerresponsive img{
width: 100%;
height: auto;}

#content{
width: 60%;
float:left;
display:block;
text-align:left;
margin-right:35px;
}

#contentfailissement{
width: 60%;
float:left;
display:block;
text-align:left;
margin-right:0px;
}

#contentfailissement td{
display: block;
}

#rechts{
width: 30%;
float:right; display:block;
}


#container_medewerker{
width:100%;
display:block;
margin:0px}

#medewerker{
width:45%;
padding: 0px 2% 0 0;
float:left;
display:block;
text-align:left;
}

#medewerker img.medewerker{
width: 100%;
height: auto;}

#wrapper{
width:90%;
margin:0px 5% 0px 5%;
display:block;

}


#titel{
margin-top:20px;
margin-bottom:20px;
width:100%;
height: auto;
font-size:30px;
color:#ffffff;
line-height: 40px;
background: #7c2222;
padding: 45px 5% 5px 5%;
margin: 0 0 0 -5%;
}

#medewerker_links{
width:50%;
text-align:left;
float:left;
display:block;
}

#medewerker_rechts{
width:50%;
text-align:left;
float:left;
display:block;
margin-top:-95px;
margin-bottom: 35px;
}

#medewerker_rechts img{
width: 100%;
height: auto;}

#footer{
display: block;
width: 100%;
margin: 0 0 0 -5%;
padding: 0px 5% 0 5%;}

#footer img{
width: 30%;
height: auto;
display: block;
float:left;}


#blok a{
color:#fff;
background-color:#7c2222;
width:95%;
display:block;
padding:8px 0px 10px 5%;
}


#menu {
display: block;
}

#menu {
color: #7c2222;
width: 100%;
height: auto;
line-height: 14px;
float: center;
display: block;
margin-bottom:14px;
}

#menu ul li a {
font-size: 23px;
color: #7c2222;
text-decoration: none;
font-weight: normal;
line-height: 20px;
padding:0px 0px 0px 0px;}

#responsivemenu{
display: none;}
 

#menu_faill li{
list-style: none;
padding: 2px;
margin: 0px;
}

#menu_faill ul{
list-style: none;
padding: 0;
margin: 0px;
}

#contact1{
width: 50%;
display: block;
float:left;}

#contact2{
width: 50%;
display: block;
float:left;}

textarea{
max-width: 50%;}

}












/* Stylesheet: heutink Modified On 2014-10-22 13:05:52 */

/* Stylesheet: heutink Modified On 2014-10-22 13:15:56 */

/* Stylesheet: heutink Modified On 2014-10-22 13:19:49 */
body {
background-image:url('https://www.heutink-gennep.nl/uploads/images/layout/background_medewerkers.png');
background-repeat:repeat-x;
}


#titel{
width: 1000px;
height: 30px;
display: block;
float:left;
text-align;
margin-top: -40px;}

#titel h1{
font-family: Dosis;
font-size:35px;
font-weight:normal;
color:#7c2222; }

@media only screen and (max-width:1024px ){
body{
background: none;}

#titel{
width: 100%;
height: auto;
display: block;
float:left;
text-align;
margin-top: 0px;
background: #7c2222;
padding: 20px 5% 20px 5%;}

}

/* Stylesheet: heutink Modified On 2018-10-02 12:55:08 */
body {
background-image:url('https://www.heutink-gennep.nl/uploads/images/layout/background_indiv_medewerker.png');
background-repeat:repeat-x;
}




@media only screen and (max-width:1024px ){
body {
background-image:none;
}}
/* Stylesheet: heutink-indiv-medewerker Modified On 2018-05-31 16:11:52 */
