@font-face {
	font-family: 'Swis721BlkBTBlack';
	src: url('fonts/SWZ721K.eot');
	src: local('Swis721 Blk BT Black'), 
	 	 local('Swiss721BT-Black'),
		 url('fonts/SWZ721K.svg#Swiss721BT-Black') format('svg'), 
		 url('fonts/SWZ721K.ttf') format('truetype');
}

html {
	margin: 0;
	padding: 0;
}
body {
	background: #000000 url(layout/back_gradient.gif) repeat-x;
	margin: 0;
	padding: 0;
	font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

div.clear {
	float: none;
	clear: both;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	border: 2px solid;
    border-collapse: collapse;
}
a img {
	border: 2px solid;
    border-collapse: collapse;
}
a, a:visited, a:active {
	color: #009AE6;
	text-decoration: underline;
}
	a:focus, a:hover {
		text-decoration: none;
	}
	
#maincontainer {
	width: 1017px;
	margin: 0 auto;
}

#headercontainer,
#main,
#mainhead,
#mainfoot {
	width: 1017px;
	margin: 0 auto;
	position: relative;
}

#headercontainer {
	top: 14px;
	height: 200px;
	position: relative;
}

#header {
	background: #000 url(layout/bg_header_01.jpg) 0 0 no-repeat;
	width: 990px;
	height: 180px;
	border: solid 3px #fff;
	position: relative;
	margin: 14px auto 0 auto;
}
	#header.bg_02 {background-image: url(layout/bg_header_02.jpg);}
	#header.bg_03 {background-image: url(layout/bg_header_03.jpg);}
	#header.bg_04 {background-image: url(layout/bg_header_04.jpg);}
	#header.bg_05 {background-image: url(layout/bg_header_05.jpg);}
	#header.bg_06 {background-image: url(layout/bg_header_06.jpg);}
	#header.bg_07 {background-image: url(layout/bg_header_07.jpg);}
	#header.bg_08 {background-image: url(layout/bg_header_08.jpg);}
	#header.bg_09 {background-image: url(layout/bg_header_09.jpg);}
	#header.bg_010 {background-image: url(layout/bg_header_010.jpg);}
	#header.bg_011 {background-image: url(layout/bg_header_011.jpg);}
	#header.bg_012 {background-image: url(layout/bg_header_012.jpg);}
	#header.bg_013 {background-image: url(layout/bg_header_013.jpg);}
	#header.bg_014 {background-image: url(layout/bg_header_014.jpg);}
	#header.bg_015 {background-image: url(layout/bg_header_015.jpg);}
	
	* html #headercontainer #header {background-image: url(layout/bg_header_ie6.jpg);}

	#header h1 {
		left: -9999px;
		line-height: 0;
		position: absolute;
		text-indent: -9999px;
	}
	
	a#logo {
		display: block;
		width: 235px;
		height: 57px;
		float: left;
	}
		a#logo img {
			border: none;
		}
	
	#header ul {
		margin: 29px 10px 0 0;
		padding: 0;
		float: right;
	}
		#header ul li {
			width: 160px;
			height: 24px;
			display: block;
			margin: 0 0 15px 0;
			padding: 0;
		}
			#header ul li a {
				background: url(layout/btn_mainNav.png) 0 0 no-repeat;
				width: 160px;
				height: 24px;
				display: block;
			}
			* html #header ul li a {background-image: url(layout/btn_mainNav_ie6.png);}
			
				#header ul li a.weblog, #header ul li a.weblog:visited, #header ul li a.weblog:active {
					background-position: 0 0;
				}
					#header ul li a.weblog:focus, #header ul li a.weblog:hover {
						background-position: -160px 0;
					}
					
				#header ul li a.fotos, #header ul li a.fotos:visited, #header ul li a.fotos:active {
					background-position: 0 -24px;
				}
					#header ul li a.fotos:focus, #header ul li a.fotos:hover {
						background-position: -160px -24px;
					}
					
				#header ul li a.contact, #header ul li a.contact:visited, #header ul li a.contact:active {
					background-position: 0 -48px;
				}
					#header ul li a.contact:focus, #header ul li a.contact:hover {
						background-position: -160px -48px;
					}
			
			#header ul li a span {
				left: -9999px;
				line-height: 0;
				position: absolute;
				text-indent: -9999px;
			}
			
			
