﻿@import url("menu.css");
BODY {
	background:#efefed url(../../images/bg_home.jpg) no-repeat;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#60604e;
	xline-height:1.5em;
	letter-spacing:0.1em;
}
h5 {
	margin:0;
}
.textLarge {
	font-size:1.2em;
}
.textXlarge {
	font-size:1.4em;
}
.imgBorder {
	border:#5c5d4f;
}
#forms select 
{
	margin-bottom:30px;
	height:18px;
	width:205px;
	display:block;
	font-size:1.0em;
	color:#757a61;
}
	
#content li {
	list-style-type:square;
}
hr {
	color:#d5d5d5;
	border-bottom:1px solid #FFFFFF;
}
#form {
	margin:0;
}
input {
	background-color:#FFFFFF;
	border:1px solid #757a61;
	margin:0;
	font-size:1.0em;
	color:#757a61;
}
textarea {
	background-color:#FFFFFF;
	border:1px solid #757a61;
	margin:0;
	font-size:1.0em;
	color:#757a61;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
}

.search {
	width:110px;
}
.searchButton {
	color:#757a61;
	font-weight:bold;
	border:0;
	padding-top:0px;
	cursor:pointer;
	background-color:transparent;
}
.searchword {
	background-color:#e5e5e5;
}
.login {
	width:120px;
	margin-bottom:2px;
}
.loginButton {
	color:#96bf0d;
	font-weight:bold;
	border:0;
	text-align:left;
	cursor:pointer;
	background-color:transparent;
}
a {
	color:#96bf0d;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#96bf0d;
	font-weight:bold;
	text-decoration:underline;
}
a.standard {
	font-size:1.0em;
	font-weight:bold;
	color:#757a61;
	text-decoration:none;
	margin:0px;
	text-transform:uppercase;
}
a.large {
	font-size:1.4em;
	font-weight:bold;
	color:#757a61;
	text-decoration:none;
	margin:0px;
	text-transform:uppercase;
}
a.xlarge {
	font-size:1.6em;
	font-weight:bold;
	color:#757a61;
	text-decoration:none;
	margin:0px;
	text-transform:uppercase;
}
/************************** header **************************/
#header {
	position:absolute;
	top:0;
	width:100%;
	height:111px;
	background-color:#e0e0dc;
	background-image:url(../../images/bg_header.jpg);
	background-repeat:no-repeat;
}
	#headerTitle {
		position:absolute;
		left:154px;
		top:35px;
		width:842px;
	}
	#navTop {
		position:absolute;
		left:154px;
		width:840px;
		top:10px;
		text-align:right;
		font-size:1.1em;
		color:#757a61;
	}
		#navTop a {
			color:#757a61;
			font-weight:normal;
			text-decoration:none;
		}
		#navTop a:hover {
			color:#757a61;
			text-decoration:underline;
		}
	#navMain {
		position:absolute;
		left:0px;
		top:84px;
		height:27px;
		border-top:1px solid #FFFFFF;
		xbackground-color:#FFFFFF;
		xbackground-image:url(../../images/top_bgmenu.jpg);
	}
	#navMain a span  {
		display:none;
	}
	#navMain a  {
		background-repeat: no-repeat;
		background-position: center;
		padding:0 18px;
	}
		a.webwinkel {
		    padding:0!important;
			float:left;
			display:block;
			height:26px;
			width:154px;
			border-right:1px solid #a1a1a1;
			background-image:url(../../images/but_webwinkel.gif);
		}
		a.webwinkel:hover {
			background-image:url(../../images/but_webwinkel_over.gif);
		}
		a.bosman {
			float:left;
			display:block;
			height:26px;
			width:84px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_bosman.gif);
		}
		a.bosman:hover {
			background-image:url(../../images/but_bosman_over.gif);
			background-color:#626250;
		}
		a.diabetes {
			float:left;
			display:block;
			height:26px;
			width:82px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_diabetes.gif);
		}
		a.diabetes:hover {
			background-image:url(../../images/but_diabetes_over.gif);
			background-color:#e64487;
		}
		a.incontinentie {
			float:left;
			display:block;
			height:26px;
			width:100px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_incontinentie.gif);
		}
		a.incontinentie:hover {
			background-image:url(../../images/but_incontinentie_over.gif);
			background-color:#e99d16;
		}
		a.orthopedie {
			float:left;
			display:block;
			height:26px;
			width:70px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_orthopedie.gif);
		}
		a.orthopedie:hover {
			background-image:url(../../images/but_orthopedie_over.gif);
			background-color:#53bfd8;
		}
		a.stoma {
			float:left;
			display:block;
			height:26px;
			width:68px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_stoma.gif);
		}
		a.stoma:hover {
			background-image:url(../../images/but_stoma_over.gif);
			background-color:#532481;
		}
		a.wondzorg {
			float:left;
			display:block;
			height:26px;
			width:68px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_wondzorg.gif);
		}
		a.wondzorg:hover {
			background-image:url(../../images/but_wondzorg_over.gif);
			background-color:#004071;
		}
		a.zorgprofessionals {
			float:left;
			display:block;
			height:26px;
			width:114px;
			border-right:1px solid #d1d3cd;
			background-image:url(../../images/but_zorgprofessionals.gif);
		}
		a.zorgprofessionals:hover {
			background-image:url(../../images/but_zorgprofessionals_over.gif);
			background-color:#96bf0d;
		}

