/*** Pas voor de kleurstelling de volgende gegevens aan:
#Body (Color)
#Border_curve_top_r (pad)
#Border_curve_top_l (pad)
#Border_curve_btm_r (pad)
#Border_curve_btm_l (pad)
#Border_top (pad)
#Border_bottom (pad)
#Border_left (pad)
#Border_right (pad)
#Fill (Color)
#content (Color)
***/

@media screen{
body{
    font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  }

/***************************Attribute******************************************/
.header{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}

	
a:link, a:visited, a:active, a:focus{
  color:#FF6600;
  text-decoration:none;

}


a img {
border:0;
}

a:hover{
  color:#666666;
}

p{
  font-size:12px;
}

h2{
  font-size:16px;
  font-weight:bold;
}

#layer1 {
	position: absolute; 
	top: 134px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 1;
}

			
#layer2 {
	position: absolute; 
	top: 213px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 2;
}

#layer3 {
	position: absolute; 
	top: 292px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 3;
}

#layer4 {
	position: absolute; 
	top: 372px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 4;
}

#layer5 {
	position: absolute; 
	top: 451px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 5;
}

#layer6 {
	position: absolute; 
	top: 531px; 
	left: 754px; 
	height: 88px; 
	width: 88px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 6;
}

#layer7 {
	position: absolute; 
	top: 138px; 
	left: 163px; 
	height: 100%; 
	width: 600px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 7;
}

#layer8  { 
	margin: 0px; 
	padding: 0px; 
	position: absolute; 
	z-index: 8; 
	top: 164px; 
	left: 25px; 
	width: 125px; 
	height: 166px; 
	visibility: visible;
}
			
#layer10 {
	position: absolute; 
	top: 160px; 
	left: 189px; 
	height: 430px; 
	width: 307px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 10;
}

#layer11 {
	position: absolute; 
	top: 36px; 
	left: 122px; 
	height: 81px; 
	width: 263px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 11;
}

#layer15 {
	position: absolute; 
	top: 523px; 
	left: 120px; 
	height: 41px; 
	width: 41px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 15;
}

#layer16 {
	position: absolute; 
	top: 565px; 
	left: 120px; 
	height: 41px; 
	width: 41px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 16;
}

#Tekst_passantenverblijf {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 160px;
	visibility: hidden;
}

#Tekst_24-uurs_opvang {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 240px;
	visibility: hidden;
}

#Tekst_begeleid_wonen {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 320px;
	visibility: hidden;
}

#Tekst_groepswonen {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 400px;
	visibility: hidden;
}

#Tekst_ambulante_woonbegeleiding {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 480px;
	visibility: hidden;
}


#Tekst_opvang_oudere {
	position:absolute;
	width:170px;
	height:33px;
	z-index:17;
	left: 556px;
	top: 560px;
	visibility: hidden;
}

#Border_curve_top_r{
background-image: url(blue/border_curve_top_r.jpg);
width:29px;
height:43px;
}


#Border_curve_top_l {
background-image: url(blue/border_curve_top_l.jpg);
width:29px;
height:43px;
}

#Border_curve_btm_r{
background-image: url(blue/border_curve_btm_r.jpg);
width:29px;
height:43px;
}

#Border_curve_btm_l {
background-image:url(blue/border_curve_btm_l.jpg);
width:29px;
height:43px;
}

#Border_top {
background-image:url(blue/border_line_hor_bg_top.jpg);
}

#Border_bottom {
background-image:url(blue/border_line_hor_bg_btm.jpg);
}

#Border_left {
background-image:url(blue/border_line_vert_l.jpg);
}

#Border_right {
background-image:url(blue/border_line_vert_r.jpg);
}

#Fill {
background-color:#9999cc;
}

/***************************Positionierungen***********************************/
#container{
 position:absolute;
 top:20px;
 left:20px;
 background-color:#FFE090;
 width:760px;
 height:auto;
 padding:15px;
 padding-bottom:0px;
 border:1px solid #800000;
}

#container[id]{
 width:730px;
 padding:15px;
}

#menu{
 position:absolute;
 top:10px;
 left: 10px;
 border-top:1px solid #ffffff;
}

#header1{
 position:absolute;
 top:15px;
 left:15px;
 }

#header2{
 position:absolute;
 top:15px;
 left:440px;
}

#header2[id]{
 left:439px;
}

#clear{
 width:1px;
 height:540px;
 float:left;
 margin-left:-5px;

}

#content{
  height:auto;
  margin-top:10px;
   background-color:#9999cc;
  /*margin-bottom:10px;*/
}




#img{
	height:470px;
	width:243px;
	background-image: url(images/Beeld1.gif);
}

#rechts[id]{
 margin-top:175px;
 margin-left:426px;
}

html:root #rechts{
 margin-top:192px;
 margin-left:426px;
}

#footer{
 position:absolute;
 top:118px;
 left:470px;
 height:20px;
 width:260px;
 border-top:1px #003366 solid;
}

