/* CSS Document */

/*---------------- Rich Text Editor -----------------*/
.frameBody
{
    font-family:sans-serif;
    font-size:12px;
    margin:0;
    width:100%;
    height:100%;
}

.frameBody p
{
    border:1px #bbb solid;
    padding:2px;
}

.rte-zone
{
    width:500px;
    margin:0;
    padding:0;
    border:1px #999 solid;
    clear:both;
    height:200px;
    display:block;
}

.rte-toolbar{ overflow:hidden; }

.rte-toolbar a, .rte-toolbar a img {
	border:0;
}

.rte-toolbar p {
    float:left;
    margin:0;
    padding-right:5px;
}






/* ------------------- Default ------------------------ */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #444;
  font: 0.8em "Trebuchet MS", Helvetica, Arial, sans-serif;
  text-align: center;
}
   
hr{
  color: #3d32c6;
}

a {
  text-decoration: none;
  color: 3d32c6;
}

a:hover {
  text-decoration: none;
  color: 3d32c6;
}

a:visited {
  text-decoration: none;
  color: 3d32c6;
}



/* ------------------- Center ------------------------ */
#wrapper {
  width: 990px;
  margin: 0 auto;
  min-height: 1200px;
  height: auto;
  text-align: left;
}

/* ------------------- Banner ------------------------ */

img.bannerimg1 { 
position: relative; 
vertical-align: top; 
top: 0px; 
left: 0px; 
border: 0px; 
margin-bottom: -22px; 
} 

img.bannerimg2 { 
position: relative;
vertical-align: top; 
top: 0px; 
left: 0px; 
border: 0px;
margin-top: 1px; 
margin-bottom: -2px;
} 

/* ------------------- Tabbar ------------------------ */
.tabbar{
width: 970px;
height: 40px;
}

.tabbar_middle{
background-image: url(./images/tab_middle.png);
height: 40px;
width: 970px;
float: left;
}

.tabbar_left{
background-image: url(./images/tab_left.png);
width: 10px;
height: 40px;
float: left;
}

.tabbar_right{
background-image: url(./images/tab_right.png);
width: 10px;
height: 40px;
float: right
}

.tabbar_spacer{
  height: 40px;
  width: 150px;
  float: left;
}

.tabbar_text a{
padding-left: 20px;
padding-top: 10px;
font-size:large;
color: #ffffff;
float: left;
text-decoration:none;
}

.tabbar_selected_text a{
padding-left: 20px;
padding-top: 5px;
font-size:x-large;
color: #ffffff;
float: left;
text-decoration:none;
}



/* ------------------- Kolommen ------------------------ */
#leftcolumn {
  width: 160px;
  position: relative;
  float: left;
  min-height: 900px;
}

#centerpane {
  width: 640px;
  position: relative;
  float: left;
}

#rightcolumn {
  width: 160px;
  position: relative;
  float: right;
}

.columnspacer{
  width: 15px;
  position: relative;
  float: left;
}

.widgetspacer{
  width: 100px;
  height: 5px;
  padding: 5px;
  position: relative;
  float: left;
}

#adminpane {
  width: 800px;
  position: relative;
  float: left;
}

/* ------------------- menu----------------------------- */

.menu_header{
  font-size:large;
  font-weight:bold;
}

.menu_header a{
  font-size:large;
  font-weight:bold;
  text-decoration: none;
}

.menu_header a:visited{
  font-size:large;
  font-weight:bold;
  text-decoration: none;
}

.menu_space{
height: 1em;
}

.menu_item{
}

.menu_item a{
  text-decoration: none;
}
.menu_item a:visited{
  text-decoration: none;
}

/*


.menu1{
  width: 150px;
}

.menubody{
  width: inherit;
}

.hoofdmenuhigh{
  width: inherit;
  background-color: #33CCFF;
}
.hoofdmenulow{
  width: inherit;
}

.submenu{
  width: inherit;
}

.menuitemhigh{
  width: 130px;
  background-color: #00FFFF;
  float: left;
}

.menuitemlow{
  width: 130px;
  float: left;
}

.invisible{
  display: none;
}

.subindent{
  float: left;
  width: 20px;
}


*/  
/* ------------------- blokken ------------------------ */

.content{
  width: 640px;
}


