/* headerr styles */
/* authur Graham Ayre | created 14/08/06 */
h1, h2, h3, h4, h5, h6, ul, li, p, table, tr, th, dl, dd, dt, ol, form, select, input { margin: 0px; padding: 0px;}
body {text-align: center; padding: 0px; height: 100%; background-color: #fff; width:100%; margin:0px auto;}
table caption {display: none;}
img {border: 0; display: block;}
p, span {color:#333;}
p, a, span, td, th, li, ul, h1, h2, h3, h4, h5, h6, select, input {font-family: Verdana, Arial, sans-serif;}
select, input{font-size: 10px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
#container {
	margin: 0 auto;
	text-align:left;
}
#header {
	position:absolute; 
	top:0px; 
	left:0px;
	display: block;
	float:left;
	text-align:left;
	width:884px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	z-index:10;
}
#lowerblock {
	position:absolute; 
	top:253px; 
	left:0px;
	display: block;
	float:left;
	text-align:left;
	width:896px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	z-index:1;
}
#header img{
	float: left;
}
#header object{
	float: left;
}
#header #topnav{
	float: left;
	width:710px;
	color:#fff;
	display:block;
}
#nav {
background-image: url(topnav_bkg.gif); background-repeat: no-repeat; background-position: top left;font-size:0.7em;
}
#nav, #nav ul.mainnav { /* all lists */
float: left; list-style-type: none; display:inline; margin:10px 0px 15px 0px; padding:0px 4px 0px 4px; height:21px; line-height: 21px;width:700px;
}
li#cc {background-image:url(http://www.keycamp.nl/kcnl/images/kc-extranet2.gif);background-repeat:no-repeat;background-position:top 3px;padding:0px 5px 0px 10px;margin-left:10px;}
li#cc a {margin-left:10px;border:none;}
#topnav li.main {
  float: left;
  position: relative;
  width: auto;
  margin:0;
  padding:0px 8px 0px 8px;
  height:21px;
  line-height:21px;
  border:none;
}
#topnav li.main a {
	color:#fff;
	text-decoration:none;
}
#topnav li.main a:hover {
	color:#28288A;
	text-decoration:none;
}
#topnav li.sub {
	position:relative;
	width:160px;
	clear:both;
	display:block;
	list-style:none;
	margin:0px 0px 0px 0px;
	height:auto;
	line-height:21px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #0095DA;
	background-color:#CCEAF8;
}
#topnav li.sub a{
	color:#333;
	padding:0px 0px 0px 10px;
	text-decoration:none;
}
#topnav  li.sub a:hover {
	color:#323675;
}
#nav li ul.subnav1 { /* second-level lists */
  position: absolute; 
  top: 21px;
  left: -999px;
  float:left;
  display: block;
  z-index:20;
  margin:0;
  padding:0;
}

#nav ul.subnav2 { /* second-level lists */
  position: absolute; 
  top: 0px;
  left: -999px;
  float:left;
  display: block;
  z-index:20;
  margin:0;
  padding:0;
}
#nav li:hover ul.subnav1, #nav li.sfhover ul.subnav1/*, #nav li li:hover ul, #nav li li.sfhover ul*/{ left:0px; display: block; }
#nav li li:hover ul.subnav2, #nav li li.sfhover ul.subnav2 {left:160px; display: block;}
#header #headoffer {margin-top:15px; width:884px;}
#contentcontainer {
	float:left;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:6px;
	display:block;
	width: 893px;
	clear: both;
	text-align:left;
	z-index:1;
}
#contentcontainer span, p{
	font-size:0.7em;
}
#contentcontainer a{
	color:#333;
}
#breadcrumb {
	float: left;
	width: 550px;
	margin-bottom: 18px;
}
#breadcrumb ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
#breadcrumb li{
	display: inline;
	padding: 0px 4px 0px 8px;
	font-size: 0.7em;
	color: #333;
	font-weight: bold;
}
#breadcrumb li a{
	color: #333;
	padding: 0px;
	text-decoration: underline;
	font-weight: normal;
}
#breadcrumb li a:hover {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#footer {
	background-image: url(foot_bkg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	width: 893px;
	height:140px;
	clear: both;
}
#footer img {
	float: right;
	margin: 4px 8px 0px 0px;
}
#footer ul {font-size:0.7em; float: left; list-style-type: none; display:inline; margin:13px 0px 0px 10px; padding:0px; height:37px;}
#footer li {list-style-type: none; color: #0095DA; display:inline; margin:0px 0px 0px 8px; padding:0px;}
#footer a:link, #footer a:visited, #footer a:active {
	color: #0095DA;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* cet styles */
