/* elementtype#id  elementtype daarbinnen . klasse */

/* CSS ALGEMENE OPMAAK */
html {
  overflow: -moz-scrollbars-vertical;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family:arial, helvetica, 'times new roman';
  font-size:10pt;
  color:#4d4d4d;
}

font
{
  font-family: arial, helvetica, 'times new roman';
  font-size: 10pt;
  color: #353535;
  text-decoration: none;
}
font.small { font-size:8pt; }
font.medium { font-size:9pt; }
font.large { font-size:12pt;}
font.big { font-size:13pt;}
font.bold { font-weight: bold; }
font.italic { font-style:italic;}
font.red {color: #e60000;}
font.purple {color: #822362;}
font.orange { color: #f16516; }
font.grey { color: #4d4d4d; }
font.darkgrey { color: #424242;}
font.underline {text-decoration: underline;}

/* h css styles */
h1
{
  font-size: 11pt;
  font-weight: bold;
  color: #f16516;
  margin-top:2px;
  margin-bottom:4px;
}

h2
{
  font-family: arial, helvetica, 'times new roman';
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
}
h2.orange { color: #f16516; }
h2.darkgrey { color: #424242;}

a, a[href] {
  font-weight:bold;
  color:#353535;
  outline-style:none;
  text-decoration: underline;
  cursor:pointer;
}
a:hover, a[href]:hover { text-decoration: underline; }
a.small, a[href].small {font-size: 8pt;}
a.medium, a[href].medium {font-size: 9pt;}
a.normal, a[href].normal {font-size: 10pt;}
a.nobold, a[href].nobold {font-weight:normal;}
a.orange, a[href].orange, a[href].orange:visited {color: #f16516;}
a.purple, a[href].purple, a[href].purple:visited {color: #822362;}
a.grey, a[href].grey, a[href].grey:visited {color: #4d4d4d;}
a.nounderline, a[href].nounderline {text-decoration: none;}
a.nounderline:hover, a[href].nounderline:hover {text-decoration: underline;}
a.nounderlinelink, a[href].nounderlinelink, a.nounderlinelink:hover, a[href].nounderlinelink:hover {text-decoration: none;}

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

input[type=text], input[type=password] {
  padding-left:5px;
  padding-top:5px\9; /* used by IE */
  height:21px;
  height:17px\9; /* used by IE */
  font-size:8pt;
  color:#686868;
  border:1px solid #936687;
}

input[type=image]{
  padding:0px;
  border:0px;
  outline-style:none;
}

input[type=hidden]{
  width:0px;
  height:0px;
}

textarea {
  padding-left:5px;
  padding-top:5px;
  *padding-top:3px; /* used by IE7 */
  font-family:arial, helvetica, 'times new roman';
  font-size:8pt;
  color:#686868;
  border:1px solid #936687;
}

select {
  padding-left:2px;
  padding-top:4px;
  padding-top:0px\9; /* used by IE */
  padding-bottom:5px\9; /* used by IE */
  height:25px;
  font-size:8pt;
  color:#686868;
  border:1px solid #936687;
  vertical-align:top;
}
option {}


input:focus, select:focus, textarea:focus
{
  background-color: #fffeaa;
}

img {
  border:0px;
}

ul, li
{
  margin-top: 2px;
  list-style-position: outside;
}

/* DIVERSEN */
hr {
  height: 1px;
  margin: 15x 0px 15px 0px;
  padding: 0px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px dotted #878787;
}

td.overviewtablehead {font-size: 8pt; color: #4b4b4b; font-weight: bold; BORDER-BOTTOM: 2px solid white; padding:4px 0 4px 3px;}
td.overviewtablerow {font-size: 10pt; color: #4b4b4b; font-weight: normal; BACKGROUND: #f4f4f4; BORDER-BOTTOM: 2px solid white; padding:4px 0 4px 3px;}

#tooltip{position: absolute; width: 150px; border: 1px solid black; font-family: Verdana; font-size: 10px; padding: 2px; background-color: #ffffff; visibility: hidden; z-index: 100; Filter: progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=120);}

div.tooltip_howto, .tooltip_howto_icon /* diversen */
{
  float:right;
  width:180px;
  padding-top:1px;  
}

/* CSS ALGEMENE LAYOUT OPMAAK */

div#pagecontainer {
  width:980px;
  height:auto;
  min-height:450px;
  margin:0px auto;
  padding:10px;
  border-left:1px solid #bdbdbd;
  border-right:1px solid #bdbdbd;
  border-bottom:1px solid #bdbdbd;
}

div#headerlogo {
  width:100%;
  height:80px;
  margin:0px auto;
}

div#headerlogo img.logo {
  margin-top: 15px;
  border:0px;
}

/* hoofdmenu */

div#topmenu {
  width:100%;
  height:37px;
  margin:0px auto;
  background:url('../images/menu-paarsebalk.png') repeat-x;
}

div#topmenu div {
  display:block;
  height:100%;
}

div#topmenu div.leftrounding { /* not in use */
  float:left;
  width:7px;
}

div#topmenu div.rightrounding {
  float:right;
  width:7px;
}

div#topmenu div.menuitemlefthome {
  width:76px;
  text-align:center;
  cursor:pointer;
  border-right:1px solid #a1518a;
  float:left;
  background:url('../images/menu-paarsebalk-linkshome.png');
}

div#topmenu div.menuitemlefthome:hover {
  background:url('../images/menu-paarsebalk-linkshome-hover.png');
}

div#topmenu div.menuitemlefthomeactive {
  width:76px;
  text-align:center;
  cursor:pointer;
  border-right:1px solid #a1518a;
  float:left;
  background:url('../images/menu-paarsebalk-linkshome-hover.png');
}

div#topmenu div.menuitem {
  text-align:center;
  cursor:pointer;
  border-right:1px solid #a1518a;
  float:left;
}

div#topmenu div.menuitemactive {
  text-align:center;
  cursor:pointer;
  border-right:1px solid #a1518a;
  float:left;
  background:url('../images/menu-paarsebalk-hover.png') repeat-x;
}

