/* o.a. blokje voor spelletjes onder menu */
.extrablok {
	margin-left: 3px;
	}
.extrablok td {
	vertical-align: middle;
	}
td.nieuwsheadline {
	background: #E6B743;
	padding: 0; margin: 0;
	}
.extralinkje {
	font-size: 11px;
	color: #fff !important;
	text-decoration: underline;
	border: none !important;
	padding-bottom: 1px;
	}
.extralinkje:hover {
	color: #000 !important;
	text-decoration: none !important;
	}
.extraline {
	background: #f4e28a;
	}

/* HEADER babyinfo.nl ------------------------------------------------------- */

#KIopvakantie #wij-header {
	background: transparent url('../img/header/opvakantie.jpg') top left no-repeat;
	}
#KIopvakantie.kamperen #wij-header {
	background: transparent url('../img/header/opvakantie-kamperen.jpg') top left no-repeat;
	}
#KIopvakantie.bungalows #wij-header {
	background: transparent url('../img/header/opvakantie-bungalows.jpg') top left no-repeat;
	}
#KIopvakantie.vliegen #wij-header {
	background: transparent url('../img/header/opvakantie-vliegen.jpg') top left no-repeat;
	}
#KIuitstapjeskalender #wij-header {
	background: transparent url('../img/header/uitstapjeskalender.jpg') top left no-repeat;
	}
#KIholland #wij-header {
	background: transparent url('../img/header/holland-lente.jpg') top left no-repeat;
	}
#KIschoolvakanties #wij-header {
	background: transparent url('../img/header/schoolvakanties.jpg') top left no-repeat;
	}
#KIvillakakelbont #wij-header {
	background: transparent url('../img/header/villakakelbont.jpg') top left no-repeat;
	}


/* BREADCRUMB --------------------------------------------------------------- */

#breadcrumb {
	margin: 0 0 0 0;	padding: 0;
	font-size: 10px; line-height: 22px;
	background: #f4e28a;
	height: 22px;
	}
#breadcrumb a {
	color: #2c4a4b;
	padding: 0 2px;
	}
#breadcrumb a span {
	color: #999;
	font-size: 11px;
	}
#breadcrumb a:hover {
	color: #e4b033;
	text-decoration: none;
	}
#breadcrumb a:hover span {
	color: #000;
	}


/* NAVIGATIE ---------------------------------------------------------------- */

#contentNav {
	margin: 0 0 7px 0;
	}
#contentNav .left {
	float: left;
	display: inline;
	width: 1px; height: 24px !important;
	background: #2c4a4b;
	}
#contentNav .right {
	float: left;
	display: inline;
	width: 1px; height: 24px !important;
	background: #2c4a4b;
	}
#contentNav .menu {
	float: left;
	display: inline;
	width: 647px; height: 24px !important;
	}
#contentNav ul {
	list-style-type: none;
	background: #2c4a4b;
	height: 24px;
	}
#contentNav li {
	float: left;
	}
#contentNav ul a {
/*	padding: 0 14px 0 7px; */
	padding: 0 5px 0 5px;
	display: block;
	line-height: 24px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}
#contentNav ul a.active {
	color: #e4b033;
	}
#contentNav a:hover {
	text-decoration: underline;
	}
#contentNav ul a.active:hover {
	text-decoration: none !important;
	}


/* TERUG VORIGE PAGINA ------------------------------------------------------ */

#goBack {
	margin: 0;	padding: 0;
	font-size: 10px; line-height: 10px;
	}
#goBack a {
	color: #f4e28a;
	padding: 0 2px;
	}
#goBack a span {
	color: #e4b033;
	font-size: 11px;
	}
#goBack a:hover {
	color: #e4b033;
	background: #f4e28a;
	text-decoration: none;
	}
#goBack a:hover span {
	color: #000;
	}

/* CONTENT babyinfo.nl ------------------------------------------------------ */

.margin {
	margin-right: 7px;
	}

.content p {
	margin: 0 7px 7px 0;
	padding: 7px 0 0 0;
	}
.content ul {
	list-style-type: none;
	padding: 0;	margin: 0 7px 1em 0;
	}
	.content li {
	background: transparent url('../img/basis/li.gif') 0 4px no-repeat;
	padding-left: 14px;
	margin: 0.35em 0;
	}
	.content li.active {
	background: transparent url('../img/basis/li-active.gif') 0 4px no-repeat;
	}
	.content li span {
	cursor: help;
	}
