/* HetPunt SUB.CSS */

/* Bevat pagina opmaak informatie voor subpagina's (body-sub) pagina's
// Voor algemene opmaak voor alle pagina's:
//    - alle pagina's     (/)             --> common.css
// Voor overige opmaak:
//    - hoofdpagina        (body-main)    --> sub.css
// Voor pagina afhankelijk opmaak:
//    - sectie wonen      (/wonen)        --> (/wonen/wonen.css)
//    - sectie welzijn    (/welzijn)      --> (/welzijn/welzijn.css)
//    - sectie zorg       (/zorg)         --> (/zorg/zorg.css)
//    - sectie informatie (/informatie)   --> (/informatie/informatie.css)
*/


/* OPMAAK CONTENT TOP */
#content_top {
  background          : #FC1921 right top no-repeat;
}
  
    /* sectie titel */
    #content_top td#sectie {
      width               : 183px;
      vertical-align      : bottom;
    }
  
    /* pagina titel */
    #content_top td#pagina {
      width               : auto;
      vertical-align      : top;
      border-left         : 1px #FC1921 solid;
      background-position : right;
      background-repeat   : no-repeat;
    }
    
       /* pagina titel vastzetten */ 
       #content_top td#pagina h1 {
         position          : absolute;
       }
     
      /* paginatitel achtergrond vastzetten */    
      #content_top td#pagina div#achtergrond {
       height              : 31px;
      }
    
    /* sectie header */
    #content_top td#sectie h1 {
      margin              : 0px;
      font-size           : 2em;
      padding-left        : 12px;
      padding-top         : 4px;
      padding-bottom      : 6px
    }     
    
    /* pagina header */
    #content_top td#pagina h1 {
      margin             : 0px;
      font-size          : 1.6em;
      height             : 25px;
      padding-left       : 40px;
      padding-top        : 5px;
      padding-bottom     : 0px;
    }
    
  
