/*
Title:      	lummen master styles for screen media
Author:     	dmu / dhu, © 2009 anaXis nv.
Updated:        July 06 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.5em Arial, Verdana, sans-serif; background: url('images/background.jpg') repeat-x top left; }

/* ---- [ typography ] ------------ */
h1 { background-color: #E6E7E9; width: 478px; padding: 8px 3px 10px 3px; color: #F16322; font-size:1.9em; line-height: 0.8em; margin-bottom:15px;}
h2 { background-color: #E1EFF9; width: 476px; padding: 5px 3px 5px 3px; font-size: 1.3em;}
p { margin-bottom: 15px; }
a { text-decoration: none; color:#e58001; }
a:hover { text-decoration: underline; }
.error{ color: #FC0000; }

/* ---- Wrapper ------------ */
#outerwrapper { background-color: transparent; padding: 20px 15px; overflow:hidden;}
#topwrapper { background: transparent url('images/bg_top.png') no-repeat; _background: transparent url('images/bg_top.gif') no-repeat; width:820px; height:32px; margin: 0px auto;}
#wrapper { background-color: transparent;  overflow:hidden;}
#innerwrapper { width:820px; background: transparent url('images/bg_rand.jpg') repeat-y scroll left 0 ; margin: 0px auto; clear:both;}
#bottomwrapper { margin: 0px auto; }

/* ---- Header ------------ */
#header { clear: both; overflow: hidden; width:820px; _height:100px;}
#logo { float: left; margin-left:20px; height:93px; width:194px;}
#headercont { float: right; margin-right:20px; position: relative; width: 300px; height: 93px;}
#tools { color: #02ADF2; margin-top:5px; _width:310px; overflow:hidden;}
#tools a { float: left; color: #02ADF2; } 
#tools span.pipe { float: left; color: #02ADF2; margin: 0 7px;}

/* ---- Search ------------ */
div.search { margin:5px -55px 0 0; margin: 5px -85px 0 0\9 ; position: absolute; bottom: 0; right:0; _top:60px; }
div.search input.searchtb { color:#787878; font-size:1em; margin:0 10px; padding:2px 0 2px 5px; width:140px; width:145px; }
div.search input.btnSearch { visibility: hidden; }
#loggedin { float: left; margin: 15px 0; clear:both;}

/* ---- topmenu ------------ */
#line { background: transparent url('images/top_line.jpg') no-repeat; width:785px; height:4px; margin:5px auto;}
#menu_top { clear: both; overflow: hidden; margin:0px auto; width:785px; height:30px; background: transparent url('images/top_menu.jpg') no-repeat;}
#toptree { float: left; margin: 5px 5px 5px 10px; font-size: 1.1em; font-weight: bold; }
#toptree li { list-style-type: none; display: inline; margin-right: 25px; }
#toptree li a { color: #ffffff; }
#toptree li a:hover { text-decoration: underline; }

/* ---- Content ------------ */
#container { float:left; background: transparent url('images/bg_rand.jpg') repeat-y scroll left 0 ; }
#bccontainer { clear: both; overflow: hidden; width: 475px; margin:0px auto; }
#breadcrumb { width: 475px; margin: 8px auto; text-align:right; color: #666666; float: right;}
#breadcrumb a { color: #666666; text-decoration:underline;}
#canvas { float: left; width:820px;}
#content { font-size:1.2em; }
#content p { margin-top: 15px; }
#content ul { list-style-position:outside; margin-bottom:20px; margin-left:25px; }
#content li { list-style-type: none; background: url(images/li.gif) no-repeat 0 0.1em; padding-left: 15px; margin-left: -15px; }
#content ul li ul { margin:0 0 0 25px; }

/* ---- newswrapper ------------ */
#newswrapper { margin:0 auto 20px; width:485px; }
#newswrapper div.newsitem { clear:both; padding-top:20px; *padding-top: 10px; }
#newswrapper div.newsitem a.newstitle { float:left; font-weight:bold; font-size:1.3em; }
#newswrapper div.newsitem span.date { float:left; *float:none; clear:both; margin-top:3px; }
#newswrapper div.newsitem p { float:left; clear:both; margin:5px 0; *float:none;}

#newswrapper div.newsitem div.pic { float:left; width:128px; margin-right:10px; }
#newswrapper div.newsitem div.news { float:left; width:340px; *width:330px; }

#newswrapper div.moreNews { clear:both; padding:10px 0; }
#newswrapper div.moreNews ul.newslinks { margin: 0; list-style-image:none; }
#newswrapper div.moreNews ul.newslinks li { float:left; list-style-image:none; background:none; }
#newswrapper div.moreNews ul.newslinks li a { margin-right: 15px; }

/* ---- Tree ------------ */
#treecontainer { float: left; width: 165px; position: relative; left:-50px;}
#treetop { float: left; width: 165px; height: 35px; background: transparent url('images/menu_top.png') no-repeat; _background: transparent url('images/menu_top.gif') no-repeat; }
#treetop span { position:relative; left:25px; top:8px; font-size:1.3em; color:#fff; font-weight:bold; }
#tree { float: left; width: 165px; background: transparent url('images/menu_mid.png') repeat-y scroll left top; _background: transparent url('images/menu_mid.gif') repeat-y scroll left top; display:none; }
#treebottom { float: left; width: 165px; height: 121px; background: transparent url('images/menu_bottom.png') no-repeat; _background: transparent url('images/menu_bottom.gif') no-repeat; }

#tree .rootul { width: 130px; margin-right: 20px; }
#tree ul { text-align: left; margin-right: 10px; text-align: left;  }
#tree ul li span, #tree ul li span a { color:#fff;  }
#tree li.expandable a { #float: left }
#tree li { width: 100px; line-height: 12px; }
#content { width: 485px; margin:0 auto; float:left;}

#tree ul.rootul li.collapsable .hitarea { background: transparent url(images/list-style-image.png) no-repeat 0 0.4em; height: 16px; width: 8px; margin-left: -10px; }
#tree ul.rootul li.expandable .hitarea { background: none !important; }
#tree ul.sublevel2 li.collapsable .hitarea {background: transparent url(images/list-style-image2.png) no-repeat 0 0.4em; height: 16px; width: 16px; margin-left: -14px; }
#tree ul.sublevel3 li { padding: 3px 0 3px 15px !important; }
#tree ul.sublevel4 li { width: 90px; }

/* ---- sidebar ------------ */
#sidebar { float: left; width: 165px; background-color: transparent; position: relative; left:50px; }

/* ---- events ------------ */
#evstop { background: transparent url('images/cal_top.png') no-repeat; _background: transparent url('images/cal_top.gif') no-repeat; width:165px; height:31px;}
#evstop span { position:relative; left:15px; top:8px; font-size:1.3em; color:#fff; font-weight:bold; }
#events { height: 200px; padding: 5px 0; background: transparent url('images/cal_mid.png') repeat-y center 0; _background: transparent url('images/cal_mid.gif') repeat-y center 0; width:165px;}
#evsbottom { background: transparent url('images/cal_bottom.png') no-repeat; _background: transparent url('images/cal_bottom.gif') no-repeat; width:165px; height:23px; } 
#evsLinks a { float:left; text-decoration: underline; margin:5px 0 0 5px; color:#fff;}
#evsLinks .imgshowEvs, .imgaddEvs { float:left; margin-left: 5px; clear:both; position:relative; top:10px;}
#evsLinks .imgshowEvs { width:9px; height:5px; }
#evsLinks .imgaddEvs { width:9px; height:9px; }
#evsLinks { margin: 0px auto; width:150px; height:45px; }

/* ---- calendar ------------ */
#cal { margin: 0 0 5px 14px; width:130px; }
#cal table.m-cal { width:100%; margin: 5px 0; }
#cal table.titelStyle { width: 100%; background-color: Transparent; padding-bottom:2px;}
#cal table.m-cal * { text-align:center; color:#fff; }
#cal th.dayHeaderStyle { color:#000; background-color:#ced0d1; background-color:#ced0d1;}
#cal td { font-weight:bold; }
#cal td.otherMonthStyle, td.dayStyle, td.todayDayStyle,td.weekendDayStyle { border: solid 1px #cfd1d2; background-color:#fff;}
#cal td.otherMonthStyle { color:#8c8c8c; }
#cal td.dayStyle { color:#2f2f2f; }
#cal td.todayDayStyle { color:#000; background-color:#CFD1D2;}
#cal td.todayDayStyle .selectedCell { color:#fff; background-color:#CFD1D2;}

#cal td.weekendDayStyle { color:#1fa5d9; }
#cal td.selectedCell { background-color:#fcc300; }

/* ---- news ------------ */
#newstop { background: transparent url('images/news_top.png') no-repeat; _background: transparent url('images/news_top.gif') no-repeat; width:165px; height:28px; }
#newstop span { position:relative; left:15px; top:8px; font-size:1.3em; color:#fff; font-weight:bold; }
#newscontainer { padding: 5px 0; background: transparent url('images/news_mid.png') repeat-y center 0; _background: transparent url('images/news_mid.gif') repeat-y center 0; width:165px;}
#newsbottom { background: transparent url('images/news_bottom.png') no-repeat; _background: transparent url('images/news_bottom.gif') no-repeat; width:165px; height:24px; } 

#newscontainer .blocktop { background: transparent url('images/white_top.png') no-repeat; _background: transparent url('images/white_top.gif') no-repeat; width:135px; height:8px; _overflow: hidden; _height:4px; margin:0px auto; }
#newscontainer .blockmid { background: transparent url('images/white_mid.png') repeat-y center 0; _background: transparent url('images/white_mid.gif') repeat-y center 0; width:135px; margin:0px auto; }
#newscontainer .blockbottom { background: transparent url('images/white_bottom.png') no-repeat; _background: transparent url('images/white_bottom.gif') no-repeat; width:135px; height:10px; margin:0px auto; }
#newscontainer .newssmall { width:120px; margin:0 auto; padding:5px; _padding:0; }
#newscontainer .newssmall a { color:#e58001; }
#newscontainer .newssmall span.nwstitle { font-size:1em; margin:0; clear:both; }


/* ---- extralinks ------------ */
#extralinks ul { list-style-position: inside; width:120px; margin:0px auto; padding:5px 0;}
#extralinks ul li a { color:#000; }


#readmore { padding-bottom: 5px; }
#readmore a.link { color: #ffffff; display: block; margin-left: 17px; }


/* ---- Sitemap ------------ */
#sitemap ul.sitemap{ font-size: 1.4em; list-style-position:inside; }
#sitemap li { line-height: 20px;  }
#sitemap li li { margin-left: 15px; }

/*	canvas:= POLL
--------------------------------*/
#poll h3 { margin-bottom: 5px; text-decoration: underline; }
#poll a.link { color: #C69101; margin-bottom: 10px; }
#poll .stem { }
#poll .stemlink
{
    padding: 5px;
    background-color: #0074A6;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    float: left;
}
#poll div.pollinfo { margin-left: 0; padding-left: 0;}
#poll div.activepolls { margin-top: 10px; }
#poll div.currentpoll { margin-left: 0; clear: both; overflow: hidden; }
#poll div.currentpoll p { margin-top: 5px; }

/* ---- footer & created ------------ */
#footer_container { width: 820px; margin: 8px auto; clear: both; overflow: hidden; color: #939393; }
#footer_container a { color: #939393; text-decoration: underline; }
#footer_left { width: 142px; float: left; margin-left: 25px;}
#text_container { width: 485px; float: left; }
#footer1 .bullet { margin-bottom: 1px; }
#footer1 a { margin-left: 2px; }
#footer2 .bullet { margin: 0 3px 1px 3px; }
#footer_right { width: 148px; _width: 100px; float: left; margin-right: 20px; _margin-right: 0px;  }
#footer_right a { display: block; text-align: right; margin-right: 5px; color: #7E7E7E; text-decoration: underline; }

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

div.editmenu { margin-top: 10px !important; }