@charset "UTF-8";
/* CSS Document */

html, body, div, iframe {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    height: 100%;
	-webkit-text-size-adjust: none;
}

body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

ul {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
ul {
	font-size: 100%;
	padding: 0;
	margin: 10px 0 0 25px;
}
a img { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/* HTML5 display-role reset for older browsers */
* { outline: none; }


/*///////////TEMPLATE/////////////*/
/*///////////TEMPLATE/////////////*/
/*///////////TEMPLATE/////////////*/

/* ------ ELEMENTS ------*/
p, ul { line-height:1.5em; }
.related { 	clear: both; float:none; }
.floatLeft { float: left; }
.floatRight { float: right;	}
.noBorder { border:none; }
.nowrap {	white-space: nowrap; }

#form { 
	border: #666 dotted 1px; 
	padding: 10px 20px 10px 20px; 
	margin: 10px 0 0 0;
}

.pager { 
	text-align: center; 
}
	.pager a { 
		font-size: 28px; 
		color: #CCC; 
		text-decoration: none; 
	}
	
	.pager a:hover { 
		color: #333;
		text-decoration: none; 
	}
	
	.pager a.activeSlide { 
		color: #333; 
		cursor: default; 
	}

.red { 
	color: #F00; 
}

input, textarea {
	padding: 5px 3px;
	border: #CCC solid 1px;
	font-size: 12px;
	background: #F7FAF9;
}
input:hover, input:focus, textarea:hover, textarea:focus {
	border: #999 solid 1px;
	background: #FFF;
}
/*------ CLASSES ------*/
.transparent {
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

/*------ Header ------*/
#header {
	position: relative;
}
#header .teaserKol1 {
	float:right;	
}
#header .pager {
	position: absolute;
	bottom: 15px;	
	left: 670px;
	z-index: 99;
	fo
	nt-size: 24px;
}
	#header .header_cycle {
		width: 100% !important;
	}
	#header .header_cycle div {
		background-size: auto 100% ;
		background-position: center center;
		width: 100% !important;
		height: 320px;
	}
	#header .pager a {		
		font-size: 36px;
		color: #999; 
		text-decoration: none; 
	}
	#header .pager a:hover { 
		color: #f73939; 
	}
	#header .pager a.activeSlide { 
		color: #f73939; 
		cursor: default; 
	}
#prev2, #next2{
	position: absolute;
	display: block;
	height: 70px;
	width: 45px;
	z-index: 99;
	margin: -35px 20px 0 20px;
	top: 50%;
	background: url(../img/prev-next.png) no-repeat;
}
#prev2 span, #next2 span{
	display: none;
}
#next2 {
	right: 0;
	background: url(../img/prev-next.png) no-repeat -45px 0;
}
/*------ CONTENT ------*/

.archief {
	padding: 0;
	margin: 0;
	list-style: none;
}
/*------ NAV ------*/
#nav ul {
    position: relative;
    padding:0;
    margin:0;
}
    #nav ul li {
        float: left;
        list-style: none;
        position: relative;
    }
        #nav ul li.backLava {
            background: url(../img/lava.png) no-repeat right -40px;
            width: 20px;
            height: 40px;
            z-index: 8;
            position: absolute;
        }
        #nav ul li.backLava .leftLava {
            background: url(../img/lava.png) no-repeat top left;
            height: 40px;
            margin-right: 20px; /* 7px is the width of the rounded shape */
        }

        #nav ul li.firstLi {
            position: relative;
            z-index:11;
        }

        #nav ul li a {
            line-height: 40px;
            position: relative;
            z-index: 21;
            display: block;
            margin: 0 15px;
			color: #999;
			text-transform: uppercase;
        }

        #nav ul li a:hover, #nav ul li a.active {
            border: none;
			text-decoration: none;
			color: #000;
			transition: all 0.6s ease 0s;
        }
            #nav ul li ul{
                padding: 0;
                position: absolute;
                top: 100%;
                left: 0%;
                padding: 0 0 0 0;
                z-index: 10000;
                display: none;
            }

                #nav ul li ul li{
                    height: auto;
                    width: 150px;
                    clear: both;
                    margin: 0;
                    padding: 0;
                }

                    #nav ul li ul li a{
                        width: 90%;
                        height: auto;
                        text-align: left;
                        display: block;
                        clear: both;
                		background: #0c3e71;
                        color: #FFF;
                        font-size: 11px;
                        padding: 5px 0 5px 10%;
                        margin: 0;
                    }

                    #nav ul li ul li a:hover{
                        background: #eee;
                        color: #0c3e71;
						transition: all 0.6s ease 0s;
                    }

                    #nav ul li a:hover #nav ul li ul {
                        display: block;
                    }

