/* HOOFDPAGINA PERMASHOP*/

html {
	height: 100%;
}

body {
	background-color: #FFFDEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin       : 0;
   	padding      : 0;
	font-size: 12px;
	line-height: 16px;
	color: #4315C7;
}

#kop {
	background   : #EDF2B7;
	text-align   : left;
	width        : 100%;
}

#navigatie {
	background   : #768D4E;
	float        : left;
	width        : 210px;
	height: 100pc;
}

#nav {				/* is voor UL */
list-style: disc;
margin:0;
padding:0;
width: 100%;
}

#nav li  {
border-style:solid none solid none;
border-width:0px;
border-color:#000000;
padding:0px 5px 3px 10px;
font-size:12px;
text-align:left;
color:#000000;
font-weight: bold;
width:80%;
}

#nav a {
	/*display:block;*/
	text-decoration:none;
	/*color: #336600;*/
}

#nav a:link {
	font-size: 12px;
	color:#FFFFFF;
}

#nav a:visited {
color: white;
}

#nav a:hover {
color:#000000;
/*background-color:#FFFDEA;*/
}

#inhoud {
	margin-left:12px;
	padding-left:12px;
	position:absolute;
	background-color:#FFFFEC;
	width:740px;
	left: 220px;
	top: 152px;
	min-height: 100%;
}
  
#inhoud h1 {
	font-size:18px;
	line-height:18px;
	text-align: center;
}
#inhoud h2 {
	font-size: 14px;
}

div.boeken {
	border:solid #000000 1px;
	background-color:#EDF2B7;
	float:left;
	margin: 4px 10px 4px 2px;
	padding: 0;
	width:230px;
	height: 340px;
}

div.boekjes {
	border:solid #000000 1px;
	background-color:#FFFDEA;
	float:left;
	margin: 4px 4px 4px 4px;
	padding: 0;
	width:200px;
	height: 320px;
}

div.boven {
	text-align: center;
	background-color:#FFFFEC;
	float:left;
	vertical-align:top;
	padding: 0 0 0 0px;
	width: 100%;
	height: 170px;
}

div.tussen {
	text-align: left;
	/* background-color:#FFFFEC; */
	float:left;
	vertical-align:top;
	padding: 0 0 0 0px;
	width: 100%;
	height: 122px;
}
div.onder {
	text-align: left;
	float:left;
	vertical-align:top;
	padding: 0 0 0 0px;
	width: 100%;
	height: 36px;
}

p.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
	color: #768D4E;
	margin: 4px 2px 0px 2px;
	padding: 0px;
	text-align: center;
}

p.subtit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* font-weight:bold; */
	line-height: 14px;
	color: #768D4E;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	text-align:center;
}

p.nummer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #768D4E;
	margin:4px 0 0 9px;
	padding: 4px;
}

p.prijs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #768D4E;
	font-weight:bold;
	float:right;
	margin:4px 9px 0 0;
	padding: 4px;
}

p.auteur  {
line-height:14px;
margin: 6px 2px 2px 2px;
padding: 0 4px;
text-align: center;
	font-weight:bold;
}

p.vanvoor  {
line-height:14px;
padding-top:6px;
font-weight:bold;
padding: 4px;
}

p.titleje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color: #768D4E;
	margin: 6px 2px 2px 2px;
	padding: 4px;
	text-align: center;
}

p.nummerje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #768D4E;
	margin:4px 0 0 9px;
	padding: 4px;
}
p.prijsje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #768D4E;
	font-weight:bold;
	float:right;
	margin:4px 9px 0 0;
	padding: 4px;
}

p.auteurje  {
line-height:12px;
margin: 6px 2px 2px 2px;
padding: 0 4px;
text-align: center; 
}

p.vanvoorje  {
line-height:12px;
padding-top:6px;
font-weight:bold;
padding: 4px;
}

p.melding  {
line-height:16px;
padding-top:6px;
margin: 0 90px 0 120px;
padding-bottom: 8px;
}
p.info {
line-height:16px;
padding-top:6px;
margin: 0 190px 0 0px;
padding-bottom: 8px;	
	
}
img.cover {
	margin: 6px 6px 6px 6px;
	border:1px;
	border-color:#000000;
	border-style:solid;
}
	
img.mandje {
	float:right;
	vertical-align: bottom;
	border-color:#FFFDEA;
	margin: 2px 8px 2px 16px;
}

img.info {
   vertical-align: bottom;
	float:left;
	border-color:#FFFDEA;
	border-width: thick;
	margin: 2px 16px 2px 8px;
}

img.logo  {
	border: none;
}

#benee {
	float: left;
	width: 630px;
	text-align: center;
	border:solid #000000 2px;
	padding: 2px 2px 2px 2px;
	margin: 12px 10px 2px 2px;
}