/*  ==========================================================================================
	Project: 					Hoofdpijnkliniek
	Company:					Bonifatius Hoofdpijnkliniek
	Original author :			Danny Voncken (d.voncken@nexwork.nl)
								Nexwork, Maastricht (www.nexwork.nl)	
 	------------------------------------------------------------------------------------------
	Last change by :			Danny Voncken, 30-08-2005
	========================================================================================== */
	
BODY
{
	margin: 0px;
	background-image: url(media/generalbg.gif);
	background-repeat: no-repeat;
	scrollbar-3dlight-color: #e8e8e8;
	scrollbar-arrow-color: #e8e8e8;
	scrollbar-darkshadow-color: #e8e8e8;
	scrollbar-face-color: #939598;
	scrollbar-highlight-color: #e8e8e8;
	scrollbar-shadow-color: #e8e8e8;
	scrollbar-track-color: silver;
}

/*	-----------------------------------------------------------------------------------------
	Algemene opmaak - Paginatitels, titels, paragrafen, links, afbeeldingen en lijsten	
	------------------------------------------------------------------------------------------ */	
H1{font-family: Arial, sans-serif; font-size:15px; color:#002f54; padding: 10px 14px 0px 71px;}
H2{font-family: Arial, sans-serif; font-size:12px; font-weight:bold; color:#002f54; padding: 16px 14px 0px 63px; margin:0px;clear:both;}
*html H2{ padding:  16px 14px 0px 63px; margin:0px;}
p{ font-family: Arial, sans-serif; font-size:12px; color:black; padding: 0px 14px 0px 62px; line-height:18px; margin:15px 0px 0px 0px; clear:none;}
*html p{ padding: 0px 14px 0px 62px; margin:0px 0px 20px 0px;}	
strong{margin:0px; padding:0px;}
A {color : #993f0c;text-decoration: none;font-weight: normal;}		
A:hover	{color :#993f0c;text-decoration: underline;}
ul#contentlist {list-style: bullet; padding: 0px 14px 0px 75px;line-height:18px;}
*html ul#contentlist{padding: 0px 14px 0px 46px;}
ol {padding:0 0 0 50px;}
img {border:1px solid #931500; float: right; margin: 6px 0px 0px 10px; }
table {margin:0px; padding:0px;}
#nieuwsicoon {width:30px; height:21px; border-left:0px;float:left; padding:0px 0px 5px 10px; margin:0;  clear:none;}
#nieuwsicoon img {border: 0px;}

/*	-----------------------------------------------------------------------------------------
	container - Deze container is er voor het tonen van de achtergrond	
	------------------------------------------------------------------------------------------ */	
#bgcontainer{ width:100%; height:100%; padding:0px; margin:0px; clear: both; background-image: url(../media/background.gif);}

/*	-----------------------------------------------------------------------------------------
	container	
	------------------------------------------------------------------------------------------ */	
#container{ width:780px;  padding:0px; margin:0px; clear: both;}


/*	-----------------------------------------------------------------------------------------
	menukolom
	------------------------------------------------------------------------------------------ */	
#leftcol{padding:0px; margin:0px; background-color: #722f05; width:200px; height:550px; background-image: url(../media/bg_leftcol.jpg); float:left; overflow:hidden; background-repeat: no-repeat;}

#menu	{width: 200px; height:315px; background-image: url(../media/bg_menu.gif); margin:32px 0px 0px 0px; padding:10px 0px 0px 0px; float: left; }
#menu ul {margin:0; padding:0; list-style: none;}
#menu li { float: left; width: 200px; height: 20px; list-style: none; font-family: arial; font-size:11px; font-weight:normal; margin:0px; padding: 0px; border-bottom: solid #002b59 1px;}

#menu .item1  a {text-align: left;margin: 0px;padding: 2px 0px 0px 35px;display: block;width: 200px;height: 18px;background-color: #002b59;color: #f8f8f8;text-decoration: none;background-image: url(../media/nav_mainoff.gif);}
#menu .item1  a:hover {color: #043257;text-decoration: none; background-image: url(../media/nav_mainhover.gif);}
#menu .item1active a { text-align: left; margin: 0; padding: 2px 0 0 35px; display: block; width: 200px; height: 18px; background: #808080 url(../media/nav_mainactive.gif) 0 0 no-repeat; color: #002b59; text-decoration: none;}

#menu .submenu {width: 200px; float:left;}
#menu .submenu ul {margin:0; padding:0; list-style: none;}
#menu .submenu li { float: left; width: 200px; height: 20px; list-style: none; font-family: arial; font-size:11px; font-weight:normal; margin:0px; padding: 0px; 	border-bottom: solid #002b59 1px;}

#menu .submenu .item1  a {text-align: left;margin: 0px;padding: 2px 0px 0px 45px;display: block;width: 200px;height: 18px;background-color: #002b59;color: #f8f8f8;text-decoration: none;background-image: url(../media/nav_suboff.gif); }
#menu .submenu .item1  a:hover {color: #043257;text-decoration: none; background-image: url(../media/nav_subhover.gif);}
#menu .submenu .item1active  a {text-align: left;margin: 0px;padding: 2px 0px 0px 45px;display: block;width: 200px;height: 18px;background-image: url(../media/nav_subactive.gif);background-color: #808080;color: #002b59;text-decoration: none;}

/*Vinzzz submenu aanpassing, werd niet getoond in IE7*/
#menu li { float: none; height: auto; }
#menu .submenu { float: none; }
#menu .submenu li { float: none; }
#menu	{height:auto; }
*+html #menu li { border-bottom: solid #002b59 0px;}
#menu .item1active a { border-bottom: solid #002b59 1px; }
/*Vinzzz end */

/*	-----------------------------------------------------------------------------------------
	centerkolom met header en werkveld
	------------------------------------------------------------------------------------------ */	
#centercol{ 
	width: 570px;
	padding: 0px;
	margin : 0px;
	background-color: white;	
	float:left
}


/*	-----------------------------------------------------------------------------------------
	headerbalk
	------------------------------------------------------------------------------------------ */	
#header{
	width: 573px;
	height:91px;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
	background-image: url(../media/bg_header.gif);
}


/*	-----------------------------------------------------------------------------------------
	headerafbeelding
	------------------------------------------------------------------------------------------ */	
#headerimage{
	width: 573px;
	height: 135px;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
	background-image: url(../media/headerimage_home.jpg);
}
#printheader{display:none;}

/*	-----------------------------------------------------------------------------------------
	taalkeuze
	------------------------------------------------------------------------------------------ */	
/*NB visibility hidden achteraan gezet omdattalen nogn iet waren bijgewerkt*/
#nation {position: absolute; width:92px; height:17px; top:6px; left:688px; }
#nation ul {margin: 0; padding: 0; list-style: none;}		
#nation li {float: left; margin-right:4px; }
#nation li a {width: 17px; height: 17px;float:left;background-position: left top;text-indent: -9999px;text-decoration: none;font-size: 1px;}

#nation a.eng {background-image: url(../media/flag_eng.gif);}		
#nation a.fra {background-image: url(../media/flag_fra.gif);}	
#nation a.ger {background-image: url(../media/flag_ger.gif);}	
#nation a.es{background-image: url(../media/flag_es.gif);}	



/*#nation a:hover{background-position:left top;}*/	
	
	
/*	-----------------------------------------------------------------------------------------
	werkveld opening
	------------------------------------------------------------------------------------------ */	
#werkveld{ width: 570px; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; margin:0px 0px 0px 0px; font-family: arial; font-size:12px; overflow: hidden;}


/*	-----------------------------------------------------------------------------------------
	werkveld afsluiting
	------------------------------------------------------------------------------------------ */	
#werkveld .end{ width: 570px; height:43px; 
background-image: url(../media/bg_werkveld.gif);
background-position: left bottom;
overflow: hidden;}

#top{margin: 14px 0px 0px 267px;background-image: url(../media/topbutton.gif);display: block;width:32px;height:26px;text-indent: -9999px;text-decoration: none;font-size: 1px;}


/*	-----------------------------------------------------------------------------------------
	werkveld opmaak
	------------------------------------------------------------------------------------------ */
#werkveld .tekstblokcontent{
	width:553px;
	min-height:225px;
	color:  black;
	margin: 0px 0px 10px 10px;}

