/*
Title:      	Website Eyes-e-tools.net master styles for screen media
Author:     	FNY, © 2009 anaXis nv.
Updated:        Nov 11 2009
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.6em Arial, Verdana, sans-serif; background-color: #9d9d9d; }

/* ---- [ typography ] ------------ */
a { color: #a6c710; font-size: 1em; text-decoration: none; }
ul { font-size: 1.1em; list-style-type: none; }
ul ul { font-size: 1em;}
h1 { background: url(images/bluebullet.gif) no-repeat left; border-bottom: solid 1px #000; color: #000; font-size:1.6em; margin:0; padding:7px 0 7px 20px; text-transform: lowercase; }
h1 span.subtitel { font-size: 0.7em; padding-left: 10px;}
h2 { color: #4593b7; margin: 10px 0 2px 0; padding-left: 20px; text-transform: lowercase; font-size: 1.4em;}
h3 { font-size: 1.4em;}
p { font-size: 1.2em; }
h6 { color: #555; font-size: 0.9em; }
label { font-size: 1.1em; }
legend { font-size: 1.1em; }
table caption { border-top: solid 1px #4593B7; border-bottom: solid 1px #4593B7; font-size: 1.2em; font-style: italic; font-weight: bold; padding: 5px; }

table tr td { vertical-align: top; }
table tr th { vertical-align: top; text-align: left; }
acronym, abbr, cite, q, dfn { border-bottom: dashed 1px #a6c710; }

/*	wrapper
--------------------------------*/
#wrapper { background: #fff url(images/bg_main.gif) no-repeat 0 50px;  margin: 15px auto 0; text-align: left; width: 997px; }
#wrapper #topbg { background: transparent url(images/bg_topcurves.jpg) no-repeat top right ; clear: both; height: 11px; }

/*	header
--------------------------------*/
#header { color: #555; margin: 0 28px 0 22px; }
#headertop { border-bottom: solid 2px #2c3339; clear: both; height: 25px; }
#loginviews { float: left; font-size: 1.1em; text-align: right; }

/*	top menu
--------------------------------*/
#topmenu { float: right; margin-top: 6px; font-size: 1.1em; text-transform: lowercase; }
#topmenu li { border-left: solid 1px #9d9d9d; float: left; padding: 0 6px; line-height: 1em;}
#topmenu li.firstnode { border-left: none;}

#topmenu .bigger{ text-transform: none; }
#topmenu a, #headertop a:link, #headertop a:visited { color: #9d9d9d; text-decoration: none; }
#topmenu a:hover { color: #000; }
#topmenu a:hover { background-color: #d3e38a; }

/*	headermid
--------------------------------*/
#headermid { clear: both;  height: 137px; padding: 8px 0 0 0; overflow: hidden; }
#headermid div#logo { float: left; height: 110px; overflow: hidden; width: 302px; }

/*	searchbox
--------------------------------*/
#search { border: none; float: right; margin-top: 0; padding-left: 5px; width: 195px; }
#search .searchlabel{ color: #000; font-weight: bold; }
#search .labels{ clear:both; float:left; font-size:1.1em; padding:0 0 2px 0; text-align:left; }
#search .text { float: left; padding: 1px 0 0 0px; width: 157px; }
#search .button { float:right; padding: 0px 0px 0px 0px; }

/*	headernavigation
--------------------------------*/
.headernavigation { background: #232a2f url(images/bg_menu.jpg) no-repeat left 0; font-size: 1.4em; height: 49px; overflow: hidden;}
.headernavigation li { border-left: solid 1px #fff; float: left; height: 36px; padding: 14px 25px 0 7px; }
.headernavigation li.first { border: none; }
.headernavigation a { color:#fff; text-decoration: none; text-transform: lowercase; padding: 0; margin: 0; }
.headernavigation a:hover { color:#9bcfe7; }

/*	mainBody
--------------------------------*/
#mainBody { clear: both; color: #555; margin-top: 10px; min-height: 700px; overflow: hidden; padding: 0 0 30px 22px; }

/*	sidebar
--------------------------------*/
.sidebar { float: left; padding: 0; width: 317px; }
.sidebar li { font-size: 1.1em; }
.sidebar .advteasertop { background: #fff url(images/bg_teasertop.gif) no-repeat left top; float: left; height: 20px; width: 280px; }
.sidebar .advteaserinfo { background: transparent url(images/bg_teaserrepeater.gif) repeat-y; float: left; width: 280px; }
.sidebar .advteaserbottom { background: #fff url(images/bg_teaserbtm.gif) no-repeat left top; float: left; height: 19px; width: 280px; }

/*	sidebar adverts
--------------------------------*/
.sidebar .advteaserinfo h1 { background: none; border: none; color:#4593b7; padding: 0 5px 3px 10px; }
.sidebar .advteaserinfo h2 { color: #4593b7; margin: 0; padding: 0 5px 0 10px; text-transform: none; }
.sidebar .advteaserinfo h3 { padding: 0 5px 0 10px;}
.sidebar .advteaserinfo p { padding: 0 5px 0 10px; margin-bottom: 10px; text-transform: none; }
.sidebar .advteaserinfo .tagcloud { color: #a6c710; padding: 0 5px 0 10px; }
.sidebar .advteaserinfo .tagcloud h2{ color: #4593b7; padding: 0 0 3px 0; }

/*	sidebar Tree
--------------------------------*/
ul.maintree li { list-style-type: none; padding: 2px 5px 5px 10px; }
ul.maintree li a, ul.maintree li span { background: #fff url(images/bluebullet.gif) no-repeat left 50%; color: #4593b7; cursor:pointer; padding-left: 20px; }
ul.maintree li ul { display: none; }
ul.maintree ul li { padding: 2px 0 0 15px; }
ul.maintree ul li a, ul.maintree ul li span { background: #fff url(images/lightbluebullet.gif) no-repeat left 50%; color: #88a5b3; padding-right: 5px;}

/* eyes flash obj
--------------------------------*/
.sidebar .eyesflv {background:url(images/bg_mediaobject.jpg) no-repeat top left; float:left; height:328px; margin:0 0 10px -25px; padding:19px 0 0 26px; width:317px;}
.sidebar .eyesflv p {padding:0; margin:0;}

/*	sidebar poll
--------------------------------*/
.sidebar .pollinfo { float: left; padding: 0 5px 3px 10px; width: 265px; }
.sidebar .pollinfo  h2 {  padding: 0 5px 0 0; }
.sidebar .pollinfo .currentpoll,
.sidebar .pollinfo .activepolls { overflow:hidden; }
.sidebar .pollinfo a.link{ display:block; margin:10px 0 0 5px; }
.sidebar .pollinfo table.radiobtn_list { margin:5px 0 7px 0; }
.sidebar .pollinfo table.radiobtn_list td { vertical-align: top; }
.sidebar .pollinfo table.radiobtn_list td input { float: left; margin: 0 15px 0 0;}
.sidebar .pollinfo table.radiobtn_list td label { float: left; }
.sidebar .stem .stemlink{ background-color: #000; color:#fff; float: left; font-size: 12px; line-height: 16px; height:18px; padding:0 5px; text-transform: lowercase;}
.sidebar .stem #stem_l{ background: #fff url(images/bg_stem_l.gif) no-repeat left top; width:2px; float: left; height:18px}
.sidebar .stem #stem_r{ background: #fff url(images/bg_stem_r.gif) no-repeat right top;  width:2px; float: left; height:18px}

/*	container
--------------------------------*/
#container { border-bottom: solid 1px #000; color:#333; float: left; padding-bottom: 10px; width: 627px; margin-bottom: 20px; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { color: #aaaaac; float: left; padding-bottom: 5px; }
#breadcrumb a { color: #a8c84c; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

/*	content
--------------------------------*/
#content { float: left; width: 100%; }
#content p { padding-left: 20px; }
#content div#contentBlock { margin: 10px 0 0 20px; }
#content div#contentBlock p { margin-bottom: 10px; padding-left: 0px; }
#content div#contentBlock h2{ padding-left: 0px; }
#content ul { padding-left: 50px; }
#content table ul { padding-left: 30px; }
#content ul li { list-style-type:square;}
#content li a { font-weight: bold; }
#content ul.sitemap { font-size: 1.2em; line-height: 1.7em; margin: 5px 0 10px 0 }
#content ul.sitemap li { list-style-type:none;}

/*	RSS feed
--------------------------------*/
#content .eyeRssFeed { margin-top: 15px; }
#content .eyeRssFeed td {padding: 5px; }
#content .eyeRssFeed td a:hover {text-decoration: underline; }
#content .eyeRssFeed .rssHeader td { background-color: #4593B7; color: #fff; font-size: 1.2em; }
#content .eyeRssFeed .rssHeader td a {color: #fff; }
#content .eyeRssFeed tr.rssAlternatingItem {background-color: #eff3f7; }

/* ---- [ content krant ] ---- old site*/
#modulekrant { width:580px; overflow:hidden;}
#modulekrant div#kolomLinks { float:left; width:270px; padding:10px 0 10px 10px; margin-left:10px;}
#modulekrant div#kolomRechts { float:right; width:270px; padding:10px;}
#modulekrant div#kolomLinks span {font-size:1.2em;}
#modulekrant div#kolomRechts span {font-size:1.2em;}
#modulekrant ul { display:block; list-style-type:disc; list-style-position:outside; padding:0 0 0 15pt;}
#modulekrant li { display:block; list-style-type:disc; list-style-position:outside; }
#modulekrant h2 { margin-left:0px; padding-left:0px; }
#modulekrant h2 span { margin-top:10px; background-color:#4593B7;font-weight:300; padding:3px 5px; color:#fff; display:block;}
#modulekrant h2 span.module_subtitel { display:block; width:100%; border-bottom:solid 1px #808080; background-color:#fff; padding:0; color:#808080;}
#modulekrant p  { margin: 8px 0;padding-left:0px;}
#modulekrant p.module_terzijde { width:250px; padding:5px; border:solid 1px #4C8DAE; font-weight:bold; font-size:1.1em;}
#modulekrant ul { margin: 5px 0;}


/*	news teaser
--------------------------------*/
#content .news ul { padding-left: 20px; }
#content .news ul li { list-style-type:none;}
#content .news li p { padding-left: 0; }
#content .news li h2 { font-size: 1.4em; font-weight: normal; margin-left: 0; padding-left: 0; }
#content .news li h2 span { color: #000; font-weight: normal; padding-right: 0.2em; text-decoration: underline; text-transform: lowercase; }
#content .news li h2 span.date { color: #68828d; font-size: 0.6em; padding-right: 0; }
#content .news li h2 a:hover span { color: #a6c710; }
#content .news li h2 a:hover span.date { color: #68828d; }

/*	contentfooter
--------------------------------*/
#contentfooter { float: left; padding: 10px 10px 0 0; }
#contentfooter a { color: #555; float: left;}
#contentfooter #PrintLink { margin-right: 18px; }

/*	footer
--------------------------------*/
#footer { border-top: solid 2px #2c3339; background-color: #fff; clear:both; color: #555; overflow: visible; height: 50px; margin: 0 28px 0 22px; }
#footer a { color: #000; float: right; font-size: 9pt; font-weight: bold; margin-right: 10px; text-decoration: none; }
#footer span { margin-right: 10px; }
#footer img { vertical-align: middle; }
#reflection { background: #fff url(images/bg_footer.jpg) no-repeat left; height: 69px; margin: 0 auto; width: 997px; }