/*------------------------------------------------------------------
[Master Stylesheet]

Project:		HU-PORTAL
Version:		1.2
Last change:	07/04/09 [mb]
Assigned to:	Marc Bruisten (mb)
Made by:		Evident Interactive

--------------------------------------------------------------------

[Template body classes]

.T00 - homepage
.T01 - detail page
.T01 - listing page
.T01 - contact listing page
.T01 - search result page

[Color codes]

main navigation:	#00a1e1 {HU Blue}
sub navigation:		#e63028 {HU Red}

-------------------------------------------------------------------*/

.husans {text-transform:uppercase}
.replacement-content {background-color:white;color:#4C4C4C;}

body {
	font-size:62.5%;
	font-family:arial;
	background-color:white;
}


/***------ Sitewide-layout-and-positioning ------***/

		#header {
			position:relative;
			z-index:200;
			width:950px;
			height:71px;
			/*overflow:hidden;*/
		}	
		
			#header #logo {
				display:block;
				position:absolute;
				top:2px;
			}	
			
			#header #toplinks {
				position:relative;
				float:right;
				width:auto;
				height:66px;
			}
				#header #toplinks #toplinks-one {
					position:relative;
					right:-1px;
					z-index:199;
				}	
				#header #toplinks #toplinks-two {
					position:absolute;
					right:-1px;
					bottom:0;
					z-index:198;
				}
				#header #toplinks img.subLogo {
					position:absolute;
					left:5px;
					bottom:5px;
					width:201px;
					height:25px;
				}

		#navigation {
			position:relative;
			width:950px;
			height:50px;
		}

			#navigation	.search {	
				position:absolute;
				right:0;
				top:0;
				height:25px;
				overflow:hidden
			}

		.T00 #hu-carrousel {
			position:absolute;
			left:33px;
			top:113px;
			width:946px;
			height:415px;
			background:transparent;
			z-index: 400;
		}
		
		.T01 #breadcrumb {
			position:relative;
			margin:5px 0 10px 80px;
		}
		
		.T00 #content div.containers {
			position:absolute;
			width:960px;
			top:530px;
			left:14px;
		}
			.noJs #content div.containers {
				position:relative;
				width:auto;
				top:0;
				left:0;
			}

		.T01 #content {
			position:relative;
			width:588px;
			margin-left:72px;
			padding:0px 290px 0 0;
		}
		
		.T01 #contentwithsubnavigation {
			position:relative;
			width:643px;
			margin-left:72px;
			padding:0 0 0 235px;
		}
		
		.T01 #content div.containers {
			position:relative;
			width:586px;
			margin-bottom:10px;
			padding:0 4px;
		}

		.noJs #hu-navigator-find {
			position:relative;
			padding:20px;
			width:auto;
			z-index: 500;
		}
		
		.activeJs #hu-navigator-find {
			overflow:hidden;
			position:absolute;
			left:4px;
			top:150px;
			width:40px;
			height:400px;
			background:transparent;
			z-index: 500;
		}

		#footer {
			position:absolute;
			bottom:10px;
			right:13px;
			overflow:hidden;
		}
			
			#footer #footerlinks {
				position:relative;
				top:0;
				right:-1px;
			}

				#footer #footerlinks li {
					float:right;
				}

