﻿/*
Title:      	Riemst master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/

* {margin:0; padding:0;} /*apply default to all elements*/
HTML {border: 0;}
BODY{font-family: Helvetica, Arial;	font-size: 62.5%;color: #000;}

/*
body { font: normal 62.5%/1.0em Helvetica, Arial, sans-serif; background-color: #FFFFFF; color:#4e4e4e; }
*/


/*==========================================================*/
.error { COLOR: #ff4444; FONT-WEIGHT: normal;}
.info { COLOR: #ccc; FONT-WEIGHT: 500;}
.footer { COLOR: #999999;}
.labels { COLOR: white; FONT-WEIGHT: 500;}
.labels_discr, .labels_discr a {COLOR: #ccc; FONT-WEIGHT: normal;}
.pageno { BACKGROUND-COLOR: #134663; COLOR: #999999; FONT-WEIGHT: lighter }
.pageno A { BACKGROUND-COLOR: #134663;COLOR: #999;FONT-WEIGHT: lighter; TEXT-DECORATION: none }
.submenu { BACKGROUND-COLOR: #406174; COLOR: #cccccc; FONT-WEIGHT: normal; PADDING:0; TEXT-DECORATION: none }
.submenu A:active { COLOR: #000000; TEXT-DECORATION: none; }
.subtable { COLOR: #383838; FONT-WEIGHT: normal; }
.subtablea { COLOR: #383838; FONT-WEIGHT: normal; }
.subtitels { COLOR: white; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; LETTER-SPACING: 2pt; }
.teksten9pt { COLOR: white; FONT-WEIGHT: 500; }
.titels { COLOR: #000000; FONT-SIZE: 1.3em; FONT-WEIGHT: bold; LETTER-SPACING: 2px; }
.titelsvertaling { COLOR: #383838; FONT-WEIGHT: 500; LETTER-SPACING: 1pt; TEXT-INDENT: 5px; }
.vertaling { BACKGROUND-COLOR: #134663; COLOR: white; FONT-WEIGHT: normal; TEXT-DECORATION: none; TEXT-INDENT: 5px; }
A { COLOR: #d3d3d3; }
HR {BORDER: medium none; COLOR: #555; FONT-SIZE: 1px; HEIGHT: 1pt; TEXT-DECORATION: none;}
H1 {color: #171717; FONT-FAMILY: Arial, Verdana; FONT-SIZE: 1.3em;FONT-WEIGHT: bold; LETTER-SPACING: 2px; padding-bottom:5px;}
H2 {COLOR: #313131; FONT-FAMILY: Arial, Verdana; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; LETTER-SPACING: 1px;}
H3 { FONT-WEIGHT: normal; LETTER-SPACING: 1px; FONT-SIZE: 1.1em;}
img { border: 0 }

/*	Meaning tags
------------------------------- */
acronym, abbr, q, dfn { border-bottom: dashed 1px #005bab; font-style: italic; font-weight: bold; }

/*	image positioning
--------------------------------*/
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	Rss
--------------------------------*/
table.eyeRssFeed tr td { padding: 5px; vertical-align: top; }
table.eyeRssFeed tr.rssHeader { font-weight: bold; color: #555; }

/*	Tables
------------------------------------------*/
table th { text-align: left; }


/*
INPUT {font-weight: normal;}
SELECT {FONT-FAMILY: Verdana, Helvetica, Arial; FONT-WEIGHT: normal;}
TEXTAREA {COLOR: black; FONT-FAMILY: Verdana, Helvetica, Arial; FONT-WEIGHT: normal;}
unknown {COLOR: #ccc; LINE-HEIGHT: 12pt;}
A:hover {COLOR: white;}

.titel1 {COLOR: #fff; FONT-FAMILY: Arial, Verdana; FONT-SIZE: 1.3em; FONT-WEIGHT: bold; LETTER-SPACING: 2px;}
.titel2 { COLOR: #fff; FONT-FAMILY: Arial, Verdana; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; LETTER-SPACING: 1px;}
.titel3 { COLOR: #fff; FONT-FAMILY: Verdana, Arial; FONT-WEIGHT: bold; LETTER-SPACING: 1px;}

.hdrDark td {COLOR: #444;FONT-SIZE: 1.2em; FONT-WEIGHT: bold; margin: 0; padding: 0;}
.miniwebsite_tekst {COLOR: white; FONT-WEIGHT: 500;}
.evenement_tekst { COLOR: white; FONT-WEIGHT: 500;}

A.bluelink:hover { color: #FFFFCC; }
A.bluelink { COLOR: #ffffff; }
TD.bluelink A:hover { color: #FFFFCC; }
TD.bluelink A { COLOR: #ffffff; }

A.buttonlink:hover { color: #FFFFCC; }
A.buttonlink { COLOR: #ffffff; text-decoration: none; }
TD.buttonlink A:hover { color: #FFFFCC; }
TD.buttonlink A { COLOR: #ffffff; text-decoration: none; }

DIV.datagrid td { padding: 5px; vertical-align: top; }

.block UL, .block LI {list-style-type: disc;list-style-position: inside;}

.block UL {	margin: 8px 0 8px 0;}

td.calSelectedcel { background-color: #FAF9F0; }
td.calSelectedcel a, td.calSelectedcel font a { color: #FFFFCC; font-weight: bold; font-size: 12px; }

td.calDay { background-color: #FAF9F0; }
td.calDay, td.calDay font { color: #ffffff; font-weight: normal; }

td.calSelectedDay { background-color: #FAF9F0; }
td.calSelectedDay, td.calSelectedDay font { color: #ffffff; font-weight: bold; }

td.calOtherMonth { background-color: #40476B; }
td.calOtherMonth, td.calOtherMonth font { color: #aaaaaa; }

==========================================================*/





/*
* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} 
html>body div[width] { width: auto !important; } 
a img { border: 0;}

body { font: normal 62.5%/1.5em Helvetica, Arial, Verdana, sans-serif; background-color: #FFFFFF; color:#4e4e4e; }


a { font-size: 1.1em; font-family:"Helvetica"; color:#4e4e4e; }
address { color: #fff; font-size: 1.1em; font-style: normal; }
h1 {
    font-size: 1.7em; line-height: 1.9em; padding-left: 28px; color: #114364;
    background: #EDEDED url(images/bullet_H1.jpg) no-repeat center left; height: 1%;
}
h2 {
    font-size: 1.5em; line-height: 1.8em; color: #444; padding-right: 18px; display: inline; 
    background: #EDEDED url(images/bullet_H2.jpg) no-repeat center right; height: 1%;
}
h3 { font-size: 1.3em; line-height: 1.6em; }
li { font-size: 1.1em; }
p { font-size: 1.1em; color: #595959; margin-bottom: 20px; }

*/

/*	menu
--------------------------------*/
#menu 
{
    
	display:block;
    padding-top:4px;
	width:670px;
	float:left;	
	font-size:0.9em;
	color:#4e4e4e; 
        }
        
#menu {padding: 0 0 0 0;}        
#menu ul {padding: 2px 0 2px 0px; float:left; display:block; width:675px; }
#menu ul li {font-size:1.4em; text-decoration:none; background: url(images/seperator.jpg) no-repeat 100% 50%; display: inline; list-style-type: none; padding-left: 6px; padding-right: 4px; float:left;}
#menu ul li.first { background-image: none; padding:0; }
#menu ul li a { color:#575B5C; text-decoration: none; }
#menu ul li a:hover, #menu ul li a:visited {color:#575B5C;}

#menu_top { float:left; width:670px; }

/*	menu: = tools
--------------------------------
#tools { float: right; margin-right: 20px; }
#tools ul { float: left; }
#tools ul li { padding: 3px 5px; color: #B0B6B6; font-size: 1.8em; }
#tools ul li a { color: #B0B6B6; font-size: 1em; }
#tools ul li a.default { background: #B0B6B6; color: #10476E; }
#tools ul li a.default, #tools ul li a.bigger { margin: 0 2px; padding: 1px; border: solid 1px #B0B6B6; }
*/#tools fieldset { float: left; width: 183px; height: 31px; background: url(images/bg_search_box.gif); border: 0; margin: 7px 0 0 0; }
#tools fieldset label { display: none; }
#tools fieldset input.text { float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 139px; background: none; }
#tools fieldset input.button {  float: right; margin: 3px 4px 0 0; }

/* New Menu toolbar top 
#tools { float: right; margin-right: 20px; }
#tools ul { float: left; }
#tools ul li { padding: 3px 5px; color: #B0B6B6; font-size: 1.8em; }
#tools ul li a { color: #B0B6B6; font-size: 1em; }
#tools ul li a.default { background: #B0B6B6; color: #10476E; }
#tools ul li a.default, #tools ul li a.bigger { margin: 0 2px; padding: 1px; border: solid 1px #B0B6B6; }
#tools fieldset { float: left; width: 183px; height: 31px; background: url(images/bg_search_box.gif); border: 0; margin: 7px 0 0 0; }
#tools fieldset label { display: none; }
#tools fieldset input.text { float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 139px; background: none; }
#tools fieldset input.button {  float: right; margin: 3px 4px 0 0; }
*/

/*	breadcrumb
--------------------------------*/
#breadcrumb { float:left; width:670px;height:35px;display:block;}
#breadcrumb a,#breadcrumb span { color: #000000; font-weight:bold; text-decoration:none;float:left;padding-left:3px;}


/*	canvas: =tree
--------------------------------
#tree { float: left; width: 190px; margin-right: 12px; }

#tree div.t { background: url(images/dot.gif) 0 0 repeat-x; margin-bottom: 15px; }
#tree div.b { background: url(images/dot.gif) 0 100% repeat-x; }
#tree div.l { background: url(images/dot.gif) 0 0 repeat-y; }
#tree div.r { background: url(images/dot.gif) 100% 0 repeat-y; }
#tree div.bl { background: url(images/bl.gif) 0 100% no-repeat; }
#tree div.br { background: url(images/br.gif) 100% 100% no-repeat; }
#tree div.tl { background: url(images/tl.gif) 0 0 no-repeat; }
#tree div.tr { background: url(images/tr.gif) 100% 0 no-repeat; clear: both; overflow: hidden; padding: 10px 10px 20px; } 
*/

#tree h3 { color: #575B5C;} 
#tree h3 a {color: #575B5C;  font-size: 1.1em; text-decoration: none; }
#tree A{color: #575B5C;text-decoration: none;}
#tree ul *{ list-style:none;}
#tree li { color: #575B5C; font-weight: bold;}
#tree li ul {margin-left:5px;}
#tree li ul li {font-weight: normal;}
#tree li a {color: #575B5C;  font-size: 1.1em; text-decoration: none; }
#tree .tr { padding-bottom:4px; }
#tree ul li {padding:2.5px 0 2.5px 0;}

 
#tree a.hover {color: #575B5C; cursor: pointer;  text-decoration: underline;}
/*#tree a.selected {color: #2A84C3;  }*/

/*
#menu_bottom h3 { }*/
#page_bottom_content h3 {color:#2f2f2f; font-size:0.9em; font-weight:bold;} 
#page_bottom_content .tr { padding-bottom:10px; }


#tree .hitarea {
    background: url(../images/1ptrans.gif) 0 0 no-repeat; height: 12px; width: 12px; margin-left: -12px; float: left; cursor: pointer;
}
/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

/*	canvas: =content
--------------------------------
# { float: left; width: 552px; margin-right: 12px; }
#content a.link { display: block; text-align: right; color: #114364; text-decoration: none; font-weight: bold; }
#content a.link:hover { text-decoration: underline; }
#content ul { padding-left: 20px;  }
#content li { list-style-position: outside; list-style-type: disc; }
#content li a { color: #595959; text-decoration: none; font-size: 1em; }
#content li a:hover { text-decoration: underline; }
#content p.error { color: #F00;}

#content div.news { float: left; width: 250px; margin-right: 12px; }
#content div.news h2, #content div.events h2 {
    font-size: 1.7em; line-height: 1.9em; padding-left: 28px; color: #114364;
    background: #EDEDED url(images/bullet_H1.jpg) no-repeat center left; height: 1%;
 }
#content div.news ul { padding: 0; }
#content div.news li { list-style-type: none; font-weight: bold; }
#content div.news li a { color: #636363; padding-left: 5px; text-decoration: none; }
#content div.news li a:hover { text-decoration: underline; }
#content div.events { float: left; width: 250px; }
#content div.events dt { font-size: 1em; }
#content div.events dt a {
    font-size: 1.5em; line-height: 1.6em; color: #444; padding-right: 18px; display: inline; font-weight: bold;
    background: #EDEDED url(images/bullet_H2.jpg) no-repeat center right; height: 1%; text-decoration: none;
}
#content div.events dt a:hover { text-decoration: underline; }
#content div.events dd { font-size: 1.1em; color: #595959; margin-bottom: 10px; }
#content div.events dd.date { color: #848484; }

#content table.sessions { margin: 7px 7px 15px 20px; width: 490px; }
#content table.sessions th { background-color: #10476E; text-align: center; color: #fff; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; }
#content table.sessions tr.alt0 { background-color: #D4B54B; }
#content table.sessions tr.alt1 { background-color: #DCCF8B; }
#content table.sessions td.date { width: 130px;} */




.tblGal table{ margin: 30px;}
.tblGal a {cursor: pointer; color: #24517A;}
.tblGal span {font-size: 1.3em;}


/*	canvas: =sidebar
--------------------------------*/
#sidebar { float: left; width: 180px; padding-left:5px; }
#sidebar div.corners { background: #D4B54B; }
#sidebar div.calendar { background: #0772BA; }
#sidebar div.calendar h3 { color: #fff; }
#sidebar h3 { color: #736228; }
#sidebar p { color: #fff;}
#sidebar table.m-cal { width: 100%; border-collapse: collapse; margin: 10px 0 5px 0; height: 140px; }
#sidebar table.m-cal * { font-size: 11px; font-weight: bold; text-align: center; color: #fff; }
#sidebar table.titelStyle { border-collapse: collapse; width: 100%; }
#sidebar table.titelStyle a {  color: #15507A; font-size: 14px; font-weight: bold; text-decoration: none; } 
#sidebar table.titelStyle td { color: #C4C658; font-size: 12px; font-weight: bold; }
#sidebar th { border-bottom: solid 1px #fff; }
#sidebar td.otherMonthStyle { color: #15507A; }
#sidebar td.todayDayStyle, #sidebar td.todayDayStyle a { color: #C4C658; }

/*	footer
--------------------------------
#footer { background-color: #10476E; width: 986px; margin: 0 auto; text-align: center; padding: 7px 0 15px 0; }
#footer a { font-size: 1em; text-decoration: underline; }
#footer span { padding: 0 3px; }*/

/*	created
--------------------------------
#created { width: 986px; margin: 7px auto; text-align: right; }
#created * { vertical-align: middle; font-size: 1.1em; }
#created a { margin-left: 7px; }*/

/* -----[ CSS editing ] ----------------	
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: -428px !important; }*/

/* ====================== NEW STYLING ================================= */
#wrapper {
width:838px;
margin-left:auto;
margin-right:auto;
}

#header {float:left; display:block; overflow:hidden; }
/*#main_page,*/ #leftMainPage, #rightMainPage a {color:#000000;}
/*#main_page,*/ #leftMainPage, #rightMainPage a:hover {color:#000000;}

#header_logo {
float:left;
width:233px;
height:133px;
padding-top:5px;
}

.header_banner {
float:left;
height:149px;
width:605px;
background-repeat:no-repeat;
background-position:top right;
}

#innercon
{
	float:left; 
	overflow:hidden;
	background-image:url("images/LeftTop_Tree.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:163px;
	width:840px;	
}


#bottomleft 
{
	padding:0;
	width:447px;
	float:left;
	font-weight:bold;
	font-size:2.5em;
	line-height:1.3em;
}

#bottomright 
{
	padding-top:5px;
	width:218px;
	float:left;
	font-size:1.4em;
	font-weight:bold;
}

#content 
{
	width:838px;
	float:left;
	height:auto;
	background-image:url("images/bottomtreebck.jpg");
	background-repeat:repeat-y;	
	background-position:left;
	padding-bottom:20px;
}

#tree 
{
	float:left;
	width:161px;
	padding:0;
	margin:0;
	font-size:1.1em;
	overflow:hidden;
	vertical-align:top;
}

#menu_bottom 
{
	background-image:url("images/toptreebck.jpg");
	background-repeat:repeat-y;
	overflow:hidden;
	padding: 5px 0 15px 0;
	width:161px;	
}

#tree_bottom 
{
	padding:0;
	margin:0;
	position:relative;
	top:-3px;
	background-image:url("images/LeftBottom_Tree.jpg");
	background-repeat:no-repeat;
	height:54px;
	overflow:hidden;
	width:161px;
}

#page_content 
{
	width:450px;
	padding-left:10px;
	float:left;
}

#page_bottom_content
{
	float:left;
	width:161px;	 
	padding:0;
	margin:0;
	
	
}
#breadcrumblogin
{
	
	width:165px;
	float:right;
	height:35px;
	
}
#breadcrumblogin .eIDlogin p
{ 
   color: #000000; font-weight:bold; text-decoration:none;padding-left:3px;float:left;
}




/*
#news_teaser
{
	display:block;
	background-color: green;
	font-size:2em;
} */


/* The Pae sections */
#leftMainPage 
{
	width:490px;
	float:left;
	padding:0px;
}

#rightMainPage 
{
	width:155px;
	float:left;
	padding:0px;
}

#rightMainPage
{
    text-align: center;
}

#rightMainPage #createdby span { clear: both; display: block; text-decoration: underline; }
#rightMainPage #createdby a.top { display: block; margin-bottom: 10px; text-decoration: none; }


/* Style the side header */
.box_header 
{
	margin-top:10px;
	background-color:#999a9c;
	color:#575b5c;
	padding:5px;
	font-style:italic;
	font-size:1.3em;
	font-weight:bold;
}

.box_content 
{
	background-image:url("images/bottomtreebck.jpg");
	background-repeat:repeat-y;	
	overflow:hidden;
	padding:3px;
	padding-left:8px;
	font-size: 1.15em;
}

.box_title{height:19px;padding-top:3px; margin: 0px 0 0 15px; color: #575b5c;font-size: 1.0em;font-style:normal;}
.box .tekst{margin-top:10px;margin-left:2px;}


.mPage
{
	float:left;
	width:670px;
	overflow:hidden;
	padding:10px 0 0 3px;
	border-left:2px solid #FFFFFF;
	font-family: helvetica;

}

/*.mPage .block {font-size:1.2em;}*/
.mPage .p {color:green;}
.mPage .h1 {color:#000000; font-size:1.5em; letter-spacing:2px; font-weight:bold;}
.mPage .h2 {color:#555555; font-size:1.2em; letter-spacing:2px; padding-bottom:5px;}
.mPage ul { margin-left: 15px; }
.mPage ol { margin-left: 20px; }
.mPage li { margin-left: 10px; list-style:disc; list-style-position:inside;/* margin-left:5px; padding-left:10px; */}
.mPage li a {color:#3f3f3f; text-decoration:none;}
.mPage li a:hover {color:#000000; text-decoration:underline;}
.mPage A {color:#4E9C36;}


/*  =============== Text Styling ==================== */
.inSearch { border:none; border-right:2px solid #a0a0a0; border-bottom:2px solid #a0a0a0;}
#menu_bottom li a {font-weight:normal; padding-left:2px; font-size:1.5em; text-decoration:none; line-height:1.0em;}

#bottomright a {color:#5C5B48; text-decoration:none; font-size:1.0em; font-weight:bold;}
/*#main_page,*/ #leftMainPage {font-size:1.3em; line-height:1.4em;padding-left:15px;}/*TODO*/



.print {float:left; font-size:0.4em; font-weight:normal; text-decoration:none; padding:10px 0 10px 10px;}


/*DME*/
.h1{margin: 10px 0 6px 0;}
.h2{margin: 0 0 2px 0px;}
.paragraaf .h2{margin: 16px 0 2px 0px;}
A.backtop{float: right;color: #00F;font-size: 1.3em;margin-top: 10px;margin-right:10px;}
A.tekst, A.tekst:visited, A.tekst:active{margin: 0;padding: 0;color: #00F;font-size: 1em;}
A.kop1, A.kop1:visited, A.kop1:active{margin: 0;padding: 0;color: #00F;font-size: 1.2em;}
A.kop2, A.kop2:visited, A.kop2:active{margin: 0;padding: 0;color: #00F;font-size: 1.2em;}
.box A.tekst, .box A.tekst:visited, .box A.tekst:active{color: #575B5C;font-size: 1em;}
DIV.anchor LI A{font-size: 1.3em;}
DIV#page TABLE{float: right;font-size: 1em;font-weight: normal;}
P.tekst, DIV#createdby{clear: both;overflow: hidden;display: inline-block;}