.fluido {
	width:100%;
}


#djslider87 {
	float:right;
}

#menu active {
	font-weight: bold;
}

a#active_menu:hover {
	color: #fff;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #ccc;
	text-decoration: none; /*text-decoration: underline;*/
}

a.category:link, a.category:visited {
	color: #6C377D;
}

a.category:hover {
	color: #6C377D;
}

a.latestnews:link, a.latestnews:visited {
	border-bottom: 1px solid #CCCCCC;    
	font-size: 14px;
	color: #333333;
	display: block;
	line-height: 16px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	text-decoration: none;
	width: 180px;
}

a.latestnews:hover {
	background-color: #FAFAFA;
	color: #FE7316;
}
   

a.mainlevel:link, a.mainlevel:visited {
	border-bottom: 1px solid #CCCCCC;
	color: #ffffff;
	display: block;
	line-height: 16px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	width: 225px;        
	font-size: 18px !important; 
}

a.mainlevel:hover {
	color: #78CF67;    
	font-size: 18px; 
}

a.mainlevel-footer:link, a.mainlevel-footer:visited {
	color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	text-decoration: none;
}

a.mainlevel-footer:hover {
	color: #FDFCB6;
}     

#menu ul
{   
text-align: center;
padding-bottom: 5px;
padding-top: 1px;
padding-left: 0;
/* cancels gap caused by top padding in Opera 7.54 */
color: white;
width: 100%;
font-family: 'lato', sans-serif;
font-size: 25px;
line-height: 25px; 
/* fixes Firefox 0.9.3 */  

}

#menu ul li
{     
display: inline; 
padding-left: 0;
padding-right: 0;
padding-top: 40px; 
padding-bottom: 25px; 
/* matches link padding except for left and right */   

}

#menu ul li a
{     
padding-left: 20px;
padding-right: 30px;
padding-top:20px;
padding-bottom:10px;
margin-right: 7px;
color: #000;
text-decoration: none;  
top:10px !important;
letter-spacing:5px;
}


.pop
{     
	color:#fe6847 !important;
font-weight:bold;
}

#djslider-loader87 {
	margin-left:10px !important;
}

#menu ul li a:hover {
color: #493829;
background:none;
}    



#topright ul
{
text-align: left;
padding-bottom: 5px;
padding-top: 2px;
padding-left: 0;
margin-top: 13px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #A39780;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 12px; 
text-transform:uppercase; 
/* fixes Firefox 0.9.3 */
padding-right: 25px !important;
}

#topright ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#topright ul li a
{     
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
margin-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: #A39780;
text-decoration: none;   
}

#topright ul li a:hover
{
color: #ccc;
}                   



#footer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 15px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 12px; 
text-transform:uppercase; 
/* fixes Firefox 0.9.3 */
}

#footer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#footer ul li a
{     
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
margin-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: #000;
text-decoration: none;   
}

#footer ul li a:hover
{
color: #7C7C7C;
}                   

#footerseo ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: 20px; 
text-transform:none; 
font-weight: bold;
/* fixes Firefox 0.9.3 */ 
width: 100%;
}

#footerseo ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#footerseo ul li a
{     
     background-image: url(../images/out.jpg);
	background-position: left;
	background-repeat: repeat-x;
padding-left: 5px;
padding-right: 5px;
margin-right: 8px;
margin-left: 8px;
padding-bottom: 5px;
padding-top: 5px;
color: #A8A8A8;
text-decoration: none;        
text-align: center;  
}

#footerseo ul li a:hover
{
     background-image: url(../images/in.jpg);
	background-position: left;
	background-repeat: repeat-x;
color: #000;
}



a.mainlevel-top {
margin-left: 40px;  
text-transform:uppercase; 
font-family: 'Open Sans', sans-serif;
height: 40px;
line-height: 40px;
}

a.mainlevel-top#active_menu-top {
	color: #FDFCB6;    
	float: left;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	text-decoration: none;
}

a.mainlevel-top:link, a.mainlevel-top:visited {
	color: #fff;   
	float: left;
	font-weight: normal;
	font-size: 23px;
	margin-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	text-decoration: none;
}

a.mainlevel-top:hover {  
	color: #FDFCB6;      
}

a.mostread:link, a.mostread:visited {
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	display: block;
	line-height: 16px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	text-decoration: none;
	width: 180px;
}

a.mostread:hover {
	background-color: #FAFAFA;
	color: #FE7316;
}