*html #werkveld .tekstblokcontent{height:225px;}

#werkveld .tekstblokcontent UL{list-style: bullet; padding: 0px 14px 0px 75px;line-height:18px;}
*html#werkveld .tekstblokcontent UL{padding: 0px 14px 0px 5px;}


#werkveld .tekstblokhome{
	width:551px;
	background-color: #DEE4EA;
	color:  #002F54;
	border: 1px solid #d4d4d4;
	margin: 0px 0px 10px 10px;
}

#werkveld .tekstblokhome UL{list-style: bullet; padding: 0px 14px 0px 75px;line-height:18px; color:black;}
*html #werkveld .tekstblokhome UL{ padding: 0px 14px 0px 46px;}

#werkveld .tekstbloknieuwsblauw{
	width:551px;
	min-height:150px;
	background-color: #DEE4EA;
	color:  #002F54;
	border: 1px solid #d4d4d4;
	margin: 0px 0px 10px 10px;
}

#werkveld .tekstbloknieuwsbeige{
	width:551px;
	min-height:150px;
	background-color: #F2E4DB;
	color:  #002F54;
	border: 1px solid #d4d4d4;
	margin: 0px 0px 10px 10px;
	padding:0px 0px 0px 0px;
}

		
/*	-----------------------------------------------------------------------------------------
	rightcol - rechterkolom
	------------------------------------------------------------------------------------------ */		
