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

html {
 height: 100%;
}

body {
 font: 12px Arial, Helvetica, sans-serif;
 height:100%;
 margin:0px auto;
 padding:0px;
 background:#2b0009 url('images/htmlbg.gif') repeat-x;
}
body a {
 outline:none;	
}

#main {
 width: 938px;
 height:100%;
 height:auto !important;
 position:relative;
 margin: 0px auto;
 margin-bottom:-302px;
 _margin-bottom:0px;
 padding:0px;
 min-height:100%;
z-index:10;
}

/* header */
#header
{
float:left;
display:inline;
width:938px;
margin:0px;
padding:0px;
}

#header #siteLogo
{
float:left;
display:inline;
margin:20px 0px 0px 0px;
padding:0px;
}
#header #siteLogo a, img
{
border:none;
}


/* Navigatie */
#header ul
{
float:right;
display:inline;
list-style:none;
height:31px;
margin:30px 0px 0px 0px;
padding:0px;
}
#header ul li
{
float:left;
display:inline;
margin:0px 0px 0px 40px;
padding:0px;
}
#header ul li a
{
float:left;
display:inline;
color:#000;
text-decoration:none;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
height:23px;
margin:0px;
padding:8px 0px 0px 0px;
}
#header ul li a:hover
{
text-decoration:underline;
}
#header ul li.active
{
float:left;
display:inline;
margin:0px 0px 0px 40px;
padding:0px 0px 0px 10px;
background:url('images/navLeft.gif') no-repeat;
}
#header ul li.active a
{
color:#fff;
padding:8px 10px 0px 0px;
background:url('images/navright.gif') top right no-repeat;
}
#header ul li.active a:hover
{
text-decoration:none;
}

/* boxSet */
#boxSet
{
float:left;
display:inline;
width:100%;
margin:0px;
padding:0px;
}

#box1
{
float:left;
display:inline;
width:278px;
height:162px;
margin:41px 0px 0px 0px;
padding:0px;
background:url('images/box1.gif') no-repeat;
}
#box1 h2
{
display:block;
color:#fff;
font-size:16px;
margin:15px 0px 0px 10px;
padding:0px;
}
#box1 p
{
float:left;
display:inline;
color:#fff;
font-size:11px;
margin:0px 0px 0px 10px;
padding:0px;
}
#box1 a
{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:12px;
margin:84px 0px 0px 200px;
padding:0px;
}
#box1 a:hover
{
text-decoration:underline;	
}



#box2
{
float:left;
display:inline;
width:278px;
height:181px;
margin:26px 0px 0px 50px;
padding:0px;
background:url('images/box2.gif') no-repeat;
}
#box2 h2
{
display:block;
color:#fff;
font-size:16px;
margin:35px 0px 0px 30px;
padding:0px;
}
#box2 p
{
float:left;
display:inline;
color:#fff;
font-size:11px;
margin:0px 0px 0px 30px;
padding:0px;
}
#box2 a
{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:12px;
margin:80px 0px 0px 200px;
padding:0px;
}
#box2 a:hover
{
text-decoration:underline;	
}



#box3
{
float:right;
display:inline;
width:278px;
height:167px;
margin:36px 0px 0px 0px;
padding:0px;
background:url('images/box3.gif') no-repeat;
}
#box3 h2
{
display:block;
color:#fff;
font-size:16px;
margin:27px 0px 0px 10px;
padding:0px;
}
#box3 p
{
float:left;
display:inline;
color:#fff;
font-size:11px;
margin:0px 0px 0px 10px;
padding:0px;
}
#box3 a
{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:12px;
margin:78px 0px 0px 200px;
padding:0px;
}
#box3 a:hover
{
text-decoration:underline;	
}
/* /boxSet */


/* /header */


/* content */
#container
{
float:left;
display:inline;
width: 938px;
margin:0px;
padding:0px;
}

