/**
 * grid.demo.css
 * Based on 1kbgrid.com by Tyler Tate
 */
 
 
html
{

		height:100%;
		margin:0;
		padding:0;
}

body
{
	background-color:#1e9ff9;/*afcc1d*/
	margin:0;
	padding:0;
	font-family: Arial,verdana, "Lucida Sans Unicode";

	color:#ae2d44;
	line-height:1.4em;
	height:100%;
}

a img{border:0;padding:0;}

#wrapper{ 
	width:1020px;
	background:  url(../images/bg.blue.gif) repeat-y bottom center;
	margin:0 auto;}


#container{
	
	margin:0 auto;
	padding:0;
	height:100%;
}

#footer {
	width:1000px;
	padding:5px 0 25px 0;
	font-size:11px;
	color:#dddddd;
	text-align:center;
	background:  url(../images/footer.blue.gif) no-repeat top center;
}

#footer p {
	padding:15px 0 0 0;
	margin:0;
	color:#fff;
}
#footer a {
	color:#fff;
}

#situatie{
width:408px;
display:block;float:right;margin-right:1px;
height:320px;
background: #fff /*url(../images/sit.home.gif) no-repeat top left;*/}

#situatiew{
width:360px;
display:block;float:left;margin-left:1px;padding-right:20px;padding-top:20px;padding-bottom:10px;
height:320px;
background: #fff /*url(../images/sit.home.gif) no-repeat top left;*/}