.content #simpel ul {
	list-style-type: none;
	padding: 0;	margin: 0 7px 1em 10px;
	}
.content h3 {
	font-size: 13px;
	padding-top: 0.7em;
	}
.content h4 {
	font-size: 11px;
	padding-top: 0.7em;
	}
.content a {
	color: #2c4a4b;
	font-weight: bold;
	}
	.content a:hover {
	color: #e4b033;
	}
.content hr {
	border: none; border-top: 1px solid #e4b033; height: 0; margin: 0.25em 7px 1em 0;
	}


/* CONTENT pagina ----------------------------------------------------------- */

#contentLeft #koptekst {
	position: relative;
	line-height: 48px;
	height: 38px;
	width: 636px;
	margin: 0 6px;
/*	overflow: hidden; */
	}
#contentLeft #koptekst .corner {
	margin-top: 10px;
	z-index: 20;
	}
#contentLeft #koptekst h1 {
	z-index: 10;
	}

#titleIcons {
	position: absolute;
	top: 0px; right: 0;
	margin: 4px 10px 4px 0;
	width: 180px; /* height: 40px; */
	z-index: 20;
	}
#titleIcons li {
	float: right;
	}
#titleIcons li li {
	float: left;
	}

#titleIcons li ul {
	position: absolute;
	width: 54px;
	left: -999em;
	background: white;
	top: 34px;
	}
#titleIcons ul li:hover ul, #titleIcons ul li.sfhover ul {
	left: auto;
	}

#titleIcons a {
	display: block; float: left;
	width: 54px; height: 34px;
	margin: 0; padding: 0;
	cursor: pointer;
	}
#titleIcons a span {
	display: none;
	}
#titleIcons a.vliegen {
	background: transparent url('../img/icons/vliegen-off.png');
	}
	#titleIcons a.vliegen:hover {
	background: transparent url('../img/icons/vliegen-over.png');
	}
	#titleIcons .active a.vliegen, 
	#titleIcons .active a.vliegen:hover {
	background: transparent url('../img/icons/vliegen.png');
	}
#titleIcons a.bungalows {
	background: transparent url('../img/icons/bungalows-off.png');
	}
	#titleIcons a.bungalows:hover {
	background: transparent url('../img/icons/bungalows-over.png');
	}
	#titleIcons .active a.bungalows, 
	#titleIcons .active a.bungalows:hover {
	background: transparent url('../img/icons/bungalows.png');
	}
#titleIcons a.kamperen {
	background: transparent url('../img/icons/kamperen-off.png');
	}
	#titleIcons a.kamperen:hover {
	background: transparent url('../img/icons/kamperen-over.png');
	}
	#titleIcons .active a.kamperen, 
	#titleIcons .active a.kamperen:hover {
	background: transparent url('../img/icons/kamperen.png');
	}
	
#titleIconsTxt {
	position: absolute;
	top: 0px; right: 0;
	margin: 4px 10px 4px 0;
	/* width: 180px; height: 40px; */
	z-index: 20;
	}
	#titleIconsTxt li {
	float: right;
	}
	#titleIconsTxt a {
	position: relative; 
	display: block; 
	float: left; 
	font-weight: bold;
	text-decoration: none; 
	padding: 0 0 0 10px; 
	height: 34px;
	}
	#titleIconsTxt ul li a span       { position: relative; padding: 0; height: 25px; float: left; }
	#titleIconsTxt ul li a:hover      { color: #ce9f2e; }
	#titleIconsTxt ul li a:hover span { display: block; width: auto; cursor: pointer; }
	#titleIconsTxt ul li a {
	color: #b9b9b9;
	background: transparent url('../img/icons/textLeft-off.gif') no-repeat top left;
	line-height: 44px;
	}
	#titleIconsTxt ul li a span {
	display: block;
	padding: 0 10px 0 0;
	width: auto;
	background: transparent url('../img/icons/textRight-off.gif') no-repeat top right;
	height: 34px;
	}
	#titleIconsTxt ul li a:hover {
	background: transparent url('../img/icons/textLeft-over.gif') no-repeat top left;
	line-height: 38px;
	}
	#titleIconsTxt ul li a:hover span {
	background: transparent url('../img/icons/textRight-over.gif') no-repeat top right;
	}
	#titleIconsTxt ul li.active a,
	#titleIconsTxt ul li.active a:hover {
	color: #ce9f2e !important;
	background: transparent url('../img/icons/textLeft.gif') no-repeat top left;
	line-height: 38px;
	}
	#titleIconsTxt ul li.active a span,
	#titleIconsTxt ul li.active a:hover span {
	display: block;
	padding: 0 10px 0 0;
	width: auto;
	background: transparent url('../img/icons/textRight.gif') no-repeat top right;
	height: 34px;
	}

