/* CSS Document */
/*
	Bootstrap 3 Template
	Author:				Angelo Rocha
	Author URL:			www.angelorocha.com.br
	Licence:			GPL v3
    
    Contacts
    Twitter:            https://twitter.com/_AngeloRocha
    Google Plus:        https://plus.google.com/+AngeloRocha/posts
    Linkedin:           http://br.linkedin.com/in/angelorocha
    Github:             https://github.com/angelorocha
*/

/*  DNA-fonts  */

@font-face {
    font-family: dna-nb_font;
    src: local(dna-nb_font), url('/fonts/dna-nb.eot') format('opentype');
}

@font-face {
    font-family: dna-nb_font;
    src:url('/fonts/dna-nb.eot?#iefix') format('embedded-opentype'),url('/fonts/dna-nb.woff') format('woff'),url('/fonts/dna-nb.ttf') format('truetype'),url('/fonts/dna-nb.svg#dna-nb') format('svg');
}

@font-face {
    font-family: dna-nb_font;
    src: local(dna-nb_font), url('/fonts/dna-nb.ttf') format('opentype');
}

/* Toegevoegd om de opsommingen te reguleren */
ul{
margin: 0px;
padding-left : 10px;
padding-right: 0px;
padding-top:  0px;
padding bottom: 0px;
list-style:none outside none;
}
li{background:none repeat scroll 0 0 transparent;
     list-style:none outside none;}

.maincontainer li {
padding-left :20px;
padding-right: 0px;
padding-top: 3px;
padding bottom: 5px;
background:url(images/bullet_list.png) no-repeat scroll 0 8px transparent;
}
/* einde opsommingen */

h3 {
        font-family:dna-nb_font;
        font-size: 24px;
        color: #004E90;
        letter-spacing:0.5px;
        font-weight: normal;
        margin-bottom: -5px;
}

h4 {
        font-family:dna-nb_font;
        font-size: 24px;
        color: #004E90;
        letter-spacing:0.5px;
        font-weight: normal;
        margin-bottom: 5px;
}

h4 a {
        font-family:dna-nb_font;
        font-size: 24px;
        color: #004E90;
        letter-spacing:0.5px;
        font-weight: normal;
        margin-bottom: 5px;
}

.navbar-wrapper {
        font-family:dna-nb_font;
        font-size: 22px;
        color: #004E90;
        letter-spacing:1px;
        font-weight: normal;
        margin-bottom: 5px;
}

.navbar-wrapper .dropdown-menu {
        font-size: 18px;
}

/*  Einde DNA-fonts  */


/* For Mobile IE */
@-webkit-viewport   {width: device-width;}
@-moz-viewport      {width: device-width;}
@-ms-viewport       {width: device-width;}
@-o-viewport        {width: device-width;}
@viewport           {width: device-width;}

div.container{max-width:985px;}

div.global-nav{margin-bottom:0;}

a.navbar-brand.xlogo{padding: 5px 20px 0 5px;}

div.slideshow{}
div.slideshow .carousel-caption{bottom:10%;}
div.slideshow .carousel-indicators{bottom:40px;}
div.slideshow .item{text-align:center;}
div.slideshow .item img{display:inline-block;}

.itemTitle { 
color: #004E90;
font-size: 1.4em;
line-height: 1.4em;
margin: 20px 0px 0.4em;
}

#header {
  position: relative;
  max-height: 200px;
  max-width: 1050px;
  margin-bottom: 0px;
}

#sterren {
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 50;  
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
}

#sterren img {
  width: 100%;
  max-width:350px;
  max-height: auto;
  }

#stempel img {
  width: 100%;
  max-width:250px;
  max-height: auto;
  }

#stempel {
  position: absolute;
  top: -5px;
  left: 10px;
  z-index: 50;  
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
}


#wifi {
  position: absolute;
  top: 15px;
  right: 45px;
  z-index: 50;  
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
}

#wifi img {
  width: 100%;
  max-width:70px;
  max-height: auto;
  }


/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

#beleving img {
  width: 100%;
  max-width:320px;
  max-height: 360px;
/*  float: left; */
}

#ontdek img {
  width: 100%;
  max-width:240px;
  max-height: 161px;
/*  float: left; */
}

#titel img {
  width: 100%;
  max-width:480px;
  max-height: 106px;
/*  float: right;*/
}

#buttons img {
  width: 100%;
  max-width:480px;
  max-height: 106px;
/*  float: left; */
}

div.maincontainer{margin-top:20px; margin-bottom:20px;}

