/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #000;
	background: #FFF;
	}

html, body { height: 100%; }

body#page,
body#home {
	text-align: center;
	}

img, a img { border: none; }

a, a:link, a:visited { text-decoration: underline; color: #d32226; }
a:hover { color: #d32226; }
a:active,a:focus { outline: none; }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

ul { padding-left: 1.3em; margin: .5em 0; padding-bottom: 1em; list-style-type: disc; }
ol { padding-left: 2.5em; margin: .5em 0; }
li { margin-bottom: .2em; }

u { text-decoration: none; }

h1, h2, h3, h4, h5, h6, h7 { font-size: 1em; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.2em; padding-bottom: .8em; }
h2 { font-size: 1.1em; padding-top: .5em; padding-bottom: .6em; }
h3 { font-size: 1em; padding-top: .5em; }
h4 { font-size: 1em; padding-top: .5em; }

p { padding-bottom: 1em; line-height: 1.4em; }

hr { height: 1px; color: #000; background-color: #000s; border: none; }

em, i { font-size: 96%; }

table, td, th {
	text-align: left;
	font-size: 1em;
	}

.image_left { float: left; margin-right: 20px; }

/* CONTAINER */

#container {
	margin: 0 auto; width: 960px;
	text-align: left;
	background: #FFF;
	min-height: 100%;
	height: auto;
	margin-bottom: -34px;
	}
* html #container {
	height: 100%;
	}



/* HEADER */
#header { height: 100px; overflow: hidden }

#logo { display: block; margin-top: 10px; margin-left: 138px; }

#logo_print { display: none; }


/* MAIN */
#main {  }
	
/* LEFTNAV */
#leftnav { 
	float: left; width: 198px; text-align: right; 
	font-size: 12px; font-weight: bold; 
	}

#leftnav ul { margin: 0; margin-top: 6px; padding: 0; list-style: none; }
#leftnav li { padding-bottom: 20px; }

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited {
	padding: 6px 10px;
	text-decoration: none;
	color: #FFF; background: #d32226;
	}
#leftnav li a:hover {
	background: #000;
	}

#leftnav li.current a,
#leftnav li.current a:link,
#leftnav li.current a:visited {
	color: #FFF; background: #000;
	}

#leftnav ul ul { margin-top: 12px; }
#leftnav li li { padding-bottom: 0; }
	
#leftnav li li a,
#leftnav li li a:link,
#leftnav li li a:visited,
#leftnav li.current li a,
#leftnav li.current li a:link,
#leftnav li.current li a:visited {
	padding: 0;
	text-decoration: none;
	color: #000; background: none;
	}
#leftnav li li a:hover,
#leftnav li.current li a:hover {
	color: #d32226;
	}

#leftnav li li.current a,
#leftnav li li.current a:link,
#leftnav li li.current a:visited {
	color: #d32226;
	}
#leftnav li li.current a:hover {
	text-decoration: underline;
	}
	
/* CONTENT */
#content { float: left; display: inline; width: 524px; margin-left: 18px; }
#home #content { width: 742px; }

#content h1 { 
	margin: 0; margin-bottom: 15px; padding: 0; padding-left: 8px; height: 26px; overflow: hidden;
	font-size: 14px; line-height: 26px;
	color: #FFF; background: #000; 
	}

#column_A { float: left; display: inline; width: 362px; }
#column_B { float: left; display: inline; width: 362px; margin-left: 18px; }

#column_B h1 {
	margin: 0; margin-bottom: 15px; padding: 0; padding-left: 8px; height: 26px; overflow: hidden;
	font-size: 14px; line-height: 26px;
	color: #FFF; background: #d32226; 
	}

#google_maps { border: 1px solid #000; height: 420px; background: #DDD; }

/* SIDEBAR */
#sidebar { float: left; display: inline; width: 200px; margin-left: 18px; }