/* OPMAAK CONTENT_FRAME */
/* (menu, kolommen wonen, welzijn en zorg) */
	#content_frame {
		height              : 420px;
		vertical-align		: top;
	}

  /* opmaak kolom */
  .kolom  {
	padding: 0;
	margin: 0;
    width                 : auto;
    background-repeat     : no-repeat;
    background-position   : bottom right;
    vertical-align        : top;
  }
  .kolom#wonen  {
    background-image      : url(site_img/bg_hetpunt_wonen.gif);
	border-top			  : 4px #FC1921 solid; 
  }
  .kolom#welzijn  {
    background-image      : url(site_img/bg_hetpunt_welzijn.gif);
	border-top			  : 4px #FC1921 solid; 
  }
  .kolom#zorg  {
    background-image      : url(site_img/bg_hetpunt_zorg.gif);
	border-top			  : 4px #FC1921 solid; 
  }
  .kolom#informatie {
    background-image      : url(site_img/bg_hetpunt_informatie.gif);
	border-top			  : 4px #FC1921 solid; 
  }

  /* kolommen in de body */
  /* opmaak kolom menu */
  .foto {
    background-color      : #ff1821;
    width                 : 183px;
		height: 68px;
    padding-top           : 4px;
		overflow: hidden;
  }
	
  .kolom#sectie {
    background-color      : #c0c0c0;
    width                 : 183px;
		height: 28px;
    border-right          : 1px #FC1921 solid;
		border-bottom					: 1px #FC1921 solid; 
		vertical-align: top;
		overflow: hidden;
  }

	.kolom#sectie a{
		margin: 0;
		padding: 0;
		padding-left: 12px;
		padding-top: 14px;
		padding-bottom: 2px;
		background-color: #c0c0c0;
		border: none;
	}
	
	.kolom#sectie a p {
		margin: 0;
		padding: 0;
		padding-top: 8px;
	}
	
	.kolom#sectie a p{
		display: inline;
	}
	
  .kolom#menu {
    background-color      : #FC1921;
    width                 : 183px;
    border-right          : 1px #FC1921 solid;
    padding               : 0;
	vertical-align: top;
  }

    /* menu links */
    .kolom#menu a {
      display                 : block;
      color                   : black;
      padding-top             : 0.4em;
      padding-bottom          : 0.4em;
      text-decoration         : none;
      background-image        : url(site_img/pijl_klein_zwart.gif);
      background-repeat       : no-repeat;
      background-color        : #FFFFFF;
    }
		
    .kolom#menu a.headitem {
      display                 : block;
      color                   : black;
			padding: 0;
			margin: 0;
      text-decoration         : none;
			border-top: solid 1px white;
      background-color        : #efefef;
			background-image: none;
			padding-left: 5px;
    }


      /* menu links niveau 1 (wonen, welzijn, zorg) */
      .kolom#menu a.n1 {
        font-weight             : bold;
        height                  : 20px;
        border-top              : 1px #FC1921 solid;
        background-repeat       : no-repeat;
        background-position     : 15px 10px;
        color                   : black;
				vertical-align: middle;
      }
   
          /* menu links niveau 1 -> wonen */
          .kolom#menu a.n1#menu_wonen  {
            background-color      : #ededed;
						background-image: none;
						margin: 0;
						padding: 0;
						padding-top: 2px;
						padding-left: 12px;
						padding-bottom: 2px;
          }
					
          .kolom#menu a.n1#menu_wonen p, .kolom#menu a.n1#menu_welzijn p, .kolom#menu a.n1#menu_zorg p{
						display: inline;
						margin: 0;
						padding: 0;          
					}
          
          /* menu links niveau 1 -> welzijn */
         .kolom#menu a.n1#menu_welzijn  {
            background-color      : #ededed;
						background-image: none;
						margin: 0;
						padding: 0;
						padding-top: 4px;
						padding-left: 12px;
						padding-bottom: 4px;
          }
          
        /* menu links niveau 1 -> zorg */
        .kolom#menu a.n1#menu_zorg  {
            background-color      : #ededed;
						background-image: none;
						margin: 0;
						padding: 0;
						padding-top: 2px;
						padding-left: 12px;
						padding-bottom: 6px;
        }
   
    
    /* menu links niveau 2 */
    .kolom#menu a.n2 {
      padding-left            : 25px;
      color                   : black;
      font-weight             : bold;
      background-position     : 15px 8px; 
    }

    /* menu links niveau 3 */
    .kolom#menu a.n3 {
      background-position     : 25px 5px;
      padding-top             : 0.1em;
      padding-bottom          : 0.1em;
      padding-left            : 37px;
    }
    
       /* menu links niveau 4 */
    .kolom div.n4 {
        padding-left            : 7px;
        background-repeat       : no-repeat;
        background-position     : 0px 5px;
        margin-bottom           : 3px;
    }
      .kolom#wonen div.n4 {
        background-image        : url(site_img/pijl_klein_rood.gif);
      }
 
      .kolom#welzijn div.n4 {
        background-image        : url(site_img/pijl_klein_zwart.gif);
      }
 
     .kolom#zorg div.n4 {
        background-image        : url(site_img/pijl_klein_grijs.gif);
      } 
      
     .kolom#informatie div.n4 {
        background-image        : url(site_img/pijl_klein_grijs.gif);
      }
      
  
    /* opmaak geselecteerde/actieve links */
    .kolom#menu a#selected  {
      color                   : #FC1921;
      background-image        : url(site_img/pijl_klein_rood.gif);
    }
	
	.kolom .page-title  {
		background-color: #ededed;
		height:34px;
	}
	
	.kolom .page-title  .title-pic {
		margin-left: 20px;
		margin-top: 6px;
	}
	
	.kolom .page-title  .title-text {
		margin-left: 6px;
		margin-top: 6px;
	}
	
	.kolom .page-title .title-text-altern img{
		margin-left: 16px;
		margin-top: 8px;
	}
	
	.kolom  td.content-table {
		padding: 15px;
	}
	
	#menu .title {
		background-color      : #c6c3c6;
		background-image			: none;
    width                 : 183px;
		overflow							: hidden;
  }
	
  #menu .title a {
		background-image			: none;
    background-color      : #c6c3c6;
  }
	
	 #menu .title a img, #menu .title a p {
		display: inline;
	 	padding-left: 5px;
	 }
	 
	 #menu .title a .icon {
	 	padding-left: 10px;
	 }

  
    /* opmaak ongenummerde lijst */
    .kolom ul {
      margin-top: 0px;
      list-style-type: none;
    }
    .kolom ul li ul {
      margin-top: 0px;
      list-style-type: none;
    }
    
    .kolom ul li {
      background-repeat: no-repeat;
      background-position: 0px 5px;
      position: relative;
      left: -10px;
      padding-left: 10px;
      margin-bottom: 1px;
    }
    
    .kolom#wonen ul li {
          background-image: url(/site_img/bullet_wonen.gif);
    }
    .kolom#welzijn ul li {
          background-image: url(/site_img/bullet_welzijn.gif);
    }   
    .kolom#zorg ul li {
          background-image: url(/site_img/bullet_zorg.gif);
    }
    .kolom#informatie ul li {
          background-image: url(/site_img/bullet_zorg.gif);
    }

  
    /* tabellen in content */
    .kolom table {
      margin-bottom         : 10px;
    }
  
    /* kopjes H1 in content */
    .kolom h1   {
      font                  : 1.0em "verdana","tahoma","arial","sans-serif";
      font-weight           : bold;
      margin                : 0px;
      padding               : 0px;
    }
    
    /* kopjes H2 in content*/
    .kolom h2   {
      font                  : 1.0em "verdana","tahoma","arial","sans-serif";
      font-weight           : bold;
      color                 : black;
      margin                : 0px;
      padding               : 0px;
    }
    /* kopjes H3 in content*/
    .kolom h3   {
      font                  : 1.0em "verdana","tahoma","arial","sans-serif";
      font-weight           : normal;
      color                 : #868686;
      margin                : 0px;
      padding               : 0px;
    }
    
    /* paragraaf in content */
    .kolom p  {
      margin                : 0px;
      padding               : 0px 0px 10px 0px;
      color                 : black;
    }
    
    /* tabel in content */
    .roxen-table {
      border-collapse: collapse;
    }
    
    .roxen-table td {
      padding: 4px;
      border: 1px solid #fc1920;
    }
    
    /* afbeeldingen in content met border */
    .kolom img.border {
      border: 1px solid #404040;
    }
    
    
