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

Project:		HU-AMERSFOORT
Version:		1.0
Last change:	13/04/10 [mb]
Assigned to:	Marc Bruisten (mb)
Made by:		Evident Interactive

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

[Template body classes]

SECTION OVERVIEW
- Sitewide_layout_and_positioning
- Sitewide_Styling
- T00_Homepage_Specific_Styling
- Subpage_Specific_Styling
- T01_Subpage_Contact_Listing_Specific_Styling
- T02_Subpage_Wide_Article_Specific_Styling
- T02_Professor_Overview_Specific_Styling
- T02_digipub_Searchfilter_styling
- T02_extrasidebar_digipub_freeblock
- T01_digipub_Detail_Layout
- T03_Totaaloverzicht_layout_and_styling

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;
				}

		.T00 #navigation {
			position:relative;
			width:950px;
			height:25px;
		}

		.T01 #navigation,
		.T02 #navigation,
		.T03 #navigation {
			position:relative;
			width:950px;
			height:50px;
		}

			#navigation	.search {	
				position:absolute;
				right:0;
				top:0;
				height:25px;
				overflow:hidden
			}
		
		.T01 #breadcrumb {
			position:relative;
			margin:5px 0 10px 55px;
		}
		
		.T02 #breadcrumb,
		.T03 #breadcrumb {
			position:relative;
			margin:5px 0 10px 40px;
		}
		
		.T00 #content div.containers {
			position:absolute;
			width:960px;
			top:530px;
			left:14px;
		}
			.noJs #content div.containers {
				position:relative;
				width:960px;
				top:0;
				left:0;
			}

		.T01 #content {
			position:relative;
			z-index:400;
			width:588px;
			padding-left:10px;
			margin-left:47px;
			padding:0px 290px 0 0;
		}
		
		.T01 #contentwithsubnavigation {
			position:relative;
			width:643px;
			margin-left:47px;
			padding:0 0 0 235px;
		}
		
		.T02 #content {
			position:relative;
			width:884px;
			padding-left:10px;
			margin-left:27px;
			padding:0;
		}
		
		.T03 #content {
			position:relative;
			width:915px;
			padding-left:10px;
			margin-left:35px;
			padding:0;
		}
		
		.T00 #content #hu-showcase {
			position:absolute;
			left:536px;
			top:154px;
			width:386px;
			height:345px;
			padding:20px 25px 0 25px;
			overflow:hidden;
		}
			.T00.noJs #content #hu-showcase {
				position:relative;
				overflow:visible;
				height:auto;
				top:10px;
				left:3px;
			}
		
		.noJs #hu-navigator-find {
			position:relative;
			padding:20px;
			width:auto;
		}
		
		.activeJs #hu-navigator-find {
			position:absolute;
			z-index:500;
			left:2px;
			top:140px;
			width:40px;
			height:400px;
			background:transparent;
			overflow:hidden;
		}

		.activeJs #hu-navigator-discover {
			position:absolute;
			z-index:502;
			right:4px;
			top:150px;
			width:40px;
			height:400px;
			background:transparent;			
		}
		
		#hu-navigator-discover {
			z-index:502;
			
			}
			.activeJs #hu-navigator-discover object {
				display:block;
				width:100%;
			}

		#footer {
			position:absolute;
			z-index:300;
			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}
	
	/* primary navigation */
		#nav-firstlevel li.nl a {background-image:url('/includes/img/HU-AMERSFOORT/bg-mainnav-dutch.gif')}
		#nav-firstlevel li.en a {background-image:url('/includes/img/HU-AMERSFOORT/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.OnderwijsAanbod {width:135px;background-position:-68px 0}
				#nav-firstlevel li.nl a.OnderwijsAanbod_current,
				#nav-firstlevel li.nl a.OnderwijsAanbod:hover {width:135px;background-position:-68px 25px}
			
			#nav-firstlevel li.nl a.Studeren {width:179px;background-position:-210px 0}
				#nav-firstlevel li.nl a.Studeren_current,
				#nav-firstlevel li.nl a.Studeren:hover {width:179px;background-position:-210px 25px}
			
			#nav-firstlevel li.nl a.Voorlichting {width:105px;background-position:-400px 0}
				#nav-firstlevel li.nl a.Voorlichting_current,
				#nav-firstlevel li.nl a.Voorlichting:hover {width:105px;background-position:-400px 25px}

			#nav-firstlevel li.nl a.Bedrijven {width:84px;background-position:-518px 0}
				#nav-firstlevel li.nl a.Bedrijven_current,
				#nav-firstlevel li.nl a.Bedrijven:hover {width:84px;background-position:-518px 25px}

			#nav-firstlevel li.nl a.Contact {width:76px;background-position:-615px 0}
				#nav-firstlevel li.nl a.Contact_current,
				#nav-firstlevel li.nl a.Contact:hover {width:76px;background-position:-615px 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:#fff;
	border-right:1px solid #E63028;
}	
.T00 #header #toplinks-two li a {
	color:#fff;
	border-right:1px solid #E63028
}		
/* 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:1px 4px 3px 4px;
		overflow:hidden;
		color:white;
		font-size:15px;
		text-transform:uppercase;
	}
		.T00 div.containers h2 span.cufon { /* JS generated */

		}
		
	.T00 div.containers h3 {
	    font-size:1.1em;
		display:inline;
		color:#4C4C4C;
		padding:0 3px 0 5px;
	}

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

	.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;
	}