a.readon:link, a.readon:visited {
	background-image: url(../images/read.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FD7801;
	float: left;
	padding-left: 20px;
}

a.readon:hover {
	color: #000000;
	text-decoration: none;
}

a.sublevel:link, a.sublevel:visited {
	background-image: url(../images/arrow.png);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	display: block;
	line-height: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	text-decoration: none;
	text-indent: 25px;
	width: 180px;
}

a.sublevel:hover {
	color: #C0C0C0;
	text-decoration: none;
}

body {    
	background-color:#fff!important;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;

}

p {
	font-family: 'Open Sans', sans-serif;
	color:#757575 !important;
}

h1 {
		color: #241F1F;
	font-family: 'Open Sans', sans-serif !important;
		font-size: 32px;
		line-height:32px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 18px;
		margin-top: 3px;
}    

address {  
	font-size: 9px;      
	font-style: italic;    
	line-height: 9px;   
	text-align: left;  
}

h2 {
		color: #493829 !important;
			font-family: 'Satisfy', cursive !important;
		font-size: 26px;
		line-height:26px;
		text-align: left;
		margin-bottom: 18px;
		margin-top: 5px !important;
}

h3 {
	color: #000 !important; 
font-family: 'Lato', sans-serif !important;
	font-size: 28px;
	line-height:26px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 18px;
	margin-top: 3px;
}

h4 {
	color: #000 !important;
font-family: 'Lato', sans-serif !important;
	font-size: 32px !important;
	margin:0px;
	line-height:34px !important;
	margin-bottom:15px !important;
}


h5 {
	color: #493829 !important;
font-family: 'Open Sans', sans-serif !important;
	font-size: 22px !important;
	line-height: 24px;
	letter-spacing:1px;
	font-style: bold;
	margin-bottom: 12px;
	margin-top: 5px;
}


h6 {
	color: #477DB2;
font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

img {
	border: 0px;
}

input.inputbox{        
   background-color: transparent;
	border: 1px solid #ccc;    
	font-size: 12px;      
	color: #ccc;   
	padding: 10px;
}

input.inputbox#mod_login_password{
	background-color: #D7D7D9;    
    color: #ffffff;   
	border: 1px solid #ffffff;
	width: 180px;           
	font-size: 22px;    
}

input.inputbox#mod_login_username{
	background-color: #D7D7D9;         
    color: #ffffff;   
	border: 1px solid #ffffff;
	width: 180px;     
	font-size: 22px;    
}

input.inputbox-search#mod_search_searchword{
	background-color: #D7D7D9;           
    color: #ffffff;   
	border: 1px solid #ffffff;
	width: 180px;
}

li {
	list-style: square;
}
   
p {
  	color: #333333;
	font-size: 16px ;
	line-height: 140%;
	margin-bottom: -10px;  
}

td,tr,div {

	line-height: 140%;
}

textarea.inputbox{
	background-color: transparent;
	border: 1px solid #ccc;    
	font-size: 12px;      
	color: #ccc;   
	padding: 10px;
	
}

ul {

}                      

ul.circle {
	list-style-type:circle
	}

.button {
	background-color: #fff;
	border: 1px solid #CBCBCB;
	color: #000000;
}

.item-105 {
	background: none !important;
}

.button:hover {
	color: #FF8C00;
}

/** category text format and links **/
.category {
	color: #000000;
}

.componentheading {
	color: #000000;
font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 100%;
}

.contentdescription {
}

.contentheading {
	color: #08515A !important; 
font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 100%; 
	padding: 5px;
}

/* Content - Sections & Categories */
.contentpane {
}

.contentpaneopen {
}

.copyright {
	color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.createdate {
}

.details {
	background-image: url(../images/read.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FE7316;
	padding-left: 20px;
}

.modifydate {
	color: #808080;
	font-size: 11px;
}

.moduletable {
	text-align: left;
}

.moduletable h3 {
}

.moduletable li{
	list-style: none;
}

.moduletable td {
}

.moduletable-intro1 {
	background-image: url(../images/intro1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 40px;
	text-align: left;
}

.moduletable-intro2 {
	background-image: url(../images/intro2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 40px;
	text-align: left;
}

.moduletable-search {
	float: right;
	padding-right: 20px;
	position: relative;
	top: 25px;
}

.quote {
	color: #666666;
	font: oblique 150% georgia, times, serif;
	line-height: 130%;
	margin: 0 auto;
	width: 100%;
}

.quote2 {
	color: #441308;
	font: oblique 150% georgia, times, serif;
	line-height: 130%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}

.sectiontableentry1 {
}

.sectiontableentry2 {
}

.sectiontableheader {
}

.small {
	color: #666666;
	font-size: 12px;
}

.smalldark {
	color: #FD5501;
	font-size: 12px;
}



#top {
	background-color:#6B9CA0;
	height: 40px;
	margin: 0 auto; 
	padding: 0px;   
	width: 100%;     
	position: relative; 
}

#topwrap {
	height: 40px;
	margin: 0 auto; 
	padding: 0px;   
	width: 960px;     
	position: relative; 
}

#topleft {
	
	height: 40px;
	margin: 0 auto; 
	padding: 0px;   
	width: 400px;     
	position: relative; 
	text-align: left; 
	float:left;
}

#topleft p {
margin-top:9px;
color: #fff !important;
}


