*{
font-family: arial;
font-size: 16px;
line-height: 24px;
margin: 0px;
padding: 0px;
vertical-align:top;
}

/* A link that has not been visited */
a:link {
    color: #006bcf;
}

/* A link that has been visited */
a:visited {
    color: #006bcf;
}

/* A link that is hovered on */
a:hover {
    color: #1f93ff;
}

/* A link that is selected */
a:active {
    color: #006bcf;
}

/* vertical align checkbox */
.vertalign, input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
  }
  input[type=radio] {
    bottom: 2px;
  }

.uitleg{
	margin: 0px;
}
 
#browseby li{
	list-style-type: none;
}

#alfabet a{
	display:inline-block;
	font-size:16px;
	margin:2px;
	border-radius:8px;
	padding-top:6px;
	text-align:center;
	width:36px;
	height:30px;
	text-decoration:none;
	background-color: #DDD;
	color: #AAA;
}


#browseby li a{ 
	margin:0px 0px;
	padding:3px 5px;
        display: block;
	color: #0e4069;
	text-decoration: none;
}


#browseby li a:hover{
        display: block;
	background-color: #ffe97c;
}

#footer, #footer a{
background-color: #2b6491;
text-align: center;
color: white;
height: 80px;
}
#bodytablecell_middle h1, #bodytablecell_middle h2, #bodytablecell_middle h3,
#bodytablecell_right h1, #bodytablecell_right h2, #bodytablecell_right h3{
font-family: arial;
font-size: 18px;
color: #e7b400;
display: inline;
}
div.maincontent{
font-size: 16px;
line-height:16px;
}
div.maincontent_bg{
}


#menubarcell_links a,#menubarcell_member a{
margin: 0px;
color: #FFF;
text-shadow: 0px 1px #bc9717;
text-decoration: none;
}
#menubarcell_links a:hover,#menubarcell_member a:hover{
background-color: #dead00;
color: #FFF;
text-decoration: none;
}

