/* Van Schagen architekten - CSS Document by Raquel Paz Ibarria */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	text-align: center;
	font: 11px verdana, sans-serif;
}

#wrapper {
padding-top: 65px;
width: 1050px;
margin: 0 auto;
text-align: left;
}

#logo {
float: left;
margin-left: 200px;
width:300px;
height: 12px;
margin-bottom: -10px;
}

/** MENU 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/
#menu {
float: right;
display: block;
margin-top: 0px;
width: 510px;
height: 12px;
line-height: 10px;
background: #fff;
margin-right: 40px;
margin-bottom: -10px;
}

#menu ul {
list-style-type: none ;
}

#menu ul li {
display: block;
float: right;
border: none;
height: 12px;
}

#menu ul li a {
padding: 0 12px 0 0;
text-decoration: none;
font: 100% Verdana, Sans-serif;
letter-spacing: 0.5px;
font-weight: bold;
font: bolder;
color: #000;
}

#menu ul li a:hover {
color: #8DA156;
text-decoration: none;
}

#menu ul li a.fix {
color: #8DA156;
}

/* NAVIGATION MENU ____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ */


#dhtmlgoodies_slidedown_menu li{
list-style-type:none;
position: relative;
}

#dhtmlgoodies_slidedown_menu ul{
margin:0px;
padding:0px;
position: relative;
}

#dhtmlgoodies_slidedown_menu div{
margin:0px;
padding:0px;
}
	
#dhtmlgoodies_slidedown_menu div a:hover{
color:#006190;
}

#navigation{
padding-left: 75px;
font: 106% verdana, sans-serif;
}
	/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{				
margin: 0;
width: 150px;
height: auto;
float: left;
padding-top: 41px;
}

#dhtmlgoodies_slidedown_menu a{
color: #4C4C4C;
text-decoration:none;	
display:block;
clear:both;
}
	
#dhtmlgoodies_slidedown_menu a:hover{
color: #8DA156;
text-decoration:none;	
display:block;
clear:both;
}	
	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu  */
margin-top:1px;
background:url(images/algemeen/h.gif) no-repeat left bottom;
font-weight:bold;
text-align: left;
font: 106% verdana, sans-serif;
letter-spacing: 0px;
color: #4C4C4C;
margin-left: 0px;
height: 20px;
}
	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu */
margin-top:1px;
text-align: left;
}	
	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* 2 Sub menu */
margin-top:1px;
text-align: left;
}	

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly to the parent DIV, i.e.
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul */
	
	
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
padding:1px;
}
	
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
margin-left:10px;
padding:1px;
}
	
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
margin-left:30px;
padding:1px;
}



/* MAIN   _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________*/
	

#main{
width:1050px;	
height:auto ;
margin-left: -50px;
}
	
	
/* CONTENT _____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ */
			
#content {
float: right;
width: 800px;
border: 1px solid #CCCCCC;
margin-top: 20px;
height: auto;
}

#page {
width:800px;
padding: 0px;
padding-bottom: 15px;
}
	
#basic {	
padding-top: 20px;
float: left;
padding-left: 10px;
width: 775px;
padding-right: 10px;
}

#publi2 {	
padding-top: 10px;
float: left;
padding-left: 10px;
width: 780px;
padding-right: 10px;
text-align: left;
font:  12px verdana, sans-serif;
letter-spacing: 1px;
line-height: 120%;
word-spacing: 1px;
color: #4C4C4C;
height:auto;
}
 

 
#project_gallery { 
height: auto;
font: 106% verdana, sans-serif;
float: left;
width:400px;
padding-top: 0px; 
}

#project_gallery .link { 
padding-left: 50px;
}

#flashcontent {
width: 350px;
height: 550px;
}

#left { 
padding-top: 20px;
float: left;
left: 10px;
width: 300px;
}

#right { 
padding-top: 20px;
padding-left: 10px;
padding-right: 10 px;
padding-botton: 10px;
float: left;
width: 460px;
}

