/* @override http://www.copyrightbookshop.be/css/style.css */

html {height:101%;}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #000000;
background: #fff url(/img/fond.gif) repeat-y;
margin: 0;
padding: 0;
text-align:center;
}

img {border:0;vertical-align:middle;}
img, div { behavior: url(/iepngfix.htc) }
p {margin:0 0 1em 0;}
.pagewidth {width:950px; margin:0 auto; text-align:left;}


#header {width:100%; height:69px; background:#2e2e2e url(/img/menu_fond.gif) repeat-x;}
.copyrightlogo {float:left; margin:0 40px;}

#language {color:#8e8c8c; font-size:11px; float:left; margin-top:44px; width:30px;}
#language a {color:#8e8c8c; text-decoration:none;}
#language a:hover {color:#fff; text-decoration:none;}
#language .actief {color:#fff;}

#header {font-size:13px; line-height:normal; padding:0;}

#header ul {margin: 32px 0 0;padding: 0;list-style: none;float: left;height:37px;overflow:hidden;}
#header li {float: left;background: url("/img/left_both.gif") no-repeat left 5px;margin:0; padding:0; height:37px;}
#header ul a {display:inline-block; background:url("/img/right_both.gif") no-repeat right 5px; text-decoration:none; color:#2b3c3c; padding-right: 9px; margin-left:9px; height:37px; line-height:42px;}
#header ul a:hover {color: #000;}
#header li:hover {background-position:left -150px;}
#header li:hover a {background-position:right -150px; color:#2b3c3c;}

#header li.selected a {background-position:right -150px; color:#000;}
#header li.selected {background-position:left -150px; color:#000;}


#header li.basket.notempty {float: left;background: url("/img/left_both2.gif") no-repeat left 5px;margin:0; padding:0; height:37px;}
#header li.basket.notempty:hover , #header li.basket.notempty.selected {background-position:left 0px;}

#header li.basket.notempty a {display:inline-block; background:url("/img/right_both2.gif") no-repeat right 5px; text-decoration:none; color:#2b3c3c; padding-right: 9px; margin-left:9px; height:37px; line-height:42px;}
#header li.basket.notempty:hover a, #header li.basket.notempty.selected a {background-position:right 0px;}


#header li.basket .basketamount {display:none;}
#header li.basket.notempty .basketamount {display:inline;}


#homeul {float:left; text-align:center; width:50px; height:23px; padding-top:15px; margin-top:31px; color:#fff;}

#sidebar {width:267px; float:left; font-size:12px; padding:0; margin-top:40px;}
#main {width:683px; font-size:12px; float:right; padding:0; margin-top:40px;}

#main .imagefloatleft {float:left; margin:0 20px 20px 0;}


.sidebarbox {width:267px; margin-bottom:10px;}
.sidebarboxtop {background:url(/img/sidebar_fond-trans2.png) repeat-y; margin:0;}
.sidebarboxbottom {background:url(/img/sidebar_bottom-trans.png) no-repeat; margin:0;}
.sidebarcontent {padding:20px 10px; width:200px;}

