/*
Title:      	rzTienen master styles for screen media
Author:     	jvd, © 2007 anaXis nv.
Updated:        jan 2008
*/

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

Body { background: #FCFBF9; font: 62.5%/1.8em Arial, Verdana, sans-serif; }

/*  Typography 
--------------------------------*/
address { font-size: 1em; font-style: normal; width: 680px; float: left; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
h1 { color: #6A1709; font-size: 1.8em; font-weight: bold; margin: 5px 0 12px 0px; line-height: 1em; }
h1 a { color: #6A1709; font-weight: bold; margin: 5px 0 12px 0px; }
h2 { color: #6A1709; font-size: 1.4em; font-weight: bold; margin: 5px 0 10px 0px; }
p { color: #323433; font-size: 1.2em; margin-bottom:8px; }
p a { }
legend { font-size: 1.1em; color: #323433; }
caption{font-weight:bold;}


/*** RSS FEED ***/ 
table.eyeRssFeed{border:solid 1px #fff !important;margin-bottom:10px !important;}
table.eyeRssFeed tr p {margin-left:0px !important;}
table.eyeRssFeed tr td a.rssHeader{font-weight:bold;}
table.eyeRssFeed tr td{padding:0 3px !important;}
table tr th{text-align:left !important;}

/*** 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; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	Wrapper
--------------------------------*/
#Wrapper { margin: 10px auto; width: 1004px; position: relative; }
#Wrapper span.seperator { padding: 0 5px; }

/*	Header
--------------------------------*/
#Logo { float: left; width: 226px; padding-right: 16px; }
#Logo a { float: right; }
#Header { float: right; width: 760px; height: 180px; overflow: hidden; }
#Header table { border-collapse: collapse; }
#Header table.images img { width: 152px; height: 180px; }
#Header table.image img { width: 760px; height: 180px; }

/*	Navigation $ Crumb
--------------------------------*/
#Navigation { width: 730px; background-color: #F69C00; height: 24px; float: right; border-top: solid 5px #641101; padding: 5px 10px 0px 20px; }
#Navigation a { text-transform: uppercase; color: #FCFBF9; font-size: 1.2em; font-weight: bold; vertical-align: top; }
#Navigation a.act { color: #641101; }
#Mast { width: 730px; height: 25px; float: right; border-bottom: dotted 1px gray; color: #323433; padding: 7px 10px 0 20px; font-size: 1.1em; }
#BreadCrumb { width: 640px; height: 25px; float: left;}
#BreadCrumb a { color: #323433; }
#ImageMap { width: 90px; height: 25px; float: right; }
#ImageMap img { margin-left: 5px; }
#ImageMap a { vertical-align: top; color: #000; font-weight: bold; font-size: 1.2em; }

/* Login
--------------------------------*/
#lgweb {float: left; width: 740px; background-color: #FCFBF9; padding:0px 10px; }
#lgweb a { display: inline; margin-left: 10px; }
#lgweb a:hover { text-decoration: underline; }

/*	Container
--------------------------------*/
#Container { background: #FCFBF9; clear: both; overflow: hidden; width: 100%; }
#ContLeft { float: left; width: 226px; }
#Search { padding-right: 16px; width: 226px; float: left; margin-top: 5px; }
#Search fieldset { border: 0; padding-top: 3px; float: right; }
#Search input { vertical-align: bottom; float: right; }
#Search input.textbox { margin-top: 3px; width: 110px; margin-right: 5px; }

#Tree { float: right; width: 200px; color: #333333; font-size: 1.3em; height:1px; }
#Tree ul {  }
#Tree li { padding-bottom: 3px; display: block; clear: both; overflow: hidden;}
#Tree li * { float: right; }
#Tree li a { color: #333333; margin-left: 10px; display: block; letter-spacing: 0.5px; text-align:right;}
#Tree div.lvl1 a { font-weight: bold; padding-right: 0px; text-align: right; }
#Tree div.lvl1 ul.firstChild { border-top: dotted 1px gray; }
#Tree div.lvl1 ul { border-bottom: dotted 1px gray; }
#Tree div.lvl2 a { padding: 0 10px 0 3px; color: #C47902; }
#Tree div.lvl3 a { padding: 0 20px 0 3px; color: #681002; font-size:0.9em;}
#Tree div.lvl4 a { padding-right: 20px; }

#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a {color: #FCFBF9;}

#ContRight {float: left; margin-left: 16px; width: 762px; background-color: #FCFBF9; }
#ContRight {_float: right !important;}

/*	Content
--------------------------------*/
#Content { float: left; width: 740px; background-color: #FCFBF9; padding: 10px 10px 10px 10px; _padding: 0 0 5px 0; }
#Content ul{ margin-left: 15px; }
#Content ol { margin-left: 18px; }
#Content a { color: #EA9300; font-weight: bold; text-decoration: underline; }
#Content a:hover { color: #6A1709; }
#Content p{clear:both; }
#Content div{clear:both;overflow:hidden;}
#Content table tr td { vertical-align: top; }
#Content table.ZwarteRanden{border-spacing:0; border-collapse:collapse;padding:0;}
#Content table.ZwarteRanden caption { text-align:left; color: #6A1709; font-size: 1.4em; font-weight: bold; margin: 5px 0 10px 0px; }
#Content table.ZwarteRanden td,#Content table.ZwarteRanden th{border:solid 1px #000000;vertical-align: middle; text-align:center; }
#Content table.ZwarteRanden p{vertical-align: middle; text-align:center;}

#Content table.Fancy{border-spacing:0; border-collapse:collapse;padding:0;border-bottom:solid 1px #641101}
#Content table.Fancy caption { text-align:left; color: #6A1709; font-size: 1.4em; font-weight: bold; margin: 5px 0 5px 0px;border-top:solid 1px #641101; border-bottom:solid 1px #641101; }
#Content table.Fancy th{vertical-align: middle; text-align:center; }
#Content table.Fancy tr.headerrow {border-bottom:solid 3px #641101;}
#Content table.Fancy tr.headerrow th { text-align: center; padding:  10px 0 10px 0px;}
#Content table.Fancy tr.headerrow th p{color:#000000; text-transform:uppercase;font-weight: bold;text-align: center;}
#Content table.Fancy tr.alt1{background-color:#d3cac5;}

#Content table.nostyle {border-spacing:0; border-collapse:collapse;padding:0;margin:0;}
#Content table.nostyle td, #Content table.nostyle th { padding: 5px; }
#Content table.nostyle ul, #Content table.nostyle ol { margin-top: 0; margin-bottom: 0; }
#Content table p.subtitle { color: #6A1709; font-size: 1.4em; font-weight: bold; margin: 0; padding: 0; }

#Content #anchors {margin-bottom:10px;}
#Content #anchors ul{ font-size: 1em; }
#Content #anchors ul li{ list-style-type:none;border-bottom:gray 1px dotted; }
#Content #anchors ul li a{font-size:1.2em;text-decoration:none;}
#Content #anchors ul li a:hover{text-decoration:underline;}
#Content a.toplink{float:right;display:block; clear:both;margin-right:20px;font-size: 1.2em;}

#Content ul { list-style-position: outside; margin: 10px 0 10px 15px; line-height: 17px; font-size: 1.2em; color: #323433;  }
#Content ol { list-style-position: outside; margin: 10px 0 10px 20px; *margin-left:25px; line-height: 17px; font-size: 1.2em; color: #323433;  }
#Content ul ul, #Content ol ol, #Content ul ol, #Content ol ul { margin: 0 13px; font-size:0.9em; }
#Content ul li ul li, #Content ol li ol li { font-size:1.1em; }

#Content p q, #Content p acronym, #Content p abbr, #Content p dfn { border-bottom:dashed 1px #544a39;}

ul.sitemap a { font-size: 1.2em; }
acronym, abbr, cite, dfn,q {border-bottom: dashed 1px #000000;}

div.search dd { font-size: 1.2em; }
div.search dd a { margin-right: 5px; }

/*	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;}

/*	Home
--------------------------------*/
Body.Home #Content { width: 547px; _overflow: hidden;}
Body.Home #News { float: right; width: 193px; padding-top: 10px; }
Body.Home .NewsTeaser{width: 193px;float: right;} 

Body.Home #NewsTitle { padding: 5px 10px; width: 173px; background-color: #F69C00; }
Body.Home #NewsTitle h1 { margin: 0; padding: 0; }
Body.Home #NewsTitle h1 a { color: #fff; }

Body.Home #News div.NewsArticles { float: right; width: 183px; background-color: #EFEEEA; padding: 0 5px 5px 5px; }
Body.Home #News div.NewsArticle { border-bottom: dotted 1px gray; }
Body.Home #News div.NewsArticle h2 { margin-bottom: 0; }
Body.Home #News div.NewsArticle h2 a { color: #3C1005; font-size: 0.9em; font-weight: bold; }
Body.Home #News div.NewsArticle div.date { color: #6A1707; }
Body.Home #News div.NewsArticle p { color: #59413D; margin: 0; font-size: 1.1em; padding-bottom: 5px; clear: both; }
Body.Home #News div.NewsArticle p img{width:165px;}
Body.Home #NewsFooter { float: right; background-color: #EFEEEA; width: 183px; padding: 5px 5px 5px 5px; }
Body.Home #NewsFooter ul { list-style-type: none; }
Body.Home #NewsFooter ul a { color: #671B03; text-decoration: none; font-size: 1.1em; }
Body.Home #NewsFooter ul a:hover { text-decoration: underline; }
Body.Home #NewsFooter ul img { margin-right: 5px; vertical-align: middle; margin-bottom: 4px; }

/*	Footer
--------------------------------*/
#Footer { background-color: #FCFBF9; clear: both; overflow: hidden; padding: 70px 0 0 20px; border-bottom: solid 5px #641101; height: 30px; }
#Footer div.Print { height: 30px; float: right; padding-top: 6px;  }
#Footer div.Print input.PrintButton { vertical-align: bottom; }
#Footer span.seperator { float: left; padding: 3px 20px 5px 20px;  }
#Footer span.FooterItem { float: left; color: #6E2215; font-weight: bold; font-size: 1.1em; text-transform: uppercase; line-height: 1.1em; }

/*	Created
--------------------------------*/
#Created { background-color: #EAEAE8; clear: both; padding: 4px 0 4px 10px; margin-top: 2px; color: #594043; }
#Created a {color:#EA9300;}
#Created div.CreatedMenu { width: auto; float: left; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }

#Content div.editmenu div {clear:none; }
div.eyeEditMenu a { cursor: pointer; }