body, html  
{
	margin:0; 
	padding:0; 
	background-color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}

html { font-size:0.8em;}

/* algemeen*/
a	{ color: #1680ED;}
p { margin:0 0 15px 0; padding:0; color: #636363;}
h1, h2, h3 { margin:0 0 15px 0; padding:0;color:#66CC00;}
h1 { font-size:1.4em;}
h2 { font-size:1.2em;}
h3 { font-size:1.0em;}


#wrapper { 
	position:relative;
	margin:10px auto; 
	text-align:left; 
	width:870px; 
	background-color:#FFF;
	background-image:url(../myimages/bg_wrapper.jpg); 
	background-position:bottom; 
	background-repeat:repeat-x;
	border:2px solid #66CC00;
	padding:223px 15px 50px 15px;
}

#contentwrapper{
	position:relative;
}

#content { 
	position:relative;
	width:571px;
	padding:30px 12px;
	border:1px solid #000;
	background-color:#FFF;
	float:left;
	background-image:url(../myimages/bg_content.jpg); background-position:bottom right; background-repeat:no-repeat;
	min-height:350px;
	margin-right:10px;
}
* html #content { height:350px;}

#rightcol {
	position:relative;
	width:260px;
	float:left;
 }
 /*hack for displaying right column right in Editor*/
.emagiCCMS_CP_Div1 #rightcol 
{
	width:256px;
	overflow:hidden;  
}
 
#headerwrapper {
	position:absolute;
	top:0;
	left:15px;
	width: 870px;	
}

#header {
	position:relative;
	margin:0 0 13px 0;
	height:125px;
	padding-top:12px;
	border-bottom:2px solid #8F8F8F;
	background-image:url(../myimages/logo_CHPR.gif); background-position:top right; background-repeat:no-repeat;
}

#locatie {
	position:relative;
	height:115px;
	width:170px;
	background-image:url(../myimages/bg_lokatie.jpg);
	background-repeat:no-repeat;
	padding-left:120px; padding-top:20px
 }

#locatie address { font-size:10px; color:#000; font-style:normal;}
#locatie .post { font-size:18px; color:#FFF; font-weight:bold;font-style:normal; }
#locatie .post-telefoon { font-size:11px;font-weight:bold; color:#000}

/* MENU */
#topmenu {
	position:relative;
	margin:0; 
	padding:0;
	height:42px;
	background-image:url(../myimages/bg_topmenu.jpg);
	background-repeat:no-repeat;
	font-size:1em;
}

ul#nav{
	position:relative;
	margin:0; padding:0;
	list-style-type:none;
	height:24px; padding-top:10px; 
}

ul#nav li{
	position:relative;
	float:left;
	margin:0; padding:0;
}

ul#nav li a { 
	display:block; 
	padding:0; margin:0;
	color: #333333;
	text-decoration:none;
	width:105px; height:24px;
	line-height:24px;
	text-align:center;
	border-left:2px solid #8F8F8F;
}

ul#nav li a.selected {
	color:#66CC00;

}


ul#nav ul {
	display:none;
	/*width:105px;*/

width:170px;
	background-color:#fff;
	position:absolute;
	top:24px;
	left:1px;
	list-style-type:none;
	margin:0; padding:0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

ul#nav li a:hover, ul#nav li a.over {
	color: #6AB71B;
}
ul#nav li:hover ul, ul#nav li.over ul {
	display:block;
}
ul#nav ul li { width:170px; background:transparent; margin:0; padding:0; text-align:left;background-color:#FFF;}
ul#nav ul li a { width:150px;padding-left:20px; background:transparent;text-align:left;background-color:#FFF; border:0; border:1px solid #000; border-width:0 1px; }


/*SPECIEFIEK INDEX PAGINA*/
#logo_groot {
	position:relative;
	height:122px;
	background-image:url(../myimages/logo_CHPR_groot.jpg); background-repeat:no-repeat; background-position:left;
}

#wrapper.homepage {padding:16px 12px; min-height:500px;width:890px;}
* html #wrapper.homepage { height:500px}

#lokaties { margin-left:1px; margin-top:16px;}
#lokaties p a{
	position:relative;
	display:block;
	height:115px;
	width:170px;
	background-image:url(../myimages/locatie-button.png);
	background-repeat:no-repeat;
	padding-left:120px; padding-top:16px;
	float:left;
	margin-right:6px;
}

#lokaties p { font-size:9px; color:#000; font-style:normal; margin:0; padding:0; margin-bottom:8px;}
#lokaties p a { color: #000; text-decoration:none;}
#lokaties .post { font-size:18px; color:#FFF; font-weight:bold;font-style:normal; }
#lokaties .post-telefoon { font-size:14px;font-weight:bold;}

