#firstrow
{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 4px;
}

#article
{
	float: right;
	width: 195px;
	background: #e5e5e5;
}

.mid_left #article
{
	width: 300px;
}

#article .box_body
{
	padding: 10px 8px 0 8px;
}

#news_first 
{
	background-color:#ffffff;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	margin-top: 5px;
}

#buttons
{
	float: left;
	width: 290px;
}

#atvdate
{
	position: absolute;
	margin-left: 210px;
	margin-top: 47px;
	font-size: 11px;
	font-weight: bold;
	color: #4f4f4f;
}

#mapcontainer
{
	width: 487px;
	height: 588px;
	top: 185px;
	position: absolute;
}

div.positionmarker
{
	width: 28px;
	height: 23px;
	background: url(../img/hinderdriehoek.png);
	position: absolute;
	z-index: 99;
	cursor: pointer;
}

div.positionmarkername
{
	color: #fff;
	width: 10px;
	height: 10px;
	background-color: #000;
	font-size: 10px;
	position: absolute;
	padding: 0 0 2px 1px;
	line-height: 10px;
	z-index: 100;
	cursor: pointer;
}

div.positioncontainer
{
	position: absolute;
	left: 23px;
	top: -2px;
	border: solid 2px #078594;
	padding: 5px;
	font-size: 11px;
	background: #fff;
	width: 250px;
	z-index: 200;
}

div.hidden
{
	display: none;
}

.closecontainer
{
	color: #fff;
	width: 11px;
	height: 10px;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: hand;
	background: #078594 url(../img/close.gif) 1px 1px no-repeat;
}

.projectitem
{
	padding-bottom: 5px;
}

.deletelink
{
	padding-left: 4px;
}



#homecoverup
{
	position: absolute;
	width: 190px;
	height: 90px;
	top: 5px;
	margin-left: -17px;
	cursor: hand;
}

#homecoverup a
{
	display: block;
	width: 100%;
	height: 100%;
}

#homecoverup a img
{
	border: none;
	width: 100%;
	height: 100%;
}

#breadcrumbs
{
	font-size: .75em;
	padding: 3px 0 3px 4px;
	background: #e1e1e1;
	color: #474747;
	margin-bottom: 8px;
}

#breadcrumbs a
{
	padding: 0 3px 0 3px;
	color: #474747;
}

/*--------------------------------------
COLORS

#f16800	- dark pink
#f16800	- light pink

---------------------------------------*/


body {
	margin: 0 auto;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: #E1E1E1;
	text-align: center;
}

/* Make sure the table cells show the right font */
td { font-family: arial, helvetica, sans-serif; }