#topright {
	background-image: url("../images/topright.png");
	    background-position: right top;
	    background-repeat: no-repeat;

	height: 40px;
	margin: 0 auto; 
	padding: 0px;   
	width: 535px;     
	position: relative; 
	text-align: right; 
	float:right;
}



.logo {
	margin-top:15px !important;
}

#logo {    
	height: 80px;
	margin: 0 auto;
	width: 350px;
	float:left;
	margin-top:24px;
}

.call {    
margin-top:10px;

}

.call h3 {    
font-size: 40px !important;
color: #FE6847 !important;
font-weight:bold;
text-align: right;
margin:2px;
}

.call h4 {    
font-size: 18px !important;
color: #493829 !important;
font-weight:bold;
text-align: right;
margin:0px;
margin-bottom:2px !important;
}

#menu {    	
	height: auto;
	margin: 0 auto; 
	padding: 0px;   
	width: 100%;     
	position: relative; 
	z-index: 100;
	text-align:center;
	margin-top:15px;
	float:left;
	z-index:110;
    border-top: 2px #ccc solid;
    
	
}

.menuwrap {
		background: url(../images/menubg.png) repeat-x center;
		height:100px;
		width: 100%;
		margin-top:-8px;
		position:relative;
		float:left;
		z-index:100;
	
}


.bodywrap {
	background-color:#F9F3E5;
}


@media (min-width:992px) {
#body {     
	position: relative;
	margin: 0 auto;
	width: 960px;    
	height:100%;
}
}

@media (max-width:500px) {
	
	#body {    
		background-image:none; 
		position: relative;
		width: 100%;    
		height:100%;
	}
	
	
}


#header {
	background: url(../images/bg.jpg) no-repeat top center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100%;
	margin: 0 auto; 
	padding: 0px;   
	width: 100%;     
	position: relative; 
	background-color:#fff;
}



@media (max-width:500px) {
.banner h1 {
	font-size:30px !important;
	text-align:right !important;

	
}
}


.contentmain {
	padding-left:35px;
}


@media (max-width:900px) {
	.contentmain {
padding-left:0px;
	}
}



.banner {
		float:left;
		padding:25px !important;
			margin-top:-15px !important;
			position:relative;
			z-index:1;
}

.banner h1 {
	color:#fff;
	font-size:56px;
	font-weight:bold;
}


	#bannerwrap {        
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
		height:100%;
	}	


.promo {
	position:relative;
	background-image:linear-gradient(#6E9FA2, #588284);
	height:100px;
	padding-top:8px;
	padding-left:15px !important;
}

.promo h2{
	font-size: 31px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px !important;
	color: #FFF !important;
	font-family: 'lato' !important;
}

.promo h3{
	font-size: 22px;
	line-height: 25px;
	margin: 0px !important;
	color: #FFFDA0 !important;
		font-family: 'Satisfy', cursive !important;
}

.promo1 {
	background-image:linear-gradient(#EEEE88, #DBDB72);
	height:100px;
}

.promo1 h2{
	font-size: 30px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px !important;
	color: #FFF !important;
	font-family: 'lato' !important;
}

.promo1 h3{
	text-align:center;
	margin-top:25px !important;
	font-size: 28px;
	line-height: 25px;
	color: #5F8B8D !important;
		font-family: 'Satisfy', cursive !important;
}

.promo1 p{
	text-align:center;
	font-size: 14px;
	color: #000 !important;
	font-weight: bold;
}

.insert {    
	margin: 0 auto;
	width: 100%;
	padding:0px !important;
}

#insert p {
	color:#fff !important;
	}  

#insertcontainer {    
	height: 290px;
	margin: 0 auto;
	width: 290px;
	padding:10px;
}

.banner {    
	margin: 0 auto;
	width:100%;
}


#bannerwide {    
	height: 100%;
	margin: 0 auto;
	width: 960px;
}
 

