/**
 * kids additional css
 * @author AK
 */

body {
	background-color: #60bbe6;
	background-image: url(/images/headerbg-kids.jpg);
}

#outerContainer, #container { background-image: url(/images/headerbg-kids.jpg) }

h1 a { background-image: url(/images/logo-kids.jpg) } 

h2, .h2 { color: #106993 }

d#mainContainer {
	padding-left: 237px;
}

d#main { left: -17px }

d#subColumn1 {
	width: 237px;
	right: 237px;
}

#subColumn1 div.itemSmooth { background-image: url(/images/itembox_corner_RO-kids.gif) }

s#subColumn1 { padding-bottom: 385px;
	background: transparent url(/images/kids/jetjuul.jpg) no-repeat 50% 100% }


img#jetJuul {
	margin: 2em 0 0 -20px;	
}


div.laySubColumn { border-color: #60BBE6 }


/* --- mainmenu --- */

#mainMenu ul,
#mainMenu ul li {
	background: #60BBE6;
}

#mainMenu #menuZakelijk a span.ir-aid-hover span  {
	background-image: url(/images/kids/menu_zakelijk.gif);	
}
#mainMenu #menuZakelijk a span.ir-aid-hover {
	background-image: url(/images/kids/menu_zakelijk_over.gif);	
}




/* --- submenu --- */

#submenu li a:hover span { color: #ffc000!important }

#submenu li a:hover span,
#subColumn1 #submenu li.active a,
#subColumn1 #submenu li.active a span,
#subColumn1 #submenu li.activeParent a.submenuParent,
#subColumn1 #submenu li.activeParent a.submenuParent span,
#subColumn1 #submenu li.activeParent li,
#subColumn1 #submenu li.activeParent li span  {
	background: none;
	color: #ffc000;
}

#submenu li.activeParent a.submenuParent span { color: #ffffff!important }
#submenu li.activeParent a.submenuParent:focus span,
#submenu li.activeParent a.submenuParent:hover span,
#submenu li.activeParent a.submenuParent:active span { color: #ffc000!important }

#subColumn1 #submenu li.active li a,
#subColumn1 #submenu li.active li a span,
#subColumn1 #submenu li.activeParent li,
#subColumn1 #submenu li.activeParent li span {
	color: #ffffff;
	font-weight: normal;
}

#submenu li.activeParent li.active span { color: #ffc000!important; font-weight: bold!important }



/* --- voorst. overzicht --- */

#voorstellingenOverzicht li.voorstellingenOverzicht-item .infoBlock dd.extrainfo {
	font-size: 1.6em;
}

#voorstellingenOverzicht li.voorstellingenOverzicht-item p {
	float: right;
	margin-top: 12px;
}
#voorstellingenOverzicht li.voorstellingenOverzicht-item p a {
	color: #ffffff;
	font-size: 1.6em;
	text-decoration: none;
}
#voorstellingenOverzicht li.voorstellingenOverzicht-item p a:focus,
#voorstellingenOverzicht li.voorstellingenOverzicht-item p a:hover,
#voorstellingenOverzicht li.voorstellingenOverzicht-item p a:active,
#voorstellingenOverzicht li.voorstellingenOverzicht-item p a.over {
	font-style: italic;
}


/* - locatie specifiek - */
#voorstellingenOverzicht li.voorstellingenOverzicht-item				{ background: #b1db1f; color: #3e4f02 }
#voorstellingenOverzicht li.voorstellingenOverzicht-item a 				{ color: #3e4f02 }
#voorstellingenOverzicht li.voorstellingenOverzicht-item .kop 			{ background-image: url(/images/kids/dotline_green.gif) }

#voorstellingenOverzicht li.voorstellingenOverzicht-item-spiegel 		{ background: #ffc000; color: #751c00 }
#voorstellingenOverzicht li.voorstellingenOverzicht-item-spiegel a 		{ color: #751c00 }
#voorstellingenOverzicht li.voorstellingenOverzicht-item-spiegel .kop 	{ background-image: url(/images/kids/dotline_orange.gif) }


#voorstellingenOverzicht li.voorstellingenOverzicht-item-odeon 			{ background: #ff96d1; color: #6b002c }
#voorstellingenOverzicht li.voorstellingenOverzicht-item-odeon a		{ color: #6b002c }
#voorstellingenOverzicht li.voorstellingenOverzicht-item-odeon .kop 	{ background-image: url(/images/kids/dotline_pink.gif) }


/* -- paginatie -- */

ul.pagination			{ font-size: 1.09em; }
ul.pagination li.prev	{ background-image: url(/images/kids/paginate_prev.gif) }
ul.pagination li.next	{ background-image: url(/images/kids/paginate_next.gif) }


/* --- ecards --- */

.ecard #ecardAchterkantContainer
{
	display: table;
	border: 2px solid #1a171b;
	width: 596px;
	height: 418px;
	width: 496px;
	height: 348px;
	background: #ffffff;
	clear: both;
	margin: auto;
}

.ecard #ecardAchterkant
{
	
	padding: 10px 5px 10px 5px;
	font: bold 13px/130% "Comic Sans MS", script, fantasy;
	text-align: center;
}

.ecard #ecardAchterkant a span
{
	display: block;
	clear: both;
}

.ecard #ecardAchterkant a span#artiest
{
	font: bold 18px/130% "Comic Sans MS", script, fantasy;
}

.ecard #ecardAchterkant a span#voorstelling
{
	font: normal 16px/130% "Comic Sans MS", script, fantasy;
}

#ecardLeft
{
	float: left;
	width: 238px;
	color: #0232ff;
	padding: 0 0 10px 0;
}

#ecardRight
{
	float: right;
	width: 235px;
	height: 150px;
	background: transparent url(/images/kids/postzegel.gif) no-repeat right top;
	border: 3px solid #000000;
	border-width: 0 0 0 3px;
	padding: 140px 0 20px 0;
	color: #ff8600;
}

#ecardRight .ecardBericht
{
	font: bold 18px/130% "Comic Sans MS", script, fantasy;
}

#ecardLeft .ecardBericht
{
	font: bold 22px/130% "Comic Sans MS", script, fantasy;
	padding: 30px 0 0 0;
}



#cardsMenuContainer li {
	list-style: none;
}

#ecardTonen { width: 534px }