*
{
	margin: 0;
	padding: 0;	
}

html
{
    width: 100%;
    height: 100%;
}

body 
{
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    background-color: #CC9900;
}

h1
{
    font-weight:bold;
    font-size:14px;
}

h2
{
    font-size:11px;
    font-weight:bold;
}

h3
{
    font-size:11px;
    text-transform:capitalize;
}

#container
{
	position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFCC33; 
}

#header
{
    float: left;
    position:relative;
    width: 1000px;
    height: 250px;
    overflow: hidden;
}

#header #logo,
#header #headerBackground
{
	position: absolute;
	top: 0;
	left: 0;
}

#header #headerBackground
{
	z-index: 1;	
}

#header #logo
{
	z-index: 2;	
}

#subMenu
{
	position: absolute;
	top: 0;
	right: 0;
    height: 25px;
    width: 220px;
    z-index: 3;
    background-color: #FF3366;
    overflow: hidden;
}

#subMenu ul
{
	height: 25px;
    width: 220px;
    list-style: none;
    background-image: url("../images/bg_subnav.gif");
    background-repeat: no-repeat;
}

#subMenu ul li
{
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    background-repeat: no-repeat;
    background-position: left center;
}

#subMenu ul li#homeLnk
{
	width: 42px;
}

#subMenu ul li#linksLnk
{
	width: 39px;
}

#subMenu ul li#contactLnk
{
	width: 79px;
}

#subMenu ul li a
{
	float:left;
    display: block;
    color: #FFF; 
    text-decoration: none;
    background-image: url("../images/bullit2.jpg");    background-repeat: no-repeat;  
    background-position: 0px 50%;    padding: 0 0 0 10px;
    display: block;

}

#subMenu ul li a:hover
{
	float:left;
    display: block;
    color: #000; 
    text-decoration: none;
    background-image: url("../images/bullit3.jpg");    background-repeat: no-repeat;  
}



#subMenu ul li a.active
{
	float:left;
    display: block;
    color: #000; 
    text-decoration: none;
    background-image: url("../images/bullit3.jpg");    background-repeat: no-repeat;  
}


#hoofdMenu
{
	float: left;
    width: 180px;
}

#hoofdMenu ul
{
   list-style: none;
}

#hoofdMenu ul li
{
   height:25px;
   margin: 0 0 1px 0;
}

#hoofdMenu ul li span
{
	display: block;
	height: 25px;
	padding: 0 0 0 25px;
	background-color: #ff3366;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
}

#hoofdMenu ul li a
{
   height: 25px;
   text-decoration: none;
   font-size: 12px;
   color: #FFF; 
   padding: 0 0 0 35px;
   text-decoration: none;
   display: block;
   line-height: 25px;
   background-image: url(../images/bg_a.jpg);
   background-repeat: no-repeat;
}

#hoofdMenu ul a.active 
{ 
   margin: 0;
   height: 25px;
   text-decoration: none;
   color: #FFF; 
   padding: 0 0 0 35px;
   display: block;
   background-image: url(../images/bg_a.jpg);
   background-repeat: no-repeat;
}

#hoofdMenu ul li a:hover,
#hoofdMenu ul li.active a 
{
   height:25px;
   text-decoration: none;
   color: #000000;
   background-image: url(../images/bg_ah.jpg);
}

#hoofdMenu #aanDeSlagNavBottom
{
	margin: 25px 0 0 0;	
}

#container2
{
    float: left;
    width: 1000px;
    min-height: 400px;
	height: auto !important;
	height: 400px;
    background-image:url('../images/bg_content.gif');
    background-repeat:no-repeat;
}

#contentRechts
{
    float:right;
    width:400px;
    margin-left:10px;
    text-align:left;
}

#contentLinks
{
    float:right;
    width:400px;
    text-align:left;
}

#contentLinks a,
#contentRechts a
{
    color: #FF3366;
}

#contentLinks p,
#contentRechts p
{
	margin: 0 0 0 0;	
}

#contentLinks .hDiv,
#contentRechts .hDiv
{
    height:40px;
    padding-left:10px;
    line-height:40px;
}

#contentRechts .block
{
    background-color:#FF9933;
}

#contentRechts .block .hDiv2
{
    background-color:#FF9933;
    height:40px;
    position:relative;
    overflow:hidden;
}

#contentRechts .block .hDiv2 h3
{
    margin:0;
    line-height:40px;
    text-transform:uppercase;
    display:block;
    margin-left:10px;
}

#contentRechts .c1 h3.balk
{
	font-size: 11px;
	padding: 0 10px;
	display: block;
	line-height: 40px;
	text-transform: uppercase;
}

#contentLinks .c1

{
    min-height:100px;
    padding:10px;
}



#contentLinks .c1 img

{
    margin-left:-10px;
}


#contentRechts .c1
{
    min-height:100px;
    padding:0px;
}

#contentLinks .hDiv h1,
#contentRechts .hDiv h1
{
    margin:0;
    padding:0;
}

#contentLinks ul,
#contentRechts ul
{
    margin-left:0px;
    padding-left:14px;
}

.balk 
{
	font-size: 12px; 
	width: 380px;
	background-color: #ff9933;
	padding: 10px;
}

.deeplink
{
    background-image: url(../images/deeplink.gif);
    background-repeat:repeat-x;
    width: 364px;
    height: auto;
}

.deeplink ul
{
    padding: 10px 0;
    margin: 0;
    list-style-type:none;
    background-image: url(../images/deeplink.gif);
    background-repeat:repeat-x;
    background-position:bottom;
}

.deeplink ul li
{
    margin: 1px 0;
}

.deeplink ul li a
{
    color: #FF3366;
    background-image: url('../images/deeplink_bullet.gif');
    background-repeat:no-repeat;
    background-position: 0px 50%;
    padding: 0 0 0 10px;
    display: block;
}

.colofon
{
	padding: 10px
}

.luister
{
    position: absolute;
    top: 0;
    right: 0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


embed{background-color:#FFCC33}
