@charset "utf-8";
/* CSS Document */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
                
}
.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}



/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	}
	
* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

ul,li,th,td {
	margin:0;
	padding:0;
	border:0;
	}


p {
	margin: 1em 0 1em 0;
	}


a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}


strong {
	font-weight:bold;
	}


body {
	-x-system-font:none;
	font-family:trebuchet,"trebuchet MS",arial,sans-serif;
	color:#387177;
	font-size:0.84em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin:0;
	padding:0;
	background:url(../images/layout/bg_stripes.gif);
	}



h1 {
	font-size:2em;
	color:#387177;
	font-weight:bold;
	}

h2 {
	font-size:1.8em;
	color:#387177;
	margin:5px 0;
	font-weight: lighter;
	}

h3 {
	font-size:1.33em;
	color:#f7941e;
	font-weight: lighter;
	}

h4 {
	font-size:1.1em;
	}

h5 {
	font-size:1em;
	}

h6 {
	font-size:0.85em;
	margin:0.5em 0 0;
	}






/* top */



#top  {
	position:relative;	
	height:113px;
	background: url(../images/layout/top_bg.jpg);
	border-bottom:1px solid #000;
	}


#header { 
	width:978px;
	height:113px;
	margin:0 auto;
	}

	
#logo a{
	float:left;
	height:113px;
	width:372px;
	background:transparent url(../images/layout/logo.gif) center no-repeat;
	text-indent:-9999px;
	}

#login {
	float:right;
	height:113px;
	width:216px;
	}

#login a {
	color:#fff;
	}

#loginnav {
	float:right;
	margin-right:1px;
	height:33px;
	width:216px;
	background:url(../images/layout/login.png) top left no-repeat;
	}


#loginnav ul {
	width:200px;
	height:35px;
	padding-left:43px;
	list-style-type:none;
	list-style-position:inside;
	}

#loginnav ul li {
	display:inline;
	float:left;
	background: url(../images/layout/menu_stripe.gif) no-repeat left 13px;
	}
	
#loginnav ul li.firstnav {
	background:none;
}

#loginnav ul li.firstnav a {
	background:transparent;
	cursor:default;
	}

#loginnav ul li.firstnav a:hover {
	background:transparent;
	}

#loginnav ul li a {
	display:block;
	float:left;
	height:35px;	
	padding:0 10px;
	text-decoration:none;
	text-align:center;
	line-height:35px;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	} 


#loginnav ul li a:hover, #navigation ul li.current a{
	color:#fff;
	background: url(../images/layout/nav_active_bg.gif);
	}


#loginbox {
	float:right;
	position:relative;
	height:70px;
	width:200px;
	margin-right:8px;
	padding-top:12px;
	background: url(../images/layout/login_bg.jpg) top left repeat-x; 
	}

#loginbox input {
	width:150px;
	height:14px;
	margin:0px 0px 3px 12px;
	padding:2px 5px 1px 5px;
	background-color:#5d6c8f;
	border:1px solid #232a3b;
	color:#bec4d2;
	}

#loginbox input#loginsubmit {
	position:absolute;
	right:0px;
	top:32px;
	width:20px;
	height:20px;
	background:transparent;
	border:0;
	}

#forget_pas {
	padding-left:14px;
	}

#welcome {
	padding-left:10px;
	position:absolute;
	bottom:0px;
	left:0;
	color:#8c9f2c;
	}

/* navigation */

#navigation {
	width:978px;
	height:35px;
	background:url(../images/layout/navbar.png) no-repeat top center;
	margin:0 auto;
	position:relative;
	}

.mainnav {
	width:500px;
	height:35px;
	margin-left:209px; 
	list-style-type:none;
	list-style-position:inside;
	}

.mainnav li {
	display:inline;
	float:left;
	background: url(../images/layout/menu_stripe.gif) no-repeat left 13px;
	}

.mainnav li a {
	display:block;
	float:left;
	height:35px;	
	padding:0 20px;
	text-decoration:none;
	text-align:center;
	line-height:35px;
	color:#fff;
	font-weight:normal;
	font-size:1.1em;
	} 

.mainnav li a:hover, .mainnav li.current a{
	color:#fff;
	background: url(../images/layout/nav_active_bg.gif);
	}

.langnav { position:absolute; top:9px; right:15px; float:none !important }

.langnav li { display:inline; float:left; list-style:none; font-size:11px; padding:0 10px 0 0; }

