#container { position:absolute; top:0px; left:0px; width:100%; min-height:100%; height:auto !important; height:100%;}
#frame { position:relative; width:940px; margin:0px auto; padding-bottom:40px;}

#top { position:absolute; top:0px; left:0px; width:100%; min-width:1000px; height:250px; background:url(img/layout/bg_top.jpg) top center no-repeat;}

#top_wrapper { position:relative; height:100px; padding:40px 270px; margin-top:0px;}
#top_wrapper a#logo { position:relative; display:block; width:400px; height:125px;}
#top_wrapper a#fb { position:absolute; top:20px; right:0px; display:block; width:35px; height:35px; background:url(img/layout/fb.png) no-repeat;}

#nav_wrapper { position:relative; width:800px; height:80px; margin:auto;}
#main_nav a { position:relative; display:block; float:left; height:80px; background:url(img/layout/nav.png) no-repeat; font-size:0px; text-indent:-9999px;}
#main_nav a#welkom { width:146px;}
#main_nav a#welkom.main_nav_passive  { background-position:0px 0px;}
#main_nav a#welkom.main_nav_passive:hover { background-position:0px -80px;}
#main_nav a#welkom.main_nav_active { background-position:0px -160px;}
#main_nav a#boeken { width:144px;}
#main_nav a#boeken.main_nav_passive { background-position:-146px 0px;}
#main_nav a#boeken.main_nav_passive:hover { background-position:-146px -80px;}
#main_nav a#boeken.main_nav_active { background-position:-146px -160px;}
#main_nav a#verhalen { width:157px;}
#main_nav a#verhalen.main_nav_passive { background-position:-290px 0px;}
#main_nav a#verhalen.main_nav_passive:hover { background-position:-290px -80px;}
#main_nav a#verhalen.main_nav_active { background-position:-290px -160px;}
#main_nav a#lessen { width:131px;}
#main_nav a#lessen.main_nav_passive { background-position:-447px 0px;}
#main_nav a#lessen.main_nav_passive:hover { background-position:-447px -80px;}
#main_nav a#lessen.main_nav_active { background-position:-447px -160px;}
#main_nav a#carla { width:116px;}
#main_nav a#carla.main_nav_passive { background-position:-578px 0px;}
#main_nav a#carla.main_nav_passive:hover { background-position:-578px -80px;}
#main_nav a#carla.main_nav_active { background-position:-578px -160px;}
#main_nav a#en { width:106px;}
#main_nav a#en.main_nav_passive { background-position:-694px 0px;}
#main_nav a#en.main_nav_passive:hover { background-position:-694px -80px;}
#main_nav a#en.main_nav_active { background-position:-694px -160px;}

#content_wrapper { position:relative; margin-top:30px;}
#content_wrapper .blok { position:relative; float:left; width:445px; margin-right:40px; margin-bottom:40px;}
#content_wrapper .blok .left { position:relative; float:left; width:165px; margin-left:15px;}
#content_wrapper .blok .left img { position:relative; top: 10px; max-width: 75%; height: auto; border: 5px solid #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
#content_wrapper .blok .right { position:relative; float:left; width:265px;}
#content_wrapper .blok .right .laatste_boek { height:200px; width:auto;}

