/* 	//////////////////////////////////////////////////////////// */
/* 	//////////////////////////////////////////////////////////// */
/* 	Trappenhulp.nl												
 * 	Stylesheet main.css												
/* 	************************************************************ */
/* 	INHOUDSOPGAVE
 * 	1. 	Algemene punten, resetten margins/padding
 * 	2. 	Algemene tekststijlen
 * 	3. 	div totaal (wrapper van alle content)
 * 	4. 	logo
 * 	5. 	animatie-vlak (home en subpagina's)
 * 	6. 	introductietekstje homepage
 * 	7. 	productvakken (de drie vakken met Trappenhulpen op homepage)
 * 	8. 	navigatie (hoofd-, sub- en productnavigatie)
 *  9.  algemeen maincontent (wit vak op algemene pagina's)
 *  10. algemeen maincontent sitemap
 * 	11.	product_maincontent (vak waar content in staat op productpagina's)
 *  12. (product) In het kort
 *  13. (product) Specificaties
 *  14. (product) Galerij
 *  15. (product) Veelgestelde vragen
 *  16. (product) Wat zeggen anderen
 *  17. (product) Informatie aanvragen
 *  18. vakje Contact opnemen
 *  19. snellink vakken ( = meer weten, wat zeggen anderen)
 *  20. vakje Meer weten
 *  21. vakje Wat zeggen anderen
 */
/* 	//////////////////////////////////////////////////////////// */
/* 	//////////////////////////////////////////////////////////// */


/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	1. Algemeen, reset marges/padding */
   	__1.ALGEMEEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
* {
    margin: 			0px;
    padding: 			0px;
}

body {
	background: 		#FFFFFF url(../images/interface/bg1.png) left top repeat-x;
	font-size:			62.5%; /* 1em = 10px bij standaard lettergrootte */
	color:				#023B52;
}

.bgkleur1 {
	background-color:	#F0F9FE;
}
.bgkleur2 {
	background-color:	#E5F4FB;
}
.bgkleur3 {
	background-color:	#E2F3FA;
}
.hr {
	border-top:			#C5C49E solid 1px;		
}
.hr2 {
	border-top:			#BAE3F2 solid 1px;		
}
.clear {
	clear: 				both;
}
img {
	border:				0px;
}


/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	2. Algemene tekststijlen */
	__2.ALGEMENE-TEKSTSTIJLEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

* { /* reset fontstijlen */
	font-family: 		Arial, sans-serif;
}

h1 {
	color: 				#FF4200;
	font-size:			3.5em;
	font-weight:		bold;
}

h2 {
	color: 				#FF4200;
	font-size: 			1.8em;
	padding-bottom: 	10px;
	font-weight:		normal;	
	margin-bottom:		10px;
}

h3 {
	font-size: 			2.3em;
	font-weight: 		bold;
}

p {
	font-size: 			1.3em;
	line-height: 		1.8em;
	margin-bottom: 		1em;
}

.floatleft {
	float:				left;
	margin-right:		15px;
}
.floatright {
	float:				right;
	margin-left:		15px;
}


/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	3. totaal (div waar alles in zit)*/
	__3.TOTAAL {}	
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#totaal {
	margin: 			0px auto auto auto; /* top right bottom left */
	position:			relative;
	width: 				950px;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	4. logo	*/
	__4.LOGO {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#logo {
	padding-bottom: 	4px;
	padding-top: 		7px;
	margin-left:		-10px;
	color:				#00AFF0;
	width:				258px;
	height:				61.5px;
	font-size:			1.3em;
	font-weight:		bold;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	5. animatie balk (is een class en geen id vanwege IE6) */
	__5.ANIMATIEBALK {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

.animatie {
	background: 		transparent url(../images/interface/animatie_bg.gif) left top no-repeat;
	width: 				950px;
	padding-top:		8px;
	margin-bottom:		7px;
}

.animatie_midden {
	background-color:	#FFFFFF;
}

.animatie_bottom {
	background:			transparent url(../images/interface/animatie_bg.gif) left -8px no-repeat;
	height:				8px;
}

.animatie ul {
	list-style:			none;
	/*padding-left:		600px;
	list-style:			none;
	float: right;
	margin-right: 		30px;*/
}

.animatie #beschrijving ul {
	padding-left:		620px;
}

.animatie ul li {
	color:				#666666;
	font-size: 			2em;
	font-weight:		normal;
	background-image:	url(../images/interface/vinkje.gif);
	background-repeat:	no-repeat;
	background-position:0.45em;	
	padding:			5px 5px 5px 45px; /* top right bottom left */
}

/* 	Animatiebalk HOME */
/* 	************************************************************ */

.animatie.home {
	height:				300px;
}

.animatie_midden.home {
	height: 			284px;
}

.animatie.home H1 {
	padding:			25px 0px 25px 0px; /* top right bottom left */
	text-align:			right;
}

.animatie.home #trappenhulp_animatie {
	width: 950px;
    height: 300px;
	margin-top: -8px;
    position: absolute;
    z-index: 0;
}