/* 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;
	}




	
/* showcase */ 
.T00 #hu-showcase {
	background:transparent url('/includes/img/HU-GLOBAL/bg-showcase-frame.png') no-repeat top left;
}
	.T00.activeJs #hu-showcase h2 {
		font-size:2em;
	}
	.T00 #hu-showcase #lead {
		width:377px;
		height:95px;
		padding:2px 3px 3px 2px;
		margin-bottom:15px;
		background:transparent url('/includes/img/HU-GLOBAL/bg-showcase-box.png') no-repeat top left;
		overflow:hidden;
	}
		.T00 #hu-showcase #lead ul.thumbs {
			display:block;
			float:left;
			width:120px;
		}
		
		.T00 #hu-showcase #lead p {
			float:left;
			position:relative;
			width:230px;
			height:60px;
			color:#4c4c4c;
			font-size:1.1em;
			padding:5px 10px 20px 6px;
			overflow:hidden;
		}
			.T00 #hu-showcase #lead a.morelink {
				position:absolute;
				right:0;
				bottom:0;
				width:auto;
				height:16px;
				color:#E63028;
				font-size:1.2em;
				background:transparent url('/includes/img/HU-GLOBAL/bullet-blue-right.gif') no-repeat left 0.4em;
				padding-left:15px;
			}
	
	.T00 #hu-showcase #proflisting ul.thumbs {
		width:400px;
		margin-bottom:4px;
		overflow:hidden;
	}
		.T00 #hu-showcase #proflisting ul.thumbs li {
			width:121px;
			height:140px;
			margin-right:10px;
			padding:0;
			background:transparent url('/includes/img/HU-GLOBAL/bg-showcase-thumb.png') no-repeat top left;
			overflow:hidden;
		}
			.T00 #hu-showcase #lead ul.thumbs li span,
			.T00 #hu-showcase #proflisting ul.thumbs li span {
				display:block;
				padding:2px 2px 4px;
				width:115px;
				height:82px;
				overflow:hidden
			}
			.T00 #hu-showcase #lead ul.thumbs li span.video,
			.T00 #hu-showcase #proflisting ul.thumbs li span.video {
				cursor:hand;
				cursor:pointer;
			}
			.T00 #hu-showcase #proflisting ul.thumbs li p {
				display:block;
				padding:7px 2px;
				color:#00a1e1;
				font-size:1.2em;
			}
	.T00 #hu-showcase a.moreprofs {
		display:block;
		float:right;
		width:102px;
		height:17px;
		padding:3px 0 0 18px;
		color:#E63028;
		font-size:1.1em;
		font-weight:bold;
		margin-right: 0px;
		background:transparent url('/includes/img/HU-GLOBAL/professors-button-up.gif') no-repeat top left;
	}
		.T00 #hu-showcase a.moreprofs:hover {
			background:transparent url('/includes/img/HU-GLOBAL/professors-button-down.gif') no-repeat top left;
			text-decoration:none;
		}

	.T00 #hu-showcase div.videoplayer {
		display:none;
		position:absolute;	
		z-index:100;
		width:0px;
		height:0px;
		top:125px;
		left:220px;
		margin-top:15px;
		background:transparent url('/includes/img/HU-GLOBAL/bg-showcase-frame.png') no-repeat -20px -20px;
		border:1px solid #eee;
		overflow:visible;
	}
		.T00 #content #hu-showcase div.videoplayer a.closebutton { /* JS generated */
			display:block;
			position:absolute;
			right:0px;
			top:0px;
			width:30px;
			height:30px;
			background:transparent url('/includes/img/HU-GLOBAL/fancy_closebox.png') no-repeat top left;
			z-index:100;
		}	
		


/***------ Subpage_Specific_Styling ------***/


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

.T01 #header #toplinks-two li a,
.T02 #header #toplinks-two li a {
	color:#E63028;
	border-right:1px solid #00A1E1
}

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

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

/* heading */
.T01 #content h1,
.T02 #content h1,
.T03 #content h1  { 
	display:block;
	color:#00a1e1;
	text-transform:uppercase;
	margin-left:8px;
	font-size:1.4em;
	padding:4px 0;
	border-bottom:1px solid #a4a4a4;
	margin-bottom:10px;
}
.T03 #content h1 {
	width:870px;
}

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

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

