/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/

    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:verdana, arial;
    	color:#2e353d;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	/*background:white url("../images/bgBody.jpg") top left repeat-x;*/
    }
    
    a:link, a:visited {
    	color:#a1c147;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
		font-weight:bold;
		font-size:16px;
		color:#a1c147;
		margin-bottom:10px;
		
		position:absolute;
		top:171px;
		left:0px;
		margin-top:34px;
		margin-left:30px;
    }
    
    h2 {
    	font-weight:bold;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    div.spacer {
    	height:20px;
    	display:block;
    	width:200px;
    }
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
div#imgcontainer {
 	width:1250px;
 	position:relative;
 	margin:0 auto;
 	text-align:center;
	min-height:900px;
	z-index:0;
 }
 
 div#imgcontainer img {
 	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
 }
 div#container {
 	width:890px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
	min-height:900px;
	z-index:2;
 }
  div#container img {
 	position:relative;
 }
 div#star {
 	position:absolute;
	top:0px;
	right:0px;
	height:79px;
	width:82px;
	background:url("../images/ster.png") top right no-repeat;
	z-index:2;
 }
 
 div#wrapper {
 	width:100%;
	/*background:url("../images/bgContainer.png") center 134px no-repeat;*/
 }	
 
 div#logo {
 	width:340px;
 	height:258px;
	background:url("../images/logo_klein.png") top left no-repeat;
	position:absolute;
	z-index:10;
	left:-30px;
 }
 
 div#logo a{
 	position:absolute;
	top:10px;
	left:10x;
	height:120px;
	width:300px;
 }
 
 div#top {
 	width:100%;
 	height:175px;
 }
 
 div#nawGegevens {
 	color:#008ebd;
 	position:absolute;
 	top:100px;
 	right:23px;
 }
 
 div#nawGegevens ul {
 	padding:0px;
 	margin:0px;
 	list-style:none;
 }	
 
 div#nawGegevens ul li {
 float:left;
 	padding-left:20px;
 	padding-right:10px;
	background:url("../images/arrow.png") left 50% no-repeat;
 }
 
 div#nawGegevens ul li a{
 	color:#008ebd;
 }
 
 div#nawGegevens ul li:first-child {
 	background:none;
 }	
 
 div#innerContainer {
 	width:879px;
 }
 
 div#header {
 	width:879px;
 	height:69px;
	background:url("../images/header.png") top left no-repeat;
 }
  div#footer {
 	width:879px;
 	height:165px;
	background:url("../images/footer.png") top left no-repeat;
 }
 
 div#content {
 	min-height:267px;
 	width:879px;
	background:url("../images/bgContent.png") top left repeat-y;
	color:#FFF;
	overflow:hidden;
	font-size:13px;
 }
 
 div#content td{
 	color:#FFF;
 }
 
 div#contentLeft {
 	width:520px;
 	float:left;
 	padding:20px 0px 20px 30px;
 }
 
 div#contentRight {
 	width:244px;
 	float:right;
 	margin-right:10px;
 }
 
 div#contentRightHeader {
 	width:244px;
 	height:26px;
	background:url("../images/kaderfotowisselTop.png") top left no-repeat;
 }
 
 div#contentRightFooter {
 	width:244px;
 	height:36px;
	background:url("../images/kaderfotowisselFooter.png") top left no-repeat;
 }
 
 div#contentRightContent {
 	width:224px;
 	padding:10px;
	background:url("../images/kaderfotowisselBg.png") top left repeat-y;
	min-height:195px;
	height:auto;
	_height:195px;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/


        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/

.text{
	border:0px;
	background:url('../images/invulveld.png') top left no-repeat;
	width:270px;
	_width:280px;
	height:25px;
	padding-left:5px;
	padding-right:5px;
	
}

textarea{
	border:0px;
	background: url('../images/Opmerkingsveld.png') top left no-repeat;
	width:270px;
	_width:280px;
	height:25px;
	padding:5px;
	height:167px;
	background-color:transparent;
}
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

span.newsTitle
{
	font-weight:bold;
}

table#fotoalbumTable td a{
	padding:4px;
	padding-top:5px;
	padding-bottom:0px;
	background:url('../images/kader.png') top left no-repeat;
	display:block;
	width:130px;
	height:160px;
	margin:3px;
}

table#fotoalbumTable td a:hover{
}

div#pageNmr{
	padding-left:5px;
}

div#pageNmr a{
	display:block;
	float:left;
	width:20px;
	height:20px;
	background-color:#BEBEBE;
	text-align:center;
	margin:2px;
	color:#454545;
	border:1px solid #454545;
}

