/*  CSS rood */

html, body{
	margin:0; padding:0;
	font-size:88.3%;
	font-family:Segoe UI, verdana;
	height:100%;
}

/*html{
	background:url(/images/bg.gif) center;
}*/
html{
	background:url(/images/col_bg.gif) center;
}
img {border:0}

* a		{color:#009fee; text-decoration:none;}
* a:hover	{color:#007cba; text-decoration:underline}

#container{
	width:910px;
	margin:auto;
	background:url(/images/bgtje.gif) repeat-x 0 140px;
}
#head{
	height:68px;
	background:white;
	position:relative;
}
#head .sign{
	background:url(/images/sign.gif) no-repeat;
	width:386px;
	height:101px;
	position:absolute;
	right:-55px; top:-3px;
}
#head #logo{
	margin:3px;	
	}
#nav{
	margin:0; padding:3px 0;
	font-size:105%;
	display:block;
	background:#bec3cc;
	list-style:none;
	border-top:2px solid #8c000f;
	border-bottom:1px solid white;
}
#nav li{
	display:inline;	
}
#nav li a{
	padding:4px 6px;
	color:#222;
	position:relative;
	margin-right:5px;
}
#nav li a:hover{
	color:black;
	height:300px;
	padding-bottom:50px;
	background:url(/images/drop.gif) center bottom no-repeat;
}

#nav li a.selected{
	background:none;
	background:url(/images/drop-sel.gif) center bottom no-repeat;
	height:300px;
	padding-bottom:50px;
}

.spacer{
	height:75px;
	background:url(/images/bgtje.gif) bottom repeat-x #8c000f;	
	display:block;
	}
#cols{
	background:#eee;
	overflow:hidden;
	width:910px;
	background:url(/images/col_bg.gif) center;
}
#cols .c1{
	width:211px;
	float:left;
}
#cols .c2{
	width:479px;
	float:left;
}
#cols .c3{
	width:170px;
	float:left;
}
#cols .c4{
	width:50px;
	float:left;
}
.content{margin:10px; line-height:134%; font-family:Arial;}

.content p{margin-bottom:20px; 
	text-align:justify;
	/*letter-spacing:0.2px;*/
	/*line-height:110%;*/
/*	-ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;*/

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
.content ul {
	display:block-inline;
	 list-style-type: square;
/*	 list-style: none;
    padding:0;
    margin:0;*/ 
}
.content li  {
/*list-style:none outside none;*/
/*background:url("/images/bullet_blue.jpg") no-repeat scroll left center;
padding-left:12px;*/
/*padding-left: 2em; 
    text-indent: -.7em;*/
}
/*.content li:before {
   /* content: "◼";  /*•*/
   /* color: #009fee;
}*/


h1{
	color:#009fee;
	font-size:150%;
	padding:10px;
	background:#f6f6f6;
	border:1px solid #eee;
}
h2{
	color:#8c000f;
	font-weight:bold;
	font-size:130%;
}

ul.subnav{
	list-style:none;
	margin:24px 0 0 0;
	padding:0;
}
ul.subnav a{
	display:block;	
	width:202px;
	border-bottom:1px solid #009fee;
	padding:5px 0 5px 8px;
	
}
ul.subnav a:hover{
	background:#ddf1fe;
}
ul.subnav a.selected{
	background:#e4f5ff;
}
#footer{
	padding:10px 0;
	background:white;
	width:910px;
	border-top:1px solid #009fee;
	text-align:center;
}

.blk{
	border:1px solid #efc8d4;
	margin:2px;
	font-family:MS Sans Serif;
	padding:5px 3px;
}
.blk:hover{	border:1px solid #dba0ad; background:#ebc0cc;}
.blk p{
}
.blk .h{
	font-family:Segoe UI, verdana;
	color:#8c000f;
	display:block;
	margin:0; padding:0 0 3px 0;
}
address{
	font-style:normal;
	color:#333;
}

form fieldset{
    border:0;border-top:1px solid #a00000;
}
form label{
    display:block;
    width:120px;
float:left;
border-bottom:1px solid #aaa;
padding:2.5px 0 0px;
cursor:pointer;
color:#555;
}
form label:hover{
color:black;
}
form textarea{
font-family:MS Sans Serif;
font-size:110%;
background:#fafafa;
border:1px solid #aaa;
width:250px;
}

form input.text{
    border:1px solid #aaa;
width:250px;
background:#fafafa;
}
form input.text:focus, form textarea:focus{border:1px solid black; background:white;}


form .submit{background:#fafafa;
border:1px solid #999; margin:10px 0;}

form .warning{color:#a00000; background:#f6f6f6; padding:2px; border:1px solid #eee;}

#social_media{
	text-align:center;
	margin-top:30px;
}
#social_media img {
	margin-left:5px;
}
#erkeningen{
	text-align:center;
	margin-top:10px;
}
#BE_Foto{
	margin-top:30px;
	text-align:center;
}
.img-right {
	width: 240px;
	float:right;
	margin: 5px 5px 5px 15px;
	/*box-shadow: 0px 0px 5px #888888;*/
	box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px #ccc;
}
.img-left {
	width: 240px;
	float:left;
	margin: 5px 15px 5px 5px;
	box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px #ccc;
}
.banner img {
	margin-bottom:10px;
	box-shadow: 5px 5px 2px #888888;
}

.block {margin-top:8px; border:1px solid #c1b5ae; background:#fff; display:block; padding:5px; text-align:center;  }
.block p{  font-size:12px; color:#000; display:block;} /*margin:0 0 0 60px;*/
.block h3{ font-size:14px; color:#8C000F; font-weight: bold;}
.block a:hover {
	text-decoration:none;
}