/* sidebar & contents */

	/* freeblock */

	.T01 #content #sidebar #freeblock {
		position:relative;
		width:230px;
		padding:37px 5px 30px 5px;
		margin:0 10px 50px 10px;
		color:#4c4c4c;
		background-color:white;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	.T01 #content #sidebar #freeblock.freetext {
		background-image:url('/includes/img/HU-GLOBAL/bg_240box_bottom.gif');
	}
	.T01 #content #sidebar #freeblock.freemedia {
		background-image:none;
		overflow:hidden;
	}
			
		.T01 #content #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 #content #sidebar #freeblock div.freeblock-top h2 {
			position:absolute;
			top:0;
			left:0;
			height:auto;
			width:220px;
			padding:6px 10px 3px 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 #content #sidebar #freeblock p {
			padding:5px 10px 5px 10px;
			font-size:1.2em;
			line-height:140%;
		}
		
		.T01 #content #sidebar #freeblock .freeblock-wysiwyg ul,
		.T01 #content #sidebar #freeblock .freeblock-wysiwyg ol {
			padding:5px 10px 5px 10px;
			margin-left:25px;
			font-size:1.2em;
			line-height:140%;
		}

	/* container blocks */
	.T01 div.containers {margin-top:10px;}
	
	.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}
		
	.T01 #content .user-generated p.intro {
		color:#6D6E71;
		font-weight:bold;
	}
	
/* alphabetic index for educations */
.T01 #content #ctrEducation-index {
    position:relative;
}    
    .T01 #content #education-index {
	    text-transform:uppercase;
	    font-size:1.2em;
	    margin:5px 0 10px 8px;
    }
	    .T01 #content #education-index li {
    				
	    }
		    .T01 #content #education-index li a {
			    color:#E63028;	
			    padding-right:6px;
			    font-weight:bold;
		    }

/* alphabetic listing of educations */
.T01 #content table.education {
	margin-left:8px;
}
	.T01 #content table.education tbody th,
	.T01 #content table.education tbody td {
		border-bottom:1px solid white;
		padding:3px 0;
		margin-bottom: 15px;
	}
	
	.T01 #content table.education thead th {
		font-size:1.2em;
		color:#E63028;
		text-align:center;
		font-weight:bold;
	}
	
	.T01 #content table.education thead th.index {
		text-align:left;
		padding:5px 0 0 0;
	}
		.T01 #content table.education thead th.index span {
			font-size:1.4em;
			font-weight:bold;
		}
		.T01 #content table.education thead th.index a.up {			
			font-weight:normal;
			font-size:80%;
			color:#00A1E1;
			padding:0 12px;
			text-transform:uppercase;
			background:transparent url('/includes/img/HU-GLOBAL/bullet-red-up.gif') no-repeat right 0.3em;
		}

	.T01 #content table.education tbody th {
		width:426px;
		border-bottom:1px solid #F5F5F5;
		color:#4C4C4C;
		font-size:1.2em;
		font-weight:normal;
		padding:0;
	}
		.T01 #content table.education tbody th a {
			display:block;
			/*width:100%;*/
			color:#4C4C4C;
			text-decoration:none;
			padding:3px 0;
			border-bottom:1px solid white;
		}
		.T01 #content table.education tbody th a:hover {
			background-color:#F5F5F5;
			text-decoration:none;
			border-bottom:1px solid white;
		}
		.T01 #content table.education tbody th.nocontent 
		{
			padding:3px 0;
        }
	.T01 #content table.education tbody td {
		background-color:#F5F5F5;
		width:50px;
	}
	.T01 #content table.education tbody td.check {
		background-image:url('/includes/img/HU-BACH/check.png');
		background-position:center center;
		background-repeat:no-repeat;
		text-indent:-5000px;
		
	}

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

.T02 #content #ctrTheme {
	float:left;
	position:relative;
	width:562px;
	padding:0px;
}