/************************** main **************************/	
#main {
	position:absolute;
	top:111px;
	left:0px;
	width:998px;
	border:1px solid #b2b2b2;
	background-color:#f9f9f9;
	font-size:1.1em;
	background-image:url(../../images/bg_main.gif);
}
	#feedback {
		position:absolute;
		top:0px;
		left:153px;
		width:829px;
		height:17px;
		background-color:#f9f9f9;
		border-bottom:1px solid #b2b2b2;
		border-left:1px solid #b2b2b2;
		font-size:1.0em;
		font-weight:bold;
		padding-left:15px;
		padding-top:3px;
	}

	#navLeft {
		float:left;
		width:153px;
		background-color:#FFFFFF;
		background-image:url(../../images/bg_navLeft.jpg);
		background-repeat:no-repeat;
	}
	#inlogModule {
		float:left;
		width:137px;
		padding-left:16px;
		font-size:1.1em;
		font-weight:bold;
		color:#757a61;
		border-top:1px solid #b2b2b2;
	}
	#content {
		float:left;
		width:645px;
		background-color:#FFFFFF;
		border-left:1px solid #b2b2b2;
		border-right:1px solid #b2b2b2;
	}
		.feedbackFix {
			margin-top:21px;
		}
		#spacerHeightFix {
			float:left;
			width:0px;
			height:320px;
		}
		#visual {
			display:block;
			width:645px;
			height:320px;
			border-bottom:1px solid #b2b2b2;
		}
		#contentText {
			padding:20px;
		}
		#contentText h1 {
			font-size:1.7em;
			margin:0 0 20px 0;
			line-height:20px;
		}
	#modules {
		position:absolute;
		top:0px;
		left:800px;
		width:198px;
		background-color:#f9f9f9;
	}
		div.module {
			width:188px;
			margin:5px;
			background-color:#e5e5e5;
		}
			div.innerModule {
				margin:2px;
				width:166px;
				border:4px solid #FFFFFF;
				background-color:#f7f8f8;
				background-image:url(../../images/bg_innerModule.jpg);
				background-repeat:repeat-y;
				padding:5px;
			}
			.innerModule .moduleTitle{
				display:block;
				width:166px;
				height:12px;
				background-image:url(../../images/title_mod_news.gif);
				background-repeat:no-repeat;
			}
			.innerModule .news {
				background-image:url(../../images/title_mod_news.gif);
			}
			.innerModule .faq {
				background-image:url(../../images/title_mod_faq.gif);
			}
			.innerModule .personal {
				background-image:url(../../images/title_mod_personal.gif);
			}
			.innerModule h1{
				font-size:1.0em;
				font-weight:bold;
				margin:0;
			}
			.innerModule span{
				display:block;
				width:166px;
				margin-bottom:3px;
			}
			.innerModule img {
				margin-right: 5px;
				border:#5c5d4f;
			}
			.innerModule .moduleContentFooter{
				width:100%;
				text-align:right;
				font-weight:bold;
			}
			.innerModule .moduleContentFooter a{
				color:#535342;
				text-decoration:none;
			}
			.innerModule .moduleContentFooter a:hover{
				color:#535342;
				text-decoration:underline;
			}
		
