/*
 *	Neas - Show Equipment
 *	
 *	Algemene stylesheet
 *
 */


@import url("../../cms/scripts/lightbox/lightbox.css");

*{border:0;margin:0;padding:0;background:transparent;} 

/* Twee onderstaande regels zorgen ervoor dat er altijd een scollbalk is */
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/*~~~~~~~~~~~ General styles ~~~~~~~~~~~~~~~*/

.pagetitle
{
	font-size: 16px;
	color: #0065BB;
	line-height: 200%;
}

.style5
{
	font-size: 12px;
	color: #CCCCCC;
}
	
.submitbutton
{
  border-style: solid;
  border-color: #4B7A20;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 2px;
	border-bottom-width: 2px;
  color: #888;
  font-weight: bold;
}

input
{
	border: 1px solid #AAAAAA;
	padding: 1px;
	margin: 1px;
	color: #922EC3;
}

.hiddenImage
{
	display:none;
}

body
{
	font-family: "trebuchet ms", verdana, arial, tahoma, serif;
	font-size: 80%; color: #888888;
	background-color: #ffffff;
	line-height: 150%;
	margin-top: 0;
	background: #ffffff url('images/bg_blauw2.gif') top center repeat-x;
}

#border
{
	border: 0px ;
	width: 1000px;
	background-color: #FFF;
	background:url('images/background_blauw2.gif') no-repeat;
	margin: 0 auto;
}

#header
{
	height: 192px;
	width:971px;
	margin-left:-1px;
	background-image:url('images/header.jpg');
}

#headerspacer{
	height: 41px;
}

* html #header { margin-left: 0; }



/* ~~~~~~~~~ menu ~~~~~~~~~ */

#menu_container
{
	position:relative;
	top:0px;
	left:0;
	width:970px;
	height:41px;
	text-align:center;
	background:#fff url(images/menu_bg.gif) repeat-x;
}

#menu
{
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	list-style-type:none;
	width:842px;
	height:41px;
	background:transparent url(images/menu_divider.gif) no-repeat top right;
}

#menu li
{
	float:left;
	display:inline;
	width:120px;
	background:transparent;
	background:#fff url(images/menu_knop.gif);
}

#menu li a,
#menu li a:visited
{
	display:block;
	width:120px;
	height:41px;
	color:#3b3bac;
	font-size:1em;
	letter-spacing:0.1em;
	text-decoration:none;
	line-height:45px;
	_margin-bottom: -5px; /* IE6 */
	/*font-family:arial, verdana, sans-serif;*/
}

#menu li a:hover,
#menu li a.chosen,
#menu li a.chosen:visited,
#menu li a:focus
{
	color:#fff;
	background:transparent url(images/menu_knop_hover.gif);
} 

#menu #beheer	a,
#menu #beheer	a:visited
{
	color:#4B7A20
}
#menu #beheer a:hover,
#menu #beheer a.chosen,
#menu #beheer a.chosen:visited,
#menu #beheer a:focus
{
	color:#fff;
	background:transparent url(images/menu_knop_beheer_hover.gif);
} 


#content
{
	padding: 0.5em 1em;
	max-width: 970px; /* was 740*/
	background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container
{
	width: 970px;
	margin: 0 auto;
	background-color: #fff;
	border: 0px solid #669900;
}

.splitleft
{
	background: #ffffff;
	margin:auto;
	width: 740px;
	float: left;
	overflow: hidden;
	text-align: justify;
}


#logo
{
	float:right;
	width:180px;
	height:50px;
	margin-top: 10px;
	background: url(images/logo_180.jpg) no-repeat;
}


/* ~~~~~~~~~~~~ contact info box ~~~~~~~~~~~~ */

#contactinfo{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:10px 0 20px 20px;
	background: url(images/contactinfoheader.gif) no-repeat;
	text-align:center;
	line-height:1.2em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#contactinfo a {
	border-bottom: none;
	color:#999999;
	font-size:0.9em;
}

#contactinfo h3{
	text-align: center;
	position:static;
}