div.home-message{background: #FFF; padding-top:5px; border-left: 3px solid #9C6; margin-top:-60px; position:relative; z-index:5;}

/* Oud */
/* div.bottom-blocks{background: url(images/cover.jpg) 50% 50% no-repeat fixed; background-size:cover; margin-top: 20px; padding: 20px 0 20px 0;} */

#footer-nw {
	width: 100%;
/* hoogte was 190px */
	height: 150px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
    background-image:url(images/top-3_bg.png); background-repeat:repeat-x;
	border-bottom: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #004E90;
	 -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
   border-radius: 8px; /* Opera 10.5, IE 9 */
}

#footer-nw a {
	color: #004E90;
	line-height: 1.5; 
}
#footer-nw_1{
	width:30%;
	text-align:center;
	float : left;
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
/* was 170px */
	height:130px;
}
#footer-nw_2{
	width:40%;
	text-align:center;
	float : left;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	height:130px;
  border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
		line-height: 1.4; 	
}
#footer-nw_3{
	width:30%;
	float : left; 
	padding-top:15px;	
	padding-left:5px;
	padding-right:5px;
	background-color: transparent;
/*	height:45px; */
}

#footer-nw_3 img {
  width: 100%;
  max-width:230px;
  max-height: 113px;
  float: left;
}
	
.footer-nw{
	width:100%;
  font-size: 90%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	}

.footer-nw .footer-nw-text{
	clear: both;
	padding: 0 0 10px 5px;
	color: #ccc;
}

.footer-nw .footer-nw-text a {
text-decoration:underline;
	color: #ccc;
}

.footer-nw .footer-nw-text a:hover {text-decoration:underline;}

