/* ALGEMENE PAGINA-ELEMENTEN */

body {
	background:#EEE;
	font:0.75em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:0px;
}

a {
	color:#D00;
	text-decoration:underline;
}
	a:visited {
		color:#F77;
		text-decoration:underline;
	}
	a:hover {
		color:#08A;
		text-decoration:underline;
	}
a[rel^="external"] {
}

h1 {
	font:bold 3.3em Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	line-height:1em;
	margin:5px 0px 20px 0px;
	padding:0px;
}
h2 {
	font:bold 1.9em Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	line-height:1em;
	margin:20px 0px 8px 0px;
	padding:0px;
}
h3 {
	font:bold 1.4em Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	line-height:1em;
	margin:6px 0px 2px 0px;
	padding:0px;
}
h4 {
	font:bold 1.1em Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:0.9em;
	margin:4px 0px 0px 0px;
	padding:0px;
}
	.thin {
		font-weight:normal;
	}

legend {
	display:none;
}
iframe {
	height:540px;;
	margin:0px 0px 12px 0px;
	width:100%;
}
fieldset {
	border:0px;
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px 0px 0px 25px;
}
th, td {
	vertical-align:top;
}

a img {
	border:0;
}

/* MAIN PAGE-LAYOUT */

div#container {
	background:white;
	margin-top:15px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	overflow:hidden;
	padding:15px;
	width:930px;
}

/* Topbar */
div#topbar {
	border-top:6px solid white;
	color:white;
	margin:0px 0px 8px 0px;
}
div#topbar div {
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	width:954px;
}
div#topbar span {
	display:block;
	float:left;
	margin:8px 4px 0px 8px;
}
div#topbar img {
	margin:0px 1px 0px 1px;
}
div#topbar a.language {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
	div#topbar a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

/* Searchform */
div#topbar form {
		float:right;
		margin:4px 0px 4px 0px;
	}
	div#topbar form input {
		background:white url(../images/icons/zoeken.png) 3px 3px no-repeat;
		border:1px solid #AAA;
		float:left;
		margin:0px 4px 0px 0px;
		padding:2px 3px 2px 24px;
	}
	div#topbar form button {
		background:#AAA;
		border:1px solid white;
		color:white;
		font:bold 13px Century Gothic, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:0px 4px 0px 4px;
		position:relative;
		bottom:0px;
		right:0px;
	}

/* Header */
div#header {
	background:#D00 url(../images/header_background.jpg) no-repeat;
	height:175px;
}
	div#header a.logo {
		float:left;
		margin:40px 25px 0px 40px;
	}
	div#header div#titles {
		float:left;
		margin:45px 0px 0px 0px;
	}
	div#titles a.title {
		display:block;
	}
	div#titles h2 {
		color:white;
		font-size:2.1em;
		font-style:italic;		
		font-weight:normal;
		margin:0px;
		position:relative;
		bottom:10px;
		left:2px;
	}
	div#header a.anita {
		float:right;
	}

/* Container with content */
div#page {
	background:white;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	width:auto;
}

div#to_top {
	background:#D00;
	clear:both;
	font-size:0.9em;
	margin:0px;
	padding:6px 0px 6px 0px;
	text-align:right;
}
	div#to_top a {
		color:white;
		text-decoration:none;
	}
	div#to_top a:hover {
		color:black;
		text-decoration:underline;
	}

/* Mainmenu */
div#mainmenu {
	float:left;
	margin:0px;
}
	div#mainmenu ul {
		background:white;
		list-style:none;
		padding:15px 25px 0px 10px;
		width:145px;
	}	
	div#mainmenu li {
		display:block;
	}	
	div#mainmenu li a {
		color:black;
		display:block;
		font:bold 1.1em Century Gothic, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:2px 0px 2px 8px;
		text-decoration:none;
	}	
	div#mainmenu li a:hover {
		background:#D5D5D5;
		color:white;
	}
	div#mainmenu li a.actief, div#mainmenu li a:hover.actief {
		background:#D00;
		color:white;
		cursor:default;
	}
	