div#topmenu div.menuitem:hover {
  background:url('../images/menu-paarsebalk-hover.png') repeat-x;
}

div#topmenu img.menutext {
  margin-top:12px;
  vertical-align:top; /* LET OP: DIT IS TOV DE TEKST LIJN */
  border:0px;
}

div#topmenu div.mymenu {
  width:162px;
  border-left:1px solid #a1518a;
  float:right;
}

div#topmenu img.mymenutext {
  margin-top:12px;
  vertical-align:top;
  margin-left:10px;
}

div#submenu {
  left:-161px;
  top:37px;
  float:left;
  position:relative;
  color:#ffffff;
}

div#submenu div.submenuitem {
  padding-left:13px;
  padding-top:8px;
  height:24px;
  width:147px;
  background-color: #b685a5;
  cursor:pointer;
}

div#submenu div.submenuitem:hover {
  width:145px;
  background-color: #ffffff;
  border-left:1px solid #b685a5;
  border-right:1px solid #b685a5;
  color:#822362;
}

div#submenu a {
  font-weight:normal;
  text-decoration: none;
  color:#ffffff;
}

div#submenu div.submenubottom {
  height:8px;
  width:160px;
  background:url(../images/menu-submenu-onderkant.png) repeat-x;
}

/* middenstuk */

div#middlepart {
  width:100%;
  margin:0px auto;
  overflow:auto;
}

div#middlepart_left {
  width:799px;
  height:100%;
  overflow:auto;
  float:left;
  border-right:1px solid #bdbdbd; 
}

div#middlepart_right {
  width:170px;
  float:right;
}


/* roze zoekbalk */

div#searchmenu {
  width:788px;
  height:45px;
  background:url(../images/rozebalk.png) repeat-x;
}

div#searchmenu div.leftrounding {
  width:6px;
  height:45px;
  float:left;
}

div#searchmenu div.rightrounding {
  width:6px;
  height:100%;
  float:right;
}

div#searchmenu div.center {
  width:700px;
  height:45px;
  float:left;
}

div#searchmenu span {
  display:block;
  margin-top:6px;
}

div#searchmenu input[type=image] {
  vertical-align:middle;
  cursor:pointer;
}

div#searchmenu input[type=text] {
  font-family: helvetica;
  font-size:11pt;
  font-weight:bold;
  height:14px;
  width:260px;
  vertical-align:middle;
  padding:7px;
}

/* breadcrumbs */
div#breadcrumbs {
  width:788px;
  padding-top:4px;
  padding-left:7px;
  vertical-align:top;
  font-size:8pt;
  color:#4d4d4d;
}

div#breadcrumbs span.back {
  font-size:9pt;
  font-weight:bold;
  color:#f16516;
  margin-right:8px;
  float:right;
  cursor: pointer;
  visibility:hidden;
}