.sidebar {
float:right;
margin-top:0px;
font-size:12px;
line-height:1.3em;
font-style:italic;
color:#000;}


.sidebar .item {
padding:4px 10px 10px 10px ;
margin:0;
border-top:1px solid #e7c0c7;
border-bottom:1px solid #e7c0c7;
background-color:#f7e9eb/*faf4f5*/;
}

.sidebar a {
color:#ae2d44;}


.sidebar  h3{		
font:bold 13px/17px Arial, Verdana;
padding:0;
margin:20px 0 0px 0;
color:#000;}

.sidebar h5{		
	font-size:13px;
	font-style:normal;
	color:#009bdd;
	text-transform:uppercase;
	font-weight:bold;
padding-top:2px;
margin-top:10px;
margin-bottom:3px;
color:#ae2d44;}

.thmb {display:block;float:left;margin:10px 10px 10px 0;background: #f3e0e3 url(../images/thumb/bg.gif) no-repeat top left;padding:4px;}

#main{

font-size:13px;
line-height:1.4em;
padding-bottom:20px;
}

#main a{
color:#b02a43;
}

#main p a:hover{
color:#fff;
background-color:#b02a43;
}

#header{
background: #fff url(../images/header.jpg) no-repeat top right;
height: 150px;

}

.c {text-align:center;}

.inl{font-weight:bold;}

.part{ 
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid #e7c0c7;}

.start{ 
padding-top:0px;}


h1{		
font:bold 38px/40px Verdana, Arial;
margin:20px 0 0px 0;
padding:0;
color:#ae2d44;}



h2{		
line-height:1em;
font:28px/0px Arial, Verdana;
line-height:0;
margin-bottom:0;
padding-bottom:0;
color:#ae2d44;}




.logo{margin:15px 0 20px 0;}


.ws{margin:0 0 20px 0;padding:0;color:#f2008c;font:15px/21px Verdana, Arial;}
.ws li {list-style:square;}



.kn{float:right;}

.hib1 {
	background: #4b91cc url(../images/bg.groen.gif) no-repeat top left;
	color:#fff;
}

.txt {
	padding:5px 0 5px 0;
}

.hib1 p {
	padding:0px 10px 0 0;
}

.hib2 p {
	padding:0px 10px 0 0;
}

.hib2{
	background: #94a800 url(../images/bg.doev.gif) no-repeat top left;
	
	
	color:#fff;
}


.enl {
	border-right:1px solid #faf2f4;
	display:block;
	padding-right:10px;
	margin:10px 10px 0px 0;
	float:left;
	}
	
.enl4{
	display:block;
	padding-right:5px;
	margin:5px 0px 0px 0;
	float:left;
	}
	
	.last {	margin:5px 0px 0px 0;padding-right:0;border-right:none;}

.row ul{margin:30px;}





/*
 * form style
 */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
/*  min-width: 500px;
  max-width: 600px;
  width: 560px; */ 
}

form fieldset {
  border-bottom: 1px solid #ae2d44;
  border-top:none;
  border-left:none;
  border-right:none;
  padding: 10px 30px 30px 30px;        /* padding in fieldset support spotty in IE */
  margin: 10px 0;
}

form legend {
/*  display: none; */
}

form fieldset legend
{
	font-size:1.0em;
	padding-top:5px;
/* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


form .naw label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


.kolm {width:250px;
display:block;float:left;}


form .q .cb { 
	display:block;
	float:left;
	width:20px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:0;
}

form .q .cbb { 
	display:block;
	float:left;
	width:20px;
	margin-right:10px;
	margin-bottom:1px;
	margin-top:0;
	
}

.jm {margin:0 0 25px 15px;}

/*form fieldset label:first-letter {  use first-letter pseudo-class to underline accesskey, note that */
	/*text-decoration:underline;     Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels 
}*/

.sml{font-size:10px;padding-left:10px;}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required
{
	/*font-weight: bold;*/
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.notice
{
	background: #f2ded5;
}



ul.routeul
{
	margin:20px 20px;
	background-color:#fbf2f4;
	padding:30px 40px;
}

ul.routeul li
{
	margin:6px 0;
	padding-bottom:2px;
	border-bottom:1px dotted #ea9eac;
}

#cblok{
width:200px;
color:#fff;
display:block;
float:left;
margin-right:10px;
background: #55c0d8 url(../images/bg.c.gif) no-repeat top left;
padding:0;
}

.bloktop {padding:5px;text-align:center;font-size:13px;border-bottom:1px solid #fff;height:59px;
background: transparent url(../images/trans.png) repeat top left;}
.blokbody {padding:10px; height:90px;text-align:center;color:#fff;}
.blokbot {padding:0;border-top:1px solid #fff;}
.m1 a{width:200px; height:32px;display:block;margin:0;padding:0; background: #68c2d5 url(../images/m1.gif) no-repeat top left;}
.m1 span{display:none;}
.sh1 {text-shadow: #2d707f 1px 1px 0px;}

.m2 a{width:200px; height:32px;display:block;margin:0;padding:0; background: #68c2d5 url(../images/m2.gif) no-repeat top left;}
.m2 span{display:none;}
.sh2 {text-shadow: #6c7900 1px 1px 0px;}

.m3 a{width:200px; height:32px;display:block;margin:0;padding:0; background: #68c2d5 url(../images/m3.gif) no-repeat top left;}
.m3 span{display:none;}
.sh3 {text-shadow: #1a4d6f 1px 1px 0px;}


#ablok{
width:200px;
color:#fff;

display:block;
float:left;
margin-right:10px;
background: #94a800 url(../images/bg.doev.jpg) no-repeat top left;
padding:0;
}

#bblok{width:200px;
color:#fff;
display:block;
float:left;
background: #4b91cc url(../images/bg.groen.gif) no-repeat top left;
}


.totop {float:right;}


.actieimg {
margin-top:7px;
}

#pics {width:190px;display:block;float:left;margin-left:9px;}
#pics a {display:block;float:left;margin:2px 2px 0px 0px;}

.alert {text-align:center;font-weight:bold;margin-bottom:8px;}
.alert div {padding:10px 0;border-bottom:1px solid #cb7786;border-top:1px solid #932639;}
.alert div span {font-weight:normal;}
#main .alert { background-color:#ae2d44;padding:0px 10px;color:#fff;}


#nbbbanner {position:fixed; top:0px; left:50px;width:360px;height:122px;z-index:1000;}
#nbbbanner a{display:block;width:360px;height:122px;background: transparent url(../images/banner.png) no-repeat top left;}
#nbbbanner span{display:none;}

#nbbbannergk {position:absolute; top:590px; left:50%;width:327px;height:185px;z-index:1000;margin-left:-567px;}
#nbbbannergk a{display:block;width:327px;height:185px;background: transparent url(../images/bannergr.png) no-repeat top left;}
#nbbbannergk span{display:none;}