@charset "utf-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;
	}
	
* html body{
  overflow:hidden;
 } 
 
 * html #content{
  height:100%;
  overflow:auto;
 }
 
body{
	padding:155px 0 100px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #4e586a;
	line-height: 16px;
  } 

#onderlaag_basis{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 952px;
  /* height: 952px; */ 
  /*background-image: url(images/bg_basis.jpg); */
  /* background-image: url(images/achtergrond-web.gif); */
  /* background-repeat: repeat-x; */
  position: fixed;
  z-index: 1;
  }

#onderlaag{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: url(images/bg_kort_2.jpg); */
  background-image: url(images/achtergrond-web.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 2;
}



#header{
	/* position: relative; */
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 118px;
	margin-top: 5px;
	/* background-image: url(images/header.png); */
	/* background-image: url(images/Jisk-Massage-Amsterdam.gif); */
	/* background-image: url(images/jiskmassage-amsterdam-logo.gif); */
	background-image: url(images/jisk-logo.gif); 
	background-position: center;
	background-repeat: no-repeat;
	/* position: fixed; */
	z-index: 10;
	/* overflow:auto; */
  }

#content{
	position: relative;
	width: 800px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	background: transparent;
	z-index: 7;
	/*overflow: auto;	*/
	}
	
#home{
	position: relative;
	width: 800px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	background: transparent;
	z-index: 7;
	}
	
#tekst{
	position: relative;
	width: 600px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	z-index: 7;
	}

#footer{
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  /*background-image: url(images/footer_grass.png); */
  /* background-repeat: repeat-x; */
  position: fixed;
  z-index: 9;
  }
  
p{
	text-align: justify;
	padding-bottom: 1px;
	font-weight: normal;	
	}
	
ul{
	padding-top: 10px;
	padding-bottom: 10px;	
}

li{
	list-style-type: none;		
}

#home li, #tekst li{
	width: 550px;
	height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 40px;
}
  
#blocks{
	position: relative;
	left: 0;
	width: 800px;
	height: 272px;
}

#block_links{
	float: left;
	width: 239px;
	height: 272px;
	margin-top: 50px;
	margin-left: 100px;
	background-image: url(images/block.png);
	background-repeat: no-repeat;
	line-height: 18px;
}

#block_rechts{
	float: right;
	width: 260px;
	height: 272px;
	margin-top: 50px;
	margin-right: 100px;
	background-image: url(images/block.png);
	background-repeat: no-repeat;
	line-height: 18px;
}

#block_links li, #block_rechts li{
	list-style-type: none;	
	list-style-image: none;
	}


#block_links a{
	width: 160px;
	height: 17px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #495c7e;
	padding-left: 80px;
	background-image: url(images/fleche_bleue.png);
	background-repeat: no-repeat;
	background-position: 60px 4px;
	font-size: 14px;
}
	
#block_rechts a{
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #495c7e;
	padding-left: 80px;
	background-image: url(images/fleche_verte.png); 
	background-repeat: no-repeat;
	background-position: 60px 4px;
	font-size: 14px;
}

#block_links a:hover, #block_links a:active{
	background-image: url(images/fleche_bleue_hover.png); 
	background-repeat: no-repeat;
	background-position: 60px 4px;
}

#block_rechts a:hover, #block_rechts a:active{
	background-image: url(images/fleche_verte_hover.png); 
	background-repeat: no-repeat;
	background-position: 60px 4px;
}

#nav_ouders, #nav_jongeren{
	position: relative;
	width: 170px;
	height: 170px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 20px;
	line-height: 18px;
	background-image: url(images/bulle_bleue_klein.png);
	background-repeat: no-repeat;
	left: 20px;
	bottom: 100px;
	position: fixed;
	z-index: 6;
}

#nav_ouders ul, #nav_jongeren ul{
	width: 214px;
	height: 210px;
}

#nav_ouders li, #nav_jongeren li{
	list-style-type: none;	
	list-style-image: none;
}

#nav_ouders a{
	width: 216px;
	height: 20px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #495c7e;
	padding-left: 45px;
	background-image: url(images/fleche_bleue.png);
	background-repeat: no-repeat;
	background-position: 30px 4px;
	font-size: 14px;
	}

#nav_jongeren a{
	width: 216px;
	height: 20px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #495c7e;
	padding-left: 45px;
	background-image: url(images/fleche_verte.png);
	background-repeat: no-repeat;
	background-position: 30px 4px;
	font-size: 14px;
	}
	
#nav_ouders a:hover, #nav_ouders a:active{
	background-image: url(images/fleche_bleue_hover.png); 
	background-repeat: no-repeat;
	background-position: 30px 4px;
}

