/* STANDAARD */

* { margin:0;padding:0; }
body {overflow-y: scroll; }
html,body {width:100%; min-height:100%; _height:100%; }
html,body,input, textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }


h1, h2 { font-size:16px; color:#EB4B27; }

p { line-height:1.25em; margin-bottom:15px; }

img { border:none; }

a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }

#footer a#star  { background:url(../images/crzlogo.gif) left 1px no-repeat; padding-left:15px; margin-left:5px; float:right; text-decoration:none; }

.clr	{ clear:both; height:0; width:0; overflow:hidden; }

/* LAYOUT */

#wrapper	{ width: 1000px; margin:5px auto; }

#vuh,
.col, .col2	{ padding:15px; background:#CECBBC url(../images/bg.jpg) top left repeat-x; } /* padding was 15px 15px 0 15px; */
.col, .col2	{ float:left; min-height:270px; overflow:hidden; } /* min-height was height */

#menu		{ background:#FFF url(../images/logo.gif) 15px center no-repeat; height:120px; }
#menu p		{ float:left; padding:30px 0 0 120px; font-size:21px; line-height:1.1em; }
#menu ul	{ list-style:none; float:right; margin:93px 15px 0 0; display:inline; }
#menu ul li	{ float:left; border-left:2px solid #FFF; }
#menu ul li a	{ height:15px; padding:6px 20px; display:block; background:#DDD url(../images/menu_bg.gif) left bottom; float:left; }
#menu a.active,
#menu a:hover	{ color:#FFF; background:#EB4B27 url(../images/menu_bg_h.gif); text-decoration:none; }

#vuh		{ padding:0; height: 80px;}
#vuh div.flt	{ float:left; width:284px; padding: 0 15px; overflow:hidden; }
#vuh div#ctr	{ margin:0 14px; padding:0 29px; border-left:1px solid #CCC; border-right:1px solid #CCC; }

#vuh form	{ padding:0 0 15px 0; float: left; clear: none;}
#vuh h2		{ padding:15px; float:left; }
#vuh label	{ width:116px; padding:3px 0 0 0; margin:0; }
#vuh input	{ width:160px; padding:3px; float:right; }
#vuh select	{ width:75px; margin-right:15px; padding:3px; height:23px; float:left; }
#vuh input.button	{ width:75px; height:22px; margin:0; padding:0; }

#head		{ background:#333 url(../images/header_01.jpg); height:250px; margin-bottom:29px; position: relative;}
#head ul	{ list-style:none; padding:14px; width:260px; font-size:11px; }
#head ul li	{ float:left; width:100%; }
#head ul li a	{ color:#FFF; padding:7px 12px; display:block; background: url(../images/black50.png); margin-bottom:6px; width:100%;  }
#head ul li a:hover	{ background:#000; text-decoration:none; }

#login		{ display: none;}
#loginFormWrapper {height: 100px; width: 500px; padding-top: 50px; margin: 0 auto;}
.error { color: #EB4B27;}

#footer		{ color:#999; clear:both; float:left; margin-top:10px; width:100%; }
#footer a	{ text-decoration:underline; color:#999; }

.col		{ width: 284px; }
#center		{ margin:0 29px; }
.col2		{ width: 627px; margin-right:29px; }

.col ul,
.col2 ul	{ list-style:none; }

.col ul li,
.col2 ul li	{ margin:0.7em 0 0 0; background:url(../images/list_item.gif) left 0px no-repeat; padding-left:30px; }

.col h2, .col h1, .col2 h2,
.col2 h1	{ border-bottom: 1px solid #CCC; margin-bottom:7px; padding-bottom:7px; }

ul h4		{ font-weight:normal; font-style:italic; font-size:12px; }

a.fancy-image	{ float:right;}

/* FORMULIEREN */

textarea.failCSS, input.failCSS {	border:1px solid #F00; }


label {
	float: left; clear: both;
	width: 155px; height: 16px;
	margin: 1px 15px 2px 5px;
	text-align: left;
}


input, textarea, select {
	height: 16px;
	margin:0px 0 3px 0; 
	border: 1px solid #D1D2D4;
	width:225px; padding:1px;
}
select { height:21px; width:230px; }

textarea { height: 4em; }
input.r { width:auto; margin: 7px 5px 5px 0; border:none; float:left; }
a.button,
input.button { padding:2px 12px; margin-right:6px; background:#EB4B27; color:#FFF; border:none; cursor:pointer; height:20px; line-height:20px; display:block; float:right; }
input.submitbutton {padding: 2px 12px; margin: 7px 5px 5px 0; background:#EB4B27; color:#FFF; border:none; cursor:pointer; height:20px; line-height:20px;}

form p {  margin: 2px 0 5px 0; line-height:25px; }
form b { color:#F00; }

span.verplicht {color: #EB4B27; font-weight: bold;} 

/* LOCATOR */
#map, #list {height: 520px; margin-top:29px; overflow:auto; }
#map { border:1px solid #999; height: 518px; width: 625px; }

.distanceRow, .hoefsmidRow {vertical-align: top; padding: 3px;}
.hoefsmidRow {text-align: left; cursor: pointer;}
.distanceRow {width: 45px; text-align:right}