/*
// @@@
// @@ Author: Nicky Klaasse
// @@ Date: 28-01-2010
// @@ Last change: 28-01-2010
// @@ Version: 1.0
// @@ Copyright: Freshcoat.nl
// @@@
*/

html
{
 height: 100%;
 background:#000;
}
body
{
 font: 11px Arial, Helvetica, sans-serif;
 height: 100%;
 margin:0px;
 padding:0px;
}
body a
{
 outline:none;	
}

#main
{
 width: 798px;
 height:100%;
 margin: 0px auto;
}


#swfElement
{
float:left;
display:inline;
width:193px;
height:173px;
margin:80px 0px 0px 18px;
padding:0px;
z-index:99;
}
#swfElement object
{
position:absolute;
}

/* Header */
#container
{
 float:left;
 display:inline;
 width: 753px;
 height:auto;
 margin:-181px 0px 0px 0px;
 padding:0px 0px 30px 45px;
 background:url('images/contentBg.gif') repeat-y;
 z-index:9;
}

.wrapper
{
float:left;
display:inline;
margin:0px;
padding:0px;
}

/* Header */
#header
{
 float:left;
 display:inline;
 width: 100%;
 height:auto;
 margin:0px 0px 0px 0px;
 padding:0px;
}



/* left column */
#leftColumn
{
float:left;
display:inline;
width:193px;
height:auto;
margin:38px 0px 0px 0px;
padding:0px 0px 20px 0px;
background:#333333;
border-left:1px solid #6d6d6d;
border-top:1px solid #6d6d6d;
}

.navigation
{
float:left;
display:inline;
list-style:none;
margin:100px 0px 0px 0px;
padding:0px;
}

ul.leftNav
{
float:left;
display:inline;
list-style:none;
width:193px;
margin:15px 0px 0px 0px;
padding:0px;
}
ul.leftNav li
{
float:left;
display:inline;
line-height:20px;
width:193px;
margin:0px;
padding:0px;
}
ul.leftNav li.activeBlue
{
background:url('images/navArrowBlue.gif') 100% 50% no-repeat;
}
ul.leftNav li.activeGreen
{
background:url('images/navArrowGreen.gif') 100% 4px no-repeat;
}
ul.leftNav li.activeLightBlue
{
background:url('images/navArrowLightBlue.gif') 100% 50% no-repeat;
}
ul.leftNav li.activeRed
{
background:url('images/navArrowRed.gif') 100% 50% no-repeat;
}
ul.leftNav li.activeYellow
{
background:url('images/navArrowYellow.gif') 100% 50% no-repeat;
}
ul.leftNav li.activePink
{
background:url('images/navArrowPurple.gif') 100% 50% no-repeat;
}

ul.leftNav li ul
{
float:left;
display:inline;
list-style:none;
width:193px;
margin:0px 0px 0px 0px;
padding:0px 0px 15px 0px;
}
ul.leftNav li ul li
{
float:left;
display:inline;
line-height:16px;
width:193px;
margin:0px;
padding:0px;
}
ul.leftNav li ul li a
{
float:left;
display:inline;
color:#fff;
text-align:right;
text-decoration:none;
width:173px;
font-size:10px;
letter-spacing:2px;
font-variant:small-caps;
margin:0px;
padding:0px 20px 0px 0px;
}
ul.leftNav li ul li a:hover
{
text-decoration:underline;
}


ul.leftNav li a
{
float:left;
display:inline;
color:#fff;
text-align:right;
text-decoration:none;

width:173px;
font-size:14px;
letter-spacing:3px;
font-variant:small-caps;
margin:0px;
padding:0px 20px 0px 0px;
}

ul.leftNav a.hoverBlue:hover
{
background:url('images/navArrowBlue.gif') 100% 50% no-repeat;
}
ul.leftNav a.hoverGreen:hover
{
background:url('images/navArrowGreen.gif') 100% 50% no-repeat;
}
ul.leftNav a.hoverLightBlue:hover
{
background:url('images/navArrowLightBlue.gif') 100% 50% no-repeat;
}
ul.leftNav a.hoverRed:hover
{
background:url('images/navArrowRed.gif') 100% 50% no-repeat;
}
ul.leftNav a.hoverYellow:hover
{
background:url('images/navArrowYellow.gif') 100% 50% no-repeat;
}
ul.leftNav a.hoverPink:hover
{
background:url('images/navArrowPurple.gif') 100% 50% no-repeat;
}

/* end right column */



/* left column */
#rightColumn
{
float:right;
display:inline;
width:514px;
height:auto;
margin:38px 0px 0px 0px;
padding:0px;
}
#rightColumn .content
{
float:left;
display:inline;
width:514px;
margin:0px 0px 0px 0px;
min-height:400px;
height:auto !important; /* voor moderne Browser */
height:400px; /*voor IE6 */
_margin:0px 0px 0px -35px;
}
#rightColumn .content hr
{
	width:86%;
}

.Pink
{
background:url('images/contentBg_pink.gif') no-repeat;
padding:0px 0px 20px 0px;
}
.Blue
{
background:url('images/contentBg_blue.gif') no-repeat;
padding:0px 0px 20px 0px;
}
.Green
{
background:url('images/contentBg_green.gif') no-repeat;
padding:0px 0px 20px 0px;
}
.Red
{
background:url('images/contentBg_red.gif') no-repeat;
padding:0px 0px 20px 0px;
}
.Yellow
{
background:url('images/contentBg_yellow.gif') no-repeat;
padding:0px 0px 20px 0px;
}
.LightBlue
{
background:url('images/contentBg_lightBlue.gif') no-repeat;
padding:0px 0px 20px 0px;
}


#rightColumn .content h1
{
display:block;
color:#fff;
font-weight:bold;
font-size:26px;
letter-spacing:3px;
font-family:georgia;
font-variant:small-caps;
margin:10px 0px 0px 35px;
padding:0px;
}
#rightColumn .content p
{
display:block;
color:#fff;
font-size:11px;
line-height:18px;
font-family:verdana;
margin:10px 45px 0px 35px;
padding:0px;
}
#rightColumn .content p a
{
color:#fff;
}

#rightColumn ul
{
display:block;
color:#fff;
font-size:11px;
list-style:inside;
margin:0px;
padding:0px;
margin:10px 45px 0px 35px;
}
#rightColumn ul li
{
font-size:11px;
line-height:18px;
font-family:verdana;
}

#rightColumn ol
{
display:block;
color:#fff;
font-size:11px;
list-style:inside;
margin:0px;
padding:0px;
margin:10px 45px 0px 35px;
}
#rightColumn ol li
{
font-size:11px;
line-height:18px;
font-family:verdana;
}

/* end right column */


/* footer */
#footer
{
float:left;
display:inline;
width:100%;
margin:22px 0px 0px 0px;
padding:0px;
}
#footer p
{
float:left;
display:inline;
color:#898989;
font-size:10px;
font-family:Verdana;
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px;
}

#footerLogos
{
float:left;
display:inline;
margin:10px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#footerLogos a, img
{
border:none;
margin:0px 2px 0px 0px;
}
/* end footer */