/*
Title:      	IPTE
Author:     	nde, © 2008 anaXis nv.
Updated:        May, 13 2008
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
/*img {behavior: url(~/iepngfix.htc); }*/  /* IE6 hack for png's */
a img { border-width: 0; }

/* ---- [ typography ] ------------ */
a { font-size: 1em; text-decoration: none; color: #000;}
a:hover {color: #000; cursor:hand; cursor:pointer;}
address { color: #4d4d4d; font-size: 1.0em; font-style: normal;}
h1 { /*height: 21px;*/ color: #fff;border-left:solid 6px #a00002; background: #01a7a7 /*url(images/h1-bg.jpg) no-repeat left top*/; font-size: 1.4em; /*line-height: 21px;*/ padding-left: 9px; margin: 20px 0 10px 0; font-weight: bold; text-transform: uppercase; }
h2 { /*height: 21px;*/ color: #01a7a7;border-left:solid 6px #03a6a5; background: #d9ebeb /*url(images/h2-bg.jpg) no-repeat left top*/; font-size: 1.4em; line-height: 21px; padding-left: 9px; margin: 20px 0 10px 0; font-weight: bold; text-transform: uppercase;}
h3 { color: #cb0400; font-size: 1.3em;}
h3 a{ color: #cb0400;}
h5 { font-size: 0.95em;}
input { font-size: 1.1em;}
legend { font-size: 1.1em; color: #6e6e6e; padding: 0 5px 0 5px; }
li { color: #fff; font-size: 1.2em; }
#content ul li ul li { font-size:1em; }
li a { font-size: 1em; color: #fff; }
select { font-size: 1.1em; }
p { font-size: 1.2em; color: #787878; margin: 5px 0 10px 0; }

/*	wrapper
--------------------------------*/
body { font: 62.5%/1.8em Arial, Verdana, sans-serif; background-color: #f7f7f7; }
/*body { font: 87.5%/1.8em Arial, Verdana, sans-serif; }*/

#wrapper {margin: 0 auto; width: 958px; overflow: hidden; background: transparent url(images/wrapper-bg.jpg) repeat-y left top; }
#leftwrapper {float: left; width: 206px;}
#rightwrapper {float: left; width: 752px; }
#container {float: left; padding: 15px; padding-bottom:30px; width: 722px; background: transparent url(images/content-shadow.jpg) repeat-y right top;}
#contentwrapper {float: left; width: 488px; }
#teaser {float: right; width: 206px;}

/* Stretch content if no teaser available */
body.stretch #contentwrapper {width: 694px;}

/*	header
--------------------------------*/
#topwrapper {width: 948px; height: 70px; margin: 0 auto; padding-right: 10px; }
#leftheader {width: 206px; height: 180px; background: transparent url(images/blokjes.jpg) no-repeat left top;}
#rightheader {width: 752px; height: 180px; overflow: hidden; background: transparent url(images/header-shadow.jpg) repeat-y right top;}
#cubeoverlay {width: 752px; height: 180px; z-index: 99; position: relative; top: -182px; left: 0; /*background: transparent url(images/vierkantjes.png) no-repeat left top;*/ }
* html #cubeoverlay{top: -182px;} /* IE6 */
*:first-child+html #cubeoverlay {top: -182px;} /* IE7 */

/*	topPane
-------------------------------*/
#logo {background: transparent url(images/newlogo.jpg) no-repeat left top; float: left; height: 59px; width:222px; margin-top: 5px;}
#logo a {display: block; width: 222px; height: 59px;}
#logo a span {display: none;}
#topnav {float: right; width: 500px;}
#topnav ul {float: right; list-style-type: none; }
#topnav ul li {float: left; padding:0 14px; height: 14px; border-right: 1px solid #000; }
#topnav ul li a { color: #000;}
#topnav ul li span.selected {color: #000; font-weight: bold; font-style: italic;}
#topnav {clear: right;}
#topnav dt {color: #000; float: left;}
#topnav dd {color: #000; float: left; margin:0 5px;}
/*#topnav dd a {text-decoration:underline;}*/
#search {clear: right; float: right; padding-top: 10px; width: 500px;}
#search input.searchbox {border: 1px solid #acacac; width: 150px;}
#search dl {clear: right; float: right;width: 175px;}
#search dt {float: left; width:155px; height: 20px;}
#search dd {float: right; width:20px; height: 20px;}

/*	navigation
--------------------------------*/
#nav {height: 36px; width:752px; background: #01a7a7 url(images/content-shadow.jpg) repeat-y right top;}
#nav ul {list-style-type: none; padding-top: 13px;}
#nav ul li {float: left; height: 23px; line-height: 23px; font-size: 1.3em; font-weight: bold; padding: 0 30px; border-left: 1px solid #fff;}
#nav ul li.selected a{color: #000;}
#nav li.left {padding-left: 15px; border-left: 0;}

#treenav {width: 206px; background: transparent url(images/treenav-bg.jpg) no-repeat left top; font-size: 1.3em;}
#treenav ul {list-style-type: none; padding: 0 12px; font-family: "Arial narrow";}
#treenav ul li {line-height: 34px; border-bottom: 1px dotted #030303; font-weight: bold; font-size:1em;}
#treenav ul li a {color: /*#8a8a8a*/#6E6E6E;}
#treenav ul li a:hover {color: #000;}
#treenav ul li a.highlight {color: #000;}
#treenav ul li ul {padding: 5px 0; display: none;}
#treenav ul li ul.open {display: block;}
#treenav ul li ul li{border-bottom: 0; line-height: 1.3em;}
#treenav ul li ul li a{padding-left: 12px; background: transparent url(images/li-sub-bg.jpg) no-repeat left 5px;}
#treenav ul li ul li a.highlight{background-image:url(images/li-sub-hl-bg.jpg);}
#treenav ul li ul li ul li{ border-bottom: 0; line-height: 1.3em;}
#treenav ul li ul li ul li a{padding-left: 36px; background: transparent url(images/li-subsub-bg.jpg) no-repeat 12px 6px;}
#treenav ul li ul li ul li a.highlight{color: #cb0400; background-image:url(images/li-subsub-hl-bg.jpg);}

#treenav #treenavheader{width: 188px; height: 22px; padding: 14px 0 0 18px; color: #fff; overflow:hidden;}
#treenav #treenavheader #treenavtitle {padding: 5px 15px; font-weight: bold; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#treenav #treenavheader #treenavtitle a {color:#fff;}
*:first-child+html #treenav #treenavheader{ height: 18px; padding-top:18px; } /* IE7 fix */

/*	Sitemap
--------------------------------*/
ul.sitemap {list-style-type: square; padding-left:30px;}
ul.sitemap li {color: #000;}
ul.sitemap a {color: #000;}
ul.sitemap ul {margin-left: 10px; list-style-type: square;}

/*	container
--------------------------------*/
#breadcrumb {color: #616161; border-bottom: 1px dotted #030303;}
#breadcrumb a {color: #acacac;}
#breadcrumb span {color: #acacac;}
div.content {border-bottom: 1px dotted #030303; padding-bottom:10px;}
div.content h2 a.title {margin-left: 10px;}
#container a {text-decoration: underline;}
#container p {text-align:justify;}
#container p.error { color: #FF0000; }
#container ul {list-style-position:outside; padding-left:15px;}
#container li {color: #787878;}
#container li a {text-decoration: underline; color: #787878;}
#container li a:hover {color: #000;}

/*	container
--------------------------------*/
#teaser p { margin-left:8px; }
#teaser ul { margin:10px; }
#teaser li { font-size:1em; }


/*  News & Events
--------------------------------*/
div.form-container-hide {visibility:hidden; display:none;}
#newspage {overflow:hidden; width: 690px;}
#newspage div.form-results {float:left; width: 470px; margin-right:20px;}
#newspage div.form-results h2 {overflow:hidden;clear:both;}
#newspage div.form-results h2 b{float:left; width: 90px;}
#newspage div.form-results h2 a{float:left; width: 350px;}

#newspage div.form-search {float:left; width:200px;}

/*	News
--------------------------------*/
#news { float: left;}
#newsoptions { padding: 0 17px; }
#newsoptions a {font-size: 1em; font-weight: bold;}

/*	Events
--------------------------------*/
#events { margin-bottom: 24px; }
#events, #markets, #news {float: left; width: 205px; background-color: #efefef;}
#teaser h2 {/*background-image: url(images/h1-bg.jpg);*/border-left:solid 6px #a00002; background-color: #e5e5e5; color: #000; text-transform: none; margin: 0;}
#events ul, #news ul {list-style-type: none; list-style-position:outside; padding: 17px 0 5px 0; margin: 0 17px 0 17px; border-bottom: 1px dotted #030303;}
#events ul li, #news ul li {color: #6f7170; font-size: 1.1em; line-height: 1.1em; padding-bottom: 10px;}
#events ul li a, #news ul li a {color: #cb0400; font-size: 1.1em;}
#events ul li p, #news ul li p {font-size: 1em; margin:3px 0 0 0;}
#events ul li p.evsdate {font-size: 0.9em; font-weight:bold; margin-bottom:4px;}
#events ul li img, #news ul li img {margin-top:3px;}
#eventoptions {padding: 0 17px; line-height: 1.3em;}
#eventoptions a {font-size: 1em; font-weight: bold;}

#markets {margin-top: 10px;}
#marketlist { padding: 17px; }/*new: text-align:center;*/
#marketlist p {padding:0px; margin:0px;}/*new line*/
#marketlist img {padding:0px !important; margin:0px !important;}/*new line*/
#marketlist table tr td {padding: 2px 0 !important;}/*new line*/
#markets table {margin: 0 auto; border-collapse: collapse; width: 100%;}
#markets table tr td {text-align: center; padding: 5px 0;}
#markets table tr td img {border: 1px solid #000;}

/*	footer
--------------------------------*/
#footerwrapper {margin: 0 auto; margin-bottom: 20px; width: 958px; background: transparent url(images/footer-shadow.jpg) no-repeat right top; }
#footer {width: 918px; margin: 0 auto; text-align: right; color: #4d4d4d; padding: 20px; background: transparent url(images/footer-bg.jpg) no-repeat left top; }
#footer a {color: #4d4d4d;}
#footer address {display: inline}
#lastupdate {*float: left; z-index: 999; position: relative; width: 488px; top: -60px; left: 200px; text-align: left; color: #4d4d4d;}
#lastupdate a {color: #4d4d4d;}
#lastupdate #date {float: left; width: 300px;}
#lastupdate #print {float: right; text-align: left; width: 50px; padding-left: 30px;  background: transparent url(images/print.jpg) no-repeat left top;}

/* -----[ CSS editing ] ----------------	*/
/*#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }*/
#eyeEditMenu table td { border: 0 !important; }
#eyeEditMenu a { cursor: pointer; }

#eyeEditMenu IMG { padding:0px! important; }
.editmenu IMG { padding:0px! important; }
.editmenu { margin-top: 10px! important; }

#content p q, #content p acronym, #content p abbr, #content p dfn { font-style:italic; font-weight:bold; }

#content div table { border-collapse:collapse; margin: 10px 0; }
#content table th { font-weight: bold; }
#content div table tr, #content div table tr td, #content div table tr th { border-collapse:collapse; }
#content div table tr td, #content div table th { padding:3px 5px 3px 5px; }

#content div table tr th { border-bottom: solid 2px #A00002; }
#content div table tr th p, #content div table tr th p a { color: #01A7A7; margin: 0; }

#content table.eyeRssFeed { color:#787878; font-size:1.2em; border: solid 1px #787878; }
#content table.eyeRssFeed a { color:#787878; font-size:1em; }
#content table.eyeRssFeed tr td { padding:3px 15px 3px 5px; }
#content table tr.rssHeader { font-weight:bold; border-bottom: solid 2px #A00002; color: #01A7A7; }
a.rssHeader { color: #01A7A7 !important;}

#content div.content div.form-results span.fieldnoresults { color: #FF0000; }

/* ----- datepicker css for IE6 & IE7 ----------------	*/
#datepickeriframe, table.dpTable { width:170px !important; }