/*=============================*/
/*                             */
/*    File: screen.css         */
/*    Author: PUURPXL          */
/*    Date: 14-02-2006         */
/*    www.puurpxl.nl           */
/*                             */
/*=============================*/

body
{
	margin:0;
	padding:0;
	font-size:11px;
	background:#60553f;
	behavior:url("/css/csshover.htc");
}

body, table, th, td, input, select, textarea
{
	font-family:Verdana, Arial, sans-serif;
}

img
{
	border:0;
}

h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
	color:#f68938;
}

h1	{font-size:14px;}
h2	{font-size:13px;}
h3	{font-size:12px;}
h4	{font-size:11px;}
h5	{font-size:10px;}
h6	{font-size:9px;}

p
{
	margin:0 0 1em 0;
}

form
{
	margin:0;
	padding:0;
}

.radio
{
	vertical-align:middle;
}

a {color:black;}
a:hover {text-decoration:none;}


table, td, th
{
	margin:0;
}

div.hr hr 
{
  display: none;
}

div.hr
{
	height:5px;
	border:none;
	background:repeat-x url(/gfx/hor_line_small.gif);
	margin:0 0 5px 0;
}

/*++++++++++++++++++ ALG CLASSES* ++++++++++++++++++*/

.hidden
{
	display:none;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*++++++++++++++++++ MAIN DIV'S ++++++++++++++++++ */

div#top
{
	height:120px;
	background:repeat-x url(/gfx/top_bg.gif);
}

div#middle
{
	background:#48402f;
	/* height is set by js according to height of main div + 60 px margin*/
}

div#nav, div#main
{	
	position:absolute;
	width:936px;
	left:50%;
	margin-left:-468px;
}

div#main
{
	background:white;
	color:#48402f;
	margin-top:30px;
	margin-bottom:30px;
	z-index:20;
	font-size:11px;	
	padding:0 0 30px 0;
}

body#home div#main
{
	position:absolute;
	width:936px;
	left:50%;
	margin-left:-468px;
	margin-bottom:0 !important;
	background:none !important;
	padding:0 !important;
}

div#footer
{
	padding:10px 0 0 0;
	text-align:center;
	color:#88806e;
}

/*++++++++++++++++++ NAV ++++++++++++++++++*/

div#nav 
{
	z-index:50;
}

div#nav img#logo
{
	margin:20px 0 0 0;
}


/*sitewide*/

div#nav ul#sitewideNav
{
	position:absolute;
	right:20px;
	top:45px;
	margin:0;
	padding:0;
	background:#60553f;
	z-index:30;
}

div#nav ul#sitewideNav li
{
	float:left;
	margin:0 0 0 10px;
	list-style:none;
	text-transform:uppercase;
	padding:0;
	line-height:18px;
}

div#nav ul#sitewideNav li a
{
	display:block;
	font-size:9px;
	color:#88806e;
	text-decoration:none;
	padding:0 0 5px 0;
}

div#nav ul#sitewideNav li a:hover 
{
	color:white;
}

div#nav ul#sitewideNav li em a 
{
	font-style:normal;
	background:no-repeat center bottom url(/gfx/sitewidenav_hover.gif);
}

div#nav ul#sitewideNav select#setLang
{
	font-size:10px;
	text-transform:uppercase;
}

/* hoofdmenu */

div#menu
{
	display:block;
	position:absolute;
	top:72px;
	right:0px;
	background:#60553f;
	padding:0 20px 0 0;
}

div#menu ul
{
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

* html div#menu ul
{
	width:1%;
}

div#menu ul li h2
{
	margin:0;
	padding:0;
}

div#menu ul li a
{
	display:block;
	margin:0 0 0 20px;
	padding:0 0 6px 0;
	white-space:nowrap;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	color:white;
}

div#menu a
{
	text-decoration:none;
}

div#menu ul li em a
{
	font-style:normal;
	background:no-repeat center bottom url(/gfx/mainnav_hover.gif);
}

div#menu a:hover, div#menu ul li em a:hover
{
	color:#f68938;
	background:none;
}

/*uitklap*/

#menu ul ul
{
	display:none;
	position:absolute;
	min-width:135px;
	top:15px;
	padding:0;
	margin:0 0 0 20px;
	z-index:80;
}

* html #menu ul ul
{
	background:none;
}

#menu ul ul li
{
	display:block;
	min-width:135px;
	padding:0 5px 0 0;
	background:repeat-y right top url(/gfx/subnav_shade.png);
}

*html #menu ul ul, *html #menu ul ul li
{
	width:135px !important;
	background:none;
}

#menu ul ul li.dropTop
{
	display:block;
	margin:0;
	height:9px;
	width:140px;
	line-height:auto;
	background:no-repeat url(/gfx/dropnav_top_shade.gif);
	padding:0;
}

#menu ul ul li.dropBottom
{
	display:block;
	margin:0;
	height:9px;
	width:140px;
	line-height:auto;
	background:no-repeat url(/gfx/dropnav_bottom_shade.png);
	/*background:red;*/
	padding:0;
}

* html #menu ul ul li.dropBottom
{
	background:#60553f;
	height:3px;
}


#menu ul ul li a
{
	padding:0 0 0 17px;
	margin:0;
	background:no-repeat 6px 7px url(/gfx/dropnav_arrow.gif) #60553f;
	font-size:10px;
	line-height:20px;
	width:118px;
	white-space:normal;
}

#menu ul ul li a:hover
{
	background:no-repeat 6px 7px url(/gfx/dropnav_arrow_hover.gif) #60553f;
	color:#f68938;
}

/* hide/unhide */

div#menu li:hover
{
	cursor:pointer;
	z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul
{
	display:none;
}

div#menu li:hover ul,
div#menu li li:hover ul
{
	display:block;
}



/* ++++++++++++++++++ MIDDLE ++++++++++++++++++ */

div#mainContent {padding:0 0 20px 0;}

div.columnLeft
{
	float:left;
	width:468px;
	margin:0;
	background:white;
}

div.columnRight
{
	width:458px;
	margin:0 0 0 10px;
	float:right;
	background:white;
}

/*++++++++++++++++++ CONTENTNAV ++++++++++++++++++*/

td.tdSubnav
{
	width:478px;
}

div#navContainer
{
	min-height:120px;
}

* html div#navContainer
{
	height:120px;
}

div#navContainer, div#subNavContainer
{
	margin:20px 0 0 0;
	width:180px;
	float:left;
}

h3#navTitle, h3#subNavTitle
{
	width:160px;
	text-transform:uppercase;
	font-weight:bold;
	padding:4px 3px 4px 20px;
	background:#60553f;
	color:white;
	font-size:10px;
	margin:0;
}

h3#navTitle a
{
	text-decoration:none;
	background:no-repeat 0px 3px url(/gfx/navtitle_arrow.gif);
	padding:0 0 0 10px;
	color:white;
}

h3#navTitle a:hover
{
	color:#f68938;
	background:no-repeat 0px 3px url(/gfx/navtitle_arrow_hover.gif);
}


ul#contentNav, ul#contentSubNav
{ 
	margin:4px 0 10px 20px;
	padding:0;
	list-style:none;
}

ul#contentNav li, ul#contentSubNav li
{
	line-height:19px;
}

ul#contentNav a, ul#contentSubNav a
{
	padding:0 0 0 10px;
	background:no-repeat 0px 3px url(/gfx/contentnav_arrow.gif);
	color:#48402f;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

ul#contentNav a:hover, ul#contentNav em a, ul#contentSubNav a:hover, ul#contentSubNav em a
{
	background:no-repeat 0px 3px url(/gfx/contentnav_arrow_hover.gif);
	color:#f68938;
	font-style:normal;
}

/*subnav*/

h3#subNavTitle
{
	margin:0px;
	padding-left:10px;
	background:#877b61;
}

h3#subNavTitle a
{
	font-weight:normal;
}

ul#contentSubNav
{
	margin-left:10px;
}

/* TERUG NAAR OVERZICHT */

a.back
{
	text-transform:uppercase;
	color:#60553e;
	font-size:10px;
	padding:2px 0 2px 15px;
	text-decoration:none;
	background:no-repeat 0px 3px url(/gfx/back_arrow.gif);
}

a.project
{
	display:block;
	position:absolute;
	top:23px;
}

a.back:hover
{
	text-decoration:underline;
}

/* KIES EEN TYPE */

div#kiesType
{
	display:block;
	position:absolute;
	top:23px;
}

select#typekeuzes
{
	z-index:10;
	width:180px;
}

/* PAGING */

div.paging
{
	margin:0 0 5px 0;
	font-size:10px;
}

div.numPerPage
{
	float:left;
	vertical-align:middle;
}	

div.numPerPage select#num
{
	font-size:10px;
	color:#48402f;
}
div.page
{
	text-align:right;
	float:right;
	margin:0 5px 0 0;
	padding:0 0 1px 0;
}

div.zoek
{
	margin-top:3px !important;
}

div.page a
{
	font-weight:bold;
	margin:0 2px 0 2px;
	text-decoration:none;
	color:#48402f;
}

div.page a:hover, div.page em a
{
	text-decoration:underline;
	font-style:normal;
}

div.page em a {color:#f68938;}

div.page img
{
	vertical-align:middle;
}

div.bottom
{
	margin:5px 10px 0 0;
}

/*++++++++++++++++++ HOME ++++++++++++++++++*/

div#homeNews
{
	width:368px;
	height:251px;
	float:right;
	padding:50px;
	background:white;
	overflow:hidden;
}

div#homeNews h2.homeHdr
{
	width:286px;
	height:27px;
	background:no-repeat url(/gfx/homeHdr.gif);
	margin:0 0 8px 0;
}

div#homeNews h2.homeHdr span
{
	display:none;
}

div#homeNews h3
{
	margin:0 0 5px 0;
}

div#homeNews h4 a
{
	color:#f68938;
	text-decoration:none;
}

div#homeSlide
{
	display:block;
	float:left;
	width:468px;
}

/*++++++++++++++++++ CONTENT ++++++++++++++++++*/

td.tdBottom
{
	vertical-align:bottom;
	padding:0 0 5px 0;
	width:450px;
}

h2.contentTitle
{
	display:block;
	width:450px;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:32px;
	letter-spacing:-2px;
}

h3.contentSubtitle,
h3.simpleSubtitle
{
	display:block;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:18px;
	letter-spacing:-1px
}

h3.simpleSubtitle
{
	color: #60553f;
	margin-bottom: 25px;
	font-size: 16px;
}

div#content
{
	width:300px;
}

div.wideContent
{
	width:430px !important;
}

div.projectNews
{
	width:430px !important;
}

div#content p
{
	line-height:14px;
}	

div#content h4.marginB
{
	margin-bottom:5px
}

div#content ul
{
	padding:0;
	margin:0 0 1em 15px;
}

div#content ul li
{
	padding:0;
}

a.contentLink
{
	padding:0 0 0 16px;
	color:#48402f;
	line-height:15px;
	background:no-repeat 0px 2px url(/gfx/forward_arrow.gif);
	text-decoration:none
}

a.contentLink:hover
{
	text-decoration:underline;
}

p.date
{
	margin:0;
	color:#989898;
}

div#content a.inlineLink img
{
	vertical-align:middle;
}

div#content h4 a
{
	color:#f68938;
	text-decoration:none;
}

div#content h4.newsKop
{
	margin:0 0 1em 0
}

div.sideVisual
{
	float:right;
	display:block;
	clear:right;
	margin:0 0 10px 0;
	width:146px;
	height:146px;
}

div.sideVisual img.visual
{
	margin:-20px 0 0 0;
	z-index:100;
}

div.sideVisual a.zoomLink
{
	position:relative;
	top:120px;
	left:126px;
	z-index:200;
}

/*++++++++++++++++++ VISUAL ++++++++++++++++++*/

div#visual
{
	margin:0 0 30px 0;
	
}

div#visualRight
{
	margin:0 0 10px 0;
	
}

div#linkedVisual
{
	margin:-18px 0 30px 0;
}

div#linkedVisual a
{
	position:relative;
	display:block;
	top:293px;
	left:0;
	width:146px;
	padding:3px 3px 3px 14px;
	background:no-repeat 2px 4px url(/gfx/forward_arrow.gif) #f68938;
	color:white;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

div#linkedVisual a:hover
{
	background:no-repeat 5px 6px url(/gfx/dropnav_arrow.gif) #60553f;
}

/*++++++++++++++++++ PROJECTS ++++++++++++++++++*/

div.project
{
	float:left;
	display:block;
	margin:-18px 10px 28px 0;
	width:146px;
	height:146px;
}

div.projectsimpel
{
	margin-bottom: 10px;
}

hr.projectsimpel
{
	clear: both;
	display: block;
	border: none;
	border-bottom: 1px solid #F68937;
	margin: 10px;
}

div.projectsimpel table th
{
	text-align: right;
}

div.projectsimpel table td.content
{
	padding-left: 8px;
}

* html div.project {margin-bottom:10px;}

div.noMargin
{
	margin-right:0px
}

div.project a
{
	position:relative;
	display:block;
	top:137px;
	left:0;
	padding:3px 3px 3px 14px;
	background:no-repeat 2px 4px url(/gfx/forward_arrow.gif) #f68938;
	color:white;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

div.project a:hover
{
	background:no-repeat 5px 6px url(/gfx/dropnav_arrow.gif) #60553f;
}

/*++++++++++++++++++ Components -> quote, interesse ++++++++++++++++++*/


div#quote, div#interesse, div#wereld
{
	width:360px;
	text-align:right;
	color:#48402f;
}

h2.componentTitleLarge
{
	margin:0;
	padding:0;
	font-size:32px;
	color:#999999;
	font-weight:normal
}

h2.componentTitle
{
	margin:0;
	padding:0;
	font-size:24px;
	color:#999999;
	font-weight:normal;
}

div#wereld h3
{
	margin-bottom:2px;
	font-size:12px
}

a.externalLink
{
	padding:0 16px 0 0;
	margin:0;
	line-height:14px;
	background:no-repeat right url(/gfx/forward_arrow.gif);
	color:#48402f;
	text-decoration:none;
}

a.externalLink:hover
{
	text-decoration:underline;
}

/*quote*/

div#quote a
{
	color:#f68938;
}

div#quote a.projectsiteLink
{
	padding:5px 25px 5px 0;
	background:no-repeat right center url(/gfx/projectsite_link.gif);
	font-size:10px;
	text-decoration:none;
}

* html div#quote a.projectsiteLink {display:block;}

div#quote a.projectsiteLink:hover
{
	text-decoration:underline;
}

/*interesse*/

div#interesse
{
	font-size:10px;
}


/*++++++++++++++++++ ALG SUB ++++++++++++++++++*/

div#smallLeft
{
	float:left;
	display:block;
	padding:10px 0 0 0;
	margin:0 0 0 45px;
	width:163px;
}

div#smallLeft address p
{
	font-weight:bold;
	color:#7f7f7f;
	font-style: normal;
}

* html div#smallLeft
{
	margin:0 0 0 22px;
}

div#smallLeft img
{
	margin:0 0 10px 0;
	float:left;
}

div#contentRight
{
	float:left;
	width:475px;
	padding:10px 15px 0 0;
	background:repeat-y url(/gfx/ver_line_small.gif);
	min-height:300px;
}

* html div#contentRight {height:300px;}

div.wide
{
	width:710px !important;	
	padding-right:0 !important;
}

div.algContent
{
	padding:0 0 0 13px;
}

div.formContent
{

	padding:0 0 0 23px;
}

div#contentRight h4
{
	margin:3px 0 1em 0;
	font-size:14px;
}

/*++++++++++++++++++ NIEUWS ++++++++++++++++++*/

div#pageTitle
{
	height:80px;
	padding:40px 0 0 25px;
	margin:0 20px 0 20px;
	background:repeat-x bottom url(/gfx/hor_line_small.gif);
}

div#news
{
	padding:0;
	margin:0 20px;
	background:repeat-x bottom url(/gfx/hor_line_small.gif);
}

div#latestNews
{
	float:left;
	width:325px;
	margin:0 0 0 20px;
	padding:10px 0 0 0;
}

* html div#latestNews
{
	margin:0 0 0 15px;
}

div#latestNews img
{
	margin:0 10px 10px 0;
	float:left;
	clear:right;
}

div#newsItems
{
	float:left;
	width:475px;
	padding:10px 15px 0 13px;
	background:repeat-y url(/gfx/ver_line_small.gif);
}

div#newsItems a.inlineLink img
{
	vertical-align:middle;
}

div#latestNews a.inlineLink img
{
	vertical-align:middle;
	float:none;
	clear:none;
	margin:1px 0 0 0;
}

div#latestNews h4 a, div#newsItems h4 a
{
	color:#f68938;
	text-decoration:none;
}

/*++++++++++++++++++ CONTACT ++++++++++++++++++*/

div.algContent form
{
	margin:0 0 0 10px;
}

div.algContent form input
{
	font-size:12px;
}

div.algContent form p
{
	margin:0 0 2px 0;
	line-height:15px;
}

div.algContent form h5
{
	font-size:12px ;
	margin:1em 0 1em 0;
}

div.algContent label
{
	display:block;
	float:left;
	width:175px;
	font-weight:bold;
	color:#7f7f7f;
}

div.algContent label span
{
	font-weight:normal;
}

div.algContent form #opmerking
{
	font-size:12px;
}

div.algContent form span#submitBtns
{
	display:block;
	width:397px;
	text-align:right;
}

div.algContent form a.formBtn
{
	padding:3px 14px 3px 5px;
	margin:0 7px 0 0;
	background:no-repeat center right url(/gfx/forward_arrow.gif) #f68938;
	color:white;
	text-decoration:none;
	font-size:10px;
}

/*++++++++++++++++++ ZOEKEN ++++++++++++++++++*/

div.algContent form p.inlineSubmit
{
	margin:0 0 18px 0;
}

div.formContent p#resultNum strong
{
	color:#f68938;
	font-size:14px;
}

div.formContent ul#searchResults
{
	margin:19px 0 0 0;
	padding:0;
}

div.formContent ul#searchResults li
{
	list-style:none;
	margin:0 0 0 0;
	padding:15px 8px;
}

div.formContent ul#searchResults li.oneven
{
	background:#f3f2ed;
}

div.formContent ul#searchResults li a
{
	text-decoration:none;
	color:#f68938;
	font-weight:bold;
}

div.formContent ul#searchResults li strong
{
	margin:0 5px 0 0;
	display:block;
	height:20px;
	width:auto;
	float:left;
}

div.formContent ul#searchResults li a:hover
{
	text-decoration:underline;
}

/*++++++++++++++++++ POPUP ++++++++++++++++++*/

body#popup
{
	padding:7px 7px 20px 7px;
	background:white;
}

body#popup img
{
	margin:0 0 12px 0;
}

body#popup p
{
	maqrgin:0;
	text-align:center;
}

body#popup a
{
	text-decoration:none;
}

body#popup a:hover
{
	text-decoration:underline;
}

body#popup a#prev
{
	padding:0 0 0 8px;
	background:no-repeat 0px 4px url(/gfx/popupPrevIcon.gif);
}

body#popup a#next
{
	padding:0 8px 0 0;
	background:no-repeat 55px 4px url(/gfx/popupNextIcon.gif);
}


body#popup a#closewindow
{
	display:block;
	position:absolute;
	bottom:12px;
	right:9px;
	padding:0 15px 0 0;
	background:no-repeat right url(/gfx/closeIcon.gif);
}

/*++++++++++++++++++ SIFR ++++++++++++++++++*/


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR 
text metrics since the sIFR text in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.componentTitle,
.sIFR-hasFlash h2.componentTitleLarge,
.sIFR-hasFlash h3.contentTitle,
.sIFR-hasFlash h2.contentSubtitle,
.sIFR-hasFlash h2.simpleSubtitle
{
	visibility: hidden;
}

body#popup
{
	padding: 0;
}

body#popup h2.plaats
{
	margin-left: 5px;
	color: #60553f;	
}

body#popup h2
{
	float: left;
	font-size: 12px;
	margin: 4px;
}

body#popup div.navigatie div
{
	float: left;
}