

/*******************************/
/* REGULAR COMMANDS */
/*******************************/

html{ height:100%; width:100%; background:url(../images/bg.jpg) repeat-x #f4f4f4;}
body{ height: 100%; min-height: 100%; margin:0; padding:0; color:#474747; font-size:0.75em; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; text-decoration:none;}
body a{ text-decoration:none; color:#2d81a8; font-weight:bold;}
body a:hover{text-decoration:none; color:#2d81a8;font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.0em;}
.red { color: red; }
.green { color: green; }

/* CONTAINER DIVISION */
#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }
#container #inner{ position:relative; width:1000px; margin:0 auto; }

/* TOP DIVISION */
#container #top {width:1000px; padding:42px 0px 0px 0px; background:url(../images/bg_top.jpg) no-repeat top;}
#container #top strong{ float:right; display:block; text-indent:-3333px; width:500px; height:47px; padding:0px 97px 0px 0px; background:url(../images/bg_slogan.jpg) no-repeat top left; }  
#container #top #logo{ float:left; padding:0px 0px 40px 40px; } 
#container #top ul#bread{ margin:0; clear:both; height:41px; line-height:41px; font-size:0.95em; padding:0px 0px 20px 30px; }
#container #top ul#bread li{ float:left; color:#ffffff; padding:0px 0px 0px 10px; }
#container #top ul#bread li.last a{ color: #fff;  padding:0px 20px 0px 0px; background: no-repeat right; }
#container #top ul#bread li a{ color:#fff; background:url(../images/bread.gif) no-repeat right; padding:0px 20px 0px 0px;  }
#container #top ul#bread a{ color:#fff; }
#container #top ul#bread li a span{ color:#a1e1ff; }

#container #top #zoeken{ margin:0px 0px 0px 10px; width:920px; padding:33px 30px 10px 30px; background:url(../images/bg_zoeken.jpg) no-repeat;}
#container #top #zoeken form{ display:block; background:url(../images/bg_form.jpg) no-repeat top left;}
#container #top #zoeken form fieldset input.search{ float:left; width:604px; height:44px; font-size:2.0em; font-style:italic; color:#1e78a2; display:block; background:none; border:0; margin:0; padding:15px 20px 0px 20px;}
#container #top #zoeken form fieldset div{ float:left; width:97px; padding:0px 0px 0px 18px;}
#container #top #zoeken form fieldset div input{ float:left; display:block; margin:2px 0px 4px 0px; padding:0; height:14px; }
#container #top #zoeken form fieldset div label{ font-size:0.95em; display:block; float:left; width:69px; margin:2px 0px 6px 8px; color:#fff;}
#container #top #zoeken form fieldset button{ cursor:pointer; float:right; width:155px; height:57px; background:url(../images/btn_zoeken.jpg) no-repeat; border:0; display:block;}
#container #top #zoeken_bottom{ margin:0px 0px 20px 10px; width:980px; height:15px; background:url(../images/bg_zoekenbottom.jpg) no-repeat;} 
#container #midle{ width:1000px; line-height:18px; padding:0px 0px 72px 0px; }
#container #midle h1, #container #midle h3{ font-size:1.9em; font-weight:bold; padding:0px 0px 20px 0px; }
#container #midle h1 span, #container #midle h2 span, #container #midle h3 span{ font-weight:normal; color:#1e78a2; }
#container #midle .big h2 { font-size:1.6em; font-weight:bold; padding:0px 0px 20px 0px; }
#container #midle .big span{ font-weight:normal; color:#1e78a2; }
#container #midle h2 { font-size:1.5em; font-weight:bold; padding:0px 0px 20px 0px; }
#container #midle h2 span{ font-weight:normal; color:#1e78a2; }

#container #midle #nright { width:717px; float:right; }
#container #midle #nright .l_top{ width:717px; height:23px; background:url(../images/bg_lefttop.jpg) no-repeat; }
#container #midle #nright .l_bottom{ width:717px; height:23px; margin:0px 0px 17px 0px; background:url(../images/bg_leftbottom.jpg) no-repeat; }
#container #midle #nright .l_midle{ width:637px; padding:10px 40px 10px 40px; background:url(../images/bg_left.jpg) repeat-y; }
#container #midle #nright .dag{ padding:0px 0px 18px 0px;}
#container #midle #nright .dag .l_dag{ float:left; width:159px; }
#container #midle #nright .dag .l_dag img{ border:1px solid #a8a8a8;}
#container #midle #nright .dag .l_dag em a{ display:block; font-style:normal; color:#474747; font-weight:normal; font-size:0.95em; padding:0px 0px 0px 0px; margin:14px 0px 0px 0px; }
#container #midle #nright .dag .l_dag em a:hover{ color:#2d81a8; }
#container #midle #nright .dag .r_dag{ float:left; width:475px; }
#container #midle #nright .dag .r_dag h2{ border-bottom:1px solid #d8d8d8; }
#container #midle #nright .dag .r_dag h1{ border-bottom:1px solid #d8d8d8; }
#container #midle #nright .dag .r_dag ul{ padding:14px 0px 0px 0px; line-height:14px;}
#container #midle #nright .dag .r_dag ul li{ padding:0px 10px 0px 10px; float:left; border-left:1px solid #d8d8d8; }
#container #midle #nright .dag .r_dag ul li.first{ border-left:0px solid #d8d8d8; padding:0px 10px 0px 0px; }
#container #midle #nright .dag .r_dag p{ margin:0px; padding:18px 0px 0px 0px; }
#container #midle #nright .dag .r_dag .cursor a { cursor:pointer; text-decoration: none; color: #2D81A8; }
#container #midle #nright .dag .r_dag .descriptionbox { border: 2px solid #2D81A8; padding: 3px; }
#container #midle #nright .dag .r_dag .tips li { list-style-type: square;}

#container #midle #nright .bookserp {}
#container #midle #nright .bookserp img.thumb { float:left; padding-right: 5px; }
#container #midle #nright .bookserp img.ctabutton { width: 125px; float: right; margin-right: 20px; padding-top: 40px; }
#container #midle #nright .bookserp h3 { font-size: 15px; line-height: 15px; padding-bottom: 0px;  }

#container #midle #nright .contentblock .r_content { float:left; width:650px;  }
#container #midle #nright .contentblock .r_content .newsrow { border-bottom: 1px solid #474747; padding: 5px 5px 0px 0px; }
#container #midle #nright .contentblock .r_content .newsrow h3  { font-size: 17px; padding: 0px;   }
#container #midle #nright .contentblock .r_content .newsrow p { margin-top: 5px;  }
#container #midle #nright .contentblock .tagcloud .tag1 { font-size: 11px; }
#container #midle #nright .contentblock .tagcloud .tag2 { font-size: 14px; }
#container #midle #nright .contentblock .tagcloud .tag3 { font-size: 10px; }
#container #midle #nright .contentblock .tagcloud .tag4 { font-size: 12px; }
#container #midle #nright .contentblock .tagcloud .tag5 { font-size: 16px; }

#container #midle #nright .l_midle .titels{ padding:0px 0px 10px 0px; font-weight:bold; border-bottom:1px solid #d8d8d8; }
#container #midle #nright .l_midle .titels .one{ float:left; width:178px; padding:0px 0px 0px 20px; }
#container #midle #nright .l_midle .titels .two{ float:left; width:150px; }
#container #midle #nright .l_midle .titels .three{ float:left; width:99px; }
#container #midle #nright .l_midle .titels .four{ float:left; width:105px; }
#container #midle #nright .l_midle .titels .five{ float:left; width:110px; }

#container #midle #nright .l_midle .kolom{ padding:17px 0px 15px 0px; border-bottom:1px solid #d8d8d8; background:url(../images/bg_kolom.jpg) no-repeat; }
#container #midle #nright .l_midle .kolom .one{ float:left; width:158px; padding:0px 20px 0px 20px; }
#container #midle #nright .l_midle .kolom .two{ float:left;width:150px;   }
#container #midle #nright .l_midle .kolom .three{ float:left; width:99px; }
#container #midle #nright .l_midle .kolom .three strong{ color:#1c8b07; }
#container #midle #nright .l_midle .kolom .three span{ font-weight:bold; color:#ea0202; }
#container #midle #nright .l_midle .kolom .four{ float:left; width:115px; font-weight:bold; color:#a20000;}
#container #midle #nright .l_midle .kolom .five{ float:left; width:110px; }

#container #midle #nright .l_midle .titels2{ padding:10px 0px 10px 0px; font-weight:bold; border-bottom:1px solid #d8d8d8; }
#container #midle #nright .l_midle .titels2 .one{ float:left; width:180px; padding:0px 0px 0px 90px; }
#container #midle #nright .l_midle .titels2 .two{ float:left; width:108px; }
#container #midle #nright .l_midle .titels2 .three{ float:left; width:144px; }
#container #midle #nright .l_midle .titels2 .four{ float:left; width:110px; }

#container #midle #nright .l_midle .kolom2{ padding:14px 0px 15px 0px; border-bottom:1px solid #d8d8d8; background:url(../images/bg_kolom2.jpg) no-repeat; }
#container #midle #nright .l_midle .kolom2 .img{ float:left; width:82px; padding:0px 0px 0px 8px; margin:-7px 0px -8px 0px; }
#container #midle #nright .l_midle .kolom2 .img img{ border:1px solid #a1a1a1; }
#container #midle #nright .l_midle .kolom2 .one{ float:left; width:140px; padding:0px 30px 0px 0px; }
#container #midle #nright .l_midle .kolom2 .two{ float:left; width:100px; padding:0px 10px 0px 0px; }
#container #midle #nright .l_midle .kolom2 .three{ float:left; width:144px; }
#container #midle #nright .l_midle .kolom2 .three strong{ color:#1c8b07; }
#container #midle #nright .l_midle .kolom2 .three span{ font-weight:bold; color:#ea0202; }
#container #midle #nright .l_midle .kolom2 .four{ float:left; width:110px; font-weight:bold; color:#a20000;}

#container #midle #nleft{ width:280px; float:right; }
#container #midle #nleft .r_top{ width:280px; height:17px; background:url(../images/bg_righttop.jpg) no-repeat; }
#container #midle #nleft .r_bottom{ width:280px; height:17px; margin:0px 0px 17px 0px; background:url(../images/bg_rightbottom.jpg) no-repeat; }
#container #midle #nleft .r_midle{ width:200px; padding:16px 40px 16px 40px; background:url(../images/bg_right.jpg) repeat-y; }
#container #midle #nleft .r_midle p{ padding:0px 0px 18px 0px; margin:0px;}
#container #midle #nleft .r_midle form fieldset input{ color:#1e78a2; font-weight:bold; width:192px; border:1px solid #d8d8d8; height:22px; margin:0; padding:3px 0px 0px 6px; background:url(../images/bg_input.jpg) repeat-x;}
#container #midle #nleft .r_midle form fieldset button{ margin:16px 0px 0px 0px; display:block; width:127px; height:35px; border:0; background:url(../images/btn_aanmelden.jpg) no-repeat; cursor:pointer;}
#container #midle #nleft .r_midle ul{ padding:0px 0px 10px 0px;}
#container #midle #nleft .r_midle .nobullit li{ display:block; padding:0px 0px 8px 27px; }
#container #midle #nleft .r_midle ul li{ display:block; padding:0px 0px 8px 5px; }
#container #midle #nleft .r_midle ul li a{ color:#474747; font-weight:normal;}
#container #midle #nleft .r_midle ul li a:hover{ text-decoration:underline;}

#container #midle #nleft .r_midle #navigation { font-size: 13px; }
#container #midle #nleft .r_midle .tagcloud a:hover { text-decoration: underline; }
#container #midle #nleft .r_midle .tagcloud .tag1 { font-size: 11px; }
#container #midle #nleft .r_midle .tagcloud .tag2 { font-size: 14px; }
#container #midle #nleft .r_midle .tagcloud .tag3 { font-size: 10px; }
#container #midle #nleft .r_midle .tagcloud .tag4 { font-size: 12px; }
#container #midle #nleft .r_midle .tagcloud .tag5 { font-size: 16px; }


#container #midle .content_top{ width:1000px; height:29px; background:url(../images/bg_contenttop.jpg) no-repeat;}
#container #midle .content_bottom{ width:1000px; height:29px; background:url(../images/bg_contentbottom.jpg) no-repeat; margin:0px 0px 12px 0px; }
#container #midle .content{ width:920px; padding:4px 40px 4px 40px; background:url(../images/bg_content.jpg) repeat-y;}
#container #midle .content .dag .l_dag {float: left; width: 159px; }
#container #midle .content .dag .l_dag{ float:left; width:159px; }
#container #midle .content .dag .l_dag img{ border:1px solid #a8a8a8;}
#container #midle .content .dag .l_dag em a{ display:block; font-style:normal; color:#474747; font-weight:normal; font-size:0.95em; padding:0px 0px 0px 0px; margin:14px 0px 0px 0px; }
#container #midle .content .dag .l_dag em a:hover{ color:#2d81a8; }
#container #midle .content .dag .r_dag{ float:left; width:640px; }
#container #midle .content .dag .r_dag h2{ border-bottom:1px solid #d8d8d8; }
#container #midle .content .dag .r_dag h1{ border-bottom:1px solid #d8d8d8; }
#container #midle .content .dag .r_dag ul{ padding:14px 0px 0px 0px; line-height:14px;}
#container #midle .content .dag .r_dag ul li{ padding:0px 10px 0px 10px; float:left; border-left:1px solid #d8d8d8; }
#container #midle .content .dag .r_dag ul li.first{ border-left:0px solid #d8d8d8; padding:0px 10px 0px 0px; }
#container #midle .content .dag .r_dag p{ margin:0px; padding:18px 0px 0px 0px; }
#container #midle .content .dag .r_dag .cursor a { cursor:pointer; text-decoration: none; color: #2D81A8; }
#container #midle .content .dag .r_dag .descriptionbox { border: 2px solid #2D81A8; padding: 3px; }
#container #midle .content .dag .r_dag .tips li { list-style-type: square;}
#container #midle .content .dag .r_dag{ float:left; width:761px; }



#container #midle .content .titels{ padding:0px 0px 10px 0px; font-weight:bold; }
#container #midle .content .titels .one{ float:left; width:251px; padding:0px 0px 0px 20px; }
#container #midle .content .titels .two{ float:left; width:144px; }
#container #midle .content .titels .three{ float:left; width:180px; }
#container #midle .content .titels .four{ float:left; width:140px; }
#container #midle .content .titels .five{ float:left; width:177px; }

#container #midle .content #blauw{ border:2px solid #474747; padding:2px 1px 1px 1px; margin:0px 0px 30px -4px; width:920px; }
#container #midle .content .toggle { display: none; }
#container #midle .content .kolom{ padding:17px 0px 15px 0px; margin:1px 0px 0px 0px; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; background:url(../images/bg_kolom3.jpg) no-repeat; }
#container #midle .content .kolom .one{ float:left; width:220px; padding:0px 20px 0px 20px; }
#container #midle .content .kolom .two{ float:left; width:144px; font-weight:normal; color:black; font-size:1em; }
#container #midle .content .kolom .three{ float:left; width:180px; font-weight:normal; color:black; font-size:1em; font-family: verdana;}
#container #midle .content .kolom .three strong{ color:#1c8b07; }
#container #midle .content .kolom .three span{ font-weight:bold; color:#ea0202; }
#container #midle .content .kolom .four{ float:left; width:140px; font-weight:normal; color:#a20000; font-size:1.7em;}
#container #midle .content .kolom .five{ float:left; width:177px; }
#container #midle .content .moreprices { float: right; margin-right: 15px; margin-top: 5px;}
#container #midle .content .moreprices a { cursor: pointer; }

#container #midle .content .review{ position:relative; width:884px; padding:0px 17px 0px 17px; margin:10px 0px 0px 0px; border:1px solid #d9d9d9; background:url(../images/bg_review.jpg) no-repeat; }
#container #midle .content .review h4{ display:block; height:60px; line-height:44px; margin:0px; padding:0; }
#container #midle .content .review em{ position:absolute; display:block; right:17px; top:13px; font-style:normal; font-weight:bold; font-size:0.95em; }
#container #midle .content .review p{ margin:0; padding:0px 0px 18px 0px; }

#container #midle .content .authorbooks{ position:relative; width:884px; padding:0px 17px 0px 17px; margin:10px 0px 0px 0px; border:1px solid #d9d9d9; background:url(../images/bg_review.jpg) no-repeat; }
#container #midle .content .authorbooks .authorhidden{ display: none; }
#container #midle .content .authorbooks h4{ display:block; height:60px; line-height:44px; margin:0px; padding:0; }
#container #midle .content .authorbooks em{ position:absolute; display:block; right:17px; top:13px; font-style:normal; font-weight:bold; font-size:0.95em; }
#container #midle .content .authorbooks p{ margin:0; padding:0px 0px 18px 0px; }
#container #midle .content .authorbooks a{ text-decoration:underline; color: #474747; }
#container #midle .content .authorbooks span.cursor{ cursor:pointer; }
#container #midle .content .authorbooks span.cursor a{ cursor:pointer; text-decoration: none;}
#container #midle .content .authorbooks strong{ color:#2d81a8;  }

#container #midle .content .plaatsen{ padding:30px 0px 0px 0px; }
#container #midle .content .plaatsen form fieldset label{ display:block; float:left; width:124px; font-weight:bold; line-height:24px; }
#container #midle .content .plaatsen form fieldset input.input{ color:#1e78a2; font-weight:bold; width:192px; border:1px solid #d8d8d8; height:22px; margin:0px 0px 4px 0px; padding:3px 0px 0px 6px; background:url(../images/bg_input.jpg) repeat-x;}
#container #midle .content .plaatsen form fieldset textarea{ margin:0px 0px 8px 0px; padding:0; width:360px; height:80px; border:1px solid #d8d8d8;}
#container #midle .content .plaatsen form fieldset span{ padding:0px 0px 0px 8px; }
#container #midle .content .plaatsen form fieldset span.cursor{ cursor:pointer; }
#container #midle .content .plaatsen form fieldset span.cursor a{ cursor:pointer; }
#container #midle .content .plaatsen form fieldset strong{ color:#2d81a8; }
#container #midle .content .plaatsen form fieldset strong a{ text-decoration:underline; }
#container #midle .content .plaatsen form fieldset button{ margin:7px 0px 0px 0px; display:block; width:159px; height:35px; border:0; background:url(../images/btn_review.jpg) no-repeat; cursor:pointer;}

#container #midle .content .plaatsen .hidden { display:none; }
#container #midle .content .plaatsen .red {color:red; }
#container #midle .content .plaatsen .green {color:green; }

/* BOTTOM DIVISION */
#container #bottom{ z-index:1000; font-size:0.95em; position:absolute; bottom: 0; width:100%;overflow: block; background:url(../images/bg_bottom.jpg) repeat-x #474747;}
#container #bottom #bookindex{ font-size:0.75em;}
#container #bottom #bottom_inner{ width:920px; padding:25px 0px 20px 0px; margin:0 auto; color:#fff;}
#container #bottom #bottom_inner a{ color:#a1e1ff;}
#container #bottom #bottom_inner p{ float:left; margin:0; padding:0;}
#container #bottom #bottom_inner ul{ float:right;}
#container #bottom #bottom_inner ul li{ display:block; float:left; border-right:1px solid white; padding:0px 14px 0px 14px;}
#container #bottom #bottom_inner ul li.last{ border:0px; padding:0px 0px 0px 14px;}

#paging { margin-top: 7px; height: 70px; font-size: 10pt;}
#paging li a {  text-decoration: none; color: #4c5860;}
#paging .current { background-color: #2D81A8;}
#paging .disabled { border: none;}
#paging .disabled:hover { background-color: transparent; }
#paging ul { padding-top: 30px;}
#paging li.active { background-color: #2D81A8; }
#paging li { margin-right: 3px; float: left; border: 1px solid #84c5ff; padding: 3px; padding-left: 5px; padding-right: 5px; }
#paging li:hover { background-color: #2D81A8;}
#paging li:first-child { border: 0;}
#paging li:first-child:hover { background-color: transparent;}
