html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, df, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html,body{
   height:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {  
        overflow-x: hidden;
        width: 95%;
	line-height: 1;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        background-color: white;
        font: 12px/18px Arial, sans-serif;
}
.footer {
    background-color: white;
    background-size:100%;
    min-height:5%;
    width:100%;
    float:left;
    color: green;
    font-weight: bold;
    font-size:14px;
    text-align: center;
    font-family: calibri;
    position:relative; 
    z-index: -10;
}
 
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
.wrapper {
	max-width: 100%;
        max-height: 90%;
	margin: 0 auto;
/*        BORDER WEGHALEN, DAN KOMT ER OPEENS WEER EEN SCROLLBAR.. oplossing: transparent  */
        border: 1.5px solid transparent;
        margin-top: 0px;

}
/*BOVENSTAANDE WRAPPER GAAT OVER DE POSITIE VAN HET BLOK WAAR HET LOGO VAN POSTMA IN STAAT. */


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 100px;
	background: white;
        margin-top: 5px;        
}
.logo{
    float:left;
    width: 369px;
    height: 94px;
    margin-top: 3px;
    }
.logo2{
    float: right;
    width: 100px;
    height: 94px;
    right: 10px;
    margin-top: 3px;
    }

.logo3 {
    height: 80%;
    text-align: center;
    width: 10%;
    margin-left: 2%;
    margin-top: 0.8%;
    margin-left: 10%;
    }
    
.menubar {
        background-color: #444;
        width:100%;
        z-index:99;
        height: 50px;   
    }


/* de code voor de navigatie balk in  gallerij.php*/
     
#v_nav_bar ul{
    position: absolute;
    width:20%;
}
    #v_nav_bar a { 
         padding:15px; 
         font-weight:bold; 
         display:block; 
          
         background-color: #444;
         font-family: calibri;
         font-size:18px;
         list-style: none;
         text-decoration: none;

     }
    #v_nav_bar a:link { 
        color:white; 
        background-color: #444; 
    }
    #v_nav_bar a:visited { 
        color:white; 
        background-color:#444; 
    }
    #v_nav_bar a:hover { 
        color:#BFF08E; 
        background-color:#444; 
    }
    #v_nav_bar a:active { 
        color:#BFF08E; 
        background-color:#444; 
    }

    #vertikaal {
        margin-top:50px;
    }
 
/* einde code css voor gallerij.php*/
/* code voor de gallerij*/
.p5 {height:1px;padding:2px 0;clear:both;}

.gallery {
position: relative;
overflow:hidden;
width:530px;
margin:15px auto;
margin-left:25%;
margin-top: 32px;
margin-bottom: 8%;
padding:50px;
background:#ededed;
}

.gallery a:link,
.gallery a:active,
.gallery a:visited {
color:#555;
outline:0;
text-decoration:none;
}

.gallery a:hover {color:red;} 

.gallery img {border:0;}
.gallery .float-left {float:left;}
.gallery .float-right {float:right;}
.gallery .clear {clear:both;}
.gallery .clearb10 {padding-bottom:10px;clear:both;}

.gallery .titlebar {
height:24px;
line-height:24px;
margin:0 5px;
}

.gallery .title {
font-size:18px;
font-weight:400;
}

.gallery .thumb-album {
overflow:hidden;
width:150px;
height:130px;
float:left;
margin:8px;
padding:5px;
background-color:#222;
color:#bbb;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb-album a {color:#bbb;}

.gallery .thumb-album:hover {
background-color:#fff;
color:#333;
}

.gallery .thumb-album a {color:#bbb;}
.gallery .thumb-album:hover a {color:#444;}

.gallery .thumb {
overflow:hidden;
float:left;
width:150px;
height:110px;
margin:8px;
background-color:#444;
border:5px solid #222;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb:hover {
border:5px solid #f6f6f6;
}

.gallery .thumb-wrapper {
width:100%;
height:110px;
overflow:hidden;
}

.gallery .thumb-wrapper img {height:auto;}

.shadow {
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

/***** pagination style *****/
.gallery .paginate-wrapper {
padding:10px 0;
font-size:11px;
}

.gallery a.paginate {
color:#555;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.current-paginate, 
.gallery a.paginate:hover {
color:#333;
font-weight:700;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.paginate-arrow {
text-decoration:none;
border:0;
}

/* einde code voor de gallerij */