div#summary {
	background:#B00;
	clear:both;
	color:#FFF;
	font-size:0.9em;
	margin:0px;
	padding:30px;
}
	div#summary table th, div#summary table td {
		padding:0px 12px 0px 12px;
		text-align:left;
		width:30%;
	}
	div#summary h2 {
		color:#E99;
		font-size:2.0em;
		line-height:1em;
		margin:0px 0px 5px 0px;
		padding:0px;
	}
	div#summary a, div#comments a {
		color:#FB0;
		text-decoration:underline;
	}
	div#summary a:hover, div#comments a:hover {
		color:black;
		text-decoration:underline;
	}
	div#summary img.image {
		border:6px solid #A00;
	}
	div#summary img.anita {
		float:left;
		margin:4px 10px 0px 0px;
	}
	div#summary *.alakaart {
		color:white;
	}

/* Footer */
div#footer {
	background:#EAEAEA;
	font-size:0.9em;
	margin-top:15px;
	margin-right:auto;
	margin-bottom:15px;
	margin-left:auto;
	padding:30px 20px 10px 20px;
	overflow:hidden;
	width:914px;
}
	div#footer img.logo {
		float:left;
		margin:0px 20px 0px 0px;
	}
	ul#footermenu {
		display:block;
		font:0.9em Arial Black, Arial, Helvetica, sans-serif;
		list-style:none;
		margin:0px 0px 10px 0px;
		padding:0px;
	}	
	ul#footermenu li {
		display:inline;
	}	
	ul#footermenu li a {
		color:#08A;
		float:left;
		margin:0px 10px 0px 00px;
		padding:0px;
		text-decoration:none;
		text-transform:uppercase;
	}	
	ul#footermenu li a:hover {
		color:black;
	}
	ul#footermenu li a.actief, ul#footermenu li a:hover.actief {
		border-bottom:5px solid black;
		color:white;
		cursor:default;
	}
	div#footer div#xhtmlcss {
		float:right;
	}
		div#xhtmlcss a {
			margin:0px 0px 0px 10px;
		}


/* SPECIFIC PAGE-ELEMENTS */

div#content {
	float:left;
	margin:0px;
	padding:15px 15px 15px 0px;
	width:715px;
}
div#content_sidebar {
	float:left;
	margin:0px;
	padding:15px 0px 15px 0px;
	width:465px;
}
div#sidebar {
	background:#F2F2F2;
	float:right;
	margin:15px 0px 20px 0px;
	padding:20px 15px 5px 20px;
	width:210px;
}

/* Kolom met voorbeeldkaart */
div#voorbeeldkaart {
	background:white;
	float:left;
	height:540px;
	width:560px;
}
/* Kolom met overzicht te selecteren kaarten */
div#overzicht {
	background:white;
	border-left:1px solid #E7E7E7; 
	float:right;
	height:540px;
	width:148px;
}

/* Kolom met voorbeeldkaart */
div#card {
	float:left;
	width:580px;
}
/* Kolom met overzicht te selecteren kaarten */
div#thumbs {
	border-left:1px solid #D5D5D5; 
	float:right;
	padding:0px 0px 10px 20px;
	width:105px;
}
	img.thumb {
		margin:3px 0px 3px 0px;
	}

/* Paginanummering */
.paginanummering {
	color:#C1C1C1;
	margin:10px 0px 0px 0px;
	text-align:center;
	width:93%;
}



/* Twee gelijke kolommen */
*.column_left, *.column_right {
	line-height:1.2em;
	padding:0px;
	width:48%;
}
	*.column_left {
		float:left;
	}
	*.column_right {
		float:right;
	}

