/* style sheet bij www.architectuurbreau.nl */


/* algemeen */

		body
		{
			margin: 0;
			padding: 0;
			background-color: #FFF;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: .65em;
			color: #333;
		}
		
		h1, h2, h3
		{
			color: #33819d;
			font-size: 1.4em;
			margin-top: 0;
			padding-top: 0;
		}
		
		img
		{
			border: 0;
		}
		
		.intext
		{
			margin-right: 20px;
			margin-bottom: 5px;
		}
		
		table, td, tr
		{
			border: 0;
			padding: 0;
			margin: 0;
		}
		
		a
		{
			color: #33819d;
			text-decoration: none;
		}
		
		a:hover
		{
			color: #333;
		}
		
		/* Fix IE. Hide from IE Mac \*/
		* html ul li { float: left; }
		* html ul li a { height: 1%; }
		/* End */



/* pagina indeling */

		#kop
		{
			position: absolute;
			z-index: 1;
			left: 20px;
			top: 65px;
		}
		
		#pagina
		{
			padding-left: 20px;
			overflow: hidden;
		}
		
		.kolom
		{	
			position: absolute;
			padding: 116px 10px 0 0;
			margin-right: 10px;
			border-right: 1px #ebebeb solid;
			margin-bottom: 20px;
			overflow: hidden;
		}
		
		.breed
		{	
			width: 446px;
		}

		.verstopt
		{
			visibility: hidden;
			overflow: hidden;
			height: 0;
			line-height: 1.8em;
			background-color: #ddebf2;
		}
		
		.zichtbaar
		{
			visibility: visible;
			overflow: hidden;
			background-color: #ddebf2;
			padding: 10px;
			line-height: 1.8em;
			font-size: 1.05em;
		}



/* openingspagina */

		.newscontainer
		{
			font-size: 1.1em;
			padding-bottom: 10px;
			margin-bottom: 20px;
			border-bottom: #ebebeb 1px solid;
		}
		
		.newscontainer a
		{
			color: #CCC;
		}
		
		.newscontainer a:hover
		{
			color: #333;
		}
		
		.newscontainer h1
		{
			color: #33819d;
			font-size: 1.05em;
		}



/* opsommingen */

		.ond
		{
			color: #33819d;
			width: 100px;
			padding-bottom: 0;
			margin-bottom: 0;
		}
		
		.inf
		{
			margin-top: 0;
			padding-top: 0;
			width: 320px;
		}
		
		.cursief
		{
			font-style: italic;
		}
		
		.vet
		{
			font-weight: bold;
		}
		
		.huiskl
		{
			color: #33819d;
		}
		
		.titel
		{
			font-size: 1.6em;
			font-weight: bold;
			color: #666;
		}
		
		.datum
		{
			color: #33819d;
			font-size: .9em;
		}



/* menu */

		.menu
		{
			width: 140px;
		}
		
		.menu ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		.menu li
		{
			padding-bottom: 7px;
		}
		
		.menu a
		{	
			display: block;
			text-decoration: none;
			padding: 3px;
			background-color: #e9e9e9;
			color: #666;
		}
		
		.menu a:hover
		{
			color: #FFF;
			background-color: #999;
		}
		
		.menu .active a
		{
			color: #000;
			background-color: #b9cdd7;
		}
		
		.menu .beheer a
		{
			color: #CCC;
			background-color: #fbfbfb;
		}
		
		.menu .beheer a:hover
		{
			color: #FF0000;
		}
		
		.menu .beheer_active a
		{
			color: #FF0000;
			background-color: #b9cdd7;
		}
		
		.menu .beheer_active a:hover
		{
			color: #FF0000;
		}
		
		.menu img
		{
			margin-top: 2px;
			margin-right: 3px;
		}



