/************************************************************************
kleuren
#D67D8F

*************************************************************************/

/************************************************************************
	Algemeen
*************************************************************************/

*{ margin:0; padding: 0;}

a { color: #D04F76; text-decoration: underline; }

a:hover { text-decoration: underline; }

body { font-family: Arial; font-size: 12px; line-height:150%; border-top: 4px #D04F76 solid;  color:#000000; background-color: #fff;}

input{
	border:2px solid #C5C5C5;
	color:#777777;
	margin:5px 0 5px 15px;
	padding:4px;
	width:200px;
}

.ruler {
	border-bottom: 2px solid #DDDDDD;
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
}

.button{
	background-color:#D04F76;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-weight:bold;
	margin:5px 3px 0 0;
	padding:5px 7px;
	width:auto;
	text-decoration: none;
}

.button:hover{
	text-decoration: none;
}


#container  { width: 991px; margin: 0px auto; text-align:left; background-color: #fff; border: 1px solid #dedede; border-top: none; }

.top_menu { position:relative; right: 0px; list-style: none; float:right; margin:0 10px 0 0; }

.top_menu li { float: left;}

.top_menu li a { color: #FFF; font-size: 11px; font-weight:bold; padding: 3px 8px 5px 8px; text-align:center; text-decoration: none; }

.top_menu li a:hover { border-top: 4px #FFF solid; }

.top_menu li a#inline { background-color: #D04F76; } 

.top_menu li a#inline:hover { border-top: 0; }

.top_menuactive a { border-top: 4px #FFF solid;}

#antraciet a{color: #3D3D3D;}

#antraciet a.login{color: #fff;}

#header {position: relative; margin: 0 auto; width: 992px; background-position: 1px 0px;  border: none; width: 991px; height: 512px; float:left; background-image:url(/img/header.jpg); background-repeat: no-repeat;}

#header h1 a { position:absolute; height: 52px; width: 188px; margin: 10px 10px 5px 20px; text-indent: -999px; }

.hoofd_menu { list-style: none; padding: 0;  margin: 10px 0 0 20px; width: 145px; float: left; }

.hoofd_menu li { padding: 0 0 0 0;}

.hoofd_menu li a { color: #777; font-size: 11px; text-decoration: none; }

.hoofd_menu li a:hover { text-decoration: underline; }

.nieuws_menu { list-style: none; padding: 0;  width: 100%; float: left; }

.nieuws_menu li { margin: 3px 0 12px 0; padding: 0 0 0 6px; border-left:4px #ea506d solid; }

.nieuws_menu li a { padding: 2px 10px 1px 0; color: #D04F76; font-size: 13px; text-decoration: none;  }
.nieuws_menu li.cur a { text-decoration: none; color: #555;  }

.nieuws_menu li span { color: #8a8a8a; text-align: right; font-size: 12px; }

.nieuws_menu li a:hover { text-decoration: none; color: #555; }

.nieuws_menu li p { font-size: 12px; color: #5d5d5d; padding: 3px 0 0 0; margin: 0; }

.nieuws_menu li img { float: right; padding: 1px; border: 1px solid #cdcdcd; margin: 5px 0 0 0; }



.sidebar_menu { list-style: none; padding: 0;  width: 100%; float: left; }

.sidebar_menu li { background:url(/img//bullet.png) no-repeat; margin: 3px 0 12px 0; padding: 0 0 0 10px; background-position: 0 6px; }

.sidebar_menu li a { padding: 2px 10px 1px 0; color: #D04F76; font-size: 13px; text-decoration: underline;  }
.sidebar_menu li.cur a { text-decoration: underline; color: #555;  }

.sidebar_menu li span { color: #8a8a8a; text-align: right; font-size: 12px; }

.sidebar_menu li a:hover { text-decoration: none; color: #555; }

.sidebar_menu li p { font-size: 12px; color: #5d5d5d; padding: 3px 0 0 0; margin: 0; }

.sidebar_menu li img { float: right; padding: 1px; border: 1px solid #cdcdcd; margin: 5px 0 0 0; }



h2 { color: #D04F76; font-size: 20px; padding:0 0 12px 0; font-weight: normal; }

h3 { color: #D04F76; font-size: 15px; font-weight: bold; margin: 30px 0 0 0; }

#content{ position:relative;  color:#5d5d5d; float:left; margin:-100px 0 10px 0px; line-height:160%; padding: 0 0 20px 0; }

.content_sidebar{ width: 270px; float: left; padding: 0 30px 0 25px; }

.content_sidebar h2 a { text-decoration: none; }

.content_sidebar h2 a:hover { text-decoration: underline; }

.content_sidebar span a { font-size: 12px; }

.content_page{ width: 636px; float: left; padding: 0 20px 0 0; }

.content_page p { margin: 0 0 10px 0; }

p.block_paragraph { margin-top: 28px; } 



#footer { font-size: 11px; color: #999; width: 980px; margin: 0 auto; padding: 5px; }

#footer a { color: #888; text-decoration: none; float: left; padding: 0 7px; }

#footer a:hover { text-decoration: underline; }

.clear { clear: both; margin: 0; padding: 0; height: 0;}

.aktueel_date { font-size: 12px; color: #999; display: block; margin: 0 0 5px 0; }

h3.aktueel_header { margin: 15px 0 2px 0; }

.img_right { float: right; padding: 1px; border: 1px solid #cdcdcd; margin: 15px 15px 0 7px; }

.img_left { float: left; padding: 1px; border: 1px solid #cdcdcd; margin: 2px 11px 0 0; }

.page_image { float: right; padding: 0 0 5px 15px; }

.form_login { margin: 20px 0; }

.form_login label { float: left; width: 200px; margin: 3px 0; font-size: 12px; } 

.form_login .input_text { float: right; margin: 3px 0; padding: 2px; width: 190px; } 

.form_login .input_submit { float: right; margin: 3px 0; padding: 2px; width: 150px; cursor: pointer; cursor: hand; } 


#menu{
	list-style: none;
	width:979px;
	background:url(/img//menu_bg2.png) repeat-x;
	position:absolute;
	top:317px;
	border-top: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	padding:0 0 0 10px;
	margin-left:1px;
	
	}

#menu li{
	
	padding: 0px;
	float:left;
	text-align:center;
	
}

	
/* IE 7 and below */
*:first-child+html #menu_arrow{
	width:8px;
	}
	
/* IE 6 and below */

* html #menu_arrow  {
	float:left;
}

	
#menu_arrow{
	position:relative;
	background-image:url(/images/arrow2.gif);
	background-repeat:no-repeat; 
	background-position:center; 
	height:5px;

	}

#menu li a{
	
	height:34px; 
	padding:17px 10px 0 10px;
	float:left;
	color:#3d3d3d;
	display:block;
	text-transform:uppercase;
	border:0px;
	border-right: #bdbdbd 1px solid;
	border-left: #7b7b7b 1px solid;
	font-weight:bold;
	text-decoration:none;
	
	
}

#menu li a.active {
	background:url(/img//menu_bg1.png) repeat-x;
	color:#FFF;
}

#menu li a:hover{
	color:#3d3d3d;
	text-decoration:none;
	background:url(/img//menu_bg2.png) repeat-x;
}

#menu li a.active:hover {
	background:url(/img//menu_bg1.png) repeat-x;
	color:#FFF;
}

	
/*
   Drop down menu
*/

#menu li ul 
{
	position: absolute;
	top: -999em;
	margin: 0 0 0 0;
	padding:0px;
	list-style: none;
	z-index: 999;
	width: 236px;
	
}


#menu li ul a 
{
	width: 210px;
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	color: #666;
	height: 18px;
	cursor:pointer;
	background-color:#fff;
	font-weight: normal;
	text-align:left;
	padding: 7px 12px 6px 12px;
}

#menu li ul a:hover
{
	
	
	background: 0;
	background-color:#ddd;
	
}	

#menu li:hover ul, #menu li.cw_hover ul 
{
	border: 0px;
	top: 51px;
	border-bottom: #ddd 1px solid;
	left: auto;
	
}

/************************************************************************
	Contact
*************************************************************************/

form.contact
{
	width: 320px;
	font-size: 12px;
	color: #5D5D5D;
	margin: 10px 0;
	
}


form.contact label
{
	float: left;
	width: 90px;
	margin: 8px 0;
	}

form.contact input, form.contact textarea
{
	float: left; 
	color: #777;
	padding: 4px;
	width: 200px;
	margin: 5px 0 5px 15px;
	border: 2px solid #c5c5c5;
}

form.contact .button_submit
{
	color: #fff;
	background-color: #D04F76;
	font-weight: bold;
	width: auto;
	border: 0;
	margin: 5px 3px 0 0;
	float: right;
	padding: 5px 7px;
	cursor: pointer;
	cursor: hand;
}


/************************************************************************
	Portfolio
*************************************************************************/

.portfolio_images {
	float: right;
	width: 248px;
	margin: 0 0 0 15px;
}

.portfolio_images img.portfolio_small {
	float: left;
	width: 70px;
	padding: 1px;
	border: 2px solid #ccc;
	margin: 6px 6px 0 0;
}

.portfolio_images img.portfolio_big
{
	width: 240px;
	padding: 1px;
	border: 3px solid #ccc;
}

a.portfolio_thumbs
{
	width: 186px;
	text-decoration: none;
	margin: 5px 25px 15px 0;
	outline: 0;
	float: left;
}

.portfolio_thumbs h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 3px;
	padding: 0;
	}

.portfolio_thumbs img:hover
{
	
	padding: 1px;
	border: 3px solid #D04F76;
}

.portfolio_thumbs img
{
	border: 3px solid #ccc;
	padding: 1px;
	width: 178px;
}



.tagcloud {
	margin: 20px 0;
	display: block;
	border-top: 2px solid #ddd;
	padding-top: 20px;
}

.tagcloud h1, 
.tagcloud h2, 
.tagcloud h3, 
.tagcloud h4, 
.tagcloud h5, 
.tagcloud h6 {
	height: 25px;
	padding: 0;
	margin: 6px 25px 6px 0;
	float: left;
	font-weight: normal;
}
.tagcloud h1 {
	color: #D04F76;
	font-size: 27px;
}
.tagcloud h2 {
	color: #D04F76;
	font-size: 23px;
}
.tagcloud h3 {
	color: #FF679A;
	font-size: 21px;
}
.tagcloud h4 {
	color: #FF679A;
	font-size: 17px;
}
.tagcloud h5{
	color: #999;
	font-size: 15px;
}
.tagcloud h6{
	color: #999;
	font-size: 24px;
}
.tagcloud a {
	text-decoration: none;
	color: inherit;
}


ul#filter { float: left; font-size: 13px; list-style: none; margin: 5px 0 15px 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #777; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
ul#filter li.current a { color: #444; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li { 
	float: left; 
}
ul#portfolio li div{
	width:186px;
	height: 142px;
	overflow: hidden;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }


input.error, textarea.error{
	border: 2px solid #D04F76 !important;
}
label.error {
	display: none !important;
}

ul#sitemap {

}

ul#sitemap li{
	padding: 2px 0;
	margin: 0 0 0 15px;
}

.naw_gegevens{border-top: 1px solid #ddd; padding: 20px 0;}



.twitter{border-top: 1px solid #ddd; padding: 20px 0;
background: url(../img/twitter.gif) no-repeat right 15px;

}

.twitter .avatar{
	float: left;
	width: 48px;
	height: 48px;
	padding: 2px;
	overflow: hidden;
	border: 1px solid #ddd;
	margin-right: 20px;
}

.twitter h3{
	float: left;
	line-height: 54px;
	margin: 0;
}

.twitter .tweets{
	clear: both;
	font-size: 11px;
	padding: 10px 0 0 0;
}

.twitter .tweets li{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #fff;
	border: 2px dashed #ddd;
}

.fancy_title{display: none;}

.twitter .follow{
	text-decoration: none;
}

#passwordForm{
	width: 400px;
}

.fotograaf{
	position: absolute;
	bottom: 200px;
	right: 10px;
	font-size: 11px;
	color: #fff;
}

.fotograaf a{ 
	color: #fff;
}

#archive h2 a{
	text-decoration: none;
}

#archive h2 a:hover{
	color: #5D5D5D;
}