/*
	Project		:	Steenbeeke.Biz
	Proj.versie	:	0.0.2
	Naam		:	huisstyl.css
	Functie		:	default stylesheet site-wide
	Auteur		:	Jo-Anne Steenbeeke
	Deel.versie	:	1.0.3

	Wijzigingen overzicht; vermeld: versie datum initialen en omschrijving
-------------------------------------------------------------------------------
Versie	Datum			Wie		Omschrijving
1.0.3	29-dec-2005		JSt		System overhaul, cleaned and rinsed
1.0.2	09-aug-2005		JSt		Some adjustments
1.0.1	22-apr-2003		JSt		CSS to the next level
1.0.0	dd-mon-2002		JSt		initial release
+++
*/
html {overflow:auto;}

body {background-color: #01122e; color:#fff; font:11pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0;}
body.plus { background: #01122e url("/images/underconstruct3.jpg") no-repeat fixed center center;}
body.projekt {background: #01122e url('/images/littleLogo-transp.gif') no-repeat fixed 95% 15%;}

H1, H2, H3, H4, H5, H6 {font-style: italic; font-family: "Trebuchet MS", "Palatino Linotype", "MS Sans Serif";}

div#container {height:100%; position:relative; width:100%;}
div#container div {position:absolute;}

div.header {color:#999; font:italic 80% "Comic Sans MS", "Trebuchet MS", fantasy; height:50px; left:120px; right:25px; text-align:right; top:0px; z-index:20;}
div.header p {padding:10px 10px 0 0;}

div#content {bottom:10px; border:3px solid #09227c; top:50px; left:120px; right:25px;}
div#content p#bottomplcholder {bottom:10px;left:120px;margin:0;padding:0;}
div#content p#fancytext {background-color:#222A44; color:#F2dCC5; font:bold italic 11pt/16pt "Bernhard Modern", "Comic Sans MS", fantasy;height:28px;margin-top:0;padding-left:5px;}

div.largecontent {border:3px solid #09227c; top:50px; left:120px; right:25px;}
body.projekt div.largecontent p, body.projekt div.largecontent h3 {padding-right: 15%;}

div#knop {background-color:#222A44; bottom:10px; position:fixed !important; position:absolute; left:3px; padding:0; top:80px; width:117px; z-index: 100;}
div#knop a {background-color:#01122e; border:none; border-right:3px solid #09227c; color:#F2dCC5;display:block; height: 20px; width:102px !important; width:116px; margin:5px 0 0 3px; padding:3px 2px 3px 10px; text-decoration:none; z-index: 99; }
div#knop a.knop2 {background-color:#01122e; border-right:3px solid #09227c; color:white; }
div#knop a:hover {background-color:#03266D; border-right-color:#fff; color:#8C9399; }
div#knop a.knop2:hover {background-color:#03366D; border-right-color:#c0c0c0; color:#8C9399; font-weight:bold; font-style:italic; }

div#nederlands {top:10%; left:3%; width:40%;}
div#english {top:10%; left:55%; width:40%;}

div#footer {background-color: transparent;
 bottom:3% !important;
 font:6pt Arial, Verdana, sans !important;
 font:7.6pt Arial, Verdana, sans;
 left:3px;
 position:fixed !important;
 position:absolute;
 top:auto !important;
 top: expression(parseInt(document.body.scrollTop + (document.body.offsetHeight-70)));
 width:117px;
 z-index:175;
}

div#footer a, .adres {font-style: italic; font-size: 125%; text-decoration: none; }
div#footer a:hover {text-decoration: underline; }
div#footer abbr {cursor:help;}

div.hidden {
 display:none;
 top:25%;
 width:250px;
 background-color:#021E3F;
 border:3px solid #283138;
 border-top-color: #415462;
 border-left-color: #415462;
 color:#8C9399;
 margin:0 0 0 -125px;
 padding:5px 10px;
 text-decoration:none;
 z-index:50;
}
div.hidden#a {background-color:#C7BEB0; border:1px solid silver; color:#021E3F; top:auto; z-index: 100; }
div.hiddn2	{background-color:#0F122F; border:3px solid #656F78; border-top-color:#8F8E8C; border-left-color:#FFF8DC; color:#8C9399; padding:5px 10px; right:10%; top:10%; width:200px; z-index:150; }
div.hiddn3 {background-color:#252C73; border:3px solid #656F78; border-top-color:#8F8E8C; border-left-color:#FFF8DC; color:#8C9399; left:10px; margin:0; padding:5px 10px; position:relative; top:50px; width:200px; z-index:250;}

div.hidnfixd {
 background-color:#021E3F;
 border: 3px solid #283138;
 border-top-color: #415462;
 border-left-color: #415462;
 color: #8C9399;
 left: 120px;
 margin: 0 0 0 55px;
 text-decoration: none;
 padding: 5px 10px;
 top:125px;
 width: 250px;
 z-index: 50;
 filter:alpha(opacity=75);
}

div#firefox {
 bottom:5px;
 position:fixed !important;
 position:absolute;
 left:auto !important;
 left: expression(parseInt(document.body.scrollLeft + (document.body.offsetWidth-100)));
 right:12px;
 top:expression(parseInt(document.body.scrollTop + (document.body.offsetHeight-45)));
 z-index:200;
}

div#firefox a, div#firefox a:hover, div#firefox a:visited, div#firefox a:link, div#firefox a:active, div#firefox img:link, div#firefox img {border:none;text-decoration:none;}