/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Josefin Sans Light Italic'), local('JosefinSans-LightItalic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3HZQNVED7rKGKxtqIqX5EUCETRfm0sqp4C_Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Josefin Sans Light Italic'), local('JosefinSans-LightItalic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3HZQNVED7rKGKxtqIqX5EUCETRfm0tqp4C_Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Josefin Sans Light Italic'), local('JosefinSans-LightItalic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3HZQNVED7rKGKxtqIqX5EUCETRfm0jqp4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3EZQNVED7rKGKxtqIqX5EUCEx1XHgciw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3EZQNVED7rKGKxtqIqX5EUCEx0XHgciw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3EZQNVED7rKGKxtqIqX5EUCEx6XHg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ecpl5tdF0hspo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ecpl5tdV0hspo.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{
background-position: top center;
background-color:#000000;
background-repeat:no-repeat;
color:#BFBEB5;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin: 0px 0px 0px 0px;
overflow-x:hidden;
}

#top{
position: relative;
width:100%;
margin-bottom:0px;
clear:both;
height:40px;
padding-top:0px;
text-align:center;
font-size: 15px;
color: #6B6A6A;
background-color:#000000;
background: -webkit-linear-gradient(#000000, #000000);
background:    -moz-linear-gradient(#000000, #000000);
background:     -ms-linear-gradient(#000000, #000000);
background:      -o-linear-gradient(#000000, #000000);
background:         linear-gradient(#000000, #000000);
}

#topcontainer{
/* width:960px; */
margin:0px auto;
margin-top:0px;
margin-bottom:20px;
height:auto;
color: #BFBEB5;
}

#container{
clear:both;
background-color:#000000;width:960px;
margin:0px auto;
margin-top:0px;
}
#contentcontainer{
clear:both;
float:left;
width:960px; 
background-color:#000000;
border:solid 1px #000000;
border-radius: 2px;
margin-bottom:20px;


}
.header{
/* background-image:url('img/headerachtergrond.jpg');background-repeat:no-repeat; */
width:960px;
height:120px;
margin-top:0px;
margin-bottom:15px;
background-color: #000000;
border-bottom:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background:#000;
}
#logo{
margin-top:10px;
float:left;

}
#zoek{
background-color:#000000;
margin-top:10px;
text-align:right;
padding-right:20px;
}
#nav{
width:960px;
background-color:#000000;
margin-top:10px;
float:left;
text-align:right;
}
b.rtop, b.rbottom{display:block;background: #000000}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #000000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.contentcont2{ float:left; margin: 0px 0px;background-color: #000000; width:960px;}
.head{ clear:both; float:left; margin: 0px 0px;background-color: #000000; width:960px;}
#corner1{ margin: 0px 0px;background: #000000}
.corner1{ margin: 0px 0px;background: #000000}

.kopje{ margin: 0px 0px 0px 10px;background: #525252;height:20px;text-padding: 5px 0px 0px 0px;}
.zoekkopje{ line-height:20px;vertical-align:middle;border:solid 1px #525252;border-radius: 2px;width:75px; float:right; margin: 2px 0px 0px 0px;background: #525252;height:20px;text-padding: 0px 10px 0px 10px;}
.bestellen{ line-height:23px;vertical-align:middle;border:solid 1px #525252;border-radius: 2px;width:150px; height:25px; float:left; margin: 10px 0px 0px 0px;background: #525252;text-padding: 10px 10px 0px 10px;}
.informatie{ line-height:23px;border:solid 1px #525252;border-radius: 2px;width:150px; height:25px; float:middle; margin: 10px 0px 0px 0px;background: #525252;text-padding: 10px 10px 0px 10px;}
.informatie2{ line-height:23px;vertical-align:middle;border:solid 1px #525252;border-radius: 2px;width:150px; height:25px; float:middle; margin: 10px 0px 0px 0px;background: #525252;text-padding: 10px 10px 0px 10px;}
.informatie2lijst{ line-height:23px;vertical-align:middle;border:solid 1px #525252;border-radius: 2px;width:150px; height:25px; float:right; margin: 10px 0px 0px 0px;background: #525252;text-padding: 10px 10px 0px 10px;}
.login{ margin: 0px auto;background: #ffffff; width:300px;
border-radius: 2px;
box-shadow: 0 0 7px 3px #C2C2C2;
-moz-box-shadow: 0 0 7px 3px #C2C2C2;
-webkit-box-shadow: 0 0 7px 3px #C2C2C2;
}

#slidecont1{
margin: 0px 0px 7px 0px;
width:960px;
float:left;
}
#bottomcont1{
margin: 0px 0px 7px 0px;
width:960px;
float:left;
background-color:#000000;
border:solid 0px #000000;
border-radius: 2px;
margin-bottom:20px;
}
#menu{
margin-top:5px;
margin-bottom:5px;
width:199px;
float:left;
background-color:#000000;
border-right:#000000 solid 1px;
}
#content{
margin-top:5px;
margin-bottom:5px;
width:720px;
background-color:#000000;
float:left;
padding-left:20px;
padding-top:10px;
}
#welkom{
width:720px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#detailinfo{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
}
#detailbekeken{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#detailcombi{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#detailvideo{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#detailreview{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#paginas{
width:740px;
background-color:#000000;
margin-right:10px;
padding-top:10px;
clear:both;
float:left;
}
#footer{
margin: 0px auto;
clear:both;
width:80%;
max-width:960px;
padding-top:0px;
padding-bottom:60px;
font-size: 15px;
color: #BFBEB5;
background-color:#000000;
  background: -webkit-linear-gradient(#000000, #000000);
  background:    -moz-linear-gradient(#000000, #000000);
  background:     -ms-linear-gradient(#000000, #000000);
  background:      -o-linear-gradient(#000000, #000000);
  background:         linear-gradient(#000000, #000000);
}
#footer2{
margin-bottom:0px;
clear:both;
height:60px;
padding-top:0px;
text-align:center;
font-size: 15px;
color: #BFBEB5;
background-color:#000000;
  background: -webkit-linear-gradient(#000000, #000000);
  background:    -moz-linear-gradient(#000000, #000000);
  background:     -ms-linear-gradient(#000000, #000000);
  background:      -o-linear-gradient(#000000, #000000);
  background:         linear-gradient(#000000, #000000);
}

#footerblokcont{
width:960px;
margin:0px auto;
margin-top:0px;
color: #BFBEB5;
}

.footerblokL{
width:200px;
padding: 20px 20px 0px 20px;
}
.footerblokM{
width:200px;
padding: 20px 20px 0px 20px;
}

#footer li{
list-style-type:square;
color:#BFBEB5;
line-height:25px;
}

#footer li a{
color:#757575;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;
}

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

#artikeldetails{
width:300px;
float:left;
background-color:#000000;
border:solid 1px #000000;
padding:20px;
border-radius: 2px;
box-shadow: 0 0 10px 1px #000000;
-moz-box-shadow: 0 0 10px 1px #000000;
-webkit-box-shadow: 0 0 10px 1px #000000;
}
.catdivlijst{
width:660px;
float:left;
background-color:#000000;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
box-shadow: 0 0 10px 1px #000000;
-moz-box-shadow: 0 0 10px 1px #000000;
-webkit-box-shadow: 0 0 10px 1px #000000;
}
.catdivlijst2{
width:690px;
float:left;
background-color:#000000;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
box-shadow: 0 0 10px 1px #000000;
-moz-box-shadow: 0 0 10px 1px #000000;
-webkit-box-shadow: 0 0 10px 1px #000000;
}
.catdiv{
width:220px;
height:340px;
float:left;
background-color:#000000;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
box-shadow: 0 0 10px 1px #000000;
-moz-box-shadow: 0 0 10px 1px #000000;
-webkit-box-shadow: 0 0 10px 1px #000000;
}
.catdiv2{
width:220px;
height:320px;
float:left;
background-color:#000000;
margin-left:10px;	
margin-right:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
}
.beheerdiv{
background-color:#000000;
width:330px;
height:130px;
float:left;
margin-left:10px;	
margin-right:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
}
.bestellingdiv{
background-color:#000000;
width:680px;
float:left;
margin-left:10px;	
margin-right:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
}
.nieuwsbrieffront{
background-color:#000000;
width:452px;
height:200px;
float:left;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
}

.contactfront{
background-color:#000000;
width:220px;
height:200px;
float:left;
margin-left:10px;	
margin-bottom:20px;	
border:solid 1px #000000;
border-radius: 2px;
}

a.verwijder{color:#cc0000;font-size:11px;font-weight:bold;text-decoration:none;}

a.nav1{color:#6B6A6A;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;}
a.nav1:hover{text-decoration:none;}

a.toplink1{color:#B3B3B3;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;}
a.toplink1:hover{text-decoration:none;}

a.prijzen{padding-left:15px;color:#6B6A6A;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;}
a.prijzen:hover{text-decoration:none;}

a.link1{color:#6B6A6A;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;}
a.link1:hover{text-decoration:none;}

a.wit{color:#ffffff;font-size:15px;font-weight:normal;text-decoration:none;}

a.buttonzoek{color:#BFBEB5;font-size:15px;font-weight:normal;text-decoration:none;}
a.buttonzoek:hover{text-decoration:none;}

a.informatie{color:#BFBEB5;font-size:15px;font-weight:normal;text-decoration:none;padding: 7px 0px 0px 0px;}
a.informatie:hover{text-decoration:none;}

a.titel{color:#8E3C15;font-size:15px;font-weight:bold;text-decoration:none;}
a.titelgroot{color:#8E3C15;font-size:18px;font-weight:bold;text-decoration:none;}
a.klein{color:#8E3C15;font-size:11px;font-weight:normal;text-decoration:none;}
a.pagina{color:#8E3C15;font-size:15px;font-weight:normal;text-decoration:none;}

a.cat{padding-left:15px;color:#525252;font-size:15px;font-weight:bold;text-decoration:none;line-height:25px;}
a.cat:hover{text-decoration:none;}

a.cat2a{padding-left:15px;color:#525252;font-size:15px;font-weight:bold;text-decoration:none;line-height:25px;}
a.cat:hover{text-decoration:none;}

a.cat2b{padding-left:5px;color:#525252;font-size:15px;font-weight:normal;text-decoration:none;line-height:30px;}
a.cat:hover{text-decoration:none;}

a.page{color:#8E3C15;font-size:16px;font-weight:bold;text-decoration:none;}
a.page:hover{text-decoration:underline;}

a.cat1{color:#525252;font-size:15px;font-weight:normal;text-decoration:none;line-height:25px;}
a.cat1:hover{text-decoration:underline;}

a.beheer1{color:#666666;font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;}

a.proshops{color:#BFBEB5;font-size:11px;font-weight:normal;text-decoration:none;line-height:20px;}
a.proshops:hover{text-decoration:none;}

a.footerlink1{color:#757575;font-size:15px;font-weight:normal;text-decoration:none;line-height:20px;}
a.footerlink1:hover{text-decoration:none;}

a.bloklink{
display:block;
padding:5px;
width:250px;
 cursor: pointer;
 background-color:#525252;
border: 1px solid #525252;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 10px 7px 10px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
color:#ffffff;
font-weight:normal;
text-decoration:none;
text-align:center;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}

a.bloklink:hover{
text-decoration:none;
background-color:#666666;
}

a.bloklink:active{
text-decoration:none;
background-color:#777777;
}

a.bloklinkblauw{
display:block;
padding:5px;
/* width:250px; */
 cursor: pointer;
 background-color:#174a9c;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 10px 7px 10px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
color:#ffffff;
font-weight:normal;
text-decoration:none;
text-align:center;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;

}

a.bloklinkblauw:hover{background-color:#216BE2;text-decoration:none;}
a.bloklinkblauw:active{background-color:#3897f1;}

p{margin: 0px 10px 0px 10px;}
p.margin{margin: 10px 10px 10px 10px;}
p.paginacontent{margin: 0px 50px 0px 10px;}
p.zoek{margin: 3px 10px 0px 10px;}
p.bestel{margin: 5px 10px 0px 10px;}
p.inform{text-padding: 0px 0px 0px 0px;}
p.foot1{margin: 0px 0px 0px 0px;color:#757575;}
p.titel{padding: 2px 0px 0px 5px;font-weight:bold;color: #BFBEB5;}
p.text{margin: 0px 10px 10px 10px;}
p.inccattext{margin: 0px 10px 10px 15px;line-height:25px;}
p.contacttext{margin: 0px 10px 0px 15px;}
p.prijs{color:#BFBEB5;}
p.kopjegegevens{font-weight:bold;margin-left:0px;margin-bottom:0px;margin-top:5px;font-size:16px;color:#BFBEB5;}
p.kopjewinkelmand{margin-left:0px;margin-bottom:0px;margin-top:5px;font-size:16px;color:#B3B3B3;}

.bestelimage {position: relative; top: 0; align: center; width: 80%; max-width: 350px; height: auto;margin-bottom:60px;margin-top:30px;}

img.adminnav{
    vertical-align:text-top;
    float:left;
    clear:both;
    padding: 2px 0px 0px 15px;
    }

img.speciaal{
    vertical-align:middle;
    float:left;
    padding: 0px 0px 0px 0px;
    }

img.beheer{
    vertical-align:middle;
    float:right;
    padding: 10px 10px 10px 10px;
    max-width: 30px;
    max-height: 30px;
    }

img.frontklein{
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 150 ? "150px" : true);
  height: expression(this.height > 150 ? "150px" : true);
  }

img.frontkleinlijst{
  max-width: 250px;
  max-height: 250px;
  width: expression(this.width > 250 ? "250px" : true);
  height: expression(this.height > 250 ? "250px" : true);
  }
img.frontkleinlijst2{
  max-width: 680px;
  }

img.frontgroot{
  max-width: 240px;
  max-height: 240px;
  width: expression(this.width > 240 ? "240px" : true);
  height: expression(this.height > 240 ? "240px" : true);
  }

img.logo{
  max-width: 600px;
  max-height: 110px;
  margin: 10px 0px 0px 10px; 
  }

img.detail{
  max-width: 320px;
  }

img.detailfotos{
  max-width: 100px;
  max-height: 100px;
  vertical-align:top;
  }

h1{font-size:18px;margin-left:0px;margin-bottom:0px;margin-top:0px;color:#BFBEB5;}
h1.front{font-size:18px;margin-left:10px;margin-bottom:15px;margin-top:5px;color:#BFBEB5;}
h2{font-size:18px;margin-left:15px;margin-bottom:0px;margin-top:5px;color:#B3B3B3;}
h3{font-family: 'Josefin Sans', sans-serif;font-size:21px;margin-left:10px;margin-bottom:15px;margin-top:10px;color:#BFBEB5;}
h4.main{font-size:14px;margin-left:20px;margin-top:10px;margin-bottom:7px;color:#B3B3B3;}

input.buttonlogin{
 cursor: pointer;
 background-color:#525252;
border: 0px solid #525252;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 10px 7px 10px 7px;
outline: 0;
-webkit-appearance: none;
color:#ffffff;
}

input.buttonmouse{
 cursor: pointer;
 background-color:#525252;
border: 0px solid #525252;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 10px 7px 10px 7px;
/*
margin: 1px 10px 0px 0px;
*/
outline: 0;
-webkit-appearance: none;
color:#ffffff;
font-family: 'Roboto', sans-serif;
}

input.buttonmouse:hover{
 background-color:#666666;
}

input.buttonmouse:active{
 background-color:#777777;
}

input.rondfront{
height:29px;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
background:#cccccc;
}
input.rondfront:focus{
}

hr {
border:#CFCFCF 1px dotted;
border-style: none none solid;
height: 1px;
margin-right:0px;
}

hr.navi{
border:#CFCFCF 1px dotted;
border-style: none none dotted;
height: 1px;
margin-right:15px;
margin-left:15px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none;} 
#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}

<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0px;
	width:680px;
	height:270px;
	position:relative;
	clear:both;
    background-color:#000000;
border:solid 1px #000000;
border-radius: 2px;
box-shadow: 0 0 10px 1px #000000;
-moz-box-shadow: 0 0 10px 1px #000000;
-webkit-box-shadow: 0 0 10px 1px #000000;

  margin-left:10px;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:620px;
  height:270px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:600px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:270px;
  margin-top:0px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:270px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  margin-left:7px;
  background:transparent url(img/links.png) no-repeat 0 0;
  background-position:center; 
}
#rightControl {
  top:0;
  right:0;
  margin-right:7px;
  background:transparent url(img/rechts.png) no-repeat 0 0;
  background-position:center; 
}

/** 
 * Style rules for Demo page
 */
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.slide h2, .slide p {
  margin:15px;
}
/*
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
*/
.slide img {
  float:left;
  margin:0 15px;
}
-->

#tagcloud {
    width: 150px;
    color:#666666;
    text-align:left;
	margin-left:10px;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
    color: #666666;
	line-height:30px;
}
 
#tagcloud a:hover {
    text-decoration: underline;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest {
    font-size: 10px;
}
 
#tagcloud .small {
    font-size: 12px;
}
 
#tagcloud .medium {
    font-size:14px;
}
 
#tagcloud .large {
    font-size:15px;
}
 
#tagcloud .largest {
    font-size:16px;
}


	#drop-down-menu{margin-left:20px}
	#drop-down-menu ul{
		float:right;
        font-weight:bold;color:#ffffff;
		margin:0;
		padding:0;
		list-style:none}
	#drop-down-menu ul li{
		display:block;
		position:relative;
		float:left}
	#drop-down-menu li ul{display:none}
	#drop-down-menu ul li a{
		font-size:12px;
		display:block;
		margin-left:1px;
		text-decoration:none;
		color:#ffffff;
		border-top:1px solid #333333;
		padding: 5px 15px 5px 15px;
		background:#333333;
		white-space:nowrap}
	#drop-down-menu ul li a:hover{text-decoration:none;}
	#drop-down-menu li:hover ul{ 
		display:block; 
		position:absolute}
	#drop-down-menu li:hover li{ 
		text-align:left;
		font-size:12px;
		clear:left; 
		width:12em}
	#drop-down-menu li:hover a{text-decoration:none;}
	#drop-down-menu li:hover li a:hover{background:#666666;color:inherit}
	.clear_all{clear:both;height:0.5em;}
    
input.rondfront{
height:37px;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
background:#cccccc;
}
input.rondfront:focus{
border: 1px solid #999999;
}

select.rondfront{
width:100%;
height:37px;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
background:#cccccc;
}
select.rondfront:focus{
}


input.rounded{
height:29px;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 10px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
background:#cccccc;
}
input.rounded:focus{
}
input.rounded2{
height:37px;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 16px;
padding: 4px 7px;
margin: 1px 10px 0px 0px;
outline: 0;
-webkit-appearance: none;
background:#cccccc;
font-family: 'Josefin Sans', sans-serif;
}
input.rounded2:focus{
}
textarea.rounded{
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 18px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
background:#cccccc;
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup{margin-left:0px; clear:left; font:14px Helvetica,Arial,sans-serif; }

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #AEA088; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#CFC1AA;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:35%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

 #search input {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    color: #7F7F7F;
    float: left;
    font: 12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
    height: 20px;
    margin: 0;
    padding: 10px;
    transition: background 0.3s ease-in-out 0s;
    width: 300px;
}
#search button {
    background: url("search.png") no-repeat scroll center center #7eac10;
    cursor: pointer;
    height: 40px;
    text-indent: -99999em;
    transition: background 0.3s ease-in-out 0s;
    width: 40px;
    border: 2px solid #fff;
}
#search button:hover {
    background-color:#000;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}

b{font-weight:500;}

.head {
    margin: 20px 30px 10px 0px;
    padding: 0px 5px 0px 0px;
    font-size: 18px;
    color:#FFFFFF;
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}
.head1 {
    font-family: 'Josefin Sans', sans-serif;
    margin: 10px 5px 5px 0px;
    padding: 10px 5px 0px 0px;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 140%;
}
.head2 {
    margin: 20px 30px 10px 0px;
    padding: 0px 5px 0px 0px;
    font-size: 16px;
    color:#FFFFFF;
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}
.head3 {
    margin: 10px 10px 15px 0px;
    padding: 0px 5px 0px 0px;
    font-size: 21px;
    color:#FFFFFF;
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}

a.frontbuttonL { font-family: 'Roboto' !important; }
a.frontbuttonR { font-family: 'Roboto' !important; }
table.wmtabel{width:720px; font-family: 'Roboto', sans-serif;font-size:15px;}
table.gegevenstabel{width:720px;     font-family: 'Roboto', sans-serif;font-size:15px;}

input.rondfront{width:100%;}

div.inloggen{}
div.inloggen input.rounded2{width:250px;margin-right:0px;}
div.inloggen input.buttonmouse{float:right;width:200px;padding: 10px 7px 10px 7px;margin-right:10px;}

.newaccount{clear:both;float:left;width:100%;text-align:center;}

input.buttonlogin{
	font-family: 'Roboto', sans-serif;width:250px;padding: 10px 7px 10px 7px;margin-right:10px;margin-bottom:15px;border:solid 1px #174a9c;background:#174a9c;
}
input.buttonlogin:hover{
	background:#216BE2;
}
input.buttonlogin:active{
	background:#3897f1;
}

input.buttongrijs{
	font-family: 'Roboto', sans-serif;width:250px;padding: 10px 7px 10px 7px;margin-right:10px;margin-bottom:15px;border:solid 1px #525252;border-radius:3px;background:#525252;font-size: 15px;
}
input.buttongrijs:hover{
	background:#666666;
}
input.buttongrijs:active{
	background:#777777;
}


@media all and (min-width: 1000px){
.topmid{display:none;border:0px;}
.topright{display:none;border:0px;}
.taalkeuzemobiel{display:none;border:0px;}
div.inloggen input.rounded2{width:250px;height:27px;margin-bottom:0px;}
div.newaccount a.bloklink{margin:auto;width:250px;clear:both;margin-top:20px;margin-bottom:60px;}

a.bloklinkblauw{background:#174a9c;margin:auto;width:250px;clear:both;margin-top:20px;margin-bottom:60px;}
a.bloklinkblauw:hover{background:#216BE2;}
a.bloklinkblauw:active{background:#3897f1;}

}

@media 	all and (max-width: 1000px){
	
input.buttonlogin{
	width:100%;
}
input.buttongrijs{
	width:100%;
}
			
#container{width:100%;padding:0px;margin:0px;border:0px;}
.header{display:none;border:0px;}

#topcontainer{width:100%;border:0px;}
#contentcontainer{width:96%;margin-left:2%;margin-right:2%;padding:0px;border:0px;padding-top:0px;padding-bottom:0px;margin-bottom:0px;}

table.wmtabel{width:100%;}
table.gegevenstabel{width:100%}

div.inloggen{clear:both;width:100%;text-align:left;height:auto;border:0px;padding:0px;}
div.inloggen h3{clear:both;float:left;text-align:left;margin-left:0px;}
div.inloggen input.rounded2{clear:both;float:left;text-align:left;width:100%;margin:0px;margin-bottom:20px;box-sizing: border-box;}
div.inloggen input.buttonmouse{clear:both;float:left;text-align:center;width:100%;margin:0px;}

input.rounded2{height:37px;clear:both;float:left;text-align:left;width:100%;margin:0px;margin-bottom:20px;box-sizing: border-box;}

div.registratie{clear:both;width:100%;text-align:left;height:auto;border:0px;padding:0px;}
div.registratie h3{padding-top:30px;}
div.registratie a.bloklink{width:100%;clear:both;float:left;margin-top:20px;margin-bottom:60px;}
div.newaccount a.bloklink{width:100%;clear:both;float:left;margin-top:20px;margin-bottom:60px;}

input.buttonlogin{clear:both;float:left;text-align:center;width:100%;margin:0px;}

.maindivL{width:100%;clear:both;float:left;padding:0px;}
.maindivR{width:100%;clear:both;float:left;padding:0px;}

p{width:85%;}

hr{width:100%}

}
@charset "utf-8";
/* CSS Document */

a.mylink{font-weight:normal;}
ul li a{font-weight:normal;} 
@media all and (min-width: 1000px){
.rounded2{
width: 400px;
}

#footerblokcont{
width:960px;
margin:0px auto;
margin-top:0px;;
overflow: hidden;
}


.fleft, .fcenter, .fright, .fmedia{
 width: 200px;
 margin-left: 20px;
 float: left;
}
.myway{
color: #ffffff;
margin-left: 0px;
}


.example-header .container { width: 100%;}
.menu-link { display: none;}
.menu { 

font-family: 'Roboto', arial;
font-weight:400;
display: block;
margin-top:60px;
  margin: 0 auto;
  width:1000px;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
  /*z-index: 1;*/
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #FF7D00;
	
}
.menu ul li { padding: 0px;}
.menu > ul > li { display: inline-block; height: 100%;}
.menu ul li a { display: block; text-decoration: none; color: #cccccc; font-size: .9em; background-color:#333;margin-left:15px; margin-right:15px; text-align:left;}
.menu ul li > a {padding: 13px 5px 13px 5px;}
.menu ul ul { 
  display: none;
  position: absolute; 
  top:100%;
  min-width: 160px;
}
.menu ul li:hover > ul { display: block;}
.menu ul ul > li { position: relative; clear:both; width:100%;}
.menu ul ul > li a { padding: 10px 15px 10px 10px; height: auto; background-color: #333;}
.menu ul ul > li a:hover { background-color: #333; color: #999;}
.menu ul > li a:hover { background-color: #333; color:#999;}
.menu ul ul ul { position: absolute; left: 100%; top:0; }
 .containert {width:100%; background-color: #333;}
}

@media all and (max-width: 1000px){

.containert {width:100%;}
ul{
	font-weight:normal;color:#333333;
	margin:0;
	padding:0;
	list-style:none;
  z-index: 1;
}

ul li a{
	font-size:25px; height:40px;}
.example-header .container { width:100%; }
.menu a:hover{text-decoration: none;}
a.menu-link { 
 position: absolute; display: block; color: #ffffff; background-color: #333333; float: left; 
 text-decoration: none; padding: 10px 10px 10px 10px; font-size: 20px;font-weight:normal;
 /* margin-left: calc(100% - 100px); */
 margin-left: 2%; 
 margin-top: 0px; 
 border-radius:2px;
}
a.menu-link:hover{text-decoration:none;}
.menu {float: left; clear: both; min-width: inherit;  margin-bottom: 30px;margin-top:60px; }
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; width:100%; clear:both;}
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 500000em; clear:both;}
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; width:100%;}
  .menu li a { color: #fff; display: block; padding: 1.0em 0.8em 0.4em 0.8em; border-bottom: 1px solid #808080; position: relative; text-align:left;}
  .menu li.has-submenu > a::after{ 
    content: "+";
    position: absolute;
    top: 0.2em;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.25em 0.5em;
  }
  .menu li.has-submenu > a.active::after {
    content: "-";
    top: 0.2em;
  }
.menu li{
width: 100%;
background-color: #333333;
}
  .menu ul ul > li a { background-color: #666666; /* height:60px; padding: 50px 18px 0px 30px; */}
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none;}

#footerblokcont{
width:100%;
margin:0px auto;
margin-top:0px;
overflow: hidden;
}

#contentcontainer{
/* width:100%; */
}

#container{
width:100%;
}

.fcenter, .fright, .fmedia, .fleft{
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 margin-bottom: 30px;
font-size: 150%;
text-align:center;
}

.myway{
padding: 0px;
margin: 0px;
font-size:125%;
color: #ffffff
}

}