/*

LiemersCare CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2006 © All rights reserved	
* Web:		http://www.nedfinity.com 
*  			http://www.nedfinity.nl 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Robin Nijhof 
*********************************************

	CSS Logica:

	Algemeen
		Standaard hyperlink instellingen
		Standaard tekst instellingen
		Standaard elementen
	Container DIV's
	Header
		Navigatie
	Content
		Conleft
			Linker Navigatie
		Conright
		Conbottom
	Footer
		
------------------------------------------------------------ */


/* Algemeen 
----------------------------------------------------------- */

* 	{
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
	}

body {
	background-color: #F9F4CF;
	background-image: url(../_images/bg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	height:100%; 
	max-height:100%;
				
	/* standaard lettertype instellingen */
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333; /* standaard tekst kleur */
	
	/* deel 1 van de centering hack */
	text-align: center;
}

html {
	height:100%; 
	max-height:100%;
	padding:0; 
	margin:0; 
	border:0; 
	}

* html #head, * html #footer{position:absolute;}
	
/* Container DIV's
----------------------------------------------------------- */	

#container {
	position:relative;
	width: 980px;
	background: #F9F4CF;
	height: 100%;
					
	/* deel 2 van de centering hack */
	text-align: left;
	margin: 0 auto;
	}


/* Standaard hyperlink instellingen
----------------------------------------------------------- */

	a, a:link, a:active, a:visited{ 
		text-decoration:none;
		color: #006da8;
	}	
	a:hover { 
		text-decoration:underline; 
		color:#e49729; /*background-color:#e49729;*/ 
	}
	
/* Header
----------------------------------------------------------- */

#header {
	width: 980px;
	height: 202px;
	background: url(../_images/header_bg.gif);
}
	
	#headleft	{
		position:absolute;
		width: 370px;
		height: 127px;
		background: url(../_images/head_l.gif);
		z-index: 2;
	}	
	 
	#headright, #headrightIntra{
		position:absolute;
		width: 710px;
		height: 127px;
		background: url(../_images/head_r.jpg);
		left: 270px;
		z-index: 1;
	}
	#headrightIntra	{
		background: url(../_images/head_r-intra.jpg);
	}
	
		/* Navigatie
		----------------------------------------------------------- */
	
		#navigation {
			margin: 147px 0 0 10px;
		}
		
		ul#navigation {
			list-style: none;
			position: absolute;
		}
		
		ul#navigation li {
			width: 155px;
			height: 28px;
			float: left;
			display: inline;
			background-image: url(../_images/nav_up.gif);
			margin-right: 5px;
		}
	
		ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:active {
			width: 155px;
			height: 28px;	
			display: block;
			color: #FFF;
			font: normal 14px Arial, Helvetica, sans-serif;
			font-weight: normal;
			line-height: 28px;
			text-align:center;
			text-decoration: none;
			background-image: url(../_images/nav_up.gif);			

		}
	
		ul#navigation li a.active, ul#navigation li a.active:link, ul#navigation li a.active:visited, ul#navigation li a.active:active, ul#navigation li a:hover {
			color: #E49729;
			background-image: url(../_images/nav_down.gif);
			line-height: 26px;
			font-weight: bold;

		}

/* Content
-------------------------------------------------------------------- */

#content {
	width: 979px; 
}

	/* Conleft
	----------------------------------------------------------- */
	
	#conleft {
		position:absolute;
		width: 218px;
		height: 500px;
		background: #F9F4CF url(../_images/conleft_bg.gif) repeat-x;
		margin: 0 0 0 18px;
		top: 192px;
	}
	
		/* Linker Navigatie
		----------------------------------------------------------- */
	
		#leftnav {
			width: 218px;
			padding: 20px 5px 0 0;
		}
		#leftnav a, #leftnav a:link, #leftnav a:visited, #leftnav a:active {
			text-decoration:none;
			display: block;
			margin: 5px 5px 5px 15px;
			font: bold 14px Arial, Helvetica, sans-serif;
			color: #006DA8;
			line-height: 18px;
		}
		#leftnav a.active, #leftnav a.active:link, #leftnav a.active:visited, #leftnav a.active:active, #leftnav a:hover {
			color: #FFF;
			padding-left:5px;
		}
		#leftnav a.active, #leftnav a.active:link, #leftnav a.active:visited, #leftnav a.active:active {
			background:url(../_images/list.gif) no-repeat;
			background-position: 0px 7px;
			padding-left:10px;	
		}
		
		#baby	{
			/* visibility:hidden; */
			position:absolute;
			z-index:-2;
			top:202px;
			width: 218px;
			height: 277px;
			background:url(/_images/baby.gif);
		}






