/* 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; }