.langnav li a, .langnav li a:visited { color:#fff; }

/* content */

#content {
	width:978px;
	margin:0 auto;
	}

#content a {
	color:#f7941e;
	}

#contentbg {
	width:960px;
	margin:0 9px;
	background:#eeeff2 url(../images/layout/content_bg.gif) repeat-y top left;
	border-bottom:1px solid #fff;
	}

#contentbg.whitebg {
	background:#fff;
	}

#content .blocktitle {
	padding:0;
	height:55px;
	font-size:14px;
	font-weight:bold;
	font-family:trebuchet,"trebuchet MS",arial,sans-serif;
	color:#515e7b;
	line-height:50px;
	background-color:#dfe1e7;
}

#content .blocktitle img {
	padding:5px 0 0 0;
	float:left;
}

#searchblock {
	width:200px;
	float:left;
	text-align:left;
	padding-top:5px;
	background:#eeeff2 url(../images/layout/box_bg_top.gif) repeat-x 0 0;
	}

#searchblock form {
	margin-top:20px;
	}

#searchblock select {
	width:173px;
	/*height:21px;*/
	margin:0 0 5px 15px;
	padding:2px 0px 0px 5px;
	background:url(../images/layout/searchinput_bg.gif) no-repeat 0 0;
	color:#666;
	}
	
#searchblock input {
	width:173px;
	height:21px;
	margin:0 0 5px 15px;
	padding:2px 5px 4px 5px;
	background:url(../images/layout/searchinput_bg.gif) no-repeat 0 0;
	color:#666;
	}

#searchblock #btn_submit {
	width:115px;
	height:21px;
	margin-left:75px;
	padding:0 0 3px 0;
	background:url(../images/layout/search_btn.gif) no-repeat;
	cursor:pointer;
	}


#searchblock .searchlinks {
	float:right;
	margin-right:10px;
	font-size:11px;
	color:#596582;
	}	

#searchblock dt {
	margin-left:15px;
	}
	
#centralblock {
	width:520px;
	float:left;
	text-align:justify;
	padding:10px 20px 10px 20px;
	background:#fff url(../images/layout/box_central_top.gif) repeat-x 0 0;
	}

#centralblock_full {
	width:720px;
	float:left;
	text-align:justify;
	padding:10px 20px 10px 20px;
	background:#fff url(../images/layout/box_central_top.gif) repeat-x 0 0;
	min-height:235px;
	}
	
*html #centralblock_full { height: 235px; } 

#centralblock h2 {
	color:#509fc7;
	font-size:25px;
	}

#centralblock h2 .stu {
	color:#8c9f2c;
	}

#newsblock {
	width:200px;
	float:left;
	text-align:left;
	padding-top:5px;
	background:#eeeff2 url(../images/layout/box_bg_top.gif) repeat-x 0 0;
	}


#newsblock .newscontent {
	padding:5px 10px;
	font-family:trebuchet,"trebuchet MS",arial,sans-serif;
	font-size:11px;
	text-align:justify;
	color:#666;
	}

#newsblock .newscontent .newstitle {
	font-weight:bold;
	}

#newsblock .newscontent p {
	margin:0;
	line-height:13px;
	} 

#newsblock .newscontent .readmore a {
	color:#509fc7;
	}

/* bottom */

#bottom {
	width:978px;
	margin:0 auto;
	padding-top:0px;
	}

#bottombg {
	width:960px;
	margin:0 9px;
	padding-bottom:20px;
	background:#fff url(../images/layout/bottom_bg.jpg) repeat-x 0 0;
	}


#leftcolumn {
	margin-top:20px;
	width:319px;
	float:left;
	border-right:1px dotted #cfd2d8;
	}

#centercolumn {
	margin-top:20px;
	width:320px;
	float:left;

	}

#rightcolumn {
	margin-top:20px;
	width:319px;
	float:left;
	border-left:1px dotted #cfd2d8;
	}


/* css toptens onderaan */


#bottom .toptentitle {
	height: 60px;
	width: 300px;
	border-bottom:1px solid #ccc;
	margin:0 10px 0 10px;
	font-family:trebuchet,"trebuchet MS",arial,sans-serif;
	color:#509fc7;
	}

#bottom .toptentitle img {
	float:left;
	}

#bottom .toptentitle .number {
	float:left;
	font-size:40px;
	font-weight:bold;
	margin-left:5px;
	}

