@charset "utf-8";
/*
Kleuren

geel: #ffe87f
donkergeel: #f2dc79;
lichtgeel: #fff4bf;
donkergeelborder: #ccba66;
rood: #b41e18
oranje: #ff6600;

*/

*
{
	margin: 0px;
	padding: 0px;
}


HTML, BODY
{
	width: 100%;
	height: 100%;
}


BODY
{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	background-color: #ffe87f;
	color: #000000;
	/*background-image: url('../images/layout/bg.img.png');
	background-position: right top;
	background-repeat: no-repeat;*/
	min-width: 980px;
}


H1, H2, H3
{
	color: #b41e18;
}
H1 SMALL, H2 SMALL, H3 SMALL
{
	font-size: 0.8em;
	font-weight: normal;
}
H1
{
	font-size: 1.8em;
}
H2
{
	font-size: 1.6em;
}
H3
{
	font-size: 1.4em;
}


P
{
	line-height: 150%;
}



A
{
	color: #FF6000;
	text-decoration: underline;
}
A:hover
{
	text-decoration: none;
}


IMG
{
	border: none;
}




#top
{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 119px;
	background-color: #d7d7d7;
	border-bottom: 1px solid #888888;
	
	/*
	text-align: center;
	background-image: url('../images/layout/bg.img.png');
	background-position: right top;
	background-repeat: no-repeat;*/
}
#top .content
{
	padding: 10px 0px 0px 0px;
	/*margin: 0px auto 0px auto;*/
	width: 1000px;
}
#top .content IMG
{
	float: left;
	display: block;
}


#path
{
	position: absolute;
	left: 0px;
	top: 120px;
	right: 0px;
	height: 30px;
	font-size: 0.9em;
	background-color: #663300;
	border-bottom: 1px solid #ccba66;
	/*background-image: url('../images/layout/bg.img.png');
	background-position: right -120px;
	background-repeat: no-repeat;*/
}
#path .content
{
	/*
	width: 704px;
	margin: 0px auto 0px auto;
	padding: 6px 0px 0px 276px;
	color: #FFFFFF;
	*/
	width: 980px;
	/*margin: 0px auto 0px auto;*/
	padding: 6px 0px 0px 15px;
	color: #FFFFFF;
}
#path A
{
	color: #FF6000;
}


#container
{
	position: absolute;
	top: 150px;
	width: 980px;
	border-right: 1px solid #ccba66;
	/*
	border-left: 1px solid #ccba66;
	left: 50%;
	margin-left: -490px;
	*/
}



#colLeft
{
	width: 254px;
	float: left;
	background-color:#ffe87f;
}



#cmsMenu UL
{
	list-style: none;
	margin: 10px 0px 10px 0px;
}
#cmsMenu UL UL
{
	margin: 0px;
}
#cmsMenu A
{
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 0px;
}
#cmsMenu A IMG
{
	width: 9px;
	height: 9px;
	margin-right: 2px;
}
#cmsMenu A:hover
{
	color: #FF6000;
}
#cmsMenu .active
{
	color: #b41e18;
}
#cmsMenu UL UL LI
{
	padding: 0px 0px 0px 20px;
}
#cmsMenu UL UL UL LI
{
	padding: 0px 0px 0px 20px;
}



#nieuwsbrief
{
	background-color: #b41e18;
	padding: 10px;
	color: #FFFFFF;
}



#colCenter
{
	border-left: 1px solid #ccba66;
	border-right: 1px solid #ccba66;
	width: 470px;
	float: left;
	background-color:#ffe87f;
}



