/* 	//////////////////////////////////////////////////////////// */
/* 	//////////////////////////////////////////////////////////// */
/* 	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 / witte balk (home en andere pagina's)
 * 	6. 	introductietekstje homepage
 * 	7. 	productvakken (de drie vakken met Trappenhulpen op homepage)
 * 	8. 	hoofdnavigatie (topmenu bovenaan)
 *  9.  subnavigatie (submenu als je op een product hebt geklikt)
 * 	10.	productnavigatie (3 knoppen met producten rechts)
 *  11. footer (met kleine links, o.a. sitemap)
 *  12. algemeen maincontent (= grote witte contentvak op algemene pagina's)
 *  13. alg. maincontent formulier (= op contactpagina)
 *  14. alg. maincontent sitemap
 *  15. product maincontent (= grote witte contentvak op productpagina's)
 *  16. (product) In het kort
 *  17. (product) Specificaties
 *  18. (product) Galerij
 *  19. (product) Veelgestelde vragen
 *  20. (product) Wat zeggen anderen
 *  21. (product) Informatie aanvragen
 *  22. vakje Contact opnemen
 *  23. snellink vakken ( = meer weten, wat zeggen anderen)
 *  24. vakje Meer weten
 *  25. 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:			#C8E8F4 solid 1px;
	margin-left: 		2px;
	margin-right: 		2px;		
}
.hr2 {
	border-top:			#BAE3F2 solid 1px;		
}
.clear {
	clear: 				both;
}
img {
	border:				0px;
}
.floatleft {
	float:				left;
	margin-right:		15px;
}
.floatright {
	float:				right;
	margin-left:		15px;
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	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;
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	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: 			7px 0px 4px 0px; /* top right bottom left */
	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;
}

.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;
}



/* 	witte balk PRODUCTPAGINA'S */
/* 	************************************************************ */

.animatie.product {
	height:				100px;
}

.animatie_midden.product {
	height:				84px;
}

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



/* 	witte balk ALGEMENE PAGINA'S */
/* 	************************************************************ */

.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 {
	float:				right;
	margin-right:		40px;
	margin-top:			20px;

	
		
}


/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	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_producten.jpg);
	background-position:left top;
	background-repeat:	no-repeat;
	background-color:	#5D9F09;
}

#productknop_mini a:hover {
	background-image:	url(../images/interface/knop_producten.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_producten.jpg);
	background-position:left -105px;
	background-repeat:	no-repeat;
	background-color:	#5D9F09;
}

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

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

#productknop_pro a:hover {
	background-image:	url(../images/interface/knop_producten.jpg);
	background-position:-205px -210px;
	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. Hoofdnavigatie (TOPMENU)*/
	__8.HOOFDNAVIGATIE {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#hoofdnavigatie {
	position: 			absolute;
	top: 				37.5px;
	right: 				0px;
	height: 			30px;
	background-color:	#57BADF;  
}

#hoofdnavigatie ul {
	list-style: 		none;	
	background-image: 	url("../images/interface/tablinks.png"); /* is alleen voor preload */
}

#hoofdnavigatie ul li {
	float: 				left;
	margin-right: 		10px;
	font-size: 			1.8em;
	font-weight: 		normal;
	color: 				#D3EDF7;
}

#hoofdnavigatie a {
	color: 				#D3EDF7;
	padding:	 		5px 0px 0px 10px; /* top right bottom left*/
	text-decoration:	none;
	height: 			30px; 
	float:				left;
}

#hoofdnavigatie li span {
	padding-right: 		10px;
}

/* 	tab-plaatje bestaat uit 2 delen: 
 * 	linkerstukje (tablinks) staat op #navigatie a:hover
 * 	rechterstukje (tabrechts) staat op #navigatie a:hover span
 */
#hoofdnavigatie a:hover, #hoofdnavigatie .current {
	color: 				#FFF;
	font-weight: 		normal;
	background: 		#95D4EB url("../images/interface/tablinks.png") left top no-repeat;
	text-decoration: 	none;
	padding: 			5px 0px 0px 10px; /* top right bottom left */
	height: 			30px;
}

#hoofdnavigatie a:hover span, #hoofdnavigatie .current span
{
	background: 		url("../images/interface/tabrechts.png") right top no-repeat;
	padding: 			5px 10px 0px 0px; /* top right bottom left */
	font-weight: 		normal;
} 

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	9. subnavigatie */
	__9.SUBNAVIGATIE {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#subnavigatie {
	position: 			absolute;
	top: 				190px;
	left: 				8px;
	height: 			20px;
}

#subnavigatie ul {
	list-style: 		none;	
	background: 		url("../images/interface/subtablinks.gif") left top no-repeat; /* preload */	
}