#bottom .toptentitle .title {
	float:left;
	font-size:16px;
	line-height:17px;
	margin:13px 0 0 7px;
	}

#bottom .toptencontent .bookinfo, #searchresults .bookinfo {
	margin:0 10px;
	position:relative;
	padding:5px 3px;
	font-family:trebuchet,"trebuchet MS",arial,sans-serif;
	}

#bottom .toptencontent .uneven, #searchresults .uneven  {
	background-color:#fff;
	}

#bottom .toptencontent .even, #searchresults .even  {
	background-color:#f8f8f8;
	}
	
#bottom .toptencontent .uneven .price, #searchresults .uneven .price {
	color:#8c9f2c;
	}

#bottom .toptencontent .even .price, #searchresults .even .price  {
	color:#509fc7;
	}

#bottom .toptencontent .price, #searchresults .price {
	position:absolute;
	top:10px;
	right:3px;
	width:80px;
	text-align:right;
	font-weight:bold;
	}

#bottom .toptencontent .offer {
	position:absolute;
	top:30px;
	right:3px;
	width:60px;
	text-align:right;
	font-size:10px;
	}

#bottom .toptencontent .offer a {
	color:#232a3b;
	}

#bottom .toptencontent .booktitle, #searchresults .booktitle {
	float:left;
	width:230px;
	display:block;
	font-size:13px;
	color:#8c9f2c;
	}

#bottom .toptencontent .booktitle a, #searchresults .booktitle a{
	color:#8c9f2c;
	}




#bottom .toptencontent .author , #searchresults .author{
	float:left;
	width:230px;
	display:block;
	font-size:11px;
	color:#666;
	}

#bottom .toptencontent .isbn, #searchresults .isbn {
	float:left;
	width:230px;
	display:block;
	font-size:9px;
	color:#666;
	}

#bottom .toptencontent .lastbidder {
	clear:both;
	}

#bottom .bidForm {
	float:right;
	display:block;
	width:250px;
	text-align:right;
	}

#bottom .bidForm input {
	float:right;
	width:60px;
	text-align:right;
	margin-top:2px;
	background:#ddd;
	}

#bottom .bidForm #btn_bid {
	float:right;
	width:70px;
	height:21px;
	margin-top:0;
	padding-bottom:3px;
	cursor:pointer;
	text-align:center;
	background: url(../images/layout/btn_bid.gif) no-repeat;
	}

/* footer */

#footer {
	width:990px;
	margin:0 auto;
	clear:both;
	}


#waxlogo a {
	float:right;
	display:block;
	margin:10px 0;
	width:26px;
	height:21px;
	background-image: url(../images/layout/wax_logo_transp50.png);
	}

#waxlogo a:hover {
	background-image: url(../images/layout/wax_logo.png);
	}


/* bookpage */

#currentbid {
	padding:25px 14px 25px 14px;
	font-size:14px;
	margin-bottom:20px;
	}

#currentbid input {
	margin:0;
	}

#currentbid #btn_bid {
	float:right;
	margin:0;
	padding:0 0 2px 0;
	width:42px;
	height:21px;
	cursor:pointer;
	text-align:center;
	background: url(../images/layout/btn_bid.gif) no-repeat;
	}
	
#reactiebox {
	margin-top:40px;
	}
	
.reactie {
	border-top:1px dotted #cfd2d8;
	margin-top:5px;
	color:#333;
	}

.reactie span {
	color:#387177;
	font-size:11px;
	}

.reactie .controls{
	float:right;
	margin-top:1px;
	}




/* searchpage */

#searchresults {
	margin-top:10px;
	width:100%;
	}

#ordernav {
	height:40px;
	}

#ordernav ul {
	list-style:none;
	float:right;
	}


#ordernav ul li {
	display:inline;
	float:left;
	padding-left:30px;
	padding-right:10px;
	}

#ordernav ul li.up {
	background:url(../images/layout/arrowup.png) 13px 1px no-repeat;
	} 
 
#ordernav ul li.down {
	background:url(../images/layout/arrowdown.png) 13px 2px no-repeat;
	} 
 
#ordernav ul li a {
	color:#515e7b;
	text-decoration:none;
	}
	
#ordernav ul li a:hover {
	color:#509fc7;
	text-decoration:none;
	}


/* accountpage */

#accountmenu {
	}
	
