@import url("basis.css");
@import url("navigatie.css");

body
{
	background: url('/images/bovenbalk.gif') repeat-x #eeece0;
	margin-top:2px;
}

/* Boxes
-------------------------------------------------*/	
#wrap
{
	background: url('/images/bg.jpg') left 9px no-repeat transparent;	
	margin:0px auto;
	padding:0px 50px;
	width:960px;
	min-height:924px;
}

#header {
	background:url('/images/logo.png') 30px 50% no-repeat #f0f0f0;
	padding-left:157px;
	border:1px #c2d1cc solid;
	float:left;
	width:801px;
}

#header em {
	font: italic .8em/50px "Bell MT", Georgia, "Times New Roman", serif;
	font-weight:bold;
	color:#3c7878;
	float:left;
}

#subnav {
	float:left;
	margin-top:13px;
	width:100%;
}
	
#content_smal
{
	width:450px;
	padding:0 240px 25px 30px;
	/*
	*/
	margin-top:40px;
	margin-bottom:80px;
	float:left;
}
#content_breed
{
	width:600px;
	padding:0 90px 25px 30px;
	/*
	*/
	margin-top:40px;
	margin-bottom:80px;
	float:left;
}
/* links */
#content_smal a, #content_breed a, #footer a {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.7);
	padding:0 2px;
	font-weight:normal;
}

#sidebar {
	width:198px;
	padding:10px 20px;
	float:right;
	background:url('/images/grijs.png') #c8c8c8;
	min-height:600px;
	margin-top:0px;
	border-top:#cacdc6 solid 1px;
	border-left:#cacdc6 solid 1px;
	border-right:#b5b7b6 solid 1px;
	border-bottom:#b5b7b6 solid 1px;
	margin-bottom:80px;
	position:relative; /* Later worden nog abs. gepositioneerde elementen toegevoegd */
}

#sidebar h2 {
	color:#3c7878;
	text-transform:uppercase;
	font-size:.8em;
}
#sidebar p {
	font-size:.9em;
	line-height:1.5em;
	color:#f0f0f0;
	margin:0;
	padding:0;
}
#sidebar p.datum {
	font:italic .8em Georgia, serif;
	color:#5f6663;
	text-transform:capitalize;
}
#sidebar div.imgcomp {
	/*
	*/
	
}
#sidebar img {
	position:absolute;
	left:30px;
	top:0;
}
#sidebar img.kijkgat {
	left:25px; top:-5px;
}
#sidebar a.werk_preview {
	margin-top:30px;
	margin-bottom:14px;
	position:relative;
	display:block;	/* stopt flickr bij mouseover/out */
	padding-top:150px;
}

#footer {
	background:url('/images/logo.png') 30px 12px no-repeat transparent;
	font: 0.86em/1.5 "Bell MT", Georgia, "Times New Roman", serif;	
	color: #5f6663;
	padding-top:6px;
	border-top:#c1d0c9 solid 1px;
	text-align:right;
	float:left;
	width:970px;
}

/*
 * Werk
 */
 
h1.werk {
	display:inline;
	background: url('/images/pijl_kop.png') no-repeat right 50%;
	padding-right:26px;
	margin-right:6px;
}
h2.werk {
	display:inline;
	font: 2.57em/1 "Bell MT", "Times New Roman", serif;
	font-style:italic;
	color: #3c7878;
	letter-spacing:.1em;
}

img.schermafbeelding
{
	float:left;
	/*
	display:block;
	*/
	margin:20px 1em 0 0;
}

div.werk_tekst {
	margin-top:20px;
	float:right;
	width:269px;
}

div.werk_tekst em {
	background: url('/images/pijl_em.png') no-repeat right 50%;
	padding-right:14px;
	font-style:normal;
	font-variant: small-caps;
	letter-spacing:.04em;
	margin-right:4px;
}
p.datum {
	font:italic 1em Georgia, serif;
	color:#96a09b;
	letter-spacing:1px;
	text-transform:capitalize;
	padding-bottom:4px;
}