.maincat { position:relative; padding:20px; text-align:center;}
.maincat .maincat_item { position:relative; display:inline-table;}
.maincat a, .maincat span { position:relative; display:block; padding:14px 10px 25px 10px; margin:0px 20px; font-family:'Titillium_bold','Trebuchet MS','Helvetica', 'Arial',sans-serif; font-size:26px; color:#bbbbbb !important;}
.maincat a:hover, .maincat span:hover { color:#428cbd !important; text-decoration:none;}
.maincat a.active, .maincat span.active { background:url(img/layout/cat_active.png) bottom center no-repeat; color:#ffffff !important;}
.maincat_item:hover span { color:#428cbd !important;}
.maincat_item:hover span.active { color:#ffffff !important;}

.subcats { position:absolute; display:none; width:100%; z-index:2; margin-top:-15px; margin-left:-5px; background:#ffffff; border:5px solid #3c7aab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.subcats a { font-size:16px; padding:10px; margin:0px;}
.subcats a.active { background-position:0px 0px;}

.masonry_container { position:relative; width:940px;}
.masonry_item { position:relative; width:26%; margin:1.5%; background:#ffffff; padding:2.15%; box-shadow:3px 3px 10px #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.masonry_item.boek { width: 22.5%; margin:1.25%; padding:1.5%; box-sizing: border-box;}
.masonry_item_double { width:59.25%; margin:1.5%;}
.masonry_item h2 { }
.masonry_item img { width:100%; height:auto; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.nieuws { background:#ededed;}
.nieuws_item img { width:160px; height:auto;}

/*
.boek { position:relative; float:left; margin:0px 29px 44px 15px; width:103px; height:103px; padding:5px; background:#ffffff; border:1px solid #e0e0e0; cursor:pointer;}
.boek .boek_container div { position:relative; width:103px; height:103px; overflow:hidden;}
.boek .boek_container div img { position:relative; margin:-40px 0px 0px -13px;}
.boek_last { margin-right:0px;}
.boek_hover { position:absolute; top:-35px; left:103px; display:none; width:505px; height:340px; padding-left:20px; background:url(img/layout/boek_hover.png) top right no-repeat; z-index:2; cursor:default;}
.boek_hover img { position:absolute; top:45px; left:65px;}
.boek_hover .txt { position:absolute; width:240px; height:250px; top:45px; left:230px;}
.boek_hover h1 { position:relative; margin:3px 0px 15px -1px; font-size:20px; color:#4a8dba;}
.boek_hover .close { position:absolute; top:28px; right:32px; color:#c0c0c0; font-size:20px; cursor:pointer;}
.right .boek_hover { padding-left:0px; padding-right:20px; left:-535px;}
.last_row .boek_hover { top:-194px;}
.boek_arrow { position:absolute; top:5px; left:5px; width:103px; height:103px; background:url(img/layout/arrow.png) center center no-repeat; display:none;}
.boek_arrow_right { background-image:url(img/layout/arrow_right.png);}
*/

.laatste_boek { position:relative; margin-top:5px; width:125px; padding:5px; background:#ffffff; border:1px solid #e0e0e0;}
.sticker { position:absolute; top:-8px; right:15px;}

#votes { position:relative; width:244px; height:250px; background:url(img/layout/letters.png) left top no-repeat;}
.vote_item { position:relative; width:100%; height:50px; background:url(img/layout/votes.png) 0px 43px no-repeat; cursor:pointer;}
.vote_score { position:absolute; height:7px; left:0px; bottom:0px; width:10px; background:url(img/layout/votes.png) 0px -7px no-repeat;}
.vote_score span { position:absolute; display:block; right:-5px; width:10px; height:7px; background:url(img/layout/votes.png) bottom right no-repeat;}

iframe#mail {  width:420px; height:350px;}

hr { position:relative; width:100%; height:1px; margin:15px 0px; border:none; background:url(img/layout/line.png) no-repeat;}
ul { padding:0px; margin:0px; margin-left:14px;}
li { padding:0px;}

h1, .h1 { font-size:26px; font-weight:normal; margin:0px 0px 20px 0px; color:#428cbd; font-family:'Titillium_bold','Trebuchet MS','Helvetica', 'Arial',sans-serif;}
h1.small { font-size:22px;}
h1.carla { margin-top:34px;}
h2 { font-size:20px; line-height:20px; font-weight:normal; margin:0px 0px 10px 0px; color:#428cbd; font-family:'Titillium_bold','Trebuchet MS','Helvetica', 'Arial',sans-serif;}
h3 { font-size:13px; font-weight:normal; float:left; margin:2px 0px 0px 0px; * margin:0px; color:#4f6783; margin-right:5px;}
.kop { font-weight:bold;}

b, em, strong { font-family:'Titillium_bold'; font-weight:normal;}

@font-face {
	font-family:'Titillium';
	src:url('fonts/titilliumtext15l002-webfont.eot');
	src:local('☺'),
		url('fonts/titilliumtext15l002-webfont.woff') format('woff'),
		url('fonts/titilliumtext15l002-webfont.ttf') format('truetype'),
		url('fonts/titilliumtext15l002-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Titillium_bold';
	src:url('fonts/titilliumtext15l001-webfont.eot');
	src:local('☺'),
		url('fonts/titilliumtext15l001-webfont.woff') format('woff'),
		url('fonts/titilliumtext15l001-webfont.ttf') format('truetype'),
		url('fonts/titilliumtext15l001-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

html,body {
	background:url(img/layout/bg.jpg) top center repeat-y #ffffff;
	font-family:'Titillium', 'Trebuchet MS', Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#6f9932;
	margin:0px;
	padding:0px;
	width:100%;
	min-width:1000px;
	height:100%;
}
html { height:100%; overflow-y:scroll;}

p { margin:0px;}
.clearboth { clear:both;}

a:link, a:hover, a:active, a:visited { color:#00aef0; outline:none; text-decoration:none;}
a:hover { text-decoration:underline;}