/* SHOP-NL */

/*************** VOOR HOMEPAGE NOVEMBER 2009 **********************/
#leftpanelTop, #leftpanelMiddleTop, #leftpanelMiddleBottom, /*#leftpanelBottom,*/ #rightpanelTop, #rightpanelMiddleTop, #rightpanelMiddleBottom, #rightpanelBottom {
  background-color: #f8f7f5;
  padding: 5px;
}

#middlepanelLeft, #middlepanelRight {
  padding: 5px;
  background-color: #f8f7f5;
  border: 1px solid #dddddd;
}

#main-panel h2 {
  border-bottom: #00ade8 dotted 1px;
  height:27px;
  margin-top:10px;
  color:#00ade8;
  font-weight:normal;
}

#left-column-home {
  border-width: 0px;
  float: left;
  width: 200px;
  visibility: visible;
  height: 170px;
}

#middle-column {
  float:left;
  margin-left:12px;
}

#main-panel {
  border: 1px solid #dddddd;
  min-height: 200px;
  margin-bottom: 12px;
  width: 504px;
  padding: 10px;
}

#media-panel {
  border: 1px solid #dddddd;
  width: 504px;
  padding: 10px;
  clear:both;
}
#right-column {
  float: right;
  width: 200px;
  min-height: 200px;
}
#wrapper-home {
  margin-top: 15px;
  width: 950px;
}

#leftpanelTop {
  height:205px;  
}

#leftpanelMiddleTop {
  margin-top: 12px;  
}

#leftpanelMiddleBottom {
  margin-top: 12px;
}

#leftpanelBottom {
  margin-top: 12px;
}

/* #rightpanelMiddleTop {
  margin-top: 10px;
}	*/

#rightpanelMiddleBottom {
  margin-top: 12px;
}
#rightpanelBottom {
  margin-top: 12px;
}

#middlepanelLeft {  
  float:left;
  width:245px;
}

#middlepanelRight {  
  float:left;
  width:245px;
  margin-left:12px;
  margin-bottom:12px;
}
.panel-head {
  font-weight: bold;
  color:#e26703;
}

#panel-link a {
  color:#444444;
  text-decoration:none;
  padding-left:1px;
}

#panel-link a:hover {
  color:#444444;
  text-decoration:underline;
}

#nwsbrief-txt {
  padding:5px 5px 0 5px;
}

#newsletter-panel {
width:200px;
padding:5px;
background-color:#f8f7f5 !important;
height: 175px;
border:1px solid #dddddd;
}

#list-home {
  list-style:disc;
  padding-left:25px;
}

.largeText {
  font-size:14px;
  color:#777777;
  margin-top:20px;
}

/* CATALOG MENU */
div#menu-visible { 
      display:block;
      background:#e9e9e9 url(../images/media/shares_head.gif) no-repeat 100% 0;
      height:69px; margin-top:15px
}

/* DIVERSE AANPASSINGEN */

div.newsletter-bar { font-size:0px; width:2px; }
div.newsletter-bar2 { font-size:0px; width:200px; }
.button-body {background:#008ea4; cursor:pointer; overflow:visible; color:#ffffff; font-weight:normal; font-size:13px; padding:2px 4px 2px 4px; }
.button-body a {text-decoration:none; font-weight:bold;}
.liststyles {list-style-type:disc; color:#de036f; margin-left:20px; list-style-image:url(../images/bg_bullet_full_1.gif) no-repeat 0 0 0.4em;}
.liststyles ul li { margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.liststyles li a { color:#00ade8; }

.head-description {text-align:left; margin-bottom:1em; border-bottom:1px solid #e5dcc3;; padding-bottom:1px; font-size:1.2em; font-weight:bold !important; color:#e26703;}
.authors { margin:-19px 0 15px 0; width:633px;}
#addthis {text-align:right; width:100%; margin-top:.8em;}
#addthis-spacer {height:.1em;}
.download { float:right; }

.home-grid {width:100%; }
.home-grid td {width:45%; }
.home-grid p {text-align:justify; padding:0 15px 0 30px; }
.home-grid h3 {text-align:justify; padding:0 15px 0 15px; }
.home-grid h4 {text-align:justify; padding:0 15px 0 0; border-bottom:1px solid #dddddd; margin:0 15px 0 30px}

.pagetitle { border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms", arial, sans-serif; color:rgb(100,100,100);}
.book-share-icon {float:right; background:url(../images/bg_prod_title.gif); font-family:"trebuchet ms", arial, sans-serif; color:#ffffff; font-size:.95em; width:50px; text-align:center; }
.author-pic-newest img {float:right; width:50px}
.betaalmethoden { float:left; }
p.caption {color:#666666;}
#contact-details {float:right; margin-top:-165px; width:140px; }
.button-level li { float:right; width:45%; margin-top:10px;
    }

#p_method_ideal_advanced { margin-top:-40px;}
.box-tags { background-color: #f8f7f5; margin-bottom:15px; }

#product_sendtofriend_form .osolCaptchaBlock {padding:20px;}

/* HEADER MENU */
#menu-table { margin-top:20px; border-collapse:collapse; width:950px; }
.menu-top { border-bottom:3px solid #ff2a06; }
.menu-top ul { list-style:none; width:150px; border-top:1px solid #8d8d8d; margin-right:-3px; }
.menu-top ul li { border-bottom: 1px solid #e2e2e2; }
.menu-top ul li a { display:block; margin:0; padding:2px 0 4px 3px; height:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:11px; color:#555; text-decoration:none;}	
.menu-top ul li a:hover, .menu-top ul li a:active { color:#ff2b06; background-color:#ededed; }
.menu-top ul li a.selected { background-color:#ededed; }

.message-bar { display:inline; height:25px; width:950px; background-color:#e9e9e9; }
#mini-login { float:right; padding-right:5px; color:#ff3300; margin-top:3px; }
#mini-login a {color:#ff3300; text-decoration:none;}
.mini-login { float:right; text-align:right; }
.mini-login li { display:inline; padding-right:5px; }
.mini-login li a { color:#ff3300; text-decoration:none;}
.input-text { color:#999999; }

/* LINKS 	   */

a, a:link, a:visited, a:hover, a:active {
	color:#e26703;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.red-link a { color:#e26703;}
.red-link a:hover img { text-decoration:none;}

/* for IE7 */
<!--[if lte IE 7]>
body {word-wrap:break-word;}
#panel2 {float:left; width:59.8%; background:#c0c0c0;}
.col-3, .informational, .legality { font-size:11px; font-weight:normal; line-height:1.5em;}

/* for IE6 */
* html .wrapper {display:inline-block;}
* html #panel-wrapper {display:inline-block;} 
* html .panel-wrapper {display:inline-block;} 
<![endif]-->

<! -- CLEARFIX VOOR IE -->
.clearfix:after, #body:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
* html .clearfix, * html #body { 
height : 1%; 
} 
.clearfix, #body { 
display : block; 
} 
/* Hides from IE-mac \*/
* html .clearfix, * html #body {height: 1%;}
.clearfix, #body {display: block;}

/* Column fixes */ 
#whitebar-bottom {/* height:20px; width:950px; clear:both */}

/* GENERAL CLASSES */
.content-block { 
                                        padding-left:15px; 
}
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/

/****************** VOOR GRAPH BAR ****************/

.clear { clear:both; }

.graphcont {
padding-top:10px;
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:280px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background:url(../images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}