/***------ Sitewide-Styling ------***/

		/* primary navigation */
	#nav-firstlevel {list-style-type:none;background:#00a1e1;height:25px;font-size:1.2em}
	#nav-firstlevel li {float:left;height:25px;}
	#nav-firstlevel li a {display:block;color:white;padding:0;line-height:25px;text-indent:-5000px}
		#nav-firstlevel li.nl a {background-image:url('/includes/img/HU-PORTAL/bg-mainnav-dutch.gif')}
		#nav-firstlevel li.en a {background-image:url('/includes/img/HU-PORTAL/bg-mainnav-english.gif')}
	#nav-firstlevel li a:hover, #nav-firstlevel li a:active {text-decoration:none}
		
			/* image sprite positioning of dutch navigation */
			#nav-firstlevel li.nl a.Home {width:60px; background-position:0 0}
				#nav-firstlevel li.nl a.Home_current,
				#nav-firstlevel li.nl a.Home:hover {width:60px;background-position:0 25px}
			
			#nav-firstlevel li.nl a.Over {width:85px;background-position:-64px 0}
				#nav-firstlevel li.nl a.Over_current,
				#nav-firstlevel li.nl a.Over:hover {width:85px;background-position:-64px 25px}
			
			#nav-firstlevel li.nl a.Adressen {width:103px;background-position:-149px 0}
				#nav-firstlevel li.nl a.Adressen_current,
				#nav-firstlevel li.nl a.Adressen:hover {width:103px;background-position:-149px 25px}
			
			#nav-firstlevel li.nl a.Pers {width:60px;background-position:-347px 0}
				#nav-firstlevel li.nl a.Pers_current,
				#nav-firstlevel li.nl a.Pers:hover {width:60px;background-position:-347px 25px}
			
			#nav-firstlevel li.nl a.Contact {width:88px;background-position:-252px 0}
				#nav-firstlevel li.nl a.Contact_current,
				#nav-firstlevel li.nl a.Contact:hover {width:88px;background-position:-252px 25px}

			/* image sprite positioning of english navigation */
			#nav-firstlevel li.en a.Home {width:60px; background-position:-4px 0}
				#nav-firstlevel li.en a.Home_current,
				#nav-firstlevel li.en a.Home:hover {width:60px;background-position:-4px 25px}
			
			#nav-firstlevel li.en a.Over {width:85px;background-position:-64px 0}
				#nav-firstlevel li.en a.Over_current,
				#nav-firstlevel li.en a.Over:hover {width:85px;background-position:-64px 25px}
			
			#nav-firstlevel li.en a.Adressen {width:103px;background-position:-149px 0}
				#nav-firstlevel li.en a.Adressen_current,
				#nav-firstlevel li.en a.Adressen:hover {width:103px;background-position:-149px 25px}
			
			#nav-firstlevel li.en a.Contact {width:88px;background-position:-252px 0}
				#nav-firstlevel li.en a.Contact_current,
				#nav-firstlevel li.en a.Contact:hover {width:88px;background-position:-252px 25px}


			/* secondary navigation */
			#nav-secondlevel {width:950px;background-color:#E63028;height:25px;font-size:1.2em;overflow:hidden;}
			#nav-secondlevel li {margin-left:-5px;}
			#nav-secondlevel li a {display:block;color:white;font-weight:bold;padding:0 15px;line-height:25px}
			#nav-secondlevel li a:hover, #nav-secondlevel li a:active, #nav-secondlevel li a.current {background:#F1655F}


			/* Search field */
			#navigation	.search label {
				display:none;	
			}
			#navigation	.search input.inputtext {	
				width:174px;
				height:15px;
				padding:0 3px;
				display:block;
				float:left;
				border:1px solid #ccc;
				margin:4px 0 3px 0;
				font-size:1.1em;
				color:#4C4C4C;
			}
			#navigation	.search input.searchsubmit {
				display:block;
				float:left;
				padding:6px;
			}
			
			/* Header links */
			#header #toplinks-one,
			#header #toplinks-two {
				list-style-type:none;
				text-transform:uppercase;
				font-weight:bold;
				padding:2px 0;
			}	
				#header #toplinks-one li a,
				#header #toplinks-two li a {
					padding:1px 4px 0 5px;
					font-size:1.1em;
					line-height:15px;
				}
					#header #toplinks-one li a:hover,
					#header #toplinks-two li a:hover {
						text-decoration:underline;
					}
					
		    #header #toplinks-one li a#english { 
				display:block;
				width:14px;
				height:12px;
				padding:1px 18px 1px 10px;
				overflow:hidden;
			}

			#header #toplinks-one li ul#en_sites {
				background:transparent url('/includes/img/HU-GLOBAL/bg-lang-box.png') no-repeat bottom right;
				width:113px;
				padding:5px 10px;
				height:auto;
				list-style-type:none;
			}
				#header #toplinks-one li ul#en_sites li {
					text-align: right;
					float:none;
				}
				
					#header #toplinks-one li ul#en_sites li a {
						display:block;
						color:#E63028;
						border:0;
						padding:0 0 3px 0;
					}
				
				
			/* Footer links */
			#footer #footerlinks {
				list-style-type:none;
				text-transform:uppercase;
				font-weight:bold;
			}	
				#footer #footerlinks li a {
					padding:0 5px;
					font-size:1.1em;
				}
					#footer #footerlinks li a:hover {
						text-decoration:underline;
					}

		
/***------ T00 Homepage-Specific-Styling ------***/


/* Header links */
.T00 #header #toplinks-one li a {
	color:#00a1e1;
	/*border-right:1px solid #e63028;*/
}	
    .T00 #header #toplinks-one li.seperator
    {
        border-right:1px solid #e63028;
        margin-top: 2px;
    }