/* BOEKEN LAYOUTS 
.boekHalf: layout halve content breedte
.boekLijst: layout hele content breedte in lijst weergave
.boekGroot: layout volledige boek pagina
*/
.boekHalf
{
	padding: 10px;
	border: 1px solid #ccba66;
	margin: 5px 0px 5px 0px;
	width: 198px;
	height: 100px;
}
.boekHalf IMG
{
	width: 45px;
	float: left;
}
.boekHalf H4
{
	font-size: 0.8em;
}
.boekHalf H2
{
	font-size: 1.2em;
	margin-bottom: 5px;
}
.boekHalf .content
{
	padding: 0px;
	float: right;
	width: 143px;
}
.boekHalf .meerInfo
{
	display: block;
}
.boekHalf .prijs
{
	color: #b41e18;
	font-size: 1em;
	font-weight: bold;
	width: 100px;
	float: left;
	padding-top: 5px;
}
.boekHalf .prijs SMALL
{
	font-size: 0.8em;
	font-weight: normal;
}
.boekHalf .prijs SMALL I
{
	background-image: url('../images/layout/van.prijs.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.boekHalf FORM
{
	width: 40px;
	float: right;
	padding-top: 5px;
	text-align: right;
}
.boekHalf .textInput
{
	width: 15px;
	text-align: right;
	font-size: 0.8em;
}
.boekHalf .add2basket
{
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}


.boekLijst
{
	padding: 10px;
	border: 1px solid #ccba66;
	margin: 5px 0px 10px 0px;
	background-color:#ffed99;
}
.boekLijst IMG
{
	width: 95px;
	float: left;
}
.boekLijst H2
{
	font-size: 1.3em;
	margin-bottom: 5px;
}
.boekLijst .content
{
	padding: 0px;
	float: right;
	width: 300px;
}
.boekLijst .meerInfo
{
	display: block;
	float: left;
}
.boekLijst .uitgever, .boekLijst .ISBN
{
	float: right;
	color: #7f743f;
	font-size: 0.8em;
	padding-top: 0.2em;
}
.boekLijst .prijs
{
	clear: both;
	color: #b41e18;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 5px;
	float: left;
	width: 200px;
}
.boekLijst .prijs SMALL
{
	font-size: 0.8em;
	font-weight: normal;
}
.boekLijst .prijs SMALL I
{
	background-image: url('../images/layout/van.prijs.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.boekLijst FORM
{
	width: 60px;
	float: right;
	clear: right;
	padding-top: 5px;
	text-align: right;
}
.boekLijst .textInput
{
	width: 20px;
	text-align: right;
}
.boekLijst .add2basket
{
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}


.boekGroot
{
	padding: 10px;
	border: 1px solid #ccba66;
}
.boekGroot H1
{
	font-size: 1.6em;
	margin-bottom: 10px;
}
.boekGroot H2
{
	color: #000000;
	font-size: 1.3em;
}
.boekGroot H3
{
	margin-bottom: 10px;
}
.boekGroot IMG
{
	width: 150px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.boekGroot .prijs
{
	color: #b41e18;
	font-size: 2em;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
}
.boekGroot .prijs SMALL
{
	font-size: 0.6em;
	font-weight: normal;
}
.boekGroot .prijs SMALL I
{
	background-image: url('../images/layout/van.prijs.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.boekGroot FORM
{
	padding: 5px 0px 20px 0px;
	text-align: right;
}
.boekGroot .textInput
{
	width: 20px;
	text-align: right;
}
.boekGroot .add2basket
{
	width: 32px;
	height: 32x;
	vertical-align: bottom;
}
.boekGroot .meerVanSchrijver
{
	float: right;
	text-align: right;
	margin-top: 10px;
}
.boekGroot .extraInfo
{
	color: #7f743f;
	margin-top: 10px;
	text-align: left;
	float: left;
	font-size: 0.9em;
	clear: both;
}



#searchResult
{
	width: 100%;
	border-collapse: collapse;
}
#searchResult TD
{
	padding: 2px 4px 2px 4px;
	vertical-align: text-top;
	border-bottom: 1px solid #f2dc79;
}
#searchResult .col1
{
	width: 10px;
}
#searchResult .col2
{

}
#searchResult .col3
{
	width: 10px;
}



#mandjeProducten
{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}
#mandjeProducten TH
{
	background-color: #f2dc79;
}
#mandjeProducten TD, #mandjeProducten TH
{
	border-bottom: 1px solid #ccba66;
	padding: 2px 4px 2px 4px;
	vertical-align: text-top;
}
#mandjeProducten .colBorders
{
	border-left: 1px solid #ccba66;
	border-right: 1px solid #ccba66;
}
#mandjeProducten .bgColorSpecial
{
	background-color: #fae37d;
}
#mandjeProducten IMG
{
	vertical-align: text-bottom;
}
#mandjeProducten .boekImg
{
	width: 40px;
	float: left;
	margin: 0px 5px 0px 0px;
}



#bestelStappen
{
	background-color: #f2dc79;
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
#bestelStappen TD
{
	width: 25%;
	padding: 2px 4px 2px 4px;
	border: 1px solid #ccba66;
	border-top: none;
}
#bestelStappen .active
{
	border: 1px solid #ccba66;
	border-bottom: 1px solid #ffe87f;
	background-color: #ffe87f;
}



#colRight
{
	width: 254px;
	float: right;
	background-color:#ffe87f;
}



#searchSelect
{
	padding: 0px 0px 2px 0px;
}
#searchSelect SELECT
{
	width: 234px;
}


#searchInput
{
	background-color: #fff4bf;
	border: 1px solid #ccba66;
	height: 20px;
}
#searchInput .textInput
{
	width: 172px;
	height: 20px;
	vertical-align: text-bottom;
	border: none;
	float: left;
}
#searchInput .button
{
	width: 60px;
	vertical-align: middle;
	border: none;
	float: right;

	height: 20px;
}
#searchInput .button:hover
{
	background-color: #441100;
}




#mandje
{

}





.content
{
	padding: 10px;
}



.clear
{
	clear: both;
	height: 0px;
	font-size: 0px;
}



.textInput
{
	background-color: #fff4bf;
	border: 1px solid #ccba66;
}
.selectBox
{
	background-color: #fff4bf;
	border: 1px solid #ccba66;
	cursor: pointer;
}
.button
{
	background-color: #663300;
	border: 1px solid #ccba66;
	color: #FFFFFF;
	cursor: pointer;
}
.actionButton
{
	background-color: #b41e18;
}
.deleteImg
{
	width: 18px;
	height: 18px;
	cursor: pointer;
	vertical-align: bottom;
}




.taLeft
{
	text-align: left;
}
.taRight
{
	text-align: right;
}
.taCenter
{
	text-align: center;
}