.animatie.home #beschrijving {
    position: absolute;
    z-index: 1;
}



/* 	Animatiebalk MINI */
/* 	************************************************************ */

.animatie.product {
	height:				100px;
}

.animatie_midden.product {
	height:				84px;
}

.animatie.product H1 {
	padding:			20px 0px 0px 15px; /* top right bottom left */
	text-align:			left;
}



/* 	Animatiebalk OVER TRAPPENHULP */
/* 	************************************************************ */

.animatie.algemeen {
	height:				133px;
}
.animatie_midden.algemeen {
	height:				116px;
}
.animatie.algemeen H1 {
	padding:			38px 0px 0px 15px; /* top right bottom left */
	text-align:			left;
	float: 				left;
}

.animatie.algemeen .banner_lijst {
	display: none;
}







/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	6. introductietekstje home */
	__6.INTRODUCTIETEKST HOME {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
#introtekst {
	width: 				199px;
	height: 			230px;
	padding-left: 		10px;
	float: 				left;
	display: 			block;
}

#introtekst h2 {
	padding-top: 		10px;
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	7. productvakken op homepage */ 
	__7.PRODUCTVAKKEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

.productvak {
	background: 		#FFFFFF url(../images/interface/productvakbg.png) no-repeat;
	width: 				230px;
	margin-left: 		17px;
	float: 				left;
}

.productvak p, .productvak h3 {
	color: 				#0084B7;
	padding: 			10px;
}

.productvak H3 .merknaam { /* ='Trappenhulp'(kleiner dan Mini, Standard, Professional)  */
	font-size: 			0.8em;
	font-weight: 		normal;
	display: 			block;
}

/* 	knop 'meer informatie' */
/* 	************************************************************ */
.productknop {
	border:				0;
	margin-left:		auto;
	margin-right:		auto;
	display:			block;
	width:				205px;
	height:				105px;
}

.productknop a {
	color:				white;
	text-decoration:	none;
	font-size:			1.8em;
	width:				190px; /* breedte minus padding */
	height:				60px;  /* hoogte minus padding */
	display:			block;
	padding:			45px 0px 0px 15px; /* top right bottom left */
}

/* 	knop 'meer informatie' MINI */
/* 	************************************************************ */
#productknop_mini a  {
	background-image:	url(../images/interface/knop_mini2.jpg);
	background-repeat:	no-repeat;
	background-color:	#5D9F09;
}

#productknop_mini a:hover {
	background-image:	url(../images/interface/knop_mini2.jpg);
	background-position:-205px top;
	background-repeat:	no-repeat;
	background-color:	#8DC73E;
}

/* 	knop 'meer informatie' STANDARD */
/* 	************************************************************ */
#productknop_standard a {
	background-image:	url(../images/interface/knop_standard2.jpg);
	background-repeat:	no-repeat;
	background-color:	#5D9F09;
}

#productknop_standard a:hover {
	background-image:	url(../images/interface/knop_standard2.jpg);
	background-position:-205px top;
	background-repeat:	no-repeat;
	background-color:	#8DC73E;
}

/* 	knop 'meer informatie' PRO */
/* 	************************************************************ */
#productknop_pro a {
	background-image:	url(../images/interface/knop_pro2.jpg);
	background-repeat:	no-repeat;
	background-color:	#5D9F09;
}

#productknop_pro a:hover {
	background-image:	url(../images/interface/knop_pro2.jpg);
	background-position:-205px top;
	background-repeat:	no-repeat;
	background-color:	#8DC73E;
}