.sidebarcontent h2 {color:#c6d0d0; font-size:22px; font-weight:normal; margin:0 10px 0 50px;}


.sidebarcontent ul { list-style:none; padding:0 4px 0 0; margin:14px 10px 0 0;}
.sidebarcontent ul li {padding-left:51px;} 
.sidebarcontent ul li.selected {background:url(/img/sidebarselected.gif) no-repeat left 5px;}
.sidebarcontent ul li.selected a {color:#626f6f; margin-bottom: 0px;}


.sidebarcontent ul li a {color:#87c508; text-decoration:none;margin-left:0px;}
.sidebarcontent ul li a:hover {color:#485858; text-decoration:none;}
.sidebarcontent .newsul li {margin-bottom:10px;}


.sidebarcontent #howtoorderinfo ul { list-style:disc; padding-left:1em; margin:0 1em;}
.sidebarcontent #howtoorderinfo ul li {padding-left:0px; padding-bottom:6px;} 

.sidebarcontent #howtoorderinfo ul li a {color:#000; text-decoration:none; margin-left:0px;}
.sidebarcontent #howtoorderinfo ul li a:hover {color:#485858; text-decoration:none;}

.sidebarcontent #howtoorderinfo ol { padding-left:1em; margin:0 1em;}
.sidebarcontent #howtoorderinfo ol li {padding-left:0px; padding-bottom:6px;} 


.sidebarcontent #howtoorderinfo h3 {color:#87c508; font-size:14px; font-weight:normal; margin-top:4px; margin-bottom:4px; cursor:pointer; border-bottom-style:solid; border-bottom-width:1px;}
.sidebarcontent #howtoorderinfo .selected h3 {color:#000; font-weight:normal;}

.sidebarcontent #howtoorderinfo h3:hover {color:#000;}

.sidebarcontent ul ul { list-style: none; margin-bottom:0; margin-left:-67px; margin-right:5px; padding:0 4px 0px 0px;} 
.sidebarcontent ul ul li { padding-left:16px; padding-top:10px; margin-bottom: 0px;margin-left:0px;} 
.sidebarcontent ul li.selected ul li {background:none no-repeat left 5px;}
.sidebarcontent ul li.selected ul li a {color:#87c508; padding-left:10px; margin-bottom: 0px; margin-left:-10px;}

.sidebarcontent ul li.selected ul li.selected a {color:#626f6f; }
.sidebarcontent ul li ul li a {color:#87c508; text-decoration:none;margin-left:0px;}
.sidebarcontent ul li ul li a:hover {color:#485858; text-decoration:none;}

.sidebarcontent p {margin:1em 0 1em 0;}
.sidebarcontent a.meerinfo {color:#87c508;text-decoration:none; background:none;padding:0;}
.sidebarcontent a:hover {background:none;color:#000;text-decoration:none;padding:0px;}
.sidebarcontent .newstitel {}


.listheader {border-bottom:1px solid #c6d0d0; padding-bottom:12px;margin-bottom:12px;}
.listheaderbottom {border-top:1px solid #c6d0d0; padding-top:12px;margin-top:12px;}

.listheadertitle {float:left; font-weight:bold; font-size:20px;text-transform:lowercase;}
.listheader .new-forth {float:left; margin-top:10px;}
.listheader .selections {float:left; margin-top:10px;}
.listheader .zoekform {float:left; margin-left:20px; width:120px; margin-right:10px;margin-top:10px; border:1px solid #b7b7b7;}
.listheader .zoek {float:left;margin-top:10px;}


.listheader label, .listheaderbottom label {margin-right:15px;}
.pagejump {color:#485858; float:right;text-align:right; margin-top:10px;}
.pagejump a {color:#7c7c7c; text-decoration:none;}
.pagejump a:hover {color:#000; text-decoration:none;}

.pagejump_geschiedenis {color:#485858; float:left;text-align:left; margin-top:10px;}
.pagejump_geschiedenis a {color:#7c7c7c; text-decoration:none;}
.pagejump_geschiedenis a:hover {color:#000; text-decoration:none;}


#searchform {float:left;}

.listitemleft {float:left;}
.listitemright {float:right;}

.listitem {width:320px; margin:0 0 40px;}
.listitem h3 {color:#002f2f; font-size:14px; margin-bottom:5px;margin-top:0;}
.listitem h4 {color:#626f6f; font-size:12px; margin-top:0;}
.listitem img {float:left; margin:0 20px 20px 0; border:0;}
.listitem div {margin:10px 0px 0px 0px;}

.basketlink {color:#ee9700;}
.basketlink:hover {color:#000;}

.smalllist {margin-top:70px;}

.smalllistitem {width:320px; margin:0; padding-bottom:14px;}
.smalllistitem h3 {color:#002f2f; font-size:12px; margin-bottom:5px;margin-top:0;}
.smalllistitem h4 {color:#626f6f; font-size:10px; margin-top:0;}
.smalllistitem img {float:left; margin:0 20px 20px 0; border:0;}

.smalllistitem a.meerinfo {color:#87c508;text-decoration:none; background:none;padding:0;}
.smalllistitem a.bestellen {color:#ee9700;text-decoration:none;}
.smalllistitem a:hover {color:#000;text-decoration:none;}

.newslistitem {margin:0 0 14px;float:left; width:100%;  border-bottom:1px solid #c6d0d0;}
.newslistitem h3 {color:#002f2f; font-size:12px; margin-bottom:5px;margin-top:0;}
.newslistitem h4 {color:#626f6f; font-size:10px; margin-top:0;}
.newslistitem img {float:left; margin:0 20px 20px 0; border:0;}

.newslistitem a {color:#87c508; text-decoration:none;}


.newslistitem a.meerinfo {color:#87c508;text-decoration:none; background:none;padding:0;}
.newslistitem a.bestellen {color:#ee9700;text-decoration:none;}
.newslistitem a:hover {color:#000;text-decoration:none;}

.newslistitem .newstitel {font-weight:bold;}




/* SEARCH ---------------------------------------------------------------------- */

#bookssearch .smalllistitem {clear:left;}
#bookssearch .smalllistitem h3 {color:#002f2f; font-size:12px; margin-bottom:5px;margin-top:0;}
#bookssearch .smalllistitem h4 {color:#626f6f; font-size:10px; margin-top:0;}
#bookssearch .smalllistitem img {float:left; margin:0 20px 20px 0; border:0;}

#bookssearch .smalllistitem a.meerinfo {color:#87c508;text-decoration:none;}
#bookssearch .smalllistitem a.bestellen {color:#ee9700;text-decoration:none;}
#bookssearch .smalllistitem a:hover {color:#000;text-decoration:none;}


.oranje {color:#ee9700;}
.groen {color:#87c508;}

p.baseline { margin:0 0 40px;}
p.adres1 {float:left; margin:10px 30px 0 0;font-size:10px;clear:right;}
p.adres2 {float:left; font-size:10px; margin:10px 0px 0 0;}

p.adres1 a {color:#333;text-decoration:none;}
p.adres1 a:hover {color:#000;text-decoration:underline;}

/* FOOTER ---------------------------------------------------------------------- */

#footer {font-size:10px; color:#b4b4b4; height:90px;margin-top:40px;padding-top:16px;background-color:#fff;}
.adresgent {float:left;padding-left:267px;}
.adresantwerpen {float:left;padding-left:40px;}

#footer a {color:#b4b4b4; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:none;}



.clearDIV {clear:both;}


/* PAGE SPECIFIC */

/* BOOKS ---------------------------------------------------------------------- */

.bookdetail {}
.bookcover {}
.bookinfo {margin-left:280px;}
.bookdetail h3 {color:#002f2f; font-size:18px; margin-bottom:5px; margin-top:0;}
.bookdetail h4 {color:#626f6f; font-size:16px; margin-top:0;}
.bookdetail h5 {color:#626f6f; font-size:14px; margin-top:0;}
.bookdetail .isbn { border-top:1px solid #c6d0d0; padding-top:10px; margin-top:10px;}
.bookdetail .blader { border-top:1px solid #c6d0d0; padding-top:10px; margin-top:10px; clear:both;}
.bookdetail .inhoudstafel { border-top:1px solid #c6d0d0; padding-top:10px; margin-top:10px;}

.disabled {color:#ccc;}
.pagejump a {color:#7c7c7c;}
.pagejump a:hover {color:#000;}
.pagejump select {margin-right:10px;background-color:#fff; font-size:9px;}

.bookdetail .blader p , .bookdetail .inhoudstafel p {margin:0 0 1em 0;}
.bookdetail .blader .bladerimg { margin-right:10px;margin-bottom:10px;cursor:pointer;}
.bookdetail .inhoudstafel .inhoudstafelimg  {height:70px;margin-right:10px;}

.bookdetail .bestellen {margin-top:20px;}
.bookdetail .leftgrey {background:url(/img/button_sprite-trans.png) left -120px no-repeat;padding:3px 10px 3px 10px;font-size:12px;line-height:20px; color:#000;}

.bookdetail .bestellen iframe {float:right;}

.loader {}

/* CONTACT ---------------------------------------------------------------------- */

.contacttable a {color:#87c508;text-decoration:none;}
.contacttable a:hover {color:#000;text-decoration:none;}

/* ABOUT ---------------------------------------------------------------------- */

.aboutinfo a {color:#87c508;text-decoration:none;}
.aboutinfo a:hover {color:#000;text-decoration:none;}
.floatright {float:right; margin-left:60px;}
.imgfloatright {float:right; margin-left:20px; margin-bottom:10px; border:none;}
.topmargin {margin-top:10px;}

.abouttekst {float:left; width:340px;}
.aboutpics {float:right; width:300px;}
.bijschrift {font-size:11px; font-weight:bold;}

.aboutpics ol {padding:0;margin:0;}
.aboutpics ol img {padding:0 0 1em 0;}


/* COPYRIGHTHINGS ---------------------------------------------------------------------- */

.copyrighthingsitem {margin:0 0 30px;float:left; width:100%;}
.copyrighthingsitem h3 {color:#002f2f; font-size:14px; margin-bottom:5px;margin-top:0;}
.copyrighthingsitem h4 {color:#626f6f; font-size:12px; margin-top:0;}
.copyrighthingsitem img {float:left;margin:0 20px 20px 0; border:0; }

.bborder { border-bottom:1px solid #c6d0d0;}

.copyrighthingsitem a {color:#87c508;text-decoration:none;}
.copyrighthingsitem a.meerinfo {text-decoration:none; background:none; padding:0;}
.copyrighthingsitem a.bestellen {color:#ee9700;text-decoration:none;}
.copyrighthingsitem a:hover {color:#000;text-decoration:none;}

.copyrighthinginfo {width:560px;float:right;}

.copyrighthingsitem .copyrighthingtitel {font-weight:bold;}
#copyrighthingslist li {margin-bottom:10px}

.copyrighthingsitem .blader { border-top:1px solid #c6d0d0; padding-top:10px; margin-top:10px;}
.copyrighthingsitem .blader .bladerimg { margin-right:10px;cursor:pointer;}


/* PEOPLE ---------------------------------------------------------------------- */

.naam {font-weight:bold;padding-left:51px; }
.beroep {padding-left:51px; }
a.website  {text-decoration:none; color:#666;padding-left:51px; }
a.website:hover {color:#000;}
.laatstetien {text-decoration:none; margin-right:10px; font-size:14px;padding-left:51px; }
.toonalle {text-decoration:none; color:#333;padding-left:51px;}
.vide {width:30px;}
.boekenlijst h3 {margin-top:0;}

#peoplelist {padding-bottom:10px;}
button.rightyellow.busy {background:url(/img/button_sprite-trans.png) right -160px no-repeat;}

.personinfo {margin-top:15px;margin-bottom:15px;}
.personinfo .naam {font-weight:bold;padding-left:0px; font-size:14px;}
.personinfo .profession {color:#b4b4b4;}
.persontext {font-size:12px;}

.boekenlijst .smalllistitem {width:220px; margin:0 0 14px;}
.boekenlijst .smalllistitem h3 {color:#002f2f; font-size:12px; margin-bottom:5px;margin-top:0;}
.boekenlijst .smalllistitem h4 {color:#626f6f; font-size:10px; margin-top:0;}
.boekenlijst .smalllistitem img {float:left; margin:0 10px 10px 0; border:0;}

.boekenlijst .smalllistitem a.meerinfo {color:#87c508;text-decoration:none; background:none;padding:0;}
.boekenlijst .smalllistitem a.bestellen {color:#ee9700;text-decoration:none;}
.boekenlijst .smalllistitem a:hover {color:#000;text-decoration:none;}


/* INDEXPAGINA ---------------------------------------------------------------------- */

.indexbox {width:590px;position:absolute;top:100px;left:156px;}
.indexboxtop {background:url(/img/indexbox_top-trans.png) no-repeat; margin:0; height:10px; padding:0;}
.indexboxcontent {background:url(/img/indexbox_fond-trans.png) repeat-y; margin:0;}
.indexboxbottom { margin:0;height:30px; background:url(/img/indexbox_bottom-trans.png) no-repeat;}
.indexboxcontent {padding:20px 30px 20px 40px;}

.indexboxcontent {font-size:12px; text-align:left;}
.indexboxcontent ul { list-style: none; margin-bottom:0px; margin-left:0px; margin-right:10px; padding:0 4px 0 0;} 
.indexboxcontent li { padding-left:51px; margin-bottom: 0px;} 
.indexboxcontent li.selected a {color:#626f6f;background:url(/img/sidebarselected.gif) no-repeat left 5px; padding-left:51px; margin-bottom: 0px;margin-left:-51px;}
.indexboxcontent li a {color:#87c508; text-decoration:none;margin-left:0px;}
.indexboxcontent li a:hover {color:#485858; text-decoration:none;}
.indexboxcontent .newsul li {margin-bottom:10px;}

.indexboxcontent a {color:#87c508; text-decoration:none;}
.indexboxcontent a:hover {color:#485858; text-decoration:none;}

.websiteby a {text-decoration:none; color:#333;}
.websiteby a:hover {text-decoration:underline; color:#000;}




#hometest {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.01%;
		color: #000000;
		margin: 0;
		padding: 0;
		text-align:center; background:none;}
		
		
.homenewspic {float:left; margin:0px 20px 40px 0px}

#colorfond { font-size:12px; color:#fff; text-align:left; background-color:#2698b9; padding-bottom:100px;}
#colorfond_shadow {height:44px; background:url(/beelden/colorfond_shadow2.png) repeat-x;}
.colorbox {width:950px; margin:0 auto; text-align:left;}

.colorbox a {color:#fff; text-decoration:none;}
.colorbox a:hover {color:#fff; text-decoration:underline;}
.colorbox .addressbox {width:247px; float:left; font-size:11px; line-height:13px; margin-top:27px;padding-left:20px;}
.colorbox .addressbox h3 {margin-top:16px; margin-bottom:4px; font-size:12px;}

.colorbox .logolangnewsbox {width:492px; margin-left:267px;}
.colorbox .logolangnewsbox .indexlogo {float:left; margin-top:43px;}

.colorbox .logolangnewsbox ul {list-style-type:none; font-size:13px; text-transform:uppercase; margin:0 0 0 246px; padding:138px 0 0;}
.colorbox .logolangnewsbox ul li {margin-bottom:23px; }
.colorbox .logolangnewsbox ul li a {text-decoration:underline;}
.colorbox .indexnewsitem {margin-top:50px; font-weight:bold;}
.colorbox .indexnewsitem hr {margin-bottom:30px;}
.colorbox .indexnewsitem h3 {font-size:20px; font-weight:normal;}
.colorbox .indexnewsitem .indexnewsitemtxt {margin-left:150px;}

.colorbox .openingsuren {display:block; margin-top:4px;}

.colorbox .websiteby a {text-decoration:none; color:#fff;}
.colorbox .websiteby a:hover {text-decoration:underline; color:#fff;}

#hometest #language {visibility:hidden;}
#hometest #logo img.copyrightlogo {visibility:hidden;}

.websitebysystemed {margin-top:20px; width:53px; height:16px;}



/* BASKET ---------------------------------------------------------------------- */

#basket span.error {padding:0 3px 0 1px;color:#f00;}




#baskettable {font-size:12px;}
#baskettable td {border-top:1px solid #b4b4b4; padding-bottom:5px; padding-top:5px;}
#baskettable th {color:#b4b4b4; font-weight:normal;padding-bottom:5px;}
#baskettable th.thumbnail {text-align:left;width:100px;}
#baskettable th.item {text-align:left;}
#baskettable th.aantal {text-align:center;width:90px;}
#baskettable th.subtotaal {text-align:right;width:80px;}
#baskettable th.prijs {text-align:right;width:80px;}
#baskettable th.verwijderen {text-align:center;width:130px;}

#baskettable .totaal {}
#baskettable .auteur {color:#b4b4b4;}
#baskettable .thumbnail { text-align:left; }
#baskettable .thumbnail img {width:80px; text-align:left;}
#baskettable .thumbnail .smallthumbnail {width:40px; text-align:left;}

#baskettable .item {text-align:left;}
#baskettable .aantal {text-align:center;}
#baskettable .aantaltotaal {text-align:right;}
#baskettable .subtotaal {text-align:right;}
#baskettable .totaal {width:80px;text-align:right;font-weight:bold; font-size:16px;}
#baskettable .verwijderen {text-align:center;}

#baskettable .aantal .min { background:url(/beelden/delete.png) no-repeat 0;}
#baskettable .aantal .min:hover { background:url(/beelden/delete.png) no-repeat -16px;}

#baskettable .aantal .plus { background:url(/beelden/add.png) no-repeat 0;}
#baskettable .aantal .plus:hover { background:url(/beelden/add.png) no-repeat -16px; }

#baskettable .verwijderen img { background:url(/beelden/bin_closed.png) no-repeat 0;}
#baskettable .verwijderen img:hover { background:url(/beelden/bin_closed.png) no-repeat -16px; }

#baskettable .totaalfix {border-bottom:1px solid #333; text-align:right; padding-bottom:10px; padding-top:15px;}


.basketamount {color:#896700;}

#formfeedback {background:#efefef url(/beelden/yellow.gif) repeat;padding:20px;}
.basketuitleg {font-size:12px; color:#333;}
.basketuitleg a {font-size:12px; color:#87c508; text-decoration:none;}
.basketuitleg a:hover {font-size:12px; color:#333; text-decoration:none;}


#klantgegevens {width:330px; float:left;line-height:18px; }
#leveringsgegevens {width:330px; float:right; line-height:18px;}

#klantgegevens > div {margin-top:20px;}

#orderform {border-top:0px solid #000; padding-top:20px; margin-top:20px;}
#orderform h2 {padding-top:0px; margin-top:0; font-size:14px;}
#basketformtable { background-color:#efefef; }
#basketformtable td { padding:2px 2px 2px 10px;}

#leveringtable {background-color:#efefef; margin-top:20px;  width:100%; margin-bottom:-10px;}
#leveringtable td {padding:2px 2px 2px 10px; }

#leveringsgegevens ul {list-style-type:none; margin:20px 0 0; padding:0; }
#leveringsgegevens ul ul {list-style-type:none; margin:0; padding-left:24px;}

input[type="radio"],
input[type="checkbox"] {
vertical-align:middle;
margin:0 0.5em 0 0;
}


#bevestiggegevens {float:right; margin-top:10px; border-top:4px solid #efefef;  border-bottom:0px solid  #ee9700; width:100%;}
	#bevestiggegevens .totaal {text-align:right; float:right; margin:10px 0px 10px 40px; padding:0px;  }
		#bevestiggegevens .totaal h2 {font-size:20px; font-weight:bold; margin:0;padding:0; display:inline; }
		#bevestiggegevens .totaal .verzendkost {font-size:10px;}
#bevestig {display:block; float:right; margin-top:20px; border:none; cursor:pointer;}

#bevestiggegevens.accepted {border-bottom:2px solid #87c508;}
#bevestiggegevens.declined {border-bottom:2px solid #f00;}
#bevestiggegevens.cancelled {border-bottom:2px solid #ee9700;}
#bevestiggegevens.exceptioned {border-bottom:2px solid #000;}


#leveringtable select, #basketformtable select {width:183px;}

#basketformtable input {}

#contactgegevens_confirm {margin-top:30px; float:left; margin-right:30px; width:180px;}
#leveringsgegevens_confirm {margin-top:30px; float:left; margin-right:30px; width:180px;}
#contactgegevens_confirm h2, #leveringsgegevens_confirm h2 {padding-top:0px; margin-top:0; font-size:14px;}
#afrekenen {margin-top:30px; float:right; border:none; cursor:pointer;}

#resultmessage {margin-top:30px; color:#ffffff; float:right; width:200px; padding:10px;}
#resultmessage2 {margin-top:30px; color:#ffffff; float:right; width:200px; }

.resultmessage2,.resultmessage3 {padding:10px;}
.accept {background-color:#87c508; }
.decline {background-color:#f00;}
.exception {background-color:#000; margin-top:2px;}
.cancel {background-color:#ee9700;}

#resultmessage ul { padding-left:20px; margin-top:0; }


#resultmessage a {color:#fff;  line-height:20px;}
#resultmessage a:hover {color:#000;}

#leveringsgegevens > p > label {margin-right:12px;}
#leveringsgegevens > p > label input {margin-top:-2px; margin-right:4px;}

#ogone_form a.wijzigen {float:left; margin-top:30px; color:#87c508;}
#ogone_form a.wijzigen:hover {color:#000;}

.facebook {margin-top:20px; margin-bottom:20px;}