body {
overflow-x: hidden;}

@media only screen and (max-width: 546px){  
  .g-col, .g-dyn, .g-single {
    width: 100%;
    margin-left: 0;
    margin-right: 0;}
  
    .b-2 {
    display: table-row;
    text-align: center;
  }
}

.navbar-default {
    background-color: #CC2027;
    border-color: #CC2027;
}

.navbar-default .navbar-toggle {
    border-color: #CC2027;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #e2555a;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 20px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #e2555a;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #e2555a;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff!important;
}

#pop-lezen {
  visibility: hidden;
}

h5.logot {
font-size: 24px!important;}

h5, h5 a, h5 a:hover, h5 a:visited {
    font-family: Arial,sans-serif;
    font-size: 24px!important;
}

.ddsmoothmenuh ul li ul.sub-menu li, .ddsmoothmenuh ul li ul.sub-menu li a {
background-color: #ffffff;
width:170px;
font-family: ""Trebuchet MS",Helvetica,Jamrul,sans-serif";
font-size:15px;
line-height: 20px;
padding: 5px 5px 5px 5px;
}

.div4 {
height: 330px;}
}

.titelnieuws {
position:relative; 
visibility:show; left: 60px; 
top: 10px; z-index:200;
height: 0px;
}

.spatie1{
padding-top: 30px;}

  div#ajaxsearchpro2 {
background-color: rgba(255, 255, 255, 0.0);
padding-bottom:20px;}

.meta-recensies-auteur{
position:relative;
width:130px;
left:0px;
font-weight:bold;
padding-bottom:10px;
min-height:30px;}

.meta-recensies-waardering{
position:relative;
left:0px;
margin-bottom:20px;}

.meta-recensies-waardering-single{
position:relative;
}

.recensies-onder{
padding-left:30px;
}

.recensies-title-multi {
position:relative;
min-height:60px;
left:0px;
font-weight:bold;
padding-bottom:10px}

.image-recensie {
height:110px;
width:95px;
}

.meta-recensies {
line-height:3.0em;
font-weight: bold;
font-size: 1.0em;
font-style: italic;
}

.meta-recensies-genre {
padding-left:33px;
line-height:3.0em;
font-weight: bold;
}

.rating {
position:relative;
max-width:150px;
padding-left:30px;
}
  
.rondehoek6  {
margin:30px;
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;
min-height:700px;}
  
div.horizontal-menu ul li, div.horizontal-menu ul li a:link, div.horizontal-menu ul li a:visited {
    font-size: 12px;
}  
  
.rondehoek  {
margin-left: 30px;
margin-right: 30px;    
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;}
  
#floatlogo {
    position: absolute;
    right: 0;
    z-index: 600;
    width: 25%;
    top: 60px;
}




#logotekst {
    position: relative;
    width: 600px;
    padding-left: 30px;
    top: 50px;
    height: 0px;
}

#logotekst2 {
    position: relative;
    width: 600px;
    padding-left: 30px;
    top: 100px;
    height: 0px;
}

.ddsmoothmenuh #menu-reveil li {
    margin: 0 0px 0 8px;
}

.rondehoek-footer1 {
    margin-left: 2%;
    padding: 14px;
    background: #c9c9c9;
    border-radius: 10px 0px 0px 0px;
    -moz-border-radius: 10px 0px 0px 0px;
    min-height: 63px;
    float: left;
	width:48%;
}

.rondehoek-footer2 {
    left: -1px;
    margin-right: 2%;
    padding: 15px;
    background: #c9c9c9;
    border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    min-height: 50px;
    float: right;
	width:48%;
}

#foottekst2 {
    position: relative;
    left: 0px;
    top: -12px;
    z-index: 600;
}
}
@media only screen and (min-width : 320px) {
h5.logot {
font-size: 40px!important;}

h5, h5 a, h5 a:hover, h5 a:visited {
    font-family: Arial,sans-serif;
    font-size: 50px!important;
}}

@media only screen and (min-width : 400px) {
h5.logot {
font-size: 50px!important;}

h5, h5 a, h5 a:hover, h5 a:visited {
    font-family: Arial,sans-serif;
    font-size: 50px!important;
}}


@media only screen and (min-width : 768px) {

.menu_mob_reveil {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}


#pop-lezen {
  visibility: visible;
}

h5.logot {
font-size: 50px!important;}

h5, h5 a, h5 a:hover, h5 a:visited {
    font-family: Arial,sans-serif;
    font-size: 50px!important;
}
  
div#ajaxsearchpro2 {
background-color: rgba(255, 255, 255, 0.0);
padding-bottom:20px;}

.meta-recensies-auteur{
position:relative;
width:130px;
left:0px;
font-weight:bold;
padding-bottom:10px;
min-height:30px;}

