body {
	margin: 0px;
	padding: 0px;
	background-color: #FBF6E8;
}

* {
	margin: 0;
	padding: 0;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.main {
	background-color: #970000;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	position: relative;
}

.pageBlock {
	margin: 0 0 6px 0;
/*	border: 4px solid silver;*/
/*	background-color: #fdfdfd;*/
}

/*.banner {
	padding: .4em;
	width: 1010px;
	background-color: lime; // #4040b0
	color: white;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	position: relative;
}*/

.banner img {
	float: right;
	margin-right: 1em;
	margin-top: -.6em;
	margin-bottom: -.9em;		
	position: relative;
	z-index: 2;
}

.fixedBlock {
	float: left;
	margin: 6px 0px -6px 6px;
	/* combined widths of 2 times 'sideColumn' plus margins between them */
	width: 646px;
/*		background-color: #eeddee;*/
}

.fixedBlock.threeColumnsWide {
	/* combined widths of 3 times 'sideColumn' plus margins between them */
	width: 972px;
}

.sideColumn {
	float: right;
	/* Prevent collapse of design when a column ends up empty */
	min-height: 200px;
	width: 320px;
	/* Is this needed? */
	max-width: 320px;
	margin: 6px 6px 0px 0px;
}

/*.fixedMiddleColumn {
	float: right;
	margin: 14px 14px 0 0;
	width: 448px;
}*/

.footer {
	clear: both;
	padding: .4em;
	width: 1010px;
	background-color: #efefff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	margin-bottom: 6px;
}

.titleOfBlock {
	border-bottom: 1px solid silver;
	padding: .3em;
	position: relative; /* IE fix */
	display: block;
	background-image: url("../images/1kol_header_yellow.gif");
	background-repeat: repeat-x;
	background-attachment: scroll;
}

.titleOfBlock h4 {
	color: #4040b0;
	padding-left: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

.titleOfBlock h4 a {
	color: inherit;
}

.titleOfBlock h4 a:hover {
	color: #8080e0;
}

.fixedBlock .pageBlock {
/*	background-color: white;*/
}

.pageBlock .blockContent {
	background-color: #FBF6E8;
/*	margin-bottom: 6px;*/
}

.fixedBlock .pageBlock .blockContent {
	margin-bottom: inherit;
}

.fixedBlock .titleOfBlock {
	background-image: url("../images/2kol_header_orange.gif");
	border-bottom: 0px none;
}

.fixedBlock.threeColumnsWide .titleOfBlock {
	background-image: url("../images/3kol_header_orange.gif");
	border-bottom: 0px none;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

.rolloverImage li {
	/* don't understand this: should be 33! (3 X 33 = 99)? */
	height: 25px;
	max-height: 25px;
	overflow: hidden;
	padding: 4px 4px 4px 7px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
/*	background-color: silver;*/
/*	border-bottom: 1px solid white;*/
}

/*.rolloverImage li.active {
	background-color: black;
}*/

.rolloverImage li.active a {
	/* not sure why this is needed (100% or no spec should be possible) */
	width: 149px;
}

.rolloverImage li a {
	display: block;
}

.rolloverImage li a:link {text-decoration: none; color: white;}
.rolloverImage li a:visited {text-decoration: none; color: white;}
.rolloverImage li a:hover {text-decoration: none; color: white;}
.rolloverImage li a:active {text-decoration: none; color: white;}

.rolloverImage li.active a:link {text-decoration: none; color: rgb(220, 220, 220);}
.rolloverImage li.active a:visited {text-decoration: none; color: rgb(220, 220, 220);}
.rolloverImage li.active a:hover {text-decoration: none; color: rgb(220, 220, 220);}
.rolloverImage li.active a:active {text-decoration: none; color: rgb(220, 220, 220);}

.sideColumn ul {
	padding: .6em .4em .6em 1.6em;
}

li {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	line-height: 1.4em;
}

li.menu {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	line-height: 1.4em;
	float: left;
}

/*li *//*a:link {text-decoration: none; color: #4040b0;}*/
/*li *//*a:visited {text-decoration: none; color: #4040b0;}*/
/*li *//*a:hover {text-decoration: underline; color: #4040b0;}*/
/*li *//*a:active {text-decoration: underline; color: #4040b0;}*/

ul .liAsP a {/*color: #4040b0;*/}

ul .liAsP a:link {text-decoration: none;/* color: #4040b0;*/}
ul .liAsP a:visited {text-decoration: none;/* color: #4040b0;*/}
ul .liAsP a:hover {text-decoration: none;/* color: #4040b0;*/}
ul .liAsP a:active {text-decoration: none;/* color: #4040b0;*/}

ul .liAsP {
	list-style: none;
}

li.hidden {
	display: none;
}

.fixedBlock .blockContent {
}

.fixedBlock .imageSpacer {
	float: left;
	max-width: 150px;
	height: 100px;
	padding: 3px;
	overflow: hidden;
	margin-right:6px;
}

.textDetail {
	margin: 0px 6px 6px 6px;
	font-size: 12px;
	padding: 5px 0px 0px 5px;
}

/*.topStory .blockContent p {
	margin: 0px;
}*/

.banner .titleOfBlock {
	margin: -.4em;
}

.footer .titleOfBlock {
	margin: -.4em;
}

.titleOfBlock a {
	text-decoration: none;
}

.titleOfBlock a.toggler, .titleOfBlock a.add, .titleOfBlock a.remove, .titleOfBlock a.prevTT, .titleOfBlock a.nextTT, .titleOfBlock a.edit {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
}

.titleOfBlock a.toggler {
	top: 10px;
	left: 8px;
	width: 11px;
	height: 11px;
	background-image: url("../images/smallArrowDown.gif");
	background-position: left top;
}

.titleOfBlock a.add, .titleOfBlock a.remove, .titleOfBlock a.prevTT, .titleOfBlock a.nextTT, .titleOfBlock a.edit {
	top: 9px;
	width: 14px;
	height: 14px;
	background-position: right top;
}

.titleOfBlock a.add {
	right: 30px;
	background-image: url("../images/plusButton.gif");
}

.titleOfBlock a.remove {
	right: 12px;
	background-image: url("../images/minusButton.gif");
}

.titleOfBlock a.prevTT {
	right: 30px;
	background-image: url("../images/prevTTButtonDisabled.gif");
	cursor: default;
}

.titleOfBlock a.nextTT {
	right: 12px;
	background-image: url("../images/nextTTButton.gif");
}

.titleOfBlock a.edit {
	top: 5px;
	right: 5px;
	width: 62px;
	height: 24px;
	background-image: url("../images/b_wijzig.gif");
}

div.itemOptions {
	display: none;
	background-color: #d0d0d0;
	/* Force 'layout' in IE (also fixes ignoring of background-color in IE 6 */
	width: 320px;
/* A _very_ quirky fix for a _very_ quirky error in IE 7 (doesn't use background colour) */
/*	border: 1px solid #d0d0d0;*/
}

div.itemOptions ul {
	float: left;
	width: 50%;
	list-style: none;
	padding: 0;
}

div.itemOptions li {
	list-style: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
/*	font-size: .8em;*/
	line-height: 1.8em;
	height: 1.8em;
	width: 12em;
	margin: 0 8px;
}

div.itemOptions label {
	padding-left: 1em;
	font-size: .92em;
}

div.itemOptions input {
	margin-left: .6em;
/* Fix for IE 6-7, but messes up IE 8-9 and Fx 2-3.6 (4?)
	height: 12px;
*/
}

div.subItem div a.add, div.subItem div a.remove {
	width: 14px;
	height: 14px;
	top: 4px;
	position: absolute;
}
		
div.subItem div a.add {
	right: 30px;
}

div.subItem div a.remove {
	right: 12px;
}

.imageBrowser img {
	padding: 0px 11px 7px 11px;
}

.fixedBlock .blockContent#staticContent {
/*	width: 625px; */
	overflow: hidden;
	padding: 0;
}

.fixedBlock .blockContent#staticContent img {
	width: inherit;
	float: none;
}

.pageBlock div.slideArea {
	position: relative;
	overflow: hidden;
}

.slideArea div.itemTitle {
	border-top: 0px none;
}

.pageBlock div.blockContent {
	position: relative;
}

.rolloverImage {
	display: none;
	height: 100px;
	width: 100%;
	overflow: hidden;
}

.rolloverImage .imageSpacer {
	float: left;
	height: 100px;
	width: 50%;
	text-align: center;
	background-color: black;
	margin: 0px;
	padding: 0px;
}

.rolloverImage .imageSpacer img {
	border: 0 none;
	max-width: 150px;
	max-height: 100px;
	margin: 0;
}

.rolloverImage ul {
	float: left;
	height: 100px;
	width: 50%;
	list-style: none;
	padding: 0px;
}

.topImage {
	display: none;
	overflow: hidden;
}

.topImage .imageSpacer {
	text-align: center;
}

.topImage .imageSpacer img {
	border: 0 none;
	max-width: 320px;
	max-height: 100px;
}

p {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

.banner p, .footer p {
	margin: .8em .4em 0 .4em;
}

#settings {
	display: none;
	background-color: #006463;
	color: #DAFFFF;
	font-weight: bold;
	/* With a padding of 0 things go wrong! (margins ignored) */
	padding-top: .2em;
	padding-bottom: .2em;
}

#settings div {
	margin-left: 5px;
}