/* CSS Document */
p, a, span, td, th, li, ul, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {font-family: Verdana, Arial, sans-serif;}
p, span {
	color: #333;
}
hr {
	height: 1px;
	border-top: 1px solid #333;
}
.header1{
	color:#000E75;
	font-weight: 400;
	font-size:21px;
}
.header2{
	font-size:19px;
	font-weight:200;
	color:#000E75;
}
.header3{
	font-size:17px;
	color:#000E75;
}
.header4{
	font-size:14px;
	color:#000E75;
	padding:3px 0px 3px 0px;
}
.header5{
	font-size: 12px;
	color:#000E75;
}
.copy{
	font-size:11px;
	color: #333;
}
.copyb{
	font-size:11px;
	color: #333;
	font-weight:bold;
}
.copyit{
	font-size:11px;
	color: #333;
	font-style:italic;
}
.copy a:link, .copy a:visited, .copy a:active{
	font-size:11px;
	color: #333;
	text-decoration: underline;
}
.copy a:hover {
	font-size:11px;
	color: #333;
	text-decoration: none;
}
.copy2{
	font-size:11px;
	color: #000E75;
}
.copy2b{
	font-size:11px;
	color: #000E75;
	font-weight:bold;
}
.copy2it{
	font-size:11px;
	color: #000E75;
	font-style:italic;
}
.copy2 a:link, .copy2 a:visited, .copy2 a:active{
	font-size:11px;
	color: #000E75;
	text-decoration: underline;
}
.copy2 a:hover {
	font-size:11px;
	color: #000E75;
	text-decoration: none;
}
.list1 ul{
	list-style-type: disc;
	list-style-position: inside;
	padding:0px;
	margin:0px;
}
.list1 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.list2 ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(images/dgreen_bullet.gif);
	padding:0px;
	margin:0px;
}
.list2 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.list3 ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(images/green_bullet.gif);
	padding:0px;
	margin:0px;
}
.list3 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.list4 ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(images/orange_bullet.gif);
	padding:0px;
	margin:0px;
}
.list4 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.list5 ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(images/purple_bullet.gif);
	padding:0px;
	margin:0px;
}
.list5 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.list6 ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(images/blue_bullet.gif);
	padding:0px;
	margin:0px;
}
.list6 li{
	font-size:11px;
	color: #333;
	margin-top: 2px;
}
.top2_table{
	border: 2px solid #94A924;
	padding:2px;
	background-color:#fff;
}
.top2{
	padding: 2px 2px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	background-image: url(greenbar_bkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#94A924;
}
.top3_table{
	border: 2px solid #00AB86;
	padding:2px;
	background-color:#fff;
}
.top3{
	padding: 2px 2px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	background-image: url(dgreenbar_bkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#00AB86;
}
.top4_table{
	border: 2px solid #DC664A;
	padding:2px;
	background-color:#fff;
}
.top4{
	padding: 2px 2px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	background-image: url(orangebar_bkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#DC664A;
}
.top5_table{
	border: 2px solid #D04D7C;
	padding:2px;
	background-color:#fff;
}
.top5{
	padding: 2px 2px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	background-image: url(purplebar_bkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#D04D7C;
}
.top6_table{
	border: 2px solid #3677BC;
	padding:2px;
	background-color:#fff;
}
.top6{
	padding: 2px 2px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	background-image: url(bluebar_bkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#3677BC;
}
.bkg1{
	background-image: url(green_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#EAEED3;
	padding:20px 0px 4px 0px;
}
.bkg2{
	background-image: url(pink_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FBDDDD;
	padding:20px 0px 4px 0px;
}
.bkg3{
	background-image: url(blue_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#CDE7F4;
	padding:20px 0px 4px 0px;
}
.bkg4{
	background-image: url(orange_bkg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#F9DCB4;
	padding:20px 0px 4px 0px;
}


/* ================================
    CSS STYLES FOR Module HouseMenu
   ================================
*/

/* Horizontal Menu */

#mainNav
{float:left;display:block;width:878px;height:21px;display:block;float:left;background-image: url(topnav_bkg.gif); background-repeat: no-repeat; background-position: top left;}

#mainNav, #mainNav ul { /* all lists */
	padding: 0;
	margin:0px;
	list-style: none;
	line-height: 21px;
	white-space: nowrap;
	padding:0px 2px;
}

#mainNav a {
	display: block;
	color : #fff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;	
	text-decoration : none;
	/*background-color : #0095DA;*/
	padding: 0px 8px 0px 8px;

}

#mainNav li { /* all list items */
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#mainNav li#cc {border:none;padding:0px 5px 0px 10px;margin-left:10px;}

#mainNav li a:hover {
	color:#DBEBFC;
}
#mainNav li li a:hover {
	color:#1D1D84;
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	width: 160px;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	white-space: nowrap;
	z-index: 999;
	background-color:#CCEAF8;
	margin:0px 0px 0px 0px;
}

#mainNav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 160px;
	background-color:#CCEAF8;
}

#mainNav li:hover ul ul, 
#mainNav li:hover ul ul ul, 
#mainNav li.sfhover ul ul, 
#mainNav li.sfhover ul ul ul {
	left: -9999px;
}

#mainNav li:hover ul, 
#mainNav li li:hover ul, 
#mainNav li li li:hover ul, 
#mainNav li.sfhover ul, 
#mainNav li li.sfhover ul, 
#mainNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#mainNav li li { /* all items under the top level */
	list-style: none;
	border-bottom:1px solid #0095DA;
	padding:0px;
	width:160px;
	height: 21px
	line-height: 21px;
	overflow: hidden;
}

#mainNav li li a { /* all item links under the top level */
	width: 160px;
	_width: 160px;
	color:#333;
	line-height:21px;
	height:21px
	

}
#houseMenuH li li a:hover {color:#28288A;}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#houseMenuParentItem a
{ /* all links under the parent item (li) */
	color: #eeeeee;
	background-color: #666;
	text-decoration: none;
}

a#houseMenuParentLink
{ /* parent link itself */
	color: #eeeeee;
	background-color: #333;
	text-decoration: none;
}

a#houseMenuCurrentLink
{ /* current link itself */
	color: #ffffff;
	/*background-color: #0095DA;*/
	text-decoration: none;
}

#footer ul.seo {display:block;height:37px;margin:0;padding:0 0 0 28px; width:100%; color:#0095DA;}
#footer ul.seo li {float:left;display:block;padding:0px 5px 0px 0px;margin:0px 5px 0px 5px;height:25px;}
#footer ul.seo li.hyves {background: url(http://www.keycamp.nl/kcnl/images/hyves.jpg) no-repeat top left; padding:5px 0px 0px 30px;}
#footer ul.seo li.twitter {background: url(http://www.keycamp.nl/kcnl/images/twitter.jpg) no-repeat top left; padding:5px 0px 0px 30px;}
#footer ul.seo li.norm {padding:5px 0px 0px 0px;}
#footer ul.seo li.last {border:none;}
#footer ul.seo li a {color:#0095DA; padding: 10px 0px 0px 0px; text-decoration: underline;}
#footer ul.seo li a:hover {color:#0095DA;}
#footer ul.seo li span {padding: 0px 0px 0px 0px;}