*{
	margin:0;
	padding:0;
}

body{
	background:#504f49 url(/gfx/bg_body.jpg) no-repeat 50% 0;
	color:#fff3d8;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:160%;
}

/*	Selectors default stijl
=======================================================*/

h1, h3, h5{	color:#6cf; margin:0 0 1em; }
h2, h4, h6{ color:#ffa836; margin:0 0 1em; }

h1, .h1{ font-size:24px; }
h2, .h2{ font-size:20px; }
h3, .h3{ font-size:16px; }
h4, .h4{ font-size:13px; }
h5, .h5{ font-size:11px; }
h6, .h6{ font-size:9px; }

p, table, dl, ol, ul{ margin:0 0 1em;}

em{
	font-style:italic; 
}
ul{
	margin-left:15px;
}
ol{
	margin-left:28px;
}
a{ 
	color:#e69a5f;
	outline:none;
}
a:hover{
	color:#ffdbad;
}

a img{
	border:none;
}
a span{
	display:none;
}
#flickr_badge_source a span{
	display:inline;
}

form ol{
	list-style:none;
	margin-left:0;
}
form li{
	margin-bottom:10px;
}

input, select, textarea{
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
fieldset{
	border:none;
	padding:10px;
}
legend{
	/*background-color:#63625A;*/
	padding:0 10px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-left:0;
}
caption{
	font-weight:bold;
}
table{
	width:100%;
}
th{
	text-align:left;
}

label{
	display:block;
}

code{
	color:#6CF;
}

object{
	outline:none;
	margin-bottom:1em;
}

h1 span{
	font-weight:normal;
}


/*	Algemene stijlen
=======================================================*/

.hide{
	display:none;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clearboth{
	clear:both;
}
.overflow{
	overflow:hidden;
}
.marginright{
	margin-right:10px;
}
.invisible{
	visibility:hidden;
}

/*	Gestylede elementen
=======================================================*/
a.arrow{
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	text-decoration:none;	
}
a.disabled{
	cursor:default;
	color:#87857B;
}
a.prev{
	background:url(/gfx/sprite.gif) no-repeat 0 0;
	padding-left:15px;
}
a.prev:hover{
	background-position:0 -50px;
}
a.prev.disabled{
	background-position:0 -100px;
}
a.next{
	background:url(/gfx/sprite.gif) no-repeat 100% 0;
	padding-right:15px;
}
a.next:hover{
	background-position:100% -50px;
}
a.next.disabled{
	background-position:100% -100px;
}
a.up{
	background:url(/gfx/sprite.gif) no-repeat 0 -150px;
	padding-left:15px;
}
a.up:hover{
	background-position:0 -200px;
}
p.caption{
	font-style:italic;
}
p.intro{
	font-size:14px;
	font-weight:bold;
}
img.border{
	border:1px solid #fff3d8;
}

input.text,
textarea.text{
	border:1px solid #A7A598;
	background-color:#FFF3D8;
	width:210px;
}
.readonly{
	color:#9B998E;
}
input.error,
textarea.error{
	border-color:#ffa836;
}
.error p{
	margin:10px 10px 1em 0;
}
.error ul{
	padding:10px 10px 0 0;
	color:#ffa836;
}
a.btn_send{
	margin-top:5px;
	display:block;
	width:93px;
	height:20px;
	background:url(/gfx/btn_send.jpg) no-repeat 0 0;
}
a.btn_send:hover{
	background-position:0 -20px;
}

span.mail b{
	font-weight:normal;
	color:#e69a5f;
}

/*	Structuur
=======================================================*/

#container{
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}

#header{
	height:140px;
	position:relative;
	z-index:100;
}

#main{
	position:relative;
	overflow:hidden;
	min-height:200px;
	z-index:1;
}

/*	Navigatie
=======================================================*/

#nav{
	margin:88px 0 0 5px;
	position:absolute;
	z-index:200;
	width:100%;
	left:-7px;
}
#nav li{
	list-style:none;
}

#nav li{
	float:left;
}
#nav ul{
	left:-999em;
	position:absolute;
	margin:0;
	padding:2px 0 0;
	white-space:nowrap;
	overflow:hidden;
	width:158px;
	background:url(/gfx/nav/bg_subnav_topsprite.png) no-repeat 0 0;	
}

#nav ul.portfolio{ background-position:0 0; }
#nav ul.kroniek{ background-position:-160px 0; }
#nav ul.flash{ background-position:-320px 0; }
#nav ul.blog{ background-position:-480px 0; }
#nav ul.fotografie{ background-position:-640px 0; }

#nav a{
	height:30px;
	display:block;
}

#nav a.home{	background:url(/gfx/nav/home.png) no-repeat left top; width:64px; }
#nav a.portfolio{	background:url(/gfx/nav/portfolio.png) no-repeat left top; width:101px; }
#nav a.kroniek{	background:url(/gfx/nav/kroniek.png) no-repeat left top; width:153px; }
#nav a.blog{	background:url(/gfx/nav/blog.png) no-repeat left top; width:137px; }
#nav a.flash{	background:url(/gfx/nav/flash.png) no-repeat left top; width:76px; }
#nav a.fotografie{ background:url(/gfx/nav/fotografie.png) no-repeat left top; width:110px; }
#nav a.contact{	background:url(/gfx/nav/contact.png) no-repeat left top; width:76px; }

#nav li.active a{
	background-position:left -30px;
}

#nav li:hover a,
#nav li.over a,
#nav li.active:hover a,
#nav li.active.over a{
	background-position:left -60px;
}