#mainhead {
	background: url(layout/back_body_header.gif);
	height: 34px;
	overflow: hidden;
	top: 20px;
}
#maincontainer {
	background: url(layout/back_body_shadow.gif) repeat-y;
	margin-top: 20px;
}
#main {
	background: url(layout/back_body.gif) repeat-y;
}
#mainfoot {
	background: url(layout/back_body_footer.gif) no-repeat;
	height: 27px;
}
#maincol {
	float: left;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 20px;
	width: 468px;
}
#maincol .mainarticle {
	margin-bottom: 40px;
}
#archivecol {
	background: url(layout/back_kolom_twee.gif) no-repeat;
	color: #ffffff;
	float: left;
	margin-left: 0px;
	padding-left: 16px;
	padding-right: 16px;
	width: 276px;
	position: relative;
}
#knutselhoek {
	float: left;
	width: 155px;
	padding-left: 13px;
	padding-right: 12px;
}

#knutselhoek a img {
	border: 0px;
}


/* Tot zover de vlakverdeling, op naar de contentstyling. */

#maincol .mainarticle h2 {
	color: #009AE6;
	margin: 0 0 14px 0;
	background: url(layout/back_titel.gif) repeat-x 0 9px;
	font-family: "Swis721BlkBTBlack", "Arial Black";
	text-transform: uppercase;
	font-size: 22px;
	padding: 0 13px;
}
	#maincol .mainarticle h2 a, #maincol .mainarticle h2 span {
		background: #fff;
		display: inline-block;
		padding: 0 5px;
		color: #009AE6;
		text-decoration: none;
	}
		#maincol .mainarticle h2 a:focus, #maincol .mainarticle h2 a:hover {
			color: #333;
		}

#maincol .mainarticle a {
	text-decoration: underline;
}
#maincol .mainarticle a:hover {
	text-decoration: none;
}
#archivecol a {
	color: #ffffff;
	text-decoration: none;
}
#archivecol a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#archivecol a img{
	color: #ffffff;
}
#archivecol a:hover img{
	color: #ffffff;
}
#archivecol a:visited img{
	color: #ffffff;
}
#archivecol a:active img{
	color: #ffffff;
}
#knutselhoek a {
	color: #333333;
	text-decoration: none;
}
#knutselhoek a:hover {
	color: #009AE6;
	text-decoration: underline;
}

.comments {
	background-color:#EEEEEE;
}

#albums {
	margin-bottom: 40px;
}
#albums h2 {
	margin: -1px 0 26px 0;
	background: url(layout/header_albums.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#airart {
	margin-bottom: 40px;
}
#airart h2 {
	margin: 0 0 26px 0;
	background: url(layout/header_airart.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#wallpapers {
	margin-bottom: 40px;
}
#wallpapers h2 {
	margin: 0 0 26px 0;
	background: url(layout/header_wallpapers.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#twitter {
	margin-top: -20px;
	margin-bottom: 32px;
}
#twitter h2 {
	margin: -1px 0 10px 0;
	background: url(layout/header_twitter.gif) no-repeat;
	height: 48px;
	overflow: hidden;
}
	#twitter ul li {
		padding: 0 0 8px 0;
		margin: 0 0 8px 0;
		border-bottom: solid 1px #ccc;
	}
		#knutselhoek #twitter ul li a, #knutselhoek #twitter ul li a:visited, #knutselhoek #twitter ul li a:active {
			color: #009AE6;
			text-decoration: underline;
		}
			#knutselhoek #twitter ul li a:focus, #knutselhoek #twitter ul li a:hover {
				text-decoration: none;
			}
			
		#twitter ul li abbr {
			color: #777;
		}
		
#zoeken {
	margin-bottom: 40px;
}
#zoeken h2 {
	margin: -1px 0 22px 0;
	background: url(layout/header_zoeken.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#tags {
	margin-bottom: 40px;
}
#tags h2 {
	margin: 0 0 22px 0;
	background: url(layout/header_tags.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#links {
	margin-bottom: 40px;
}
#links h2 {
	margin: 0 0 22px 0;
	background: url(layout/header_links.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#archief {
	margin-bottom: 40px;
}
#archief h2 {
	margin: 0 0 22px 0;
	background: url(layout/header_archief.gif) no-repeat;
	height: 18px;
	overflow: hidden;
}
#page_tags h3 {
	background: url(layout/page_tags.gif) no-repeat;
	height: 26px;
	overflow: hidden;
}
#page_reacties h3 {
	background: url(layout/page_reacties.gif) no-repeat;
	height: 26px;
	overflow: hidden;
}
#page_reageer h3 {
	background: url(layout/page_reageer.gif) no-repeat;
	height: 26px;
	overflow: hidden;
}

