/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: Frismedia
+	Date		: 30-08-2005
+
+	Notes		:
+
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */
body
{
	margin:0;
	padding:0;
	font-family:verdana, helvetica, sans-serif;
	font-size:0.65em;
	color:black;
	/*background:url(../img/body_bck.gif) repeat-x;*/
	behavior:url("css/csshover.htc");
	text-align:center;
}

h1, h2, h3, h4, h5, h6{margin:10px 0 0 0;font-size:1.0em;}
h1{font-size:1.9em;}
h2{color:#E62259;
font-size:1.1em;
margin:0 0 2px 0;
clear:both;
}
h3{margin:0 0 2px 0;}

a {text-decoration:none;color:#E62259;font-weight:bold;}
a:hover {text-decoration:underline;}

a.back {
color:#004489!important;
left:10px;
top:-14px;
position:absolute;}

a.previous {float:left;}
a.next {float:right;}

/*strong{color:#E62259;}*/
strong{color:black;}
p, div#content span, div#content div span
{
	margin:0 0 10px 0;
 	line-height:1.4em;
}

p.clear {clear:both;}

span.small{	font-size:0.8em;}

ul, ol
{
	margin:0px;
	padding:5px 0 10px 15px;
}
ol
{
	font-weight:bold;
	padding-left:25px;
	text-align:left;
}
ul a, ol a{color:#004489;}
ul a:hover, ul a:hover strong, ul li em a, ul li em a strong, ol a:hover, ol a:hover strong, ol li em a, ol li em a strong
{
	color:#1EABE0;
	text-decoration:none;
	font-style:normal;
}
li.comment{list-style-type:none;}
img
{
	border:0;
	margin:0;
	padding:0;
}
label {width:160px;
margin-top:4px;
float:left;
clear:left;}
label.left {
margin-top:0;
margin-bottom:10px;
clear:none;
float:left;
width:420px;
display:inline;
}
label.radio {
position:relative;
top:-3px;
width:auto;
float:none;
}
input, textarea{
	font-size:1.0em;
	font-family:verdana, helvetica, sans-serif;
	padding:2px;
	margin:0 2px 2px 0;
	width:270px;
}
input.submit {width:auto;
clear:both;
display:block;
}
input.radio {width:auto;
margin:0 2px 2px 2px;}
input.checkbox {width:auto;
clear:left;
float:left;
}

input#voorletters, input#voorletters_new, input.extra_voorletters {width:60px;}
input#naam, input#naam_new {width:125px;}
input.extra_naam {width:160px;}
input.extra_datum {width:100px;}
input#straat, input#straat_new {width:230px;}
input#huisnummer, input#huisnummer_new {width:30px;}
input#woonplaats, input#woonplaats_new {width:200px;}
input#geboorteplaats, input#geboorteplaats_new {width:196px;}
input#postcode, input#postcode_new, input#geboortedatum, input#geboortedatum_new {width:60px;}
input#datum, input#tijdstip {width:100px;}
input#klantnummer {margin:0 0 5px 15px;}

span.voorletters {padding-right:15px;}
span.naam {padding-right:140px;}

div#main form div.wrap {
position:relative;
float:left;
padding:0;
margin:0;
}

div.wrapleft {clear:both;
margin-top:10px;
font-weight:bold;}

hr
{
	width:100%;
	display:block;
	color:#EAEAEA;
	border-top:1px solid #EAEAEA;
	border-bottom:0;
	border-right:0;
	border-left:0;
	clear:both;
}
*html hr
{
	height:1px;
	background-color:#EAEAEA;
}
/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header ul:after, div#main:after, div#content:after, div.banner:after, div.banner div:after, body.nieuws div#sub div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#header ul, div#main, div#content, div.banner, div.banner div, body.nieuws div#sub div {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */
div#wrapper
{
	position:relative;
	width:760px;
	padding:0;
	text-align:left;
	margin:0 auto 10px auto;	
}

div#main
{
	position:relative;
	margin:15px 0 0 0;
	padding:0;
	background:url(../img/main_bck.gif) repeat-y;
	width:770px;

}
/*      MAIN  DIV'S       */
/*++++++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*       HEADER       */

a.hkz-logo {
	position:absolute;
	top:25px;
	right:0;
}

div#header form#cse-search-box {
	position:absolute;
	top:90px;
	right:-2px;
}

div#header {
	position:relative;

}

div#header ul
{

/*	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	letter-spacing:1px;
	top:90px;
*/
	position:relative;
	padding:0;
	margin:0;
	width:760px;
	left:0;
	background-color:#004489;
	list-style-type:none;
	z-index:10;
}
div#header ul.product {position:relative;z-index:1;background-color:#94a3be;}