.T02 #content #edutheme {
	position:relative;
	width:539px;
	padding:30px 10px 10px 4px;
	margin:0 0 5px 8px;
	color:#4c4c4c;
	background-color:white;
	background-image:url('/includes/img/HU-BACH/bg_554box_bottom.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

	.T02 #content #edutheme h2 {
		position:absolute;
		top:0;
		left:0;
		width:534px;
		height:18px;
		padding:7px 10px 0 10px;
		color:white;
		font-size:1.4em;
		text-transform:uppercase;
		background-color:#00A1E1;
		background-image:url('/includes/img/HU-BACH/bg_554box_top.gif');
		background-position:top left;
		background-repeat:no-repeat;
	}

	.T02 #content #edutheme #theme-persona-video {
		/*
		float:right;
		display:inline;
		margin:0 0 10px 10px;
		border:1px solid #767171;
		padding:2px;
		*/
		position:absolute;
		top:30px;
		right:10px;
	}
	
	.T02 #content #edutheme div.sidetext1 {
		background-color:white;
		min-height:210px;
		height:auto !important;
		height:214px;
		padding:0 291px 115px 0;
	}
	
	.T02 #content #edutheme div.sidetext2 {
		background-color:#b2e3f6;
		min-height:115px;
		height:auto !important;
		height:115px;
		padding-right:291px;
		margin-top:-115px;
	}
	
	


	.T02 #content #edutheme h3 {
		color:#e63028;
		text-transform:uppercase;
		padding:2px 0 2px 10px;
		font-size:1.2em;
	}
	.T02 #content #edutheme p {
		padding:2px 0 2px 10px;
		font-size:1.2em;
	}
	
	.T02 #content #edutheme #ctrlisting h3 {
		padding:0 0 0 0;
		margin-bottom:5px;
	}
	
	.T02 #content #edutheme #ctrListingInner {
		width:100%;
	}

	.T02 #content #edutheme #ctrlisting div#educationlist,
	.T02 #content #edutheme #ctrlisting div#questionlist {
		width:249px;
		float:left;
		display:inline;
		list-style-type:none;
		margin:10px 10px 10px 10px;
	}
	
		.T02 #content #edutheme #ctrlisting ul {
			margin:0;
			list-style-type:none;
		}
		
		.T02 #content #edutheme #ctrlisting ul li {
			padding:2px 0;
			font-size:inherit;
		}
		.T02 #content #edutheme #ctrlisting ul li a {
			padding:2px 0 2px 14px;
			color:#00a1e1;
			background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat left 0.3em;
			font-size:1.1em;
		}
		.T02 #content #edutheme #ctrlisting div.readmore {
			margin-top:8px;
		}
			.T02 #content #edutheme #ctrlisting div.readmore a {
				font-size:1.2em;
				color:#E63028;
				padding:2px 0 2px 14px;
				background:transparent url('/includes/img/HU-GLOBAL/bullet-blue-right.gif') no-repeat left 0.5em;
			}
	
	
/* TESTEMONIAL BLOCK */
#opleidingaankeiler,
#testemonial {
	width:318px;
	float:right;
}
#opleidingaankeiler  div.boxTop,
	#testemonial div.boxTop {
		width:295px;
		height:18px;
		padding:8px 8px 1px 15px;
		background:#e63028 url('/includes/img/HU-BACH/bg_310box_top.gif') no-repeat left top;
		color:white;
	}

    #opleidingaankeiler div.boxTop h2 ,
	#testemonial div.boxTop h2 {
		font-size:1.4em;
		text-transform:uppercase;
	}

   #opleidingaankeiler div.boxBody{
		width:288px;
		padding:6px 15px 15px 15px;
		margin-bottom:10px;
		background:transparent url('/includes/img/HU-BACH/bg_310box_bottom.gif') no-repeat center bottom;
		overflow:hidden;
		font-size: 12px;
		color: #4c4c4c;
	}
	
	#testemonial div.boxBody {
		width:288px;
		padding:6px 15px 15px 15px;
		margin-bottom:10px;
		background:transparent url('/includes/img/HU-BACH/bg_310box_bottom.gif') no-repeat center bottom;
		overflow:hidden;
	}
	
	     #opleidingaankeiler div.boxBody #direction-persona,
		#testemonial div.boxBody #direction-persona {
			border:1px solid #767171;
			padding:4px;
			overflow:hidden;
		}
		
		    #opleidingaankeiler div.boxBody #ctrFlashVideo,
			#testemonial div.boxBody #ctrFlashVideo {
			    
		    }
		    /* quote */
		    #opleidingaankeiler div.boxBody #direction-persona p,
			#testemonial div.boxBody #direction-persona p {
			    font-size:1.1em;
			    font-style:italic;
			    font-weight:bold;
			    color:#00A1E2;
			    padding:5px;
		    }
				
				
				#opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs p,
				#testemonial div.boxBody #direction-persona #ctrPersonaThumbs p {
					font-style:normal;
					font-weight:normal;
					color:#4C4C4C;
				}
		    
		    #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs,
		    #testemonial div.boxBody #direction-persona #ctrPersonaThumbs {
		        width:315px;
		    }

		    #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb,
			#testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb {
			    width:127px;
			    margin:5px 24px 5px 0;
			    padding-bottom:10px;
			    display:inline;
			    overflow:hidden;
			    float:left;
		    }
		    /* active thumb */
		    #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .active,
			#testemonial div.boxBody #direction-persona #ctrPersonaThumbs .active {
			    /*background-color:#B2E3F6;*/
		    }
		    
			    #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb div,
				#testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb div {
				    border:1px solid #767171;
				    margin-bottom:4px;
				    font-size:0;
				    line-height:0;
				    height:120px;
				    overflow:hidden;
			    }
			    
			        #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb div a,
				    #testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb div a {
				        display:block;
				        font-size:0;
				        line-height:0;
			        }
			            
			            
			            #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb div img,
				        #testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb div img {
				            display:block;
				            font-size:0;
				            line-height:0;
			            }
			    
			    #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb h3,
				#testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb h3 {
				    color:#E63028;
				    font-size:1.2em;
				    padding-left:.4em;
			    }
			        #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .thumb h3 a,
				    #testemonial div.boxBody #direction-persona #ctrPersonaThumbs .thumb h3 a {
				        color:#E63028;
				        font-weight:normal;
			        }
			        
			        #opleidingaankeiler div.boxBody #direction-persona #ctrPersonaThumbs .active h3 a,
				    #testemonial div.boxBody #direction-persona #ctrPersonaThumbs .active h3 a {
				        color:#00A1E2;
						font-weight:bold;
			        }
			