#subnav {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
}

    #subnav li {
        list-style: none;
        margin: 0;
    }

        #subnav li a {
            display: block;
            height: 20px;
            padding: 3px 10px;
            background: #F8F8F8;
            border-bottom: #625648 1px solid;
            font-style: normal;
        }

        #subnav li a:hover, #subnav li a.active {
            background: #FFF;
            color: #000;
        }

/*------ LOGIN ------*/
#logincontainer { 
	display: none; 
}

#innerlogin { 
	display: block; 
}

#login {
    width: 400px;
    padding: 30px;
    border: #666 dotted 1px;
    font-size: 12px;
}

#login input[type='text'], #login input[type='password'] { width: 100%; }

/*------ NIEUWS ------*/
#newsItem img {   
	margin: 10px 0;
}

#archief { 
	padding: 0;    
	margin: 0;    
	width: 100%; 
	font-size:11px;  
}

	#archief li { 
		width: 100%;   
		list-style:none; 
		padding: 10px 0 15px 0; 
		border-bottom: #CCC dotted 1px; 
		overflow:hidden; 
	}
	
		#archief li a { 
			margin: 0 25px 0 0; 
		}
		
			#archief li a img  { 
				width: 125px; 
				float:left; 
				margin: 0 15px 0 0; 
			}

#newsArchive {
	width: 100%;
    padding: 0;
    margin: 0;
}
	#newsArchive li h2, #newsItem h1 {
    	font-family: 'cafetaregular';
		color: #000000;
	}
	
	#newsArchive li {
		list-style: none;
		border-bottom: #CCC 1px solid;
		margin: 0;
		padding: 30px 0;
		overflow: hidden;
	}
	#newsArchive li .date {
		background: url(../img/bg_thk.gif) no-repeat bottom left #262626;
		float: left;
		display: block;
		width: 85px;
		padding: 8px 0 25px 0;
		margin: 0 10px 50px 0;
		text-align: center;
		color: #FFF;
		font-size: 10px;
		font-family: "Open Sans",arial,sans-serif;
		text-transform: uppercase;
	}
	#newsArchive img {
		width: 150px;
	}

#news {
    padding: 20px;
}

	#news img {
    	float: left;
	}

/*------ PRIJSLIJST ------*/
.verkocht { 
	background:#F30; 
	color:#FFF; 
	border:#000 solid 1px; 
	font-size: 10px; 
	padding: 1px 3px; 
}

.beschikbaar{ 
	background:#3C3; 
	color:#FFF; 
	border:#000 solid 1px; 
	font-size: 10px; 
	padding: 1px 3px; 
}

.optie { 
	background:#ff8000; 
	color:#000; 
	border:#000 solid 1px; 
	font-size: 10px; 
	padding: 1px 3px; 
}

.verhuurd { 
	background:#F30; 
	color:#000; 
	border:#000 solid 1px; 
	font-size: 10px; 
	padding: 1px 3px; 
}

.tehuur { 
	background:#3C3; 
	color:#000; 
	border:#000 solid 1px; 
	font-size: 10px; 
	padding: 1px 3px; 
}