#accountmenu ul {
	padding:25px 0 25px 25px;
	list-style:none;
	}

#accountmenu ul li a {
	color:#515e7b;
	}
	
#accountmenu ul li a:hover {
	color:#509fc7;
	text-decoration:none;
	}


/* login */

ul.errors {
	padding:0 15px;
	list-style:none;
	color:#f7941e;
	font-size:10px;
	}

	
#searchblock #submit_btn {
	width:110px;
	height:21px;
	margin-left:78px;
	padding:0 0 3px 0;
	background:url(../images/layout/login_submit_big.gif) no-repeat;
	cursor:pointer;
	}


/* inputbook */

#inputbook ul.menu {
	list-style:none;
	}
	
#inputbook ul.menu li {
	float:left;
	padding-right:20px;
	}

#inputbook #bookform {
	clear:both;
	}

#inputbook input, #forgotpasswordForm input {
	width:173px;
	height:21px;
	margin:0 0 5px 0px;
	padding:2px 5px 4px 5px;
	background:url(../images/layout/searchinput_bg.gif) no-repeat 0 0;
	color:#666;
	}

#inputbook #submit_btn, #forgotpasswordForm #submit_btn {
	width:115px;
	height:21px;
	margin-left:0px;
	padding:0 0 3px 0;
	background:url(../images/layout/search_btn.gif) no-repeat;
	cursor:pointer;
	}

/* inputreaction */

#inputBookReactionForm #submit_btn {
	width:101px;
	height:21px;
	margin-left:0px;
	padding:0 0 3px 0;
	background:url(../images/layout/search_btn.gif) no-repeat;
	cursor:pointer;
	}

#inputBookReactionForm textarea#reactie {
	height:75px;
	}
	
/* register */

#inputUserForm {
	width:500px;
	}


#inputUserForm input {
	width:173px;
	height:21px;
	margin:0 0 0 0;
	padding:2px 5px 4px 5px;
	background:url(../images/layout/searchinput_bg.gif) no-repeat 0 0;
	color:#666;
	}

#inputUserForm #privacy_text {
	font-family: monospace;
	}

#inputBookForm select {
	width:250px;
	height:30px;
	margin-bottom:5px;
	}

#inputUserForm dt{
	margin:2px 0 0 0;
	width:120px;
	float:left;
	clear:both;
	}

#inputBookForm dt {
	margin:2px 0 0 0;
	width:170px;
	float:left;
	clear:both;
	}
	
#inputUserForm dd, #inputBookForm dd {
	width:350px;
	float:left;
	}


#inputUserForm #submit_btn, #inputBookForm #submit_btn  {
	width:115px;
	height:21px;
	margin-left:0px;
	padding:0 0 3px 0;
	background:url(../images/layout/search_btn.gif) no-repeat;
	cursor:pointer;
	}

#inputUserForm ul.errors, #inputBookForm ul.errors {
	padding:0px;
	margin-bottom:10px;
	}

#toestandinfo {
	font-size:9px;
	line-height:1.3em;
	display:block;
	padding:10px 10px 10px 5px;
	}

/* tables */

table#searchresult, table#selltable {
	width:100%;
	}

table#searchresult td, table#selltable td,
table#searchresult th, table#selltable th{
	padding:3px 0 0 5px;
	font-size:11px;
	}

	
/* rating */
.rate_vote { width:95px; }

.rating_star { float:left; width:16px; height:16px; margin:0 3px 0 0; text-indent:-9999px; background:url(../images/layout/star_empty.gif); }
.rating_filled { background-image:url(../images/layout/star_full.gif); }
.rating_notfilled { background-image:url(../images/layout/star_empty.gif); }
.rating_halffilled { background-image:url(../images/layout/star_half.gif); }
.rating_star a { width:16px; height:16px; text-indent:-9999px; display:block; }

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/layout/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:80px;
height:16px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:16px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .rate_vote1 a{
width:20%;
z-index:6;
}
.star-rating .rate_vote2 a{
width:40%;
z-index:5;
}
.star-rating .rate_vote3 a{
width:60%;
z-index:4;
}
.star-rating .rate_vote4 a{
width:80%;
z-index:3;
}
.star-rating .rate_vote5 a{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.rating_total {
	float: left;
}


#emptysearchresult {
	padding-top: 10px;
	}
	
#mybookstable td, #mybookstable th {
	padding: 4px;
}