.midwrap {      
 	background: url(../images/midsection.jpg) no-repeat left center;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	width: auto;
	height:auto;
	padding:45px !important;
}

.slide-desc {
	margin-left:35px !important;
}

@media (max-width:875px) {

	.midwrap {      
	 	background: url(../images/midsection.jpg) no-repeat center center;
		-webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		margin: 0 auto;
		overflow: hidden;
		width: auto;
		height:auto;
		padding:15px;
	}
	
}
 
.featured h2 {
	text-align:center;
	font-size:45px !important;
	color:#000 !important;
}

.midleft {    
	height: auto;
	margin: 0 auto;
	width: auto;
	padding:10px;
}

.midleft h1 {  
color:#fff !important;	
font-size:100px !important;
text-align:center;
}

.midleft h2 {   
	color: #fff !important;
	font-size: 22px !important; 
	height: auto;
	margin: 0 auto;
	width: 100%;
	float:left;
	text-align: left;
	line-height: 24px;
	font-family: 'Lato', sans-serif !important;
}

.midleft p {   
	color: #fff !important;
	font-size: 15px !important; 
	height: auto;
	margin: 0 auto;
	width: 100%;
	float:left;
	margin-top:10px;
	text-align: left;
	line-height: 17px;
	font-family: 'Lato', sans-serif !important;
}

.midright {    
	height: auto;
	margin: 0 auto;
	width: auto;
	padding:10px;
}

.midright h1 {  
color:#fff !important;	
font-size:100px !important;
text-align:center;
}

.midright h2 {   
	color: #000!important;
	font-size: 42px !important; 
	height: auto;
	margin: 0 auto;
	width: 100%;
	float:left;
	text-align: left;
	line-height: 35px;
	font-family: 'Satisfy', cursive !important;
	margin-bottom:10px;
	margin-top:10px !important;
}

.midright p {   
	color: #000 !important;
	font-size: 18px !important; 
	height: auto;
	margin: 0 auto;
	width: 100%;
	float:left;
	margin-top:10px;
	text-align: left;
	line-height: 23px;
	font-family: 'Lato', sans-serif !important;
	line-spacing:1px;
}


@media screen and (min-width: 970px) {
#userwrap {    
	height: auto;
	margin: 0 auto;
	width: 960px !important;
	text-align:left;
	position:relative;
	overflow: hidden;
	margin-top:10px;
}
}

@media screen and (max-width: 960px) {
	
#userwrap { 
	width: 100% !important;
	margin-top:10px;
}
}

.flex {
	display:flex; 
	flex-flow: row wrap;
}

.flexitem {
	flex-grow:1; 
	align-self:stretch;
}


.user1wrap {    
		background: url(../images/seg1.jpg) no-repeat center left;
	height: auto;
	margin: 0 auto;
	width: auto;
	text-align:left;
	position:relative;
		height:200px !important;
}

.user1wrap:hover { 
	background:none;
background-color:#493829;
}

.user2wrap:hover { 
	background:none;
background-color:#493829;
}

.user3wrap:hover { 
	background:none;
background-color:#493829;
}

.user31wrap:hover { 
	background:none;
background-color:#44AFE4;
}


.user1 {    
	position:relative;
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.user1 h3 {
	text-align:center !important;
	color: #fff !important;
	position:relative;
	margin-top:75px;
	font-size:35px !important;
	font-family: 'Satisfy', cursive !important;
	}    
	
	.user1 a {
		color: #fff !important;
		}
	
	
	.user2wrap {    
			background: url(../images/seg2.jpg) no-repeat bottom left;
		height: auto;
		margin: 0 auto;
		width: auto;
		text-align:left;
		position:relative;
			height:200px !important;
	}


	.user2 {    
		position:relative;
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	
	.user2 a {
		color: #fff !important;
		}

	.user2 h3 {
		text-align:center !important;
		color: #fff !important;
		position:relative;
		margin-top:75px;
		font-size:35px !important;
		font-family: 'Satisfy', cursive !important;
	    
		}
	
	
	
		.user3wrap {    
				background-color:#fe6847;
			height: auto;
			margin: 0 auto;
			width: auto;
			text-align:left;
			position:relative;
				height:200px !important;
		}


		.user3 {    
			position:relative;
			padding-top:10px !important;
			padding-bottom:10px !important;
		}
		
		.user3 a {
			color: #fff !important;
			}

		.user3 h3 {
			text-align:center !important;
			color: #fff !important;
			position:relative;
			margin-top:75px;
			font-size:35px !important;
			font-family: 'Satisfy', cursive !important;
		    
			}
			
			.user31wrap {    
					background: url(../images/athleticbg.jpg) no-repeat center center;
				height: auto;
				margin: 0 auto;
				width: auto;
				text-align:left;
				position:relative;
					height:200px !important;
			}


			.user31 {    
				position:relative;
				padding-top:10px !important;
				padding-bottom:10px !important;
			}

			.user31 h3 {
				text-align:center !important;
				color: #fff !important;
				position:relative;
				margin-top:64px;
				font-size:35px !important;
				}


.slide-desc-text {
	width:90% !important;
	padding:20px;
}

.slide-title {
		font-family: 'Satisfy', cursive !important;
		font-size:38px !important;
}

#mainbody {     
	position: relative;
	margin: 0 auto;
	width: 570px;
	padding:10px;
	margin-right:20px;
}

#mainbodyfull {     
	position: relative;
	margin: 0 auto;
	width: 940px;
	padding:10px;
}

