/*
| -------------------------------------------------------------------
| FILENAME:			no.default.css
| DESCRIPTION:		Default Style Sheet
| CREATED:			01/01/2008
| INITIAL AUTHOR:	Elma Smit, Ronald ter Neuzen, Martijn ter Hellen
| UPDATED BY:		Elma Smit, 01/01/2008
| 
| Copyright (c) 2008 KeyAgency
| http://www.nordicheavylift.com/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| blue: #004372;00325b
| gray: #536775;
| green: #4ca265;
| -------------------------------------------------------------------
*/

body
{
	font-family: 'Lucida Grande', 'Arial', Geneva, sans-serif;
	color: #536775;
}

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

th, td
{
	border-width: 1px 0px 1px 0px;
	border-color: #d8d8e3;
	border-style: solid;
	padding: 0.2em;
	font-size: 85%;
}

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

#page
{
	width: 960px;
	margin: 0px auto;
	border-right: 1px solid #e5ecf1;
	background-image: url('../gui/background.jpg');
	/* 		background-repeat: no-repeat; */
	background-position: left bottom;
}

#page .column { float: left; }
#page .row { clear: both; }
#page .one-column { width: 240px; }
#page .two-columns { width: 480px; }
#page .one-half-column { width: 360px; }


#page .overlay {

   /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     

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

#header
{
	height: 150px;
	margin: 0px 0 0 0;
	background-image: url('../gui/mask/subpage-mask.png?3');
	background-repeat: no-repeat;
	background-position: right bottom;
}

* html div#header { background-image: url('../gui/mask/subpage-mask.gif?3'); }

#header #logo
{
	text-align: center;
	margin: 15px 0px;
}

#topmenu ul
{
	float: right;
	margin: 10px 10px 0 0;
	padding: 0px;
}

#topmenu ul li
{
	list-style-type: none;
	display: inline;
	float: left;
}

#topmenu ul li a
{
	display: block;
	font-size: 77%;
	color: #536775;
	text-decoration: none;
	padding: 5px 5px;
}

#header #search { height: 52px; }

#header #search input
{
	background-image: url('../gui/search/search.gif');
	border: 1px solid #fff;
	height: 23px;
	width: 163px;
	padding: 0px 10px;
	margin: 10px 0 0 30px;
	font-size: 85%;
	color: #536775;
}

#breadcrumbs ul
{
	margin: 25px 10px 0 25px;
	padding: 0px;
}

#breadcrumbs ul li
{
	list-style-type: none;
	display: inline;
	float: left;
}

#breadcrumbs ul li a
{
	display: block;
	font-size: 85%;
	color: #206649;
	text-decoration: none;
	padding: 5px 5px;
}

/*
| -------------------------------------------------------------------
| Navigation
| -------------------------------------------------------------------
*/

#navigation ul.secure_pages
{ 
	margin: 40px 15px;
}

#navigation { }