#action,
#action:link,
#action:visited {
	display: block; margin-top: -2px; margin-left: -8px; padding-top: 12px; padding-left: 60px; width: 310px; height: 48px;
	text-decoration: none; font-size: 13px; line-height: 14px;
	color: #FFF; background: url(../img/klokkenluiders_action.gif) no-repeat left top;
	}
* html #action,
* html #action:link,
* html #action:visited {
	width: 370px; w\idth: 310px;
	height: 48px; he\ight: 60px;
	}
#sidebar #action,
#sidebar #action:link,
#sidebar #action:visited {
	width: 149px; height: 51px;
	font-size: 11px;
	background: url(../img/klokkenluiders_action_sidebar.gif) no-repeat left top;
	}
* html #sidebar #action,
* html #sidebar #action:link,
* html #sidebar #action:visited {
	width: 209px; w\idth: 149px;
	height: 51px; he\ight: 60px;
	}

	
#action:hover,
#sidebar #action:hover { background-position: 0 -80px; }
	
#action strong { font-size: 14px; }
#sidebar #action strong { font-size: 12px; }

/* TABLES */
td { vertical-align: top; }

/* FOOTER */
#footer { height: 53px; margin-top: 2em; padding-top: 10px; border-top: 2px solid #000; border-bottom: 2px solid #000; overflow: hidden; font-weight: bold; }

#footer span { float: left; display: block; padding-top: .5em; }

#footer a,
#footer a:link,
#footer a:visited {
	float: left; display: block;
	text-decoration: none;
	color: #d32226;
	}
#footer a:hover {
	text-decoration: none;
	color: #d32226;
	}

/* FORMS */
form {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 !important;
	padding: 0 !important;
	}

fieldset { margin: 0; padding: 10px 0; border: none; } 
fieldset br { display: none; }
fieldset div { margin: 10px 0; padding: 0; clear: both; }
fieldset legend { display: none; }

fieldset .removed { display: none !important; }

/* labels */
fieldset label, fieldset div.cr p {
	float: left;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-right: 6px;
	width: 120px;
	}

fieldset div.cr {  }

fieldset div.cr p {
	position:absolute;
	top: -2px;
	left: 0;
	}
* html fieldset div.cr p {
	left: -126px;
	}

fieldset div.cr label {
	float: none;
	text-align: left;
	margin: 0;
	margin-left: 129px;
	padding: 0;
	width: auto;
	}

fieldset div.cr label.otherlabel {
	float:left; 
	}
* html fieldset div.cr label.otherlabel {
	width:0.1em;
	margin-left: 54px;
	}

fieldset div span {
	display: block;
	margin-left:129px;
	color:#999;
	}

fieldset div.cr_label label {
	margin-top: -2px;
	}

/* mandatory labels */
fieldset .mandat { color: #d32226; }
fieldset .mandatr { color: #d32226; }

/* inputs */
fieldset input, fieldset select, fieldset textarea { width: 270px;  font-size: 12px; margin: 0; padding: 1px 0 0 2px; border: 1px solid #999; }
fieldset input { height: 16px; }
fieldset div.cr input { border: none; width: auto; margin-right: 5px; }
fieldset div.cr input.otheranswer { border: 1px solid #999; margin-left: 5px;}
fieldset div.cr_label input { border: none; width: auto; }

fieldset input.day { width: 30px; }
fieldset select.month { width: 110px; margin-left: 0;}
fieldset input.year { width: 50px; margin-left: 0;}

fieldset select { width: 275px;}

fieldset textarea { font-family: Arial, Helvetica, sans-serif; }

/* buttons */
fieldset.buttons { padding: 15px 0; }
fieldset.buttons label { width: 119px; }
fieldset.buttons input { width: 100px; height: 24px; padding: 0; border: 1px solid #d32226; color: #FFF; background: #d32226; font-weight: bold; }

/* badinput */
fieldset .badinput { color: #d32226;}
fieldset label.badinput, fieldset div.cr p.badinput { /* background: url(../img/warning.gif) no-repeat left 5px; */ }
fieldset div.cr label.badinput { background: none; }

fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #FEF1ED;
	color: #000;
	border: 1px solid #d32226;
	}