#contentLeft h1 {
	position: absolute;
	top: 10px; left: 0;
	display: block; width: 622px;
	font-size: 14px;
	color: #fff;
	padding: 0 7px;
	background: #e4b033 url('../../img/fade-h1.png') left bottom repeat-x;
	line-height: 28px;
	height: 28px; overflow: hidden;
	z-index: 10;
	}

#contentLeft .content {
	line-height: 1.35em;
	border-width: 0 1px;
	border-style: solid;
	border-color: #e4b033;
	padding: 0 0 3px 7px;
	width: 627px;
	min-height: 772px; height: auto !important; height: 772px;
	margin: 0 6px;
	}
#contentLeft .content-bot {
	background: #e4b033 url('../img/basis/content-bot.png') top left no-repeat;
	width: 636px; height: 6px;
	overflow: hidden;
	margin: 0 6px;
	}

.left-extra {
	width: 165px;
	margin: 0 13px 0 0;
	text-align: right;
	color: #7c5905;
	}
.left-extra a {
	color: #7c5905;
	text-decoration: underline;
	}
.left-extra a:hover {
	color: #000;
	}

/* HOEKJES afgerond -------------------------------------------------------- */

.corner {
	position: absolute;
	width: 6px !important; height: 6px !important;
	overflow: hidden;
	}
	.topleft {
	top: 0; left: 0;
	background: transparent url('../../img/corners/topleft.png') top left repeat-x;
	}
	.topright {
	top: 0; right: 0;
	background: transparent url('../../img/corners/topright.png') top right repeat-x;
	}
	.bottomleft {
	bottom: 0; left: 0;
	background: transparent url('../../img/corners/bottomleft.png') top left repeat-x;
	}
	.bottomright {
	bottom: 0; right: 0;
	background: transparent url('../../img/corners/bottomright.png') top right repeat-x;
	}


/* CONTENT kolommen --------------------------------------------------------- */

img.right {
	float: right;
	}


/* column voor mn. layout 3 gelijke kolommen zoals bij OP VAKANTIE */
.column33,
.column50,
.column66,
.column100 {
	position: relative !important;
	float: left;
	display: inline;
	margin: 7px 7px 0 0;
	padding: 0;
	}
	.column33 {
	width: 202px;
	}
	.column50 {
	width: 306px;
	}
	.column66 {
	width: 411px;
	}
	.column100 {
	width: 620px;
	}
/* full column voor basis layout 3 ongelijke kolommen zoals bij HOLLAND */
.column33full {
	position: relative !important;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
	padding: 0;
	width: 209px;
	}
.column33full .column33 {
	margin: 0 0 7px 0 !important;
	padding: 0 0 4px 0 !important;
	}
/* full column voor basis layout 2 ongelijke kolommen zoals bij HOLLAND */
.column66full {
	position: relative !important;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
	padding: 0;
	width: 418px;
	}
.column66full .column66 {
	margin: 0 0 7px 0 !important;
	padding: 0 0 4px 0 !important;
	}
/* full column voor basis layout 2 gelijke kolommen à la HOLLAND */
.column50full {
	position: relative !important;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
	padding: 0;
	width: 313px;
	}
.column50full .column50 {
	margin: 0 0 7px 0 !important;
	padding: 0 0 4px 0 !important;
	}

	.column33 h2 span.zwanger {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/zwanger.png') right center no-repeat;
	}
	.column33 h2 span.babys {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/babys.png') right center no-repeat;
	}
	.column33 h2 span.kinderen {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/kinderen.png') right center no-repeat;
	}
	.column33 h2 span.vakantieindeling {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/vakantieindeling.png') right center no-repeat;
	}
	.column33 h2 span.vakantiespreiding {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/vakantiespreiding.png') right center no-repeat;
	}
	.column33 h2 span.leerplichtwet {
	width: 32px; height: 32px;
	background: transparent url('../../img/icons/leerplichtwet.png') right center no-repeat;
	}