#subnavigatie ul li {
	float: 				left;
	margin-right: 		8px;
	font-size: 			1.4em;
	color: 				#046A92;
	font-weight: 		bold;
}

#subnavigatie a {
	color: 				#046A92;
	padding:	 		5px 0px 0px 5px; /* top right bottom left*/
	text-decoration:	none;
	height: 			20px; 
	float:				left;
}

#subnavigatie li span {
	padding-right: 		5px;
}

/* 	tab-plaatje bestaat uit 2 delen: 
 * 	linkerstukje (tablinks) staat op #navigatie a:hover
 * 	rechterstukje (tabrechts) staat op #navigatie a:hover span
 */
#subnavigatie .current {
	font-weight: 		bold;
	background: 		#FFF url("../images/interface/subtablinks.gif") left top no-repeat;
	text-decoration: 	none;
	padding: 			5px 0px 0px 5px; /* top right bottom left */
	height: 			26px;
}

#subnavigatie a:hover {
	font-weight: 		bold;
	background: 		#C1E6F3 url("../images/interface/subtablinksBL.gif") left top no-repeat;
	text-decoration: 	none;
	padding: 			5px 0px 0px 5px; /* top right bottom left */
	height: 			25.5px;
}

#subnavigatie .current span
{
	background: 		url("../images/interface/subtabrechts.gif") right top no-repeat;
	padding: 			5px 5px 0px 0px; /* top right bottom left */
} 

#subnavigatie a:hover span
{
	background: 		url("../images/interface/subtabrechtsBL.gif") right top no-repeat;
	padding: 			5px 5px 0px 0px; /* top right bottom left */
} 




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	10. productnavigatie (3 knoppen rechts met trappenhulpen) */
	__10.PRODUCTNAVIGATIE {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#productnavigatie {
	position:			absolute;
	top:				218px;
	left:				777px;
	width:				175px;
	height:				400px;
}

#productnavigatie ul {
	list-style: 		none;	
	background: 		url("../images/interface/subtabrechts.gif") left top no-repeat; /* alleen preload */	
}

#productnavigatie span.productnav_inner { /* basis */
	font-size: 			1.4em;
	height:				88px;
	width:				175px;
}

#productnavigatie ul li a, #productnavigatie ul li.current {
	display:			block;
	padding:			12px 50px 30px 25px; /* top right bottom left */
	text-decoration:	none;
	color: 				#FFF;

}
#productnavigatie ul li.current {
	margin-bottom: 		8px;
}

#productnavigatie ul li.normal#mini {
	color: 				#FFF;
	font-weight: 		bold;
	background:			transparent url("../images/interface/productnav.jpg") left top no-repeat;
	height:				88px;
	margin-bottom: 		7px;
}
#productnavigatie ul li.normal#standard {
	color: 				#FFF;
	font-weight: 		bold;
	background:			transparent url("../images/interface/productnav.jpg") left -88px no-repeat;
	height:				88px;
	margin-bottom: 		7px;
}
#productnavigatie ul li.normal#pro {
	color: 				#FFF;
	font-weight: 		bold;
	background:			transparent url("../images/interface/productnav.jpg") left -176px no-repeat;
	height:				88px;
	margin-bottom: 		7px;
}

#productnavigatie ul li.currentmini, #productnavigatie ul li.normal#mini a:hover  {
	height: 			45px;
	color:				#FFF;
	background:			transparent url("../images/interface/productnav.jpg") -175px top no-repeat;
}

#productnavigatie ul li.currentstandard, #productnavigatie ul li.normal#standard span a:hover  {
	height: 			45px;
	color:				#FFF;
	background:			transparent url("../images/interface/productnav.jpg") -175px -88px no-repeat;
}

#productnavigatie ul li.currentpro, #productnavigatie ul li.normal#pro a:hover  {
	height: 			45px;
	color:				#FFF;
	background:			transparent url("../images/interface/productnav.jpg") -175px -176px no-repeat;
}

#productnavigatie h3 {
	font-size: 			1.2em;
	font-weight: 		bold;
	text-decoration:	none;
}
#productnavigatie h3 .merknaam { /* ='Trappenhulp'(kleiner dan Mini, Standard, Professional)  */
	font-size: 			0.8em;
	font-weight: 		normal;
}


/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	11. footer */
	__11.FOOTER {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#footer {
	width: 950px;
	height:	30px;
	text-align: center;
	vertical-align: middle;
	display: block;
}

#footer ul {
	list-style: 		none;	
	padding:			5px;
	margin-left:		300px;

}


#footer ul li {
	float: 				left;
	margin-right: 		10px;
	font-size: 			0.8em;
	font-weight: 		normal;
	color: 				#D3EDF7;
		text-align: center;
}