.megabody {
	position: relative;
	margin: 0 auto;
	z-index:100;
}


#bottom { 
	position: relative;         
	margin: 0 auto;
	width:980px;
	height:30px;
}

#leftbg{ 
	background-image: url(../images/docimage.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;         
	margin: 0 auto;
	width:960px;
	height:100%;
}







#footer {     
	position: relative;
	height: 100px;
	margin: 0 auto;        
	width: 100%; 
	margin-top:20px;
	}     














#footer td, #footer div {
	color: #FFFFFF;
	text-align: center;
}









   












     








 



#mainbody li{
	list-style: square;
	list-style-position: outside;
}















form input[type=submit] {
   
}

#wrapper {
	background-color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	width: 935px;
}               


@media (min-width:992px) {       
	.rightmenu {
		background-color:#DEDEDE;
		margin-top: 35px;
		margin-left: 20px;
		padding:1px;
		margin-bottom: 15px;
		padding-bottom: 15px;

}
}


@media (max-width:500px) {
	.rightmenu {
		margin-top: 25px;
		padding:15px;
	}
	
}





.rightmenu h3 {
	color:#676767 !important;
}

div.moduletable_klikmenu { 
margin-top: 25px;
margin-left: 15px;
}

/* --------------------------------------------
   Reset list items
-------------------------------------------- */
div.moduletable_klikmenu ul,
div.moduletable_klikmenu ul li,
div.moduletable_klikmenu ul li ul,
div.moduletable_klikmenu ul li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
/* List item stijlen */
div.moduletable_klikmenu ul li {
    width: 98%;  
margin-top: 5px;    
}

/* ---------------------------------------------------------
   Styling the link items with background images
--------------------------------------------------------- */
/* Hoofd linkitems normal */
div.moduletable_klikmenu ul li a {
    display: block;
    text-align: left;
    color: #000;
    font-size: 16px;
    line-height: 4px;
    text-decoration: none;
    background-image: url(../images/vertikaal_klik.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 15px 10px 15px 10px;
    width: 100%; /* IE6 fix */
    height: 22px; /* IE6 fix */
    border-bottom: thin dotted #034D86;
margin-bottom:10px;
}
 
/* Main link items hover and active */
div.moduletable_klikmenu ul li a:hover,
div.moduletable_klikmenu ul li.active a {
    display: block;
    text-align: left;
    color: #5E8A8C; 
    text-decoration: none;
    cursor: pointer;
    width: 100%; /* IE6 fix */
    height: 13px; /* IE6 fix */
margin-left:10px;
}
 
/* Sub link items normal */
div.moduletable_klikmenu ul li ul li a,
div.moduletable_klikmenu ul li.active ul li a {
    display: block;
    text-align: left;
    color: #034D86;
    text-decoration: none;
    background-image: url(../images/vertikaal_klik.png);
    background-position: 0 -80px;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 3px 10px 3px 10px;
    width: 100%; /* IE6 fix */
    height: 13px; /* IE6 fix */
}
 

#footer .menu li{ display:inline; padding-right:20px}
#footer .menu{margin:0 !important}

.ctitle {
	padding:25px;
}

.moduleItemIntrotext {
	width: 90px !important;
}

#portfolioimgreal{
	width:auto;
	float:left;
	margin:10px;
}

#customlink{
	width:auto;
	float:left;
	margin-top:30px;
	position:relative;
}

#blogtease{
	width:auto;
	float:left;
	position:relative;
	margin-right: 15px;
}

 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 90000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #FFF;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}