/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a.anchor { color: #f16800; text-decoration: none; font-size: 0.85em;}
a { text-decoration: none; padding: 1px; }
a:link, a:visited { color: #f16800; text-decoration: none; }
a:hover { color: #f16800; text-decoration: underline; }
a:active { color: #f16800; text-decoration: none; }

a.link {cursor: hand;}

/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: 200;
}

h2, h2 a:link, h2 a:visited, h2 a:hover
{
	margin: 4px 0;
	color: #474747;
	font-size: 0.9em;
	font-weight: bold;
}

h3, h3 a:link, h3 a:visited, h3 a:hover
{
	margin: 4px 0;
	color: #474747;
	font-size: 95%;
	font-weight: bold;
}

h4 {
		margin: 0;
		padding: 2px 4px 2px 20px;
		color: #FFF;
		font-size: 0.8em;
		font-weight: bold;
}

p,  label {
	color: #000;
	font-size: 1.1em;
	line-height: 1.3em;
	font-size: 0.75em;
	padding: 0;
	/*margin-bottom: 1em;*/
	margin: 4px 0;
}

input, select {
	color: #000;
	font-size: 1em;
}

label {
	padding-right: 5px;
	padding-left: 2px;
}




/* specific cases */

.home_btn {	
	font-size: 0.75em;
	padding-right: 4px;
	margin-bottom: 2px;
}

.box_form p, .box_form input, .box_form label, .box_form select {
	color: #474747;
}
.tip, .tip a, .tip a:hover 
{
	line-height: normal;
	text-decoration: none;
	color: #6D6D6D;
}

.news_item .title {
	font-size: 0.95em;
	color: #f16800;
}

.news_item .description {
	margin-left: 8px;
}

/* VIDEO SIMULATIES */

.video_icon {
	vertical-align: top;
}

.video_description
{
	font-size: 11px;
}

.photo_thumb {
	vertical-align: top;
}

.photo_description, .photo_description a, .photo_description a:link
{
	line-height: normal !important;
	vertical-align: middle;
	color: #6D6D6D !important;	
}
	
.photo_description span, .video_description span 
{
	font-size: 11px;
}	

.photo_thumb img {
	border: 1px solid #6D6D6D;
}



/*--------------------------------------
LINKS AND BUTTONS
---------------------------------------*/

.home_btn, .home_btn a, .home_btn a:link, .home_btn a:visited {
	color: #474747;
	text-decoration: none;
}
.home_btn a:hover { 
	color: #f16800;
	text-decoration: none;
}
.home_btn a:active {
	color: #f16800;
	text-decoration: none;
}

a.fontsize_btn img {
	border: 1px solid #6D6D6D;
	margin-left: 2px;
}

a.fontsize_btn:link img, a.fontsize_btn:visited img {
	border: 1px solid #6D6D6D;
} 
a.fontsize_btn:hover img  {
	border: 1px solid #f16800;
} 
a.fontsize_btn:active img  {
	border: 1px solid #6D6D6D;
} 


/* Read more button */

.readmore_btn a, .readmore_btn a:link, .readmore_btn a:visited, .readmore_btn a:active {
	color: #ff6f00;
	text-decoration: none;
	font-weight: bold;
}
.readmore_btn a:hover { 
	color: #ff6f00;
}

.readmore_btn a img, .readmore_btn a:link img, .readmore_btn a:active img {
	background: url(../img/bull_readmore.gif) center left no-repeat;
}
.readmore_btn a:hover img {
	background: url(../img/bull_readmore_over.gif) center left no-repeat;
}


.body_right .readmore_btn a img, .body_right .readmore_btn a:link img, .body_right .readmore_btn a:active img {
	background: url(../img/bull_readmore_white.gif) center left no-repeat;
}
.body_right .readmore_btn a:hover img {
	background: url(../img/bull_readmore_white_over.gif) center left no-repeat;
}


/* Read more button */

.form_btn a, .form_btn a:link, .form_btn a:visited, .form_btn a:active {
	color: #f16800;
	text-decoration: none;
	font-weight: bold;
}
.form_btn a:hover { 
	color: #f16800;
	text-decoration: none;
}
.form_btn a img, .form_btn a:link img, .form_btn a:visited img, .form_btn a:active img {
	background: url(../img/form_btn.gif) center left no-repeat;
}
.form_btn a:hover img { 
	background: url(../img/form_btn_over.gif) center left no-repeat;
}




/** HEADER ************************************************/

.header_top {
	float: right;
	height: 36px;	
	vertical-align: bottom;
}
.header_top table td {
	height: 36px;
	vertical-align: bottom;
}

#header input, #header select {
	color: #000;
	font-size: 0.7em;
	width: 155px;
}

.header_main .spacer {
	background-color: #FFF;
}



.search_label {
	font-weight: bold;
	padding: 0 4px 0 10px;
}


/** FOOTER ************************************************/

#footer a, #footer span {
	padding: 0px 2px;
	color: #474747;
	text-decoration: none;
}
#footer a:link, #footer a:visited {}
#footer a:hover { 
	color: #f16800;
}
#footer a:active, #footer a.selected {
	color: #474747;
	text-decoration: none;
}

#footer p {
	margin-bottom: 0.5em;
}

#footer .divider {
	background: url(../img/footer_divider.gif) center center no-repeat;
}

#footer .copyright {
	color: #f16800;
}

