@charset "utf-8";
/* CSS template 1 */

* { 
			margin: 0; 
			padding:0;
} 

html, body { 
			background-color:#FFFFFF;
			font-family: "trebuchet MS", verdana;
			color:#FFFFFF;
			font-size:0.9em;
} 

/*ie6 list background fix*/
ul, ol, dl {
             position: relative;  }

a{

			color:#FFFFFF;
			font-size:1.0em;
}
/* headers------------------------------------- */
h1{
			font-size:2.0em;
			color:#FFFFFF;
}

h2{
			font-size:1.1em;
			color:#FFFFFF;

}

h3{
			font-size:1.6em;
			color:#FFFFFF;

}

h4{
			font-size:1.4em;
			color:#FFFFFF;
}

h5{
			font-size:1.2em;
			color:#FFFFFF;
}

h6{
			font-size:1.0em;
			color:#FFFFFF;
}


#container  {		
			width: 980px;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:20px;
			background-image:url(/assets/templates/hc/images/cont_bg.jpg);

			
}

/* bovenkant------------------------------------- */

#header{
			width: 960px;
			height:100px;
			margin-left:auto;
			margin-right:auto;
}

#logo{
			background-image:url(/assets/templates/hc/images/logo.jpg);
			width: 426px;
			height:99px;
			position:relative;
			left:260px;
			float:left;
}

#lang{
		
			width: 100px;
			height:30px;
			float:right;
			position:relative;
			top:10px;
			color:#000;

}

#lang img { border:none; }

/* linkerkant------------------------------------- */

#linker_menu{
		
			width: 240px;
			height:auto;
			position:relative;
			left:0;
			float:left;
			text-align:right;
}

#linker_menu ul{

}

li.active{
			background-color:#f0f1f1;
			height:auto;
			font-size:1.1em;
}

li.active a{
			background-color:#f0f1f1;
			height:auto;
}


#linker_menu li{
			list-style:none;
			color:#00aeef;
			font-weight:bold;
			padding-right:20px;
}

#linker_menu li a{
			font-size:1.1em;
			color:#00aeef;
			text-decoration:none;

}

#linker_menu li li a{
			font-size:0.9em;
			color:#4d4d4d;
			text-decoration:none;
			position:relative;
			left:21px;

}

#linker_menu li a:hover{
			text-decoration:underline;
			color:#00aeef;

}

#linker_menu li li a:hover{
			text-decoration:underline;
			color:#4d4d4d;

}

/* midden content vak------------------------------------- */

#midden{
			background-image:url(/assets/templates/hc/images/stad_blauw.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			background-color:#00a3db;
			width: 455px;
			height:auto;
			position:relative;
			left:0;
			float:left;
			height:auto !important;
  			height:490px;
			min-height:490px;
}

#midden_txt ul { padding-left:28px; }

#midden_txt{
			padding-left:28px;
			padding-top:16px;
}

#midden_spacer{
			height:180px;
			width: 455px;

}

/* rechterkant------------------------------------- */

#rechter_menu{
			background-image:url(/assets/templates/hc/images/gradient_onder.jpg);
			width: 285px;
			height:auto;
			position:relative;
			left:0;
			float:left;
}

#rechter_menu_item{
			background-image:url(/assets/templates/hc/images/gradient_item.jpg);
			width: 285px;
			height:auto;
			position:relative;		
}

#rechter_menu_item ul{
			list-style:none;
			position:relative;
			left:28px;	
			padding-top:20px;
			padding-bottom:20px;
}


#rechter_menu_item li {
			font-size:1.9em;
			color:#00a3db;
}


#rechter_menu_item li a{
			color:#00a3db;
			text-decoration:none;
}

#rechter_menu_item li a:hover{
			text-decoration:underline;
			color:#00a3db;
}

#rechter_menu_onder{
			background-image:url(/assets/templates/hc/images/gradient_onder.jpg);
			width: 285px;
			height:auto;
			position:relative;
			left:0;
}

#rechter_menu_onder_txt{
			font-size:0.8em;
			width: 231px;
			padding-left:28px;
			padding-top:40px;
			color:#000000;
			font-size:1.1em;
}

/* onderkant------------------------------------- */

#footer{
			clear:both;
			background-color:#7c8292;
			width: 740px;
			height:35px;
			position:relative;
			left:240px;
}

#footerdv {
    width:230px; 
    height:auto; 
    padding-top:6px; 
    float:right; 
    font-size:1.2em; 
    font-weight:bold;
}

/*
#lang DIV { float:left;padding-right:5px; }
#en a { display:block; width:22px;height:16px; background: url("/assets/templates/hc/images/en_normal_sel.jpg") 0 0 no-repeat; text-decoration:none; }
#en a:hover { background-position: 0 -16px; }

#nl a { display:block; width:22px;height:16px; background: url("/assets/templates/hc/images/nl_normal_sel.jpg") 0 0 no-repeat; text-decoration:none; }
#nl a:hover { background-position: 0 -16px; }
*/

.cx_listTh, .cx_searchTh {
    background-color: #00AEEF;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