#settings p {
	float:left;
	margin-left: 0;
	padding: 3px;
	font-size: .8em;
}

#settings ul.portletSubjects {
	float: left;
	width: 13.0em;
/*	margin: .6em 1.2em .2em 0;
*/	padding: 0px;
}

#settings li {
	list-style: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 2em;
	height: 2em;
	margin: 0px 1px 1px 0px;
	background-color: #DAFFFF;
	color: #006463;
	font-weight: normal;
}

#settings label {
	margin-left: 1em;
}

#settings input {
	margin-left: .6em;
}

#settings a#resetButton {
	float: right;
	margin-top: 4px;
	margin-bottom: -8px;
}

#settings div#colorChooser {
/*	border-top: 2px solid black;
	border-top-style: groove;
	border-bottom: 2px solid black;
	border-bottom-style: groove;
*/	padding: 0px;
	margin-top: 3px;
/*	margin-bottom: .4em;
*/}

#colourRotate {
	clear: both;
	padding: 0px 0px 5px 0px;
}

#colourRotate li {
	color: white;
	line-height: 12px;
	font-size: 9px;
}

#colourList {
	padding: 0px 5px 5px 0px;
}

#colorChooser ul {
	float: left;
	padding: 2px 5px 2px 0px;
}

#colorChooser li {
	float: left;
	height: 13px;
	width: 44px;
	background-color: inherit;
	margin-right: .8em;
	border: 1px solid white;
	cursor: pointer;
}