/* SITEMAP */
.kolom div#sitemap ul li.n2 {
  font-weight             : bold;
  background-image        : url(/site_img/pijl_klein_zwart.gif);
  left: -30px;
}

.kolom div#sitemap ul li.n3 {
  font-weight             : normal;
  background-image        : url(/site_img/streep.gif);
  left: -40px;
}
.kolom div#sitemap ul li a {
  color                   : black;
  text-decoration         : none;
}

    
/* FORMULIER */
.row_hi {
  background: #fed1d3; /*#FFF3F4; */
}

input, textarea           {
  font                    : 1.0em "verdana","tahoma","arial","sans-serif";
  }
input.normaal {
  width                   : 240px;
  }

textarea                  {
  width                   : 240px;
  height                  : 60px;
  }

.verplichtveld            {
  color                   : #FC1921;
  }
  
/* standaard tabel in formulier */
table.inform              {
  text-align              : left;
  }

.kolom table.inform img {
  border                  :  0px;
  }

.kolom table.inform img.foutplaatje {
  position                : relative;
  top                     : 3px;
  }  
  
table.inform th           {
  font-weight             : normal;
  width                   : 170px;
  vertical-align          : top;
  }

table.inform th.h1  {
  font-weight             : bold;
  width                   : auto;
  }

table.inform th.h2  {
  color                   : #9E9E9E;
  }

table.inform td    {
  height                   : 18px;
  }  
  
table.inform td input {
  width                   : 150px;
  }

/* standaard afmetingen input velden */
table.inform td input.xsmall { 
  width                   : 25px
  }

table.inform td input.small { 
  width                   : 50px
  }  

table.inform td input.submit  {
  width                   : auto;
  cursor                  : pointer;
  }

table.inform td select    {
  width                   : 150px;
  }
table.inform td textarea    {
  width                   : 150px;
  }

table.inform td input.radio {
  width                   : 15px;
  }

div.form_foutmelding {
  color                   :red;
}  
  
/* standaard tabel met overzicht invoer */  
table.overzicht           {
  text-align              : left;
  margin-bottom           : 10px;
  /*width                   : 350px;*/
  }

table.overzicht th  {
  color                   : #868686;
  font-weight             : normal;
  vertical-align          : top;
  height                  : 15px;
  width                   : 180px;
  } 
table.overzicht td  {
  height                  : 15px;
  width                   : auto;
  }   

#content_frame table.overzicht th.h1  {
  color                   : #000000;
  font-weight             : bolder;
  height                  : auto;
  width                   : auto;
	font-size								: 1.2em;
  }  
  
/* notify asterisk */ 
span.notify {
  color:red;
 }
 
/* paragraaf met login info */ 
p.info  {
  width : 400px;
}


table.woning_ovz td, table.woning_ovz_np td {
  /*height    : 10px; */
  vertical-align: top;
}  
  
.kolom#wit table.woning_ovz td.image img, .kolom#wit table.woning_ovz_np td.image img  {
  margin-top    : 7px;
  border: 1px #7D7D7D solid;
}   
  
table.woning_ovz th, table.woning_ovz_np th {  
    text-align:left;
    font-weight: normal;
    color     :#9E9E9E;
    vertical-align: top;
  }
  
table.woning_ovz th.h1 a, table.woning_ovz_np th.h1 a  {
	padding-left: 2px;
  color : #FC1921;
  text-align: left;
  font-weight:bold;
  text-decoration: none;
}