/* images */
.picture_left
{
	display: inline;
	float: left;	
	padding: 0 0 0 0; 
}

/** NAVIGATION LISTS **************************************/

/*  
	general styles 
    applies to nav lists in sidebar and left column 
*/
.nav
{
	width: 155px;
	margin-bottom: 0.8em;
}

.nav ul {
    margin-left: 0; 
	padding-left: 0;
	margin-top: 0.8em;
}

.nav li {
    list-style: none;
}

.nav a  {
    display:block;
	font-size: 0.75em;
		line-height: 1.2em;
	text-decoration:none;
}

.nav a:link, .nav a:visited {
	color: #000;
	text-decoration: none;
}

.nav a:hover {
	color: #f16800;
	text-decoration: none;
}

.nav a:active, .nav a.selected {
	color: #f16800;
	text-decoration: none;
}

.nav ul  { 
}
.nav ul li ul { 
    /* spacing lv1 */
	margin-top: 0.8em;
}
.nav ul li ul li ul { 
	margin-top: 0;
}
.nav ul li { 
    /* spacing between lv1 and lv2 */
	padding-bottom: 0;
}

.projectnavtopitem
{
	padding-top: 5px;
	padding-left: 7px !important;
	font-size: .75em !important;
	color: #000 !important;	
	text-transform: uppercase;
}

.nav ul li ul li { 
	padding-bottom: 0;
}
.nav ul li ul li ul li {
	padding-bottom: 0; 
}

/*  --- level 1 */
.nav ul li a, .nav ul li p {
	padding-left: 18px;	
	font-weight: bold;
}
.nav ul li a:link, .nav ul li a:visited {
    color: #000;
}
.nav ul li a:hover {
	color: #f16800;
}
.nav ul li a:active, .nav ul li a.selected {
	color: #f16800;
}

/*  --- level 2 */
.nav ul li ul li a {
    padding-left: 27px;	
	font-weight: normal;
}
.nav ul li ul li a:link, .nav ul li ul li a:visited {
    background:  url(../img/nav_lv2.gif) 0px 3px no-repeat;
	color: #474747;	
}
.nav ul li ul li a:hover {
    background:  url(../img/nav_lv2_over.gif) 0px 3px no-repeat;
	color: #f16800;
}
.nav ul li ul li a:active, .nav ul li ul li a.selected, 
.nav ul li ul li a.selected:link, .nav ul li ul li a.selected:active, 
.nav ul li ul li a.selected:visited, .nav ul li ul li a.selected:hover {
    background:  url(../img/nav_lv2_active.gif) 0px 3px no-repeat;
	color: #f16800;
}

/*  --- level 3 */

.nav ul li ul li  ul li a {
    padding-left: 36px;	
	font-weight: normal;
}
.nav ul li ul li ul li a:link, .nav ul li ul li ul li a:visited {
    background:  url(../img/nav_lv3.gif) 0px 3px no-repeat;
	color: #474747;	
}

.nav ul li ul li ul li a:hover {
    background:  url(../img/nav_lv3_over.gif) 0px 3px no-repeat;
	color: #f16800;
}

.nav ul li ul li ul li a:active, .nav ul li ul li ul li a.selected,
.nav ul li ul li ul li a.selected:link, .nav ul li ul li ul li a.selected:visited,
.nav ul li ul li ul li a.selected:active, .nav ul li ul li ul li a.selected:hover {
    background:  url(../img/nav_lv3_active.gif) 0px 3px no-repeat;
	color: #f16800;
}

#nav-project li
{
	padding-bottom: 7px;
	font-weight: bold;
}

#nav-project li a
{
	font-weight: bold;
}

/*  
	specific styles for navbutton ...  
*/

#default_project_btn
{
	background: #e9e9e9;
}
.nav_btn 
{
	font-weight: normal;
	font-size: 0.75em;
	padding: 1em 0px 1em 18px ; 
}
.nav_btn a, .nav_btn a:link, .nav_btn a:visited, .nav_btn a:active {
	color: #000;
	text-decoration: none;
}
.nav_btn a:hover { 
	color: #f16800;
	text-decoration: none;
}


