/* Default stylesheet 								*/
/* Site: 		www.maretak.nl 					*/
/* Auhtor: 		Arno van den Brink 				*/
/* Copyright: 	FullProof Internet Software 	*/



/* Main layout */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #6D306D;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

img {
	border: 0px;
}

h1 {
	color: #FFE480; 
	font-size: 24px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Sans-Serif;
}

a, a:visited, a:active {
	color: #6D306D;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

select {
	font-size: 10px;
}

div.Main {
	width: 907px;
	height: 624px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #FFE480;
	position: relative;
}

div.Content {
	margin-top: 0px;
	margin-left: 0px;
	/*padding-top: 3px;
	padding-left: 15px;*/
	padding: 0px;
	height: 509px;

	position: absolute;
	left: 241px;
	top: 115px;

	z-index: 15;
	width: 660px;
	
}

div.TopMiddle {
	padding: 0px; 
	margin: 0px; 
	background-image: url(/images/topmidden.jpg); 
	background-repeat: no-repeat; 
	width: 504px; 
	height: 115px; 
	float: left; 
	text-align: right;
}

div.TopRight {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	width: 162px;
	height: 115px;
	float: left;
}

div.LeftMenu {
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	width: 241px;
	height: 624px;
	float: left;
	clear: both;
}

div.TopMiddleText {
	margin-top: 62px; 
	margin-right: 15px;
}

div.BackgroundImage {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 5;
}

span.TopMiddleText {
	color: #FFE480; 
	font-size: 24px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Sans-Serif;
}


/* Menu */

div.Menu {
	padding-top: 97px;
	padding-left: 25px;
}

td.Menu {
	padding-top: 97px;
}

a.MenuItem, a.MenuItem:visited, a.MenuItem:active {
	font-family: verdana, arial, sans-serif;
	color: #FFE480;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.MenuItem:hover {
	color: #FFFFFF;
}

a.info {
	margin-left: 20px;
	font-family: verdana, arial, sans-serif;
	color: #FFE480;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

div.MenuItem {
	height: 10px;
	margin-top: 10px;
}

div.SubMenuItem {
	height: 10px;
	margin-top: 10px;
}

div.MenuItemActive {
	margin-top: 10px;
	height: 10px;
	font-weight: bold;
}

span.MenuItemActive {
	font-family: verdana, arial, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}

/* PageDependent coloring styles */

/* Home */

a.HomeLinks, a.HomeLinks:active, a.HomeLinks:hover, a.HomeLinks:visited {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFE581;
}

a.NewsHeadLinesLink, a.NewsHeadLinesLink:active, a.NewsHeadLinesLink:hover, a.NewsHeadLinesLink:visited {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10px; 
	font-weight: normal; 
	color: #FFE581;
}

a.NewsHeadLinesLink:active, a.NewsHeadLinesLink:hover {
	text-decoration: underline;
}

a.HomepageLink, a.HomepageLink:active, a.HomepageLink:hover, a.HomepageLink:visited {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 10px; 
	font-weight: normal; 
	color: #FFE581;
}

a.HomepageLink:active, a.HomepageLink:hover {
	text-decoration: underline;
}

/* Authors */

span.TitleAuthors {
	color: #D81E25;
	font-weight: bold;
	font-size: 12px;
}

span.AuthorsHelpText {
	color: #6D306D;
	font-weight: normal;
	font-size: 10px;
}

a.AuthorList, a.AuthorList:active, a.AuthorList:visited {
	color: #6D306D;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

a.AuthorList:hover {
	color: #D81E25;
}

/* Series */

span.TitleSeries {
	color: #008C80;
	font-weight: bold;
	font-size: 11px;
}

span.SubTitleSeries {
	color: #008C80;
	font-weight: bold;
	font-size: 10px;
}

span.SeriesHelpText{
	color: #6D306D;
	font-weight: normal;
	font-size: 10px;
}

span.BookAuthors {
	font-weight: bold;
	font-size: 10px;
}

a.SeriesList, a.SeriesList:active, a.SeriesList:visited {
	color: #008C80;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.SeriesList:hover {
	color: #6D306D;
}

a.BookList, a.BookList:active, a.BookList:visited {
	color: #6D306D;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

a.BookList:hover {
	color: #008C80;
}

/* Leeftijd, AVI & Jaargroep */

span.TitleAge {
	color: #00457c;
	font-weight: bold;
	font-size: 11px;
}

span.SubTitleAge {
	color: #00457c;
	font-weight: bold;
	font-size: 10px;
}

a.SeriesListAge, a.SeriesListAge:active, a.SeriesListAge:visited {
	color: #00457c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.SeriesListAge:hover {
	color: #6D306D;
}

a.BookListAge, a.BookListAge:active, a.BookListAge:visited {
	color: #6D306D;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

a.BookListAge:hover {
	color: #00457c;
}

/* Default contentpage */

div.ContentPage {
	margin-left: 40px;
	margin-top: 25px;
	margin-right: 25px;
	padding-right: 25px;
	width: 600px;
	height: 478px; 
	overflow-y: auto;
	overflow-x: hidden;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
}

/* ContactForm */

input.ContactForm {
	width: 250px;
	border: 1px solid #f8931d;
}

textarea.ContactForm {
	width: 250px;
	border: 1px solid #f8931d;
}

input.ContactFormButton {
	width: 150px;
	border: 1px solid #f8931d;
	background-color: #ffe480;
	cursor: pointer;
}

/* BestelPage */

div.BestelPage {
	margin-left: 40px;
	margin-top: 25px;
	margin-right: 25px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 484px;
	width: 626px;
}

tr.SeriesTitle {
	background-color: #00457c;
	color: #ffffff;
}

tr.BooksHeader {
	background-color: #5a807c;
	color: #ffffff;
	font-size: 10px;
}

tr.BooksRow {
	font-size: 10px;
}

input.QuantityInput {
	font-size: 9px;
	width: 25px;
	text-align: center;
}

a.SearchResultLink {
	font-weight: bold;
	color: #ff0000;
}

a.SearchResultLinkSimple {
	font-weight: normal;
	color: #ff0000;
}

/* SearchPage */

div.SearchDiv {
	padding-left: 40px; 
	float: left; 
	width: 626px;
	height: 478px; 
	overflow-y: auto; 
	overflow-x: hidden;
}

/* QuickSearch */
input.QuickSearch {
	border: 1px solid #FFFFFF;
	background-color: transparent;
	width: 125px;
}

input.SubmitQuickSearch {
	border: 1px solid #6c306c;
	color: #6c306c;
	background-color: #ccbecb;	
}

hr.SearchResult {
	width: 575px;
	height: 1px;
	color: #FF0000;
	background-color: #FF0000;
}


div.MainAlbum {
	width: 870px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #FFE480;
	position: relative;
}

div.largePhotoDiv {
	width:			650px;
	height:			400px;
	position:		absolute;
	float:			left;
	left:				0px;
}

div.thumbnailScrollerDiv {
	position:		absolute;
	width:			175px;
	height:			499px;
	overflow: 		auto; 
	overflow-y: 	auto;
	left:				695px;
}

div.photoDisplay {
	position:		relative;
}