#content
{
float:left;
display:inline;
width:650px;
margin:20px 0px 0px 0px;
padding:0px 0px 40px 0px;
}
#content h1
{
display:block;
font-size:21px;
color:#1c1a1b;
margin:0px;
padding:0px 0px 25px 0px;
background:url('images/headingLarge.gif') 0px 100% no-repeat;
}
#content p
{
font-size:12px;
line-height:18px;
color:#5d5d5d;
}
#rightColumn
{
float:right;
display:inline;
width:260px;
margin:20px 0px 40px 0px;
padding:0px;
}
#rightColumn h4
{
display:block;
font-size:21px;
color:#1c1a1b;
margin:0px;
padding:0px 0px 25px 0px;
background:url('images/headingSmall.gif') 0px 100% no-repeat;
}


#rightColumn ul
{
float:left;
display:inline;
list-style:none;
width:260px;
margin:0px;
padding:0px;
}
#rightColumn ul li
{
float:left;
display:inline;
width:100%;
margin:0px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #e1e1e1;
}
#rightColumn ul li span
{
float:left;
display:inline;
color:#4b0a0c;
text-decoration:none;
padding:0px 10px 0px 0px;
}
#rightColumn ul li a
{
float:left;
display:inline;
color:#575656;
text-decoration:none;
margin:0px;
padding:0px 0px 0px 0px;
}
#rightColumn ul li a:hover
{
text-decoration:underline;
}






#leftColumn
{
float:left;
display:inline;
width:260px;
margin:20px 25px 40px 0px;
padding:0px;
}
#leftColumn h4
{
display:block;
font-size:21px;
color:#1c1a1b;
margin:0px;
padding:0px 0px 25px 0px;
background:url('images/headingSmall.gif') 0px 100% no-repeat;
}

#leftColumn ul
{
float:left;
display:inline;
list-style:none;
width:260px;
margin:0px;
padding:0px;
}
#leftColumn ul li
{
float:left;
display:inline;
width:100%;
margin:0px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #e1e1e1;
}
#leftColumn ul li span
{
float:left;
display:inline;
color:#4b0a0c;
text-decoration:none;
padding:0px 10px 0px 0px;
}
#leftColumn ul li a
{
float:left;
display:inline;
color:#575656;
text-decoration:none;
margin:0px;
padding:0px 0px 0px 15px;
background:url('images/liArrow.gif') 0% 50% no-repeat;
}
#leftColumn ul li a:hover
{
text-decoration:underline;
background:url('images/liArrow.gif') 2px 50% no-repeat;	
}

/* /content*/




#footer, #push {
clear:both;
height:302px;
}


/* footer */
#footer
{
float:left;
display:inline;
position:absolute;
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
background:#000 url('images/footer.gif') repeat-x;
z-index:99;
}
#footerInner
{
 width: 938px;
 height:auto;
 margin: 0px auto;
 padding:0px;
}


/* footer menu */
.linkBox
{
float:left;
display:inline;
width:180px;
height:220px;
margin:20px 50px 0px 0px;
padding:0px;
}
.linkBox h3
{
display:block;
font-size:16px;
margin:0px 0px 10px 0px;
padding:0px;

}

.linkBox ul
{
float:left;
display:inline;
list-style:none;
width:180px;
margin:0px;
padding:0px;

}
.linkBox ul li
{
float:left;
display:inline;
width:100%;
margin:0px;
padding:0px;
border-bottom:1px solid #e1e1e1;
}
.linkBox ul li a
{
float:left;
display:inline;
color:#575656;
text-decoration:none;
margin:0px;
padding:10px 0px 10px 15px;
background:url('images/liArrow.gif') 0% 50% no-repeat;
}
.linkBox ul li a:hover
{
text-decoration:underline;
background:url('images/liArrow.gif') 2px 50% no-repeat;	
}

p#copyright
{
float:left;
display:inline;
width:900px;
margin:35px 50px 0px 0px;
padding:0px;
color:#fff;
}
p#copyright a
{
text-decoration:none;
font-weight:bold;
color:#fff;
}
p#copyright a:hover
{
text-decoration:underline;
}

/* /footer menu */

/* /footer */