#wallpaper_01 a {
	display:block;
	width:275px;
	height:100px;
	background: url("images/wallpaper_01_rollover.jpg") 0 0 no-repeat;
}
#wallpaper_01 a:hover {
	background-position: 0 -100px;
}

#wallpaper_02 a {
	display:block;
	width:275px;
	height:100px;
	background: url("images/wallpaper_02_rollover.jpg") 0 0 no-repeat;
}
#wallpaper_02 a:hover {
	background-position: 0 -100px;
}

#wallpaper_03 a {
	display:block;
	width:275px;
	height:100px;
	background: url("images/wallpaper_03_rollover.jpg") 0 0 no-repeat;
}
#wallpaper_03 a:hover {
	background-position: 0 -100px;
}

#albums_rollovers {
	list-style: none;
	width: 276px;
}
#albums_rollovers li {
	display: block;
	float: left;
}
#albums_rollovers li a {
	display: block;	
	width: 66px;
	height: 124px;
}
#albums_rollovers li a:hover {
	text-decoration: none;
}
#albums_rollovers li a span {
	display: none;
}

#ro_01 a 			{ background: url(images/album_rollover_1.jpg) 0 0 no-repeat; 	margin-right: 4px;}
#ro_02 a 			{ background: url(images/album_rollover_2.jpg) 0 0 no-repeat; 	margin-right: 4px;}
#ro_03 a 			{ background: url(images/album_rollover_3.jpg) 0 0 no-repeat; 	margin-right: 4px;}
#ro_04 a 			{ background: url(images/album_rollover_4.jpg) 0 0 no-repeat; }

#albums_rollovers #ro_01 a:hover 			{ background-position: -66px 0; 	margin-right: 4px;}
#albums_rollovers #ro_02 a:hover 			{ background-position: -66px 0; 	margin-right: 4px;}
#albums_rollovers #ro_03 a:hover 			{ background-position: -66px 0; 	margin-right: 4px;}
#albums_rollovers #ro_04 a:hover 			{ background-position: -66px 0;}



/* ---- fotoboek ---*/
.fotoboek {
	padding: 0 0 20px 0;
}
.fotoboek h4 {
	width: 400px;
	font-weight: bold;
 	margin: 25px 0 10px 0;
	border: 0px solid;
	float: left;
	display: block;
}
.fotoboek table{
	float: left;
	display: block;
}
.fotoboek img {
	border: 0px solid;
}
.fotoboek a img {
	border: 0px solid;
}

.foto {
	background-color: #ddd;
	width: 132px;
	height: 88px;
	padding: 6px;
	margin: 0 0 8px 8px;
	border: 0px solid;
	text-align: center;
	float: left;
}
.fotoleeg {
	background-color: #fff;
	width: 132px;
	height: 88px;
	padding: 6px;
	margin: 0 0 8px 8px;
	border: 0px solid;
	text-align: center;
	float: left;
}

.foto a img {
	border: 0px solid;
}


/* nng gallery overwrites */

.ngg-gallery-thumbnail {
	background-color: #DDDDDD;
        border: 0 solid;
        float: left;
        height: 88px;
        margin: 0 0 8px 8px;
        padding: 6px;
        text-align: center;
        width: 132px;
}

.ngg-gallery-thumbnail img {
	border:0 solid;
}

.ngg-gallery-thumbnail img:hover {
	background-color: none;
} 


p.berichtfooter {
	margin: 10px 0 0;
	padding: 0;
}
#maincol .mainarticle p.berichtfooter a {
	text-decoration: none;
}
#maincol .mainarticle p.berichtfooter a:hover {
	text-decoration: underline;
}

#mainfoot { /* Aanvullend op positionering details ver hierboven. */
	padding-top: 20px;
	padding-bottom: 10px;
	color: #ffffff;
	font-size: 9px;
	text-align: center;
}
#mainfoot a {
	color: #fff;
	text-decoration: none;
}
#mainfoot a:hover {
	color: #009AE6;
	text-decoration: underline;
}

#banner {
	top: 232px;
	_top: 247px;
	right: -130px;
	_right: -10px;
	position: absolute;
}

#tagcloud {
	padding: 10px 0 20px 0;
}