p#rotateLabel {
	font-size: 10px;
	float: left;
	margin: 7px 10px 0px 0px;
	padding: 3px 3px 3px 0px;
	color: #DAFFFF;
	border-right: 4px solid #DAFFFF;
}

#colorChooser li#label {
	line-height: 20px;
	margin-top: 0px;
	margin-left: .2em;
	margin-right: 1.8em;
	width: auto;
	color: rgb(204, 204, 204);
}

#colorChooser li.current {
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 4px solid rgb(255, 255, 255);
	border-left: 1px solid rgb(255, 255, 255);
	border-right: 1px solid rgb(255, 255, 255);
	margin-top: 0px;
}

#colorChooser li.current:hover {
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 4px solid rgb(255, 255, 255);
	border-left: 1px solid rgb(255, 255, 255);
	border-right: 1px solid rgb(255, 255, 255);
	margin-top: 0px;
}

#colorChooser li div.current {
	border: 3px solid rgb(255, 255, 255);
	margin-top: 0px;
}

#colorChooser li div.current:hover {
	border: 3px solid rgb(170, 170, 170);
	margin-top: 0px;
}

a#portletChoicesButton {
/*	width: 10em;
*/	height: 18px;
}

/*button#portletChoicesButton {
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: .76em;
	padding: .28em .6em;
	// For IE
	width: 14em;
}*/