#simpel .column33 h2,
#simpel .column66 h2 {
	margin: 10px 0 0 10px;
	padding: 0;
	background: none;
	line-height: 1em !important;
	}
#simpel .column33 h3,
#simpel .column66 h3 {
	margin: 0 0 5px 10px;
	padding: 0;
	background: none;
	line-height: 1em !important;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}
#simpel .column33 h3.actie,
#simpel .column66 h3.actie {
	color: #c00;
	}
#simpel .column33 img {
	border: none;
	margin: 0 !important;
	}
#simpel .column66 img {
	border: none;
	margin: 5px 10px !important;
	}
#simpel .column66 img.border {
	border: 3px solid #fff !important;
	margin: 5px 10px !important;
	}
#simpel img {
	border: none;
	padding: 0 !important;
	margin: 0 0 7px 0 !important;
	}
/*
#simpel .column33 p,
#simpel .column66 p {
	margin-top: 0 !important;
	padding-top: 0 !important;
	}
*/
.noborder {
	border: none !important;
}
.column33 img,
.column50 img,
.column66 img {
	border: 3px solid #fff;
	margin: 5px 10px;
	padding: 0;
	}
.column33 h2,
.column50 h2,
.column66 h2,
.column100 h2 {
	font-size: 12px;
	margin: 10px 0 5px 5px;
	padding: 0 0 0 5px;
	line-height: 18px;
	background: transparent url('../../img/fade-h2.png') -5px center no-repeat;
	}
.column50 .beeld,
.column66 .beeld {
	float: right;
	}

* html .column33 h2,
* html .column50 h2,
* html .column66 h2 {
	background: #eaf2d7;
	margin: 10px 5px 5px 5px;
	}
.column33 p,
.column50 p,
.column66 p,
.column100 p {
	margin: 0 10px 5px 10px;
	padding: 5px 0 0 0;
	}
.column33 h2 span,
.column50 h2 span,
.column66 h2 span {
	position: relative;
	top: -7px; right: 7px;
	float: right;
	}
.column33 h2 a,
.column50 h2 a,
.column66 h2 a {
	color: #000 !important;
	display: inline;
	}
	
.groen {
	background: #cee193 url('../../img/fade200.png') top left repeat-x;
	}
	* html .groen {
	background: #cee193;
	}
	.groen a,
	.groen a:hover {
	color: #33481b !important;
	font-weight: bold;
	}
	.groen a:hover img {
	border-color: #33481b;
	}
.geel {
	background: #f4e28a url('../../img/fade200.png') top left repeat-x;
	}
	* html .geel {
	background: #f4e28a;
	}
	.geel a,
	.geel a:hover {
	color: #7c5905 !important;
	font-weight: bold;
	}
	.geel a:hover img {
	border-color: #7c5905;
	}
.blauw {
	background: #bcedef url('../../img/fade200.png') top left repeat-x;
	}
	* html .blauw {
	background: #bcedef;
	}
	.blauw a,
	.blauw a:hover {
	color: #2c4a4b !important;
	font-weight: bold;
	}
	.blauw a:hover img {
	border-color: #2c4a4b;
	}
.roze {
	background: #f4d78a url('../../img/fade200.png') top left repeat-x;
	}
	* html .roze {
	background: #f4d78a;
	}
	.roze a,
	.roze a:hover {
	color: #e49733 !important;
	font-weight: bold;
	}
	.roze a:hover img {
	border-color: #e49733;
	}
.oranje {
	background: #ffcdab url('../../img/fade200.png') top left repeat-x;
	}
	* html .oranje {
	background: #ffcdab;
	}
	.oranje a,
	.oranje a:hover {
	color: #ff6600 !important;
	font-weight: bold;
	}
	.oranje a:hover img {
	border-color: #ff6600;
	}
.wit {
	background: #ebebeb url('../../img/fade200lichter.png') top left repeat-x;
	}
	* html .wit {
	background: #ebebeb;
	}
	.wit a,
	.wit a:hover {
	color: #d3031d !important;
	font-weight: bold;
	}