#nav_jongeren a:hover, #nav_jongeren a:active{
	background-image: url(images/fleche_verte_hover.png); 
	background-repeat: no-repeat;
	background-position: 30px 4px;
}

table, table#links, table#links_jongeren {
	padding-top: 10px;
	padding-bottom: 30px;
	}
	
#links, #links_jongeren	{
	margin-left: auto;
	margin-right: auto;
	}

table#links td, table#links_jongeren td{
	padding: 10px;
	vertical-align: top;
	line-height: 20px;
}
table#links a{ width: 300px; height: 20px;}

table#links_jongeren a { width: 245px; height: 20px;}

table#links a, table#links_jongeren a{
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	color: #495c7e;
	padding-left: 15px;
	background-image: url(images/fleche_fuchia.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-size: 12px;
	}
	
table#links a:hover, table#links_jongeren a:hover, table#links a:active, table#links_jongeren a:active{
	background-image: url(images/fleche_fuchia_hover.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

/*------------------------------------contact pagina----------------------------------------*/

#adres{
	
	float: right;
	width: 200px;
	height: 100%;
	padding-right: 10px;
	padding-top: 30px;
	background: transparent;
	line-height: 20px;
	}

form{
	float: left;
    width: 550px;
    padding: 15px;
	padding-top: 30px;
	border: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	}
	
label{
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 15px;
	}

input.ouders, input.jongeren{
	background-color: #ffffff;
	font-size: small;
	color: #4e586a;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
    } 

input.ouders{ border-color: #495c7e;}

input.jongeren{border-color: #a3b423;}

form#ouders textarea, form#jongeren textarea{
    width: 400px;
    height: 200px;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal; 
	color: #4e586a;
	margin-bottom: 10px;
    } 
	
form#ouders textarea{
	border-color: #495c7e;
}

form#jongeren textarea{
	border-color: #a3b423;
}

input.verstuurknop{
	width: 71px;
	height: 22px;
	background: transparent url(images/2_verzenden_knop.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	color: #4e586a;
	margin-left: 115px;
}

input.verstuurknop:hover {
background: transparent url(images/2_verzenden_knop.png) no-repeat 0 -22px;
}

input.verstuurknop_jongeren{
	width: 71px;
	height: 22px;
	background: transparent url(images/verzenden_knop_2.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	color: #4e586a;
	margin-left: 115px;
}

input.verstuurknop_jongeren:hover {
background: transparent url(images/verzenden_knop_2.png) no-repeat 0 -22px;
}

	
	
.bedankt{
	color:#bd6d86;
	font-size: 20px;
	text-align: center;
	padding-top: 100px;
	padding-left: 90px;
	}

/*-------------------------------------------------------------------------------------------*/

#webdesign{
	position: relative;
	float: left;
	top: 80px;
	width: 124px;
	height: 20px;
	margin-left: 15px;
	font-size: 12px;
	z-index: 12;
}

#webdesign2{
	position: relative;
	float: left;
	top: 80px;
	width: 350px;
	height: 20px;
	margin-left: 15px;
	font-size: 12px;
	z-index: 12;
}
	 
#webdesign a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3f450e;
	}
	
#webdesign a:hover{text-decoration: underline;}


#teksten{
	position: relative;
	float: right;
	top: 80px;
	width: 250px;
	height: 20px;
	margin-right: 5px;
	font-size: 12px;
	z-index: 13;
	color: #3f450e;
}
	 
#teksten a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3f450e;
	}
	
#teksten a:hover{text-decoration: underline;}
    
/*-------------------------------------------------------------------------------------------*/

h1{
	font-size: 26px;
	text-align: center;
	padding-bottom: 30px;
	color: #495c7e;
}

h2{
	font-size: 20px;
	font-style: normal;
	line-height: 25px;
	font-weight: lighter;
	padding-bottom: 10px;
	color: #495c7e;
	text-align: center;
	}

h3{
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 80px;	
	}
	
h3{
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 80px;	
	}

h4{	
font-size: 12px;
font-weight: bold;
}

h5{
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding-top: 60px;
	color: #b57399;
	text-align: center;
	}
	
.paars{ color: #881e5c;}

.groen{ color: #a3b423;}

.blauw{ color: #495c7e;}

.italic{
	font-style: italic;
	padding-bottom: 15px;
	font-size: 14px;	
}
.space{	margin-bottom: 10px;}

.bold{font-weight: bold;}

.center{ text-align:center;}

.center_bold{ text-align:center; font-weight: bold;}

.mail_me{
	width: 335px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	color: #495c7e;
	font-size: 12px;
	font-weight: bold;	
	}
	
#clear{ clear:both;}