div div.clearFix {
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

div.clearFixWithContent {
	clear: both;
	margin: 0px;
	padding: 0px;
}

img.spinner {
	/* Overrule '.imageBrowser img' selector */
	padding: 4px 0px;
	margin: 0px 152px;
	display: block;
}

ul.meer {
	margin: 5px 10px 5px 5px;
	padding: 5px 5px 2px 10px;
}

.blockContent div.itemTitle {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	background-color: #efefef;
	padding: .2em .6em;
	background-image: url("../images/gelebalk.gif");
}

div.itemSubTitle {
	background-color: #ede9dc;
	padding: 1px 6px 1px 10px;
/*	background-image: url("../images/gelebalk.gif");*/
	position: relative;
	font-size: .72em;
	font-weight: bold;
}

.blockContent div.itemContent {
	font-size: .66em;
	padding: 3px 3px 9px 3px;
}

.blockContent div.itemContent .specialContent {
	padding: 5px 9px 5px 9px;
}

.blockContent div.itemContent p {
	font-size: 1em;
}

.blockContent div.itemTitle.hidden {
	display: none;
}

.blockContent div.itemContent.hidden {
	display: none;
}

div.sideColumn .blockContent {
/*	padding: 0;*/
	background-image: url("../images/1kol_footer.gif");
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-attachment: scroll;
}

/*#column1 .blockContent {
	padding: 0.0em;
	background-image: url("../images/1kol_footer.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

#column2 .blockContent {
	padding: 0.0em;
	background-image: url("../images/1kol_footer.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

#column3 .blockContent {
	padding: 0.0em;
	background-image: url("../images/1kol_footer.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}*/

.fixedBlock .blockContent {
	padding: 0.0em;
	padding-bottom: 10px;
	background-image: url("../images/2kol_footer.gif");
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
	background-position: bottom;
}

.fixedBlock.threeColumnsWide .blockContent {
	background-image: url("../images/3kol_footer.gif");
}

.subItem {
	/* This is needed for the + and - buttons in the portlets */
	position: relative;
/*	overflow: hidden; */
}

.inspring p {
	margin: 6px 0px 6px 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

.inspringLess p {
	margin: 3px 0px 3px 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

.imageRightDetail {
	border: 1px solid #970000;
	float: right;
/*	margin: 6px;*/
}

.imageLeftDetail {
	border: 1px solid #970000;
/*	margin: 6px;*/
	float: left;
}

div.subItem div.textDetail {
	font-size: 0.66em;
	padding: 6px;
	border: 0px none;
	background-image: none;
}

div.subItem div.textDetail h1 {
	margin-bottom: 1em;
}

div.subItem div.textMededeling {
	font-size: 12px;
	margin: 0px 6px 6px 6px;
	padding: 6px;
	border: 0px none;
	background-image: none;
}

.imageLeftLoup {
	float: left;
	padding-top: 10px;
}

.imageRightLoup {
	float: right;
	padding-top: 10px;
}

.subItem .videoSpacer {
	text-align: center;
}

.detailButtons {
	padding-left: 6px;
	margin-left: 6px;
}

.detailBoekBalie, .detailZoekBoek {
	margin: 0px 6px 6px 0px;
	float: left;
}

div.textDetail ol {
	margin: 4px 40px;
}

.nowrap {
	white-space: nowrap;
}

fieldset {
	border-style: none;
}

ol li.outOfSight, ul li.outOfSight, span.outOfSight {
	display: none;
}

span.rubriekLabel {
	font-weight: bold;
}

span.adresSoort {
	padding-left: 1.1em;
}

div.fotoWithTitle {
	padding: 6px;
	float: left;
	position: relative;
	z-index: 2;
}

div.fotoWithTitle img {
	float: left;
}

div.fotoWithTitle span {
	clear: left;
	float: left;
	font-size: .66em;
	font-style: italic;
	margin-top: 2px;
}

.blockContent select, .blockContent input, .blockContent textarea {
	margin: 3px 2px;
}

input[type="image"] {
	margin-bottom: 0;
}

td {
	padding: 0 3px 3px 3px;
}

.button {
	float: right;
/*	margin-right:6px;
	margin-bottom: 10px;*/
}

.backto {
	font-size: 12px;
}

.contentFor_m ul a span,
.contentFor_n ul a span,
.contentFor_j ul a span,
.contentFor_f ul a span,
.contentFor_i ul a span {
	color: gray;
	font-weight: bold;
	font-style: italic;
}

.nieuwBoekCoverList {
	position: relative;
	text-align: left;
	width: 314px;
	min-height: 160px;
}

.nieuwBoekCoverList img {
	position: absolute;
	border: none;
}

.nieuwBoekDetail {
	margin: 4px;
}

.nav-arrow {cursor:pointer; float:left; height:40px; /*margin:26px 4px 0 0;*/ width:20px;}

#nieuwBoek-previous,
#nieuwBoek-next {
	background-image:url('../images/coverflow/lp_arrows.png'); 
	background-repeat:no-repeat; 
	position:absolute; 
	top:70px;
}

#nieuwBoek-previous {
	background-position:0 -40px; 
	left:4px;
}

#nieuwBoek-next {
	background-position: 0 0; 
	right:4px;
}

#nieuwBoek-previous:hover {
	background-position: -20px -40px;
}
	
#nieuwBoek-next:hover {
	background-position: -20px 0;
}

#nieuwBoek-previous.last {
	background-position: -40px -40px;
	cursor: default;
}

#nieuwBoek-next.last {
	background-position: -40px 0;
	cursor: default;
}

.titleOfBlock[data-moveable="true"] {
	cursor: move;
}

.ui-sortable-placeholder {
	visibility: visible !important;
	/* Default height, overridden in JS */
	height: 150px;
	border-radius: 15px; -moz-border-radius: 15px;
	opacity: 0.6; filter: alpha(opacity=60); /* Filter needed for IE 5-8 */
	background-color: white;
/*	Alternative for above 2 lines (but needs JS-change too in order to compensate the extra height caused by the border)
	border: 3px dashed white;
	background-color: #974444;
*/
}
.ui-sortable-placeholder * {
	visibility: hidden;
}

.ui-sortable-helper .titleOfBlock {
	border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0;
}
.ui-sortable-helper .blockContent {
	border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px;
	/* Make it distinguishable on a (almost) white background */
	border: 1px solid #e0e0e0;
}

@media print {

	div.sideColumn, div#searchBar, div#columntop, div#columnwriters, div#litpleinLogo, div#settings, div#accountArea {
		display: none;
	}
	
	.fixedBlock {
		width: 100%;
	}
	
	.fixedBlock .titleOfBlock {
		background-image: none;
	}
	
	.fixedBlock .blockContent {
		background-image: none;
	}

} /* end @media print */