#nav li:hover ul,
#nav li.over ul{
	left:auto;
}
#nav li li{
	list-style:none;
	float:none;
}
#nav li li a{
	text-decoration:none;
	color:#FFF;
	padding:3px 0 3px 10px;
	margin-right:10px;
	height:16px;
	background:url(/gfx/nav/bg_subnav_body.png) repeat-y 0 0;
	width:158px;
}
#nav li li a span{
	display:inline;
}
#nav li li a:hover{
	color:#71d3ff;
}
#nav li li.last a,
#nav li.active li.last a{
	background:url(/gfx/nav/bg_subnav_bottom.png) no-repeat 0 0;
	height:28px;
}


/*	Elementen homepage;
		grid wijkt beetje af van het normale 960 grid!
=======================================================*/

.sidebar{
	width:200px!important;
}

.whois{
	color:#DCD2BA;
	line-height:180%;
	font-size:14px;
	margin-bottom:10px;
}

#tagcloud{
	border:1px dotted #2E9DD5;
	border-width:1px 0;
	margin-bottom:1em;
	padding:5px 0 0;
}

#tagcloud a{
	text-decoration:none;
	color:#2E9DD5;
	padding:0 8px 0 0;
}
#tagcloud a:hover{
	color:#6CF;
}

#links h3{
	margin:1em 0 0;
}
#links p{
	margin:0;
}
#links a{
	text-decoration:none;
	color:#fff3d8;
}
#links a:hover{
	color:#ffdbad; 
	text-decoration:underline;
}

div.blog{
	width:460px!important;
}

.article{
	overflow:hidden;
}

.article img{
	border:1px solid #fff3d8;
	margin-right:5px;
}

.datum{
	color:#dcd2ba;
	font-size:11px;
	margin:0;
}

.footer{
	background:url(/gfx/arrow_border.gif) no-repeat right bottom;
	padding:0 10px 5px 0;
	text-align:right;
	font-size:11px;
	clear:both;
	height:20px;
}
.footer a{
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.footer .tags{
	float:left;
	letter-spacing:0;
}

.flickr{
	margin:0;
	width:250px!important;
	padding-left:10px;
}

#paging a{
	padding:0 8px 0 0;
	font-weight:bold;
	color:#FFF3D8;
	text-decoration:none;
}
#paging a.prev{
	padding:0 7px;
}

#paging span#thisPage{
	padding:0 8px 0 0;
	color:#FFA836;
	font-weight:bold;
}


/*	Portfolio slideshow
=======================================================*/
.box{
	position:relative;
	overflow:hidden;
	background:url(/gfx/black20.png);
}
#cycle{
	overflow:hidden;
	height:570px;
}
.slide{
	display:none;
	overflow:hidden;
}
.slide img{
	margin:5px 0 5px 10px;
	border:1px solid #fff3d8;
}
.slide img.small{
	margin:0 10px 10px 0;
}

.slide p,
.slide .h2,
.slide h3{
	margin-right:10px;
}
.slide .h2{
	margin:10px;
	color:#ffa836;
	height:20px;
}

/*	Kroniek
=======================================================*/
.kroniekmenu{
	list-style:none;
	height:152px;
	margin:0;
}
.kroniekmenu li{
	display:inline;
	float:left;
}
.kroniekmenu li a{
	display:block;
	height:152px;
}
.kroniekmenu li a:hover{
	background-position:0 -152px;
}
.navAdriaan{
	background:url(/gfx/nav/nav_adriaan.png) no-repeat 0 0; width:152px; }
.navAppelaar{
	background:url(/gfx/nav/nav_appelaar.png) no-repeat 0 0; width:170px; }
.navKoning{
	background:url(/gfx/nav/nav_koning.png) no-repeat 0 0; width:156px; }
.navPaardenwed{
	background:url(/gfx/nav/nav_paardenwed.png) no-repeat 0 0; width:155px; }
.navRaaks{
	background:url(/gfx/nav/nav_raaks.png) no-repeat 0 0; width:154px; }
.navToneel{
	background:url(/gfx/nav/nav_toneel.png) no-repeat 0 0; width:153px; }
	
.crop{
	overflow:hidden;
	height:60px;
	margin-bottom:20px;
}

.box2{
	padding:5px;
	position:relative;
	margin-bottom:1em;
}

.box2 ul{
	list-style:none;
	margin:0;
}
.box2 li{
	border-bottom:1px solid #504f49;
	margin-bottom:5px;
	padding-bottom:5px;
}
.box2 li a{
	text-decoration:none;
	padding:5px 0;
}

.dropdown {
	margin-bottom:0;
}
.dropdown a{
	background:url(/gfx/sprite.gif) no-repeat -272px -146px;
	font-weight:bold;
	height:24px;
	line-height:24px;
	cursor:pointer;
	display:block;
}
.dropdown a:hover{
	background-position:-272px -196px;
}
.dropdown a.down{
	background-position:118px -146px;
}
.dropdown a.down:hover{
	background-position:118px -196px;
}

.box2 ul.selector{
	display:none;
}
/*.box2 ul.selector li{
	position:relative;
}*/

.scrollbox{
	overflow:hidden;
}

.reaction{
	padding:0 15px;
}


/* Blokkeer de content voor IE5.5 */

#ie5-5only{
	display:none;
}
.ie55{
	width:960px;
	margin:150px 0 0;
	font-weight:bold;
}
.ie55 p{
	margin-left:20px;
}