div#header ul li
{
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

div#header ul li a
{
	float:left;
	color:white;
	background-color:#004489;
	display:block;
/*	border-right:#009EE0 1px solid;*/
	padding:4px 5px;
	margin:0;
}
div#header ul.product li a {background-color:#94a3be;}
div#header ul li a:hover{background-color:#94a3be;}
div#header ul li.product a:hover{background-color:#ff9100;}
div#header ul li.icon {float:right;}
div#header ul li.icon a
{
	border-right:none;
	padding:0 5px;
}
div#header ul li.icon a:hover{background-color:#004489;}
div#header ul li ul
{
	display:none;
	position:absolute;
	width:145px;

}
div#header ul li:hover ul {display:block;left:0;top:20px;}
div#header ul li:hover a, div#header ul li em a, div#header ul li.werkgebied em a {background-color:#E20040;}
div#header ul li.product:hover a, div#header ul li.product em a {background-color:#ff9100;}
div#header ul li ul li a{width:145px;border-bottom:1px solid white;color:#004489;font-weight:normal;}
div#header ul li ul li a{background-color:#cbbdcf!important;}
div#header ul li.product ul li a{background-color:#fcd6a4!important;}
div#header ul li ul li a:hover {color:white;}
div#header ul li.product ul li a:hover {color:#ff9100;}
div#header h1
{
/*	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;*/
	background-color:#E20040;
	margin:10px 0 0 0;
	padding:10px 4px 5px 10px;
	color:white;
}
body.product div#header h1 {background-color:#ffb657;}
div#header h1 a, h2 a
{
	position:absolute;
	color:white;
	right:10px;
}
div#header h1 a
{
	right:0;
	font-size:0.5em;
	letter-spacing:1px;	
	margin:8px 10px 0px 0px;
}

div#header a.cmd {position:absolute;
right:0;
top:5px;}

/*       HEADER       */
/*+++++++++++++++++++++*/



/*+++++++++++++++++++++*/
/*       CONTENT       */

div#content
{
	position:relative;
	float:left;
	background:url(../img/content_bck.gif) no-repeat;
	width:445px;
	margin:0;
	padding:10px 25px 0 10px;
	min-height:445px;
}
*html div#content {height:445px;}

body.search div#content {
	padding-right:10px;
	width: 740px;
	background:#f0fafc;
	}