/* 3e kolom met extra informatie */

		#kolom2
		{
			width: 160px;
			color: #666;
			font-size: .9em;
			line-height: 1.6em;
			
		}
		
		#kolom2 img
		{
			margin-right: 5px;
		}
		
		#kolom2 ul
		{
			padding: 0 0 0 15px;
			margin: 0;
		} 
		
		.kolom2_titel
		{
			background-color: #b9cdd7;
			margin-bottom: 10px; 
			color: #333;
			padding: 3px;
			text-align: center;
		}
		
		.kolom2_inhoud
		{
			padding-bottom:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		


/* onderdelen op de subpagina's */

		.titelbalk
		{
			background-color: #b9cdd7;
			padding: 10px; 
			margin-bottom: 10px; 
			color: #333;
		}
		
		.titelbalk .links
		{
			float: left;
		}
		
		.titelbalk .rechts
		{
			float: right;
			color: #33819d;
		}
		
		.knoppenbalk
		{
			margin-top: 10px;
			font-size: .9em;
			clear: both;
		}
		
		.knoppenbalk .knop
		{
			float: right;
			border: #e9e9e9 1px solid;
			padding: 5px;
			margin-left: 5px;
		}
		
		.knoppenbalk a:hover .knop
		{
			border: #b9cdd7 1px solid;
		}
		
		.knoppenbalk .rechts
		{
			margin-left: 0;
		}



/* projecten overzicht */

		.project_overz_kolom
		{
			/* width: 378px; */
			width: 330px;
		}
		
		#projecten
		{
			float: left;
			margin-bottom: 10px;
			
		}
		
		.project_icoon
		{
			float: left;
			width: 102px; /* breedte icoon + 2 px ivm border */
			height: 82px;
			overflow: hidden;
			padding: 2px 12px 15px 0;
			font-size: .9em;
			text-align: center;
		}
		
		.laatste
		{
			padding-right: 0;
		}
		
		.project_icoon a
		{
			color: #999;
			text-decoration: none;
		}
		
		.project_icoon img
		{
			margin-bottom: 3px;
		}

		.project_icoon .unsel
		{
			border: 1px solid #FFF;
		}
	
		.project_icoon .sel
		{
			border: 1px solid #FF0000;
		}

		#thumbnails
		{
			padding: 0 2px 2px 2px;
			background-color: #b9cdd7;
		}
		
		#thumbnails img
		{
			margin-right: 2px;
		}

		.refproj
		{
			float: left;
			clear: both;
			width: 100%;
			padding-bottom: 10px;
			color: #CCC;
		}

		.refproj span a
		{
			color: #CCC;
		}

		.refproj span a:hover
		{
			color: #333;
		}



/* publicaties overzicht */

		.publicaties_overz_kolom
		{
			width: 446px;
		}
		
		.publicaties_overz_kolom h1
		{
			margin-bottom: 3px;
			padding-bottom: 0;
			line-height: .9em;
		}
		
		.publicaties_overz_kolom h1 span
		{
			margin-left: 5px;
			color: #999;
			font-size: .8em;
			font-weight: normal;
		}
		
		.publicaties_overz_kolom .publicatie_icoon
		{
			margin-bottom: 10px;
		}
		
		.publicatie_icoon .titelbalk
		{
			background-color: #b9cdd7;
			padding: 10px;  
			color: #333;
			margin: 0;
		}
		
		.publicatie_icoon .titelbalk .titel
		{
			font-size: 1.6em;
			font-weight: bold;
			color: #666;
		}
		
		.publicatie_icoon .tekst
		{
			background-color: #ddebf2;
			padding: 10px;
		}
		
		.publicatie_icoon .tekst a
		{
			text-decoration: none;
		}

		.publicatie_icoon .tekst p
		{
			margin: 0;
			padding: 0;
		}
		
		.publicatie_icoon .tekst img
		{
			margin-left:5px;
		}
		
		/* gekozen publicatie */
		
			.publicatie_titel
			{
				background-color: #ddebf2;
				padding: 10px;
			}
	
			.publicatie_titel img
			{
				float: right;
			}



/* credits op openingspagina */
		
		#credits
		{
			color: #CCC;
			font-size: 1em;
		}
		
		#credits a
		{
			color: #CCC;
			text-decoration: none;
		}
		
		#credits a:hover
		{
			color:#333;
		}