/*
Title:      	Vlaams Instituut Mobiliteit master styles for screen media
Author:     	KME, © 2006 anaXis nv.
Updated:        Okt 17 2006
*/

/** {margin:0; padding: 0;}
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
/*input, textarea
{
	padding: 1px 1px 1px 3px;
}
option
{
	padding: 0 0 0 5px;
}
body {font: normal 75.5%/2.2em Verdana, sans-serif; background-image:url(../images/ACHTERGROND.jpg); background-repeat: no-repeat ; background-color: #fbfbfb; color: #000;}
*/
/* ---- [ misc: =links ] -----------
a:hover { text-decoration: none;}*/
a img {border-width: 0;}

/* ---- [ typography ] ------------ */
a {font-size:1.3em;text-decoration:none;cursor:pointer;}
a:link{color:#363636; text-decoration: underline;} 
a:active{color:#363636; text-decoration: underline; } 
a:visited{color:#666666; text-decoration: underline;} 
a:hover{color:#363636; text-decoration: underline;} 

h1 { font-size: 1.3em;color:#A30046;}
h2 { font-size: 1.15em; color:#666666;}
h2 a{ font-size:1.0em;}

p {font-size: 1.15em; line-height: 1.2em;}
input { font-size: 1.3em;}
p a {font-size:1.0em;}
h2 span{color:#666666;}


#content ul{margin-bottom:10px; list-style-image:none; margin-left:20px;}


/*h6 { font-size: .9em;}
ul { }
legend {font-size: 1.1em; color: #000;}
p { font-size: 1.1em; line-height: 1.4em;}
span { font-size: 1.1em;}
textarea { font-size: 1.1em; font-family: Verdana;}
select { font-size: 1.1em;}
fieldset { border: 0;}
br.clear { clear: both;}

.date
{
	color: #000;
}*/
body { text-align:center; font: normal 62.5%/2.2em Bliss,Verdana; background-image:url(../images/ACHTERGROND.jpg); background-repeat: no-repeat;color:#666666;}


* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
/* div{overflow:scroll;}*/

/*** BASEPAGE ***/
#wrapper
{
	width: 922px;
	margin: 0px auto 0 auto;
	text-align:left;
	overflow: hidden;
}
#header {margin:  0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
#header a {font-size:1.4em;}
#headertop {height:124px; font-size:0.9em;margin-bottom: 26px; position: relative; background-color:Transparent;}
#headerfoto img{margin:0; padding:0; border:0;}


#logo {/*float: left;*/ /*width:auto;*/ position: absolute; bottom: 0; left:0;}

/*#topmenu{border:none; position: absolute;bottom:0;right:0;*/
#topmenutop{position: absolute;bottom:38px;right:0;}
#topmenutop a:link,a:active,a:visited, a:hover{color:#666666; text-decoration: none;}

#topmenutop span {color:#A30046;font-size: 1.5em;margin-left: 2px; margin-right:2px}
#topmenubottom{overflow:hidden;position:absolute;bottom:0;right:0; height:26px;}
#topmenubottom #lang{float:right; padding-top:3px;margin-right: 5px;}
#topmenubottom #lang a{text-decoration:none;}
#topmenubottom #lang a:link,a:active,a:visited, a:hover{color:#666666; text-decoration: none;}
#topmenubottom #lang span{ color:#A30046;font-size: 1.5em;margin-left:0px; margin-right: -3px; }
fieldset#search{float:right;border:none;/*margin: 0;padding: 0px;*/}

#search .searchbox
{
	width: 140px;
	height: 21px;
	vertical-align: middle;
	border-width: 0;
	background: url(../images/inputbckgrnd.gif) center center;
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #666666;
	font-size: 10pt;
	padding-top: 3px;

}

#search a{font-size:1.2em;font-weight:bolder;color:#a30046;padding: 5px 10px 5px 10px;/*margin:3px 3px 3px 3px;*/text-decoration:none;}
#search .Zoekbtn
{	
	/*height:24px;
	width:51px;*/
	border:0;
	margin:0;
	/*padding:0;*/
	
	background-position: center center;
	background-image: url(../images/bkgzoek.gif);
	background-repeat: no-repeat;
}
#container #introcanvas {margin-bottom:0px;}
#container #introcanvas .headerfoto{/*float: left;*/background-position:0px 0px; margin-bottom:0; display: block;width:922px; height:124px;}
/*#container #introcanvas .headerfotobck {width:922px ; height: 135px; background: transparent url(../images/bckgrnd_header.gif) no-repeat top left;}*/


#container
{
	background-color: white;
	overflow: hidden;
	width: 922px;
}
#container #introcanvas {margin-bottom:0px; position:relative;}
#container #introcanvas .headerfoto{/*float: left;*/background-position:0px 0px; margin-bottom:0; display: block;width:922px; height:124px;}
#container #introcanvas .fg{position:absolute; top:-11px; left: 0; z-index: 100;}
/*#container #foto-vert {width:922px ; height: 135px; background: transparent url(../images/bckgrnd_header.gif) no-repeat top left;}*/


#bottomcontainer 
{	
	width: 922px;
	height:9px;
	background-image: url(../images/bkgfooter.png);
	background-position:0px top;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	border:0;
	
}

#tree {float:left;margin-top:34px; width:213px; /*clear: both;*/}
#tree a:link,a:active,a:visited, a:hover{color:#666666; text-decoration: none;}

#tree li img{display:none;border:0;margin:0;padding:0;}
#tree ul{/*margin-bottom:8px;height:18px;*/overflow:hidden; text-align:right;}
#tree li
{
	list-style-type: none;
	display: block;
	clear: both;
	overflow: hidden;
	padding-right: 20px;
	/*background-image: url(../images/imgtree.jpg);
	background-repeat: no-repeat;
	background-position: right 5px; */
	vertical-align:middle;
	/*float: right;*/
}
/*#tree li a{vertical-align:middle;}*/
#tree .act1 a{color:Black;font-weight:bold;}
#tree .act2 a{color:#A30046;font-weight:bold;}
#tree .act3 a{color:#A30046;font-weight:bold;}
#tree .act4 a{color:#A30046;font-weight:bold;}

#tree div.lvl1
{
	background-image: url(../images/imgtree.jpg);
	background-repeat: no-repeat;
	background-position: right center; 
	margin-right:15px;
	margin-top: 8px;
	overflow:hidden;
}
#tree div.lvl1 a{vertical-align:middle;}
#tree div.lvl2
{
	margin-right:15px;
}
#tree div.lvl2 a{font-size:1.0em;}
#tree div.lvl3
{
	margin-right:15px;
}
#tree div.lvl3 a{font-size:1.0em;}
#tree div.lvl4
{
	margin-right:15px;
}
#tree div.lvl4 a{font-size:1.0em;}
#wrapper #maincontent
{
	min-height:550px;
width:680px; 
float:left; 
padding-right:28px
/*overflow: hidden;*/
/*position:relative;*/

}
#wrapper #maincontent 
{
	background-image: url(../images/dottedborder.jpg);
	background-repeat: repeat-y;
	
}

#wrapper #maincontent #breadcrumb
{
	padding-top:-5px;
	padding-left: 20px;
	border-left: white 1px solid;
	
}
#wrapper #maincontent #breadcrumb span{font-size:1.0em;color:#666666;}
#wrapper #maincontent #breadcrumb a{font-size:1.0em;color:#363636;text-decoration:none;}




/*** HOMEPAGE ***/
#homepage a:link{color:#363636; text-decoration: underline;} 
#homepage a:active{color:#363636; text-decoration: underline; } 
#homepage a:visited{color:#666666; text-decoration: underline;} 
#homepage a:hover{color:#363636; text-decoration: underline;} 



#homepage #content 
{
	float: left;
	margin-top: 20px;
	/*margin-bottom:15px;*/
	width:709px
	
}
#homepage #extra 
{
	float: left;
	width:600px;
	padding-bottom:50px;
		
}
#homepage #extra h2
{
	font-size:1.15em;
	margin-bottom:7px;
		
}
#homepage #extra #morenews a
{   font-size:1.0em;
	/*margin-right: 10px;*/
	
}
#homepage #extra #moreevents a
{   font-size:1.0em;
	/*margin-right: 10px;*/
	
}
#homepage #nieuws
{
	margin-bottom: 20px;
}
#homepage #nieuws .datumnieuws p
{
	font-size:0.9em;
}
#homepage #events .datumevents p
{
	font-size:0.9em;
}
/*#homepage #extra
{
	margin-left: 20px;
	margin-right: 10px;
}*/
#homepage #extra h1
{
	
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left:20px;
	
}
#homepage #content h1
{
	margin-left:20px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
#homepage #content p
{
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#homepage #extra h2 
{
	margin-left:0px;
	border: 0;
	/*padding-top: 10px;*/
	padding-left: 0;
	/*margin-bottom: 5px;*/
	line-height: 1.4em;
	font-weight:normal;
	color:#666666;
}
#homepage #extra h2 a{color:#363636;text-decoration: underline;font-size:1em;}
#homepage #extra h2 p{font-size:1em; }
#homepage #extra h2 p a{font-size:1em; line-height:1.4em;}
#homepage #extra h2 a:link{color:#363636; text-decoration: underline;} 
#homepage #extra h2 a:active{color:#363636; text-decoration: underline; } 
#homepage #extra h2 a:visited{color:#666666; text-decoration: underline;} 
#homepage #extra h2 a:hover{color:#363636; text-decoration: underline;} 

#homepage #extra #nieuws{
	
	margin-left:20px;
}
#homepage #extra #events
{
	margin-left:20px;
	
}



/*** PAGE ***/
#page a:link{color:#363636; text-decoration: underline;} 
#page a:active{color:#363636; text-decoration: underline; } 
#page a:visited{color:#666666; text-decoration: underline;} 
#page a:hover{color:#363636; text-decoration: underline;} 



#page #content
{
	margin-top: 20px;
	margin-bottom:30px;
		
}
#page #content table tr td p
{
	margin-right:60px;
}

#page #content #anchors
{
	margin-bottom:30px;
}

#page #content #anchors li
{
	
	list-style-image: url(../images/li.gif);
	margin-left: 20px;
}
#page #content #anchors li a
{
	padding-left:-6px;
}

/*
#page #content #newslist span
{
	margin:0;
	padding:0;
	line-height: 10.43pt;
}
#page #content #newslist h2
{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:13.58pt;
}

#page #content #newslist p
{
	margin-top:10px;
	margin-bottom:20px;
	
}*/
/*#page #content #InschNieuws
{
	margin-bottom:20px;
}*/
#page #content #newslist h2
{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}
#page #content p
{
	margin-right: 10px;
	margin-bottom: 10px;
	width:600px;
}
#page #content h2
{
	margin-bottom: 10px;
	margin-left:0px;
}
#page #content #intro
{
	margin-left:20px;
	margin-bottom:20px;
	margin-right: 10px;
	font-size:1.15em;
	width:600px;
}
#page #content .datevim
{
	font-size:1.0em;
	margin-bottom:0px;
}
#page #content .lefttext{float:left;width:350px;margin:0px;padding:0px;margin-bottom: 10px;}
#page #content .rightfoto{float:right;width:300px;position:absolute; bottom:-19px; right:0;z-index: 10000; }
#page #content .rightfoto img{z-index: 10000;margin-right:20px;margin-left:0px;}

#page #contentbody
{
	margin-left: 20px;
	
}
#page #contentbody h2

{
	/*margin-left:0px;
	margin-left:0px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-bottom: 5px;*/
}

#page #content h1
{ 
	margin-left: 20px;
	margin-bottom: 10px;
	
}
#page #content h1 br{height:0px;line-height:0px;}

#page #content #newsitem {font-size: 1.3em; margin-top: 10px; margin-left: 20px; }
#page #content #newsitem #contentbody {margin-left: 0; font-size: 0.8em;}
#page #content #newsitem h1{ font-size: 1em; color: #666666; font-weight: normal; margin: 0; padding: 0;}

#page #content #newsitem .newsdate{font-size:0.7em;}
#page #content #newsitem #morenews a{font-size:0.8em;}

#page #content #morenews a
{   font-size:1.0em;
	/*margin-right: 10px;*/
	
}

#page #content #sessionevent h1{margin-left:0px;}

/*#page #content #sessionevent p{display:none; visibility:hidden;}*/

#page #content fieldset { border: none; font-size: 1.15em; margin-bottom:30px;}
#page #content fieldset legend { color: #666666; font-weight: normal; margin:  0 0 10px -7px; padding: 0;}
#page #content fieldset .fieldrow {clear: both; width: 450px;margin-bottom:2px;}
#page #content #contentbody fieldset .persoonlijkegeg .fieldrow{width:650px;}
/*#page #content fieldset .fieldrow .fieldbutton{font-size:1.0em;}*/
#page #content fieldset label { padding-left: 10px;}
#page #content fieldset .fieldlabel { float: left; width: 150px; padding-left: 0;}
#page #content fieldset .fieldelement {  float:left;}
#page #content fieldset .fieldrow .fieldelement input{font-size:1.0em;color:#666666;}
#page #content fieldset .fieldrow .fieldelement textarea{font-size:1.0em;color:#666666;}
#page #content fieldset .fieldrow select{font-size:1.0em;color:#666666;}
#page #content fieldset .fieldelement span { color: Red; margin-left: 5px;}
#page #content fieldset .fieldrow label {margin-left:10px;}
#page #content FIELDSET .fieldrow LABEL {	MARGIN-LEFT: 0px;}
/*#page #content fieldset .fieldrowreden input{border:solid 2px #666666;}*/

#page #content fieldset .persoonlijkegeg input,select{margin-left:6px;}
#contentbody .persoonlijkegeg{margin-top:25px;}
#contentbody .fieldrow span.custom{float:left;}

#contentbody.Custom .fieldrowreden table.fieldelement{width:240px;}
#contentbody.Custom .fieldrowreden label{padding:0 0 0 0 !important; }
/*#contentbody.Custom .fieldrowreden input{float:right;}*/
#contentbody.Custom .fieldrowreden .error {float:left;}


#page #content fieldset .fieldbutton, #page #content fieldset .buttonrow input
{
	background-color: Transparent;
	border: none;
	font-size:1.0em;
	font-weight:bolder;
	font-family: Verdana;
	color:#a30046;
	padding: 5px 5px 5px 5px;
	/*height:24px;
	width:51px;*/
	background-position: center center;
	background-image: url(../images/bkgsubscribe.gif);
	background-repeat: no-repeat;
	width: 110px; 
}
#page #content fieldset .buttonrow{width:400px;}
#page #content fieldset .buttonrow input{padding-left: 0;}

#page #content fieldset .fieldrowinv .fieldshortelement
{
	float: left;
	padding-right: 15px;
}
#page #content fieldset .error 
{
    color: Red;
    margin-left:5px;
}
#page #content fieldset .errorrow .error{font-size:0.93em;line-height: 12pt; color: #666666;margin-left:0px;}
#page #content fieldset .errorrow {line-height: normal;margin-bottom:20px;margin-top:30px;margin-left:0px;}

#page #content fieldset .fieldrow .fieldshortelement input,
#page #content fieldset .fieldrowinv .fieldshortelement input
{
	font-size:1.0em;
	color:#666666;
	width: 50px;
}

#page .contentfieldset select{margin-left:0px;}
#page .contentfieldset input.fieldbutton{margin-top:20px;}

#page #content .form-container { border: none; font-size: 1.15em; margin-bottom:30px;}
#page #content .form-container legend { color: #666666; font-weight: normal; margin:  0 0 10px -7px; padding: 0;}
#page #content .form-container .fieldrow {clear: both; width: 450px;margin-bottom:2px;}

/*#page #content fieldset .fieldrow .fieldbutton{font-size:1.0em;}*/
#page #content .form-container label { padding-left: 10px;}
#page #content .form-container .fieldlabel { float: left; width: 150px; padding-left: 0;}
#page #content .form-container .fieldelement {  float:left;}
#page #content .form-container .fieldrow .fieldelement input{font-size:1.0em;color:#666666;}
#page #content .form-container .fieldrow .fieldelement textarea{font-size:1.0em;color:#666666;}
#page #content .form-container .fieldrow select{font-size:1.0em;color:#666666;}
#page #content .form-container .fieldelement span { color: Red; margin-left: 5px;}
#page #content .form-container .fieldrow label {margin-left:10px;}
#page #content .form-container .fieldrow LABEL {	MARGIN-LEFT: 0px;}
/*#page #content fieldset .fieldrowreden input{border:solid 2px #666666;}*/

#page #content .form-container .persoonlijkegeg input,select{margin-left:6px;}




#page #content .form-container .fieldbutton, #page #content fieldset .buttonrow input
{
	background-color: Transparent;
	border: none;
	font-size:1.0em;
	font-weight:bolder;
	font-family: Verdana;
	color:#a30046;
	padding: 5px 5px 5px 5px;
	/*height:24px;
	width:51px;*/
	background-position: center center;
	background-image: url(../images/bkgsubscribe.gif);
	background-repeat: no-repeat;
	width: 110px; 
}
#page #content .form-container .buttonrow input{padding-left: 0;}

#page #content .form-container .fieldrowinv .fieldshortelement
{
	float: left;
	padding-right: 15px;
}
#page #content .form-container .error 
{
    color: Red;
    margin-left:5px;
}
#page #content .form-container .errorrow .error{color: #666666;margin-left:0px;}
#page #content .form-container .errorrow {margin-bottom:20px;margin-top:20px;margin-left:0px;}

#page #content .form-container .fieldrow .fieldshortelement input,
#page #content .form-container .fieldrowinv .fieldshortelement input
{
	font-size:1.0em;
	color:#666666;
	width: 50px;
}

#page #content #InschNieuws * h2 span
{
	font-size: 1.2em;
	color:#A30046;
}
#page #content #InschNieuws #intro{margin-bottom:20px;}
#page #content #InschNieuws fieldset{margin-bottom:10px;}
#page #content #InschNieuws legend{margin-bottom:5px;}
#page #content td p {width: auto;}
#page #content .errorSearch{margin-left:20px;}
/*
*pagina evenement tabel
*/
#page #content #sessions table{border:0; border-collapse: collapse;margin-left:20px;margin-top:50px;}
#page #content #sessions a{font-size:1.0em;}
/*#page #content #sessions tr.first{border-bottom:solid 1px #666666;}
#page #content #sessions tr.alt0{border:none;}
#page #content #sessions .date,#page #content #sessions .locatie{border-right:solid 1px #666666;}
*/

#form-results h2{margin-bottom:0px !important;}
#form-results dl{margin-top:10px;}

#page #content #contentbody .EventResults h2{margin-bottom:5px;margin-top:20px;}
#page #content #contentbody .EventResults p{margin: 0px 0px 5px 0px;line-height:9pt;}
#page #content #contentbody .EventResults h2 span{line-height:9pt;}
#page #content #contentbody .EventResults h2 span.first{margin-top:0px;}

#page #content #pager {margin-left: 20px; }
#page #content #pager a{font-size:1.0em;}
#page #content #pager div {display:inline; padding-right: 5px; }



#footer {overflow: hidden;margin-top:4px; height:45px;width:922px;text-align:center; float:left;}
#footer a:link{color:#363636; text-decoration: underline;}
#footer a:active{color:#363636; text-decoration: underline;}
#footer a:visited{color:#666666; text-decoration: underline;}
#footer a:hover{color:#363636; text-decoration: underline;}

#footer span {font-size:1.0em;color:#666666;}
#footer span .seperator{color:#A30046;font-size:1.0em;margin-left:5px; margin-right:5px;}
#footer a{font-size:1.0em;}
#footer img{vertical-align:middle;margin:0px;padding:0px;}

#ctl00_MainContent_eyeSiteWebLogin_username_txtInput{width:150px;}
#ctl00_MainContent_eyeSiteWebLogin_password_txtInput{width:150px;}


/*** DATEPICKER ***/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/*** -----[ CSS editing ] ---------------- ***/
div.eyeEditMenu *, div.eyeEditMenu #content table
{
	margin: 0 !important;
	padding: 0 !important;
}
div.eyeEditMenu a
{
	cursor: pointer;
}