/* content */

div#contentcontainer {
  width:760px;
  min-height:340px;
  height:auto !important;
  height:340px;
  padding-top:5px;
  margin: auto;
}

/* content footer */

div#contentfooter {
  width:788px;
  height:35px;
  overflow:visible;
  background-color: #e3d7df;
}

div#contentfooter div.contentfooter_left {
  width:3px;
  height:35px;
  background:url(../images/onderbalk-links.png) repeat-x;
  float:left;
}

div#contentfooter div.contentfooter_right {
  width:3px;
  height:inherit;
  background:url(../images/onderbalk-rechts.png) repeat-x;
  float:right;
}

div#contentfooter div.contentfooter_center {
  height:35px;
  border:0px;
  width:782px;
  text-align:center;
  float:left;
}

div#contentfooter span.contentfootertext {
  line-height:35px;
  font-size:9pt;
  font-weight:normal;
  color:#3d3d3d;
}

div#contentfooter span.contentfooterpipe {
  margin-left:10px;
  margin-right:10px;
  line-height:35px;
  font-size:9pt;
  color:#fbf6f9;
}

div#contentfooter a {
  text-decoration:none;
}

div#footercontainer {
  margin:0px auto;
  width:980px;
  position:relative;
}

div#samenwerking { /* werkt samen met -> rechtsonder */
  width:170px;
  height:116px;
  left:810px;
  top:-137px;
  *top:-128px; /* used by IE7 */
  position:absolute;
  background: url(../images/box-insamenwerkingmet.png) no-repeat;
}

div#samenwerking span.text {
  display:block;
  margin-top:3px;
  margin-left:5px;
  margin-right:5px;
  font-size:8pt;
  line-height:15px;
  font-weight:bold;
  color:#323030;
}

div#samenwerking img.logo_bol_com {
  margin-top:15px;
  margin-left:15px;
}

div#samenwerking img.logo_studieboeken_nl {
  margin-top:10px;
  margin-left:15px;
}

div#dummy { /* om het design net wat lager te krijgen */
  height:35px;
  border:0px;
}


/* my menu */

div#my_menu_dottedlineholder {
  width:170px;
  height:0px;
  border-top:1px dotted #ae729a;
  background-color: #FFFFFF;

}


div#my_menu_basketholder {
  width:170px;
  height:30px;
  border:0px;
  padding-top:10px;
  text-align:center;
  background-color:#ae729a;
  
  font-size:8pt;
  font-weight:bold;
  color:#FFFFFF;
}

div#my_menu_basketholder img {
  vertical-align:middle;
}

div#my_menu_basketholder a {
  font-size:8pt;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration: none;
}

div#my_menu_holder {
  width:170px;
  height:275px;
  border:0px;  
  background:#e3d7df url('../images/sidebar-onderkant.png') no-repeat bottom;
}

div#my_menu_login_form {
  width:145px;
  height:100%;
  padding:10px;
}

div#my_menu_login_form input[type=text], input[type=password] {
  margin-top:5px;
  width:135px;
}

div#my_menu_login_form input[type=image] {
  margin-top:8px;
  margin-left:35px;
}

div#my_menu_login_form div.pijltje {
  margin-top:12px;
  margin-left:5px;
  float:left;
  font-size:7pt;
}

div#my_menu_login_form div.ondertekst {
  margin-top:12px;
  margin-left:15px;
  font-size:8pt;
  font-weight:normal;
  color:#323030;
}

div#my_menu_login_form a {
  font-weight:normal;
  color:#323030;
}

div#my_menu_personal_menu {
  width:145px;
  height:100%;
  padding:10px;
  font-size:8pt;
}

div#my_menu_login_form a {
  font-weight:normal;
}

/* footer */

div#footer {
  display:block;
  margin:10px auto;
  text-align:center;
  font-size:9pt;
  color:#676767;
}

div#footer img {
  vertical-align:middle;
}

div#footer span.purpletext {
  font-style:italic;
  font-weight:bold;
  color:#822362;
}

div#footer span.orangetext {
  font-style:italic;
  font-weight:bold;
  color:#ff7712;
}

div#footer span.resttext {
  font-style:normal;
  font-weight:normal;
}

div#whitebox {
  width:3px;
  height:12px;
  left:-3px;
  position:relative;
  border:0px;
  background-color:#FFFFFF;
  float:left;
  z-index:1
}

