﻿/***************************

HERNE

****************************/

* {margin:0; padding:0;}
* div[width] {width:100% !important;}

a img {border-width:0;}

html { height:100%; }
body { font-family: Verdana, Arial, Times New Roman , Helvetica, sans-serif; font-size: 65%; min-height: 100%; 
    height:auto !important; /* voor moderne browsers */ height:100%; }
#aspnetForm{ height:100%; /* voor IE */ }


/* TYPOGRAPHY
--------------------------------*/
h1 { clear:both; font-size:1.5em; color:#D97833;}
h2 {font-size:1.1em;}
legend {font-size:1.1em;}
li {font-size:1.1em;}
p {font-size:1.1em; line-height:1.4em; clear:both; display:block; margin-bottom:20px; overflow:hidden; }
p.error { color:#F00; }
span {font-size:1.1em;}
input {font-size:1.1em; margin-right: 10px;}
select {font-size:1.1em;}

/*	Meaning tags
------------------------------- */
acronym, abbr, q, dfn { border-bottom: dashed 1px #abc389; font-style: italic; }

/*	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; }


/* WRAPPER 
--------------------------------*/
#wrapperout { width: 1200px; background: #EEECE0;  margin:20px 0 0  10px; } 
#wrapper  {margin-left: 10px; width: 1001px; height:100%; margin: 0px auto; }

/* Navigation Top 
--------------------------------*/
#top_headernav { width: 770px; height: 65px; float: right;  background: #EEECE0;}
#top_headernav a { text-transform: lowercase; text-align:center; color: #415039; font-weight: bold; font-size: 1.2em; word-spacing: 2pt; letter-spacing:1; padding-bottom:5px;}
#top_headernav ul {clear: both; overflow: hidden; height:65px;}
#top_headernav ul li {float: left; width: 16.5%; border-right: solid 1px #D8D3C0; display: inline; height:65px; }
#top_headernav ul li.last { border: 0; width: auto;} /*fny - ul added to cater for new li*/
#top_headernav ul li a { display: block; margin: 38px 1px; border-bottom: solid 4px #D8D3C0; width: auto; text-decoration:underline;}
.logoimg{float:left;}/*fny*/
/* TREE 
---------------*/
#tree { padding-top:20px; padding-left:25px; padding-bottom:10px; background: url(images/treebackground.jpg) repeat-y; 
    float:left; width: 202px; border-right: solid 1px #D8D3C0; height:auto; 
    border-top: solid 8px #D8D3C0; border-top-width:5px; /*IE6 hack*/ margin-left:1px;}
#tree select{ width: 190px; margin-bottom:10px; }
#tree #searchInput{ float:left; margin-top:0px; margin-bottom:20px; }
#tree #searchInput input{ width:140px; height:17px; margin-right:5px; }
#tree #searchButton{ margin-bottom:20px; }

#searchTeaser { width: 220px; height: 400px; overflow: hidden;}

#tree_content { text-align:left; width: 200px; }
#tree_content a { vertical-align: middle;  text-decoration: none; }
#tree_content li { list-style-type: none; padding-bottom:5px; width:190px; }

/* New Tree
------------------*/
ul.myEyesTree li { list-style-type: none; font-size: 12px; margin: 0; font-weight:bold; padding-bottom:5px;}
ul.myEyesTree li a { border-bottom: dotted 1px #ADADAF; display: block; cursor: pointer; color: Black; vertical-align: middle; }
ul.myEyesTree li a:visited{ color: Black; }
ul.myEyesTree li a:hover{ color: Black; }
ul.myEyesTree li ul { display: none; margin: 0; }
ul.myEyesTree li ul.open { display: block; }
ul.myEyesTree li ul li { padding: 0; }
ul.myEyesTree li ul li a { border: 0; padding: 0 5px 0 0px; color:#CF5700; }
ul.myEyesTree li ul li a:hover{ color:#CF5700; }
ul.myEyesTree li ul li a:visited{ color:#CF5700; }
ul.myEyesTree li ul li ul li a { padding: 3px 0 0 10px; font-style: italic; font-size:11px; font-weight: normal; }
ul.myEyesTree li ul li ul li a:hover{ font-weight: normal; }
ul.myEyesTree li ul li ul li ul li a{ color: #667451;  font-style: italic;  font-weight: lighter; border-bottom: none; padding-left:20px; }

/* Content
---------------*/
#maintable { height: 100%; }
#MainContent ul { margin-left: 15px; }
#MainContent ul li { list-style-type: disc; }
#MainContent ol { margin-left: 25px; }
#MainContent li li { font-size: 1em; }


/* FOOTER
---------------*/

#Footer { float:left; width: 1003px; height: 43px; margin-left:-1px;}
.Footer_content { float:right; width:582px; margin-left:150px; color:white; padding-top:15px; }
.Footer_content a { color:White; }
.Footer_content span { display: inline;  font-size: 0.9em; text-decoration: none; }


/* SearchResults
-----------------*/

#searchResults{ padding-bottom:20px; margin-right:20px;}
#searchResults dl{ padding-top:10px; font-size:1.1em; }

/* Sitemap
-----------------*/
#sitemapblock ul { color:#495C2F; }
#sitemapblock a { color:#495C2F; }

/* Events
------------------*/
#numbut{ float:left; }
#numbut a{ padding-right:5px; }
#first{ float:left; padding-right:5px; }
#prev{ float:left; padding-right:5px; }
#next{ float:left; padding-right:5px; }
#last{ float:left; padding-right:5px; }
.form-pager{ margin-top:20px; }
div.eventSearch { float:right; width:250px; margin-left:20px; }

/* News
--------------------*/
div.newsSearch { float:right; width:250px; margin-left:20px; }

/* Forms
--------------------*/
fieldset{ padding:10px; padding-top:0px; border:solid 1px #D97833;  }
#input-data{padding-top:10px; }
fieldset{ margin-bottom:10px; }
fieldset legend{ color:#D97833; font-weight:bold; }
fieldset .fieldrow{ padding-top:10px; }
fieldset a:link, a:hover, a:visited{ color:#ABC389; }
.resultrow{ color:#D97833; padding-top:10px; }
.form-results{ padding-top: 10px; }
.form-results h2{ padding-top:10px; }
.form-results p{ clear: none; }
.form-container{ float:left; width:700px; }

#input-data label{ float:left; width:150px; }
#input-data input, select{ width:200px; margin-bottom:10px; }
#input-data .btn{ width:auto; }

.title{ padding-left:10px; }


/* Datepicker
------------------------*/
#datepicker { border:solid 1px #aaa; background-color:#AFD278; color: #505050;}
#datepicker .dpDayHighlight {border:1px; background-color:#667451; color:White; }
#datepicker .dpTitleText { text-align:center; font-size: 12px;}
#datepicker .dpTitleTR{ background-color:#667451; color:White; }
#datepicker .dpTD, .dpTDHover{ cursor:pointer; }
#datepicker .dpDiv{ width:250px; }

/* Wysiwyg
------------------------*/
.editmenu{ margin-top:-270px !important;} 


/* Loginlist
----------------------------*/

#MainContent ul.loginList { list-style: none; margin-left: 0; margin-top: 10px; }
#MainContent ul.loginList li { list-style-type: none; }

#uitwidget { width:228px; padding-bottom: 32px; float:left; background-color: #EEECE0; border-right:1px solid #D8D3C0; border-top:5px solid #D8D3C0; border-bottom:5px solid #D8D3C0;}

#detailText table { margin-bottom: 20px; border-collapse: collapse; /*display:block;*/ }
#detailText table caption { font-size:1.1em; font-weight:bold;  }
#detailText table tr.headerrow { background-color: #e2e2e2;  }
#detailText table tr.alt1 { background-color: #e2e2e2; }
#detailText table th { padding: 5px 8px;}
#detailText table td { padding: 3px 5px 3px 5px; vertical-align:top;  }
#detailText table th p { margin-bottom: 0; }
#detailText table td p { margin-bottom: 0;  font-size:1em;}
#detailText table td  { font-size:1.1em; }
#detailText table li { font-size:1em; }

#detailText table.eyeRssFeed { border: 1px solid #C2C1C1; }
#detailText table tr.rssHeader {  border-bottom: solid 2px #D97833 ; padding: 5px 8px; font-weight:bold; }
#detailText table tr.rssHeader a { color: #D97833; font-weight: bold; }
