/*Handig
border: 1px solid #ccc;
border: 1px solid Red;
*/


html { 

}

body{
margin: 0; padding: 50px 0 0 0;
/*background: #FCC; color: #333; test kleur*/
background: #FFF; color: #333;
font: 76%/160% Verdana; font-size: .8em;
text-align : center; 

}

div#container{ 
/*position: relative;*/

/*border: 1px solid #fff;*/
width : 980px; 
height: 100%;
margin : 0px auto; /*centreer alles!*/
padding : 0; 
text-align : left; 
/*border-bottom-color: #ccc;*/
}


div#topbar{ 
/*position: relative;*/

/*border: 1px solid Lime;*/
width : 980px;
height: 100px; 
margin : 0px auto; /*centreer alles!*/
padding : 0; 
/*text-align : left; */
border-bottom: 1px solid Red;
}


div#fineposition { 
position: relative;
margin-top: 20px;
}







/*====================== top naw gegevens ================================*/

/*div#ruler {
	margin-top: -0px;
	margin-left: -85px;
}*/



div#naw{
/*border: 1px solid #fff;*/
color: #ccc;
font-size: .9em;
letter-spacing: 1px;
margin-left: -6px;
margin-top: 0px;
padding-bottom: 10px;
/* border-bottom-color: #ccc;*/
 width: 1024px;
 height:65px; /*Dit bepaalt de hoogte van de top grijze lijn*/
 
}

div#naw ul{
font-size: 1.1em;
float: left;
}

div#naw li{
display : inline;
float: left; /*horlzontaal maken*/
margin : 0px 0 0 0 ;
padding : 0px 5px 0px 5px;
list-style-type : none; 
/*border-right: 1px solid #ccc;*/
}

#naw li.last {
border: none;
}

#naw a:link, naw a:visited, naw a:active {
color: #ccc;
text-decoration: none;
}

#naw a:hover {
color: #000;
text-decoration: none;
}

/*mooi uitvullen van ruimte tussen logo en hoofditems*/

.leeg {
	width: 120px;
}



/*====================== einde naw gegevens ================================*/

/*====================== container voor dia's ================================*/

div#slides{
/*border: 1px solid Lime;*/
margin-right: 100px;
margin-top: 50px;
width: 560px;
height: 560px;
float: right;
color: #ccc;
font-size: .9em;
letter-spacing: 1px;

/*padding-right: 95px;*/

}



/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px solid White;
}

#simplegallery1 .gallerydesctext{ /*//CSS for description DIV of Example 1 (if defined)*/
text-align: left;
padding: 2px 5px;
}


/*====================== positioneren van lightbox ================================*/

div#openlightbox {


/*position: relative; 
top: -240px ;
right: -240px;*/

margin-top: 10px;
/*margin-left: -220px;*/
/*margin-right: -8px;*/
margin-right: -8px;
/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
letter-spacing: 1px;

float: right;
width: 564px;
vertical-align: top;



}


/*====================== einde pos lightbox ================================*/



.insidetext {
	margin-top: -25px;
	/*margin-left: 10px;*/
	padding-left: 10px;
	background-color: transparent;
	background: url(../i-ac/transparant.png) repeat;
	width: 558px;
	height:24px;
	
}

	
	
#insidetransparant {
position: relative; /*relatief gedefinieerd anders zie je het effect niet !!! */ 
	margin-top: -25px;
	/*margin-left: 10px;*/
	padding-left: 10px;
	background-color: transparent;
	background: url(../i-ac/transparant.png) repeat;
	width: 558px;
	height:24px;
	text-align: left;
}

div#insidetransparant {
position: relative;
		margin-top: -25px;
	/*margin-left: 10px;*/
	padding-left: 10px;
	background-color: transparent;
	background: url(../i-ac/transparant.png) repeat;
	width: 558px;
	height:24px;
	text-align: left;
	}



div#captionteksten {
font-size: 8px;
color: Gray;
	
}


/*OPM IE en Mozilla zijn gelijk maar niet Homesite voor toelichting div*/

div#toelichting {

position: relative;
/*top: 406px;*/
top: 386px;
right: -485px;

/*margin-top: 30px;*/

margin-right: -5px;
/*margin-right: -8px;*/
/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
letter-spacing: 1px;

float: left;
/*width: 50px;*/
/*vertical-align: top;*/

color: Gray;
	z-index: 100;
}




div#toelichtingxx {

position: absolute;
top: 525px;
right: 475px;

