/* HKweb op plaatjes is een duotone toegepast waarbij zwart de volgende kleur bevat: 21002e */


* {margin:0;padding:0;behavior: url(../images/iepngfix.htc) }

body {
	font: 76% arial,sans-serif;
	text-align:center;
	color: #313131;
	background: #21001e url(../images/bg-gradient.png) repeat-x top left;
	}

p {
	margin:0 10px 10px;
	}
	
h1, h2, h3 {
background:#fff;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}


blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 45px 10px 45px;
	background: #f0f0f0 url(../images/blockquote_start.png) no-repeat scroll 0pt 0pt;
	text-align: justify;
	}

a:link, a:visited, 
a:hover, a:active {
	color: #e308d1;
	}


/* BEGIN MENU */

/* Root = Horizontal, Secondary = Vertical */
ul.dropdown {
	background: #6E0365;
	width: 782px; /*For KHTML*/
	list-style: none;
	height: 30px;
	text-transform: uppercase;
	margin: -50px auto;
	}

	ul.dropdown li {
		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		height: 30px;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		padding: 0 24px;
		}

		ul.dropdown ul {
			list-style: none;
			display: none;
			position: absolute;
			left: 0;
			text-transform: lowercase;
			
			background: #6E0365;
			-webkit-border-radius: 0 0 10px 10px;
			-moz-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
			
			-moz-box-shadow: 3px 3px 10px #000;
			-webkit-box-shadow: 3px 3px 10px #000;
			box-shadow: 3px 3px 10px #000;
			}

		ul.dropdown ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
			}
			
			ul.dropdown ul li {
				width: 100px;
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				filter:alpha(opacity=90);
				-moz-opacity:0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
				}

/* Root Menu */
	ul.dropdown a {
		padding: 0 6px;
		float: none !important; /*For Opera*/
		float: left; /*For IE*/
		display: block;
		color: #666;
		font: normal 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		height: auto !important;
		height: 1%; /*For IE*/
		}

	ul.menu-left a {
		color: #fff;
		xcolor: #313131;
		line-height: 30px;
		text-shadow: 0 0 0.2em #E308D1, 0 0 0.2em #E308D1;
		}
		
/* Root Menu Hover Persistence */		
	ul.menu-left a:hover,
	ul.menu-left li:hover a,
	ul.menu-left li.iehover a {
		color: #e308d1;
		text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;
		}

/* 2nd Menu */
		ul.menu-left li:hover li a,
		ul.menu-left li.iehover li a {
			float: none;
			color: #fff;
			text-shadow:none;
			}

/* 2nd Menu Hover Persistence */
		ul.menu-left li:hover li a:hover,
		ul.menu-left li:hover li:hover a,
		ul.menu-left li.iehover li a:hover,
		ul.menu-left li.iehover li.iehover a {
			color: #e308d1;
			}

		ul.dropdown li:hover ul,
		ul.dropdown li.iehover ul {
			display: block;
			padding: 0 0 15px;
			}
/* END MENU */

div#container {
	text-align:left;
	}

	div#header {
		position: relative;
		z-index:999;
		background: url(../images/wrapper-top.png) no-repeat bottom center;
		}
		
		div#header h1 {
			position: absolute;
			right:15px;
			z-index:999;
			background: url(../images/logo.png) no-repeat top right;
			display:block;
			width: 373px;
			height: 138px;
			}
		
		div#header h1 span {
			display:none;
			background: none;
			}
			
		ul.menu-top {
			margin: 40px 0 0 15px;
			cursor: default;
			list-style-type: none;
			display: table;
			text-transform: uppercase;
			}
				
			ul.menu-top li {
				float:left;
				display: table-cell;
				position: relative;
				padding: 2px 6px;
				}

			ul.menu-top li a:link, ul.menu-top li a:visited {
				color: #313131;
				text-decoration: none;
				}
				
			ul.menu-top li a:hover, ul.menu-top li a:active, 
			ul.menu-top li#current a:link, ul.menu-top li#current a:visited {
				color: #FFFFFF;
				text-decoration: none;
				}

		
	div#wrapper {
		background: url(../images/wrapper-repeat.png) repeat-y top center;
		
		}
		
		div#navigator {
			background: url(../images/wrapper-header.png) no-repeat top center;
			}
			
			div#navigator .randomimg {
				margin: 0 0 0 20px;
				height:185px;
				width:781px;
				}

	div#content {
		padding-bottom:20px;
		min-height:300px;
		}
		
	div#content p {
		line-height:1.7;
		}
		
		
		
	
	
	p.counter {
		background:#EEE;
		color:#000;
		font-weight:bold;
		margin:10px 0;
		padding:5px;
		}
		
	

	.pagenavcounter {
		font-weight:bold;
		}
		
		