/* ------------------- tekststijlen ------------------------ */
.errormessage {
  color: #FF0000;
  font: 1.1em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.contenttitle{
  font: 1.0em "Trebuchet MS", Helvetica, Arial, sans-serif;
  padding-top: 5px;
  color: #3d32c6;
  font-weight:bold;
}

.textblock{
  font: 1.0em helvetica "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #3399cc;
}

.textblock a{
  color: #3d32c6;
}

.textblock a:visited{
  text-decoration: none;
  color: #3d32c6;
}

.textblock a:hover{
  text-decoration: none;
  color: #3d32c6;
}

.smalltext{
  font: 0.9em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.smalltext a{
  color: #3399cc;
  text-decoration: none;
}

.smalltext a:visited{
  //color: #9966FF;
  color: #3399cc;
  text-decoration: none;
}

.largetext{
  font: 1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
  color:#777777;
} 

/* ------------------- ebook ------------------------ */
.ebook_title{
  font: 0.9em "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #CC6600;
}

.ebook_author{
  font: 0.7em "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #CC66FF;
}

.ebook_price{
  font: 0.7em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* ------------------- cart ------------------------- */
.cart.title{

}

.cart_total{
  font: 0.7em "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: bold;
} 

/* ------------------- forms ------------------------ */
.formspacer{
  width: 15px;
}

.formlabel{
  width: 150px;
}

.FormBuilder {
  font-size: 12px;
}
        
.FormBuilder h4 {
  font-size: 14px;
  padding: 4px;
  margin: 4px;
  font-weight: bold;
}
        
.warning {
  color: #ff0000;
}
        
.required {
  color: #ff0000;
}
        
.FormBuilder td {
  vertical-align: top;
  line-height: 150%;
}
        
.fieldLabel {
  text-align: right;
  padding-right: 7px;
}

.fieldValue {
  color:#FF3333;
  text-align: left;
  border: #33CCFF 1px solid;
  padding-right: 5px;
  padding-left: 5px;
  min-width: 120px;
}

/* ------------------- producten  ------------------------ */
.ProductSmall{
  width: 310px;
  height: 110px;
}

.ProductSmall a{
  text-decoration: none;
}

/* ------------------- paginator  ------------------------ */

.Paginator table{
  width: 100%;
}

.Paginator tr{
  color: #9966FF;
}

.Paginator td{
  padding: 5px;
}

.PaginatorButtonbar{
  width: 620px;
  text-align: center;

}

/* ------------------- portlets  ------------------------ */
.portlet{
  padding-top: 5px;
  float: right;
  padding-bottom: 20px;
}

.portlet_toprow{
height: auto;
width: auto;
float:left;
}

.portlet_middlerow{
float:left;
height:auto;
width: auto;
}

.portlet_bottomrow{
float: left;
height: auto;
width: auto;
}

.portlet_nw{
height: 4px;
width: 7px;
float: left;
background-image: url(./images/4px_line_left.png);
}

.portlet_n{
height: 4px;
width:146px;
float: left;
background-image: url(./images/4px_line_middle.png);
}

.portlet_n_wide{
height: 4px;
width:626px;
float: left;
background-image: url(./images/4px_line_middle.png);
}

.portlet_ne{
height: 4px;
width: 7px;
float: right;
background-image: url(./images/4px_line_right.png);
}

.portlet_w{
float: left;
}

.portlet_c{
float: left;
padding-top: 5px;
width: 146px;
padding-left: 2px;
}

.portlet_c_wide{
float: left;
padding-top: 5px;
width: 636px;
padding-left: 2px;
}

.portlet_e{
float: left;
}

.portlet_sw{
}

.portlet_s{
}

.portlet_se{
}

.portlet_header{
font-weight:bold;
font-size:large;
line-height: 1.5;
}

/* ------------------- portlet language chooser ------------------------ */
.portlet_language_chooser{
  /*border: 1px solid #88FFEE;*/
  padding-top: 5px;
  width: inherit;
  text-align: center;
}

.flag_large{
  width: 40px;
  height: 30px;
  border: none;
}

.flag_small{
  width: 30px;
  height: 23px;
  border: none;
}

/* ------------------- portlet login ------------------------ */
.portlet_login{
  width: inherit;
  text-align: center;
}


.portlet_logoff a{
  float:right;
  padding-top:15px;
  style="float:right;
  padding-top:15px;
  color: #FFFFFF;
}

.portlet_logoff a:hover{
  float:right;
  padding-top:15px;
  style="float:right;
  padding-top:15px;
  color: #FFFFFF;
}

.portlet_logoff a:visited{
  float:right;
  padding-top:13px;
  style="float:right;
  padding-top:15px;
  color: #FFFFFF;
}

/* ------------------- portlet message ------------------------ */
.message{
  color:#FF3333;
  font: 1.0em "Trebuchet MS", Helvetica, Arial, sans-serif;
}


/* ------------------- Account Wizard ------------------------ */
.wizardhelptext{
  color:#FF3333;
  font: 1.0em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* ------------------- Bestelproces ------------------------ */
.tableSeparator{
  background: url("./images/tabsep.png") top left repeat-y;
}

/* ------------------- Orderlist ------------------------ */
.orderlist_dateCell{
  text-align: right;
  padding-right: 5px;
  width: 120px;
}

.orderlist_orderIdCell{
  vertical-align: top;
}

.orderlist_invoiceCell{
  text-align: right;
  vertical-align: top;
}

.orderlist_filler{
  width: 50px;
}

.orderlist_titleCell{
  padding-left: 35px;
}

.orderlist_priceCell{
  text-align: right;
  vertical-align: top;
}

.orderlist_totalCell{
  text-align: right;
}

.orderlist_spaceRow{
  height: 10px;
  background: url("./images/tabsep.png") top left repeat-x;
}

/* ------------------- Invoice ------------------------ */
.invoice_table{
  width: 100%;
}

.invoice_header{
  height: 80px;
}
.invoice_left{
  float: left;
  width: 250px;
  height: inherit;
}

.invoice_filler{
  float: left;
  height: inherit;
  width: 200px;
}

.invoice_right{
  float: none;
  height: inherit;
}

.invoice_titleCell{
  vertical-align: top;
}

.invoice_priceCell{
  text-align: right;
  vertical-align: top;
}

.invoice_totalCell{
  text-align: right;
  font-weight: bold;
}

/* ------------------- Library ------------------------ */
.library_cover{
  padding-bottom: 15px;
  padding-left: 15px;
}

.library_bookdetails{
  vertical-align: top;
}

.library.url{
  font: 0.8em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* ------------------- tablerows ------------------------ */
.tablerow_even{
  background-color:#66FFFF;
}

.tablerow_odd{
  background-color: #FFFFFF;
}
 /* ------------------- Profile ------------------------- */
 
.profile_N{
}

.profile_NW{
  width: "100px";
  height: "120px";
  float: left
}

.profile_NE{
}

.profile_S{

}

/* ------------------- divers  ------------------------- */
a .writername{
 font-weight:bold;
 color: #3d32c6;
}

h1 .writername{
font-size:x-large;
line-height: 1;
margin-bottom: 0px;
padding-bottom:0px;
}