/*margin-top: 30px;*/
margin-left: 200px;
margin-right: -5px;
/*margin-right: -8px;*/
border: 1px solid Blue;
color: #333;
background-color: transparent;
letter-spacing: 1px;

/*float: right;*/
/*width: 50px;*/
/*vertical-align: top;*/

color: Gray;
	z-index: 100;
}













/*uilijnen toelichting tekstjes met de verticale buttons*/

.koptoelichting{
	padding-top:25px
}



/*====================== positioneren van statische thumbs ================================*/

div#staticthumbs {
/*border: 1px solid Blue;*/

/*position: absolute;*/ /*garandeert dat alle thumbs van seperate pagina's gelijk zijn*/
/*top: 400px */;
/*right: -240px;*/

/*margin-top: 180px;*/ /*marge tussen openingsdia en de thumbs*/


/*margin-bottom: 55px;
margin-left: -0px;

color: #333;
background-color: transparent;
letter-spacing: 1px;
*/

/*vertical-align: top;*/


margin-top: 15px;



}







/*====================== positioneren van bewegende thumbs ================================*/

div#posthumbs {


position: absolute; /*garandeert dat alle thumbs van seperate pagina's gelijk zijn*/
top: 450px ;
/*right: -240px;*/

margin-top: 200px; /*marge tussen openingsdia en de thumbs*/
/*margin-left: -220px;*/
margin-right: -0px;
margin-bottom: 55px;
/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
letter-spacing: 1px;

/*float: right;
width: 564px;*/
vertical-align: top;

}


/*====================== einde pos lightbox ================================*/



/*====================== achtergrond met afgeronde hoeken ================================*/

div#roundedbg {
	background: Aqua url(../i-ac/roundedbg.gif) no-repeat;
	/*border: 1px solid Lime*/
}

/*====================== einde achtergrond met afgeronde hoeken ================================*/





/*====================== plaats linkerzijde voor foto bij hoofd rubrieken ================================*/

div#mainfoto {



margin-top: 30px;
/*margin-left: -4px;*/
/*margin-left: 50px;*/
margin-left: 0px;


/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
letter-spacing: 1px;

float: left;
width: 300px;
vertical-align: top;

}

/*====================== einde plaats linkerzijde voor foto bij hoofd rubrieken ================================*/

/*====================== plaats rechterzijde voor tekst bij hoofd rubrieken ================================*/
div#maincontent {


/*position: relative; 
top: -240px ;
right: -240px;*/

margin-top: 30px;
/*margin-left: -220px;*/
/*margin-right: -8px;*/
margin-right: -8px;
/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
/*letter-spacing: 1px;*/

letter-spacing: 1px;
line-height: 15px;

float: right;
width: 564px;
vertical-align: top;
z-index: 21;

}

div#maincontentvisie {


/*position: relative; 
top: -240px ;
right: -240px;*/

margin-top: 30px;
margin-bottom: 4px;
/*margin-left: -220px;*/
/*margin-right: -8px;*/
margin-right: -8px;
/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
/*letter-spacing: 1px;*/

letter-spacing: 1px;
line-height: 15px;

float: right;
height: 376px;
width: 564px;
vertical-align: top;

}




/*====================== einde plaats rechterzijde voor tekst bij hoofd rubrieken ================================*/



a:maincontent{
color: Blue;
}

a:hover.maincontent{
color: #333;
}


a:hover.navlinks{
color: #333;
}






/*====================== anker links tegen een transparante achtergrond ================================*/

div#navlinks {

/*border: 1px solid Blue;*/
margin-top: 30px;
/*margin-top: 30px;*/
margin-left: 0px;
/*margin-left: 50px;*/



/*border: 1px solid Blue;*/
color: #333;
/*background-color: transparent;*/
background-color: #E5E5E5;
letter-spacing: 1px;

float: left;
width: 220px;
height: 376px;
vertical-align: top;

}

div#navlinks ul{
font-size: 1.1em;
text-align: right;
margin-top: 2px;

}

div#navlinks li{

padding : 0px 10px 0px 0px;
list-style-type : none; 
width: auto;
}





div#sublinks {



margin-top: 30px;

margin-left: 10px;



/*border: 1px solid Blue;*/
color: #333;
background-color: transparent;
letter-spacing: 1px;

float: left;
width: 180px;
vertical-align: top;

}

div#sublinks ul{
font-size: 1.1em;
text-align: right;
margin-top: 2px;

}