#contactinfo a:link, a:visited{
	color:#999999;
}

#contactinfo a:hover, a:active{
	color:#5B8FBE;
}

#contactinfo ul, #contactinfo li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

    

/* ~~~~~~~~~ Admin balkje ~~~~~~~~~ */    
.adminbalk
{
	font-size: 85%;
	background-color: #FFFFAA;
	border: 1px solid #FFD47F;
	padding-left: 0.5em;
	padding-right: 0.2em;
	height: 2em;
}
.ingelogdbalk
{
	background-color: #EDF7FE;
	border: 1px solid #7BABE1;
	color: #20528C;
	padding-right: 0.5em;	
}
	
.adminbalk .ingelogdalsbox
{
	float: left;
	width: 60%;
}
.adminbalk .knoppenbox
{
	float: right;
	width: 30%;
	text-align: right;
} 
.adminbalk .knoppenbox img
{
	vertical-align: middle;
}

/* ~~~~~~~~~~~~ frontpage ~~~~~~~~~~~~ */

#latest_news
{
	margin-top: 20px;
	line-height: 1.2em;
	width: 700px;
}

#news_verticalbanner
{
	color: #FFAA00;	
	/*background-color:#EDDBFF;*/
	width: 10px;
	height: 220px;
	float:left;
	padding: 2px;
	text-align: center;
}

