/*
| -------------------------------------------------------------------
| FILENAME:			nx.default.css
| DESCRIPTION:		Default Style Sheet
| CREATED:			05/02/2008
| INITIAL AUTHOR:		Elma Smit
| UPDATED BY:			Elma Smit, 05/02/2008
| 
| Copyright (c) 2007 KeyAgency
| http://www.nexpri.nl/
| -------------------------------------------------------------------
| De basis kleuren die in de site gebruikt worden:
|
| grijs: #415968
| rood: #bc221a //#b42e34
| groen: #56a928 //#6db33f
| blauw: #007bc0 //#0079c1
| oranje: #f15600 //#e96d1f
| -------------------------------------------------------------------
*/

body
{
	font-family: 'Lucida Grande', 'Arial', Geneva, sans-serif;
	color: #415968;
	background-color: #a0acb3;
/* 		background-image: url('../gui/bg2.gif?8');
	background-repeat: repeat-y;
	background-position: center top; */
}

hr,
.hide { display: none; }
.clear { clear: both; }
img { border: none; }
a { outline: none; }

th, td
{
	border: 1px solid #d2d7db;
	padding: 0.5em;
}

/*
| -------------------------------------------------------------------
| BASIS
| -------------------------------------------------------------------
*/

#page
{
	/* 	980px, +5px voor de randen */
	width: 989px;
	margin: 0px auto;
	height: 100%;
	/* 	Needed for roundencorners.js */
	background-color: #fff;
	
}

#page .column { float: left; }

#page .first
{
	width: 200px;
	padding: 0px 10px 0px 15px;
}

#page .second { width: 538px; }

#page .third
{
	width: 200px;
	padding: 0px 14px 0px 10px;
}

#page .row { clear: both; }

/* 	Needed for roundencorners.js */
#page .gray { background-color: #d2d7db; }

#page #pagecontent
{
	background-color: #fff;
	padding: 10px;
}

#page #footer
{
	height: 5px;
	padding: 20px 0 0 0;
}

#home #pagecontent { overflow: hidden; }

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

#header
{
	height: 100px;
	margin: 0px;
}

#logo
{
	width: 675px;
	padding: 0px 0 0 85px;
}

/*
| -------------------------------------------------------------------
| HOMEPAGE
| -------------------------------------------------------------------
*/

#pictures .picture
{
	display: block;
	height: 90px;
	background-image: url('../gui/header/bord-snelweg.jpg?2');
}

#pictures
{
	width: 538px;
	margin: 0 0 10px 0;
}

/*
| -------------------------------------------------------------------
| SEARCH
| -------------------------------------------------------------------
*/

#sitesearch
{
	margin: 25px 0 0 10px;
	background-image: url('../gui/img/search_bg.gif?2');
	height: 33px;
	padding: 7px 0 0 10px;
	width: 190px;
	clear: left;
}

#sitesearch .input
{
	background-image: url('../gui/img/search_icon.gif?2');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 3px 0 3px 20px;
	width: 140px;
	color: #415968;
	border: none;
}

/* \*/
* html #sitesearch
{
	padding: 7px 0 0 0px;
	width: 200px;
}

#sitesearch .arrow { vertical-align: middle; }

/*
| -------------------------------------------------------------------
| LINKS
| -------------------------------------------------------------------
*/

/* 	Contact */
#contact { margin: 80px 0 0 0; }
#contact p { font-size: 85%; }

/*
| -------------------------------------------------------------------
| PAGECONTENT
| -------------------------------------------------------------------
*/

#pagecontent a { color: #415968; }
#pagecontent a:hover { color: #415968; }
#pagecontent p.intro { font-weight: bold; }

#pagecontent p
{
	/* 	padding: 0 0 15px 0; */
	font-size: 93%;
	line-height: 160%;
}

#pagecontent ul
{
	font-size: 93%;
	line-height: 140%;
	font-weight: inherit;
}

#pagecontent h3
{
	font-size: 108%;
	line-height: 140%;
	color: #bc221a;
	margin: 0pt 0pt 1em 0pt;
}

#pagecontent h4
{
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #415968;
}

#pagecontent em.highlight {
	background-color:#bc221a;
	color: #fff;
	padding: 2px 4px;
}

/*
| -------------------------------------------------------------------
| THUMBS
| -------------------------------------------------------------------
*/

#pagecontent .thumbnail_ { margin: 0px 0px 10px 0px; }

#pagecontent .thumbnail_right
{
	float: right;
	margin: 0px 0px 10px 10px;
}

#pagecontent .thumbnail_left
{
	float: left;
	margin: 0px 10px 5px 0px;
}

/*
| -------------------------------------------------------------------
| folders in folders
| - beetje ruk eigenlijk wel nog!
| -------------------------------------------------------------------
*/

#pagecontent  div.hidden { display: none; }
#pagecontent  div.folder { border: none; }