.footerlink{
 line-height:35px;
 text-align:center;
 }

.suche{
 position:absolute;
 top:118px;
 left:500px;
}

/********************************Menüs*****************************************/

a.menu_link:link, a.menu_link:visited, a.menu_link:active, a.menu_link:focus{
   color:#003366;
   text-decoration:none;
   line-height:18px;
}

a.menu_link:hover{
   color:#FF6600;
   text-decoration:none;
   line-height:18px;
}

a.layers:link, a.layers:visited, a.layers:active, a.layers:focus, a.layers:hover,
a.layers_2:link, a.layers_2:visited, a.layers_2:active, a.layers_2:focus, a.layers_2:hover,
a.layers_3:link, a.layers_3:visited, a.layers_3:active, a.layers_3:focus, a.layers_3:hover,
a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  color:#003366;
  border:1px solid #ffffff;
  width:120px;
  line-height:25px;
  text-decoration:none;
  display:block;
  font-size:12px;
  padding-left:10px;
  font-weight:bold;
  margin:0px;
  margin-top:-1px;
  text-align:left;
}

a.layers:link, a.layers:visited, a.layers:active, a.layers:focus, a.layers:hover,
a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover{
   background-color:#CCFF66;
}

a.layers_2:link, a.layers_2:visited, a.layers_2:active, a.layers_2:focus, a.layers_2:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover{
  background-color:#9999cc;
  -moz-opacity:.8;
  filter:alpha(opacity=80);
  color:#FFFFFF;
}

a.layers_3:link, a.layers_3:visited, a.layers_3:active, a.layers_3:focus, a.layers_3:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  background-color:#cc3333;
  -moz-opacity:.8;
  filter:alpha(opacity=80);
  color:#FFFFFF;
}

a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  text-align:right;
  padding-left:0px;
  padding-right:10px;
}

a.layers[class], a.layers_2[class], a.layers_3[class], a.layers_act[class], a.layers_2_act[class], a.layers_3_act[class]{
  width:108px;
  margin:-1px;
}

.sub{
   text-align:right;
   margin-top:-25px;
   margin-right:10px;
}


/* *******************************Sitemap************************************ */
div.sitemap{
  margin-left:15px;
}

a.sitemap1, a.sitemap2, a.sitemap3, a.sitemap4{
  text-decoration:none;
  color:#000000;
  font-size:14px;
}

a.sitemap1{
  font-weight:bold;
}

.sitemap1{
  padding-left:10px;
}

.sitemap2{
  padding-left:20px;
}

.sitemap3{
  padding-left:40px;
}

.sitemap4{
  padding-left:60px;
}

/******************************Formular****************************************/
.kontakt{
  margin-top:20px;
}

.label{
  width:80px;
  float:left;
  text-align:right;
  padding:5px;
}

.button{
  text-align:left;
  padding-left:2px;
}

.checkbox{
  border:0px;
}

.field{
  float:left;
  margin-right:5px;
}

.mail_field{
  padding:5px;
  padding-left:105px;
}

.submit{
  margin-top:0px;
}

/****************************Index Search**************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
  width:100px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width:150px;
}

.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {
  font-weight:bold;
  font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  margin-top:10px;
  margin-bottom:5px;
}

.tx-indexedsearch P.tx-indexedsearch-noresults {
  text-align:center;
  font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
  background:#ff8080;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {
  font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {
  font-weight:normal;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {
  font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {
  color:red;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  /*background:#eeeeff;*/
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
  margin-top:20px;
  margin-bottom:5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
  margin-top:0px;
  margin-bottom:0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {
  background:#ff4040;
  padding-left:5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
  vertical-align:absmiddle;
}
}

@media print{
@page {
  size:21.0cm 29.7cm;
  margin-top:2cm;
  margin-bottom:2cm;
  margin-left:2cm;
  margin-right:2cm
}

#header, #img, #menu, #submenu, #footer, .layers_pos, .layers_all{
  display:none;
}

#content{
  color:#003366;
  font-size:13pt;
  font-family:Arial, Helvetica, sans-serif;
  text-align:justify;
}

h2{
  font-size:20pt;
}

.header{
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.3cm;
}


a.sitemap1, a.sitemap2, a.sitemap3, a.sitemap4{
  text-decoration:none;
}

.sitemap1{
  padding:0.25cm;
  padding-left:0.5cm;
}

.sitemap2{
  padding:0.15cm;
  padding-left:1cm;
}

.sitemap3{
  padding-left:1.5cm;
}

.sitemap4{
  padding-left:2cm;
}

/*****************Breadcrumb*****************/

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336799;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3399FF;
	text-decoration: underline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/***Bullets en marges inzake RTEHTMLAREA***/
ol li{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px;
margin-right:0px;
font-size:100%;
line-height:1.5em;
color:#000;}

ul li{
margin-top:0px;
font-size:100%;
line-height:1.5em;
list-style-image:url(3dots_right.png);}