/* 
Copyright POW Webontwerp
Contact: POW.nl
*/

body {
		 		 	font-family: Georgia, Times New Roman, Times, serif;
					font-size: 10pt;
					text-align: center;
					margin:0;
					padding:0;
					color: #000000;
					}
					
div {
					border: 0px solid red;
					}
					
.vul {
	 				color: #EDEDED;
					margin:20px 20px 20px 20px; 
					}

h1 {				
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12pt;
	 				}
					
b {				
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10pt;
					font-weight: bold;
	 				}
					
a {
					text-decoration:none;
					color:#000000;
					border-style: none;
					}
					
a img {				border: none;
					}
	
.serifkop {			font-family: Georgia, Times New Roman, Times, serif;
					font-size: 12pt;
					}
					
					
.zoekinput {
					width: 150px;
					}
					
.submenu {
					font-family: Arial, Helvetica, sans-serif;
					font-size:10pt;
					}

.menu {
					text-align: right;
					display: inline-block;
					width: 166px;
					height: 40px;
					margin-top: 30px;
					vertical-align: bottom;
					float: right;
					}
*html .menu {
					/margin-top:40px;
					m/arging-top: 30px;
					}
										
.menushineblok {
					width: 700px;
					height:50px;
					position:absolute;
					top:110px;
					left:0px;
					z-index:1;
					overflow: hidden;
					}
				
.menushine {
					width: 100px;
					height: 5px;
					position:relative;
					float:right;
					z-index:1;
					overflow: hidden;
					}
					
.menunonshine {
					width: 66px;
					height: 5px;
					position:relative;
					float:right;
					z-index:1;
					overflow: hidden;
					}

.logostijl {
					position: relative;
					float: left;
					}
					
/* Skelet */
.blok {
			 		position: relative;
					width: 700px;
					height: auto;
					margin: 0 auto; 
					text-align: left;
					}
					
.overheencase {			
					position: relative;
					width: 820px;
					height: auto;
					margin: 0 auto;
					}
					

.topzwart {
					height: 23px;
					width: 700px;
					background: #303030;
					position: relative;
					float: left;	
					overflow: hidden;
					}
					
.headerlogo {
					margin-top: 20px;
					height: 86px;
					width: 700px;
					position: relative;
					float: left;
					}
					
.fakekop {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12pt;
					font-weight:bold;
	 				}
					
* html .headerlogo {
				  \width: 700px;
					\height: 106px;
    			w\idth: 700px;
					h\eight: 86px;
  				} 

.horizontalspacing {
					height: 20px;
					width: 700px;
					text-align: right;
					position: relative;
					float: left;
					}

.balkgroen {
					height: 8px;
					width: 700px;
					background: #72C119;
					overflow: hidden;
					position: relative;
					float: left;
					}
					
.balkgroenklein {
					height: 8px;
					width: 145px;
					background: #72C119;
					overflow: hidden;
					position: relative;
					float: left;
					}
					
.horizontalspacingklein {
					height: 10px;
					width: 225px;
					text-align: right;
					position: relative;
					float: left;
					}
					
.balkblauwklein {
					height: 8px;
					width: 330px;
					background: #202686;
					overflow: hidden;
					position: relative;
					float: left;
					}
					
.boek {
			 		height: 200px;
					width: 145px;
					background: #EDEDED;
					position: relative;
					float: left;
					}
								
.boekL {
			 		height: 200px;
					width: 145px;
					background: #EDEDED;
					position: relative;
					float: right;
					}
					
.boekR {
			 		height: 200px;
					width: 145px;
					background: #EDEDED;
					position: relative;
					float: left;
					}
					
.ghost {
					background:transparent;
					}

.huls {
					position: absolute;
					top: 177px;
					}
				
.boekenbalklinks {
					position: relative;
					width: 100%;
					height: 200px;
					margin: 0 auto; 
					text-align: center;
					overflow:hidden;
					}
					
.boekenbalkrechts {
					position: relative;
					width: 100%;
					height: 200px;
					margin: 0 auto; 
					text-align: center;
					overflow:hidden;
					}
																
.boekenlinks {		position: relative;
					float: left;
					background-color:transparent;
					width:60%;
					left:-10%;
					text-align:right;
					height:200px;
					display:block;
					}
					
.boekenrechts {		position: relative;
					float: right;
					background-color:transparent;
					width:60%;
					right:-10%;
					text-align:left;
					height:200px;
					}

        .ghostboekenlinks {		position: relative;
        					float: left;
        					background-color:transparent;
        					width:40%;
        					text-align:right;
        					height:200px;
        					display:block;
        					}
        					
        .ghostboekenrechts {		position: relative;
        					float: right;
        					background-color:transparent;
        					width:40%;
        					text-align:left;
        					height:200px;
        					}
								
									
.nepboek1 {
					width:350px;
					height: 200px;
					background:transparent;
					float:right;
					}
					
.nepboek2 {
					width:350px;
					height: 200px;
					background:transparent;
					float:left;
					}
					
.zoekveld {
				 	height: 140px;
					width: 330px;
					background: #303030;
					position: relative;
					float: left;
					}
					
.titelbalk {
					width: 700px;
					height: 220px;
					font-size:50pt;
					background-position:right;
					background-repeat:no-repeat;
					position:relative;
					float:left;			
					}
					
.tekstveld {
					height:auto;
					width:340px;
					position:relative;
					float:left;
					}
						
.verticalspacing {
					height: 200px;
					width: 40px;
					position: relative;
					float: left;
					}
					

.onderzwart {
					height: 230px;
					width: 700px;
					background: #303030;
					position: relative;
					float: left;
					overflow:hidden;
					}
					
.onderrechts {
					text-align: right;
					width: 310px;
					height: 160px;
					color: #FFFFFF;
					margin: 20px 0px 20px 20px;
					padding-right: 20px;
					border-right: 1px solid white;
					position: relative;
					float: left;
					}
					
* html .onderrechts {
				    \width: 350px;
					\height: 200px;
    				w\idth: 330px;
					h\eight: 160px;
  				}
					
.onderlinks {
					width: 300px;
					height: 160px;
					color: #FFFFFF;
					margin: 20px;
					position: relative;
					float: left;
					}

* html .onderlinks {
			 	   \width: 350px;
					\height: 200px;
    				w\idth: 310px;
					h\eight: 160px;
  				}
				
.button {
					border:1px solid #5C5C5C;
					background:#F2F2F2;
					color:#5C5C5C;
					}

.verticalfill {
					width:515px;
					height: 200px;
					position:relative;
					float:left;
					}

/* VOOR DE SLIDESHOW */
			
#reflection_2 {
	background:#fff;
	color:#000;
	
}
#reflection_2 .loading {
	
}
#reflection_2 .loading_bar {
	background:#333;
}
#reflection_2 .slider {
	background:url(slider_dark.png) top left no-repeat;
}
#reflection_2 .scrollbar {
	
}