/*
Title:      	ASAP Interim
Author:     	vpa, © 2008 anaXis nv.
Updated:        October 13, 2008
*/
/* colors:
orange background: F5C531
blue text: 282B77
light blue text: 8382B0
pale blue background: D8D7FF
*/

* { 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; }
a { text-decoration: none; color: #8382B0; }
a:hover { text-decoration: underline; }
ul { list-style-type: none; }
.error { color: #FF0000; }
acronym, abbr, cite, q {border-bottom: dashed 1px #aa0202;}

/**- TYPOGRAPHY */
body { font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 62.5%; }
body * { font-size: 1em; }
#canvas { font-size: 1.1em; }
.lang li a, .lang, .lang span { font-weight: bold; }
body.home .lang li a, body.home .lang { color: #FFFFFF; font-size: 1.2em; }
h1 { font-weight: bold; font-size: 1.4em; }
body.home h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-weight: bold; font-size: 1.1em; }
#footer div { font-size: 1.1em; }
#login { font-size: 0.9em; }
#maincontent table th { font-weight: bold; }

/**- WRAPPER & HEADER */
#wrapper { margin: 5px auto; width: 955px; position: relative; }
#header { margin-bottom: 15px; height: 90px; }
#upperbanner { float: left; width: 728px; height: 90px; }
#logoASAP { float: right; width: 204px; }
#container { height: 600px; }
#rightbanner { float: right; width: 160px; margin-left: 15px; height: 600px; }
#upperbanner *, #rightbanner * { margin: 0 !important; padding: 0 !important; }

/**- CONTAINER */
#subcontainer { background-color: #F5C531; float: left; width: 780px; height: 600px; }
#content { float: left; width: 780px; height: 600px; }
#canvas { background: #FFFFFF; margin: 30px 30px 0 30px; height: 440px; padding: 10px; }

/**- CANVAS */
#canvas div { float: left; width: 700px; }
#canvas div div { float: none; width: auto; }

#menubar1 { padding-bottom: 5px; }
#breadcrumb { margin-top: 3px; }
#menubar1, #menubar2 { border-bottom: solid 1px #8382B0; }
#menubar1 .lang li { display: inline; }
.lang li a, .lang, .lang span { color: #282B77; }
.lang span { padding: 0 3px; }

#menubar1 #breadcrumb { float: left; width: 420px; height: 1.2em; overflow: hidden; }
#menubar1 .lang { float: right; margin-top: 3px;}
#menubar1 #search { float: right; border: 0; margin-right: 10px; }
#search input { vertical-align: middle; }
#menubar2 #functions { float: right; width: auto; padding-top: 3px; }
#functions img { vertical-align: middle; }
#functions input { vertical-align: middle; padding: 0 2px 0 5px;}

#canvas #maincontent { overflow: auto; height: 375px; margin: 15px 0 0 0; width: 700px; }
h1 { color: #282B77; padding-bottom: 10px; }
h2 { color: #282B77; }
#maincontent p { padding-bottom: 10px; }
#maincontent ul, #maincontent ol { margin: 3px 12px 5px 12px; }
#maincontent ul { list-style-image: url("images/listarrow.gif"); }
#maincontent ol { list-style-type: decimal; }
#maincontent li { margin-left: 15px; }
#maincontent p { margin-right: 10px; }

#maincontent table { border: 1px solid #282B77; margin: 3px; border-collapse: collapse; width: auto !important; }
#maincontent table td { width: auto !important; padding: 3px; border: 1px solid #282B77; }
#maincontent table th { width: auto !important; padding: 3px; border: 1px solid #282B77; background-color: #282B77; color: #fff; }
#maincontent table tr.rssHeader td { background-color: #282B77; color: #fff; }
/*#maincontent table tr.rssHeader td a { color: #fff; text-decoration: underline; }*/
#maincontent table p { padding: 0; width: auto; }
#maincontent.form table.subs th { color: #282B77; background: none; background-color: transparent; }

/**- HOMEPAGE MARKUP */
body.home #canvas { background: transparent; position: relative; padding: 0; }
body.home #maincontent { overflow: visible; height: auto; width: auto; padding: 0; margin: 0; }
body.home .lang { float: right; }
body.home .lang li { display: inline; }
body.home .lang span { padding: 0 5px; font-size: 1.4em; color: #FFFFFF; }
body.home h1 { color: #FFFFFF; position: absolute; top: 0px; }
body.home h2 { padding-bottom: 3px; }
body.home p { padding: 0; }

body.home #maincontent div { background: #FFFFFF; width: 250px; padding: 5px; }
body.home #maincontent div.block1 { position: absolute; top: 40px; left: 0px; }
body.home #maincontent div.block2 { position: absolute; top: 200px; left: 0px; }
body.home #maincontent div.block3 { position: absolute; top: 80px; left: 405px; }
body.home #maincontent div.block4 { position: absolute; top: 300px; left: 130px; }
body.home #newsteaser { position: absolute; left: 460px; top: 280px; background: #FFFFFF; width: 250px !important; padding: 5px; }
#newsteaser .newsitem { padding-bottom: 10px; }

/**- FORMS */
#maincontent.form fieldset { padding: 5px; margin-bottom: 10px; }
#maincontent.form legend { padding: 0 5px; color: #282B77; }
#maincontent.form .button { padding: 0 10px; }

#maincontent.form table, #maincontent.form td { border: 0; }
#maincontent.form table label { float: none; width: auto; margin: 0 0 0 5px; }
#maincontent.form input, #maincontent.form select { vertical-align: middle; }

#maincontent.form .fieldrow { padding-top: 3px; }
#maincontent.form table.subs { width: 98% !important; }
#maincontent.form table.subs th { text-align: left; }
#maincontent.form .error { padding-left: 3px; }
#maincontent.form table.subs label, #maincontent.form label { float: left; width: 8em; }
#maincontent.form td.double div { float: left; }
#maincontent.form .float { float: left; }
#maincontent.form .extracol { margin-left: 15px; width: 3em !important; }
#maincontent.form .fieldrow table { display: inline; }
#maincontent.form table.subs span span.error { float: left; }
#maincontent.form table.subs table label { float: none; margin-right: 5px; }
#maincontent.form table.subs3 label { width: 3em; }
#maincontent.form .fieldrowinv label { float: none; margin-left: 5px; }

#maincontent div.form-pager { margin-top: 10px; }
#maincontent div.form-pager div { float: left; text-align: center; margin: 0 10px; }
#maincontent div.form-pager div a { padding: 0 3px; }
#maincontent #ref {  margin: 0; padding: 0; color: #555555; }

/**- FOOTER */
#footer { padding: 0 30px; float: left; width: 720px; margin-top: 30px; }
#footer p { padding: 0; }
#footer h2 { padding-bottom: 3px; }
#footer div { background: #FFFFFF; float: left; height: 35px; width: 140px; margin-left: 15px; padding: 5px; margin-bottom: 10px; }
#footer #members { width: 380px; margin-left: 0; padding: 3px 5px;  height: 39px; position: relative; }
#members #top, #members #bottom { margin: 0; padding: 0; height: auto; width: 380px; }
#members #top { margin-bottom: 2px; }
#members #top h2 { float: left; padding-bottom: 0; }
#members #top .right { float: right; }
#members #top h2.right { padding-right: 5px; }
#members #top input.right { padding-right: 1px; }

#members img { position: absolute; right: 3px; top: 3px; height: 39px; }

#members #bottom fieldset { float: left; border: 0; }
#members #bottom p { float: left; }
#members #top, #members #bottom { display: none; }

#login .text { width: 5.8em; }
#login .long { width: 7.1em; }
#login input { vertical-align: middle; }

address { color: #FFFFFF; font-style: normal; clear: both; float: left; width: 720px; text-align: center; }
address a { color: #FFFFFF; }
address .seperator { padding: 0 5px; }
body.home #footer { margin-top: 50px; }

/**- FADING IMAGE */
#bgimgfade { width: 780px; height: 600px; }
body.home #content { position: absolute; left: 0px; top: 105px; }
body.home #footer { clear: both;  }

/**- WYSIWYG */
body.home #eyeEditMenu { display: none; }
body.home form.login #maincontent h1 { position: absolute; }
form.login #canvas #maincontent { height: 335px; }

/* when logged in: IE */
body.home form.login #canvas #maincontent { height: 430px; }
body.home form.login #footer { margin-top: 25px; }

/* THESE TWO LINES FOR FIREFOX WYSIWYG */
form.login #maincontent * { position: relative; }
form.login #maincontent .editmenu { top: -39px !important; }

/* NEWS OVERVIEW WITHOUT SEARCH... */
.newslist .form-container-search { display: none; }
.newslist .title { margin-left: 1em; }
.newslist .form-results .date { float: left; width: 5.4em; text-align: right; }
.newslist .form-results p { margin-left: 7.1em; padding-bottom: 5px; }

.form-container legend { margin-left: 5px; padding: 0 5px; color: #282B77; }
.form-container label { float: left; width: 5em; }
.form-container fieldset { padding: 3px; margin: 3px; }
.form-container .fieldrow { padding: 3px 0 0 3px; }
.form-container .error { padding-left: 2px; }
.contentfieldset .resultrow { padding-bottom: 5px; }
.contentfieldset .fieldresultcount { font-weight: bold; color:#282B77; }
.form-results dl { padding-bottom: 10px; }
.form-results dd { margin-left: 5px; }

#maincontent.form #newsfieldset label { float: none; width: auto; margin-left: 0.8em; }
#maincontent.form #newsfieldset { margin: 5px 0; }
#maincontent.form #newsfieldset * { vertical-align: middle; }

#gmap { z-index: 0; }
#gmap h1 { font-size: 1.1em; }

iframe body { margin: 0; padding: 0; }