.meta-recensies-waardering{
position:relative;
left:0px;
margin-bottom:20px;}

.meta-recensies-waardering-single{
position:relative;
}

.recensies-onder{
padding-left:30px;
}

.recensies-title-multi {
position:relative;
min-height:60px;
left:0px;
font-weight:bold;
padding-bottom:10px}

.image-recensie {
height:110px;
width:95px;
}

.meta-recensies {
line-height:3.0em;
font-weight: bold;
font-size: 1.0em;
font-style: italic;
}

.meta-recensies-genre {
padding-left:33px;
line-height:3.0em;
font-weight: bold;
}


.rating {
position:relative;
max-width:150px;
padding-left:30px;
}
  
.rondehoek6  {
margin:30px;
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;
min-height:700px;}
  
div.horizontal-menu ul li, div.horizontal-menu ul li a:link, div.horizontal-menu ul li a:visited {
    font-size: 12px;
}  
  
.rondehoek  {
margin-left: 30px;
margin-right:30px;    
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;}
  
 #floatlogo {
    position: absolute;
    right: -20px;
    z-index: 600;
	width: 200px;
	top: 22px;
}

#pop-lezen {
    position: absolute;
    z-index: 700;
    width: 40%;
    right: 80px;
    top: 80px;
}

#logotekst {
    position: relative;
    width: 600px;
    padding-left: 30px;
    top: 100px;
    height: 0px;
}


#logotekst2 {
    position: relative;
    width: 600px;
    padding-left: 30px;
    top: 150px;
    height: 0px;
}

.ddsmoothmenuh #menu-reveil li {
    margin: 0 0px 0 8px;
}

.rondehoek-footer1 {
    width: 73%;
}

.rondehoek-footer2 {
    width: 23%;
}

#foottekst2 {
    position: relative;
    left: 0px;
    top: -12px;
    z-index: 600;
}
}


@media only screen and (min-width : 992px) {

.menu_mob_reveil {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

#pop-lezen {
  visibility: visible;
}

h5.logot {
font-size: 53px!important;}

h5, h5 a, h5 a:hover, h5 a:visited {
    font-family: Arial,sans-serif;
    font-size: 53px!important;
}


.ddsmoothmenuh ul li {
  margin: 0 10px 0 25px;!important}

#pop-lezen {
position:relative; 
left:515px;
top: 75px;
z-index:700;
max-height:75%;
max-width:75%;}  

.rondehoek6  {
margin-left: 30px;
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;
max-width: 500px;
min-height:700px;}

div#ajaxsearchpro2 {
background-color: rgba(255, 255, 255, 0.0);
padding-bottom:20px;}

.meta-recensies-auteur{
position:relative;
width:130px;
left:0px;
font-weight:bold;
padding-bottom:10px;
min-height:30px;}

.meta-recensies-waardering{
position:relative;
left:0px;
margin-bottom:20px;}

.meta-recensies-waardering-single{
position:relative;
}

.recensies-onder{
padding-left:30px;
}

.recensies-title-multi {
position:relative;
min-height:60px;
left:0px;
font-weight:bold;
padding-bottom:10px}

.image-recensie {
height:110px;
width:95px;
}

.meta-recensies {
line-height:3.0em;
font-weight: bold;
font-size: 1.0em;
font-style: italic;
}

.meta-recensies-genre {
padding-left:33px;
line-height:3.0em;
font-weight: bold;
}


.rating {
position:relative;
max-width:150px;
padding-left:30px;
}

.leeghead{
height:0px;
}

#ads{
position:relative; 
top: -30px;
}

.fotoalbum-but {
    padding-left: 0px;
    position: relative;
    margin-top: -10px;
    padding-bottom: 30px;
}

#foottekst2 {
position:relative; 
left: -30px;
top: -15px;
z-index:600;}


#logotekst {
position:relative;
width:600px;
padding-left:30px;
top: -105px;
height:0px;}

#logotekst2 {
position:relative;
width:600px;
padding-left:30px;
top: -55px;
height:0px;}

#floatlogo {
position:relative; 
left: 270px;
top: 0px;
z-index:600;
width: 200px;}

.foottekst{
text-align: center;}

a.vc_read_more{
color:red;
float: right;
}

.rondehoek1  {
margin-left: 30px;
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;
max-width: 500px;}

.rondehoek  {
margin-left: 30px;
margin-right: 0px;
background: #ffffff;
padding:15px;
border-radius: 10px;
-moz-border-radius: 10px;
max-width: 530px;}

.rondehoek-footer {
margin-left: auto;
margin-right: auto;
  padding:15px;
background: #c9c9c9;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
max-width: 880px;
min-height: 50px;
}
}