footer.footer{background:#111; color:#EAEAEA;}
footer.footer > h3{font-size:0.9em; margin:0; line-height:inherit; max-width:960px; margin:0 auto 0 auto; padding:10px 0 10px 0; text-align:center; position:relative;}
footer.footer > h3 > a.credits{position:absolute; top:3px; right:10px;}

/* Ronde hoeken voor de sliders */
.carousel img {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
/* Toevoeging marge aan de slider */
.carousel {margin-left:15px; margin-right:15px;}


/* XOOPS Blocks*/
/* Toevoeging */
div.xoops-side-blocks{background:#FCD08F; padding:15px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
div.xoops-side-blocks:hover{top:0px; box-shadow:0 10px 10px #222;}

div.xoops-side-blocks > aside{margin-bottom:20px;}
div.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6{font-size:0.9em;}
div.xoops-side-blocks > aside > h4.block-title{line-height:inherit; margin:0; font-size:24px; margin-bottom:15px;}

/* Oud */
/*
div.xoops-blocks{margin-bottom:20px;}
div.xoops-blocks > h4{line-height:inherit; margin:0;}
*/

div.xoops-blocks{background:/*#B6C6DF*/ #EBF0F7; padding:10px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
div.xoops-blocks:hover{top:0px; box-shadow:0 10px 10px #222;}

/* Contentgedeelte achtergrond, ruimte en afgeronde hoeken */
#xdirectory .col-sm-9, #xdirectory .col-md-6, #system .col-sm-9, #system .col-md-9, #wiwimod .col-sm-9, #wiwimod .col-md-6, #smartsection .col-sm-9, #smartsection .col-md-6, #extgallery .col-sm-9, #extgallery .col-md-6, .achtergrond, #piCal .col-sm-9, #piCal .col-md-6, #xforms .col-sm-9, #xforms .col-md-6 {background:#EBF0F7; max-width: 750px; padding:10px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}

/*#smartsection .col-sm-9, #smartsection .col-md-6, #system .col-sm-12, #extgallery .col-sm-9, #extgallery .col-md-6, .achtergrond, #piCal .col-sm-9, #piCal .col-md-6, #xforms .col-sm-9, #xforms .col-md-6 {background:#EBF0F7; max-width: 750px; padding:10px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}*/


#content .col-sm-12, #content .col-md-9 {background:#EBF0F7; padding:10px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}


/* Correctie om de kantlijn links gelijk te trekken in bepaalde modules. Hoeft waarschijnlijk niet in NOO omdat er altijd een linkerkolom staat */
/*#wiwimod .col-sm-6, #wiwimod .col-sm-6, #smartsection .col-sm-9, #extgallery .col-sm-9, #piCal .col-sm-9, #xforms .col-sm-9, #content .col-sm-12 {margin-left: 15px;}*/


/* #smartsection .col-sm-9.col-md-9 */

/* Oud */
/*
div.xoops-bottom-blocks{background:#FFF; padding:10px; text-align:justify; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
div.xoops-bottom-blocks:hover{top:-10px; box-shadow:0 10px 10px #222;}
*/

div.xoops-bottom-blocks{background:#EBF0F7; padding:10px; text-align:left; margin-bottom:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms; top:0;}
div.xoops-bottom-blocks:hover{top:0px; box-shadow:0 10px 10px #222;}



/* ---------------------------------------------- XOOPS Modules ----------------------------------------------*/
/* ----- News module --- */
section.news-item{margin-bottom:20px;}
div.news-header{position:relative;}
div.news-header img{position:relative; min-width:100%; max-width:100%;}
div.news-header > h2.news-title{background:url(images/alpha.png); position:absolute; bottom:10%; left:0; padding:10px; margin:0; color:#FFF; font-size:1.8em; z-index:5;}
div.news-header > h2.news-title > a{color:#CF9;}
div.news-header > h2.news-title > a:after{content:":"}
h2.news-no-image{font-size:1.5em; margin:0; line-height:inherit;}
strong.hit-counter{background:#333; color:#FFF; border-radius:5px 5px 0 0; padding:0 10px 0 10px; font-size:0.8em; line-height:20px;}
div.xoops-news-navigation{padding:10px 0 10px 0;}
div.xoops-news-navigation a{background:#222; padding:5px 10px 5px 10px; color:#EEE; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; letter-spacing:0.5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}
div.xoops-news-navigation a:hover{background:#EEE; box-shadow:0 0 5px #222; color:#333;}
div.xoops-news-icons{padding:10px;}
div.xoops-news-icons a{font-size:1.5em; margin:0 10px 0 10px;}

/* ----- Tag module --- */
div.xoops-tag-bar{}
div.xoops-tag-bar > ul{}
div.xoops-tag-bar > ul > li.tag-title{font-weight:bold; margin:0 10px 0 0;}
div.xoops-tag-bar > ul > li{display:inline-table; line-height:25px; margin-right:10px;}
div.xoops-tag-bar > ul > li > span{}

/* ----- System Module --- */
div.loginform input[type=submit]{margin-bottom:5px;}

div.usermenu li span{margin-right:10px;}
div.usermenu li a.info span{color:#F00;}
div.usermenu li a.info span.badge{background:#F00; color:#FFF;}

div.xoops-theme-select{text-align:center;}
div.xoops-theme-select form select{border:1px solid #D6D6D6; width:100%;}

div.newusers > .row.user{margin-bottom:10px; border-bottom:1px solid #D6D6D6; padding-top:5px;}
div.newusers > .row.user > [class*="col-"]{padding:0; text-align:center;}
div.newusers > .row.user:nth-child(odd){background:#EEE;}
/* ----- System Comments	 --- */
div.xoops-comment-body{margin-top:20px;}
div.xoops-comment-template{margin-bottom:20px;}
div.xoops-comment-author img{display:inline-block;}
div.xoops-comment-author ul.poster-info{text-align:left;}
div.xoops-comment-author li.poster-rank{margin-bottom:10px;}
div.xoops-comment-author strong.poster-rank{font-size:0.8em ;}
div.xoops-comment-author img.image-avatar{width:100%; border:1px solid #CCC;}
div.xoops-comment-author.col-md-2{padding-right:0}

div.xoops-comment-text > div{display: none;}
div.xoops-comment-text p.message-text{background:#EAEAEA; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
div.xoops-comment-text p.message-text:after{content:""; display:block; position:absolute; width:20px; height:20px; top:0; left:-10px; background:url(images/comment-arrow.png) 50% 50% no-repeat; background-size:contain;}

div.xoops-comment-form{}
div.xoops-comment-form input[type=text], div.xoops-comment-form textarea{background:#EEE; padding:5px; min-width:100%; border:1px solid #DDD; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus{background:#FFF;}
div.xoops-comment-form textarea{max-height:150px;}
div.xoops-comment-form input[type=submit]{background:#5BC0DE; border:1px solid #09C; padding:5px; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right;}
div.xoops-comment-form span{font-weight: bold; color:#999;}
div.xoops-comment-form span.caption-marker{color:#F00; padding-left:10px; font-size:1.5em;}

div.modal-dialog.comments-modal{width:55%;}

div.comments-nav{padding:10px;}

/* ----- System Site Closed--- */
.site-closed-body{background:url(images/background-site-closed.jpg) top center no-repeat fixed;}
div.xoops-site-closed{margin-top:10%;}
div.site-closed-logo{margin-bottom:5%;}
div.xoops-site-closed-container{background:#FFF; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 10px #333, 0 0 10px #333;}
div.xoops-site-closed-container input{margin-bottom:10px;}
div.input-container{position:relative;}
div.input-container input:focus ~ span{left:-50px;}
div.input-container > span{background:#111; color:#000; text-shadow:1px 1px 0 #333; position:absolute; top:-3px; left:-10px; padding:10px; z-index:-1; font-size:1.5em; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}

/* ----- Profile Module --- */
ul.profile-values{margin-top:10px;}
ul.profile-values > li{margin-bottom:5px;}
ul.profile-values > li.profile-category-title{font-size:1.2em; font-weight:600; border-bottom:1px dashed #999; margin-bottom:0; color:#09C;}

/* ----- Contact Module --- */
div.contact-module{font-weight:bold;}
div.contact-module input,
div.contact-module textarea{background:#EEE; border:1px solid #EAEAEA; padding:10px; display:block; min-width:100%; max-width:100%; max-height:250px; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.contact-module input[type=text]:focus,
div.contact-module textarea:focus{background:#FFF;}
div.contact-module input[type=submit]{background:#5BC0DE; color:#FFF; font-weight:bold;}

/* ----- PM Module --- */
div.xoops-message-header{min-height:40px;}
div.xoops-message-list div.col-xs-1,
div.xoops-message-list div.col-md-1{max-width:14px; text-align:center;}
div.xoops-message-list div.col-xs-1 .btn,
div.xoops-message-list div.col-md-1 .btn{padding:3px; display:inline-block; font-size:0.9em;}
div.xoops-message-loop{margin-bottom:10px;}
div.current-tab{margin-bottom:20px;}
div.message-current-tab div.alert{padding:10px 30px 10px 10px;}

/* ----- eXtgallery Module --- */
div.xoops-gallery-thumb{height:130px; position:relative; overflow:hidden; margin-bottom:20px;}
div.xoops-gallery-thumb img{position:absolute; width:100%; height:100%;}
a.extgallery-album-name{background:#000; width:100%; padding:5px 0 5px 0; text-align:center; position:absolute; bottom:-100px; color:#FFF; opacity:0.8; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}
div.xoops-gallery-thumb:hover a.extgallery-album-name{bottom:0;}
strong.number-photos{background:#000; opacity:0.8; color:#FFF; font-size:0.8em; position:absolute; top:0; right:0; padding: 0 10px 0 10px;}

div.extGalleryAlbum{}
div.extGalleryAlbum > .col-md-12{padding:0;}
h3.gallerytitle{font-size:1.3em;}
div.orderbyicons{font-size: 1.2em; font-weight:bold; color:#999;}
div.orderbyicons ul li{display:inline-block; margin:0 10px 0 10px; line-height:30px;}
div.orderbyicons a{color:#333; font-size:1.2em;}

div.album-thumb{max-height:140px; margin-bottom:20px; overflow:hidden; position:relative;}
ul.adminlinks{background:url(images/alpha.png); color:#EAEAEA; font-size:0.9em; position:absolute; top:0; right:-300px; height:100%; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms transition: all linear 300ms;}
div.album-thumb:hover > ul.adminlinks{right:0; text-align:center;}
ul.adminlinks > li{padding:2px 5px 2px 5px; position:relative;}
ul.adminlinks > li > a{color: #FFF;}

div.photoRating{position:absolute; bottom:0; padding:3px; background:#FFF; opacity:0.8; border-radius:0 5px 0 0;}

div.photo-nav-controls{}
div.photo-nav-controls ul{background:url(images/alpha.png); position:relative; right:5px; color:#FFF; font-weight:bold; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; margin:0; overflow:hidden;}
div.photo-nav-controls ul li{display:inline-table;}
div.photo-nav-controls ul li.nav-btn{background:url(images/alpha.png); width:30px; font-size:1.5em;}
div.photo-nav-controls ul li a{color:#000; text-shadow:1px 1px 0 #333;}
div.photo-nav-controls ul li.small{font-size:0.9em; margin:0 5px 0 5px;}
div.gallery-single-photo{}
div.gallery-single-photo img.img-thumbnail{position: relative; width:100%;}
a.gallery-info-collapse{color:#333; font-size:1.8em; display:block; text-align:center; margin-top:20px;}

ul.photo-info li{margin-bottom:10px; border-bottom:1px dotted #999;}
ul.photo-info li:last-child{border-bottom:none;}

ul.form-send-e-card li{max-width:100%; overflow:hidden; margin-bottom:10px;}
ul.form-send-e-card input[type=submit]{background:#09C; min-width:20%; color:#FFF;}
ul.form-send-e-card input, ul.form-send-e-card textarea{min-width:50%; max-width:50%; border:1px solid #E6E6E6; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul.form-send-e-card input:focus, ul.form-send-e-card textarea:focus{background:#EEE;}

/* bla, bla, bla */
.aligncenter{text-align:center; margin-left:auto; margin-right:auto;}
.alignleft{text-align:left; float:left;}
.alignright{text-align:right; float:right;}