/* COMMERCIEEL -------------------------------------------------------------- */

.commercieel {
	clear: both;
	float: left;
	display: inline;
	border-top: 1px solid #e4b033;
	margin: 7px 7px 0 0;
	padding: 1em 0 0.5em 0;
	width: 620px;
	}
.commercieel h2 {
	margin-bottom: 0.5em;
	font-size: 12px;
	}
.commercieel img {
	float: right;
	margin: 0 0 0 1em;
	}

/* CONTENT pagina VILLA KAKELBONT ------------------------------------------- */

	#KIvillakakelbont #contentLeft .content {
	border-color: #f60 !important;
	color: #09c !important;
	width: 627px; 
	}
	#KIvillakakelbont p a {
	color: #09c !important;
	font-weight: bold;
	}
	#KIvillakakelbont p a:hover {
	color: #f60 !important;
	}
	#KIvillakakelbont #contentLeft .blauw,
	#KIvillakakelbont #contentLeft .blauw a {
	color: #0080cc !important;
	}
	#KIvillakakelbont #contentLeft .blauw img {
	border: 1px solid #0080cc !important;
	}
	#KIvillakakelbont #contentLeft .oranje,
	#KIvillakakelbont #contentLeft .oranje a {
	color: #f60 !important;
	}
	#KIvillakakelbont #contentLeft .content-bot {
	background-color: #f60 !important;
	color: #fff !important;
	}
	#KIvillakakelbont #contentLeft #koptekst {
	display: block;
	margin-top: 7px;
	line-height: 32px;
	height: 110px !important;
	width: 636px;
	background: #f60 url('../../img/fade-h1.png') left bottom repeat-x;
	}
	#KIvillakakelbont #contentLeft #koptekst .corner {
	margin-top: 0 !important;
	}
	#KIvillakakelbont #contentLeft #koptekst h2 span {
/*	display: none;  */
	}
	#KIvillakakelbont #contentLeft #koptekst h2 {
	position: absolute;
	color: #fff;
	top: 0; left: 0;
	display: block; width: 280px !important; 
	background: transparent;
	height: 90px !important;
	font-size: 28px;
	font-style: italic;
	margin: 10px;
	}
	#KIvillakakelbont #contentLeft #koptekst img.villakakelbont {
	position: absolute;
	top: 10px; right: 10px;
	}
	#KIvillakakelbont div.images {
	margin: 7px 0;
	}
	#KIvillakakelbont div.images img {
	float: left;
	margin-right: 4px;
	border: 1px solid #f60;
	}
	#KIvillakakelbont .column50 img {
	margin: 5px;
	float: right;
	}

	
/* CONTENT pagina UITSTAPJESKALENDER --------------------------------------- */

.UitPrevNext {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-align: right;
	margin: 0.7em 0 0 0;
	padding: 0 7px;
	float: right;
	width: 40%;
	}
.content .UitMaand h3 {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	float: left;
	width: 50%;
	}

#KIuitstapjeskalender .column33 h2 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	}
#KIuitstapjeskalender .column33 h3 {
	font-size: 10px !important;
	margin: 0 !important;
	padding: 0 0 5px 10px !important;
	}
#KIuitstapjeskalender .eycatcher p {
	padding-top: 0.5em;
	}

#KIuitstapjeskalender .date {
	width : 40px; height: 50px;
	margin: 5px 10px; padding: 0;
	text-align: center;	
	background: url('../../img/bi/kalender.png') top left no-repeat;
	float : left;
	display: inline;
	}

#KIuitstapjeskalender .wday {
	text-transform:uppercase;
	font-size: 10px;
	display : block;
	margin: 13px 2px 0 2px;
	padding: 0;
	}

#KIuitstapjeskalender .day {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #2c4a4b;
	display: block;
	margin: 2px 2px 0 2px;
	padding: 0;
	}


/* FORMULIEREN -------------------------------------------------------------- */

	

/* CONTENT schoolvakanties -------------------------------------------------- */



.juninum { color: #E4B033 !important; font-size: 18px !important; }
.juninum span {
	font-size: 21px; color: #fff; background: #E4B033; padding: 0 0.25em;
}