#rightcol{width:5px; height:400px; background-image: url(../media/bg_rightcol.gif); background-repeat: no-repeat; float:right;}


/*	-----------------------------------------------------------------------------------------
	footer
	------------------------------------------------------------------------------------------ */
#footer	{
	font-family: Arial, sans-serif;
	background-color:white;
	background-image: url(../media/bg_footer.gif);
	font-size: 11px;
	color:white;
	width: 545px;
	height: 38px;
	margin-bottom: 0px;
	padding:4px 0px 0px 230px;
	clear: both;
	overflow:hidden;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif 10px;
	color:white;
	text-decoration: none;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif 10px;
	color:#f3ddd0;
	text-decoration: underline;
}	
	
#footerb	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:white;
	width: 545px;
	height: 15px;
	margin-bottom: 0px;
	padding:7px 0px 0px 0px;
	clear: both;
}

#footerb a{
	font-family: Arial, Helvetica, sans-serif 10px;
	color:white;
	text-decoration: none;
}

#footerb a:hover{
	font-family: Arial, Helvetica, sans-serif 10px;
	color:#f3ddd0;
	text-decoration: underline;	
	
	
	
	
}

#utils {position:absolute;width:100px; height:17px; top:6px; left:598px; margin:0;}
#utils ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none;}		
#utils li {float: left; margin-right:4px; }
#utils li a {width:18px; height:17px; float:left; background-position: left top; text-indent: -9999px;text-decoration: none;font-size: 1px;}
#utils a.home {background-image: url(../media/home.gif);}
#utils a.mail {background-image: url(../media/mail.gif);}			
#utils a.print {background-image: url(../media/print.gif);}
/*#utils a:hover{background-position:left top;}	*/


/*	-----------------------------------------------------------------------------------------
	Form. 
	------------------------------------------------------------------------------------------ */	
#formbox{ width:450px; float:left; margin: 0px 0px 0px 58px;}
*html #formbox{ margin: 0px 0px 0px 0px;}
#form {width: 450px; text-align: left; margin: 0 0 0 0px; float:left; overflow:hidden; }
#form .containerform {width: 225px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left;font-weight: normal;	vertical-align: middle;}
#form .containerverplicht {width: 225px;height: 100px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;float: left;font-weight: normal;	clear:both;}
#form .containerinput{width: 225px;height: 35px;	font-family: Arial, Helvetica, sans-serif;font-size: 10 px;	float: right;}
#form .input {width: 200px;height: 14px;}
#formbox textarea {width: 300px; height:120px; }
#formbox .submit {float:left; clear:both; overflow:hidden; cursor: pointer; text-align:center; width:100px; height:26px; background-color:#002f53; color:White; border:none;}