table.woning_ovz th.h1 a:hover, table.woning_ovz_np th.h1 a:hover  {
  text-decoration: underline;
}


table.woning_detail th {  
    vertical-align:top;
    text-align:left;
    font-weight: normal;
    color     :#9E9E9E;
  }
table.woning_detail th.h1 {
  color: #FC1921;
  font-weight: bold;
  }

  
table.woning_detail th.h1 a  {
  color : #FC1921;
  text-align: left;
  font-weight:bold;
  text-decoration: none;
}

table.woning_detail th.h1 a:hover  {
  text-decoration: underline;
}

.kolom img.border {
    border: 1px #7D7D7D solid;
}

.kolom table.woning_detail td.image img  {
  margin-bottom    : 7px;
  border: 1px #7D7D7D solid;
}

div.formWarnings {
  color:red;
}

/* DE GIDS COMPONENT */
div.degids-component {
	}
	
	div.degids-component .item .itemDetails {
		display:none;
		}
	
		div.degids-component .item .itemDetails table th{
			text-align:left;
			vertical-align:top;
			padding-right:9px;
			}	
	div.degids-component h3.product {
		}
	div.degids-component h3.product {
		background: url(/site_img/gids-product.gif) top left no-repeat;
		padding-left:16px;
		}
		
	div.degids-component h3.link {
		background: url(/site_img/gids-link.gif) top left no-repeat;
		padding-left:16px;
		}	
		
	div.degids-component h3.organisation {
		background: url(/site_img/gids-organisatie.gif) top left no-repeat;
		padding-left:16px;
		}
		
	div.degids-component .organisation_image {
		float:right;
		width:100px;
		}
		
/* Woningaanbod */
		
#woningaanbod {
	position: relative;
	left: 0;
	top: 0;
	width: 519px;
	_height: 440px;
	min-height: 440px;
	background-color: #c6c3c6;
	display: block;
}

/* Menu in bovenzijde Woningaanbod */

#woningaanbod .menu_top{
	height: 120px;
	background-color: #c6c3c6;
}

#woningaanbod .menu_top ul{
	position: relative;
	left: 0;
	top: 0;
	width: 519px;
	float: left;
	list-style: none;
	list-style-type: none;
	border-left: solid 1px #c6c3c6;
	margin: 0;
	padding: 0;
	background-color: white;
}

#woningaanbod .menu_top ul li{
	float: left;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	list-style: none;
	list-style-type: none;
	background-image: none;
}

#woningaanbod .menu_top ul li a{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	background-color: #ededed;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: none;
	border-top: solid 1px #c6c3c6;
	border-right: solid 1px #c6c3c6;
	font-weight: bold;
	color: #000000;
}

#woningaanbod .menu_top ul li a:hover, #woningaanbod .menu_top ul li a.active{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #c6c3c6;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: none;
	border-top: solid 1px #c6c3c6;
	border-right: solid 1px #c6c3c6;
	font-weight: bold;
}

#woningaanbod .menu_top ul li a p{
	color: black;
}

#woningaanbod .menu_top form{
	float: left;
}

#woningaanbod .menu_top form table {
	position: relative;
	top: 10px;
}

#woningaanbod .menu_top form table tr td {
	padding-left: 10px;
}

#woningaanbod .menu_top form table tr td p{
	display: inline;
	vertical-align: middle;
}

#woningaanbod .navigatie_prevnext, #woningaanbod .navigatie_prevnext_bottom {
	background-color: #ededed;
	border-top: solid 1px #c6c3c6;
	border-bottom: solid 1px #c6c3c6;
}

#woningaanbod .navigatie_prevnext_bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#woningaanbod .navigatie_prevnext table, #woningaanbod .navigatie_prevnext_bottom table {
	margin: 0;
	padding: 0;
}

#woningaanbod .navigatie_prevnext table tr td a, #woningaanbod .navigatie_prevnext table tr td p, #woningaanbod .navigatie_prevnext_bottom table tr td a, #woningaanbod .navigatie_prevnext_bottom table tr td p {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
}

#woningaanbod .navigatie_prevnext table tr td a:hover, #woningaanbod .navigatie_prevnext_bottom table tr td a:hover {
	border: none;
	text-decoration: none;
}

#woningaanbod .navigatie_prevnext table tr td p.gray, #woningaanbod .navigatie_prevnext_bottom table tr td p.gray {
	color: #999999;
}

#tab_woningaanbod .woning {
	position: relative;
}

#tab_woningaanbod .woning .woning_ovz, #tab_woningaanbod .woning .woning_ovz_np {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 440px;
}