/* PERSONA BLOCK */


#persona {
	width:318px;
	float:right;
}

	#persona div.boxTop {
		width:295px;
		height:18px;
		padding:8px 8px 1px 15px;
		background:#e63028 url('/includes/img/HU-BACH/bg_310box_top.gif') no-repeat left top;
		color:white;
	}

	#persona div.boxTop h2 {
		font-size:1.4em;
		text-transform:uppercase;
	}
	
	#persona div.boxBody {
		width:288px;
		padding:6px 15px 15px 15px;
		margin-bottom:10px;
		background:transparent url('/includes/img/HU-BACH/bg_310box_bottom.gif') no-repeat left bottom;
		overflow:hidden;
	}

		#persona div.person-data {
			position:relative;
			width:285px;
			padding-bottom:10px;
		}
		
			#persona div.person-data h3 {
				color:#00a1e1;
				padding:0;
				margin-bottom:.2em;
				font-size:1.5em;
			}
				#persona div.person-data h3 span {
					color:#00a1e1;
					font-size:.8em;
				}
				
		    #persona div.person-data div#personalia {
				float:left;
			}

			    #persona div.person-data div#personalia div#pictureframe {
				    position:relative;
				    height:70px;
				    width:70px;
				    padding:2px 3px 12px 2px;
				    background:transparent url('/includes/img/HU-BACH/persona-faceframe.gif') no-repeat top left;
				    overflow:hidden;
			    }
			        #persona div.person-data div#personalia div#pictureframe img {
				        width:70px;
				        height:70px;
				        display:block;
			        }

			    #persona div.person-data div#personalia ul {
				    display:block;
					width:120px;
					list-style-type:none;
					color:#00a1e1;
					font-size:1.3em;
					font-weight:bold;
			    }
			    
			        #persona div.person-data div#personalia ul li p {
					    font-weight:normal;
			        }
		
			#persona div.person-data #ctrVirtualworld {
				
				display:block;
				position:relative;
				float:right;
				width:155px;
				height:155px;
				background:transparent url('/includes/img/HU-BACH/vworld-imageframe.gif') no-repeat top left;
				
				/*display:none*/
			}
			
				#persona div.person-data #ctrVirtualworld #hu-mediaholder-image {
					width:153px;
					height:127px;
					padding:1px;
					overflow:hidden;
				}

			    #persona div.person-data #ctrVirtualworld a#virtualworld {
				    width:139px;
				    height:17px;
				    padding:3px 0 0 18px;
				    position:absolute;
					left:0px;
					bottom:0px;
					color:#e63028;
					font-size:1.1em;
					font-weight:bold;
					background:transparent url('/includes/img/HU-BACH/vworld-button-down.gif') no-repeat bottom left;				
			    }
			    #persona div.person-data #ctrVirtualworld a#virtualworld:hover {
					background:transparent url('/includes/img/HU-BACH/vworld-button-up.gif') no-repeat bottom left;
					text-decoration:none;
			    }

				    #persona div.person-data #ctrVirtualworld #hu-mediaholder {
					    position:absolute;
					    left:3px;
					    top:3px;
				    }
				    /*
				    #persona div.person-data #ctrVirtualworld a#virtualworld span {
					    position:absolute;
					    left:16px;
					    bottom:3px;
					    font-size:1.1em;
					    color:#e63028;
					    font-weight:bold;
				    }
                    */

		#persona h3 {
			position:relative;
			padding:3px 0 0 25px;
			color:#e63028;
			font-size:1.2em;
			margin:10px 0 8px 0;
		}
		#persona h3.head-images {background:transparent url('/includes/img/HU-BACH/icon-flickr.gif') no-repeat top left}
		#persona h3.head-video {background:transparent url('/includes/img/HU-BACH/icon-youtube.gif') no-repeat top left}
		#persona h3.head-tweets {background:transparent url('/includes/img/HU-BACH/icon-twitter.gif') no-repeat top left}
		#persona h3.head-posts {background:transparent url('/includes/img/HU-BACH/icon-wordpress.gif') no-repeat top left}

			#persona h3 a {
				position:absolute;
				right:0;
				padding-right:13px;
				color:#00a1e1;
				font-size:.9em;	
				background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat center right;
			}

		/* image thumbs */
		#persona ul.flickrthumbs,
		#persona ul.youtubethumbs {width:300px;}

			#persona ul.flickrthumbs li.clearfix,
			#persona ul.youtubethumbs li.clearfix {
				float:left;
				display:inline;
				position:relative;
				padding:0;
				background:white;
				margin-right:12px;	
			}

			#persona ul.flickrthumbs li a,
			#persona ul.youtubethumbs li a {
				display:block;
				border:1px solid #6f6f6f;
				overflow:hidden;
				margin-bottom:5px;
			}
			
			    #persona ul.flickrthumbs li a.closebutton,
				#persona ul.youtubethumbs li a.closebutton { /* JS generated */
					float:right;
					color:#00A1E1;
					font-size:1.1em;
					font-weight:bold;
					border:0;
					margin-top:3px;
				}

			#persona ul.flickrthumbs li img,
			#persona ul.youtubethumbs li img {
				display:block;
			}

			#persona ul.flickrthumbs li p,
			#persona ul.youtubethumbs li p {
				float:left;
				color:#00A1E1;
				font-size:1.1em;
			}
			
			#persona ul.flickrthumbs li p.comments,
			#persona ul.youtubethumbs li p.comments {
				font-size:1.2em;
				margin-top:3px;
			}
			
			#persona ul.flickrthumbs li div,
			#persona ul.youtubethumbs li div {
				clear:both
			}
			
			#persona ul.youtubethumbs li div.movie {
			    background:black;
			}
			
			#persona ul.flickrthumbs li div.reactions,
			#persona ul.youtubethumbs li div.reactions {
			    margin-top:10px;
			    font-size:1.1em;
			}
			    #persona ul.flickrthumbs li div.reactions ul,
			    #persona ul.youtubethumbs li div.reactions ul {
			        list-style-type:none;
			    }
			        #persona ul.flickrthumbs li div.reactions ul li,
			        #persona ul.youtubethumbs li div.reactions ul li {
			            padding-bottom:5px;
			            float:none;
			        }
			            #persona ul.flickrthumbs li div.reactions ul li p,
			            #persona ul.youtubethumbs li div.reactions ul li p {
			                float:none
			            }
			            #persona ul.flickrthumbs li div.reactions ul li p.commenttext,
			            #persona ul.youtubethumbs li div.reactions ul li p.commenttext {
			                color:#4d4d4d;
			                font-size:1.1em;
			            }
		
		/* Twitter block */
		#persona ul.tweets {
			width:269px;
			padding:8px;
			list-style-type:none;
			background-color:#b2e3f6;
			border:1px solid #6f6f6f;
			font-size:1.1em;
			font-style:italic;
			color:#4d4d4d;
		}
			#persona ul.tweets li {
				padding-bottom:5px;
			}
				#persona ul.tweets li span,
				#persona ul.tweets li a {
					color:#00a1e2;
				}

		/* Weblog */
		#persona ul.weblog {
			width:285px;
			list-style-type:none;
			color:#4d4d4d;
		}
			#persona ul.weblog li {
				padding-bottom:5px;
			}
				#persona ul.weblog li div {
					position:relative;
					font-style:italic;
					font-size:1.1em;
				}
					#persona ul.weblog li div a {
						position:absolute;
						right:0;
						color:#00a1e2;
						font-style:normal;
					}
			
				#persona ul.weblog li h4 {
					color:#00a1e2;
					font-size:1.2em;
				}
				    #persona ul.weblog li h4 a {
				        color:#00a1e2;
				    }
				#persona ul.weblog li p {
					font-size:1.1em;
				}
				#persona ul.weblog li ol {
					list-style-type:none;
					background-color:#eee;
					margin-top:.5em;
					padding-left:15px;
				}