/*  
	specific styles for globalnav, ...  
*/

/*  --- remove space between lv1 and subitems lv2 */
#global_nav .nav ul li ul { 
	margin-top: 0;
}
/*  --- add space between lv1 items */
#global_nav .nav ul li { 
	margin-bottom: 1em;
}
#global_nav .nav ul li ul li { 
	margin-bottom: 0;
}
#global_nav .nav ul li ul li ul li { 
	margin-bottom: 0;
}

/*  
	specific styles for projectnav ...  
*/

/*  --- add space between lv2 items */
#project_nav .nav ul li ul li { 
	margin-bottom: 0.5em;
}
#project_nav .nav ul li ul li ul li { 
	margin-bottom: 0;
}

/*  --- level 1 */
#project_nav .nav ul li a:link, #project_nav .nav ul li a:visited, 
#project_nav .nav ul li a:hover, #project_nav .nav ul li a:active, 
#project_nav .nav ul li a.selected {
	font-weight: bold;
}

/*--------------------------------------
PAGE STRUCTURE
---------------------------------------*/


#wrapper{
	margin: auto;
	voice-family: inherit;
	width: 55em;
	min-width: 850px;
	text-align: left;
}

.gallery-container-cell
{
	text-align: center;
}

#gallerywrapper
{
	background-color: #fff;
	margin: auto;
	voice-family: inherit;
	text-align: left;
}

#wrapper form
{
	margin: 0px;
	padding: 0px;
}

#header 
{
	width: 100%;
	margin: 0px;
	float: left;
}

#header_inner 
{
	margin: 0px 25px 0px 25px;
}

.header_bottom
{
	margin: 0px;
	width: 100%;
}

#header_bottom form
{
	margin: 0;
	padding: 0;
}

#header_masterplan
{
	background:  url(../img/palet_mint/header_masterplan.png) no-repeat;
	behavior: url(../css/iepngfix.htc);
	padding-left: 79px;
}

.search_btn
{
	cursor: hand;
}

.search_map
{
	font-size: .8em;
	cursor: hand !important;
}


.search_map:hover
{
	cursor: hand !important;
	text-decoration: none;
}

#main 
{
	margin: 0px 25px 0px 25px;	
}

#footer {
	margin: 30px 25px 0px 45px; /* left col is 20 px wider and we want footer centered of maincolumn*/
	text-align: center;
}

.clearing {
	height: 1px;
	clear: both;
}
.clear {
	clear: both;
}

.h_divider {
	background-color: #FFF;
	height: 4px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.v_divider {
	background-color: #FFF;
	width: 4px;
}

/** MAIN ***********************************************/

.main_table {
	width: 100%;
}

.left_col {
	width: 22%;
	vertical-align: top;
	background-color: #F5F5F5;
}

.right_col {
	width: 18%;
	vertical-align: top;
	background-color: #FFF;
}

.center_col 
{
	font-size: 95%;
	width: 60%;
	vertical-align: top;
	background-color: #FFF;
}

.center_table {
	width: 100%;
}

.center_top {
	vertical-align: top;
	background-color: #F5F5F5;
}

.center_mid {
	vertical-align: top;
	width: 100%;
	padding-top: 3px;
}

.mid_table
{
	clear: both;
	float: left;
	vertical-align: top;
	width: 487px;
}

.mid_left
{
	width: 288px;
	padding-right: 4px;
	vertical-align: top;
	background-color: #FFF;
}

.mid_right
{
	vertical-align: top;
	background-color: #E5E5E5;
}

.mid_bottom {
	vertical-align: bottom;
	background-color: #F5F5F5;
}


/** BOXES ***********************************************/






.main_article 
{
	width: 100%;
	background: transparent url(../img/bg_news.gif) left top no-repeat;
	margin: 0px;
	clear: right;
	float: left;
}

.main_article_body 
{
	margin: 6px 0 5px 2px;
	width: 100%;
	float: left;
	padding: 0 4px 4px 4px;
	/*background: transparent url(../img/main_artile_picture_left_bg.gif) 4px bottom repeat-y;*/
}

.main_article_body .picture_left
{
	float: left;
	width: 57%;
	clear: none;
	height: 100%;
	height: 100%;
}

.main_article_body .body_right
{
	float: left;
	clear: none;
	width: 180px;
	display: inline;
	color: #fff;
}

.main_article_body .body_right a, .main_article_body .body_right h2, .main_article_body .body_right span
{
	color: #fff;
}

.main_article_body .body_right .readmore_btn a
{
	color: #fff;
}

.main_article_body .body_right h2
{
	font-size: 1.1em;
}

.picture_left 
{
	margin: 0 14px 8px 0 ;
}

.box_body { 
	padding: 1em 5px;
}

.box_form {
	background-color: #f5f5f5;
	padding-top: 1em 5px;
}

.camera_box_body {
    margin: 5px;
}

.camera_box_body img
{
	display: block;
    clear: both;
}

.box_photos table {
	margin: 3px 5px 0px 2px;
}

.box_videos .box_body {
	padding: 5px 1px;
} 

#tips, #photos, #videos, #camera
{
	background-color: #e5e5e5;
}


/*********************/

#newsticker {
	background-color:#888;
	margin: 0;
	padding: 2px 0px;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFF;
}