/* 	lijst met punten */
/* 	************************************************************ */
.productvak ul {
	position: 			relative; /* voor IE6!! anders zie je bullets niet */
	list-style:			none; /* bullets worden met bg-images gedaan */
	padding-left:		10px;
}

.productvak ul li {
	color:				#666666;
	font-size: 			1.5em;
	font-weight:		normal;
	background:			url(../images/interface/vinkje_klein.gif) 0.45em no-repeat;
	padding:			3px 3px 3px 35px; /* top right bottom left */
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	8. Navigatie */
	__8.NAVIGATIE {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

/* 	TOPMENU = hoofdnavigatie */
/* 	************************************************************ */
#hoofdnavigatie {
	display: 			none;
}

/* 	SUBNAVIGATIE per product (in het kort, specificaties.. enz) */
/* 	************************************************************ */
#subnavigatie {
	display: 			none;
}


/* 	PRODUCTNAVIGATIE = drie knoppen rechts met producten */
/* 	************************************************************ */

#productnavigatie {
	display: none;
}
/* 	FOOTER met menu + sitemap */
/* 	************************************************************ */

#footer {
	display: none;
}

/* 	wie css uit heeft staan ziet extra kopjes om inhoud toe te lichten: */
/* 	************************************************************ */
#hoofdnavigatie h2, #producten h2, #subnavigatie h2, #productnavigatie h2, #footer h2 { 
	width: 				auto;
	position: 			absolute;
	top: 				-1000em;
	left: 				auto;	
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	9. Algemeen maincontent (over TH, waarom een TH) */
	__9.ALGEMEEN_MAINCONTENT {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#algemeen_maincontent {
	width:				770px;
	margin-top:			0px;
	background:			url("../images/interface/contentvak_top.gif") left top no-repeat;
	height: 			100%;
	float:				left;

}
#algemeen_maincontent .midden {
	width:				730px;
	margin-top:			6px;
	position: 			relative;
	background-color:	#FFF;
	padding:			20px;
	height: 			100%; /* nodig voor IE6 */
	float: 				left;
}

#algemeen_maincontent a {
	color:				#046A92;
	border-bottom:		#08B4F8 dashed 1px;
	text-decoration:	none;
}
#algemeen_maincontent a:hover {
	color:				#034B67;
	border-bottom:		#046A92 solid 1px;
	text-decoration:	none;
}

#algemeen_maincontent h2 {
	/*font-size:			2.4em;
	padding-bottom:		10px;
	font-weight:		bold;*/
	
		font-size:			1.6em;
	font-weight:		bold;
	color: 				#0084B7;
	padding-bottom:		5px;
	
}
#algemeen_maincontent h3 {
	font-size:			1.6em;
	font-weight:		bold;
	color: 				#0084B7;
	padding-bottom:		5px;
	
}
#algemeen_maincontent .formulier h3 {
	font-size:			1.2em;
	color:				#023B52;
	font-weight:		bold;
	padding-bottom:		15px;
}
#algemeen_maincontent .adresvoor {
	width:				60px;
	display: inline;
}
#algemeen_maincontent table#contactgegevens {
	font-size: 			1.3em;
	line-height: 		1.8em;
}
#algemeen_maincontent table#contactgegevens th {
	width: 				70px;
	vertical-align:		top;
	color:				#878787;			
}

#algemeen_maincontent .formulier { /* de 2 delen van form worden naast elkaar getoond */
	width: 				380px;
	margin: 			15px 0px 15px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/
	font-size:			1.2em;
}
#algemeen_maincontent table {
	border-spacing: 	0px;
	margin-top:			3px;
	border-collapse: collapse; 
}
#algemeen_maincontent th { 
	height:				25px;
	width:				180px;
	color:				#000;
	font-weight:		normal;
	text-align:			left;
	padding-left:		5px;
}
#algemeen_maincontent .form_groterth {
	height:				35px;
}
#algemeen_maincontent input.radio, #algemeen_maincontent td.emailontvangen { 
	margin:				0px 10px 5px 10px; /* top right bottom left */
	padding:			0px 10px 5px 10px;
	vertical-align: 	top;
}
#algemeen_maincontent .form_aanhef input.radio {
	margin:				0px 10px 0px 0px; /* top right bottom left */
}
#algemeen_maincontent textarea {
	width:				370px;
	height:				150px;
	margin-left:		0px;
	padding:			3px;
	font-size:			1.1em;
}
#algemeen_maincontent input {
	height:				1.3em;
	font-size:			1.1em;
	padding:			3px;
	margin:				1px 0px 1px 0px; /* top right bottom left */
}
.aligntop {
	vertical-align:		top;
	padding-top:		5px;
}
#algemeen_maincontent input.submit {
	height:				auto;	
	float:				right;
	font-size:			1.2em;
}

