﻿/*
Title:      	kleurenboom master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/



* div[width] { width: 100% !important;} /* appropriate hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* appropriate hack for eyes cms background: #bee661 url(images/body_bg.jpg) repeat-x ;*/
a img { border: 0; }
body { font: normal 62.5% Arial, Verdana, sans-serif; margin:0 auto; }
*{
margin: 0;
padding: 0;
}

/* ---- [ typography ] ------------ */
a { color:#F18721;text-decoration:none;} 
a visited{}
address { color: #fff; font-size: 1.1em; font-style: normal; }
h1 { font-size: 1.4em; line-height: 1.7em;  color: #F18721;margin-bottom:5px;}
h1 span{ color: #F18721;margin-bottom:5px; margin-top:12px;font-size: 1em;}

h2 { color: #003075; padding-right: 18px;font-size: 1.2em;padding-bottom:5px;}

.error { color: #F00 !important; }

h1.hide,h2.hide{display:none;}
h3 { font-size: 1.3em; line-height: 1.6em; }
p { color: #9b9c9e; margin-bottom:15px;  display:block; }
p B {color: #666666;}
#bread_crumb span{font-size: 1.1em; color: #595959;}
#bread_crumb a { font-size:1.1em;}
p a { font-size: 1em;}
img.imgadvet{height:61px !important; width:61px !important;}
div.txterror p{color:#603100; margin:5px 0px 0px 51px;}
 table.sessions {width:157px;}
 table.sessions th {text-align:left;font-size:13px; color:#F18721;}
 table.sessions td.date, table.sessions td  {text-align:left; color: #9b9c9e;border-left:solid 1px #8D8D8D;padding-left:5px; width:100px;}
  table.images {border-collapse:collapse;}
 table.sessions tr.alt0{padding:5px !important;}
#content_maincontainer #content_container table tbody tr td p{padding-left:5px;width:auto !important;}
#content_maincontainer #content_container table tbody tr td{border-left:solid 1px #8D8D8D;width:auto !important;}
#content_maincontainer #content_container table {width:auto;} 
#content_maincontainer #content_container table tbody th td p{border-left:solid 1px #8D8D8D;padding-left:5px;}
#content_maincontainer #content_container table tbody th{border-left:solid 1px #F68C1F;padding-left:5px;}
#content_maincontainer #content_container table tbody tr td ul { margin-left: 25px !important; }


/* --- rss table ---*/

table.eyeRssFeed{margin-top:25px;border:0 !important; color:#9B9C9E;}
table.eyeRssFeed tr.rssHeader td{border-left:solid 1px #F18721;padding-left:5px;width:auto !important;border-bottom:5px solid #fff; font-weight:bold;}
table.eyeRssFeed tr.rssItem td, table.eyeRssFeed tr.rssAlternatingItem td{border-left:solid 1px #9B9B9B;padding-left:5px;width:auto !important;border-bottom:5px solid #fff;}
table.eyeRssFeed tr{margin-bottom:5px !important;}


#Menu_tools{background-color:#fff;width:960px;margin:0 auto;text-align:right !important;padding-top:25px;padding-bottom:4px;color:#CCCCCC;}
#Menu_tools a {color:#9B9B9B;}
#Menu_tools a:hover {color:#333333;}
#Menu_tools #tools li{float:left;}
#wrapper{width:1024px ;margin:0 auto;height:auto;padding-left:20px;}
#wrapper #inner_wrapper{background-color:#F68C1F;width:960px;margin:0 auto;height:auto;float:left;}

/* -----[ Header ] ----------------	*/
#wrapper #header{height:113px;width:960px;width:960px;}
#wrapper #header #ctl00_logo{width:440px;float:left;padding:5px;}
#wrapper #header #header_left{width:510px;float:left;height:113px;}
#wrapper #header #login{width:209px;float:left; padding-right:25px;margin-top:36px;}

/*	[Search]
--------------------------------*/
#wrapper #header #search{width:274px;margin-top:57px; float:left;text-align:right;}
#wrapper #header #search input.text,
#wrapper #header #header_left #login div.fieldrow input.text {color:#603100; background :transparent url(images/text_background.gif) no-repeat left -2px;padding-left:4px;width:110px;height:21px;border:none;}
div.fieldrow input.text { float:left }
#wrapper #header #search input.searching{margin-top:1px;margin-left:-3px;}
#wrapper #header #header_left #login div.fieldrow {display:block; clear:both;}
#wrapper #header #header_left #search label{color:#603100; font-size: 1.2em !important;}
#wrapper #header #header_left #login div.fieldrow label{color:#603100 !important; display:block;float:left;width:72px;position:relative;text-align:right;margin-right:3px;margin-top:5px;}
#wrapper #header #header_left #login div.fieldrow span.req {color:#000  !important; font-weight: bold !important;}
#wrapper #Menu_tools #logof {display:inline !important;width:150px;}
#wrapper #Menu_tools #logof span { font-size:1.1em; color:#9B9B9B; }
#wrapper #Menu_tools #logof a { margin-left:8px;text-decoration:none;}
#wrapper #Menu_tools #tools {margin:0px  26px 5px 0px;display:block;display:inline !important; }
#wrapper #Menu_tools #tools a{text-decoration:none;}

/*	[Skyscrapper]
--------------------------------*/
#skyscrapper{width:160px; height:600px;overflow:hidden;padding:0;vertical-align:top !important;margin:43px 0 0 4px;float:right; position:absolute;display:inline;}
#skyscrapper #m-advert p {margin:0 !important;}
#header_left div.fieldrow {display:none;}

/*	canvas: =tree
--------------------------------*/

#tree.treeview { width: 150px; margin-right: 27px; _margin-right:15px; color:#9B9C9E !important;border-bottom: solid 1px #9B9B9D; } 
#tree h3 {color:#919191;font-size:1.5em;margin-bottom:7px;}
#tree {display:block;list-style:none;margin-top:15px;}
#tree h3{  font-size: 1.3em; } 
 #tree h3 a { font-size: 1em;   text-decoration: none;color:#626262; }
#tree ul li{ list-style: none; padding:3px 0;display: block;border-top: solid 1px #9B9B9D;color:#626262; }
#tree ul li ul li.expandable {padding: 0 0 0 10px; font-style:italic;}
#tree ul li ul li {padding: 0 0 0 10px; font-style:italic;}

#tree li { margin: 0 0 2px 0; padding: 2px 0 2px 0px; color: #626262; font-size: 1em; }
#tree li a { font-size: 1.1em;  text-decoration: none; color:#9b9c9e;}
#tree li li { border: 0; }
#tree li span { font-size: 1.1em; text-decoration: none; color: #626262; cursor: pointer; }
#tree li.collapsable a, 
#tree li.collapsable li.collapsable a { color:#626262; }
#tree li.collapsable li a, #tree li.collapsable li.collapsable li a { color: #919191; }

#tree a.hover {color: #f68b1f !important; cursor: pointer;  text-decoration: underline;}
#tree a.selected {color:#333333!important;}

  /*fix for IE6*/
 html .hitarea { display: inline; float:none; }

/* -----[ Adverts - Sidebar ] --------------- */
#sidebar { width: 150px; margin-right: 15px; padding-top:15px; display:block; float:left; _margin-bottom:10px;}
#sidebar .rounded{ float:left;display:block;overflow:hidden; }
#sidebar .inner{width: 61px; float:left;display:block;overflow:hidden; height:61px;margin:3px; _margin:1px; border:solid 1px #cecfce;padding:3px;}

/* -----[ Content ] --------------- */
#content{background-color:#FFF;min-height:300px;width:960px;float:left;padding-top:15px;padding-bottom:15px;}
#content #bread_crumb{/**/height:30px;padding: 0px 5px 0px 0px;width:765px;background:#fff url(images/breadcrumb_bg.gif) no-repeat center left ;float:left;display:block;}
#content #content_left{width:178px;float:left; }
#content #content_container{width:765px;float:left;margin-bottom:37px;font-family:Arial; font-size:1.3em; }
#content  #content_container div.Top_row{margin-top:-10px;display:block; overflow:hidden ; width:765px;background:#fff url(images/breadcrumb_bg.gif) no-repeat  bottom left;min-height:175px !important;margin-top:-10px;}
#content  #content_container div.bottom_row{float:left;padding-top:7px !important; display:block; overflow:hidden ; width:765px;background:#fff url(images/breadcrumb_bg.gif) no-repeat  bottom left;min-height:175px !important;}

#content  #content_container div.info_content{float:left;width:244px; padding:0px 22px 10px 0px;}
#content  #content_container div.info_contmid{float:left;width:246px; padding:0px 22px 10px 0px;}
#content  #content_container div.info_contrght{float:left;width:231px; padding:0px 0px 10px 0px;}

#content  #content_container div.info_content img,#content  #content_container div.content_btm img,
#content  #content_container div.info_contmid img , #content  #content_container div.info_contrght img, 
#content  #content_container div.content_btm img {float:left;vertical-align:text-top;}


#content #content_container div.content_btm {float:right;width:231px;}
#content #content_container div.content_btm img, #content #content_container div.info_content img, #content #content_container div.info_contmid img, #content #content_container div.info_contrght img {margin-right:12px;clear:both;top:100px !important;}
#content #content_container div.content_btm h1, #content #content_container div.info_content h1, #content #content_container div.info_contmid h1, #content #content_container div.info_contrght h1 {font:bold 13px  arial;background:#fff url(images/orangeicon.gif) no-repeat top left;padding-left:13px;color:#F18721;margin-left:88px;text-transform:none;}
#content #content_container div.info_content h1, #content #content_container div.info_contmid h1, #content #content_container div.info_contrght h1 { _margin-top:10px; }



#teasers div.schotA, #teasers div.schotB {float:left;padding-right:13px;width:254px;}
#teasers div.schotA h1 {font:bold 13px  arial;background:#fff url(images/orangeicon.gif) no-repeat center left ;color:#F18721;text-transform:none;}
#teasers div.schotA h1 span {padding-left:13px;color:#F18721;text-transform:none;}
#teasers div.schotA h1 a {font:bold 13px  arial;color:#F18721;text-transform:none;margin-bottom:5px;}
#teasers div.schotA span {float:left;clear:both;color: #9b9c9e; margin: 15px 0px 25px 0px; }

#teasers div.schotB h1 {font:bold 13px  arial;background:#fff url(images/orangeicon.gif) no-repeat center left ;color:#F18721;text-transform:none;}
#teasers div.schotB h1 span {padding-left:13px;color:#F18721;text-transform:none;}
#teasers div.schotB h1 a {font:bold 13px  arial;color:#F18721;text-transform:none;margin-bottom:5px;}


#content #content_container div ul{list-style:none inside url(images/organgedot.gif);color: #9b9c9e;margin:12px 0;}
html * #content #content_container div ul{list-style:none outside url(images/organgedot.gif);color: #9b9c9e;margin:12px 0;margin-left:15px !important;}

html * #content #content_container div ol { color:#9B9C9E; margin-bottom:12px; margin-left:15px !important; margin-right:0; margin-top:12px; }

#content #content_container div ul li ul{ list-style:none outside url(images/bluedot.gif);color: #9b9c9e;margin-top:0px; margin:0; }
#content #content_container div ul li ul li ul{ list-style:none outside url(images/greystrip.gif);color: #9b9c9e; }

/*** IMAGES ***/ 

.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; margin: 0 0 0 15px;}

.image_align_left {float: left; margin: 0 15px 0 0;}

/* -----[ Teasers ] ----------------	*/
#content  #content_container #teasers {width:534px; top:0;margin-top:-13px;_margin-top:0px !important ;}
html * #content  #content_container #teasers {width:534px; top:0;display:inline;}
#teasers h1 a{text-decoration:none; float:left;font:bold 13px  arial;background:#fff url(images/orangeicon.gif) no-repeat center left ;padding-left:13px;color:#F18721;text-transform:none;}
#teasers div.schotB dl dd a.link {list-style-type: none !important; display:block; clear:both;font-family: arial;color: #9b9c9e;text-decoration:none;background:#fff url(images/greypointer.gif) no-repeat center left ;padding-left:13px; font-size:1em;}
#teasers div.schotB dl dd a.link:hover {color: #333333 !important;}

#teasers div.schotA dl dd a.link {list-style-type: none !important; display:block; clear:both;font-family: arial;color: #9b9c9e;text-decoration:none;background:#fff url(images/greypointer.gif) no-repeat center left ;padding-left:13px; font-size:1em;}
#teasers div.schotA dl dd a.link:hover {color: #333333 !important;}
#teasers h2{display:none !important;}


/* -----[ Footer ] ----------------	*/
#footer{height:50px; background-color:#fff;width:960px;margin:0 auto;text-align:right;display:block;float:left;}
#footer #createdby{height:5px; background-color:#F68C1F;width:960px;margin:0 auto;margin-bottom:15px;float:left;}
#footer span {float:right;margin-right:20px;}
/* -----[ CSS editing ] ------------ */
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

#eyeEditMenu table td { border: none !important; }

div.editmenu { margin-top: 0 !important; }
/* -----[eyeEditMenu ] ------------ */

#content_container #eyeEditMenu {clear:both;margin-bottom:12px;}
table.mceEditor{clear:both;width:253px !important;}

#content p q, #content p acronym, #content p abbr, #content p dfn { font-style:italic; font-weight:bold; }