/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/2 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; color:#050505; font-family:Georgia, serif; line-height:1.5em; }
h1 { font-size : 2.8em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .5em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.4em; line-height : 1.25; margin-bottom : 1em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 0; font-weight : normal; }
img { margin-bottom:1.5em; }
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; }
del { color : #666; }
blockquote { margin : 0 0 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* Author styles 
----------------------------------------------------------------------------------------- */

html { background:#fff; }
body { color:#232323; text-align:center; background:#fff url('images/background.png') repeat-x; }
.wrapper { width:800px; margin:0 auto; text-align:left; }
.inset { margin-left:20px; }
.upper { font-variant:small-caps; font-style:normal; }
.right { float:right; }
.left { clear:both; float:left; }

form { float:left; display:inline; width:420px; margin:0 0 20px 0; }
label, input, textarea, select { margin:0 0 1.5em 0; }
label { clear:both; float:left; display:inline; width:50px; font-weight:bold; margin-right:10px; }
input, textarea, select { float:left; display:inline; width:300px; padding:1px; }
textarea { height:125px; }
input#submit { clear:both; margin-left:60px; width:auto; }

.formfeedback {
	clear:both; 
	background:#f7f7f7; 
	border:1px solid #ccc; 
	padding:5px 9px;
	margin:0 0 1.5em 0;
	list-style:none;
}

a { color:#730980; }

#navigation { width:100%; font-family:Georgia, serif; }
#navigation .wrapper { border-bottom:1px solid #532559; }
#navigation ul { float:left; color:#f4e9f5; height:50px; background:#67366d url('images/nav-bg.png') repeat-x; width:500px; margin:0; } 
#navigation ul li { display:inline; }
#navigation ul li a.first { margin-left:20px; }
#navigation ul li a { float:left; color:#f4e9f5; margin-right:30px; margin-top:13px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; }

#navigation #contact { float:left; width:300px; height:50px; background:#532559; margin:0; font-size:1.17em; }
#navigation #contact p { display:inline; float:left; color:#fff; margin:14px 30px 0 0; font-style:italic; color:#ddd4de; }


#header { float:left; width:100%; height:101px; }
#header h1 { float:left; font-size:2.4em; text-transform:lowercase; margin:38px 0 0 20px; font-weight:bold; color:#313131; font-family:Georgia, Serif; }
#header h1 a { text-decoration:none; color:#313131; }
#header h1 em { font-weight:normal; }


#header #nav { float:right; font-family:Georgia, serif; font-size:1.38em; margin:38px 20px 0 0; padding:0 0 20px 30px; }
#header #nav li { display:inline; }
#header #nav li a { text-decoration:none; margin:0 0 0 30px; }
#header #nav li em { text-transform:lowercase; font-weight:bold; }


#content { float:left; width:100%; margin:0 0 20px 0; background:#fff; }
#content .wrapper { background:#fff; }
#content-main { width:480px; float:left; display:inline; padding:0 0 0 0; margin:30px 20px 0 0; }

#content-main p.first { margin-bottom:2.5em; }
#content-main h1 { margin-bottom:.75em; font-size:3em; letter-spacing:1px; font-family:Georgia, serif; color:#730980; }
#content-main img { margin-bottom:2.5em; }


.bericht {}
.bericht .metadata { color:#616162; border-top:1px solid #919191; padding:.5em 0 0 0; margin:.5em 0 0 0; }


#content-sub { width:300px; float:right; padding:36px 0 36px 0; margin:0 0 0 0; background:#f6f4ed; }
#content-sub div, #content-sub h1, #content-sub h2, #content-sub h3, #content-sub p, #content-sub #contact-btn { margin-left:36px; margin-right:36px; }
#content-sub { float:left; margin:20px 0 0 0; font-style:normal; color:#313131; }
#content-sub address strong { color:#7d7332; }
#content-sub h1 { font-size:2em; }
#content-sub h1, #content-sub h2, #content-sub h3, #content-sub h4 { font-family:Georgia, serif; font-weight:bold; }
#content-sub h3 em, #content-sub h4 em { font-weight:normal; }
#content-sub div {}
#content-sub div ul { margin-bottom:0; }
#content-sub #contact-btn:hover { background:url('images/afspraak-btn-hover.png') no-repeat; }

#footer { clear:both; width:100%; }
#footer .wrapper { width:800px; padding:20px 0; border-top:1px solid #b2b2b2; }
#footer p { margin-bottom:.5em; }

/* Border radius 
----------------------------------------------------------------------------------------- */

/*#navigation .wrapper { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }*/

#content-sub div { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }


/* Clearing
----------------------------------------------------------------------------------------- */

/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#navigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#navigation
{display: inline-block;}

/* Hides from IE-mac \*/
* html #navigation
{height: 1%;}

#navigation
{display: block;}
/* End hide from IE-mac */

/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.wrapper:after
{ 
 content: ".";  
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
}

.wrapper 
{display: inline-block;}

/* Hides from IE-mac */
* html .wrapper 
{height: 1%;}

.wrapper 
{display: block;}
/* End hide from IE-mac */