#algemeen_maincontent .formulier th span { /* sterretje */
	font-weight: 		bold;
	color: 				red;
	font-size: 			1.6em;
	position: 			absolute;
	right: 				580px;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	10. Algemeen maincontent SITEMAP */
	__10.ALGEMEEN_MAINCONTENT-SITEMAP {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#algemeen_maincontent.sitemap h2 {
	margin-bottom: 4px;

}
#algemeen_maincontent.sitemap h3 a {
	font-size: 0.8em;
	font-weight:	normal;
	margin-left: 15px;
	color: #034B67;
	margin-bottom: 2px;


}
.sitemap h4 {
	
}





/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	11. Product maincontent */
	__11.PRODUCT_MAINCONTENT {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#product_maincontent {
	width:				770px;
	margin-top:			33px;
	background:			url("../images/interface/contentvak_top.gif") left top no-repeat;
	height: 			100%;
	float:				left;

}
#product_maincontent .midden {
	margin-top:			6px;
	position: 			relative;
	background-color:	#FFFFFF;
	padding:			20px;
	height: 			100%; /* nodig voor IE6 */
	float: 				left;
}
#product_maincontent h2 {
	font-size:			2.4em;
	padding-bottom:		10px;
	font-weight:		bold;
}
#product_maincontent h3 {
	padding-bottom:		15px;
	font-size:			1.6em;
	font-weight:		bold;
	color: 				#0084B7;
}




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	12. PRODUCT: IN HET KORT */
	__12.PRODUCT-IN_HET_KORT {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#product_maincontent #in-het-kort .kolom1 { 
	width: 				368px;
	margin: 			0px -3px 15px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/

}
#product_maincontent #in-het-kort .kolom2 { 
	width: 				368px;
	margin: 			0px -3px 15px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/

}
#product_maincontent {
	
}

#product_maincontent img {
	/*border:				#034B67 solid 1px;*/
	padding: 			0px;
}
#product_maincontent img.IHK_img1 {
	margin-right:		13.5px;
}
#product_maincontent img.IHK_img3 {
	margin-top:			13.5px;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	13. PRODUCT: SPECIFICATIES */
	__13.PRODUCT-SPECIFICATIES {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#specificaties .kolom1 { 
	width: 				510px;
	margin: 			0px 20px 15px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/
}
#specificaties .kolom2 { 
	width: 				200px;
	margin: 			0px 0px 30px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/
}

#specificaties .kolom2 p {
	font-size:			1.1em;
	line-height:		1.3em;
	color:				#034B67;
	padding-left:		5px;
	padding-right:		5px;
}

#specificaties table, #specificaties ul {
	font-size: 			1.3em;
	line-height: 		1.8em;
	margin-bottom: 		1em;
	list-style-type: 	circle;
}
#specificaties ul li {
	margin-left:		19px;
}
#specificaties th {
	width:				150px;
	color:				#023B52;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	14. PRODUCT: GALERIJ */
	__14.PRODUCT-GALERIJ {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#product_maincontent #galerij { 
	width:				730px;
}

#product_maincontent #galerij img { 
	margin: 			0px 20px 15px 0px; /* top right bottom left */
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	15. PRODUCT: VEELGESTELDE VRAGEN */
	__15.PRODUCT-VEELGESTELDE_VRAGEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
#veelgestelde-vragen { 
	width:				730px;
}

#veelgestelde-vragen ul { 
	margin-left:		35px;
	font-size: 			1.3em;
	line-height: 		1.8em;
	list-style-type: 	circle;
}
#veelgestelde-vragen p {
	margin-left:		15px;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	16. PRODUCT: VEELGESTELDE VRAGEN */
	__16.PRODUCT-WAT_ZEGGEN_ANDEREN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#product_maincontent #wat-zeggen-anderen blockquote { 
	font-size:			1.6em;
	line-height:		1.6em;
	color: 				#0084B7;
	font-weight:		bold;
}

