img {behavior: url(/java/pngbehavior.htc);}

body {
	background-color: #ffffff; 
	font-family: Trebuchet MS;
	font-size: 12px;
	margin:0px;
	background-image:url(/site/huka/design/graphics/bgtotal.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}

#main {
	position: relative;
	width: 928px;
	height: 580px;
	margin: 0 auto;
}

/* menu's */
	
#topmenu {
	position: absolute;
	top: 0px;
	height: 28px;
	width: 928px;
	
}

#leftmenu {
	position: absolute;
	height: 409px;
	width: 166px;
	left: 0px;
	top: 7px;
	margin: 0;
}

#leftmenu a:link {color:#ffffff;text-decoration:none;}

#leftmenu a:visited {color:#ffffff;text-decoration:none;}

#leftmenu a:hover {color:#bd121b;text-decoration:none;}

#leftmenu a:active {color:#bd121b;text-decoration:none;}

#eikeltje1 {position:absolute;left:25px;top:28px;height:35px;width: 35px;display:none;}
#eikeltje2 {position:absolute;left:25px;top:68px;height:35px;width: 35px;display:none;}
#eikeltje3 {position:absolute;left:25px;top:108px;height:35px;width: 35px;display:none;}
#eikeltje4 {position:absolute;left:25px;top:148px;height:35px;width: 35px;display:none;}
#eikeltje5 {position:absolute;left:25px;top:188px;height:35px;width: 35px;display:none;}
#eikeltje6 {position:absolute;left:25px;top:228px;height:35px;width: 35px;display:none;}
#eikeltje7 {position:absolute;left:25px;top:268px;height:35px;width: 35px;display:none;}
#eikeltje8 {position:absolute;left:25px;top:308px;height:35px;width: 35px;display:none;}
#eikeltje9 {position:absolute;left:25px;top:348px;height:35px;width: 35px;display:none;}

#menuoptie1 {position:absolute;left:55px;top:37px;height:35px;width: 80px;}
#menuoptie2 {position:absolute;left:55px;top:77px;height:35px;width: 80px;}
#menuoptie3 {position:absolute;left:55px;top:117px;height:35px;width: 80px;}
#menuoptie4 {position:absolute;left:55px;top:157px;height:35px;width: 80px;}
#menuoptie5 {position:absolute;left:55px;top:197px;height:35px;width: 80px;}
#menuoptie6 {position:absolute;left:55px;top:237px;height:35px;width: 80px;}
#menuoptie7 {position:absolute;left:55px;top:277px;height:35px;width: 80px;}
#menuoptie8 {position:absolute;left:55px;top:317px;height:35px;width: 80px;}
#menuoptie9 {position:absolute;left:55px;top:357px;height:35px;width: 80px;}

/* content */

#contentpositie{
	position: absolute;
	top:87px;
}

#content {
	height: 487px;
	width: 928px;
	background-repeat: no-repeat;
}

#contentindex {
	height: 487px;
	width: 928px;
	background-repeat: no-repeat;
}

html>body #content {
background-image: url(/site/huka/design/graphics/bg2.png);
background-position:left;
}

* html #content {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/huka/design/graphics/bg2.png',sizingMethod='no-scale');
}


html>body #contentindex {
background-image: url(/site/huka/design/graphics/bgindex2.png);
background-position:left;
}

* html #contentindex {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/huka/design/graphics/bgindex2.png',sizingMethod='no-scale');
}



#ervaringen {
	position: absolute;
	top: 10px;
	left: 7px;
	height: 202px;
	width: 410px;
	
	}

#ervaringenleesverder {
	position: absolute;
	top: 174px;
	left: 316px;
	height: 31px;
	width: 69px;
}
	
	#ervaringennaamdatumlinks {
	position: absolute;
	top: 45px;
	left: 20px;
	height: 30px;
	width: 146px;
	
	
	}
	
	#ervaringennaamdatumrechts {
	position: absolute;
	top: 45px;
	left: 175px;
	height: 31px;
	width: 141px;
	
	
	}
	
	#ervaringlinks {
	position: absolute;
	top: 85px;
	left: 20px;
	height: 88px;
	width: 146px;
	
	
	}
	
	#ervaringrechts {
	position: absolute;
	top: 85px;
	left: 175px;
	height: 87px;
	width: 143px;
	
	
	}

