/*
	------ KLEUREN ------
	licht blauw: #1ec3f3;
	donkerblauw: #0059a9;
*/

/* ------ FORCE VERTICAL SCROLL ------*/
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
}
body {
	background: url(../img/site/Achtergrond%20Pigot%20Interieur.jpg) repeat-x top;
	height: 100%;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

/* ------ FONTS ------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 32px;
	color: #087095;
}
h2 {
	font-size: 22px;
	color: #087095;
}
blockquote {
	background:url(../img/site/quote.png) no-repeat top left;
	padding: 5px 70px;
	margin: 0;
}

/* ------ ELEMENTS ------*/
* {	outline: none; }
.related 				{ clear: both; float:none;	}
.floatLeft 				{ float: left;	}
.floatRight 			{ float: right;	}
.noBorder 				{ border:none;	}
#form 					{ border: #666 dotted 1px; padding: 10px 20px 10px 20px; }

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

.red					{ color: #F00; }
.twtr-ft 				{ display: none; }

a						{ text-decoration: none; color: #093B92; }
a:hover					{ text-decoration: underline; color: #093B92; }
/* ------ CLASSES ------*/
.transparent {
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

/* ------ IDs ------*/
#container {
	background: #FFFFFF;
	padding: 0 2%;
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#logo {
	padding: 20px 0 0 40px;
}
#logo img {
	height: 60px;
}

/* ------ HEADER ------*/
#header {
	margin: 15px 0 0 0;
}
	#header_cycle {
		padding: 0 0 10px 0;
		height: 300px;
		position:relative;
	}
	#teaser_text {
		position:absolute;
		top: 200px;
		right: -10px;
		background: url(../img/site/teaser_heading.png) top left no-repeat;
		width: 319px;
		height: 79px;
		padding: 30px 0 0 20px;
	}
	#teaser_text h1 {
		color:#FFF;
		font-size: 24px;
	}
	#teaser_text a {
		color: #FFF;
	}
	
/* ------ CONTENT ------*/
#content {
	width: 100%;
	clear: both;
	padding: 0 0 10px 0;
	color: #666;
}
#content .mainContent {	
	padding: 20px 40px;
	overflow: hidden;
}
#kolRight {
	width: 65%;
	float: right;
}
#kolLeft {
	width: 31%;
	float: left;
	border-right: #CCC solid 1px;
}
#kolLeft img {
	width: 250px;
}
	.navDiensten ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.navDiensten ul li a {
		border-bottom: #CCC dotted 1px;
		padding: 7px 0 7px 10px;
		display: block;
		color: #087095;
		text-decoration: none;
	}
	.navDiensten ul li a:hover {	
		background: #087095;
		color: #FFF;
	}
/* ------ NEWS ------*/
#newsArchive ul {
	padding: 0;
	margin: 0;
	
}
/* ------ FOOTER ------*/
#footer {
	color: #666;
	clear: both;
	background:url(../img/site/ontwerp%201_r8_c1.gif) no-repeat top left;
	height: 40px;
	margin: 10px 0 10px 0;
	padding: 30px 40px 0 40px;
}
#footer .floatRight {
	text-align: right;
}
#footer span {
	font-size:11px;	
}
/* ------ NAV ------*/
#nav {
	background: #161a59;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
}
#nav ul {
    position: relative;
    padding:0;
    margin:0;
    height: 30px;
	font-size: 12px;
}
    #nav ul li {
        float: left;
        list-style: none;
        position: relative;
    }
        #nav ul li.backLava {
            background: url(../img/lava.png) no-repeat right -46px;
            width: 20px;
            height: 30px;
            z-index: 8;
            position: absolute;
        }
        #nav ul li.backLava .leftLava {
            background: url(../img/lava.png) no-repeat top left;
            height: 30px;
            margin-right: 13px; /* 7px is the width of the rounded shape */
        }

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

        #nav ul li a {
			color: #828387;
			text-transform: uppercase;
            line-height: 30px;
            position: relative;
            z-index: 21;
			font-weight: bold;
            display: block;
            margin: 0 10px;
        }

        #nav ul li a:hover, #nav ul li a.active {
            border: none;
			color: #FFF;
        }
            #nav ul li ul{
                padding: 5px 0 0 0;
				margin: 0 0;
                position: absolute;
                top: 100%;
                left: 0%;
                z-index: 10000;
                display: none;
            }

                #nav ul li ul li{
                    height: auto;
                    width: 100%;
                    clear: both;
                    margin: 0;
                    padding: 0;
					border-bottom: #FFF solid 1px;
                }

                    #nav ul li ul li a{
                        background: #087095;
                        width: 150px;
            			line-height: 14px;
                        height: auto;
                        text-align: left;
                        display: block;
						text-transform: inherit;
                        color: #FFF;
                        font-size: 12px;
                        padding: 5px 10px 5px 15px;
						margin: 0;
                    }

                    #nav ul li ul li a:hover{
                        background: #79eff1;
                        color: #0c3e71;
                    }

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



#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: #087095;
            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 {  width: 150px;  }
.date     { font-size:10px; color: #128C91;  }
#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 0 0 0; }
#archief li a img  { width: 90px; float:right; margin: 0 0 0 15px; }


/* ------ 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:#09F; 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;
    padding: 5px;
    margin: 0 0 10px 0;
    border:#CCC solid 1px;
    display:block;
    overflow:hidden;
}
.galleryDir li h2 {
    margin: 20px 0 0 0;
}
.galleryDir li img {
    display:block;
    color: #0A2654;
    font-weight:bold;
    width: 150px;
    float:left;
    margin: 0 15px 0 0;
}

#fotogallery     {    margin:20px 0 0 0;    padding:0;}
#fotogallery .col1  {    width: 100px; margin:0 5px 5px 5px; float:left; }
#fotogallery .col1 {
    background: #FFFFFF;
    border:3px solid #4CABDC;
    padding: 3px;
    font-size:10px;
    width:100px;
    height:100px;
}
#fotogallery a {
	background-position: center;
	background-size: auto 100%;
    border:1px solid #CCCCCC;
    font-size:10px;
    margin:0 2px 2px 2px;
    width:135px;
    height:135px;
    float:left;
}

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

/*   SOCIAL MEDIA   */
#socialMedia {
	position: absolute;
	right: 0;
	background: #FFF;
	padding: 0px 5px;
	top: 7px;
    width: auto;
}

.socialIcon {
    width: 23px;
    height: 23px;
    border: none;
    margin: 3px 0;
}

.socialIcon:hover {
    border: none;
}

/*     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;
}