/*-- T02_Subpage_Wide_Article_Specific_Styling ---*/

.T02 #content .user-generated {
		padding:5px 8px 0 8px;
	}
		.T02 #content .user-generated h2 {
			color:#00a1e1;
			font-size:1em;
			margin-bottom:.8em;
		}

		.T02 #content .user-generated p,
		.T02 #content .user-generated ul,
		.T02 #content .user-generated ol {
			margin-bottom:1em;
			line-height:140%;
		}
		
		.T02 #content .user-generated p.intro {
			color:#6D6E71;
			font-weight:bold;
		}

		.T02 #content .user-generated ul,
		.T02 #content .user-generated ol {
			margin-left:25px;
		}
		
		.T02 #content .user-generated a {
		    color:#00A1E1;
		}


 /*-- T02_Professor_Overview_Specific_Styling --*/
    
    .T02 ul#professorListing {
        margin-left:8px;
    }
    
    .T02 ul#professorListing li {
        margin:5px 4px 5px 0;
        display:block;
        width:93px;
        height:105px;
        padding-bottom:40px;
    }
        
        .T02 ul#professorListing li a.thumb {
            display:block;
            height:105px;
            overflow:hidden;
            background-color:#00A1E1;
        }
            .T02 ul#professorListing li a.thumb img {
                display:block;
                border:1px solid #4e4e4e;
                font-size:0;
                line-height:0;
            }
        
        .T02 ul#professorListing li a.profName {
            display:block;
            color:#00A1E1;
            height:35px;
            padding:5px 0 0 0;
            font-size:1.1em;
        }
	
	
	
	/* T02_digipub_Searchfilter_styling */

		.T02 #content.digipub #sidebar #ctrSearchfilter {
			position:relative;
			width:230px;
			padding:30px 5px 30px 5px;
			margin:0 10px 20px 10px;
			color:#4c4c4c;
			background-color:white;
			background-position:bottom left;
			background-repeat:repeat-y;
			background-image:url('/includes/img/HU-ONDERZOEK/bg_240boxHashed_bottom.gif');
		}

			.T02 #content.digipub #sidebar #ctrSearchfilter h2 {
				position:absolute;
				top:0;
				left:0;
				height:auto;
				width:220px;
				padding:6px 10px 3px 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;
			}
			
			.T02 #content.digipub #sidebar #ctrSearchfilter h3.clearfilters {
				text-align:right;
				padding:0 12px 8px 0;
			}
				.T02 #content.digipub #sidebar #ctrSearchfilter h3.clearfilters a {
					text-align:right;
					padding-left:16px;
					background:transparent url('/includes/img/HU-GLOBAL/bullet-blue-right.gif') no-repeat left 0.4em;
					color:#E63028;
				}

			.T02 #content.digipub #sidebar #ctrSearchfilter div.filters {
				padding:0 12px;
			}
				
				.T02 #content.digipub #sidebar #ctrSearchfilter div.filters h3 {
					text-transform:uppercase;
					border-top:1px solid #b9b9b9;
					padding:5px 0 3px 0;
					color:#4d4d4d;
					font-size:1.2em;
				}

					.T02 #content.digipub #sidebar #ctrSearchfilter div.filters h3 a {
						text-transform:uppercase;
						padding-right:16px;
						background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat right 0.3em;
						color:#4d4d4d;
					}
					.T02 #content.digipub #sidebar #ctrSearchfilter div.filters h3.collapsed a {
						background:transparent url('/includes/img/HU-GLOBAL/bullet-red-down.gif') no-repeat right 0.3em;
					}
				
				
				.T02 #content.digipub #sidebar #ctrSearchfilter div.filters ul {
					list-style-type:none;
					padding-bottom:10px;
				}
					.T02 #content.digipub #sidebar #ctrSearchfilter div.filters ul li a {
						color:#4d4d4d;
						padding-left:16px;
						font-size:1.1em;
						line-height:135%;
						background:transparent url('/includes/img/HU-ONDERZOEK/bullet-blue-disabled.gif') no-repeat left 0.3em;
					}
					
					.T02 #content.digipub #sidebar #ctrSearchfilter div.filters ul li.active a 
					{
						color:#00A1E1;
						font-weight:bold;
						background:transparent url('/includes/img/HU-ONDERZOEK/bullet-blue-active.gif') no-repeat left 0.3em;
					}
					.T02 #content.digipub #sidebar #ctrSearchfilter div.filters ul li.active a:hover 
					{
						color:#4d4d4d;
						font-weight:bold;
						background:transparent url('/includes/img/HU-ONDERZOEK/bullet-gray-active-hover.gif') no-repeat left 0.3em;
					}

	
	/* T02_extrasidebar_digipub_freeblock */

		.T02 #content.digipub #extrasidebar .freeblock {
			position:relative;
			width:230px;
			padding:37px 5px 30px 5px;
			margin:0 0 10px 0;
			color:#4c4c4c;
			background-color:white;
			background-position:bottom left;
			background-repeat:no-repeat;
		}
		.T02 #content.digipub #extrasidebar .freeblock {
			background-image:url('/includes/img/HU-GLOBAL/bg_240box_bottom.gif');
		}
		.T02 #content.digipub #extrasidebar .freeblock.freemedia {
			background-image:none;
			overflow:hidden;
		}
				
			.T02 #content.digipub #extrasidebar .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;
			}

			.T02 #content.digipub #extrasidebar .freeblock div.freeblock-top h2 {
				position:absolute;
				top:0;
				left:0;
				height:auto;
				width:220px;
				padding:6px 10px 3px 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;
			}

			.T02 #content.digipub #extrasidebar .freeblock p {
				padding:5px 10px 5px 10px;
				font-size:1.2em;
				line-height:140%;
			}
			
			.T02 #content.digipub #extrasidebar .freeblock .freeblock-wysiwyg ul,
			.T02 #content.digipub #extrasidebar .freeblock .freeblock-wysiwyg ol {
				padding:5px 10px 5px 10px;
				margin-left:25px;
				font-size:1.2em;
				line-height:140%;
			}
			
				
		
		
		/*-- T01_digipub_Detail_Layout --*/		
		
		.T01 #content.digipub div.detail {
			width: 580px;
			clear: left;
			color: #4c4c4c;
		}
			.T01 #content.digipub div.detail div.content 
			{
				padding: 10px 0px 10px 10px;
				margin: 5px 0px 5px 10px;
				border-top:1px solid #a4a4a4;
				border-bottom:1px solid #a4a4a4;
			}
			.T01 #content.digipub div.detail div.content h1 {
				float:left;
				border-bottom: none;
				margin:2px 0px 0px 7px;
			}
			.T01 #content.digipub div.detail div.content div.type {
				float:right;
				color:#6D6E71;
				font-size:1.2em;
				font-style:italic;
				padding:6px 0 0 0;
			}
			.T01 #content.digipub div.detail div.content div.metadata {
				clear:both;
				padding: 0px 0px 3px 8px;
				font-size:1.2em;
			}
				.T01 #content.digipub div.detail div.user-generated {
					margin:10px 0;
				}
				.T01 #content.digipub div.detail div.user-generated h3 {
					font-size:1.1em;
					
				}
		.T01 #content.digipub div.detail a.back {
			color:#00a1e1;
			background:transparent url('/includes/img/HU-GLOBAL/bullet-gray-left.gif') no-repeat left 0.3em;
			margin-left:16px;
			padding-left: 12px;
			font-weight: bold;
			text-transform: uppercase;
		}
	
		
	
	
	/* T03_Totaaloverzicht_layout_and_styling */
	
	.T03 #content #totaloffer {
		width:663px;
		float:left;
	}
	
	.T03 #content .user-generated {
		font-size:1.2em;
		padding:5px 8px 0 8px;
	}
		.T03 #content .user-generated h2 {
			color:#00a1e1;
			font-size:1em;
			margin-bottom:.8em;
		}

		.T03 #content .user-generated p,
		.T03 #content .user-generated ul,
		.T03 #content .user-generated ol {
			margin-bottom:1em;
			line-height:140%;
		}
		
		.T03 #content .user-generated p.intro {
			color:#6D6E71;
			font-weight:bold;
		}

		.T03 #content .user-generated ul,
		.T03 #content .user-generated ol {
			margin-left:25px;
		}
		
		.T03 #content .user-generated a {
		    color:#00A1E1;
		}
	
	.T03 #totaloffer .listBox {
		float:left;
		margin-right:3px;
		display:inline;
		position:relative; 
		width:198px;
		height:195px;
		padding:9px 10px 4px 10px;
		overflow:hidden;
		background-color:white;
		background-image:url('/includes/img/HU-AMERSFOORT/bg-listBox.png');
		background-position:top left;
		background-repeat:no-repeat;
	}
		 .T03 #totaloffer .listBox h2 {
		 	font-size:12px;
		 	height:12px;
		 	line-height:12px;
		 }
		 
		 .T03 #totaloffer .listBox h2 a {
		    font-weight:normal;
		    color:white;
		    position:relative;
		    top:-2px;
		 }
        
        .T03 #totaloffer .listBox ul {	
		    margin:5px 0 0 0;
		    list-style-type:none;
	    }
	        .T03 #totaloffer .listBox ul li {	
		        text-transform:none;
		        color:#4C4C4C;
				padding-top:1px;
				background:transparent url('/includes/img/HU-GLOBAL/bullet-red-right.gif') no-repeat left 0.4em;
				padding-left:14px;
				font-size:1.2em;
	        }
	        
	    .T03 #totaloffer .listBox p {	
		    margin:5px 0 0 0;
		    color:#4C4C4C;
		    font-size:1.2em;
	    }
	        
	.T03 #content #sidebar {
		float:left;
	}
	        
		.T03 #content #sidebar .freeblock {
			position:relative;
			width:230px;
			padding:37px 5px 30px 5px;
			margin:0 0 50px 10px;
			color:#4c4c4c;
			background-color:white;
			background-position:bottom left;
			background-repeat:no-repeat;
		}
			.T03 #content #sidebar .freeblock {
				background-image:url('/includes/img/HU-GLOBAL/bg_240box_bottom.gif');
			}
			.T03 #content #sidebar .freeblock.freemedia {
				background-image:none;
				overflow:hidden;
			}
					
				.T03 #content #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;
				}

				.T03 #content #sidebar .freeblock div.freeblock-top h2 {
					position:absolute;
					top:0;
					left:0;
					height:auto;
					width:220px;
					padding:6px 10px 3px 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;
				}

				.T03 #content #sidebar .freeblock p {
					padding:5px 10px 5px 10px;
					font-size:1.2em;
					line-height:140%;
				}
				
				.T03 #content #sidebar .freeblock .freeblock-wysiwyg ul,
				.T03 #content #sidebar .freeblock .freeblock-wysiwyg ol {
					padding:5px 10px 5px 10px;
					margin-left:25px;
					font-size:1.2em;
					line-height:140%;
				} 
				
		.T03 #content #sidebar .intro {
			width:230px;
			padding:0 5px;
			margin:0 0 10px 10px;
			color:#4c4c4c;
		}
			.T03 #content #sidebar .intro h2 {
				font-size:1.4em;			
			}
			.T03 #content #sidebar .intro p {
				font-size:1.2em;
				line-height:1.4;			
			}