#footer ul li.current {
	text-decoration: 	none;
	color:				#0084B7;
	font-weight:		bold;
}

#footer ul li a {
	text-decoration: 	none;
	color:				#0084B7;
}
#footer ul li a:hover {
	text-decoration: 	none;
	color:				#0084B7;
}



/* 	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;	
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	12. Algemeen maincontent (over TH, waarom een TH) */
	__12.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, #product_maincontent a {
	color:				#046A92;
	border-bottom:		#08B4F8 dashed 1px;
	text-decoration:	none;
}
#algemeen_maincontent a:hover, #product_maincontent a:hover {
	color:				#034B67;
	border-bottom:		#046A92 solid 1px;
	text-decoration:	none;
}

#algemeen_maincontent h2 {
	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;
	
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	13. Algemeen maincontent FORMULIER (contact) */
	__13.ALG_MAINC-CONTACT-FORM {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#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;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	14. Algemeen maincontent SITEMAP */
	__14.ALG_MAINC-SITEMAP {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

.sitemap h2 {
	margin-bottom: 4px;
}

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

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	15. Product maincontent */
	__15.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;
}




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	16. PRODUCT: IN HET KORT */
	__16.PRODUCT-IN_HET_KORT {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

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

}

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

#product_maincontent img {
	padding: 			0px;
}

#product_maincontent img.IHK_img1 {
	margin-right:		13.5px;
}

#product_maincontent img.IHK_img3 {
	margin-top:			13.5px;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	17. PRODUCT: SPECIFICATIES */
	__17.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:				170px;
	color:				#023B52;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	18. PRODUCT: GALERIJ */
	__18.PRODUCT-GALERIJ {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#galerij { 
	width:				730px;
}

#galerij img { 
	margin: 			0px 20px 15px 0px; /* top right bottom left */
}
#galerij a, #galerij a:hover {
	border: 0px;
}




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	19. PRODUCT: VEELGESTELDE VRAGEN */
	__19.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;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	20. PRODUCT: VEELGESTELDE VRAGEN */
	__20.PRODUCT-WAT_ZEGGEN_ANDEREN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

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

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

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

#wat-zeggen-anderen .bqend {
     float: 			right;
     height: 			25px;
     margin-top: 		0px;
     padding-top: 		15px;
}
 
#wat-zeggen-anderen .quoteblok {
	display:			block;
	margin-bottom:		60px;
}

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

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	21. PRODUCT: INFO AANVRAGEN */
	__21.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;
}



/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	22. VAKJE CONTACT OPNEMEN */
	__22.VAKJE-CONTACT_OPNEMEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#contactopnemen {
	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;
}




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

#snellink_vakken {
	position: 			relative;
	clear: 				both;
}
#snellink_vakken .h2 {
	font-size:			2em;
	color:				#0084b7;
	font-weight:		bold;
	margin-bottom:		0px;
	line-height: 		1em;
}

#snellink_vakken .p {
	font-size: 			1.2em;
	line-height: 		1.7em;
	margin-top: 		10px;
	display: 			block;
	margin-bottom:		0px;
	color: 				#004059;
}
#snellink_vakken .a {
	color:				#0084b7;
	border-bottom:		#08B4F8 dashed 1px;
	text-decoration:	none;
	margin-top:			10px;
	font-weight:		bold;
	font-size: 			1.2em;
	line-height: 		1.6em;
}

/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	24. MEER WETEN */
	__24.MEER_WETEN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#meer_weten, #wat_zeggen_anderenK {
	float:				left;
	background:			transparent url("../images/interface/snellink_vak.jpg") left top no-repeat;	
	width:				457px;
	height:				147px;
	margin:				20px 0px 25px 0px; /* top right bottom left */
}
#meer_weten {
	margin-right:		36px;
}


#meer_weten ul, #wat_zeggen_anderenK ul {
	list-style:			none;
}

 
#meer_weten li, #wat_zeggen_anderenK li {
	display: 			block;
	height:				147px;
}
 
#meer_weten li a, #wat_zeggen_anderenK li a {
	height:				105px;
	background:			transparent url("../images/interface/snellink_vak.jpg") left top no-repeat;	
	text-decoration:	none;
	display: 			block;
	padding:			20px;
}
 
#meer_weten li a:hover, #wat_zeggen_anderenK li a:hover {
	background:			transparent url("../images/interface/snellink_vak.jpg") -457px top no-repeat;	
}




/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */
/* 	25. WAT ZEGGEN ANDEREN */
	__25.WAT_ZEGGEN_ANDEREN {}
/* 	------------------------------------------------------------ */
/* 	------------------------------------------------------------ */

#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: 		0px;
 }