/* ------ PHOTOGALLERY ------*/
.galleryDir {
    padding: 0;
    margin: 0;
}
	.galleryDir li {
		list-style:none;
		margin: 0 10px 10px 0;
		display:block;
		width: 45%;
		float: left;
		overflow:hidden;
	}
		.galleryDir li h2 {
		}
		.galleryDir li a {			
			position: relative;
			display: block;
			width: 150px;
			height: 110px;
			float: left;
			overflow: hidden;
			margin: 0 10px 0 0 ;
		}
		.galleryDir li a span { display: none;	}
		
			.galleryDir li .img {
    			display:block;
    			color: #0A2654;
    			font-weight:bold;
			    height: 100%;
			    float:left;
			    margin: 0 15px 0 0;
			}

#fotogallery { 
	margin:20px 0 0 0;
	padding:0;
}	
#fotogallery ul {
	padding: 0;
	margin:  0;
	width: 100%;
	list-style: none;
} 	
	
	#fotogallery .col1 {
    	background: #FFFFFF;
	    border:3px solid #4CABDC;
	    padding: 3px;
	    font-size:10px;
    	width:100px;
	    height:100px;
		margin:0 5px 5px 5px; 
		float:left; 
	}

	#fotogallery a {
    	background: #FFFFFF;
    	font-size:10px;
	    margin:0 4px 4px 0;
    	width:154px;
	    height:154px;
    	float:left;
	}


/*------ TEASER ------*/
#feature_list {
    margin: 0 0 20px 0;
}

/*------ SOCIAL MEDIA ------*/
#socialMedia {
	margin: 0 auto;
	text-align: center;
	vertical-align: central;
	padding: 0;
}

#footer .socialIcon {
    margin: -20px 20px 0 0;
	float: left;
	font-size: 78px;
    border: none;
	color: #02065b;
    font-family: 'socialicoregular';
}

.socialIcon:hover {
	color: #CCC;
    border: none;
	text-decoration: none;
	
	transition: all 0.6s ease 0s;
}

/*------ LANGUAGES ------*/
#languages a{
    text-decoration: none;
}

#languages a.activeLang {
    text-decoration: underline;
    color: #000;
}

/*------ GUESTBOOK ------*/
#guestbook {

}

.guestbookform {
    border: 1px solid #CCC;
    padding: 10px;
}

.postsarchive {
    margin: 20px 0 0 0;
}

.posts {
    width: 100%;
    margin: 0;
    padding: 0;
}

.posts li {
    width: 100%;
    margin: 0;
    padding: 6px 10px;
    list-style: none;
    border-bottom: 1px solid #CCC;
    background: #FFF;
}


/*------ PROJECTS ------*/
.projects {
}

.projectsArchive ul {
  padding:0px;
  list-style:none;
}

.readMore {
  text-decoration:none;
  background: #000;
  padding: 5px 10px;
  color: #FFF;
  font-size: 11px;
  float:right;
  font-weight: bold;
}
	.readMore:hover {
	  color: #FFF;
	  background: #1579bb;
	  text-decoration: none;
	  transition: all 0.6s ease 0s;
	}

/*------ PRIJSLIJST ------*/
.prijslijstTab tr td {
	padding:10px;
}
/*------ HOMEPAGE BANNER BLOK ------*/
.banner {
	width: 237px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	border-right: none;
}
	.banner {
		display: block;
		background: #CCC;
		width: 207px;
		padding: 15px;
		margin: 0 0 0 0;
		float: left;
		border-right: none;
		height: 139px;
		text-decoration: none;
	}
	.banner {
		margin: 0 0 5px 0;
	}
	.banner h2, .banner h3, .banner p {
		color:#FFF;
		text-transform: inherit;
	}
	.banner h3 {
	}
	.banner a {
		color:#FFF;
	}
	.banner a:hover {
		color:#FFF;
	}
/*------ PAGINATION ------*/
.pagination {
	margin-top: 30px;
}
.pagination span, .pagination a {
    background: none repeat scroll 0 0 #E3E3E3;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    margin-right: 5px;
    padding: 8px 10px;
}
.pagination .active {
    background: #000;
	color: #FFF;
}