.T00 #header #toplinks-two li a {
	color:#e63028;
	/*border-right:1px solid white*/
}		
    .T00 #header #toplinks-two li.seperator
    {
        border-right:1px solid white;
        margin-top: 2px;
    }
/* Footer links */
.T00 #footer #footerlinks li a {
	color:white;
	border-right:1px solid #00a1e1;
}

/* container blocks */		
.T00 div.containers #leftBox,
.T00 div.containers #middleBox,
.T00 div.containers #rightBox {
	position:relative;
	float:left;
	padding:4px 5px;
	width:310px;
	height:100px;
	background-image:url('/includes/img/HU-GLOBAL/bg-block-a-blue.png');
	overflow:hidden;
}
.T00 div.containers #rightBox {
	background-image:url('/includes/img/HU-GLOBAL/bg-block-a-red.png');
}

	.T00 div.containers h2 {
		height:auto;
		padding:2px 8px;
		overflow:hidden;
		color:white;
		font-size:15px;
		text-transform:uppercase;
	}
		.T00 div.containers h2 span.cufon { /* JS generated */

		}

	.T00 div.containers p {	
		height:auto;
		overflow:hidden;
		font-family:arial;
		font-size:1.1em;
		color:#4c4c4c;
		padding:3px 9px 5px 9px;
	}

	.T00 div.containers ul {	
		list-style-type:none;
		margin:0 5px;
	}

		.T00 div.containers ul li {
			color:#4C4C4C;
			padding-top:4px;
			background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat left 0.6em;
			padding-left:14px;
			font-size:1.1em;
			text-transform:uppercase;
		}
	
		.T00 div.containers ul li a {	
			color:#00a1e1;
			padding-left:4px;
		}

	.T00 div.containers a.morelink {
		display:block;
		position:absolute;
		right:13px;bottom:8px;
		width:auto;height:16px;
		color:#E63028;
		font-size:1.3em;
		background:transparent url('/includes/img/HU-GLOBAL/bullet-blue-right.gif') no-repeat left 0.4em;
		padding-left:15px;
	}


/***------ T01 Subpage-Specific-Styling ------***/


/* Header links */
.T01 #header #toplinks-one li a {
	color:#00a1e1;
	border-right:1px solid #e63028;
}	

.T01 #header #toplinks-two li a {
	color:#e63028;
	border-right:1px solid #00a1e1
}

/* Footer links */
.T01 #footer #footerlinks li a {
	color:#00a1e1;
	border-right:1px solid #e63028;
}	

/* breadcrumb */
.T01 #breadcrumb li {
	text-transform:uppercase;
	font-weight:bold;
	color:#00a1e1;
}
	.T01 #breadcrumb li a {
		background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat right 0.3em;
		padding-right:12px;
		color:#00a1e1;
	}

/* date stamp */ 
.T01 #content div.date,
.T01 #contentwithsubnavigation div.date {
	color:#4C4C4C;
	font-size:1.1em;
	text-transform:uppercase;
	display:block;
	padding-left:8px;
	font-weight:bold;
}

/* printbutton */
.T01 #content div.printButton,
.T01 #contentwithsubnavigation div.printButton { /* JS generated */
	float:right;
	margin:4px 0;
}
	.T01 #content div.printButton a,
	.T01 #contentwithsubnavigation div.printButton a { /* JS generated */
		text-transform:uppercase;
		font-weight:bold;
		background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat right 0.3em;
		padding-right:12px;
		color:#00a1e1;
	}


/* sidebar & contents */

