/* Yindo.css */
/* Antoni Dol en Michaud Venant */
/* Macaw - December 2008 */

/* IE7 Stylesheet*/

@media screen, print {

	body {
		border: 0;
		margin: 0;
		background: transparent url('../images/pageBg.png') repeat-x;
		font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
		font-size: 13px; /* was: 12px */
		color: black;
		overflow-x: hidden;
		line-height:160%; /* was: afwezig */
	}
	a:link {
		color: #19388a;
	}
	a:hover {
		color: #CC0000;
	}
	a:active {
		color: #CC0000;
	}
	a:visited {
		color: #666666;
	}

	.pageContainer {
		width: 987px;
		margin: 0 auto;
		z-index: 0;
	}
	.headerContainer {
		position: absolute;
		top: 0;
		left: 50%;
		width: 975px;
		height: 110px;
		z-index: 0;
		margin-left: -493px;
	}
	.logo {
		float: left;
		margin-left: 35px;
		width: 250px;
		height: 100px;
		background: url('../images/yindoLogo.png') no-repeat left top;
	}
	.logoLink {
		width: 100%;
		height: 100%;
		cursor: hand;
	}
	.pageTitle {
		float: left;
		display: inline;
		color: white;
		font-size: 20px;
		margin: 0 0 16px 5px;
	}
	h1 {
		color: #19388a;
		font-size: 24px;
		font-weight: bold;
		margin: 0 0 16px 0px; /* was: 35px linker marge. Idem h2 en h3 */
	}
	h2 {
		color: #19388a;
		font-size: 20px;
		font-weight: bold;
		margin: 6px 0 12px 0px;
	}
	h3 {
		color: #19388a;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 12px 0px;
		padding: 0;
	}
	h4 {
		color: #19388a;
		font-size: 12px;
		font-weight: bold;
		margin: 12px 0 0 35px;
		padding: 0;
	}


	/*site menu*/
	.siteMenuContainer {
		float: right;
		margin: 0px 25px 0 0;
		width: 650px;
		z-index: 9999;
	}
	.siteMenu {
		float: right;
		margin: 6px 0 0 0;
	}
	.siteMenu li {
		display: inline;
	}
	.siteMenu a:link, .siteMenu a:visited, .siteMenu span /* span toegevoegd voor label 'ingelogd als' in het siteMenu (PK) */ {
		color: #EEEEEE;
		text-decoration: none;
		background: url('../images/siteMenuDivider.gif') no-repeat right bottom;
		padding: 0 11px 0 10px;
	}
	.siteMenu a:hover, .siteMenu a:active {
		color: white;
		text-decoration: underline;
		cursor: pointer;
	}
	.siteMenu a.lastLink {
		background: none;
		padding: 0 0 0 5px;
	}

	/*main menu*/
	.mainMenuContainer {
		float: right;
		margin: 10px 20px 0 0;
		width: 650px;
		height: 52px;
		background: transparent url('../images/mainMenu.png') no-repeat;
		z-index: 1000;
	}
	ul.mainMenu {
		display: block;
		width: 600px;
		margin: 4px auto;
		height: 45px;
		list-style-type: none;
		padding: 0 35px 0 35px; /*positie van de lijst met menuitems*/
	}
	.mainMenu li {
		float: left;
		padding: 6px 15px 6px 15px; /*ruimte tussen menuitems*/
		background: url('../images/mainMenuDivider.gif') no-repeat right;
		white-space: nowrap;
	}
	.mainMenu li.lastLink {
		background: none;
	}

	.mainMenu a {
		display: block;
		color: white;
		font-size: 18px;
		padding: 3px 5px; /*ruimte tussen tekst en kader om de link*/
		cursor:pointer;
	}
	.mainMenu a, .mainMenu a:link, .mainMenu a:visited {
		text-decoration: none;
		border-top: 0px solid transparent;
		border-left: 1px solid transparent;
		border-bottom: 1px solid transparent;
		border-right: 1px solid transparent;
	}
	.mainMenu a:hover, .mainMenu a:active {
		border-top: 1px solid #CC0000;
		border-left: 1px solid #CC0000;
		border-bottom: 1px solid red;
		border-right: 1px solid red;
	}
	.mainMenu a.selected {
		border-top: 1px solid #CC0000;
		border-left: 1px solid #CC0000;
		border-bottom: 1px solid red;
		border-right: 1px solid red;
		background: url('../images/mainMenuSelected.png') repeat left top;
	}

	/*Submenu*/
	.subMenuBar {
		display: none;
		width: 200px;
		border-left: 1px #FF8787 solid;
		border-top: 1px #FF8787 solid;
		border-right: 1px maroon solid;
		border-bottom: 1px maroon solid;
		margin-left: 340px;
		background: #CC0000;
		z-index: 1000;
	}
	ul.subMenu {
		margin: 3px;
		padding: 0;
	}
	.subMenu li {
		width: 100%;
		list-style-type: none;
	}
	.subMenu .lastLink {
		border: 0;
	}
	.submenu a, .subMenu a:link, .subMenu a:visited {
		height: 20px;
		display: block;
		text-align: center;
		font-size: 14px;
		margin: 3px;
		width: 185px;
		text-decoration: none;
		color: #FACDCD;
	}
	.subMenu a:active, .subMenu a:hover {
		text-decoration: none;
		color: white;
		background: transparent url(../images/subMenuBg.gif) top left no-repeat;
	}


	/* Controls */
	.controlsContainer {
		width: 920px;
		margin: 0px; /* Was: margin: 0 0 0 35px; (PK) */ /* bij verwijderen van DDL's uit master page (PK) */
		z-index: 2;
		clear: left;
	}
	.controlsLeft {
		display: inline;
		float: left;
		width: 550px; /* Was: 450px; */
		margin: 0px;
	}
	.controlsRight {
		display: inline;
		float: right;
		width: 370px; /* Was: 370px; */
		margin: 0px;
	}
	select {
		color: #606060;
	}
	label {
		padding: 0 0 3px 0;
	}
	input.searchBox {
		color: #C0C0C0;
		width: 375px;
		vertical-align: top;
		margin: 0 10px 0 0;
		float: right;
	}
	.searchButton {
		border: 0 none;
		background: url('../images/zoekbutton.png') no-repeat;
		width: 45px;
		height: 25px;
		color: white;
		float: right;
		text-align: center;
		padding: 3px 0 4px 0;
	}
	/* PK */
	.searchButton:hover {
		color: white;
		font-weight: bold;
		cursor: pointer;
	}

	/*Content*/
	.contentContainer {
		padding-top: 100px; /* Was: 125px bij DDL's in Master Page (PK) */
		margin: 0 0 0 35px;
		z-index: 1;
	}
	.readerContainer {
		/*padding-top: 100px; 		margin: 0 0 0 35px;*/ /* Uitgeschakeld, nu de reader in de Master Page staat (PK) */
		z-index: 1;
	}

	.container {
		float: left;
	}
	.row {
		clear: both;
		margin: 0;
		margin-top: 30px; /* PK */
		padding: 0;
	}
	.col {
		width: 25%;
		margin: 0;
		padding: 0;
		margin-left: 35px;
		margin-right: 35px;
	}

	.colWide {
		width: 94%;
		margin-left: 35px;
	}
	.topFrame {
	}
	/*uitstluitend voor IE6, zie IE6.css*/

	.colLeft {
		width: 45%;
		margin-left: 35px;
		margin-right: 35px;
	}
	.colRight {
		width: 45%;
	}

	.colLeftSmall {
		width: 30%;
		margin-left: 35px;
		margin-right: 35px;
	}
	.colRightWide {
		width: 60%;
	}

	.colLeftReaderTop {
		width: 100%;
	}
	.colLeftReaderBottom {
		width: 100%;
	}
	.colRightReader {
		width: 65%;
	}

	.colLeftWide {
		width: 60%;
		margin-left: 35px;
		margin-right: 35px;
	}
	.colRightSmall {
		width: 30%;
	}

	.colCenterLeft {
		width: 29%;
		margin-left: 35px;
	}
	.colCenterMid {
		width: 29%;
		margin-left: 35px;
		margin-right: 35px;
	}
	.colCenterRight {
		width: 29%;
	}


	.HeaderLeft {
		/*background: Orange;*/
		margin-left: -35px;
		border: 0px solid black;
		width: 100%;
		height: 35px;
		background: url('../images/linksboven.png') no-repeat left top;
	}

	.HeaderRight {
		/*background: gray;*/
		margin-right: 35px;
		border: 0px solid black;
		width: 100%;
		height: 35px;
		float: left;
		clear: both;
		background: url('../images/rechtsboven.png') no-repeat right top;
	}

	.BorderLeft {
		/* background-color: green; */
		position: relative;
		margin: 0 0 0 -35px;
		border: 0px solid black;
		width: 100%;
		height: 100%;
		background: url('../images/links.png') repeat-y left center;
	}

	.BorderLeft p {
		margin: 0 0 0 35px;
	}

	.BorderRight {
		/*background-color: blue;*/
		margin: 0 35px 0 0;
		border: 0px solid black;
		width: 100%;
		height: 100%;
		clear: both;
		background: url('../images/rechts.png') repeat-y right center;
	}

	.FooterLeft {
		background: Silver;
		margin: 0 0 0 -35px;
		border: 0px solid black;
		width: 100%;
		height: 35px;
		background: url('../images/linksonder.png') no-repeat left bottom;
	}

	.FooterRight {
		/*background-color: Fuchsia;*/
		margin: 0 35px 0 0;
		border: 0px solid black;
		width: 100%;
		clear: both;
		height: 35px;
		background: url('../images/rechtsonder.png') no-repeat right bottom;
	}

	.FooterContainer {
		min-height: 260px;
		clear: both;
		background-color: #EEE;
		border-top: 8px solid #888;
		color: White;
	}

	/*Reader Container met Silverlight reader*/
	.PanelContainer {
		/*height: 870px; staat nu in object tag*/ /* zie eerste bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
	}

	* + HTML .yindoReader {
		margin: 0;
	}
	.yindoReader /* iets hoger in IE8 en FF */ {
		margin: -35px 0 0 0;
	}

	.readerPanel {
		position: relative;
		width: 634px;
		vertical-align: top;
		margin: 0 0 0 9px;
		clear: both;
	}
	/*.readerPanel span
		{
			display: block;
		}*/

	.moreInfoPanel, .helpPanel {
		/*position: absolute; 		left: 0; 		height: 100%; 		min-height: 870px;*/ /* zie tweede bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
		width: 634px;
		vertical-align: top;
		margin: 0 0 0 9px;
	}
	.bookTitle {
		font-size: 14px;
		margin-bottom: 0px;
	}
	.coverContainer {
		display: inline;
		float: left;
		width: 100px;
	}
	.metadataContainer {
		display: inline;
		float: left;
	}
	.imgCover {
		border: solid 1px Gray;
		float: right;
		clear: both;
		width: 100px;
	}
	.rating {
		float: right;
		clear: both;
	}
	.smallText {
		font-size: 9px;
		line-height: 10px;
	}
	.tocPanel {
		margin-left: 25px;
		margin-bottom: -12px; /* toegevoegd */ /* zie vierde bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
		height: 100%;
		min-height: 295px; /* zie derde bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
	}

	.searchPanel {
		margin-left: 35px;
		min-height: 295px;
	}
	.bookmarkPanel {
		margin-left: 35px;
		min-height: 295px;
	}

	#metadataContainer {
		min-height: 155px; /* zie derde bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
		font-size:12px;
	}

	/* tocButtons */
	.tocButtonsContainer {
		float: left;
		margin-top: -26px;
		margin-left: 10px;
		width: 50px;
	}
	* + html .tocButtonsContainer {
		width: 25px;
	}

	.tocButtonTop {
		height: 22px;
		background: url('../images/TocButtonTop.png') no-repeat left top;
	}
	.tocButtonBottom {
		height: 20px;
		background: url('../images/TocButtonBottom.png') no-repeat left bottom;
	}
	ul.tocButtons {
		display: block;
		height: 275px;
		width: 25px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: url('../images/TocButtonBg.png') repeat-y left;
	}
	.tocButtons li {
		float: left;
		width: 25px;
		margin: 0;
		padding: 0;
		border: 0;
		white-space: nowrap;
		background: transparent url('../images/TocButtonsDivider.gif') no-repeat bottom;
	}

	li.firstLink {
		height: 60px;
		background: url('../images/tocInhoud.png') no-repeat left top;
	}
	li.secondLink {
		height: 60px;
		background: url('../images/tocZoeken.png') no-repeat left top;
	}
	li.thirdLink {
		height: 80px;
		background: url('../images/tocBladwijzers.png') no-repeat left top;
	}


	li.firstLinkSelected {
		height: 60px;
		background: url('../images/TocInhoudSelected.png') no-repeat left top;
	}
	li.secondLinkSelected {
		height: 60px;
		background: url('../images/TocZoekenSelected.png') no-repeat left top;
	}
	li.thirdLinkSelected {
		height: 80px;
		background: url('../images/TocBladwijzersSelected.png') no-repeat left top;
	}

	/* Peter */
	li.fourthLink {
		height: 80px;
		background: url('../images/tocMijnBoeken.png') no-repeat left top;
	}

	li.fourthLinkSelected {
		height: 80px;
		background: url('../images/tocMijnBoekenSelected.png') no-repeat left top;
	}

	li.firstLink .tocSelected a:active, li.secondLink .tocSelected a:active, li.thirdLink .tocSelected a:active, li.firstLink .tocSelected a:hover, li.secondLink .tocSelected a:hover, li.thirdLink .tocSelected a:hover, li.fourthLink .tocSelected a:active, li.fourthLink .tocSelected a:hover {
		color: white !important;
	}

	.tocButtons li a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		padding: 0px 3px;
		margin: 0;
	}
	.tocButtons li a, .tocButtons li a:link, .tocButtons li a:visited {
	}
	.tocButtons li a:hover, .tocButtons li a:active {
		color: white;
	}

	/*Reader Buttons*/
	.readerButtonsContainer {
		float: left;
		width: 637px;
		margin-left: 8px; /* border: 1px solid red; */
	}
	.readerButtonsLeft {
		float: left;
		margin-top: -25px;
		width: 25px;
		height: 25px;
		background: url('../images/readerButtonsLeft.png') no-repeat left;
	}
	.readerButtonsRight {
		float: left;
		margin-top: -25px;
		width: 25px;
		height: 25px;
		background: url('../images/readerButtonsRight.png') no-repeat right;
	}

	ul.readerButtons {
		display: block;
		float: left;
		width: 587px; /*readerButtonsContainer width - (2*25): 587*/
		margin: -25px 0 35px 25px;
		height: 25px;
		padding: 0;
		list-style-type: none;
		background: url('../images/readerButtonsBg.png') repeat-x;
	}
	* + html ul.readerButtons {
		margin-left: 0;
	}
	.readerButtons li, .myYindoButtons li {
		float: left;
		padding: 0px 7px;
		background: url('../images/readerButtonsDivider.png') no-repeat right;
		white-space: nowrap;
		height:24px;
	}
	.readerButtons li.lastLink, .myYindoButtons li.lastLink {
		background: none;
	}
	.readerButtons li.readerButtonSelected, .myYindoButtons li.readerButtonSelected {
		background: url('../images/readerButtonsSelectedBg.png') repeat-x right top;
	}
	.readerButtons li.readerButtonDisabled a:link, .readerButtons li.readerButtonDisabled a:visited, .readerButtons a.readerButtonDisabled, .myYindoButtons li.readerButtonDisabled a:link, .myYindoButtons li.readerButtonDisabled a:visited {
		color: Gray;
		cursor: default;
	}

	.readerButtons a, .myYindoButtons a {
		display: block;
		color: white;
		font-size: 12px;
		padding: 3px 3px;
		text-decoration: none;
		font-weight: bold;
		color: #c6dde9;
	}

	.readerButtons a, .readerButtons a:link, .readerButtons a:visited, .myYindoButtons a, .myYindoButtons a:link, .myYindoButtons a:visited {
	}
	.readerButtons li a:hover, .readerButtons li a:active, .myYindoButtons li a:hover, .myYindoButtons li a:active {
		color: white;
	}

	/* MoreInfo Content Classes*/

	.moreInfoContent /* zie vijfde bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/ {
		margin-right: 25px;
		margin-left: -25px;
	}
	.relatedBook {
		padding: 5px;
		margin: 5px;
		float: left;
		width: 200px;
	}
	.relatedBook:hover {
		background-color: #EEE;
	}
	.relatedBook a {
		text-decoration: none;
	}
	.relatedBook a:hover {
		text-decoration: underline;
	}
	.relatedBook img {
		margin-right: 10px; /* zie zesde bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/
	}
	/* h3
		{
			border-top: 1px solid silver;
			padding-top: 5px;
			margin-top: 5px;
		}*/	/* Voorlopig weggehaald, omdat deze de eerdere h3-definitie hierboven overruled. Desgewenst specifiek maken voor showMoreInfo.ascx(PK)*/
	.clearBoth {
		clear: both;
	}
	.moreInfoContent .row /* zie zevende bullet mailtje Antoni, d.d. 01-07-09 10:28 (PK)*/ {
		padding-left: 35px;
		display: block;
		height: 25px;
	}
	.moreInfoContent .metaData /* hernoemd wegens conflict met .label class in dit CSS */ {
		display: inline;
		float: left;
		width: 150px;
	}

}