#sitemap		{
			position:absolute;
			top:10px;
			left:620px;
			z-index:100;
			display:block;
			padding:3px 3px 3px 3px;
			background-color:#f9f4cf;
}
#sitemap a		{
			display:block;
			background-image:url(../_images/icon_potlood.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding: 3px 3px 3px 20px;
}
#showsitemap	{
			position:absolute;
			top:40px;
			left:310px;
			width:350px;
			height:;
			padding:10px 20px 30px 20px;
			background-color:#f9f4cf;
			z-index:100;
			border:2px solid #006DA8;

}
#close			{
			position:relative;
			float:right;
}

	
	/* Conmid
	----------------------------------------------------------- */

	#conmid {
		position:absolute;
		width: 490px;
		margin: 0;			
		left: 255px;
		top: 210px;	
		padding: 0px 10px 40px 10px;
		line-height: 18px;
		background:url(../_images/bg-txt.gif);
		background-repeat: repeat-x;
		background-color: #f8eec4;
	}
	
	/* Conright
	----------------------------------------------------------- */

	#conright {
		float: right;
		display: inline; /*to avoid IE double margin bug*/
		width: 239px;
		height: 267px;
		background-color:#F9F4CF;
		margin: 5px 0px 0 0;
	}
		
		#adres	{
			margin: 20px 10px 0 0;
			text-align:right;
			color: #E49729;
			font: normal 11px Arial, Helvetica, sans-serif;
		}
		
		#buttons, #certificaten {
			margin-top: 25px;
			margin-left: 30px;
			padding: 10px;			
		}
	
/* Standaard tekst instellingen 
----------------------------------------------------------- */
	
	h1	{
		color: #E49729;
		font: 24px Arial, Helvetica, sans-serif;
		padding: 7px 0 7px 0;
	}
	
	h2, h3, h4 	{
		color: #006DA8;
		font: 18px Arial, Helvetica, sans-serif;
		padding:0; 
		margin:0
	}
	h5 {
		color:#006da8;
		font: 16px Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:0; 
		margin:0
		
	}

/* Standaard elementen
----------------------------------------------------------- */
	p { padding:0; margin:0}

	img {
		border: 0;
		}

	table { 	
		font-family: verdana, arial, helvetica, sans-serif;
	}
	table#formtable {
		padding: 4px;
		font-size:11px;
	}
	table#formtable td{
		padding: 4px;
	}
	
	ul {
		list-style: disc url(../_images/list-txt.gif);
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}
	
	li {
		margin: 0;
		padding: 0;
	}
	
	#indicatieSum {
		width: 100px;
		height: 60px;
		border: 1px dashed #006da8;
		background-color: #F9F4CF;
		text-align: center;
		vertical-align:center;
		padding-top:16px;
		font-size:34px;
		line-height:34px;
	}
	#indicatieSum sup{
		font-size: 15px;

	/* Intranet & forum */
	}
	#intraUser { 
		margin:98px 0 0 360px; 
		color:#006da8;
	}
	.logStyle {
		font-size: 11px;
		color:#006da8;
	}
	a.logHeader, a.logHeader:link, a.logHeader:visited, a.logHeader:active{
		color: #E49729;
		font: 17px Arial, Helvetica, sans-serif;

	}
	a.logHeader:hover { 
		color:#006da8;
		text-decoration:none;
	}
	.logArticle {
		padding: 0 0 14px 0;
	}
	.comments { 
		border: 1px dashed #E49729;
		padding: 10px;
		margin: 10px 0 0 0;
	}


	/* nieuws */
	.newsHead {
		font-size:14px;
		font-weight:bold;
		color: #006da8;
	}
	a.newsHead:hover {
		text-decoration:none;
	}
	.newsMore {
		float:right;
		padding-right:20px
	}
	.newsDate {
		color:#efbf6d;
		font-size:11px;
	}
	.formBox {
		background-color:#f8eec4;
		padding: 10px;
	}

	/* form style */
	input.button {
		border: none;
		width:156px;
		height:26px;
		background-image: url(../_images/button.gif);
		background-color:#f8eec4;
		color: #FFF;
	}
	.form, select{
		border: 1px solid #006da8;
		background-color: #F9F4CF;
		width:270px;
		padding:0;
	}
	/* Paging */

	#paging { 
		margin: 5px;
	}
	.pagingtxt { 
		font-size: 11px;
	}
	a.clkPaging:link, a.clkPaging:visited, a.clkPaging:active, .clkPagingOver { 
		padding: 0 4px 0 4px;
		margin: 1px;
		border: 1px solid #006da8;
		text-decoration:none;
	}
	a.clkPaging:hover { 
		background-color:#006da8;
		text-decoration:none;
	}
	.clkPagingOver { 
		background-color:#006da8;
		color:#F9F4CF;
	}
	a.clkraquo:link, a.clkraquo:visited, a.clkraquo:active, a.clklaquo:link, a.clklaquo:visited, a.clklaquo:active { 
		font-size: 14px;
		text-decoration:none;
		padding: 0 4px 0 4px;
	}
	a.clklaquo:hover, a.clkraquo:hover {
		text-decoration:none;
	}

/* Footer
-------------------------------------------------------------------- */

#footer {
	position:fixed;
	bottom:0px;
	width:540px; 
	min-width:540px; 
	margin-left:236px;
	height:30px; 
	text-align:center;
	background-color: #F9F4CF;
	z-index:5; 
	font: normal 10px Verdana;
	color:#006DA8;
	line-height: 30px;
}

a.copy, a.copy:link, a.copy:visited, a.copy:active {
	font: normal 10px Verdana;
	color:#006DA8;
	text-decoration:none;	
}
a.copy:hover {
	color: #E49729;
}
