/*
Title:      	Site master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/

@import url('reset.css');

/*	wrapper
--------------------------------*/
body {background: #FCFCFC url(images/bg_body.jpg) repeat-x 0 -50px;}
#wrapper {width: 954px;margin: 0 auto;}

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


/*	topnav
--------------------------------*/
#topnav {background: #6685AA;border-bottom: solid 1px #fff;text-align: center;padding: .5em 0;}
#topnav * {color: #fff;font-weight:bold;}
#topnav a {font-size:1em;text-decoration:none;text-transform:uppercase;}
#topnav a:hover { color: #1B4C86;}

/*	menu
--------------------------------*/
#menu {background: #E5EDF0 url(images/bg_menu.jpg) no-repeat top center;clear: both;overflow: hidden;padding: 7px 0 0 260px;width:694px;}
#menu * {color: #5B5D60;font-weight: bold;}
#menu a {font-size:1em;text-decoration: none;}
#menu a:hover {text-decoration: none; color: #182A7C;}
#menu div { float: left; padding: .8em 0; }
#menu div * { text-transform: uppercase; }
#menu ul {background: #D1D8E2;float: right;padding: .7em .9em; padding-right: .7em; margin: 0; width: 195px;}
#menu ul li {float: left;list-style-type: none;position: relative;}
#menu ul li a {background: url(images/sitelink_sprite.jpg) no-repeat top left;color: #6C6D71;display: block;font-size:.7em;padding: .4em .6em .2em 2.8em; }
#menu ul li a.style1 { background-position: 0 -58px; display: none; }
#menu ul li a.style2 { background-position: 0 -58px; }
#menu ul li a.print { background-position: 0 0; }
#menu ul li a.sitemap { background-position: 0 -29px; }

/*	container
--------------------------------*/
#container {background: #fff;border-top: dotted 1px #000;clear: both;overflow:hidden; _height: 1%; /**fix for ie6**/}
#container a.nav { color: #063261;font-size: .9em;font-weight: bold;text-decoration: none;margin-right: 7px; }
#container a.nav:hover { text-decoration: underline;}

/* container -- layout
--------------------------------*/
div.leftside {float:left;background:yellow;width:262px;}
div.center-leftmargin {float:left;width:712px;padding-left:242px; }
div.center-rightandleftmargins {float: left;width: 498px;padding-left:242px}
div.center-rightmargin {}
div.center-nomargin {}
div.rightside {float: left;border: solid 1px #F0F0F0;border-width: 0 1px 6px 1px;margin-bottom:18px;padding-bottom: 1.5em;width: 212px;}

/*	mast
--------------------------------*/
#mast {background: transparent url(images/bg_flower.png) no-repeat top center; margin: -220px 0 0 12px;/*margin: 2.2em 0 0 1em;*/
       padding-top: 93px;position: absolute;width: 250px;z-index: 10;}
       
#mastcanvas {background:#fff;border:solid 1px #F0F0F0;border-width:0 1px 6px 1px;border-bottom-color: #C9D5E3;margin: 0 20px;}
#mastcanvas .sitelogo {height: 84px;margin: 0 12px;width: 162px;}
#mastcanvas .searchbox {background-color: #9EB2CD;clear: both;margin: 32px 0 10px;overflow: hidden;width: 208px;}
#mastcanvas .searchbox label {display: none;visibility: hidden;}
#mastcanvas .searchbox input {float: right;margin: 8px;}
#mastcanvas .searchbox input.button {width: 21px;margin: 8px 2px;}
#mastcanvas .searchbox input.text {border: 0;color: #999798;font-size: 1em;padding: .3em;width: 150px;}
#mastcanvas h3 { padding-left: .65em; margin-bottom: .5em;}

#mastcanvas table.calendarStyle {width: 140px; margin: 0 auto;}
#mastcanvas table.calendarStyle a {text-decoration: none;}
#mastcanvas table.calendarStyle a:hover {text-decoration: underline;}
#mastcanvas table.calendarStyle th {color: #65604A;padding: 0;text-align: center;}
#mastcanvas table.calendarStyle td {font-size: .9em;padding: 0;text-align: center;}
#mastcanvas table.calendarStyle td.daystyle {color: #504F3D;}
#mastcanvas table.calendarStyle td.selectedCell a {color: #504F3D; font-weight: bold;}
#mastcanvas table.calendarStyle td.otherMonthStyle {color: #969696;}
#mastcanvas table.calendarStyle td.todayDayStyle {background: #C90300;color:#fff;}
#mastcanvas table.calendarStyle td.todayDayStyle a {color: #fff;}
#mastcanvas table.titelStyle {margin: 0 auto; width: 140px;}
#mastcanvas table.titelStyle * {color: #52514F; font-weight: bold;}
#mastcanvas table.titelStyle a {text-decoration: none; font-size: 1.3em;}
#mastcanvas table.titelStyle td {text-align: left; font-size: 1.1em;}
#mastcanvas table.titelStyle td + td {text-align: center;}
#mastcanvas table.titelStyle td + td + td {text-align: right;} 

#mastcanvas a.calendarLinkStyle { background: #9EB2CD url(images/bg_calendarlink.jpg) no-repeat 95% 50%; color: #fff; 
                                  display: block; font-size: 1.5em; font-weight: bold;
                                  margin: .9em 0; padding: .5em .9em .5em .7em; text-decoration: none; }
#mastcanvas a.calendarLinkStyle:hover {text-decoration: underline;}