#product_maincontent #wat-zeggen-anderen .bqstart, #product_maincontent #wat-zeggen-anderen .bqend {
     font-size: 		500%;
     color: 			#87CEE8;
}

#product_maincontent #wat-zeggen-anderen .bqstart {
     float: 			left;
     height: 			45px;
     margin: 			-20px 0px -50px 0px; /* top right bottom left */
     padding-top: 		30px;
 }

#product_maincontent #wat-zeggen-anderen .bqend {
     float: 			right;
     height: 			25px;
     margin-top: 		0px;
     padding-top: 		15px;
 }
 


#product_maincontent #wat-zeggen-anderen .quoteblok {
	display:			block;
	margin-bottom:		60px;

}
#product_maincontent #wat-zeggen-anderen .quoteblok.blok2 {
	text-align:			left;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	17. PRODUCT: INFO AANVRAGEN */
	__17.PRODUCT-INFO_AANVRAGEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */


#product_maincontent .formulier { /* de 2 delen van form worden naast elkaar getoond */
	width: 				345px;
	margin: 			15px 20px 15px 0px; /* top right bottom left */
	float: 				left;
	display: 			inline; /*voor IE6*/

}
#product_maincontent table {
	border-spacing: 	0px;
	margin-top:			3px;
	border-collapse: collapse; 
	font-size:			1.2em;
}
#product_maincontent th { 
	height:				25px;
	width:				180px;
	color:				#000;
	font-weight:		normal;
	text-align:			left;
	padding-left:		5px;
}
#product_maincontent .form_groterth {
	height:				35px;
}
#product_maincontent input.radio, #product_maincontent td.emailontvangen { 
	margin:				0px 10px 5px 10px; /* top right bottom left */
	padding:			0px 10px 5px 10px;
	vertical-align: 	top;
}
#product_maincontent .form_aanhef input.radio {
	margin:				0px 10px 0px 0px; /* top right bottom left */
}
#product_maincontent textarea {
	width:				322px;
	height:				130px;
	margin-left:		10px;
	padding:			3px;
	font-size:			1.1em;
}
#product_maincontent input {
	height:				1.3em;
	font-size:			1.1em;
	padding:			3px;
	margin:				1px 0px 1px 0px; /* top right bottom left */
}
#product_maincontent input.submit {
	height:				auto;	
	float:				right;
	font-size:			1.2em;
}
/* grootte van inputvelden (tel is anders dan straat bijv.) */
.inputgrootte1 {		width: 185px;	}
.inputgrootte2 {		width: 147px; 	}
.inputgrootte3 {		width:	50px;	}
.inputgrootte4 {		width:	35px;	}
.inputgrootte5 {		width:	25px;	}	

label.error { /* als er een fout is */
	display: 			block;
	font-weight: 		bold;
	font-style: 		italic;
	color: 				red;
}
input.error, textarea.error { /* opmaak van inputvak bij fout */
	background-color: 	#FDE7DB;
	border: 			red solid 1px;
}
.formulier th span { /* sterretje */
	font-weight: 		bold;
	color: 				red;
	font-size: 			1.6em;
	position: 			absolute;
	right: 				240px;
}
#verzendbericht { /* div voor laden, bericht wel of niet verzonden */
	display: 			block;
	font-size:			1.4em;
	font-weight:		normal;
	margin-top:			5px;
	line-height:		1.6em;
	height:				1%; /* voor IE6 */
	width:				730px; /* voor IE7 */
}
#verzendbericht a {
	color:				#034B67;
	font-weight:		bold;
}
#verzendbericht a:hover {
	color:				#0084B7;
}
#verzendbericht .laden, #verzendbericht .formerror {
	background-color:	#FCF8B0;
	border:				#FAC04C 1px solid;
	padding:			10px;
}
#verzendbericht .senderror {
	background-color:	#FDBFBF;
	border:				#FF0000 1px solid;
	padding:			10px;
}
#verzendbericht .sendsucces {
	background-color:	#DBFAB2;
	border:				#62A70A 1px solid;
	padding:			10px;
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	18. VAKJE CONTACT OPNEMEN */
	__18.VAKJE-CONTACT_OPNEMEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#contactopnemen {
	display: none;
	position:			absolute;
	top:				550px;
	left:				777px;
	width:				175px;
	background:			url("../images/interface/vakje_contact.jpg") left top no-repeat;
}
#contactopnemen .midden {
	margin-top:			6px;
	height:				157px;
	padding:			4px 10px 10px 10px;/* top right bottom left */
	color:				#0084B7;
}
#contactopnemen H2 {
	font-size:			1.6em;
	font-weight:		bold;
	margin-bottom:		2px;
}
#contactopnemen ul {
	margin-left:		0px;
	list-style-position: inside;
}
#contactopnemen li {
	font-size:			1.1em;

	padding:			8px 4px 8px 4px;/* top right bottom left */
	border-bottom:		#B3E9FD solid 1px;
}
#contactopnemen .telnr {
	font-size:			1.2em;
	font-weight:		bold;
	padding:			4px 0px 7px 0px;
	display: 			block;
}
#contactopnemen a {
	color:				#046A92;
	border-bottom:		#08B4F8 dashed 1px;
	text-decoration:	none;
}
#contactopnemen a:hover {
	color:				#034B67;
	border-bottom:		#046A92 solid 1px;
	text-decoration:	none;
}




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	19. SNELLINK VAKKEN ONDERAAN (MEER WETEN, WAT ZEGGEN ANDEREN) */
	__19.SNELLINK_VAKKEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#snellink_vakken {
	display: none;
	position: 			relative;
	clear: 				both;
}
#snellink_vakken h2 {
	color: 				#0084B7;
	font-size:			2.3em;
	font-weight:		bold;
}

