/* - - - - - - - - - - - - - - - - - - - - -
Title: Jan Strijker
Author: Paul van Raalte, http://www.instantXS.nl
URL: /css/screen.css

Created: nov 24, 2008
Modified: nov 24, 2008
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}

body 		{background-color:#FFFFFF; /*font-family:Century Gothic, 'Century Gothic'; font-size:15px;*/}

/* ******************  containers  *************** */

div#header 											{width:800px; height: 90px; position:absolute; left:50%; margin-left:-400px; top:10px; background-color:#0080ff; background-image:url(../images/logo.gif); background-repeat:no-repeat;}
div#header div#www									{position:absolute; right:10px; top:10px; color:#FFFFFF; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:30px;}
div#header div#menu									{width:800px; height: 20px; position:absolute; bottom: 3px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:14px; font-weight:bold; text-align:justify; z-index:1;}
div#header div#menu ul#nav							{position:absolute; left:40px; top:1px; cursor:pointer;}
div#header div#menu ul#nav li 						{list-style-type:none; color:#FFFFFF; font-weight:bold; float:left; margin:0px 35px 0px 0px; cursor:pointer;}
div#header div#menu ul#nav li a 					{display:block; text-decoration:none; color:#FFFFFF;}
div#header div#menu ul#nav li a:hover 				{display:block; text-decoration:none; color:#48494b;}
div#header div#menu ul#nav li a:active 				{display:block; text-decoration:none; color:#48494b;}


div#header div#menu .pulldown						{position:absolute; top:24px; z-index:2; background-color:#0080ff; /* for IE */ filter:alpha(opacity=95); /* CSS3 standard */ opacity:0.95;  visibility:hidden;}
div#header div#menu .pulldown ul#subnav				{z-index:2; color:#FFFFFF; text-align:center; line-height:30px; font-size:15px;}
div#header div#menu .pulldown ul#subnav li 			{list-style-type:none; color:#FFFFFF; font-weight:bold; }
div#header div#menu .pulldown ul#subnav li a		{display:block; text-decoration:none; color:#FFFFFF; padding-left:15px; padding-right:15px;}
div#header div#menu .pulldown ul#subnav li a:hover	{display:block; text-decoration:none; color:#48494b; background-color:#c0e0ff; padding-left:15px; padding-right:15px;}
div#header div#menu .pulldown ul#subnav li a:active	{display:block; text-decoration:none; color:#48494b; background-color:#c0e0ff; padding-left:15px; padding-right:15px;}


div#basis  											{width:800px; height:550px; position:absolute; left:50%; margin-left:-400px; top:100px; background-image:url(../images/bg_runner.jpg); background-repeat:no-repeat; z-index:-1;}
div#basis div#kop 									{width:425px; height: 40px; position:absolute; left:30px; top: 45px; text-transform: lowercase;}
div#basis div#kop h1								{font-family:Century Gothic, Helvetica, 'Century Gothic'; font-weight:100;}
div#basis div#home 									{width:405px; height:320px; position:absolute; left:30px; top: 115px; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:14px; padding:10px; z-index:1; }
div#basis div#home h2								{position:relative; left:20px; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:20px; color:#333333; font-weight:200; letter-spacing:5px}

div#basis div#txt 									{width:405px; height:320px; position:absolute; left:30px; top: 85px; background-color:#ffffff; /* for IE */ filter:alpha(opacity=75); /* CSS3 standard */ opacity:0.75; /*overflow-x:hidden; overflow-y:scroll;*/ font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:14px; padding:10px; z-index:1;}
div#basis div#overlay								{width:405px; height:320px; position:absolute; left:30px; top: 85px; overflow-x:hidden; overflow-y:scroll; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:14px; padding:10px; z-index:2;}
div#basis div#overlay ul							{font-size:12px; font-weight:lighter; }
div#basis div#overlay li							{position:relative; left:20px; font-size:12px; font-weight:lighter; }
div#basis div#overlay .forminput					{border:1px solid #999999;}
div#basis div#overlay img							{background-color:#ffffff; z-index:2; cursor:pointer;}

div#basis div#overlay2								{width:405px; height:320px; position:absolute; left:30px; top: 85px; overflow-x:hidden; overflow-y:scroll; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:14px; padding:10px; z-index:2;}
div#basis div#overlay2 ul							{font-size:12px; font-weight:lighter; }
div#basis div#overlay2 li							{position:relative; left:20px; font-size:12px; font-weight:lighter; }
div#basis div#overlay2 .forminput					{border:1px solid #999999;}
div#basis div#overlay2 img							{background-color:#ffffff; z-index:2; cursor:pointer;}

div#basis div#footer 								{width:800px; height: 90px; position:absolute; bottom:25px; background-color:#0080ff; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;}
div#basis div#footer div#info						{width:800px; height: 62px; position:absolute; bottom: 3px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding:10px 30px 10px 30px; font-family:Century Gothic, Helvetica, 'Century Gothic'; font-size:12px; font-weight:200; color:#FFFFFF; line-height:20px;}

div#basis div#footer div#info div#left_foot			{width:200px; height: 62px; position:absolute; left:30px;}
div#basis div#footer div#info div#mid_foot			{width:200px; height: 62px; position:absolute; left:230px;}
div#basis div#footer div#info div#right_foot		{width:370px; height: 62px; position:absolute; right:0px;}
div#basis div#footer div#info div#right_foot input#ok	{position:absolute; right:75px; top:1px; margin-top:-2px; background-image:url(./images/ok.png);}