div#pageNmr div{
	display:block;
	float:left;
	width:20px;
	height:20px;
	background-color:#BEBEBE;
	text-align:center;
	margin:2px;
	border:1px solid #454545;
}

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
 div.right {
 	float:right;
 	color:#707173;
	margin-top:32px;
	margin-right:20px;
 }
 
 div.right a {
 	color:#707173;
 }
 
 
 /************************************************************************
 * PORTFOLIO
 ***********************************************************************/
 
    div#overlay {
        background: #000;
    }
    
    ul#portfolio {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    ul#portfolio li {
        
    }
    
    div.portfolio-item { 
        position: relative;
        width: 887px;
        height: 610px;
        border: 0px solid #333;
        margin: 0 auto;
        background: #fff;
        z-index: 900;
		background:url("../images/lightbox_bg.png") top left no-repeat;
    }
    
    div.portfolio-item div.portfolio-options { 
        position: absolute;
        top: -18px;
        right: 0;
		width:75px;
    }
    
    div.portfolio-item div.portfolio-options a.close { 
        text-decoration: none;
        color: #fff;
        padding-bottom: 3px;
    }
    
    div.portfolio-item div.portfolio-options a.close img { 
        border: 0;
    }
    
    div.portfolio-item div.portfolio-options a.close:hover { 
        color: #efefef;
    }
    
    div.portfolio-item div.portfolio-photos-wrapper { 
        float: right;
        position: relative;
        width: 424px;
        height: 530px;
        overflow: hidden;
		margin-right:48px;
		margin-top:80px;
    }
	
	div.portfolio-item div.portfolio-photos-wrapper div.portfolio-nav {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 424px;
		height: 400px;
	}
	
	div.portfolio-item div.portfolio-photos-wrapper div.portfolio-nav a {
		float: left;
		width: 50%;
		height: 400px;
		outline: none;
	}
	
	div.portfolio-item div.portfolio-photos-wrapper div.portfolio-nav a#portfolio-prev:hover {
		background: transparent url(../images/portfolio-prev.gif) no-repeat 1px 20%;
	}
	
	div.portfolio-item div.portfolio-photos-wrapper div.portfolio-nav a#portfolio-next:hover {
		background: transparent url(../images/portfolio-next.gif) no-repeat 100% 20%;
	}
    
    div.portfolio-item div.portfolio-photos-wrapper ul { 
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    div.portfolio-item div.portfolio-photos-wrapper ul li { 
        position: absolute;
        width: 400px;
        height: 600px;
        overflow: hidden;
        top: 0;
        margin: 0;
        padding: 0;
        text-align: right;
    }
	
	div#portfolio-photo-text {
        color: #fff;
		height: 30px;
		position: absolute;
		top: 490px;
		width: 425px;
		z-index: 15;
	}
	
	div#portfolio-photo-title {
		float: left;
	}
	div#portfolio-photo-link {
		float: right;
	}
    
    div.portfolio-item div.portfolio-text { 
        float: left;
        width: 350px;
        height: 350px;
        padding: 15px;
        overflow: auto;
        text-align: left;
        color: #FFF;
    }
    
    div.portfolio-item div.portfolio-text h2 { 
        font-size: 14px;
        border-bottom: 0px solid #111;
        margin: 5px 0;
        color: #a1c147;
    }
    
    div.portfolio-item div.portfolio-thumbs {
		position:absolute;
		bottom:40px;
        width: 350px;
        margin: 10px 15px 0 15px;
    }
    
    div.portfolio-item div.portfolio-thumbs ul { 
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    div.portfolio-item div.portfolio-thumbs ul li {
        display: inline;
    }
    
    div.portfolio-item div.portfolio-thumbs ul li a {
        float: left;
        margin: 0 6px 3px 0;
        padding: 0;
        width: 35px;
        height: 35px;
        overflow: hidden;
		padding-bottom:2px;
        text-decoration: none;
    }
	
	a.thumb {
		position: relative;
	}
	
	a.thumb span.tl,
	a.thumb span.tr,
	a.thumb span.bl,
	a.thumb span.br {
		position: absolute;
		width: 2px;
		height: 2px;
	}
	
	a.thumb span.tl {
		top: 0;
		left: 0;
		background: url(../images/tl.gif) no-repeat left top;
	}
	a.thumb span.tr {
		top: 0;
		right: 0;
		background: url(../images/tr.gif) no-repeat left top;
	}
	a.thumb span.bl {
		bottom: 0;
		left: 0;
		background: url(../images/bl.gif) no-repeat left top;
	}
	a.thumb span.br {
		bottom: 0;
		right: 0;
		background: url(../images/br.gif) no-repeat left top;
	}
    
    div.portfolio-item div.portfolio-thumbs ul li a img {
    	width:35px;
        border: 0;
    }
    
    div.portfolio-item div.portfolio-thumbs ul li a:hover, div.portfolio-item div.portfolio-thumbs ul li a.active {
    }
    
    div.spacer {
        clear: both;
    } 
	
	div.link{
		position:absolute;
		bottom:20px;
		right:50px;
	}