#tab_woningaanbod .woning table.woning_ovz tr, #tab_woningaanbod .woning table.woning_ovz_np tr {
	padding: 0;
	margin: 0;
}

#tab_woningaanbod .woning .woning_ovz_np {
	opacity: 0.5;
	background-color: #F2F2F2;
}

#tab_woningaanbod .woning .niet_passend_reden {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 380px;
	background-color: white;
	border: solid 2px red;
}

#tab_woningaanbod .woning .niet_passend_reden p{
	padding: 4px;
}

#tab_woningaanbod .woning .woning_ovz .image, #tab_woningaanbod .woning .woning_ovz_np .image{
	vertical-align: middle;
	text-align: center;
}

/*#tab_woningaanbod .woning_ovz_np .image{
	opacity: 0.5;
}*/

#tab_woningaanbod .woning .woning_ovz .h1, #tab_woningaanbod .woning .woning_ovz_np .h1{
	width: 230px;
}

#tab_woningaanbod .woning .woning_ovz_np .h1 p.link{
	display: inline;
	color: red;
	font-weight: bold;
}

#tab_woningaanbod .woning .woning_ovz .icons, #tab_woningaanbod .woning .woning_ovz_np .icons {
	vertical-align: top;
	float: right;
	width: 100px;
}

#tab_woningaanbod .woning .woning_ovz .icons ul, #tab_woningaanbod .woning .woning_ovz .icons ul li, #tab_woningaanbod .woning .woning_ovz_np .icons ul, #tab_woningaanbod .woning .woning_ovz_np .icons ul li{
	display: inline;
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#tab_woningaanbod .woning .woning_ovz .icons ul li, #tab_woningaanbod .woning .woning_ovz_np .icons ul li{
	background-image: none;
}

#tab_woningaanbod .woning .woning_ovz .icons img, #tab_woningaanbod .woning .woning_ovz_np .icons img{
	display: block;
	padding-left: 2px;
}

#tab_woningaanbod .woning .woning_ovz .icons p, #tab_woningaanbod .woning .woning_ovz_np .icons p{
	display: block;
	height: 21px;
	width: 21px;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-top: 4px;
	color: gray;
	background: #FFFFFF url(/site_img/icon_slagingskans.gif) no-repeat center top;
}

/* Legenda (iconen) */
#legenda_1, #legenda_2 {
	position: relative;
	top: 20px;
	background-color: #F2F2F2;
	border: solid 1px #C6C3C6;
	width: 497px;
	padding: 10px;
}

#legenda_2 {
	display: none;
}

#legenda_1 .title, #legenda_2 .title{
	padding-bottom: 20px;
}

#legenda_1 p, #legenda_2 p{
	display: inline;
	paddnig: 0;
	margin:0;
	vertical-align: middle;
}
#legenda_1 a{
	margin-right: 46px; 
}
#legenda_1 a.last{
	margin-right: 0; 
}

/* Tabbladen Woningaanbod */
#tab_woningaanbod {
	position: relative;
	left: 5px;
	bottom: 5px;
	width: 509px;
	min-height: 420px;
	_height: 420px;
	background-color: #FFFFFF;
	display: block;
	padding-bottom: 20px;
}

#tab_aanbod_in_de_kaart {
	position: relative;
	left: 5px;
	bottom: 5px;
	width: 509px;
	min-height: 420px;
	_height: 420px;
	background-color: #FFFFFF;
	display: none;
}

#np_w_list {
	padding: 10px;
	position: relative;
	margin-top: 10px;
	width: 519px;
	background-color: #FFFFFF;
	display: block;
}

#np_w_list p {
	padding: 0;
	margin: 0;
	color: #333333;
}

#np_w_list p.address {
	text-indent: 10px;
	color: #666666;
	padding-bottom: 5px;
}

#map {
	position: relative;
	margin-left: 10px;
	top: 10px;
	border: solid 1px #c6c3c6;
}


#map div.content_tooltip {
	position: relative;
	top: 17px;
	display: block;
	width: 330px
}

#map div.content_tooltip img {
	border: 1px #7D7D7D solid;
	margin-right: 5px;
	margin-bottom: 5px;
}
#map div.content_tooltip a img {
	border: none;
}

#map div.content_tooltip strong {
	color: #7D7D7D;
	font-weight: normal;
}

/* Tooltip */

    .tooltip {
      width:auto;
      height:auto;
      white-space:nowrap;
      display:none;
      background-color: #ededed;
      border: 1px #c6c3c6 solid;
      position: absolute;
      padding: 3px;
      left:0px;
      top:0px;
      font-family: verdana;
			z-index: 100;
    }