.T01 #sidebar {
	position:absolute;
	right:15px;
	top:0px;
	height:auto;
}

	.T01 #sidebar #freeblock {
		position:relative;
		width:230px;
		padding:0 5px 10px 5px;
		margin:0 10px 50px 10px;
		color:#4c4c4c;
		background-color:white;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	.T01 #sidebar #freeblock.freetext {
		background-image:url('/includes/img/HU-GLOBAL/bg_240box_bottom.gif');
	}
	.T01 #sidebar #freeblock.freemedia {
		background-image:none;
		overflow:hidden;
	}
			
		.T01 #sidebar #freeblock div.freeblock-top {
			position:absolute;
			top:0;
			left:0;
			height:21px;
			width:240px;
			background-image:url('/includes/img/HU-GLOBAL/bg_240box_top.gif');
			background-position:top left;
			background-repeat:no-repeat;
		}

		.T01 #sidebar #freeblock div.freeblock-top h2 {
			position:absolute;
			top:0;
			left:0;
			height:17px;
			width:220px;
			padding:6px 10px 2px 10px;
			color:white;
			font-size:1.3em;
			text-transform:uppercase;
			background-color:#E63028;
			background-image:url('/includes/img/HU-GLOBAL/bg_240box_top.gif');
			background-position:top left;
			background-repeat:no-repeat;
		}

		.T01 #sidebar #freeblock p {
			padding:35px 10px 20px 10px;
			font-size:1.2em;
			line-height:140%;
		}
		
		.T01 #sidebar #freeblock .freeblock-wysiwyg ul,
		.T01 #sidebar #freeblock .freeblock-wysiwyg ol {
			padding:5px 10px 5px 10px;
			margin-left:25px;
			font-size:1.2em;
			line-height:140%;
		}

	.T01 #sidebar #ph-carrousel {
		width:260px;
		height:260px;
		background:blue;
		color:white;
		font-size:1.5em;
	}

	/* container blocks */
	.T01 div.containers #leftBox,
	.T01 div.containers #rightBox {
		float:left;
		display:inline;
		position:relative;
		width:290px;
		padding:4 0;
		margin-right:3px;
		color:#4c4c4c;
		font-size:1.3em;
		background-color:white;
		background-image:url('/includes/img/HU-GLOBAL/bg_290box_bottom.gif');
		background-position:bottom left;
		background-repeat:no-repeat;
	}

		.T01 div.containers h2 {
			position:absolute;
			top:0;
			left:0;
			height:17px;
			width:270px;
			padding:6px 10px 2px 10px;
			color:white;
			font-size:1em;	
			text-transform:uppercase;
			background-color:#E63028;
			background-image:url('/includes/img/HU-GLOBAL/bg_290box_top.gif');
			background-position:top left;
			background-repeat:no-repeat;
		}

	.T01 div.containers ul {
		list-style-type:none;
		padding:30px 10px 10px 10px;
		overflow:hidden;
		font-family:arial;
		font-size:1.0em;
		color:#4c4c4c;
	}
	
		.T01 div.containers ul li a {
			color:#00a1e1;
			background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat left 0.3em;
			padding-left:14px;
			font-size:1.0em;
		}
	
	/*-- T01 Subpage-Contact-Listing-Specific-Styling --*/
	.T01 #content .listing div.contact {position:relative;overflow:hidden}
		.T01 #content .listing div.contact ul.contactoptions {position:absolute;right:-1px;top:0;}
			.T01 #content .listing div.contact ul.contactoptions li {border-right:1px solid #A4A4A4;padding:0 5px}
		.T01 #content .listing ul li div.contact h2 {display:block;width:350px;margin-bottom:5px;}
		.T01 #content .listing div.contact div.user-generated {padding:0 8px}
		.T01 #content .listing div.contact div.contactform {padding:8px}
		

/*----------- Action button on homepage --------------------------------------------------------*/		
div#actionbutton
{
    position: absolute; 
    top:300px; 
    left: 730px; 
    z-index: 10;
    
}

/* content Slider in Middle container block */

	.slideshow {
		width:310px;
		overflow:hidden;
		position:relative;
		margin-left:0px;
	}

	.canvas {height:60px;overflow:hidden}

	.slide {
		width:310px;
		height:60px;
		overflow:hidden;
		position:relative;
	}
	.slide a {display:block;}

	.slide {float:left}
	.canvas {width:10000px}

	.directaccess {
		height:20px;
		text-align:left;
		position:relative;
	}

	.T00 div.containers .directaccess ul {
		width:100px;
		text-align:left;
	}

	.T00 div.containers .directaccess li {
		background-image:url("/includes/img/HU-GLOBAL/slide_circle.gif");
		/*background-repeat:repeat-x;*/
		background-position:left top;
		float:left;
		list-style-type:none;
		width:20px;
		height:20px;
		padding:0;
	}

	.directaccess li a {
		width:20px;
		height:20px;
		text-indent:-1000px;
		display:block;
		z-index:20;
		margin:0px 0px 0px 0px;
		outline:none;
	}

	.currentslide {
		background-image:url("/includes/img/HU-GLOBAL/slide_current.gif");
		background-repeat:repeat-x;
		background-position:left top;
		width:20px;
		height:20px;
		display:block;
		position:absolute;
		z-index:10;
		top:0px;
	}