#news_container
{
	width: 675px;
	margin-left: 10px;
}
.news_item
{
	width: 675px;
	border-bottom: 2px solid #EAEAEA;
	margin-bottom: 20px;
}
.news_bar
{
	border-bottom: 1px solid #C0C0C0;
	background-color: #F5F5F5;
	width: 675px;
	height: 1.5em;
}
.news_title
{
	float: left;
	width: 475px;
	margin-left: 0.5em;
	color: #FF7F2A;
	font-size: 1.1em;
}
.news_timestamp
{
	float: right;
	width: 150px;
	margin-right: 0.5em;
	text-align: right;
	color: #888;
}
.news_content
{
	width: 625px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.news_item .adminbalk
{
	height: 20px;
	border-top: 0;
	line-height: 1.2em;
}
.news_item .adminbalk .knoppenbox
{
	margin-top: 2px;
	height: 18px;
}

#latest_news #more_news
{
	width: 700px;
	height: 2em;
	text-align: right;
	padding-right: 1em;

}


/* ~~~~~~~~~~~~ nieuws overzicht ~~~~~~~~~~~~ */

#nieuws_overzicht
{
	width: 735px;
}
#nieuws_overzicht #nieuws_navigatie_boven,
#nieuws_overzicht #nieuws_navigatie_onder
{
	width: 735px;
	height: 2em;
}

#nieuws_overzicht .nieuwere_berichten
{
	float: left;
	width: 20em;
	padding-left: 0.5em;
}
#nieuws_overzicht .oudere_berichten 
{
	float: right;
	width: 20em;
	padding-right: 0.5em;
	text-align: right;
}
#nieuws_overzicht .oudere_berichten a,
#nieuws_overzicht .nieuwere_berichten a
{
	vertical-align: middle;
	height: 2em;
}



#nieuws_overzicht .news_item,
#nieuws_overzicht .news_bar
{
	width: 730px;
}
#nieuws_overzicht .news_content
{
	width: 710px;
}
#nieuws_overzicht .news_title
{
	width: 530px;
}

/* ~~~~~~~~~~~~ mensen ~~~~~~~~~~~~ */
#employees
{
	width: 725px;
	margin-top: 10px;
}
#employees .emp_container
{
	margin-bottom: 1.5em;
}
#employees .emp_name
{
	font-size: 14px;
	color: #0065BB;
	border-bottom: 1px solid orange;
}
#employees .emp_photo
{
	float:left;
	margin-top: 3px;
	width: 100px;
}
#employees .emp_photo img
{
	width: 100px;
}
#employees .emp_description
{
	float:left;
	padding-left: 7px;
	width: 618px;
	
}
#employees .emp_container .clearer
{
	clear: left;
	line-height: 0;
	height: 0;
}


/* ~~~~~~~~~~~~ portfolio ~~~~~~~~~~~~ */
#portfolio
{
	width: 725px;
	height: 455px;
}
#portfolio .pf_title
{
	text-align: center;
	height: 25px;
	border-bottom: 1px solid #E6E6E6;
}
#pf_thumbs
{
	float:left;
	width: 175px;
	height: 440px;
	padding-top: 0.5em;
	border: 1px solid #E6E6E6;
}
#pf_thumbs_tile_container
{
	width: 175px;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	padding-top:10px;
	
}
#pf_thumbs .tile
{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
	margin: 15px 0 20px 25px !important;
  margin: 15px 0 20px 30px;
  _margin-left: 13px !important; /*IE 6*/
  
}
#pf_thumbs .tile .innerdiv
{
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  border-top: 1px solid #FFF;
}
#pf_thumbs .tile .innerdiv p
{
  color: #777;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 6px;
  padding-left: 9px;
  *padding-left: 6px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  text-align: center;
  line-height: 150%;
}
#pf_thumbs .tile .innerdiv .thumb
{
	width: 100px;
}

#pf_item
{
	float:left;
	width: 530px;
	height: 440px;
	border: 1px solid #E6E6E6;
	padding-top: 0.5em;
}
#pf_item_contents
{
	height: 410px;
	overflow: auto;
}

#pf_item_file 
{
	text-align: center;
	margin-top: 30px;
}
#pf_item_file img
{
	max-width: 450px;
	/* max-widht in IE6: */
	width:expression(document.body.clientWidth > 450? "450px": "auto" );
	
	padding: 4px;
	border: 1px solid #ADAAAD;
	background-color: #FBFBFB;
}

#pf_item_selectitem,
#pf_item_description
{
	text-align: center;
	margin-top: 30px;
}

/* ~~~~~~~~~~~~ partners ~~~~~~~~~~~~ */
#partners
{
	width: 725px;
	margin-top: 10px;
}
#partners .par_container
{
	margin-bottom: 1.5em;
}
#partners .par_header
{
	color: #0065BB;
	border-bottom: 1px solid orange;	
}
#partners .par_name
{
	float: left;
	font-size: 14px;
	
}

#partners .par_link
{
	float: right;
	font-size: 12px;
	color:#999999;
}
#partners .par_link a img
{
	vertical-align: top;
}
#partners .par_link a
{
	color: #999999;
}
#partners .par_link a:hover
{
	color: orange;
	text-decoration: underline;
}

/* (nog) niet in gebruik
#partners .par_logo
{
	float:left;
	margin-top: 3px;
	width: 100px;
}
#partners .par_logo img
{
	width: 100px;
}
*/
#partners .par_description
{
	float:left;
	padding-left: 7px;
	/* Nodig bij logo:
	 width: 618px;
	*/
	
}
#partners .par_container .clearer
{
	clear: left;
	line-height: 0;
	height: 0;
}

/* ~~~~~~~~~~~~ vacatures ~~~~~~~~~~~~ */
#jobs
{
	width: 725px;
	margin-top: 10px;
}
#jobs .job_container
{
	margin-bottom: 1.5em;
}
#jobs .job_title
{
	font-size: 14px;
	color: #0065BB;
	border-bottom: 1px solid orange;	
}

#jobs .job_description
{
	float:left;
	padding-left: 7px;
	width: 618px;
	
}

/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: center;
	height: 30px;
	/*background-color: #E7F2FE;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	*border-top-color: #CCC;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 0;
	clear: both;	
}

#footer #spacer
{
	margin-top:50px;
	*margin-top:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	*border: none;
}

#footer a:link, a:visited
{
	color:#5B8FBE;
}

#footer a:hover, a:active
{
	color:#cccccc;
}




a:active,
a:visited,
a:link	    			{ color: #FF7F2A; text-decoration: none; }
a:hover					{ color: #0065A0; text-decoration: none; }


/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
	font-size: 120%;
	color: #659500;
}

h3{
	color:#5B8FBE;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}