/*
Title:      	Baseproject master styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

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

body { background: #dfdfdf; font: 62.5%/1.8em Arial narrow, Arial, Verdana, sans-serif; }

/* ---- [ typography ] ------------ */
address { font-size: 1em; font-style: normal; }
a { font-size: 1.5em; }
a img { border: 0; }
h1 { color: #587a93; font-size: 2em; font-weight: normal; margin: 5px 0 12px 0; text-transform: uppercase; }
h2 { color: #7590a5; font-size: 2em; font-weight: normal; margin: 5px 0 10px 0; }
label { color: #676767; font-size: 1.4em; }
legend { font-size: 1.1em; }
li { font-size: 1.2em; }
input, select { color: #676767; }
p { color: #676767; font-size: 1.5em; margin: 5px 0 7px 0; }
li a, p a, dd a { font-size: 1em;}

/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto; width: 956px; }
#wrapper span.seperator { padding: 0 10px; }

/*	mastflag
--------------------------------*/
#mastflag { float: left; width: 100%; margin: 5px 0 0 0; }
#mastflag div.siteflags { float: right; }
#mastflag div.siteflags * { vertical-align: middle; }
#mastflag div.siteflags span { font-size: 15px; }
#mastflag div.siteflags span.userintro {font-size: 1.2em; line-height: 1.6em; color: #737373;}

#lang { float: left; list-style: none; }
#lang a { color: #737373; display: block; font-size: 1.2em; line-height: 1.6em; margin-left: 10px; text-decoration: none; }
#lang a:hover { text-decoration: underline; }
#lang li { float: left; font-size: 1em; }

/*	masthead
--------------------------------*/
ul.masthead { background: #577994; border-bottom: solid 3px #fff; cursor: default; float: left; font-size: 1em; list-style-type: none; margin-top: 3px; width: 100%; z-index: 1000; }
ul.masthead a { display: block; cursor: pointer; color: #fff; padding: 2px 10px; text-decoration: none; font-size: 1.1em; text-transform: uppercase; width: 100%; white-space: nowrap; }
ul.masthead li { background: transparent url(images/bullet.jpg) no-repeat left 55%; cursor: pointer; display: block; float: left; font-size: 1em; list-style-type: none; position: relative; text-align: left; width: auto; }
ul.masthead li.group { font-weight: bold; background: none; border: 0; }
ul.masthead ul { background: #9cb6c3; border: 1px solid #fff; border-width: 3px 1px 0 1px; cursor: default; font-size: 1em; left: -1000em; list-style-type: none; position: absolute; width: auto; z-index: 1020; }
ul.masthead ul a { font-weight: bold; margin: 0; }
ul.masthead ul a:hover, #masthead ul a:focus { color: #577994; }
ul.masthead ul li { border-bottom: solid 1px #fff; float: none; width: auto; white-space: nowrap; background: #9cb6c3; }
ul.masthead ul ul { border-top-width: 1px; margin: 5% 0 0 100%; position: absolute; }
ul.masthead li:hover ul, ul.masthead li.sfhover ul { left: auto; }
ul.masthead li:hover ul ul, ul.masthead li.sfhover ul ul { left: -1000em; }
ul.masthead li li:hover ul, ul.masthead li li.sfhover ul { left: auto; top: 0; } 

/* hack for ie: to make sure sub menus show above the other menu */
/* #masthead li:hover, #masthead li.hover { position: static; } */

/*	header
--------------------------------*/
#header { background: #fff url(images/bg_header.jpg) repeat-x left top; clear: both; overflow: hidden; width: 100%;  }
#header .banner { float: right; }
#logo { float: left; margin-top: 35px; text-align: center; width: 291px; }
#logo h1, #logo h2 {display: none; }

body.AlroGroup #header { background-image: none;}


/*	mast
--------------------------------*/
#mast { background: #fff; clear: both; overflow: hidden; width: 100%; }
#mast ul { background: transparent url(images/bg_nav.gif) repeat-x left top; float: left; margin: 0 0 0 46px; width: 665px; }
#mast li { border-top: solid 5px #f7de46; color: #a4a2a3; display:block; float:left; list-style:none; }
#mast li a { border-left: solid 1px #c8c7c5; color: #676767; display:block; padding: 15px 8px 0 15px; text-decoration: none; text-transform: uppercase; }
#mast li a:hover { text-decoration: underline; }
#mast li.navA a { border-left: 0; }
#mast li.nav0 { border-color: #c83929; }
#mast li.nav1 { border-color: #30428c; }
#mast li.nav2 { border-color: #43ade1; }
#mast li.nav3 { border-color: #5c913f; }
#mast li.nav4 { border-color: #d57f32; }
#mast li.nav5 { border-color: #c83929; }
#mast li.nav6 { border-color: #30428a; }
#mast li.nav6 a { border-right: solid 1px #c8c7c5; }

body.AlroGroup #mast ul { background-image: url(images/bg_nav2.gif);} 
body.AlroGroup #mast li { border-color: #9EB5C3; }

#search { border: 0; float: left; margin-top: 21px; width: 245px; }
#search a { color: #676767; font-size: 1.2em; padding-left: 5px; text-decoration: none; text-transform: uppercase; }
#search a span { color: #43ade1; font-weight: bold; padding-left: 5px; }
#search input { color: #587a93; border: solid 1px  #a6a4a5; font-size: 1em; margin-left: 10px; padding: 2px; width: 142px; }
#search label { display: none; }

/*	container
--------------------------------*/
#container { background: #fff; clear: both; overflow: hidden; width: 100%; }

/*	container: =sidebar
--------------------------------*/
#sidebar { float: left; margin-top: 20px; width: 245px; }
#sidebar dl { font-size: 1.3em; }
#sidebar dd, #sidebar dl { margin-left: 10px; }

#tree { border-bottom: solid 1px #708d9b; padding-bottom: 8px; margin-bottom: 20px; }
#tree a { color: #587993; font-size: 1.2em; text-decoration: none;}
#tree a:hover { text-decoration: underline; }
#tree ul { margin-bottom: 0; }
#tree ul li { list-style-type: none; }
#tree div.lvl1 { border-top: solid 1px #708d9b; padding: 4px 3px 0 10px; margin: 8px 0 2px 0; }
#tree div.lvl2 { padding-left: 25px; }
#tree div.lvl3 { padding-left: 35px;}
#tree div.lvl4 { padding-left: 40px;}
#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a { color: #43ace1 !important; text-decoration: underline; }
#tree .lvl1 a { color: #676767; text-transform: uppercase; }

/*	container: =content
--------------------------------*/
#content { float: left; padding: 0 10px 0 46px; width: 655px; }
#content a { color: #577994; }
#content p { overflow: hidden; }
#content p.error, #content .fieldnoresults { color: #C00; font-size: 1.3em; margin: 5px 0 7px 0; }
#content ul { margin: 7px 7px 15px 10px; }
#content ul.sitemap a { text-decoration: none; }
#content ul.sitemap a:hover { text-decoration: underline; }
#content ul.sitemap li { margin-left: 10px; list-style-type: decimal; font-size: 1.3em; }
#content ul.sitemap li li { list-style-type: upper-roman; font-size: 1em;}
#content ul.sitemap li li li { list-style-type: square; font-size: 1em;}

#breadcrumb { margin: 10px 0 15px 0; }
#breadcrumb * { font-size: 1.3em; color: #bababa !important; }
#breadcrumb span.intro { padding-right: 5px; }

#footerImage { background: #fff; clear: both; overflow: hidden; width: 100%; } 
#footerImage img { margin: 5px 0 5px 10px; }

/*	footer
--------------------------------*/
#footer { background: #577994; clear: both; padding: 4px 0 4px 10px; }
#footer * { color: #fff; font-size: 1.1em; text-transform: uppercase; }
#footer address a { font-size: 1.3em; text-transform: capitalize; text-decoration: none; }
#footer address a:hover { text-decoration: underline; }

/*	created by
--------------------------------*/
#created { float: right; margin: 5px 10px 0 0; }

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