/*GLOBAL*/
* {margin:0;padding:0;}
html {
	background:#f5f1ec url(/css/bg.png) no-repeat center 60px;
	margin:0;
	font:14px/22px "Palatino", "Palatino Linotype", Georgia, serif;
	color:#000;
}

/*PLAATSING*/
#wrap {width: 920px; margin: 20px auto; background: #fff;}
#breadcrumb {margin: 20px 0 20px 20px; height: 32px; border-top: 1px solid #432; border-bottom: 1px solid #432; float: left; width:650px;}
#zoeken {margin: 20px 20px 20px 0; height: 32px; border-top: 1px solid #432; border-bottom: 1px solid #432; float: right; width: 230px; text-align: right;}
#content {width: 44em; margin: auto 20px; float: left; clear: left;}
#sidebar {width: 220px; float: left; margin-left: 20px; color: #765;}
#sidebar div {margin-left: 20px;}

/*KLASSEN*/
#accessibility, .x {position:absolute; left:-9999px; top:-9999px;}
code.inline {display: inline;}
.left {float:left; margin:0 18px 18px 0;}
.right {float:right; margin:0 0 18px 18px;}
.clear {clear: both; visibility: hidden; height: 0; width: 0;}
.post {margin-bottom: 40px;}
.meta {color: #765; text-transform: uppercase; font: 10px/11px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 10px 0 0 1px; display: block;}
.post-body {margin-top: 10px;}
.gravatar {float: right; margin-top: 0px; padding: 5px; border: 1px dotted #000;}
.comment-content {margin: 20px 60px 20px 0;}
.comments_invite {background: white url(/css/comment.gif) no-repeat 0 2px; padding-left: 14px;}
.odd {margin-top: 50px;}
.small {font-size: 11px; border-bottom: 1px dotted black; padding-bottom: 10px}

/*ELEMENTEN*/
h1 {font-weight: normal; font-style: italic; margin: auto 20px; padding-top: 20px; font-size: 2.8em; line-height: 3em;}
	h1 a {color: #000;}
	h1 a:hover {color: #06F;}
h2 {font: normal 24px/28px 'Times New Roman', Times, serif; margin-top:20px; letter-spacing: 0.05em;}
	#sidebar h2 {font: bold 12px/22px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #ba9;}
h3 {margin-top:20px; font: normal 24px/28px 'Times New Roman', Times, serif; letter-spacing: 0.05em;}
	h3 a, .post h2 a {color: #543;}
	h3 a:hover, .post h2 a:hover {color: #000;}
	h3 a:active, .post h2 a:active {background: #ff3;}
	#focus h3 {font-size: 14px; margin: 0 0 10px 0;}
	
blockquote {color: #555; margin: 20px; font-size: 16px; line-height: 24px; padding: 20px 44px; background: #eee url(/css/q.gif) no-repeat 12px 20px;}
code {color: #555;}

p {margin-bottom:10px;}
.post-body p {text-indent: 12px;}
.post-body p:first-child, .post-body img + p {text-indent: 0;}
p.intro {color: #654; text-transform: oblique; font-size: 14px; line-height: 20px;}
p.intro:first-letter {font-size: 40px; line-height: 32px; color: #111; float:left; font-weight: normal; margin-top: 6px; margin-right: 3px; margin-bottom: 0; margin-left: -3px; padding-left: 4px;}
p.intro:first-line {text-transform: uppercase;}
#breadcrumb p {margin: 7px 0;}

img {border:none;}
#content img {max-width: 90%;}
#content img.border {border: 8px solid #f5f1ec;}
.post ul, .post ol {margin:20px;}
.post-body ul, .post-body ol {text-indent: 0;}

/*MENU*/
#nav {margin: 0 20px 20px 20px;}
#nav ul {list-style: none;}
#nav li {display: inline; margin-right: 6px; border-bottom: 1px solid black; padding-bottom: 5px;}
#nav a {color: black; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; border-bottom: 2px solid black; padding-bottom: 2px;}
#nav .active a {border-color: white;}
#nav a:hover {color: red;}

/*LINKS*/
a {text-decoration: none; color: #03F;}
#sidebar a, .post-body a {border-bottom: 1px solid #59F; padding: 1px 1px 0 1px;}
#breadcrumb a:visited, #sidebar a:visited, .post-body a:visited,
.meta a:visited { border-color: #A9F; color: #73F;}
#breadcrumb a:hover, #sidebar a:hover, .post-body a:hover,
.meta a:hover { border-color: #11A; color: #11C;}
#breadcrumb a:active, #sidebar a:active, .post-body a:active,
.meta a:active {background-color: #ff3; color: #000; border: none;}

#focus a {border-bottom: 1px solid grey;}
#focus a:hover {border-color: blue;}

.bottom-meta { font-size: 12px; }
.bottom-meta a {border-bottom: 1px solid black; color: black; text-transform: lowercase;}

#bottomnav {margin-top: 22px;}
#bottomnav span a {
	border: 1px solid #ccc; padding: 4px 8px; background: #eee; color: #444; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#bottomnav span a:hover {border-color: #03F; color: #fff; background: #03F;}

/*FORMS*/
form, fieldset {margin: 0; padding: 0; line-height: 18px;}
#content form, .zemContactForm {margin: 1em auto;}
fieldset {border: 0}
legend {display: none}
#zoeken form {margin-top: 6px;}
#zoeken input {margin-left: 6px; padding:0;}
#zoeken input[type="text"] {width: 160px; margin-left: 0; padding: 1px;}
input.zemText, textarea.zemTextarea, select.zemSelect, .zemSubmit {display:block; padding:3px; margin-bottom: 14px; font: 14px/20px "Helvetica Neue", Helvetica, Verdana, sans-serif;}
.zemText, .zemSelect { width: 200px;}
textarea.zemTextarea {width: 82%;}
#txpCommentInputForm input, #txpCommentInputForm textarea {padding: 3px; margin-bottom: 14px; font: 14px/20px "Helvetica Neue", Helvetica, Verdana, sans-serif;}

/*LISTS*/
dl {margin: 20px auto;}
dt {font-weight: bold; float:left; margin-right: 0.2em;}



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}