*.exclamation {
	background:#FDD url(../images/icons/exclamation.png) 10px 8px no-repeat;
	border:2px solid #D00;
	padding:8px 8px 8px 34px;
}
*.attention {
	background:#FFA url(../images/icons/error.png) 10px 8px no-repeat;
	border:2px solid #FB0;
	color:black;
	padding:8px 8px 8px 34px;
}
*.information {
	background:#CEE url(../images/icons/information.png) 10px 8px no-repeat;
	border:2px solid #08A;
	color:black;
	padding:8px 8px 8px 34px;
}

a.readmore {
	font-weight:bold;
	margin:0px;
}


/* ELEMENTEN VOOR PAGINA-LAYOUT */


.maincolor {
	color:#D00;
}

/* Huisstijl à la Kaart */
span.alakaart {
	color:#D00;
	font-size:110%;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

/* Rand om afbeelding */
img.image {
	border:6px solid #F2F2F2;
}
	.left {
		float:left;
		margin:0px 20px 10px 0px;
	}
	.right {
		float:right;
		margin:0px 0px 10px 20px;
	}

span.clear {
	clear:both;
	display:block;
}

/* Gestippelde lijnen */
div.hr {
	border:0px;
	border-top:2px dotted #D5D5D5;
	clear:both;
	height:0px;
	margin:10px 0px 10px 0px;
}

/* Knoppen */
a.knop {
	background:url(../images/knop.png) bottom right repeat-x;
	padding:12px 12px 6px 0px;
}
	img.knop {
		float:left;
		margin:-12px 0px 0px 0px;
	}

.small {
	font-size:0.9em;
	line-height:1.3em;
}

strong.groot {
	font-size:125%;
}

/* "Geschreven" tekst */
.handwriting {
	color:#08A;
	font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
}

/* Fouten in formulieren */
.error {
	background:#FDD;
	border:1px solid #ED0000;
}

/* Label NEW */
.new {
	background:#FB0;
	font:0.8em Arial Black, Helvetica, sans-serif;
	padding:0px 2px 0px 2px;
	text-transform:uppercase;
}

/* Info bij tekst */
span.info {
	border-bottom:1px dotted #999999;
	cursor:help;
	text-decoration:none;
}

/* Grijze tekst */
*.grey {
	color:#777;
}

div#boxCaptcha {
	margin:0px 0px 10px 0px;
}

td.datum {
	clear:both;
	float:left;
	vertical-align:top;
	width:66px;
}
div.dag, div.maand, div.jaar {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
	div.dag {
		float:left;
		font-size:26px;
		letter-spacing:-0.1em;
		line-height:26px;
		margin:0px;
	}
	div.maand {
		font-size:14px;
		line-height:12px;
	}
	div.jaar {
		font-size:14px;
		line-height:14px;
	}
	
/* Formulieren */

form {
	margin:0px;
	padding:0px;
}
form.form {
	padding:20px;
}
label {
	clear:both;
	display:block;
	font-weight:bold;
	padding:0px;
	cursor:pointer;
}
fieldset input, fieldset textarea, fieldset select {
	border:1px solid #D5D5D5;
	margin:0px 0px 6px 0px;
	padding:3px;
}
img.button_layout,
div.emoticons {
	background:white;
	border:1px solid #D5D5D5;
	float:left;
	padding:3px;
}
div.emoticons {
	display:none;
}
	div.emoticons img {
		cursor:pointer;
		margin:2px;
		padding:2px;
	}

div#comments form.form {
	background:none;
	color:white;
	margin:0px;
	padding:20px;
}
div#comments fieldset input,
div#comments fieldset textarea,
div#comments fieldset select,
div#comments fieldset *.button_layout,
div#comments fieldset *.emoticons {
	border:1px solid #700;
}
div#comments fieldset textarea {
	float:left;
}


/* Buttons */