#snellink_vakken a {
	color:				#046A92;
	border-bottom:		#08B4F8 dashed 1px;
	text-decoration:	none;
	
}
#snellink_vakken a:hover {
	color:				#034B67;
	border-bottom:		#046A92 solid 1px;
	text-decoration:	none;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	20. MEER WETEN */
	__20.MEER_WETEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#meer_weten {
	display: none;
	float:				left;
	background:			#E4F3F8 url("../images/interface/blauwvlak_top.gif") left top no-repeat;	
	width:				459px;
	height:				100%;
	margin:				20px 15px 25px 0px; /* top right bottom left */
}
#meer_weten .midden {
	background:			#E4F3F8 url("../images/interface/blauwvlak_bottom.gif") left bottom no-repeat;
	margin:				7px 0px 0px 0px; /* top right bottom left */
	height:				150px;
	padding:			15px;	
}
#meer_weten .knop_meerinfo {
	display:			block;
	width:				200px;
	background-color:	#8DC73E;
	text-align:			center;
	font-weight:		bold;
	font-size:			1.7em;
	border:				#FFF solid 1px;
}
#meer_weten .knop_meerinfo a {
	color:				#FFF;
	padding:			5px;
	cursor:				pointer;
	text-decoration:	none;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	21. WAT ZEGGEN ANDEREN */
	__21.WAT_ZEGGEN_ANDEREN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#wat_zeggen_anderenK {
	float:				left;
	background:			#E4F3F8 url("../images/interface/blauwvlak_top.gif") left top no-repeat;	
	width:				459px;
	height:				100%;
	margin:				20px -3px 25px 17px; /* top right bottom left */
}
#wat_zeggen_anderenK .midden {
	background:			#E4F3F8 url("../images/interface/blauwvlak_bottom.gif") left bottom no-repeat;
	margin:				7px 0px 0px 0px; /* top right bottom left */
	height:				150px;
	padding:			15px;	
}
#wat_zeggen_anderenK blockquote { 
	font-size:			1.5em;
	line-height:		1.5em;
}

#wat_zeggen_anderenK .bqstart, #wat_zeggen_anderenK .bqend {
     font-size: 		400%;
     color: 			#87CEE8;
}

#wat_zeggen_anderenK .bqstart {
     float: 			left;
     height: 			45px;
     margin: 			-20px 0px -50px 0px; /* top right bottom left */
     padding-top: 		30px;
}

#wat_zeggen_anderenK 	.bqend {
     float: 			right;
     height: 			20px;
     margin-top: 		0px; 
     padding-top: 		12px;
 }

#wat_zeggen_anderenK img {
	border:				#034B67 solid 1px;
	padding: 			0px;
	margin-top:			20px;
} 
 
#wat_zeggen_anderenK  a {
	text-decoration:	none;
	border: 0px;
}