/* General Styles */
* 											{ margin: 0; padding: 0; }
img											{ border: 0px; }
body 										{ font-family: arial; color: #999999; text-align:center; background: #e2e2e2;  background: url(images/bg_main.gif); background-repeat: repeat-x;  }
h1											{ font-size: 14px; font-weight: bold; color: #993333; margin-top: 5px; }
h2											{ font-size: 12px; font-weight: bold; color: #993333; margin-top: 5px; }
h3											{ font-size: 11px; font-weight: normal; color: #666666; }
.title										{ color: #000000; text-decoration: none; font-weight: bold; font-size: 16px; }
.name										{ font-size: 12px; font-weight: bold; color: #993333; }
.date										{ font-size: 10px; font-weight: bold; color: #666666; }


/* LayoutStyles */
#wrapper								{ width:98%; margin: 0px auto; text-align:left; }
#header									{ width:100%; height: 125px; clear:both; }
	#logo									{ height: 76px; }
	#menu									{ line-height: 21px;}
	#menu	a								{ padding: 4px; color: #818721; size: 14px; font-weight: bold; text-decoration: none; } 
	#menu	a:hover					{ padding: 2px; color: #999900; size: 14px; font-weight: bold; border: solid 2px #ebebeb; } 
		
#footer									{ margin-top: 20px;}
#inner									{ margin-right: 350px; }
#middle									{ margin-left: 180px; }
 
#wrappercontent					{ position:relative; float:left;/* contain clearing*/	width:100%; }
	
	#leftcontent					{ position:relative; width:175px; margin-left: -175px; float:left; }
	#middlecontent				{ margin-right: 10px; color: #000000; font-size: 12px; line-height: 18px; }
	#rightcontent					{ position:relative; width:365px; margin-right:-353px; float:right; }
	
.leftcolumn							{ width: 150px; border: solid 1px #cccccc; background: #FFFFFF; padding: 1px; font-size: 12px; margin-bottom: 10px;}
.rightcolumn						{ width: 340px; border: solid 1px #cccccc; background: #FFFFFF; padding: 1px; font-size: 12px; margin-bottom: 10px; float: right;}
.centercolumn						{ border: solid 1px #cccccc; background: #FFFFFF; padding: 1px; font-size: 12px; margin-bottom: 10px; }
.columntitle						{ background: #ff9900; padding: 2px; font-weight: bold; color: #FFFFFF; }
.columntitle2						{ background: #ff6600; padding: 2px; font-weight: bold; color: #FFFFFF; }
.columntitle3						{ background: #cccccc; padding: 5px; font-weight: bold; color: #333333; }
.columncontent					{ padding: 2px; line-height: 19px; }


/* LinkStyles */
a.default								{ color: #818721; text-decoration: none; border-bottom: solid 1px #cccccc; }
a.default:hover					{ color: #717619; text-decoration: none; background: #f3f3f3; border-bottom: solid 1px #cccccc; }
a.column								{ color: #666666; text-decoration: underline; }
a.column:hover					{ color: #333333; text-decoration: none; background: #edecec; }
a.genres								{ color: #990000; text-decoration: underline; font-weight: bold;}
a.genres:hover					{ color: #ff9900; text-decoration: none; font-weight: bold; background: #edecec; }
a.title				 					{ color: #000000; text-decoration: none; font-weight: bold; font-size: 16px;  border-bottom: solid 1px #666666;  }
a.title:hover						{ color: #333333; text-decoration: underline; color: #333333; text-decoration: none; background: #edecec; border-bottom: solid 1px #999999;  }
a.paging								{ color: #818721; text-decoration: none; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; }
a.paging:hover					{ color: #717619; text-decoration: none; padding-left: 3px; padding-right: 3px; background: #EFEFEF; border: solid 1px #999999; }


/* BookheaderStyles */
.book										{ }	
.bookheader							{ padding-bottom: 10px;}
.bookgrade							{ float: left; border: solid 1px #CCCCCC; margin-right: 10px; background: #ffffcc; width: 40px; height: 40px; font-size:28px; font-weight: bold; color: #333333; line-height: 40px; text-align: center; }
.booktitle							{ margin-left: 60px; line-height: 20px; font-size: 11px; color: #666666; }
.bookdescription				{ float: left; }	
.bookimg								{ float: left; border: solid 1px #CCCCCC; background: #FFFFFF; padding: 5px; margin-right: 15px; margin-bottom: 5px; font-size: 9px; }
.bookvote								{ margin-top: 10px; margin-bottom: 25px; padding-top: 5px; color: #999999; font-size: 10px; }
.bookvoteresult					{ margin-bottom: 2px; height: 22px; border: solid 1px #FFFFFF; }
.bookvotegood						{ margin-left: 2px; font-size: 12px; font-weight: bold; color: #666666; }
.bookvotebad						{ margin-left: 2px; font-size: 12px; font-weight: bold; color: #666666; }


.zoek										{ border: solid 1px #CCCCCC; height: 20px; width: 75px; line-height: 12px; font-size: 10px; padding; 15px;}
.vote										{ float: left; border: solid 1px #CCCCCC; height: 22px; width: 200px; line-height: 12px; font-size: 10px; padding; 15px; background: #ffeacc; color: #ff6600;}