#mastcanvas #widgets_search
{
	width: 200px; margin-bottom: 10px; border-bottom: solid 5px #C9D5E3;
	padding-left: 8px;
}

#mastcanvas ul.newsTeaserItems {padding-left: 1em; margin-bottom: 1em;}
#mastcanvas ul.newsTeaserItems li {list-style-type: none; margin-bottom: .9em;}
#mastcanvas ul.newsTeaserItems li a {color: #8C8C8C;font-size:1em;text-decoration: none;}
#mastcanvas ul.newsTeaserItems li a:hover {text-decoration: underline;}
#mastcanvas ul.newsTeaserItems li span.date {display: block;font-size:1em;}

#mastcanvas ul.newsLinks {padding-left: 1em;}
#mastcanvas ul.newsLinks li {list-style-type: none;margin: 0;}
#mastcanvas ul.newsLinks li a {color:#063261;font-weight: bold;font-size: .9em;text-decoration: none;}
#mastcanvas ul.newsLinks li a:hover {text-decoration: underline;}

#mastcanvas .treeview {margin: 10px 0 15px 15px;padding: 0;}
#mastcanvas .treeview a {color: #003A7A;display: block;font-size: .9em;font-weight: bold;text-decoration: none;margin-left: 3px;}
#mastcanvas .treeview a:hover, #mastcanvas .treeview .hover {color: #6C6D71;cursor: pointer;text-decoration: underline;}
#mastcanvas .treeview ul {margin-top: 4px;padding: 0;}

.treeview .hitarea {
	background: url(images/treeview-default-ed.gif) -64px -25px no-repeat; cursor: pointer;
	height: 16px; width: 16px; margin-left: -16px; float: left; 
}
/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

.treeview li {background: #fff url(images/treeview-default-line.gif) 0 0 no-repeat;list-style-type:none;padding: 3px 0 3px 16px;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default-ed.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

/*	container := breadcrumb
--------------------------------*/
#breadcrumb {border-bottom: solid 1px #E2E0E1;clear:both;margin-left: 255px;overflow:hidden;padding: 5px 0 5px 5px;text-align: right;width:694px;}
#breadcrumb a {background: url(images/bullet.jpg) no-repeat center right;color: #797979;font-size:1em;padding-right: 10px;text-decoration: none;margin: 0 10px;}
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb em { font-weight: bold;}
#breadcrumb span {color: #A0A0A0;font-size: .9em;}
#breadcrumb .breadcrumbtrail { float: left; width: 465px; text-align: left; }
#breadcrumb .breadcrumbtrail a { background: none; padding: 0; margin: 0; }

/*	container := content
--------------------------------*/
#content {padding: 15px 20px 10px 18px;clear: both; overflow: hidden;}
#content div.teaser-info {border-top: dotted 1px #000;}
#content div p { overflow: hidden; }

#content ul.sitemap a {color: #6E6E6E;text-decoration:none;}
#content ul.sitemap a:hover {text-decoration:underline;}
#content ul.sitemap li {list-style-type: decimal;}
#content ul.sitemap li li {list-style-type: upper-roman;}
#content ul.sitemap li li li {list-style-type: square;}

#content ul.login { padding: 0;}
#content ul.login li { list-style-type: none; }
#content ul.login li a {color: #063261;font-size: .9em;font-weight: bold;text-decoration: none;margin-right: 7px;}
#content ul.login li a:hover { text-decoration: underline;}
#content ul.login li a.disabled {color: #7A7A7A;}
#content ul.login li a.disabled:hover { text-decoration: none; }
/* fix for IE6 overflow:hidden */
body#homepage #content div p { width: 674px; }

/*	container := teaser-info
--------------------------------*/
div.teaser-info {border-top: dotted 1px #000;padding: 15px 20px 0 13px;}
div.teaser-info h3 { margin-left: 5px; }
div.teaser-info p { background: #C9D5E3;padding: 5px 0 15px 5px; }

/*  container := links
--------------------------------*/
#links { padding: 15px 10px 15px 0; text-align: right; }
#links a.cancel { background: transparent url(images/back.jpg) no-repeat 0 0; color: #063261;font-size: .9em;font-weight: bold;
                  padding-left: 20px; text-decoration: none; }
#links a.cancel:hover { text-decoration: underline; }

/*  container := sidebar
--------------------------------*/
#sidebar {padding: 15px 5px 0 15px;}
#sidebar h3 {  }
#sidebar p { padding: 0 0 10px 0; }

/*	footer
--------------------------------*/
#footer {background: #1B4C86;padding: 6px 0 6px 260px; }
#footer * {color: #fff;font-weight: bold;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/*	created
--------------------------------*/
#created {float: right;margin: 5px 20px 15px 0;width: 150px;}
#created span {color:#5E5E5E;display: block;font-size:.8em;height: 22px;}
#created span * {vertical-align: middle;}
#created span img {margin-left: 3px;}

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu table { width: auto; }

/*IE6 fix*/
#eyeEditMenu td input { height: 35px; width: 38px; }
div.wysiwyg_menu div.wysmenuitem a input { height: 36px; width: 36px; }

div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/*div.editmenu { margin-top: -428px !important; }*/

#datepickeriframe, 
table.dpTable { width: 170px !important;}

ul.alphalist {margin:0; padding: 0;}
ul.alphalist li{
    display: inline;
    list-style-type: none;
    margin-left: 0px !important;
    padding-right: 8px;
}