﻿body, html
{
	margin: 0;
	padding: 0;
	background-color: #E7F4E0;
	font-family: Verdana;
}

html
{
	font-size: 0.75em;
}

/* algemeen*/
a
{
	color: #74B027;
}
p
{
	margin: 0 0 15px 0;
	padding: 0;
	color: black;
}
h1, h2, h3
{
	margin: 0 0 15px 0;
	padding: 0;
	color: #74B027;
	font-weight: bold;
}
h1
{
	font-size: 1.4em;
	font-weight: bold;
}
h2
{
	font-size: 1.2em;
	font-weight: bold;
}
h3
{
	font-size: 1.0em;
	font-weight: bold;
}


#wrapper
{
	position: relative;
	margin: 10px auto;
	text-align: left;
	width: 870px;
	background-color: #FFF;
	background-image: url(../myimages/bg_wrapper.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 2px solid #74B027;
	padding: 223px 15px 50px 15px;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}

#contentwrapper
{
	position: relative;
}

#content
{
	position: relative;
	width: 571px;
	padding: 30px 12px;
	border: 1px solid #74B027;
	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;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}
* 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: 12px 0 13px;
	height: 125px;
	padding-top: 12px;
	border-bottom: 1px solid #000000;
}
#logo
{
	position: relative;
	height: 125px;
	
}
#logo img
{
	border:none;
}

#locatie
{
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #74B027;
	float: right;
	background-color: #E7F4E0;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
	padding: 10px;
}

#locatie address
{
	font-size: 10px;
	color: #000;
	font-style: normal;
}
#locatie .post
{
	color: #74B027;
	font: normal small-caps bold 24px Verdana;
	
}
#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;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}

ul#nav
{
	position: relative;
	margin: 0;
	padding: 10px 0 0 15px;
	list-style-type: none;
	height: 24px;
}

ul#nav li
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 5px;
}

ul#nav li a
{
	display: block;
	padding: 0 15px 0 5px;
	margin: 0;
	color: #333333;
	text-decoration: none;
	height: 23px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

ul#nav li a.selected
{
	color: #74B027;
}


ul#nav ul
{
	display: none; /*width:105px;*/
	background-color: #fff;
	position: absolute;
	top: 22px;
	left: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	
}

ul#nav li a:hover, ul#nav li a.over
{
	color: #74B027;
}
ul#nav li:hover ul, ul#nav li.over ul
{
	display: block;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}
ul#nav ul li
{
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFF;
}
ul#nav ul li a
{

	padding-left: 5px;
	background: transparent;
	text-align: left;
	background-color: #FFF;

}


/*SPECIEFIEK INDEX PAGINA*/
#logo_groot
{
	position: relative;
	height: 122px;
	background-image: url(../myimages/logo_CHPR.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

#wrapper.homepage
{
	padding: 16px 12px;
	min-height: 500px;
	width: 890px;
}
* html #wrapper.homepage
{
	height: 500px;
}

#lokaties
{
	margin-left: 1px;
	margin-top: 16px;
	overflow: hidden;
	border-top: 1px solid #000000;
	padding-top: 20px;
}
#lokaties p a
{
	position: relative;
	display: block;
	height: 115px;
	width: 170px;
	background-image: url(../myimages/bg_lokatie.jpg);
	background-repeat: no-repeat;
	padding-left: 122px;
	padding-top: 22px;
	float: left;
	margin-right: 4px;
}

#lokaties p
{
	font-size: 9px;
	color: #000;
	font-style: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}
#lokaties p a
{
	color: #000;
	text-decoration: none;
}
#lokaties .post
{
	font-size: 18px;
	color: #74B027;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
}
#lokaties .post-telefoon
{
	font-size: 12px;
	font-weight: bold;
}

#home_Content h1
{
	text-align: center;
}

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;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}
#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: #74B027 1px solid;
	padding-right: 0px;
	border-top: #74B027 1px solid;
	padding-left: 0px;
	padding-bottom: 16px;
	margin: 0px 0px 16px 0px;
	border-left: #74B027 1px solid;
	padding-top: 16px;
	border-bottom: #74B027 1px solid;
	position: relative;
	height: 116px;
	background-color: #fff;
	width: 258px;
	font-size: 0.9em;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}

#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;
	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]
{
	width: 400px;
	height: 16px;
}

fieldset.formulier 
{
    border:none;
    margin:0;
    padding:0;
}
fieldset.formulier legend 
{
    font-weight:bold;
}
fieldset.formulier div
{
    margin:0 0 10px 0;
    clear:both;
    overflow:hidden;
}
fieldset.formulier label
{
    float:left;
    display:block;
    width:200px;
}
fieldset.formulier textarea, fieldset.formulier input[type=text] 
{
    width:340px;
    margin:0 3px 0 0;
}

textarea
{
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#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 #74B027;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	   -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#888888');
}

/*EXTRANET*/
#intershift, #actualiteiten, #logboek
{
	position: relative;
	border: 1px solid #74B027;
	margin-bottom: 15px;
	background-color: #FFF;
}
#HomepageKnop
{
	position: relative;
	border: 1px solid #74B027;
	margin-bottom: 15px;
	background-color: #FFF;
	height:50px;
}
#intershift h2
{
	color: #74B027;
	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;
}

#HomepageKnop 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;
}

#intranetknop 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: #74B027;
}
#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;
}
#logboek ul li
{
	margin-bottom: 2px;
}

#logboek ul li a
{
	text-decoration: none;
	color: #636363;
}

#logboek_volledig a
{
	text-decoration: none;
	color: #74B027;
}

#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: #74B027;
}

table tr td.item1
{
	width: 140px;
}
table tr td.item2
{
	width: 140px;
}

table tr td.item3
{
	width: 300px;
}
table tr td.item4
{
	width: 300px;
}

li
{
    border-top: 1px solid grey;
    list-style: none;
}

div.radiobuttonlist label
{
	width:50px;
	margin-left:200px;
}