#menubarcell_links li,#menubarcell_member li{
display: inline;
}
.bett {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #689324;
}.bett:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.bett:active {
	position:relative;
	top:1px;
}
#layout{	
	margin: 0px auto;
}
#footer{
	text-align:center;
	background-color: #2b6491;
	font-size: 16px;
	padding: 12px 6px 10px 6px;
	color: white;
}
#footer a{
	text-decoration:none;
}
#footer img{
	margin: 0px 0.8%;
}


	.rating{
		float:right;
		border:0px solid black;
		padding-left:10px;
		padding-bottom:4px;
	}		
	.thumb{
		color:#888;
		font-size:16px;
		font-weight:bold;
	}
	.thumb_up{
		position:relative;
		top:-4px;
		cursor:pointer;
		border: 0;
		width:24px;
		height:24px;
	}
	.thumb_down{
		cursor:pointer;
		position:relative;
		top:3px;
		border: 0;
		width:24px;
		height:24px;
	}
		
		
	@media only screen and (min-width: 995px){
	
		body {
		    background-image: url("/i/files/bgpink.png");
		    background-repeat: repeat-x;
		    background-size: 20px 144px;
		}

		#layout{
			width:980px;
			background-color: white;
		}

		#headertable, #menubartable{
			display: table;
			width:100%;
		}

		#bodytable{
			display: block;
		}

		#introtext{
			padding-left: 40px;
		}

		#headertablerow ,#menubartablerow{
			display: table-row;
		}

		#bodytablerow{}

		#headertablecell_logo, #headertablecell_search,#menubarcell_links{
			width:50%;
		}

		#headertablecell_logo, #headertablecell_search,
		#menubarcell_links, #menubarcell_member{
			display: table-cell;
		}

		#bodytablecell_left, #bodytablecell_middle, #bodytablecell_right{
			display: block;
			float: left;
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}

		.rating{
			margin-right:10px;
		}


		#headertablecell_logo{
			padding-left:0px;
			padding-top:6px;
			height:76px;
		}
		#headertablecell_logo img{
			padding-top:12px;
			padding-left:14px;
			width: 288px;
			height: 48px;
		}
		#headertablecell_search{
			text-align:right;
 			padding-top: 24px;
 			padding-right:24px;
	 	}
		#headertablecell_search input[type="text"]{
			width: 200px;
			border-radius: 8px 0px 0px 8px;
			padding: 4px 8px;
			border: 1px solid #AAA;
		}
		#headertablecell_search input[type="submit"]{
			width: 50px;
			height: 34px;
			display: inline-block;
			border-radius: 0px 8px 8px 0px;
			border-right: 1px solid #AAA;
			border-top: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
			border-left: 0px;
			background-color: #f3bd00;
			background-image: url('/i/files/icon-search2.png');
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 12px 6px;
		}


		#menubarcell_member{
			text-align:right;
		}
		#menubarcell_links a,#menubarcell_member a{
			font-size: 14px;
			padding: 10px 18px;
			border-radius: 8px;
		}
		
		#menubarcell_links,#menubarcell_member{
			background-color: #f3bd00;
			padding: 12px 16px 10px 14px;
		}

		#bodytablecell_left{
			width: 160px;
			min-height: 600px;
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}

		#bodytablecell_right{
			width: 300px;
			min-height: 600px;
		}
		#bodytablecell_middle{
			width:520px;
		}
		#bodytablecell_middle_container{
			padding: 10px 10px;
		}
		
	
		#def_nr{
			width: 36px;
		}
		#footer{
			border-radius:16px 16px 0px 0px;
		}
	}

	@media only screen and (min-width: 840px) and (max-width: 994px) {
	
		body {
		    background-image: url("/i/files/bgpink.png");
		    background-repeat: repeat-x;
		    background-size: 20px 144px;
		}
		
		#layout{
			width:820px;
			background-color: white;
		}

		#headertable, #menubartable{
			display: table;
			width:100%;
		}

		#bodytable{
			display: block;
		}

		#introtext{
			padding-left: 40px;
		}

		#headertablerow ,#menubartablerow{
			display: table-row;
		}

		#bodytablerow{}

		#headertablecell_logo, #headertablecell_search,#menubarcell_links{
			width:50%;
		}

		#headertablecell_logo, #headertablecell_search,
		#menubarcell_links, #menubarcell_member{
			display: table-cell;
		}

		#bodytablecell_left, #bodytablecell_middle, #bodytablecell_right{
			display: block;
			float: left;
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}
		.rating{
			margin-right:10px;
		}


		#headertablecell_logo{
			padding-left:0px;
			padding-top:6px;
			height:76px;
		}
		#headertablecell_logo img{
			padding-top:12px;
			padding-left:14px;
			width: 288px;
			height: 48px;
		}
		#headertablecell_search{
			text-align:right;
 			padding-top: 24px;
			padding-right:22px;
	 	}
		#headertablecell_search input[type="text"]{
			width: 200px;
			border-radius: 8px 0px 0px 8px;
			padding: 4px 8px;
			border: 1px solid #AAA;
		}
		#headertablecell_search input[type="submit"]{
			width: 50px;
			height: 34px;
			display: inline-block;
			border-radius: 0px 8px 8px 0px;
			border-right: 1px solid #AAA;
			border-top: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
			border-left: 0px;
			background-color: #f3bd00;
			background-image: url('/i/files/icon-search2.png');
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 12px 6px;
		}


		#menubarcell_member{
			text-align:right;
		}
		#menubarcell_links a,#menubarcell_member a{
			font-size: 14px;
			padding: 10px 8px;
			border-radius: 8px;
		}
		
		#menubarcell_links,#menubarcell_member{
			background-color: #f3bd00;
			padding: 12px 12px 10px 14px;
		}

		#bodytablecell_left{
			width: 160px;
			min-height: 600px;
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}
		#bodytablecell_right{
			width: 160px;
			min-height: 600px;
		}
		#bodytablecell_middle{
			width:500px;
		}
		#bodytablecell_middle_container{
			padding: 10px 10px;
		}
		
	
		#def_nr{
			width: 36px;
		}
		#footer{
			border-radius:16px 16px 0px 0px;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 499px) and (max-width: 840px) {
		#layout{
			background-color:#FFF;
		}
	
		#headertable, #menubartable{
			display: table;
			width:100%;
		}

		#bodytable,#bodytablerow{
			display: block;
		}

		#bodytablecell_left, #bodytablecell_middle, #bodytablecell_right{
			display: block;		
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}

		#introtext{
			padding: 10px;
		}

		#headertablerow ,#menubartablerow{
			display: table-row;
		}

		#menubarcell_links_container{
			padding-left: 0px;
		}

		#headertablecell_logo, #headertablecell_search{
			width:50%;
		}

		#headertablecell_logo, #headertablecell_search,
		#menubarcell_links, #menubarcell_member{
			display: table-cell;
		}

		.rating{
			margin-right:10px;
		}

		#headertablecell_logo{
			padding-left:0px;
			padding-top:6px;
			height:76px;
		}
		#headertablecell_logo img{
			padding-top:15px;
			padding-left:14px;
			width: 240px;
			height:40px;
		}
		#headertablecell_search{
			text-align:right;
 			padding-top: 24px;
 			padding-right: 24px;
	 	}
		#headertablecell_search input[type="text"]{
			width: 120px;
			border-radius: 8px 0px 0px 8px;
			padding: 4px 8px;
			border: 1px solid #AAA;
		}
		#headertablecell_search input[type="submit"]{
			width: 50px;
			height: 34px;
			display: inline-block;
			border-radius: 0px 8px 8px 0px;
			border-right: 1px solid #AAA;
			border-top: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
			border-left: 0px;
			background-color: #f3bd00;
			background-image: url('/i/files/icon-search2.png');
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 12px 6px;
		}


		#menubarcell_member{
			text-align:right;
		}
		#menubarcell_links a,#menubarcell_member a{
			font-size: 14px;
			padding: 10px 8px;
			border-radius: 8px;
		}
		
		#menubarcell_links,#menubarcell_member{
			background-color: #f3bd00;
			padding: 12px 20px 10px 14px;
		}

		#bodytablecell_middle{
			background-color: #FFF;
			padding:10px;
		}
		#bodytablecell_middle_container{
		}
		#layout{
			width:100%;
		}
		#def_nr{
			width: 22px;
		}		
		#footer{
			border-radius:16px 16px 0px 0px;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 499px) {
		#layout{
			background-color:#FFF;
		}
	
		#headertable, #menubartable{
			display: table;
			width:100%;
		}

		#bodytable,#bodytablerow{
			display: block;
		}

		#bodytablecell_left, #bodytablecell_middle, #bodytablecell_right{
			display: block;		
		}
		#bodytablecell_left_container{
			min-width: 125px;
			display: block;
		}

		#introtext{
			padding-left: 10px;
			line-height:22px;
		}

		#headertablerow ,#menubartablerow{
			display: table-row;
		}

		#menubarcell_links_container{
			padding-left: -10px;
		}

		#headertablecell_logo, #headertablecell_search{
			
		}

		
		#menubarcell_links, #menubarcell_member{
			display: table-cell;
		}

		.rating{
			margin-right:10px;
		}
		
		#headertablecell_logo{
			padding-left:0px;
			padding-top:6px;
			height:54px;
		}
		#headertablecell_logo img{
			padding-top:5px;
			padding-left:10px;
			width: 240px;
			height:40px;
		}
		#headertablecell_search{
			padding: 0px 16px 16px 16px;
	 	}
		#headertablecell_search input[type="text"]{
			width: calc(95% - 60px);
			border-radius: 8px 0px 0px 8px;
			padding: 4px 8px;
			border: 1px solid #AAA;
		}
		#headertablecell_search input[type="submit"]{
			width: 50px;
			height: 34px;
			display: inline-block;
			border-radius: 0px 8px 8px 0px;
			border-right: 1px solid #AAA;
			border-top: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
			border-left: 0px;
			background-color: #f3bd00;
			background-image: url('/i/files/icon-search2.png');
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 12px 6px;
		}


		#menubarcell_member{
			text-align:right;
		}
		#menubarcell_links a,#menubarcell_member a{
			font-size: 14px;
			padding: 10px 8px;
			border-radius: 8px;
		}
		
		#menubarcell_links,#menubarcell_member{
			background-color: #f3bd00;
			padding: 12px 20px 10px 14px;
		}

		#bodytablecell_middle{
			background-color: #FFF;
			padding: 10px;
		}
		#bodytablecell_middle_container{
			padding-top: 0px 10px;
		}
		#layout{
			width:100%;
		}
		#def_nr{
			width: 22px;
		}		
		#footer{
			border-radius:0px 0px 0px 0px;
		}

	}
	
	}