div#sublinks li{

padding : 0px 10px 0px 0px;
list-style-type : none; 
width: auto;
}







/*#navlinks a:link, navlinks a:visited, navlinks a:active {
color: #333;
text-decoration: none;
padding-right : 15px;
padding-left : 15px;
padding-top : 5px;
padding-bottom : 5px;
}

#navlinks a:visited {
color: #333;
text-decoration: none;
padding-right : 15px;
padding-left : 15px;
padding-top : 5px;
padding-bottom : 5px;
}




#navlinks a:hover {
color: #fff;
text-decoration: none;
background-color: #000;
}
*/
/*.current {

text-decoration: none;
padding-right : 15px;
padding-left : 15px;
padding-top : 5px;
padding-bottom : 5px;
color: #fff;
text-decoration: none;
background-color: #000;
}
*/


.current {

text-decoration: none;
padding-right : 0px;
padding-left : 0px;
padding-top : 0px;
padding-bottom : 0px;
color: #fff;
	float: left;
   display: block;
	width: 300px;
   height: 24px;

}




/*====================== anker links tegen een zwarte achtergrond ================================*/

div#ankerlinks {

/*position: absolute; 
top: 40px ;
left: 620px;*/
width: 270px;
height: 270px;
color: #fff;
background-color: #000;
float: right;
/*border: 1px solid Lime;*/
}

div#ankerlinks ul{
margin-top: 2px;
font-size: 1.1em;

}

div#ankerlinks li{

letter-spacing: 1px;
margin : 0px 5px 0 -30px ;
padding : 0px 0px 0px 0px;
list-style-type : none; 
}

#ankerlinks a:link, ankerlinks a:visited, ankerlinks a:active {
display: block;
color: Gray;
text-decoration: none;
}
#ankerlinks a:hover {
color: #fff;
text-decoration: none;

}


div#logo {


/*position: relative; 
top: -240px ;
right: -240px;*/

margin-top: -0px;
margin-left: 0px;

border: 1px solid Blue;
color: #333;
background-color: transparent;
/*letter-spacing: 1px;*/

float: left;
width: 300px;
vertical-align: top;

}


div#rulertop {
margin-top: -30px;
margin-bottom: -10px;
color: #333;


}

div#rulerbottom {
margin-top: -35px;
margin-bottom: -10px;
color: #333;


}










 /*================================== Plaatsen van de projecten: steeds 320 pixels ruimte*/ 









.prjbroodtekst {

	width: 540px;
	height: 220px;
	
	letter-spacing: 1px;
	line-height: 1.5em;
	
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom: 0px;
	
	padding-left: 60px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	
	color: #999;
	background-color: White;
	/*border-top: 10px solid #fff; */
/*	border-right: 270px solid #000;
	border-top: 49px solid #000;*/
	
	/*border: 1px solid Lime;*/
}


.contenttekst {

	width: 540px;
	/*height: 220px;*/
	
	letter-spacing: 1px;
	line-height: 1.5em;
	
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom: 20px;
	
	padding-left: 60px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	
	color: #999;
	background-color: White;
	/*border-top: 10px solid #fff; */
/*	border-right: 270px solid #000;
	border-top: 49px solid #000;*/
	
	/*border: 1px solid Lime;*/
}




/*p {
	padding-top: 20px; Anders een transparante border????
}*/


.fotovlak {

	float: right;
	margin-top: -270px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: Fuchsia;
	width : 270px; 
	/*max-height: 270px;*/
	vertical-align: top;
	
	/*border: 1px solid Lime;*/
	
}

/*Verwijdert gaps bij images in Mozilla*/
.fotovlak img {
vertical-align: top;
} 



.titelbalk {
margin: 0px;
padding: 0px;
width: 620px;
height: 50px;
background-color: Black;
height: 50px;
/*border: 1px solid Lime;*/
	vertical-align: top;
}

.titel {
letter-spacing: 1px;
color: #fff;
font-size: 1.3em;
padding-top: 5px;
padding-left: 60px;
font-weight: bold;
	
}

.titel2 {
letter-spacing: 1px;
color: #000;
font-size: 1.3em;
padding-top: 5px;
padding-left: 60px;
font-weight: bold;
margin-bottom: 5px;
	
}




.status {

/*background-color: Black;*/
/*height: 20px;*/
letter-spacing: 1px;
color: #ccc;
font-size: .85em;
padding-left: 60px;
}


p {
	margin-top: 50px;
	
}