#skwirrel {
	position: absolute;
	top: 10px;
	left: 420px;
	height: 204px;
	width: 241px;
	
}

	#skwirrelleesverder {
	position: absolute;
	top: 175px;
	left: 144px;
	height: 31px;
	width: 69px;
	
	
	}

#techniek {
position: absolute;
top: 219px;
left: 247px;
height: 204px;
width: 357px;
}

	#techniekleesverder {
	position: absolute;
	top: 169px;
	left: 316px;
	height: 31px;
	width: 69px;
	}
	
	#ervaringtekstvak {
	position: absolute;
	top: 42px;
	left: 12px;
	height: 121px;
	width: 385px;
	}
	
	#techniektekstvak {
	position: absolute;
	top: 42px;
	left: 10px;
	height: 121px;
	width: 385px;
	
	
	}

#info {
position: absolute;
top: 219px;
left: 8px;
height: 200px;
width: 648px;
}

#infokolomlinks {
position: absolute;
top: 35px;
left: 12px;
height: 149px;
width: 300px;
}

#infokolomrechts {
position: absolute;
top: 35px;
left: 330px;
height: 149px;
width: 300px;
}

#infokolomlinksverder {
	position: absolute;
	top: 165px;
	left: 235px;
	height: 31px;
	width: 69px;
	z-index:10;
}

#infokolomrechtsverder {
	position: absolute;
	top: 165px;
	left: 555px;
	height: 31px;
	width: 69px;
	z-index:10;
}


#dealers {
	position: absolute;
	top: 219px;
	left: 8px;
	height: 200px;
	width: 238px;
	
}

	#dealersregel {

		position: absolute;
		top: 163px;
		left: 90px;
		height: 38px;
		width: 211px;
	}
	
#dealerszoek {
	position: absolute;
	top: 110px;
	left: 97px;
	height: 35px;
	width: 120px;
}

	
	#dealersplaats {position: absolute;top: 59px;left: 13px;height: 20px;width: 60px;}
	#dealerspostcode {position: absolute;top: 88px;left: 12px;height: 23px;width: 64px;}
	#dealersinputplaats {position: absolute;top: 57px;left: 102px;height: 20px;width: 142px;}
	#dealersinputpostcode {position: absolute;top: 86px;left: 102px;height: 20px;width: 131px;}
	
	#dealers input {
		font-size: 12px;
	font-family: Trebuchet MS;
	background-color:#ffffff;
	border-color: #ffffff;
	border: 0px hidden white;
	
}


#thumbskwirrelindex {
	position: absolute;
	left: 21px;
	top: 41px;
	height: 125px;
	width: 190px;
	border: 2px solid white;
	background-color: #A7C5D2;
}


#contentbackground {

	position: absolute;
	height: 427px;
	width: 610px;
	left: 205px;
	top: 19px;
}

#contentbackgroundindex {

	position: absolute;
	height: 427px;
	width: 661px;
	left: 189px;
	top: 3px;
}

#titelpagina {
	position: absolute;
	left: 4px;
	top: 3px;
	width: 314px;
	height: 33px;
	background-repeat: no-repeat;
}

#tekstvak {

position: absolute;
left: 0px;
top: 47px;
width: 608px;
height: 380px;
overflow: auto;

}

/* titel */

.titelblauw{
	font-family: Verdana;
	color:#24728A;
	font-weight:bold;
	font-size: 16px;
	text-transform:uppercase;
}

.titelrood{
	color:#bd121b;
	font-weight:bold;
}

/* tekst */

.txtnormal {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
}

.txtnormalbold {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}

.txtwitbold {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.txtwitboldmenulinks {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.txtwit {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	
}


/* links */

a {
	color: #FFFFFF;
	text-decoration: none;
}

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


a.linkwit, .linkwit a{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #ffffff;
}

a.linkwit:hover{
	color: #bd121b;
}

a.linkwitbold, .linkwitbold a{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

a.linkwitbold:hover{
	color: #bd121b;
}

a.linkorangebold, .linkorangebold a{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #bd121b;
	font-weight: bold;
}

a.linkorangebold:hover{
	color: #bd121b;
}

/* input, textareas, pulldowns */

.inputdiversen1{
	width:250px;
}

.inputdiversen2{
	width:60px;
}

.inputdiversen3{
	width:181px;
}

.inputdiversen4{
	width:335px;
}

/* login fields */
.inputdiversen5{
	width:100px;
}