body.product h2 {color:#ff9100;}

ul.nav
{
	float:left;
	list-style-type:none;
	padding:0 0 10px 0;
	width:205px;
	margin:0 10px 15px 0;
}
ul.nav li {padding:1px 0;}
ul.nav li a span {color:#E62259;}
ul.nav li a:hover {color:#E62259;}
ul.nomargin {margin-bottom:0;}

body.product ul.nav li a {color:#004489;}
body.product ul.nav li a span {color:#ff9100;}
body.product ul.nav li a:hover {color:#ff9100;}
body.product a {color:#ff9100;}

ul.max {width:auto;}

div#sub
{
	float:left;
	width:280px;
}

div#sub ul.nav {border-top:1px solid #94a3be;width:auto;}
div#sub ul.nav li {border-bottom:1px solid #94a3be;padding:2px 0;}
div#sub ul.nav li a {font-size:1.1em;}

p.telefoon {margin-top:10px;color:#004489;font-size:1.1em;}
p.telefoon strong {font-size:1.2em;font-weight:bold;color:#E62259;}
p.telefoon strong em {font-size:0.8em;
font-style:normal;}
p.telefoon img {float:left;margin:3px 3px 0 0;}
p.telefoon span {font-size:0.8em;}
p.telefoon span em {font-style:normal; color:#E62259;}

div.banner div {width:130px;float:left;min-height:75px;
font-weight:bold;
font-size:1.25em;
padding:5px;color:#004489;}
*html div.banner div {height:75px;}
div.banner div p a {text-decoration:none;}

div#sub div.top{background:url(../img/wrap1.gif);}
/*div#sub div.bottom{background:url(../img/wrap2.gif);}*/
div#sub div.bottom a {float:left;}

div.service img {float:left;margin:0 3px 3px 0;}
div.service p a {color:#004489;} 
div.banner div.service span {margin:5px 0 0 0;color:#ff9100;display:block;}

div.cursus {text-align:right;}
div.cursus img {float:right;margin:0 0 3px 3px;}
div.cursus p {margin:0 5px 0 0;}
div.cursus p a {color:#004489;} 
div.cursus span {color:#E62259;font-size:0.8em;}
div.cursus strong {color:#E62259;padding-bottom:2px;display:block;}
div.banner div p a:hover {text-decoration:none;}

/*div.folder p img {float:left;margin:8px 3px 0 0;}
table.folder img {margin:0 6px 0 6px;}
table.folder p span {width:75px;position:relative;font-size:1.2em;}
table.folder p {color:white;margin:0;}
table.folder p a{color:white;}
table.folder em {font-size:0.8em;font-style:normal;}

table.winkel p {padding:0 3px 0 0;font-size:1.3em;}
table.winkel p img {float:left;margin:2px 3px 0 0;}
table.winkel img {margin-right:3px;}
table.winkel p span {width:75px;position:relative;top:3px;}
table.winkel p a {color:#004489;} 
table.winkel em {font-size:0.7em;color:white;font-style:normal;}*/

div#wrapper div.sub{background:url(../img/sub_bck.gif) repeat-y;}
div#wrapper div.full{background:#F0FAFC;}
div.full div#content{background:none;}
div.sub div#content{width:361px;}
div.sub div#sub{width:363px;}

div.sub div#sub h2{margin:0;}

table#banner {height:100px;}
table td.kollom1 {background-color:#94A3BE;width:140px;}
table td.kollom2 {background:url(../img/banner_produkt_bck.gif) repeat-y #004489;width:140px;}

table td.kollom1 a:hover {text-decoration:none;}
table td.kollom2 a:hover {text-decoration:none;}

div.wrap{padding:0;margin:25px 0 0 0;}
div.wrap div {float:left;width:210px;}

div#nieuws{background-color:#fdead1;
margin-right:10px;
padding:3px 5px;}
div#nieuws h2 {background-color:#ff9100;
margin:-3px -5px;
padding:3px 5px;color:white;}
div#nieuws h3 {margin:10px 0 0 0;color:#004489;}
div#nieuws p, div.nieuws p {margin:0;}
div#nieuws a {color:#ff9100;}
div#nieuws span {color:#ff9100;
font-weight:bold;}

div#nieuws img {margin:5px 0 -3px -5px;
float:left;}

div.wrap div ul {list-style-type:none;margin:0;padding:0;border-top:1px solid #94a3be;}
div.wrap div ul li {border-bottom:1px solid #94a3be;}
div.wrap div ul li a {padding:2px 0;display:block;color:#E62259;
font-size:1.1em;}
div.wrap div ul li a span {color:#004489;}
div.wrap div ul li a:hover {color:#004489;}
div.wrap p.telefoon {margin-top:70px;}

body.nieuws div#content img {float:right;margin:0 0 10px 10px;}
body.nieuws div#content h2 {color:#ff9100;font-size:1.25em;margin-bottom:10px;}
body.nieuws div#content span.header {font-weight:bold;color:#004489!important;}
body.nieuws div#sub div {margin-bottom:10px;}
body.nieuws div#sub div img {float:left;margin-right:10px;}
body.nieuws div#sub div h3 {color:white; font-size:1.1em;
padding:5px 10px 5px 10px;}

div.n1 {background-color:#94a3be;}
div.n2 {background-color:#ffc87f;}
div.n3 {background-color:#b4bed1;}
div.n4 {background-color:#ffb24c;}

a.link{color:#E62259;}
a.link:hover{text-decoration:underline;color:#E62259;}

div.maps {
	width:760px!important;
}
div.maps div#content {
	width:224px;
}
div#map
{
	width:500px;
	height:400px;
	border:1px solid red;
	float:left;
}
	
div.maps div#sub{
	width:500px;
	padding-right:0;
}
div.werkgebied div#content {background-color:#f0f9fd;width:200px;}
div#wrapper div.werkgebied{background:url(../img/werkgebied.gif) no-repeat 235px 10px #f0f9fd;}
div#wrapper div.low{background:url(../img/werkgebied_low.gif) no-repeat 235px 10px;}
img.werkgebied{position:absolute;right:0;}

div.werkgebied ol a{color:black;}
div.werkgebied ol a span {color:#E62259;}
div.werkgebied ol a:hover {color:#E62259;}

img.submarge{margin:100px 0 0 0;}
/*       CONTENT       */
/*+++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*      WERKGEBIED     */

div#plaatsnaam {
	position:absolute;
	left:400px;
	top:15px;
	width:150px;
	text-align:center;
	z-index:1;
	font-size:1.2em;
	color:#E62259;
	font-weight:bold;
}
div#a, div#b, div#c, div#d, div#e, div#f, div#g, div#h, div#i, div#j, div#k, div#l, div#m, div#n, div#o 
{
	position:absolute;
	z-index:1;
}
img.a, img.b, img.c, img.d, img.e, img.f, img.g, img.h, img.i, img.j, img.k, img.l, img.m, img.n, img.o
{
	position:absolute;
	z-index:0;
}
div#a a, div#b a, div#c a, div#d a, div#e a, div#f a, div#g a, div#h a, div#i a, div#j a, div#k a, div#l a, div#m a, div#n a, div#o a
{
	color:white;
	padding:5px;
}
div#a{left:675px;top:220px;}
div#b{left:507px;top:275px;}
div#c{left:477px;top:169px;}
div#d{left:577px;top:271px;}
div#e{left:538px;top:250px;}
div#f{left:482px;top:308px;}
div#g{left:400px;top:284px;}
div#h{left:627px;top:280px;}
div#i{left:348px;top:310px;}
div#j{left:431px;top:271px;}
div#k{left:685px;top:250px;}
div#l{left:710px;top:336px;}
div#m{left:692px;top:288px;}
div#n{left:563px;top:315px;}
div#o{left:523px;top:208px;}

img.a{left:644px;top:195px;}
img.b{left:470px;top:232px;}
img.c{left:430px;top:112px;}
img.d{left:54px;top:248px;}
img.e{left:656px;top:298px;}
img.f{left:452px;top:257px;}
img.g{left:372px;top:251px;}
img.h{left:601px;top:260px;}
img.i{left:288px;top:286px;}
img.j{left:396px;top:246px;}
img.k{left:669px;top:209px;}
img.l{left:522px;top:230px;}
img.m{left:673px;top:267px;}
img.n{left:524px;top:285px;}
img.o{left:492px;top:143px;}

/*      WERKGEBIED     */
/*+++++++++++++++++++++*/

/* SERVICE PAS FORM */
input.anders {
	margin-left:70px;
}

div.subRadioMenu {
	padding: 5px 0 5px 30px;
}

div.maxwidth {
	 width:100%;
}

input.handtekeningField {
	height:40px;
	background-color:#FFF; 
	border:solid #999 1px;
}


/*+++++++++++++++++++++*/
/*        SEARCH       */

form#cse-search-box input {
	border: 1px solid #94a3be;
	width: 290px;
	height: 15px;
	}
	
div#header form#cse-search-box input {width: 133px;}

form#cse-search-box input.button {
	width: auto!important;
	height: 21px;
	background-color: #e20040;
	border:none;
	color: #fff;
	font-weight:bold;
	padding:0 10px 3px 10px;
}

/*        SEARCH       */
/*+++++++++++++++++++++*/

div#header ul#werkgebied
{
	position:absolute;
	z-index:5;
	top:180px;
	left:410px;
	list-style:none;
	margin:0;
	padding:0;
	width:360px;
	background:none;
}

div#header ul#werkgebied li 
{
	color:#FFF;
	border:1px solid #FFF;
	background:url(../img/selectBck.gif) 90% center no-repeat;
	width:120px;
	margin-right:10px;
}
div#header ul#werkgebied li a
{
	background:none;
}
div#header ul#werkgebied li.header
{
	width:60px;
	padding:5px;
	border:none;
	background:none;
}
div#header ul#werkgebied li ul
{
	left:-1px;
	margin-top:1px;
	padding-top:1px;
	background:url(../img/topBorderSelect.gif) no-repeat top left;
	width:157px;
}
div#header ul#werkgebied li ul li
{
	border:1px solid #CCCCCC;
	border-top:none;
	width:155px;
}
div#header ul#werkgebied li ul li a
{
	background:white!important;
}
div#header ul#werkgebied li ul li em a, div#header ul#werkgebied li ul li a:hover {color:#004489;
font-weight:bold;
}
/*
div#header ul#werkgebied li{
	border:1px solid white;

	width:100px;
	margin:0 10px 0 0;
	padding:0;
	color:white;
	font-weight:bold;
	position:relative;
}
div#header ul#werkgebied ul li a:hover, div#header ul#werkgebied ul li em a {font-weight:bold;}
div#header ul#werkgebied li a, div#header ul#werkgebied li span{
	color:white;
	padding:5px;
	display:block;
	float:left;
}
div#header ul#werkgebied li a {
	background:url(../img/selectBck.gif) no-repeat 83px center;
	width:90px;
}
div#header ul#werkgebied ul li a{
	color:#000;
	background:white!important;
	font-weight:normal;
	width:145px;
}
div#header ul#werkgebied li.header {
	border:none;
	width:130px;
}
div#header ul#werkgebied li ul {

	top:82px;
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px solid #CCCCCC;
	width:157px;
	left:-1px;
}
div#header ul#werkgebied li ul li
{
	position:relative;
	margin:0;
	border:none;
	background-color:white;
	border:1px solid #CCCCCC;
	border-top:none;
	width:155px;
	float:left;
	
}
div#header ul#werkgebied li ul {display:none;}
div#header ul#werkgebied li:hover ul {display:block;}*/