#pagecontent  div.list
{
	padding: 2px 0 2px 0;
	display: block;
	clear: both;
	overflow: auto;
	_height: 1%;
}

#pagecontent div.folder div.folder
{
	margin: 0 0 7px 0;
	border-width: 0 0 1px 0;
	border-color: #eee;
	border-style: solid;
}

#pagecontent div.list p { padding: 0px; }

#pagecontent h4
{
	color: #415968;
	margin-bottom: 10px;
}

#pagecontent p.date_publish
{
	color: #415968;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 77%;
	font-weight: bold;
}

#pagecontent div.list p.intro { font-weight: normal; }
#pagecontent div.list p.readmore a { color: #415968; }
#pagecontent div.list p.readmore a:hover { color: #415968; }

/* 
	download
*/

div.download p a { text-decoration: none; }
div.download p a img { vertical-align: middle; }

/*
| -------------------------------------------------------------------
| PANELS
| -------------------------------------------------------------------
*/

/* 	Homepage panels met randje*/
#home .home
{
	width: 260px;
	float: left;
	margin: 10px 10px 0 0;
}

#home .last { margin-right: 0px; }

#home .border
{
	background-color: #fff;
	margin: 0px;
}

#home .border hr { display: none; }
#home .border h4,
#home .border h4 a,
#home .border ul,
#home .border p { color: #415968; }

#home a
{
	color: #415968;
}

/* 	Algemeen gekleurde panels */
.panel
{
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 15px;
	margin: 0 0 10px 0;
	display: block;
}

.panel h3
{
	font-size: 108%;
	color: #fff;
	margin: 0 0 5px 0;
}

.panel h4
{
	font-size: 93%;
	color: #fff;
	margin: 0 0 5px 0;
}

.panel h4 a
{
	color: #fff;
	text-decoration: none;
}

.panel p
{
	font-size: 85%;
	color: #fff;
	line-height: 140%;
	margin: 0 0 10px 0;
}

.panel a { color: #fff;}

.panel ul
{
	font-size: 85%;
	color: #fff;
	margin: 0 0 0 15px;
	line-height: 140%;
}

.panel p.intro { font-weight: bold; }
.panel p.readmore a { color: #fff; }

/* 	panels met de verschillende kleurtjes */
div.red
{
	background-color: #bc221a;
	background-image: url('../gui/panels/bg_red.gif?4');
}

div.green
{
	background-color: #56a928;
	background-image: url('../gui/panels/bg_green.gif?3');
}

div.blue
{
	background-color: #0079c0;
	background-image: url('../gui/panels/bg_blue.gif?4');
}

div.orange
{
	background-color: #f15600;
	background-image: url('../gui/panels/bg_orange.gif?5');
}

/* 	lijntje onder de heading */
.blue hr
{
	display: block;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #0069A8 #0069A8 #3896CF #3896CF;
}

.red hr
{
	display: block;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #a61e17 #a61e17 #c84a43 #c84a43;
}

.orange hr
{
	display: block;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #d76118 #d76118 #e77b39 #e77b39;
}

.green hr
{
	display: block;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #60a334 #60a334 #7cb954 #7cb954;
}

/* 	headings  */
.panel .heading,
.panel .heading a
{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
}

.projecten
{
	min-height: 242px;
	_height: 242px;
}

.panel .heading span { display: none; }
.vacatures .heading a { background-image: url('../gui/panels/headings/vacatures.gif?2'); }
.projecten .heading a { background-image: url('../gui/panels/headings/projecten.gif?2'); }
.werkvelden .heading { background-image: url('../gui/panels/headings/werkvelden.gif?2'); }
.over-gis .heading { background-image: url('../gui/panels/headings/over-gis.gif?5'); }

.wie-wij-zijn .heading { background-image: url('../gui/panels/headings/wie-wij-zijn.gif?2');height:22px; }
.wat-wij-doen .heading { background-image: url('../gui/panels/headings/wat-wij-doen.gif?2');height:22px; }


/*
| -------------------------------------------------------------------
| PANEL FORM CALLBACK
| -------------------------------------------------------------------
*/
#pagecontent div.callback
{	
	background-color: #fff;
	padding:12px 12px 6px 6px;
}

#pagecontent div.callback table,
#pagecontent div.callback table tr,
#pagecontent div.callback table tr td
{	
	border:0;
	margin:0;
	padding:0;
}

#pagecontent div.callback table tr td
{
	padding: 0 8px 0 8px;
}

#pagecontent div.callback form .input
{
	background-repeat: no-repeat;
	background-position: center left;
	padding: 1px 0 1px 2px;
	margin:3px 0 6px 0;
	width: 100%;
	color: #415968;
}

#pagecontent div.callback form
{
	padding:0 0 0 0;
}

#pagecontent div.callback div.column
{	
	width:95%;
	display:inline-block;
	border-width: 0 1px 0 0;
	border-color: #D2D7DB;
	border-style: solid;
	padding: 0 12px 0 0;
}