/*--------------------------------------
PROJECT BUTTONS LEFTCOLUMN 
---------------------------------------*/

#languages .nav ul li ul li, #specific_links .nav ul li ul li, #futureprojects .nav ul li ul li, #other_sites .nav ul li ul li
{
	display:inline;
}
#languages .nav ul li ul li a 
{
    padding-left: 36px;	
}
#languages .nav ul li ul li a.english {
	background:  url(../img/ico_english.gif) no-repeat;
}
#languages .nav ul li ul li a.french {
	background:  url(../img/ico_french.gif) no-repeat;
}
#languages .nav ul li ul li a.german {
	background:  url(../img/ico_german.gif) no-repeat;
}

.project_btn {	
	font-size: 0.75em;
	height: 50px;
	margin: 0px;
	color: #FFF;
	font-weight: bold;
	padding-left: 17px;
	background-position: 16px 16px;
	vertical-align: middle;
}

.project_btn a:link, .project_btn a:visited, .project_btn a:active, .project_btn a:hover {
	color: #FFF;
	text-decoration: none;
}

.blue_1 { background: #164D6C url(../img/wave_blue_1.gif) 50px 0px no-repeat; }
.blue_2 { background: #21709D url(../img/wave_blue_2.gif) 50px 0px no-repeat; }
.blue_3 { background: #5999BF url(../img/wave_blue_3.gif) 50px 0px no-repeat; }
.blue_4 { background: #68B9D7 url(../img/wave_blue_4.gif) 50px 0px no-repeat; }
.orange_1 { background: #A74F15 url(../img/wave_orange_1.gif) 50px 0px no-repeat; }
.orange_2 { background: #C16903 url(../img/wave_orange_2.gif) 50px 0px no-repeat; }
.orange_3 { background: #DC8219 url(../img/wave_orange_3.gif) 50px 0px no-repeat; }
.orange_4 { background: #FD8B07 url(../img/wave_orange_4.gif) 50px 0px no-repeat; }
.orange_5 { background: #FFB829 url(../img/wave_orange_5.gif) 50px 0px no-repeat; }
.orange_6 { background: #F6D22A url(../img/wave_orange_6.gif) 50px 0px no-repeat; }
.green_1 { background: #ADBF29 url(../img/wave_green_1.gif) 50px 0px no-repeat; }
.green_2 { background: #699431 url(../img/wave_green_2.gif) 50px 0px no-repeat; }

.blue_1 .project_btn { background: url(../img/arrow_blue_1.gif) 0px 12px no-repeat; }
.blue_2 .project_btn { background: url(../img/arrow_blue_2.gif) 0px 12px no-repeat; }
.blue_3 .project_btn { background: url(../img/arrow_blue_3.gif) 0px 12px no-repeat; }
.blue_4 .project_btn { background: url(../img/arrow_blue_4.gif) 0px 19px no-repeat; }
.orange_1 .project_btn { background: url(../img/arrow_orange_1.gif) 0px 19px no-repeat; }
.orange_2 .project_btn { background: url(../img/arrow_orange_2.gif) 0px 19px no-repeat; }
.orange_3 .project_btn { background: url(../img/arrow_orange_3.gif) 0px 19px no-repeat; }
.orange_4 .project_btn { background: url(../img/arrow_orange_4.gif) 0px 12px no-repeat; }
.orange_5 .project_btn { background: url(../img/arrow_orange_5.gif) 0px 12px no-repeat; }
.orange_6 .project_btn { background: url(../img/arrow_orange_6.gif) 0px 4px no-repeat; }
.green_1 .project_btn { background: url(../img/arrow_green_1.gif) 0px 12px no-repeat; }
.green_2 .project_btn { background: url(../img/arrow_green_2.gif) 0px 12px no-repeat; }



.maincontent
{
	color: #000;
	line-height: normal;
	font-size: 0.8em;
	padding: 0;
}

.maincontent p
{
	line-height: normal;
	font-size: 90%;
}

.maincontent ul
{
	line-height: normal;
	font-size: 90%;
}

.maincontent p.readmore_btn
{
	font-size: 100%;
	clear: none;
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

.maincontent a.link
{
	color: #f16800;
	text-decoration: underline;
}

.maincontent span.subtitle, .maincontent td span.subtitle, .maincontent p span.subtitle
{
	margin-top: 15px;
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #474747;
}

.maincontent span.boldText, .maincontent p span.boldText
{
	margin-top: 10px;
	display: block;
	color: #474747;
	font-size: 105%;
	font-weight: bold;
}

.maincontent h2
{
	font-size: 1.2em;
}

.maincontent h3
{
	font-size: 1.2em;
}

.maincontent h4
{
	font-size: 0.95em;
}

#bannerimagelist
{
	width: 90%;
	padding: 0;
	margin: auto;
	clear: both;
}

#bannerimagelist li
{
	list-style: none;
	width: 33%;
	float: left;
	text-align: center;
}

#bannerimagelinklist
{
	width: 90%;
	padding: 0;
	margin: 0 auto 15px auto;
	clear: both;
}

#bannerimagelinklist li
{
	list-style: none;
	width: 33%;
	float: left;
	text-align: center;
	font-size: 0.9em;
	padding-top: 5px;
}

#shortcutlinklist
{
	font-size: 100%;;
	width: 90%;
	padding: 0;
	margin: 0 auto 15px auto;
	clear: both;
}

#shortcutlinklist li
{
	list-style: none;
	float: left;
	text-align: center;
	font-size: 0.9em;
	padding-top: 5px;
}

#shortcutlinklist li a, #shortcutlinklist li a:link
{
	padding-left: 13px;
	background: url(../img/bull_readmore.gif) center left no-repeat;
}

#shortcutlinklist li a:hover
{
	padding-left: 13px;
	background: url(../img/bull_readmore_over.gif) center left no-repeat;
}

#downloads
{
	font-size: 100%;
	width: 90%;
	padding: 0;
	margin: 0 auto 15px auto;
	clear: both;
}

#downloads li
{
	list-style: none;
	font-size: 0.9em;
	padding-top: 5px;
}

#downloads .thumbcontainer
{
	margin: 7px 0 0 10px;
}

#downloads .thumbcontainer img
{
	margin-bottom: 15px;
}

#downloads li a, #downloads li a:link
{
	padding-left: 13px;
	background: url(../img/bull_readmore.gif) center left no-repeat;
}

#downloads li a:hover
{
	padding-left: 13px;
	background: url(../img/bull_readmore_over.gif) center left no-repeat;
}

#downloads li a.thumbnail
{
	background: none;
	padding: 0;
}