/* 		----CSS DOCUMENT ERGOTHERAPIE----		 */
html {
  height: 100%;
}

body {
	margin:0px;
	padding:0px;
	height: 100%;
	
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}

.backgroundrepeatheight {
	height: 100%;
}

/* 		----BACKGROUNDS----		 */

.backgroundleft {
	background-image:url(../images/background_stripes.gif);
	background-repeat:repeat;
}

.backgroundmiddle {
	background-image:url(../images/background_middle.jpg);
	background-repeat:repeat;
}

.backgroundright {
	background-image:url(../images/background_stripes.gif);
	background-repeat:repeat;
}

/* 		----DIVS----		 */

div#container {
	position:absolute;
	width:830px;
	height:484px;
	left:50%;
	top:50%;
	margin:-230px 0 0 -415px;
	background-color: #6F8BB3;	
	background-image:url(../images/background_container.jpg);
	z-index:1;
}

div#containerheader{
	position:absolute;
	width: 500px;
	height: 30px;
	left:50%;
	top:50%;
	margin: -260px 0 0 -200px;
	z-index:4;
}

div#containerbody {
	position:absolute;
	width:741px;
	height:460px;
	left:50%;
	top:50%;
	margin:-230px 0 0 -340px;
	background-color: #FFFFFF;
	z-index:2;
}

div#containercontent {	

	position:absolute;
	width:578px;
	height:367px;
	left:50%;
	top:50%;
	overflow-x: hidden; 
	overflow-y: auto;
	margin:-230px 0 0 -207px;
	background-color: #FFFFFF;
	z-index:4;
	padding-bottom:10px;
}

div#menu {
	position:absolute;
	width: 162px;
	height: 384px;
	left:50%;
	top:50%;
	margin: -230px 0 0 -371px;
	background-color: #FFFFFF;
	z-index:5;	
}

div#containercontact {
	position:absolute;
	width: 160px;
	height: 80px;
	left:50%;
	top:50%;
	margin: 154px 0 0 -373px;
	background-color: #6F8BB3;
	z-index:4;
}

div#containercontact_welkom {
	position:absolute;
	width: 160px;
	height: 95px;
	left:50%;
	top:50%;
	margin: 144px 0 0 -373px;
	background-color: #6F8BB3;
	z-index:4;
}

div#container_image_menu {
	position:absolute;
	width:578px;
	height:76px;
	left:50%;
	top:50%;
	margin: 154px 0 0 -207px;
	background-color: #FFFFFF;
	z-index:6;
}


/*     ----MATEN index.html----	 */

.cellspacingheight {
	height: 8px;
	background-color:#FFFFFF;
}

.cellspacingwidth{
	width: 8px;
	background-color:#FFFFFF;
}

.indexwelkom {
	width:236px;
	height:232px;
	background-color:#6F8BB3;
}

.indexwatis {
	width:236px;
	height:232px;
	background-color: #6F8BB3;
}

.indexvoorwie {
	width:236px;
	height:110px;
	background-color: #6F8BB3;
}

.indexwerkwijze {
	width:236px;
	height:114px;
	background-color: #6F8BB3;
}

.indexpraktijk {
	width:281px;
	height:199px;
	background-color: #6F8BB3;
}

.indexverwijzing {
	width:279px;
	height:199px;
	background-color: #6F8BB3;
}

.indexplaatje {
	width:148px;
	height:119px;
	background-color: #6F8BB3;
	margin-left: 6px;
}

.indexcontactinfo {
	width:148px;
	height:80px;
	background-color: #6F8BB3;
}

/* 		----OPMAAK---- 		*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6F8BB3;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6F8BB3;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F8BB3;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	
}

.opmaakheader_title {	
	background-image:url(../images/header_ergotherapie.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.opmaakmenu_image {
	background-image:url(../images/menu_wat_is.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.menu_padding_left {
	padding-left: 8px;
}

.opmaak_wat_is_image {
	padding-top: 50px;
	padding-left: 30px;
}

.padding_image_menu {
	padding-top: 71px;
}

.opmaakcontent {
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}


.opmaakcontent_titel {
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	line-height: 18px;
	color: #6482AD;
	font-weight: bold;
	text-decoration: none;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.opmaakcontent form{
	margin: 0;
}

.opmaakcontent input{
	margin: 2px 0 3px 15px;
	background: #ffffff;
	border: 1px solid #666666;
	width: 215px;
	line-height: 18px;
	font-family: "Verdana", Times, serif;
	font-size: 14px;
}

.opmaakcontent textarea{
	margin: 2px 0 3px 15px;
	background: #ffffff;
	border: 1px solid #666666;
	width: 215px;
	line-height: 18px;
	font-family: "Verdana", Times, serif;
	font-size: 14px;
}

.opmaakcontent input.button{
	border: none;
	width: 115px;
	height: 20px;
	margin: 2px 0 3px 80px;
}

#melding{	
	color: #718ab2;
	padding: 10px;
	display: none;
}

.opmaakindexcontact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	padding: 0px 8px 0px 0px;

}

.opmaakmenu_klein {
	padding-left:2px;
}


/*		----OPMAAK LINK----		  */

a.indexlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	text-align: right;
}

a:hover.indexlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
}

a.contactlink {
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;;
	color: #89A2CA;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}

a:hover.contactlink{
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;;
	color: #89A2CA;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a.menu {
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #818181;
	font-weight: Bold;
	text-decoration: none;
	text-align: right;
	padding-left: 7px;
}

a:hover.menu{
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #6482AD;
	font-weight: Bold;
	text-decoration: none;
	text-align: right;
	padding-left: 7px;
}

a {
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;;
	color: #89A2CA;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}

a:hover {
	font-family: "Verdana", Times, serif;
	font-size: 11px;
	line-height: 18px;;
	color: #89A2CA;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}