/************************** footer **************************/
#footer {
	position:absolute;
	width:1000px;
	top:1000px;
	height:17px;
	font-size:1.1em;
	font-weight:bold;
	color:#535342;
	padding-top:3px;
}
#footer ul {
	padding: 0;
	padding-left: 10px;
	margin: 0;
	list-style-type: none;
	margin-left:160px;
}
#footer ul li {
	float:left;
	position:relative;
	list-style-type:none;
}
#footer ul li a, .footer ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#535342; 
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer ul li.sep {
	font-family: Arial;
	margin-left:10px; 
	margin-right: 10px;
	display: block;
/*	width: 15px; */
/*	background: url(../../sep.gif) no-repeat; */
}
/************************** news **************************/
#news h1 {
	font-size:1.0em;
	display:block;
	width:100%;
	color:#b2b2b2;
	border-bottom:1px solid #c3c3c3;
	margin:0 0 5px 0;
	font-weight:normal;
}
#news h2 {
	font-size:1.0em;
	margin:0 0 5px 0;
}
#news h3 {
	font-size:1.0em;
	margin:5px 0 20px 0;
}
/************************** events **************************/
#events h1 {
	font-size:1.0em;
	display:block;
	width:100%;
	color:#b2b2b2;
	border-bottom:1px solid #c3c3c3;
	margin:0 0 5px 0;
	font-weight:normal;
}
#events h2 {
	font-size:1.0em;
	margin:0 0 5px 0;
}
#events h3 {
	font-size:1.0em;
	margin:5px 0 20px 0;
}
/************************** faq **************************/
#faq h1 {
	font-size:1.0em;
	margin:0 0 10px 0;
	border-bottom:1px solid #c3c3c3;
}
#faq h2 {
	font-size:1.0em;
	margin:0;
}
#faq span {
	display:block;
	width:100%;
	margin-bottom:20px;
}
#faq span ul  {
	margin:10px 0 20px 20px;
}
#faq span ul li  {
	list-style-type:square;
	color:#c3c3c3;
	margin-top:5px;
}
#faq label  {
	float:left;
	display:block;
	width:80px;
}
#faq input  {
	width:200px;
	margin-bottom:5px;
}
#faq textarea  {
	width:200px;
	height:80px;
	margin-bottom:5px;
}
#faq .button  {
	font-size:1.0em;
	font-weight:bold;
	height:20px;
	margin-left:164px;
	cursor:pointer;
	border:1px solid #60604e;
	background-image:url(../../images/bg_button.gif);
	width:120px;
}

/************************** extra **************************/
#extra h2 {
	font-size:1.0em;
	margin:0 0 10px 0;
}
#extra h3 {
	font-size:1.0em;
	margin:5px 0 10px 0;
}
/************************** forms **************************/
#forms h3 {
	font-size:1.0em;
	font-weight:normal;
	margin:5px 0 10px 0;
}
#forms .otherInput input {
	border:0px;
	margin-right:5px;
	height:22px;
	float:left;
}
#forms .otherInput label {
	margin-right:0px;
	float:left;
	width:350px;
}
#forms .labelLarge label {
	margin-right:0px;
	float:left;
	width:300px;
}
#forms label {
	display:block;
	width:155px;
	padding-top:4px;
	float:left;
}
#forms textarea {
	margin-bottom:20px;
	margin-top:5px;
}
#forms input.medium {
	width:200px;
	margin-bottom:3px;
}
#forms .button  {
	font-size:1.0em;
	font-weight:bold;
	height:20px;
	margin-left:116px;
	cursor:pointer;
	border:1px solid #60604e;
	background-image:url(../../images/bg_button.gif);
	width:120px;
	margin-top:10px;
}
#forms p  {
	margin:0;
	margin-bottom:3px;
}

/************************** search *************************/
#search table {
	width:100%;
}
#search table table {
	width:auto;
}
#search h1 {
	font-size:1.0em;
	display:block;
	width:100%;
	color:#b2b2b2;
	border-top:1px solid #c3c3c3;
	margin:0 0 5px 0;
	font-weight:normal;
}

#news div.pager{
	border:0;
	width:390px;
	text-align:left;
	padding-bottom:6px;
	padding-right:10px;
	margin-top: 10px;
	font-weight:bold;
}
#news div.pager span{
	margin-left:5px;
	color:#60604e;
	font-size:1.2em;
}
#news div.pager a{
	color:#94bd0d;
	text-decoration:underline;
	margin-left:5px;
	font-size:1.2em;
}
#news div.pager a:hover{
	text-decoration:none;
}

#search tr.pager {
	font-weight:normal;
	font-size:1.1em;
	text-align: center;
}
#search tr.pager td {
	border-top:1px solid #c3c3c3;
}
#search tr.pager td table tr td{
	border-top:0;
	padding-top:10px;
}
#search .pager a {
	margin-left: 6px;
}
#search .pager span {
	margin-left: 6px;
	color: #b2b2b2;
}

/************************** survey *************************/
#survey h2 {
	font-size:1.1em;
	margin:5px 0 5px 0;
}
#survey h3 {
	font-size:1.0em;
	margin:0 0 20px 0;
	display:block;
	width:100%;
	height:20px;
	border-bottom:1px solid #c3c3c3;
}
#survey label {
	display:block;
	width:116px;
	padding-top:4px;
	float:left;
}
#survey input.medium {
	width:200px;
	margin-bottom:3px;
}
#survey .otherInput input {
	border:0px;
	margin-right:5px;
	height:22px;
	float:left;
}
#survey .otherInput label {
	margin-right:0px;
	float:left;
	width:300px;
}
#survey .button  {
	font-size:1.0em;
	font-weight:bold;
	height:20px;
	cursor:pointer;
	border:1px solid #60604e;
	background-image:url(../../images/bg_button.gif);
	width:150px;
}
#survey textarea {
	margin-bottom:20px;
	margin-top:5px;
}
