/*#############################################################

© 2009

Author: Emiel Nijhuis

URL: http://www.delegate.nl

DEBUGGEN: ZOEK NAAR '01' (zonder quotes)

#############################################################*/


/* default elements */

*{margin:0px;padding:0px}
	
p
{
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size:0.9em; 
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em
}

a
{
color:#467AA7;
font-size:1.0em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link
{
color:#6688bb;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:visited
{
color:#467aa7;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover
{
color:#ff6600; 
font-style:normal;
text-decoration:none;
 }
 

select
{
	background-color: #eeeeee
}
textarea
{
	background-color: #eeeeee
}

input
{
	background-color: #eeeeee
}

/*
.button 
{
	background-color: #c0c0c0
}

Layout */

body
{
/*background:url(images/bodybg.jpg) repeat-x top center #ffffff;*/
background-color:#c9d9e9;
font-family:Arial, Verdana, Tahoma, sans-serif;
color:#000000;
font-size:0.9em;
text-align: left;
}

#wrapper 
{
background-color:#ffffff;
/* DEBUG: Kleur = blauw
background-color:#0101ff; */
width:902px;
margin-top: 20px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
border:10px solid #ffffff;
}



#header
{
background:url(images/bgheader.jpg) no-repeat;
width:902px;
height:203px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#payoff
{
float:left;
font-size:1.3em;
padding-top:20px;
padding-left:20px;
font-family:Arial,verdana, sans-serif;
color:#ecf9ff;
letter-spacing:-1px;
}

#header h1 
{
float:left;
font-size:2.9em;
padding-top:70px;
padding-left:70px;
font-family:Arial,verdana, sans-serif;
color:#c9d9e9;
letter-spacing:-1px;
}

#header h2 
{
float:left;
font-size:1.3em;
padding-top:93px;
padding-left:75px;
font-family:Arial,verdana, sans-serif;
color:#6688bb;
letter-spacing:-1px;
}


#header .logo
{
float:left;
padding-top:64px;
padding-left:46px;
border: none;
}


#content
{
background-color:#ffffff;
/* DEBUG: Kleur = turqoise 
background-color:#01ffff; */
width:717px;
float:right;
margin-top:20px;
margin:auto;
padding:10px;
margin-bottom:30px;
margin-right:0px;
}

#col1
{
background-color:#ffffff;
/* DEBUG: Kleur = geel 
background-color:#ffff01;*/
width:532px;
float:left;
margin-right:0px;
margin-top:10px;
text-align:left;
font-size:0.9em;
padding-right:50px;
}


#col1 h1
{
font-family: arial;
text-align:left;
font-weight:normal;
font-size:1.3em;
color:#000000;
padding:0px;
margin-top:0px;
margin-left:10px;
}

#col1 h2
{
font-family: arial;
text-align:left;
font-size:0.9em;
font-weight:bold;
color:#4477aa;
font-weight:bold;
padding:0px;
margin-top:10px;
margin-left:10px;
}

#col1 p
{ 
font: normal 0.9em Arial, Verdana, Tahoma, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#col1 ul
{
list-style:none;
margin-bottom:5px;
margin-top:0px;
margin-left:0px;
}

#col1 li
{
background-image: url(images/sphere.gif);
background-repeat:no-repeat;
background-position:left center;
text-align:left;
padding-left:20px;
padding-top:0px;
padding-bottom:0px;
color: #000000;
font-size:0.9em;
margin-left:10px;
}

#col2
{
/* DEBUG: Kleur = paars
LET OP: width moet gelijk zijn aan .imagecol2
background-color:#ff01ff;*/
width:135px;
float:right;
margin-top:20px;
/* padding:8px 0 8px 8px;*/
text-align:left;
font-size:0.9em;
}

#col2 .imagecol2
{
width:135px;
padding-left:0px;
padding-top:0px;
border:none;
}

#col2 p
{ 
font: bold 0.9em Arial, Verdana, Tahoma, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#navhorizontaal
{
float:left;
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
width:902px;
background-color: #88aadd;
}

#navhorizontaal ul
{
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}


#navhorizontaal li
{
text-align:left;
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#navhorizontaal ul li a
{
display:block;
background-color:#88aadd;
border-right:1px solid #fff;
line-height:2.5em;
margin-right:0px;
padding:8px 14px 8px 14px;
color: #ecf9ff;
font-weight:normal;
font-size: 0.9em;
text-decoration: none;
}

#navhorizontaal  li a:hover
{
color: #ecf9ff;
background-color:#5588bb;
}

#navhorizontaal .selected
{
color: #ecf9ff;
background-color:#6699CC;
}

#navverticaal
{
/* DEBUG: Kleur = rood
background-color:#ff0101; */
width:145px;
float:left;
list-style:none;
margin-top:15px;
margin-left:0px;
height:100%;
}

#navverticaal ul
{
list-style:none;
margin-bottom:20px;
margin-top:20px;
margin-left:0px;
}

#navverticaal li
{
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
border-bottom:1px solid #eaeada;
}

#navverticaal ul li a
{

background-image: url(images/bullet.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
background-color:#ffffff;
line-height:1.7em;
margin-right:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:22px;
color: #666666;
font-weight:normal;
font-size: 0.9em;
text-decoration: none;
}

#navverticaal li a:hover
{
color: #666666;
background-color:#d9e9f9;
}

#navverticaal .selected
{
color: #666666;
background-color:#eeeeee;
}

#footer 
{
width:902px;
height: 85px;
clear:both;
margin-top: 0px;
background-color:#88aadd;
color:#FFFFFF;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 
{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#FFFFFF;
padding:25px 0 0 10px;
text-align:center;
}

/* CLASSES ONDERAAN! */

.lightblue
{color:#c9d9e9;}

.blue	  
{color:#6688bb;}

.darkerblue	  /* bijna zelfde als hover nav horizontaal */
{color:#4477aa;}

.small	  
{font-size:0.8em;}

.vba
{color: #000000;
font-family:courier new;
}
.vbaselected
{color: #ffffff;
background: #4499ff;
font-family:courier new;
}

.comment
{color: #339933;
font-family:courier new;
}
.keyword
{color: #000066;
font-family:courier new;
}