/*-- Posthuistheater                           --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 14 mei 2007                 --*/
/*-- Auteur: BB                                --*/

h3 {
	font: bold 1.3em/110% verdana, arial, helvetica, sans-serif;
	padding: 0em 0 0.3em 0;
	color:#e31818;
}

h4 {
	font: bold 1.3em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.3em 0;
	color: #868686;
}

.suggesties a:link, .suggesties a:visited,
.eigenschappen a:link, .eigenschappen a:visited {
	color: #000000;
	text-decoration: none;
}

.suggesties a:active, .suggesties a:hover,
.eigenschappen a:active, .eigenschappen a:hover {
	color: #000000;
	text-decoration: none;
}

a:link .h3, a:visited .h3 {
	color: #e31818;
	text-decoration: none;
}

a:active .h3, a:hover .h3 {
	color: #000000;
	text-decoration: none;
}

/*-- ----------------------------------- content ------------------------------- --*/

#middleColumn .content {
	position: relative;
	z-index: 50
}

#middleColumn .content .paddingBox {
	overflow: visible;
}

.imageContainer {
	width: 242px;
}

.blockleft{float: left; width: 200px; background: transparent; display:block;}
.blockright{float: right; width: 200px; background: transparent; display:block;}
.blockright ul li{align: right;}
.item{clear:both;}

.extraInfo {
	float: left;
	clear: both;
	position: relative;
	height: 20em;
	width: 468px;
	z-index: 35;
	margin: 20px 0 20px 0;
}

html>body .extraInfo {
	height: auto;
	min-height: 20em;
}

.infoContainer {
	width: 205px;
	position: absolute;
	z-index: 30;
	left: 260px;
	bottom: 0.6em;
}

.landscape .infoContainer {
	padding: 20px 0 0 0;
	width: 468px;
	position: static;
	clear: both;
	float: left;
}

.landscape .leftInfo {
	width: 232px;
	float: left;
}

.landscape .rightInfo {
	width: 232px;
	float: right;
}

.content ul {
	padding: 0 ;
}

.info {
	display: block;
	width: 232px;
	margin: 0 0 10px 0;
}

.landscape .leftInfo {
	margin: 0 0 -20px 0;
	
}

.landscape .info {
	margin: 0 0 20px 0;
}

.info th {
	color: #868686;
	width: 7em;
	text-align: left;
}
.info td {
	color: #000000;
}

.rightInfo .info th {
	width: 60%;
}
.rightInfo .info td {
	width: 100px;
	text-align: left;
}
.rightInfo .site th {
	width: 100%; 
}
.rightInfo .site td {
	width: 100%; 
}

.actions {
	padding: 30px 0 0 0!important;
}

.actions li.status {
	color: #000000;
	font-weight: bold;
	list-style-type:none;
}

.landscape .actions {
	padding: 0 0 0 0!important;
}

.beschrijving {
	clear: both;
	/* padding: 25px 0 1em 0; */
	margin: 0 0 1em 0;
}

.beschrijving-extra {
	font-style: italic;
	padding: 0em 0 1em 0;
}

.browse {
	
}

.browse li {
	display: inline;
	float: left;
}

.browse li.buttonVolgende {
	clear: none;
	float: right;
	width: 57px;
}

.suggestiesHeader {
	clear: both;
	background: transparent url(/images/krul_ondersteboven_lichtgrijs_links.gif) no-repeat 0 3px;
	padding: 15px 0 0 0;
}

.suggestiesHeader h2 {
	background-color: #d1d1d1;
	color: #616161;
}

.suggesties li {
	width: 234px;
	display: inline;
	float: left;
}

.suggesties li a {
	display: block;
	cursor: pointer;
	zoom: 1;
	width: 100%;
	height: 100px;
	position: relative;
}

.suggesties li a span {
	display: block;
	float: right;
	width: 150px;
}

.suggesties li a span span {
	float:left;
	width: 145px;
}

.suggesties li a img{
	float: left;
}

/*-- ----------------------------------- eigenschappen ------------------------------- --*/

ul.eigenschappen {
	display: inline;
	float: right;
	clear: both!important;
	/*width: 150px;*/
	margin: 0px 0 0 0;
	clear: both!important;
	padding: 0;
}

ul.eigenschappen li {
	display: inline!important;
	clear: none!important;
	float: left!important;
	width: 30px;
	height: 27px;
	padding: 0!important;
}

ul.eigenschappen li a {
	cursor: help;
}

ul.extralinks {
	display: block;
}