A#chatbutton 	
{
	BACKGROUND-IMAGE: url(/01/MyImages/button_chat.jpg);	
	PADDING-RIGHT: 0px;	
	DISPLAY: block;	
	PADDING-LEFT: 100px;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 16px;	
	PADDING-BOTTOM: 0px;	
	WIDTH: 160px;	
	COLOR: #fff;	
	LINE-HEIGHT: 22px;	
	PADDING-TOP: 8px;	
	BACKGROUND-REPEAT: no-repeat;	
	POSITION: relative;	
	HEIGHT: 75px;	
	TEXT-DECORATION: none;
}
#logout_button 
{
	position:absolute;
	right:0px;
	top:110px;
	color:#636363;
	border:0;
	width:270px;
	margin:0px;
	padding:0px;
	height:60px;
	text-align:right;          
}
   
#loginblock, #logoutblock 	
{
	BORDER-RIGHT: #000 1px solid;	
	PADDING-RIGHT: 0px;	
	BORDER-TOP: #000 1px solid;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 16px;	
	MARGIN: 0px 0px 16px 0px;	
	BORDER-LEFT: #000 1px solid;	
	PADDING-TOP: 16px;	
	BORDER-BOTTOM: #000 1px solid;	
	POSITION: relative;	
	HEIGHT: 116px;
	BACKGROUND-COLOR: #fff;
	width:258px;
	font-size:0.9em;  
	}
	
#loginblock DT, #logoutblock DT
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 0.9em;	
	PADDING-BOTTOM: 14px;	
	MARGIN: 0px 0px 0px 30px;	
	PADDING-TOP: 0px;	
	POSITION: relative;
}

#loginblock DD, #logoutblock DD
{
	FONT-SIZE: 0.75em;
	MARGIN-LEFT: 30px;
}

#loginblock label, #loginblock a, #logoutblock label, #logoutblock a 
{
	FONT-SIZE: 0.85em;
}
  
#loginblock INPUT.textfield 
{
	BORDER-TOP-WIDTH: 0px;	
	PADDING-RIGHT: 4px;	
	PADDING-LEFT: 4px;	
	BORDER-LEFT-WIDTH: 0px;	
	FONT-SIZE: 10px;	
	BACKGROUND-IMAGE: url(../myimages/bg_login_inputtext.gif);	
	BORDER-BOTTOM-WIDTH: 0px;	
	PADDING-BOTTOM: 2px;	
	MARGIN: 0px;	
	WIDTH: 118px;	
	PADDING-TOP: 2px;	
	BACKGROUND-REPEAT: no-repeat;	
	HEIGHT: 18px;	
	BORDER-RIGHT-WIDTH: 0px;
}

INPUT[type=text] 
{	
	FONT-SIZE: 0.85em;	
	WIDTH: 400px;	
	HEIGHT: 16px;	
}

textarea
{
    width: 400px;
}
	
#loginblock INPUT.buttonfield, #logoutblock INPUT.buttonfield 
{	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	FONT-SIZE: 0.9em;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px;
	}	

#googlemap{
	position:relative;
	border:1px solid #000;
	background-color:#FFF;
	margin:0;padding:0;
	}
	
/*EXTRANET*/
#intershift, #actualiteiten, #logboek {
	position:relative;
	border:1px solid #000;
	margin-bottom:15px;
	background-color:#FFF;
}
#intershift h2 { color: #66CC00; font-size:19px; font-weight:bold;  margin:5px 0 5px 0; padding:0; text-align:center;}
#intershift p { margin:0 0 1px 0; padding:0;}
#intershift a {
	display:inline-block;
	width:125px;
	height:50px;
	line-height:50px;
	margin:0; padding:0;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../myimages/button_intershift.gif); background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	margin-left:1px;

}

#actualiteiten h2 a, #logboek h2 a{
	margin:0; padding:0;
	display:block;
	margin:1px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-image:url(../myimages/bg_h2_button.jpg); background-repeat:no-repeat;
	font-size:16px;
	color:#FFF; text-decoration:none;
}
#intershift {

}

#actualiteiten dl{
	margin:0; padding:0;
	margin:0 5px 15px 13px; padding:0;
}
#actualiteiten dl dt { margin:0; padding:0; font-size: 1.2em; font-weight:bold; color:#66CC00;}
#actualiteiten dl dd { margin:0; padding:0; font-size:0.73em; color:#000; margin-bottom:10px;}

#logboek ul{
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 5px 15px 13px; padding:0;
	font-size:0.73em;
}
#logboek ul li { margin-bottom:2px;}

#logboek ul li a { text-decoration: none; color: #636363; }

#logboek_volledig a { text-decoration: none; color: #66CC00; }

#rss dl dd { margin-left: 0px; }

#rss dl dt { padding-bottom: 40px; }

ul.medi_info_list { list-style-type:none; margin:0; padding:0;}
ul.medi_info_list li { border-bottom:1px solid #ccc; padding:2px 25px 2px 15px;}
ul.medi_info_list li a { text-decoration:none;}

table tr th { font-size: 1em; font-weight:bold; color:#66CC00; }

table tr td.item1 { width: 140px; }
table tr td.item2 { width: 140px; }

table tr td.item3 { width: 300px; }
table tr td.item4 { width: 300px; }