/* EINDE: CSS ALGEMENE LAYOUT OPMAAK */


/* DEFAULT.ASP >> HOMEPAGINA >> ABOUT STUDIEBOEKENMARKT PART */

div#aboutSbmPart
{
  float:left;
  width:788px;
}

div#aboutSbmLeft
{
  float:left;
  width:443px;
  padding: 0 15px 0 0;
}

div.infoBox
{
  float:left;
  width:443px;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
}

div.infoBox_top { float:left; background:url(../images/infoBox_top.png) left top no-repeat; width:443px;height:7px;font-size:3px;}
div.infoBox_header { float:left; background:url(../images/infoBox_headerbg.png) left top repeat-y; width:413px;height:35px;padding:0 15px 0 15px;}
div.infoBox_headerleft {float:left;}
div.infoBox_headerright {float:right;padding:3px 0 0 0;}
div.infoBox_body { float:left; background: #dddddd url(../images/infoBox_bodybg.png) left bottom repeat-x; border: 1px solid #c1c1c1; border-width:0 1px 0 1px; width:411px;height:40px;padding:0 15px 0 15px;}
div.infoBox_bottom { float:left; background:url(../images/infoBox_bottom.png) left top no-repeat; width:443px;height:7px;font-size:3px;}

h2.infoHeader { font-size:17px; color:#822362; line-height:28px;}
table.infoBox_content { width:413px;}
table.infoBox_content td { color:#822362;line-height:20px;width:200px; background: url(../images/infoBox_arrow.png) left center no-repeat; padding: 0 0 0 20px;}

div.fotoBox
{
  margin: 5px 0 10px 0;
  float:left;
  width:330px;
  height:192px;
}
div.fotoBox_body {float:left;width:330px;height:192px;}

/* DEFAULT.ASP >> HOMEPAGINA >> TOP 10 ROW PART */

div.top10_row
{
  float:left;  
  width:788px;  
  margin:0 0 0 0;
  overflow:hidden;
}

div.top10_row p {float:left; font-size:11px; color: #393939;margin:0;line-height:40px; background: url(../images/orangeArrow.png) 2px center no-repeat ; padding:0 0 0 15px; font-weight:bold;}
div.top10_row p a, .top10_row p a:visited { font-weight:bold; }
div.top10_row p a:hover { text-decoration:none;}
div.top10holder {float:left;width:776px;border:1px solid #fe7200; border-width: 0 1px 0 1px;background-color:#f8f8f8;padding: 5px 0 0 10px;}
div.top10_header {background: url(../images/top10_header.png) left top no-repeat;float:left;width:788px;height:25px;padding:7px 0 0 0;}
div.top10_bottom { background: url(../images/top10_bottom.png) left top no-repeat; height:5px;width:795px;float:left;}
h2.top10h2 { font-size:12px;color:white;line-height:20px;padding:0 0 0 5px;font-weight:bold;}
.c1 { width:193px;float:left; }
.c3 { width:190px;float:left;text-align:center; font-size:11px; color: #393939; padding:4px 4px 0 0;}
.c4 { width:177px;float:left;text-align:center; font-size:11px; color: #393939; padding:4px 4px 0 0;}
.c5 { width:213px;float:left;text-align:center; font-size:11px; color: #393939; padding:4px 0 0 0;}
.c3 a, .c3 a:visited, .c4 a, .c4 a:visited, .c5 a, .c5 a:visited { font-weight:normal; font-size:11px; color:#5b5b5b;}
.c3 a:hover, .c4 a:hover, .c5 a:hover { text-decoration:none; }
.c3 a.selected, .c4 a.selected, .c5 a.selected { color:#f66900; padding:0 4px;text-decoration:none; }
.ct1 { background-color:#f8f8f8;border:none;width:289px;padding:0 0 3px 5px; font-weight:bold;color:#404040; }
.ct2 { background-color:#f1f1f1;border:none;width:71px;padding:0 0 3px 15px; font-weight:bold;color:#404040; }
.ct3 { background-color:#f8f8f8;border:none;width:124px;padding:0 0 3px 15px; font-weight:bold;color:#404040; }
.ct4 { background-color:#f1f1f1;border:none;width:71px;padding:0 0 3px 15px; font-weight:bold;color:#404040; }
.ct5 { background-color:#f8f8f8;border:none;width:120px;padding:0 0 3px 15px; font-weight:bold;color:#404040; }
table.top10table { width:763px;float:left;}
table.top10table tr { border-bottom: 1px dotted #c7c7c7;line-height:20px; }
table.top10table tr td { font-size:11px; border-bottom: 1px dotted #c7c7c7; }
.row { background-color:#f8f8f8;} /* TODO DEZE BEGRIJP IK NIET */
td.redcolumn { background-color: #f1f1f1 ; padding:0 0 0 15px;    }
td.buttoncolumn { color:#666464;padding:2px 0 2px 10px;height:15px;text-align:center;line-height:3px;}
td.percentage { color:#fe7200;font-weight:Bold; }
a.top10a, a.top10a:visited, a.top10a:hover { font-weight:normal; color: #822362; font-size:11px; text-decoration:none;padding:0 0 0 5px;}
.selectedRow { background-color: #ededed; cursor: pointer; } /* TODO DEZE BEGRIJP IK NIET */
.selectedRowRed { background-color: #ededed; cursor: pointer; }


/* DEFAULT.ASP >> HOMEPAGINA >> EXTRA'S PART */

#extrasPart
{
  float:left;  
  width:788px;
}
.purpleBox { float:left;}
.paddLeft { padding:0 15px 0 0; }
.purpleBoxLeft { float:left; background:url(../images/purpleBox_left.png) left top no-repeat; width:5px; height:145px;}
.purpleBoxRight { float:left; background:url(../images/purpleBox_right.png) left top no-repeat; width:5px; height:145px;}
.purpleBoxBody1 {float:left; width:214px;height:143px;border: 1px solid #b48aa7; border-width:1px 0 1px 0;padding: 0 0 0 15px;}
.purpleBoxBody2 {float:left; width:509px;height:143px;border: 1px solid #b48aa7; border-width:1px 0 1px 0;padding: 0 0 0 15px;overflow:hidden;}
.purpleBoxh2 {font-size:15px;color:#f66900;line-height:35px;}
.bookImage { float:left;width:60px; }
.bookInfo { float:left; width:185px;}
.bookInfo p { font-size:11px;margin:0;padding:0;}
.float {clear:both;font-size:5px;}


/* DEFAULT.ASP >> HOMEPAGINA >> NEWS PART */
#newsPart 
{ 
  float:left; 
  width:788px;
  padding:15px 0 0 0;  
}

.newsPartLeft { float:left;width:7px;height:33px; background:url(../images/newsBox_left.png) left top no-repeat;}
.newsPartRight { float:left;width:10px;height:33px; background:url(../images/newsBox_right.png) left top no-repeat;}
.newsPartBody { float:left;width:741px;height:33px; background:url(../images/newsBox_bodybg.png) left top repeat-x; padding: 0 20px 0 10px;}
h3.newsh3 {color:#fe7200;font-size:14px;margin:0;padding:0;line-height:33px;}
.newsHeader { float:left;width:70px;}
.newsInfo { float:left; width:560px;overflow:hidden;}
.newsInfo p { padding:0;margin:0; line-height:33px;}
.newsButton { float:right; width:111px;padding:9px 0 0 0;height:26px;}
.newsLink { text-decoration:none; font-weight:normal; font-size:12px;}


/* TOON_STUDIEBOEK.ASP >> TOON STUDIEBOEK PAGINA */
.boekDetailTable2 {line-height:14px;}
.boekDetailBodyRowN { background-color: #f8f8f8; }
.boekDetailHeader { background: #e9e9e9 url(../images/boekDetailHeader.png) left top no-repeat;line-height:25px;}
.boekDetailBodyRow { background: #f8f8f8 url(../images/boekDetailBodybg.png) left top repeat-x; }
.verkoopStudieboekLink { height:20px;width:110px;float:right;padding:3px 0 0 0;margin:0; }
p.asLink { padding:0;margin:0; text-decoration:underline;cursor:pointer;}
.BolComBar { background: #cddaf2 url(../images/arrowWhite.png) 10px center no-repeat;float:left;height:30px;width:750px;padding:0 0 0 30px;line-height:30px;font-size:12px;font-weight:normal;color:#404040;border-top:2px solid white;}
.SBBar { background: #ddf2fa url(../images/arrowWhite.png) 10px center no-repeat;float:left;height:30px;width:750px;padding:0 0 0 30px;line-height:30px;font-size:12px;font-weight:normal;color:#404040;border-top:2px solid white;}
a.marginA img { margin:3px 0 0 0;}

.boekPaginaLeft {float:left;width:100px;min-height:100px;height:auto !important;height:100px;}
.boekPaginaMiddle {float:left;width:334px;}
.boekPaginaRight {float:right;width:333px;padding:0;}
.buttonNew {float:left; width:186px;}
.LevertijdDiv{float:left; width:345px; margin-top: 3px;}
#omschrijvingKort, #omschrijvingLang {float:left; width:655px;padding: 5px;}
.extraBoekInformatie {float:left;width:450px;padding:10px 0 0 103px;}
.titelLeft {float:left;width:585px;}

/* STUDIEBOEKEN_ZOEKRESULTATEN.ASP >> ZOEKRESULTATEN PAGINA */
#zoekResultatenTable {}
.zoekResultatenHeader {background: #e9e9e9 url(../images/boekDetailHeader.png) left top no-repeat;line-height:30px;padding:0 0 0 10px;}
.zoekResultatenMRow { background-color: #f8f8f8; }
.zoekResultaat { background: #ededed;border-bottom:2px solid white;} 
.zoekResultaatInfo {line-height:20px;}

/* PROFIELMNGMNT.ASP >> AANMELDINGSFORMULIER */
.aanmeldLeft { padding:0 0 0 10px;width:130px; height:32px; }
.aanmeldRight {background:#f9ebe0;padding:40px 10px 10px 10px;}
.purpleMessage {font-size:12pt; color: #ffffff; background:#822362;padding:10px;}
.aanmeldWide { padding:0 0 0 10px; height:32px; }


/* STUDIEBOEKEN.ASP >> ZOEK STUDIEBOEKEN */
.floatV {float:left;height:300px;width:30px;}
.zoekBox { float:left; width:727px;height:291px;}
.zoekBoxLeft {float:left;width:7px;height:291px;background: url(../images/zoekBox_right.png) left top no-repeat;}
.zoekBoxBody {float:left;height:291px;width:380px;background: url(../images/zoekBox_bodybg.png) left top repeat-x;padding:0 0 0 40px}
.zoekBoxPic {float:left;width:265px;height:261px;background: url(../images/zoekBox_pic.png) left top no-repeat;padding:15px;line-height:30px; font-family: arial, helvetica, 'times new roman';  font-size:20px;  color:white; font-weight:normal; }
.rightPakket {float:right;padding:12px 0 0 0;}
.leftPakket { float:left;width:187px;}


/* TOON_VERKOPERSPROFIEL.ASP >> TOON VERKOPERSPROFIEL  */
div#profiletext {
  width:765px;
  margin: 0px auto;
  margin: 0px auto;
  margin-top:5px;
  margin-bottom:5px;
  background: #ededed;
  padding:5px;
}

#verkopersProfiel {float:left;width:788px;padding:0 5px 0 5px;}
.profielBody {float:left;width:788px;background:#f8f8f8;}

.profielTabs {float:left;width:783px;height:26px; background: url(../images/purpleTab_bottom.png) left bottom repeat-x;padding:6px 0 0 5px;}
.purpleTab {float:left;height:26px;padding:0 5px 0 0;}
.purpleTab .purpleTabLeft {float:left;height:26px;width:5px;background:url(../images/purpleTab_left.png) left top no-repeat;}
.purpleTab .purpleTabBody {float:left;height:21px;background:url(../images/purpleTab_bodybg.png) left top repeat-x;padding:5px 3px 0 3px;}
.purpleTab .purpleTabRight {float:left;height:26px;width:5px;background:url(../images/purpleTab_right.png) left top no-repeat;}

.purpleTab_desel {float:left;height:26px;padding:0 5px 0 0;}
.purpleTab_desel .purpleTabLeft {float:left;height:26px;width:5px;background:url(../images/purpleTab_desel_left.png) left top no-repeat;}
.purpleTab_desel .purpleTabBody {float:left;height:21px;background:url(../images/purpleTab_desel_bodybg.png) left top repeat-x;padding:5px 3px 0 3px;}
.purpleTab_desel .purpleTabRight {float:left;height:26px;width:5px;background:url(../images/purpleTab_desel_right.png) left top no-repeat;}

.purpleTab a, .purpleTab a:visited { color: #822362;text-decoration:none;}
.purpleTab a:hover {text-decoration:underline;}
.purpleTab_desel a, .purpleTab_desel a:visited { text-decoration:underline;}
.purpleTab_desel a:hover {text-decoration:none;}

.profileSubTabs, .profileSubTabs2 { float:left;width:788px;background: #ece2e9;}
.profileSubTabs2 {background: #dfcbd8;}
.profileSubTabs .subTab {float:left;width:600px;height:29px;line-height:29px;background: #dfcbd8 url(../images/purpleArr.png) right top no-repeat;padding:0 16px 0 0;font-weight:bold;font-size:12px;text-align:center;}
.profileSubTabs .subTab_desel {float:left;height:29px;line-height:29px;font-size:12px;text-align:center;width:172px;}

.profileSubTabs2 .subTab  {float:left;width:172px;height:29px;line-height:29px;padding:0 16px 0 0;font-weight:bold;font-size:12px;text-align:center;}
.profileSubTabs2 .subTab_desel  {float:left;height:29px;line-height:29px;font-size:12px;text-align:center;width:600px;background: #ece2e9 url(../images/purpleArr2.png) right top no-repeat;}

.pointer { cursor:pointer; }

.infoStap1 { float:left; width: 580px;padding:20px 10px;}
.infoStap2 { float:left; width: 768px;padding:6px 10px 10px 10px;}
.buttonToStap2 {float:right; width:168px;padding:20px 10px;}

.profileContactHeader { float:left;width:788px;background:#f9e5d7;}
.profileContactLeft {float:left;width:378px;padding:0 5px 0 5px;}
.profileContactRight {float:left;width:380px;background:#f9e5d7;padding:0 10px;}

.profileFormLeft {float:left;width:130px;height:30px;text-align:right;line-height:23px;font-size:11px;padding:0 10px;}
.profileFormRight {float:left;width:230px;height:30px;}
.profileFormRightArea {float:left;width:230px;}
.profileFormWide {float:left;width:380px;text-align:center;padding: 0 0 20px 0;}

.profileListItem {float:left;width:378px;BORDER-BOTTOM: 2px solid white;BACKGROUND: #ededed;}
.profileListImage {float:left;width:37px;height:32px;FONT-WEIGHT: normal; COLOR: #000000;padding:4px 0 4px 3px;}
.profileListTitle {float:left;width:335px;FONT-WEIGHT: normal; COLOR: #000000;padding:4px 0 4px 3px;}
p.asLink2 { padding:0;margin:0; text-decoration:underline;cursor:pointer;font-size:11px;padding:0 0 0 5px;}
.toRight {float:right;text-align:right;padding:20px 20px;}
.info3 {float:left;padding:10px 0 0 15px;text-align:center;}
#EmptyListMelding {text-align:center;}

.deselectRed {background:url(../images/btn_deselecteer.png) left top no-repeat;}
.groenVinkje{background:url(../images/groenVinkje.png) left top no-repeat;}

.displayNone {display:none;}

.bookrow { border-bottom: 2px solid white;  background: #ededed;  padding:4px 0 4px 3px; }
}


/* PROFIEL.ASP >> ADD BOOKS */
.AddbookTabs, .AddbookTabs2 { float:left;width:788px;background: #ece2e9;}
.AddbookTabs2 {background: #dfcbd8;}
.AddbookTabs .subTab_desel {float:left;height:29px;line-height:29px;font-size:12px;text-align:center;width:300px;background: #ece2e9;}
.AddbookTabs .subTab_desel {float:left;height:29px;line-height:29px;font-size:12px;text-align:center;width:300px;}

.AddbookTabs2 .subTab  {float:left;width:300px;height:29px;line-height:29px;padding:0 16px 0 0;font-weight:bold;font-size:12px;text-align:center;}
.AddbookTabs2 .subTab_desel  {float:left;height:29px;line-height:29px;font-size:12px;text-align:center;width:469px;background: #ece2e9 url(../images/purpleArr2.png) right top no-repeat;}

.AddbookDiv { float:left;width:788px;background: #ffebdd;}
.inputSt {float:left;padding: 0 20px 0 0;}
.AddbookLeft {float:left;width:250px;padding:10px;}
.AddbookRight {float:left;width:500px;padding: 0 0 0 10px;}
.AddInstruct1 {float:left; background: #ffffff url(../images/cremeArr.png) right top no-repeat;height:46px;padding:7px;}
.AddInstruct1 p {margin:0;padding:0; font-size:12px;}
.AddInstruct2 {float:left;padding:7px;}
.AddInstruct2 p {margin:0;padding:0; font-size:12px;}
.addBooksHeader { background: #e9e9e9 url(../images/grayRoundedHeader.png) right top no-repeat;padding:0 0 0 10px;}
.bookBottom {background: #f4f4f4 url(../images/stippellijn.png) left bottom repeat-x;}
.bookBottom2 {background: #f6e2d3;padding:15px;}
.bookCel {background: white url(../images/stippellijn.png) left center repeat-x;font-size:3px;height:7px;padding:0;}
.toRight2 {float:right;text-align:right;padding:0 70px;}
.Padd { line-height:24px;}
.vraagprijsdiv {float:left;width:105px;}
.drukdiv {float:left; width:100px;}
.bookItem {float:left;overflow:hidden;width:770px;}


/* PROFIEL.ASP >> EDIT PROFILE  */
.pinkTable { background: #f6e2d3;}
.pinkTableLeft { width:120px; padding-left:10px;}


/* PROFIEL.ASP >> PROFILEHOME */
#profileHome { background:#f8f8f8; float:left;width:788px;}
.wijzigBtn2 {float:right; padding: 0 20px 0 0;}

.profielHeaderText { float:left; width:300px; color:#5b5b5b; line-height:28px; font-size:10pt; font-weight:bold; padding-left:10px;}
.profielInfo {padding:10px 10px;}
.profielBlok {padding:10px 10px;}
.whiteTd {background:white;padding:0 0 0 10px;}
.wijzigBtn {float:right;padding: 0 20px 10px 0;}
.profielTextW {float:left;width:320px;}

.tooltip_howto_icon {width:20px;}  /* TODO: deze staat er dubbel in */


/* PROFIELMNGMNT.ASP >> INLOGGEN */
.inlogRight {background:#f9ebe0;padding:15px;}
.listUL {list-style:none;}
.listUL li { background:url(../images/arrowOrange.png) left center no-repeat; padding: 0 0 0 15px;}


/* PROFIELMNGMNT.ASP >> FORGOT PASSWORD */
.forgotRight {background:#f9ebe0;}


/* BOEK_BEHEER.ASP >> BOEKEN EDITEN PAGINA */
.BoekBeheerHeader { font-weight:bold;background: #e6d2df url(../images/purpleArrWhite.png) right top no-repeat;height:29px;padding:0 0 0 10px;}
.BoekBeheerInfo {padding:10px;}
.nietactief {width:85px;float:left;}
.rightFloat {height:16px;overflow:hidden;float:right;}
.right {float:right;}

/* INFORMATIE.ASP >> CONTACTFORMULIER PAGINA */
.contactLeft { padding:0 0 0 10px;width:130px; }
.contactRight {background:#f9ebe0;padding:40px 10px 10px 10px;}


/* INFORMATIE.ASP >> NIEUWS PAGINA */
#newsPage { background:#f8f8f8; float:left;width:788px;}
.newsHeader2 { float:left;width:788px;height:32px;background: #e9e9e9 url(../images/grayRoundedHeader.png) left top no-repeat;}
.newsHeaderText { float:left; color:#5b5b5b; line-height:28px; font-size:10pt; font-weight:bold; padding-left:10px;} 
.newsInfoPage {padding:10px 10px;font-size:12px;}
.newsUl {list-style: none;margin:0;padding:0 0 0 10px;}
.newsUl li {background:url(../images/arrowOrange.png) left center no-repeat; padding: 0 0 0 15px;}


/* WINKELWAGEN.ASP >> TOON INHOUD WINKELMAND PAGINA */
td.afrekenBoxTop {background: url(../images/afrekenBox_top.png) left bottom no-repeat;height:10px;font-size:5px;padding:0;}
td.afrekenBoxBottom {background: url(../images/afrekenBox_bottom.png) left top no-repeat;height:10px;font-size:5px;padding:0;}
td.afrekenBoxBody {background: url(../images/afrekenBox_bodybg.png) left top repeat-y;}
div.btnAfrekenen {float:left;padding:12px 0 0 20px;height:25px;}
div.txtAfrekenen {float:left;width:500px;padding: 0 0 0 10px;}

/* PARTNERSITES.ASP >> TOON PARTNERS PAGINA */
table.partners-partnertable { border: 1px solid #efb798; background: #ffffff; }
td.partners-tableheader { border: 0px; background: #f4f4f4; }
td.partners-tablerow { border: 0px;}