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

body
{
	margin:0;
	padding:0;
	font-size:11px;
	background:#60553f;
}

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* ++++++++++++++++++*/

.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#nav h1
{
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	font-size:28px;
	letter-spacing:-2px;
}

td.tdSubnav
{
	display:none;
}

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

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


div#menu,
img#logo,
div#nav h2,  
ul#sitewideNav,
td.tdBottom form,
div.paging,
a.project
{
	display:none;
}

/*++++++++++++++++++ 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
{
	display:block;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:18px;
	letter-spacing:-1px
}

div#content
{
	width:500px;
}

div.wideContent
{
	width:600px !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
{
	
}

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;
}

* 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;
	color:#48402f;
	margin:0 0 20px 0;
}

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

h2.componentTitle
{
	margin:0;
	padding:0;
	font-size:18px;
	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;
}

* 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
{
	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;
}