BODY 	{ font-family:verdana; font-size:10px; color: #0000C0; margin:0px 0px 0px 0px; background-position:top center;background-repeat:repeat-y;  }

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}


TR	{ margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }
TD   	{ font-family:verdana; font-size:10px; color: #0000C0; margin-top:0px; margin-bottom:0px;  }
P	{ margin-top:0px;margin-bottom:0px;padding-top:10px;padding-bottom:0px;}
UL	{ border-style:none;margin-left:15px;padding-left:0px;padding-top:0px;padding-bottom:0px;margin-top:7px;margin-bottom:7px; list-style-type:square; }

H1	{ font-family:verdana;font-size:18px;font-weight:bold;color:#0000C0; }
H2	{ font-family:verdana;font-size:14px;font-weight:bold;color:#0000C0; }
H3	{ font-family:verdana;font-size:12px;font-weight:bold;color:#0000C0; margin-bottom:7px; }

DIV  	{ font-family:verdana; font-size:10px; color: #0000C0; margin-top:0px; margin-bottom:0px;  }
.inputText	{ width:100px; border-style:solid; border-width:1px; border-color:#0000C0; background-color:#E5EBFF; font-family:verdana; font-size:9px;color:#0000C0; }

.checkBox {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

BUTTON { height:17px; border-style:solid; border-width:1px; border-color:#0000C0; background-color:#B7C8FF; font-family:verdana; font-size:9px;font-weight:bold;color:#C00000;}

.inputSelect { font-family:verdana;font-size:9px; }
.inputButton { height:17px; border-style:solid; border-width:1px; border-color:#0000C0; background-color:#B7C8FF; font-family:verdana; font-size:9px;font-weight:bold;color:#C00000;}

FORM {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

.formCaptionMijnKaartCentrum { color:#FFFFFF; }
.formButtonMijnKaartCentrum { color:#FFFF80; font-weight:bold; text-decoration:none; }
.formButtonMijnKaartCentrum:hover { color:#FFFF40; text-decoration:underline;}

.formCaption { padding-right:15px; }

.syswideLink { font-family:verdana; font-size:9px; color:#C00000; text-decoration:none; font-weight:bold; }
.syswideLink:hover { font-family:verdana; font-size:9px; color:#FF4040; text-decoration:underline; }

.artikel { width:220px; font-family:verdana; font-size:10px; color: #0000C0; margin-top:15px; margin-bottom:12px; margin-right:0px;text-align:justify; }
.artikelImg { width:35px; height:35px; border-width:0px; margin-right:7px; }
.leesVerder {}

A { color:#C00000; text-decoration:none; font-weight:bold; }
A:hover { text-decoration:underline; }

A.mijnKaartCentrum { color:#FFFF80; text-decoration:none; font-weight:bold; }
A.mijnKaartCentrum:hover { text-decoration:underline; }

A.rubriekType2 { color:#C00000; text-decoration:none; font-weight:bold; }
A.rubriekType2:hover { text-decoration:underline; }


.wallpaperPromo {border-style:solid; border-width:1px; border-color:#6989FF; margin-left:0px;margin-top:4px;margin-right:0px;}
.smspicturePromo {width:68px;height:24px;background-color:#FFF1C1;border-style:solid; border-width:1px; border-color:#6989FF; margin-left:0px;margin-top:4px;margin-right:0px;}

img.ecardThumbnail {width:80px; height:60px;border:none;}

.copyright { font-family:arial; font-size:9px; color: #7F7F7F; padding-bottom:1px; }

.hoofdRubriek {padding-top:7px;width:140px;border-style:solid;border-width:0px;}
.rubrieken {padding-left:10px;padding-top:3px;line-height:14px;}

TABLE.ecardInvullen {border-style:solid; border-width:1px; border-color:#0000C0; background-color:#EFF4FF;}

.ecardInput	{ margin-left:4px;border-style:solid; border-width:1px; border-color:#0000C0; background-color:#FFFFFF; font-family:verdana; font-size:9px;color:#0000C0; }

.ecardText {border-style:solid; border-width:1px; border-color:#0000C0; background-color:#FFFFFF; font-family:verdana; font-size:10px;color:#0000C0; 
scrollbar-3dlight-color:#FFFFFF ;
scrollbar-arrow-color: #0000c0 ;
scrollbar-base-color:#EFF4FF ;
scrollbar-darkshadow-color:#0048DA;
scrollbar-face-color:#7D97CB;
scrollbar-highlight-color:#7F7F7F;
scrollbar-shadow-color:#BBD1FF;
scrollbar-track-color:#D5E3FF;
}

.ecardToonTekst {
	font-family:verdana;font-size:14px;font-style:normal;font-weight:normal;
	margin-left:10px;margin-top:20px;margin-bottom:10px;padding-left:2px;padding-right:7px;padding-bottom:5px; border-top-style:none; border-bottom-style:none;border-width:1px;width:270px;height:210px;overflow:auto;
	scrollbar-3dlight-color:#FFFFFF ;
	scrollbar-arrow-color: #0000c0 ;
	scrollbar-base-color:#EFF4FF ;
	scrollbar-darkshadow-color:#0048DA;
	scrollbar-face-color:#7D97CB;
	scrollbar-highlight-color:#7F7F7F;
	scrollbar-shadow-color:#BBD1FF;
	scrollbar-track-color:#D5E3FF;
}


.toonReactie {
	font-family:verdana;font-size:14px;font-style:normal;font-weight:normal;
	color:#404000;
	height:140px;
	width:360px;
	border:1px solid white;
	padding:3px;
	overflow:auto;

	scrollbar-3dlight-color:#FFFFFF ;
	scrollbar-base-color:#EFF4FF ;
	scrollbar-highlight-color:#7F7F7F;

	scrollbar-face-color:#D1D087;
	scrollbar-shadow-color:#FFFFC0;
	scrollbar-arrow-color: #FFFE8D ;
	scrollbar-darkshadow-color:#78770A;
	scrollbar-track-color:#E1E0AB;
}


.subDiv {
	scrollbar-3dlight-color:#FFFFFF ;
	scrollbar-arrow-color: #0000c0 ;
	scrollbar-base-color:#FFFEDB ;
	scrollbar-darkshadow-color:#DACD00;
	scrollbar-face-color:#FFA777;
	scrollbar-highlight-color:#FF7F7F;
	scrollbar-shadow-color:#FF7F7F;
	scrollbar-track-color:#FEFFD5;
}

.meerAdressen {border-style:dotted; border-width:1px; border-color:#0000C0; background-color:#EFF4FF;}

.melding { text-align:left;border-style:dotted;border-width:1px;border-color:#0000C0;background:#FFF191; filter:alpha(opacity=100); opacity:1.0; position:absolute; visibility:hidden; display:none; top:0px; left:0px; width:400px; height:200px;z-index:999 }

.meldingTitel {background-color:#FF7C35;color:#FFFFFF;font-weight:bold;}

.help { text-align:left;border-style:dotted;border-width:1px;border-color:#0000C0;background:#FFF0C1; filter:alpha(opacity=96); opacity:0.96; position:absolute; visibility:hidden; display:none; top:0px; left:0px; width:400px; xheight:40px; padding:2px 2px 2px 2px;z-index:100;}

.muziek { text-align:left;border-style:dotted;border-width:1px;border-color:#0000C0;background:#FFF6B7; filter:alpha(opacity=100); opacity:1.0; position:absolute; visibility:hidden; display:none; top:0px; left:0px; width:500px;z-index:100;}


.underline { border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#F0F0F0; word-wrap:break-word; }

.lijst { height:22px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#F0F0F0; word-wrap:break-word; }

.tdHeader { background-color:#E5EBFF; padding-bottom:4px; padding-top:2px;  }
.tdHeader2 { background-color:#FFBC97; padding-left:7px;padding-bottom:4px; padding-top:2px; font-weight:bold; }
.tdHeaderEcardOverzicht { 	background-color:#E5EBFF; 
				padding:1px 1px 1px 1px;  
				border-right:1px solid #ffffff
			}

.tdHeaderGeadresseerdenOverzicht { 	background-color:#F0F0FF; 
				padding:1px 1px 1px 1px;  
				border-right:1px solid #ffffff
			}
.tdGeadresseerdenOverzicht { 	background-color:#E5EBFF; 
				padding:1px 1px 1px 1px;  
				border-right:1px solid #ffffff;
				font-weight:bold;
			}



.ecardCaption { text-align:right; vertical-align:top; font-weight:bold; }
.grijs { color:#C0C0C0; }

.inputTextDatum	{ width:100px; height:17px; border-style:solid; border-width:1px; border-color:#0000C0; background-color:#E5EBFF; font-family:verdana; font-size:9px;color:#0000C0; text-align:center; margin-top:0px; margin-bottom:0px;}

.myHover { color:#C00000; text-decoration:none; font-weight:bold;}

.popupInvoer {
	background-color:#FFFCE5;border-style:solid;border-width:1px;border-color:#FFD497;
}

.inputUpload { background-color:#E5EBFF;border:1px solid border-color:#0000c0; font-family: verdana;font-size:12px;color:#0000C0 }

.attentie {color:#ff0000}

IMG.achtergrond {width:60px;height:40px;border-style:solid; border-width:1px; border-color:#6989FF; margin-left:0px;margin-top:0px;margin-right:0px;}

TABLE.mmTeaser {
		 margin-bottom:20px;
		}

TD.mmTeaser { 
		background-image:url(../mobiel/gfx/bg_teaser.gif);
		background-repeat:no-repeat;
	}
TD.mmTeaserKop {
		background-image:url(../mobiel/gfx/bg_teaserkop.gif);
		background-repeat:no-repeat;
		color:#FFFF80;
		padding-left:4px;
		font-size:9px;
		padding-top:0px;
		padding-bottom:0px;
	}
	
IMG.mmTeaserImg {margin-top:2px;margin-right:2px; }


IMG.mmTeaserImgExtra {	margin-top:2px;
			margin-right:2px; 
			background-color:#fffff1;
			border-style:solid;
			border-width:1px;
			border-color:#c00000
			}

img.smiley {
	width:18px;
	height:18px;
}

#intro h1 {
	font-size:10px;
	margin-bottom:2px;
}

.bottomNav td {
	padding:0 20px 0 20px;
	border-right:1px dotted #000080;
}

/* ::::::::::::: nieuw : 8-5-2006 :::::::::::::::::: */


#topBalk {
	height:112px;
	background:url(../gfx/top_dither.gif) repeat-x;
	position:relative;
}

#kcmLogo {
	position:absolute;
	width:218px;
	height:43px;
	margin:0;
	padding:0;
	display:block;
	top:16px;
	left:11px;
}


#mainTabs {
	position:absolute;
	height:30px;
	left:233px;
	top:45px;
}

#mainTabs img {
	width:57px;
	height:30px;
	margin:0px;
	padding:0px;
	display:inline-block;
	border:none;
}

#XmainTabs img.last {
	width:57px;
}

#mainSub {
	position:absolute;
	background:url(../gfx/top_nav_bg.gif) no-repeat;
	display:block;
	left:5px;
	top:75px;
	width:759px;
	height:38px;
}

#mainSubNav {
	margin-top:8px;
	height:18px;
	width:759px;
	background:#FFFFD5;
	border-top:1px solid #4040FF;
	border-bottom:1px solid #83A6FF;
}

#mainSubNav ul {
	margin:1px 0 0 10px;
	padding:0;
}

#mainSubNav ul li {
	display:inline;
	margin:0;padding:0;
}

#mainSubNav ul li a { 
	margin-left:10px; 
	margin-right:10px;

	font-weight:normal;
	font-size:9px;
}

#mainSubNav span {
	margin-left:10px; 
	margin-right:10px;
}

#bannerTopRight {
	position:absolute;
	width:234px;
	height:60px;
	left:526px;
	top:7px;
}

/* ::::::::::::: css tbv vlakverdeling :::::::::::::::: */

div.vlakTop, div.vlakBot { height:7px; line-height:1px;font-size:1px; }

div.vlak1 { width:178px; }
div.vlak1 div.vlakTop { background:url(../gfx/vlak_1_top.gif) no-repeat; }
div.vlak1 div.vlakMid { background:url(../gfx/vlak_1_mid.gif) repeat-y; }
div.vlak1 div.vlakBot { background:url(../gfx/vlak_1_bot.gif) no-repeat; }

div.vlak2 { width:364px; }
div.vlak2 div.vlakTop { background:url(../gfx/vlak_2_top.gif) no-repeat; }
div.vlak2 div.vlakMid { background:url(../gfx/vlak_2_mid.gif) repeat-y; }
div.vlak2 div.vlakBot { background:url(../gfx/vlak_2_bot.gif) no-repeat; }

div.vlak3 { width:550px; }
div.vlak3 div.vlakTop { background:url(../gfx/vlak_3_top.gif) no-repeat; }
div.vlak3 div.vlakMid { background:url(../gfx/vlak_3_mid.gif) repeat-y; }
div.vlak3 div.vlakBot { background:url(../gfx/vlak_3_bot.gif) no-repeat; }

div.vlak4 { width:736px; }
div.vlak4 div.vlakTop { background:url(../gfx/vlak_4_top.gif) no-repeat; }
div.vlak4 div.vlakMid { background:url(../gfx/vlak_4_mid.gif) repeat-y; }
div.vlak4 div.vlakBot { background:url(../gfx/vlak_4_bot.gif) no-repeat; }

div.vlakMain { width:550px; float:left; margin-top:8px;}
div.vlakMain div.vlakTop { background:url(../gfx/vlak_main_top.gif) no-repeat; }
div.vlakMain div.vlakMid { background:url(../gfx/vlak_main_mid.gif) repeat-y; }
div.vlakMain div.vlakBot { background:url(../gfx/vlak_main_bot.gif) no-repeat; }
div.vlakMain div.vlakInvulling { padding:5px 0px 5px 10px;}

div.vlakInnerBlauw { width:138px; float:left; }
div.vlakInnerBlauw div.vlakTop { background:url(../gfx/vlak_inner_blauw_top.gif) no-repeat; }
div.vlakInnerBlauw div.vlakMid { background:url(../gfx/vlak_inner_blauw_mid.gif) repeat-y; }
div.vlakInnerBlauw div.vlakBot { background:url(../gfx/vlak_inner_blauw_bot.gif) no-repeat; }

div.vlakInnerGeel { width:383px; float:left; margin-left:8px; }
div.vlakInnerGeel div.vlakTop { background:url(../gfx/vlak_inner_geel_top.gif) no-repeat; }
div.vlakInnerGeel div.vlakMid { background:url(../gfx/vlak_inner_geel_mid.gif) repeat-y; }
div.vlakInnerGeel div.vlakBot { background:url(../gfx/vlak_inner_geel_bot.gif) no-repeat; }

div.vlakInhoud { 
	padding:0px 10px 0px 10px; 
	position:relative; 
	text-align:justify; 
	font-family:Trebuchet MS,arial;
	font-size:10px;
}

a.vlakLink { 
	float:right; 
	margin-top:7px;
	font-size:11px;
	font-family:Trebuchet MS,arial;	
}

div.vlakInhoud div {
	text-align:justify; 
	font-family:verdana; // Trebuchet MS,arial;
	font-size:10px;
	Xtext-align:left;
}

div.vlakInhoud img {border:none;}

div.vlakInleiding { 
	height:166px; 
	padding-left:9px; 
}

div.vlakRubrieken { height:166px; padding-left:5px; }

div.vlakType1 { margin-top:8px;margin-left:8px;float:left;margin-right:10px; } /* vertikaal */
div.vlakType1 div.vlakInhoud { height:360px; }
div.vlakType1 img { float:right; margin-left:8px;}
div.vlakType1 .hr {
	margin-top:10px;
	margin-bottom:15px;
	padding:0;
	height:0px;
	border-top:1px solid white;
	border-bottom:1px solid #B3C9FF;
	font-size:0px;
	line-height:0px;
}



div.vlakType2 { margin-top:8px;float:left;xmargin-right:5px; } /* even aannemen: horizontaal */
div.vlakType2 img { float:left; margin-right:8px;}
div.vlakType2 div.vlakInhoud { height:148px; }
div.vlakType2 .hr {
	margin-top:10px;
	margin-bottom:15px;
	padding:0;
	width:0px;
	height:100px;
	border-left:1px solid white;
	border-right:1px solid #B3C9FF;
	font-size:0px;
	line-height:0px;
	float:left;
}


div.vlakInhoud h1, div.vlakInhoud h2 { 
	font-family:Trebuchet MS,arial;
	font-size:11px; 
	margin-top:0px; 
	margin-bottom:10px;
	color:#00049C; 
}

td.knop {
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	background:url(../gfx/knop73x18.gif) no-repeat;
	width:75px;
	height:20px;
	color:#FAE5AF;
	padding-top:2px;
}

td.knopDubbel {
	height:38px;
	background:url(../gfx/knop73x38.gif) no-repeat;
	line-height:10px;
	padding-top:3px;
}

td.knop a { 
	color:#FAE5AF;
	text-decoration:none;
	width:75px;
	height:18px;
}

td.knop div.knop { 
	color:#FAE5AF; 
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	width:75px;
	height:18px;
}

td.knop div.knop:hover { color:#fff;text-decoration:none;}
td.knop div.selected { color:#fff;} 

table#tblSubrubrieken { width:372px;height:115px;margin-top:8px; }


td#tdRubriekImage {
	width:120px;
	text-align:center;
	vertical-align:top;
	/* background:url(../gfx/rubr2006_romantiek.gif) ; */
	background-position:center center;
	background-repeat:no-repeat;
}

td#tdRubriekImage img {margin-top:12px;}

td#tdRubrieknaam {
	height:12px;
}
td#tdSubrubrieken {
	height:83px;
	text-align:left;
	vertical-align:middle;
	padding:2px 5px 2px 0px;
}

td#tdZoek {
	text-align:right;
}

div.subrubriek { 
	line-height:19px; 
	font-size:11px;
	font-family:arial;
	padding-left:5px;
	word-break:keep-all;
	}

a.rubriek {
	margin-right:10px;
	xmargin-left:10px;
	}

td#tdZoek { 
	padding-right:5px;
	font-family:arial;
	color:#8080FF;
	font-weight:bold;

	}	
td#tdZoek form { margin:0;padding:0; }
td#tdZoek form input.text {
	font-family:verdana;
	font-size:9px;
	background:#E9EFFF;
	border:1px solid #B3C9FF;
	color:#8080FF;
	width:100px;
	height:16px;
	margin-bottom:1px !important; margin-bottom:0px;
}

td#tdZoek form input.knop {

	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	background:#C00000;
	border:1px solid #B3C9FF;
	color:#FAE5A0;
	width:20px;
	height:16px;
}

div.rubriek {
	font-family:arial;
	color:#8080FF;
	font-weight:normal;
	margin-left:5px;
}

div#topKaarten {
	Xfloat:right;
	Xmargin-left:25px;
	height:120px;
	Xwidth:270px;
}

div#topKaarten div { margin-bottom:5px;  }

div.vlakMobiel div.subVlak_1 {
	width:115px;
	width:200px;
	float:left;
	margin-left:10px;
		margin-right:20px;

}

div.vlakMobiel div.subVlak_2, div.vlakMobiel div.subVlak_3, div.vlakMobiel div.subVlak_4, div.vlakMobiel div.subVlak_5 {
	margin-right:10px;
	margin-left:10px;
	width:125px;
	width:200px;
	float:left;

	margin-right:20px;
	margin-left:20px;
	
}


div.vlakMobiel div.subVlak_5 { width:120px;	width:200px; }

div.vlakMobiel div.subVlak_1 img, div.vlakMobiel div.subVlak_2 img, div.vlakMobiel div.subVlak_3 img, div.vlakMobiel div.subVlak_4 img, div.vlakMobiel div.subVlak_5  img {
	margin:0 10px 0px 0;
	border:1px solid #6989FF;
	width:75px;
	height:51px;
	float:left;
}

div.vlakMobiel div.subVlak_2 img {
	width:29px;height:60px;
	border:none;
}

div.vlakMobiel div.subVlak_3 img {
	width:60px;height:60px;
	border:none;

}



div.vlakInhoud img.ecardThumbnail {display:inline;float:none;padding:0;margin-right:6px;width:80px; height:60px; border-style:solid; border-width:1px; border-color:#6989FF;}

div#overzichtInleiding { margin-bottom:10px; }
div#overzichtInleiding h1 { font-family:verdana;font-size:12px;font-weight:bold;color:#0000C0; margin-bottom:7px; margin-top:0; }
div#overzichtInleiding h3 { margin-top:0; }

/* div {border:1px solid; } */

ul.sitemap { margin-left:100px; }

/* -- msn stuff --*/

#msn td, #msn div { 
	font-family:trebuchet MS;
	font-size:13px;
	font-weight:normal;
	color:#385FF0;
}

#msn h2 {
	font-family:trebuchet MS;
	font-size:16px;
	font-weight:bold;
	color:#385FF0;
}

#msn a {
	font-family:trebuchet MS;
	font-size:13px;
	font-weight:normal;

	color:#385FF0;
	text-decoration:underline;
}

#msn a:hover {
	color:#0B37D9;
	text-decoration:underline;
}


#msn h4 {
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}


ul#navigatieMSN { 
	border:none;
	font-size:11px;
	list-style:none	; 
	margin-left:0px;
	padding-left:0px;
	text-align:center;
}
ul#navigatieMSN li { 
	margin-left:0px;
	border:none;
	padding:0px 0px 7px 0px;
	margin-bottom:5px;
/*
	background-image:url(../mobiel/gfx/btn_msn_navigatie.gif) ;
	background-repeat:no-repeat;
*/
	margin-left:-10px;
}

ul#navigatieMSN img { border:none; width:93px;height99px;   }

ul#navigatieMSN li a:hover img {margin-left:4px;}