/** DISCLAIMER  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#disclaimer {
clear: both;
font: 106% verdana, sans-serif;
color: #4C4C4C;
width: 950px;
margin:0 auto 0 auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
font-size: 77%;
}



/** FOOTER  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#footer {
clear: both;
height: 100px;
font: 106% verdana, sans-serif;
color: #4C4C4C;
width: 950px;
margin:0 auto 0 auto;
padding-top: 10px;
text-align:center;
}

#footer p {
margin-right: 45px;
text-align: right;
font-size: 77%;
}

#footer a {
color: #4C4C4C;
text-decoration: none;
font-weight: bold;
}


/** ALGEMEEN STYLE ..................................................
........................................................
...............................**/ 

 
/** HEADER 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

#header {
background:url(images/algemeen/h.gif) no-repeat left bottom;
background-position: 30px;
padding-left: 15px;
text-align: left;
font: 106% verdana, sans-serif;
letter-spacing: 1px;
color: #4C4C4C;
height: 20px;
}

#pad {
padding-top: 20px;
}

#space {
marging-left: 350px;
}

 
 /** SUBHEADER 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

#subheader h1 { 
padding-left: 15px;
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 0px;
line-height: 17px;
word-spacing: 0px;
color: #4C4C4C;
height:auto;
}

#subheader h1 strong{
font-weight: bold; 
}

#subheader h2 {
padding-left: 15px;
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 1px;
line-height: 17px;
word-spacing: 1px;
font-style: italic;
color: #006190;
height:auto;
} 

#subheader h3 {
padding-left: 15px;
text-align: left;
font:  12px verdana, sans-serif;
letter-spacing: 0px;
line-height: 17px;
word-spacing: 0px;
color: #006190;
height:auto;
} 

#team {
background: url(images/algemeen/h_black.gif) no-repeat left bottom;
text-align: left;
font: 106% verdana, sans-serif ;
letter-spacing: 1px;
color: #000000;
font-weight: bold;
height: 20px;
}
 
.style1 {color: #AF0F22}

.style2 {
color: #000000;
font-weight: bold;
}

.style3 {font-style: italic}

.style4 {
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 1px;
line-height: 17px;
word-spacing: 1px;
font-style: italic;
color: #006190;
height:auto;
}
 
.style5 {
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 0px;
line-height: 17px;
word-spacing: 0px;
color: #006190;
height:auto;
} 

.style6 { 
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 0px;
line-height: 17px;
word-spacing: 0px;
color: #4C4C4C;
height:auto;
}

.style7 { 
text-align: left;
font:  106% verdana, sans-serif;
letter-spacing: 0px;
line-height: 17px;
word-spacing: 0px;
color: #4C4C4C;
height:auto;
font-weight: bold;
padding-right: 230px;
}

.style8 {
padding-right: 220px;
font:  106% verdana, sans-serif;
letter-spacing: 1px;
line-height: 17px;
word-spacing: 1px;
font-style: italic;
color: #006190;
height:auto;
}
 
.imageleft {
margin-right:20px;
float:left;
} 

.imageleftsmall {
margin-right:8px;
float:left;
} 
 
div.hr {
height:1px;
width:710px;
margin: 10px 30px 10px 40px; 
color:#E5E5E5;
background-color:#E5E5E5;
border: none;
}

div.hr2 {
height:1px;
width:100%;
margin: 20px 50px 20px 10px; 
color:#E5E5E5;
background-color:#E5E5E5;
border: none;
} 
     
A:link {text-decoration: none; color:#006190;}

A:visited {text-decoration: none; color:#006190;}

#iframe {
width:400;
height:350;
}

#list a{
color: #4C4C4C;
text-decoration:none;	
display:block;
clear:both;
}
		
#list a:hover{
color: #006190;
text-decoration:none;	
display:block;
clear:both;
}

.style_jaar {
color: #AF0F22;
font-weight: bold;
}

/* MENU PROJECCTEN __________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________*/	

#place {
width: 775px;
margin-left: 2px;
}

.bovenmenu {
width:775px;
height: 40px;
}

.ondermenu {
width:775px;
height: 20px;
margin-top: 430px;
}

.voormenu {
width:735px; 
padding:0; 
list-style-type: none;
margin:20px 0 0px 0;
height: 70px;
background:url(images/algemeen/tijdbalk_main.gif) no-repeat;
}

.menuprojecten {
font:  106% verdana, sans-serif;
line-height: 17px;
padding-left: 35px;
width:775px; 
z-index:100;
}

.menuprojecten ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
color:#fff; 
line-height:20px; 
font-size:11px;
}

.menuprojecten ul {
padding:0; 
list-style-type: none;
margin:20px 0 0px 0;
}

.menuprojecten ul li {
float:left; 
position:relative;
}

.menuprojecten ul li a, .menuprojecten ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:186px; 
height:127px;
color:#000; 
line-height:20px; 
font-size:11px;
}

.jaren19 {background: url(images/algemeen/periode_19eeuw.jpg) no-repeat;}
.eeuw {background: url(images/algemeen/periode_19eeuw.jpg) no-repeat 0 -113px;}
.jaren20 {background:url(images/algemeen/periode_jaren20_40.jpg) no-repeat;}
.40 {background:url(images/algemeen/periode_jaren20_40.jpg) no-repeat  0 -113px;}
.jaren40 {background:url(images/algemeen/periode_jaren40_50.jpg) no-repeat;}
.60 {background:url(images/algemeen/periode_jaren40_50.jpg) no-repeat 0 -113px ;}
.jaren60 {background: url(images/algemeen/periode_jaren60_70.jpg) no-repeat;}
.70 {background:url(images/algemeen/periode_jaren60_70.jpg) no-repeat 0 -113px ;}

.voormenu2{
width:735px; 
padding:0; 
list-style-type: none;
margin:0px 0 0px 0;
height: 70px;
}

.menuprojecten ul li ul {
visibility:hidden;
position:absolute;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menuprojecten ul li:hover a {
color:#fff; 
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menuprojecten ul li:hover ul {
visibility:visible;
top:0px; 
left:-20px; 
width:156px;
padding-top:108px;
}

/* style the background and foreground color of the submenu links */
.menuprojecten ul li:hover ul li a {
display:block; 
color:#006190;
height:auto;
}

/* style the background and forground colors of the links on hover */
.menuprojecten ul li:hover ul li:hover {
text-decoration: none; 
color:#006190;
display: block;
}

.menuprojecten ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:186px; 
color:#000; 
font-size:11px;
list-style-type: none;
}

.periode {
color:#464646;
}
.periode a {
color:#464646;
}
.periode a:hover {
color:#006190;
}
.periode a:visited {
color:#464646;
}
.periode ul {
 
list-style-type: none;
color:#464646;

}

.periode ul li {


}

.periode ul li a, .periode ul li a:visited {

text-decoration:none; 
color:#464646; 

}
.periode ul li a:hover {

text-decoration:none; 
color:#006190; 

}