ul.eigenschappen li.leeftijd2 { background: transparent url(/images/icons/icon_2plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd2 a { background: transparent url(/images/icons/icon_2plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd3 { background: transparent url(/images/icons/icon_3plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd3 a { background: transparent url(/images/icons/icon_3plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd4 { background: transparent url(/images/icons/icon_4plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd4 a { background: transparent url(/images/icons/icon_4plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd5 { background: transparent url(/images/icons/icon_5plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd5 a { background: transparent url(/images/icons/icon_5plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd6 { background: transparent url(/images/icons/icon_6plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd6 a { background: transparent url(/images/icons/icon_6plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd7 { background: transparent url(/images/icons/icon_7plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd7 a { background: transparent url(/images/icons/icon_7plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd8 { background: transparent url(/images/icons/icon_8plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd8 a { background: transparent url(/images/icons/icon_8plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd9 { background: transparent url(/images/icons/icon_9plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd9 a { background: transparent url(/images/icons/icon_9plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd10 { background: transparent url(/images/icons/icon_10plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd10 a { background: transparent url(/images/icons/icon_10plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd11 { background: transparent url(/images/icons/icon_11plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd11 a { background: transparent url(/images/icons/icon_11plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd12 { background: transparent url(/images/icons/icon_12plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd12 a { background: transparent url(/images/icons/icon_12plus.gif) no-repeat 0 0; }

ul.eigenschappen li.maaltijden { background: transparent url(/images/icons/icon_bestek_over.gif) no-repeat 0 0; }
ul.eigenschappen li.maaltijden a { background: transparent url(/images/icons/icon_bestek.gif) no-repeat 0 0; }

ul.eigenschappen li.plus { background: transparent url(/images/icons/icon_plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.plus a { background: transparent url(/images/icons/icon_plus.gif) no-repeat 0 0; }

ul.eigenschappen li.jongeren { background: transparent url(/images/icons/icon_jongeren_over.gif) no-repeat 0 0; }
ul.eigenschappen li.jongeren a { background: transparent url(/images/icons/icon_jongeren.gif) no-repeat 0 0; }

ul.eigenschappen li.koffie { background: transparent url(/images/icons/icon_koffie_over.gif) no-repeat 0 0; }
ul.eigenschappen li.koffie a { background: transparent url(/images/icons/icon_koffie.gif) no-repeat 0 0; }

/*-- ----------------------------------- help ------------------------------- --*/

a.help {
	display: block;
	float:left;
    position: relative;
    width: 27px;
    height: 27px;
    z-index: 24;
    color:#000;
    text-decoration:none;
}

a.help:hover {
	z-index:25;
	background-position: 0 0px;
	background: none;
}

a.help span {
	display: none;
}

a.help span.genre {
	display: block;
	width: 27px;
	height: 27px;
	text-indent: -666666px;
	overflow: hidden;
}

a.help:hover span.title { 
    display:block;
    position:absolute;
    left: -152px;
    top: 19px;
    padding: 0.3em 0.5em 0.7em 0.5em;
    margin: 0;
    width: 150px;
 	background-color:#747474;
	color: #ffffff;
}

/*-- ------------------- content detail // uitnodiging ------------------------ --*/

.imageContainerShaded {
	height: auto;
	width: 183px;
	background: transparent url(/images/shadow_left.jpg) repeat-y 0 0;
}

.imageContainerShaded .imageContainerShadedFooter {
	clear: both;
	height: 8px;
	overflow: hidden;
	width: 183px;
	background: transparent url(/images/shadow_bottom.jpg) no-repeat 0 0;
}

.imageContainerShaded img {
	float: right;
	padding: 0;
	margin: 0;
	border: 1px solid #bbbbbb;
}

.postcardBeschrijving {
	float: right;
	width: 280px;
}

#postcardAchterkantContainer {
	clear: both;
	width: 478px;
	padding: 0;
	background: transparent url(/images/shadow_left.jpg) repeat-y 0 0;
	display: inline;
	margin: 10px 0 0 0;
	clear: both;
	float: left;
}

#postcardAchterkant {
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	border: 1px solid #bbbbbb;
	background: #ffffff url(/images/stippellijn.gif) repeat-y 50% 0;
}

#postcardLinks {
	float:left;
	width: 228px;
	padding: 0
}

#postcardLinks p {
	padding: 0 0 55px 0;
}

#postcardRechts {
	clear: none;
	float: right;
	width: 228px;
	padding: 110px 0 0 0;
	background: #ffffff url(/images/postzegel.gif) no-repeat 0px 5px;
}

#postcardLinks .paddingBox {
	padding: 10px 0 0 15px;
}

#postcardRechts .paddingBox {
	padding: 0 0 90px 20px;
	clear: none;
	float: left;
	position: relative;
}

div#postcardFooter {
	clear: both;
	height: 8px!important;
	overflow: hidden;
	padding: 0 0 0 20px!important;
	background: transparent url(/images/shadow_bottom_wide.jpg) no-repeat 0 0;
}