/* ###############  main * ########################### */
/* position */
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}

#main .leading h2,#main2 .leading h2 {
background:#EFDEEA;
border-bottom:solid 0 #333;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.4em;
font-weight:normal;
margin:0 0 10px;
text-transform:uppercase;
}

#main h2 a,#main2 h2 a {
text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
background:url(../images/pfeil.gif) #93246F no-repeat;
border:solid 0;
bottom:0;
color:#FFF !important;
display:block !important;
margin-top:20px !important;
position:absolute;
right:0;
text-decoration:none;
padding:2px 2px 0 30px;
}

#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
background:#EFDEEA;
color:#93246F;
}

.article_column h2 {
background:#fff;
color:#000 !important;
font-family:trebuchet MS;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}

.article_row .column1 h2,.article_row .column2 h2 {
background:#fff;
border-bottom:solid 1px #D4A7C5;
color:#000;
margin:0 0 10px;
padding:5px 5px 5px 0;
}

.article_row p.iteminfo {
background:#fff;
line-height:1em;
margin:0 -10px 5px;
padding:10px;
}

#main h3,#main2 h3 {
margin:20px 0 10px;
}

#main .blog_more h2,#main2 .blog_more h2 {
background:#fff;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}

#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#main .blog_more li,#main2 .blog_more li {
padding:4px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 0 4px 30px;
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul,#main2 .blog_more ul {
background:#eee;
border:solid 1px #ccc;
color:#000;
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 30px;
}

#main .blog_more,#main2 .blog_more {
padding-top:10px;
}


/* ############# random frontpage image ###################### */
.randomimg img[src ^="/images/frontpageimage"] {
	xborder-style: solid; border-width: 1px; float: right;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	}

		
			/* ############# pagination ###################### */
			#content .pagination {
			border-top:solid 1px #CCC;
			margin:10px 0 0;
			padding:10px 0;
			}
			
			ul.pagination {
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:left;
			}
			
			ul.pagination li {
			display:inline;
			padding:2px 5px 0;
			text-align:left;
			}
			
			ul.pagination li a {
			padding:2px;
			}




/* ########################### contacts ########################### */
div.contact {
	margin:10px 0;
	}

address {
	font-style:normal;
	margin:10px 0;
	}

address p {
	line-height:1em;
	}

.contact label {
	float:left;
	font-weight:bold;
	width:14em;
	margin:25px 0 0;
	}

span.marker {
	margin:0 10px 0 0;
	}

.contact_email_checkbox label {
	float:none !important;
	}

.contact label.copy {
	width:90%;
	padding:0 0 0 10px;
	}

.contact form {
	background:#fff2fe;
	color:#000;
	padding:20px;
	margin:10px 0;
	}

.contact input {
	background:#fff;
	border:solid 2px #C39;
	color:#000;
	padding:2px 2px 0;
	margin:10px 0 0;
	}

.contact .button {
	background:url(../images/pfeil.gif) #000 no-repeat;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0 0 0 30px;
	cursor:pointer;
	}

label.textarea {
	float:none !important;
	margin:10px 0;
	display:block;
	width:100%;
	}

#contact_text {
	width:80%;
	height:150px;
	}

.contact input.invalid,.contact textarea.invalid {
	border:solid 2px red;
	}

.contact label.invalid {
	color:red;
	}


	div#left {}

	div#right {}

div#footer { 
	color: #FFF;
	font: 0.9em/1.5em normal normal Arial, Helvetica, sans-serif;
	margin: 0 0 100px 0;
	padding: 20px 0 0 0;
	}
				
	ul.menu-footer {
		position: relative;
		margin: 0px auto;
		margin-left: 100px;
		height:30px;
		cursor: default;
		list-style-type: none;
		display: table;
		text-transform: uppercase;
		text-align:center;
		}
			
		ul.menu-footer li {
			float:left;
			xdisplay: table-cell;
			position: relative;
			padding: 2px 6px;
			}

		ul.menu-footer li a:link, ul.menu-footer li a:visited {
			color: #FFFFFF;
			text-decoration: none;
			}
			
		ul.menu-footer li a:hover, ul.menu-footer li a:active, 
		ul.menu-footer li#current a:link, ul.menu-footer li#current a:visited {
			color: #e308d1;
			text-decoration: none;
			}


/* positioning the boxes */
div#container			{width:821px;margin:0 auto;}
div#header				{height:60px; }
div#wrapper				{float:left;width:100%;}
div#navigator			{height:200px; }
div#content				{margin: 0 150px;}
div#left				{float:left;width:150px;margin:200px 0 0 -821px;}
div#right				{float:left;width:150px;margin:200px 0 0 -150px;}
div#footer				{clear:left;width:100%;}