button, a.button {
	background:#CEE;
	border:1px solid #08A;
	color:#08A;
	clear:both;
	cursor:pointer;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0em;
	margin:10px 4px 0px 0px;
	outline-style:none;
	overflow:hidden;
	padding:4px 8px 3px 8px;
	text-decoration:none;
	width:auto;
}
a.button {
	padding:3px 8px 4px 8px;
	text-decoration:none;
}
	button:hover, a.button:hover {
		background:#08A;
		border:1px solid #048;
		color:white;
		text-decoration:none;
	}
	button:active, a.button:active {
		background:#336699;
		border:1px solid #224466;
		color:#FFFFFF;
		text-decoration:none;
	}
	button img, a.button img{
		border:none;
		height:16px;
		margin:0px 0px -3px 0px !important;
		padding:0;
		position:relative;
		width:16px;
	}

button.positief {
	background:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
	button.positief:hover {
		background:#529214;
		border:1px solid #529214;
		color:white;
	}
	button.positief:active {
		background:#529214;
		border:1px solid #529214;
		color:#fff;
	}

button.negatief {
	background:#FFE2E2;
	border:1px solid #D00;
	color:#D00;
}
	button.negatief:hover {
		background:#D00;
		border:1px solid #D00;
		color:white;
	}
	button.negatief:active {
		background:#ED0000;
		border:1px solid #ED0000;
		color:#FFFFFF;
	}
	

div.infobox {
	display:table;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	overflow:hidden;
	width:auto;
}
	div.infobox h2 {
		color:black;
		font-size:2em;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	div.infobox img.image {
		border:6px solid white;
	}
	
img.poll {
	background:#D00;
	height:16px;
}

strong.increased {
	font-size:120%;
}

p#intro {
	font-size:120%;
	font-weight:bold;
}



ol.comments {
	list-style:none;
	margin:0px;
	padding:0px;
}

li.comment {
	background:#F2F2F2;
	border:1px solid #D5D5D5;
	margin:0px 0px 10px 0px;
	padding:15px;
}
	li.comment h2 {
		margin:0px 0px 2px 0px;
	}
	li.comment img.gravatar {
		border:3px solid #D5D5D5;
		float:left;
		height:45px;
		width:45px;
	}
	li.comment strong.header a {
		color:black;
	}
	li.comment span.datetime {
		color:#777;
		display:block;
		margin:0px 0px 5px 0px;
	}
	li.comment span.body {
		display:block;
		margin:0px 0px 0px 70px;
	}
	.comment img.image {
		border:6px solid white;
	}

div#summary ol.comments a, div#summary ol.comments a:hover {
	color:white;
	display:block;
	text-decoration:none;
}
div#summary li.comment {
	background:#A00;
	margin:0px 0px 6px 0px;
	padding:5px;
}
	div#summary li.comment span.datetime {
		color:#E99;
		display:inline;
	}


/* REACTIES */

div#comments {
	background:#D00;
	clear:both;
	color:white;
	margin:0px;
	padding:0px 0px 0px 180px;
	overflow:hidden;
}
	div#comments .grey{
		color:#E99;
	}
div#comments span.comments {
	background:#B00;
	display:block;
	margin:0px;
	padding:4px 20px 20px 20px;
}
span.comments li.comment {
	background:#A00;
}
	span.comments li.comment img.gravatar {
		border:3px solid #E99;
	}
	span.comments li.comment span.datetime {
		color:#E99;
	}
span.comments li.alt {
	background:#B00;
}


li.comment.yellow {
	background:#FFA;
	border:1px solid #FA0;
}
	li.comment.yellow img.gravatar {
		border:3px solid #FA0;
	}
	li.comment.yellow span.datetime {
		color:#FA0;
	}
li.blue {
	background:#CEE;
	border:1px solid #08A;
}
	li.blue img.gravatar {
		border:3px solid #08A;
	}
	li.blue span.datetime {
		color:#08A;
	}
	
q {
	display:block;
	font-style:italic;
	padding:0px 0px 0px 40px;
}
q:before, q:after {
	content:'';
}
	li.yellow q {
		color:#FA0;
	}
	li.blue q {
		color:#08A;
	}