#navigation ul
{
	margin: 0px 15px;
	padding: 0px;
	border-top: 1px solid #8ec795;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation ul li a
{
	display: block;
	font-size: 93%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 12px 15px;
	margin-bottom: 1px;
	border-bottom: 1px solid #8ec795;
}

#navigation ul li a:hover { background-color: #00325b; }

#navigation ul li.selected a,
#navigation ul li.in-path a
{
	background-color: #00325b;
	border-bottom: 1px solid #5985a3;
	background-image: url('../gui/menu/icon.gif?2');
	background-repeat: no-repeat;
	background-position: 15px 12px;
	padding: 12px 15px 12px 40px;
}

#navigation ul li.selected ul,
#navigation ul li.in-path ul { display: block; }

#navigation ul ul
{
	display: none;
	border-top: none;
	border-bottom: 1px solid #8ec795;
	margin: 0px 0px;
	/* 	background-color: #00325b; */
	/* 	js needed */
	width: 210px;
	overflow: hidden;
}

#navigation ul ul li a
{
	font-size: 85%;
	padding: 5px 15px;
	margin-bottom: 1px;
	color: #c9e3be;
	border-bottom: none;
	/* 	js needed */
	font-weight: normal;
	position: relative;
}

#navigation ul ul li.not-selected a,
#navigation ul ul li.selected a,
#navigation ul ul li.in-path a
{
	background-image: none;
	padding: 5px 15px 5px 15px;
	border-bottom: none;
	margin-bottom: 1px;
}

#navigation ul ul li.selected a,
#navigation ul ul li.in-path a { color: #fff; }

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

#page #pagecontent
{
	background-color: #fff;
	min-height: 500px;
	_height: 500px;
	width: 410px;
	padding: 20px 35px 20px 31px;
	border-left: 4px solid #f0f4f7;
}

#pagecontent strong { color: #4ca265; }
#pagecontent a { color: #4ca265; }
#pagecontent a:visited,
#pagecontent a:hover { color: #5985a3; text-decoration: none;}
#pagecontent p.intro { font-weight: bold; }

#pagecontent p.date_publish
{
	margin: 0px;
	text-align: right;
	font-style: italic;
	font-size: 77%;
}

#pagecontent p
{
	font-size: 85%;
	line-height: 150%;
}

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

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

#pagecontent h4
{
	font-size: 93%;
	font-weight: bold;
	line-height: 140%;
	color: #4ca265;
	margin: 0pt 0pt 1em 0pt;
}

#pagecontent em.highlight
{
	color: #fff;
	background-color: #00325b;
	font-style: normal;
	font-weight: bold;
}

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

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

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

#pagecontent  div.folder { border: none; }

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

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

#pagecontent div.list p { padding: 0px; }
#pagecontent div.list p.intro { font-weight: normal; }

/* 
	download
*/

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

/*
| -------------------------------------------------------------------
| sidebar
| -------------------------------------------------------------------
*/

#page #sidebar
{
	background-color: #fff;
	min-height: 500px;
	_height: 500px;
	width: 239px;
	border-left: 1px solid #e0e8ea;
}

#sidebar #vacancies
{
	position: relative;
	overflow: hidden;
	height: 100px;
}

#sidebar #vacancies .vacancy
{
	position: absolute;
	top: 210px;
	height: 100px;
	width: 210px;
	background-color: #fff;
}

#vacancies .vacancy { margin: 0 0 1em 0; }

.heading a
{
	display: block;
	width: 239px;
	background-repeat: no-repeat;
}

.heading a span { display: none; }

.h-pressreleases a
{
	background-image: url('../gui/pressreleases/pressreleases-heading.gif');
	height: 30px;
}

.h-vacancies a { height: 30px; }

.h-werving a
{
	background-image: url('../gui/home/h-werving.gif');
	height: 56px;
	width: 480px;
}

/*
| -------------------------------------------------------------------
| panels
| -------------------------------------------------------------------
*/

.panel { padding: 15px; }

.panel h4
{
	font-size: 93%;
	margin: 0 0 1em 0;
	color: #00325b;
}

.panel h4 a { color: #00325b; }

.panel p
{
	font-size: 85%;
	/* 	margin: 0 0 0 15px; */
	line-height: 140%;
}

.panel a { color: #4ca265; }

.panel a:hover { color: #5985a3;text-decoration: none; }
.panel a:active { color: #5985a3; }

.panel p.date_publish
{
	text-align: right;
	font-style: italic;
	font-size: 77%;
}

/*
| -------------------------------------------------------------------
| Login
| -------------------------------------------------------------------
*/

#login { border-top: 1px solid #e0e8ea;}

#login p span.attent {font-style: italic; font-size: 93%;}

#login input.text
{
	width: 180px;
	margin: 0.5em 0;
	border-color: #c1cdd9 #e0e8ea #e0e8ea #c1cdd9;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	color: #536775;
}

 
#login label { font-size: 93%; color: #004372; font-weight: bold; vertical-align: middle; }

#login input.submit { float: right;  }

#login p.error {color: #990e0e; font-style: italic; font-size: 85%;}

#register p span.error {color: #990e0e; font-style: italic; display: block;}



#register input.text {
	border-color: #c1cdd9 #e0e8ea #e0e8ea #c1cdd9;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	color: #536775;
	width: 230px;
	margin: 0.5em 0;
	float: left;
	}

#register h4 { border-bottom: 1px solid #8EC795; padding: 0 0 10px 0;}

#register div.control { padding: 10px 0 10px 0; display: block; clear: both;}

#register label { font-size: 93%; color: #004372; float: left; width: 170px; }

#register label .description { padding: 3px 0 0 10px;  clear: both; display: block; font-style: italic; font-size: 85%; color: #b8c3ce;}

#register label .req { padding: 0 0 0 5px; color: #990e0e;}


#register label.inline { width: 50px; float: left; height: 20px;}
#register .radiobuttons input { float: left; }

#register .radiobuttons { width: 230px;float: left;}

#register .radiobuttons span { float: left;}

#register p.error {color: #990e0e; font-style: italic; font-size: 85%;}

#register div.control { clear: both; }

/* 
	.widget { margin: 15px; border: 1px solid #8EC795;padding: 15px;}



.widget legend { font-size: 93%;}

.widget legend .attent { font-style: italic; font-size: 93%;}
*/