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

Project		:		
Version		:		
Last change	:	
Assigned to	: Leonard Eshuis (le), Marc Bruisten (mb)
Made by		: Evident Interactive

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

[Color codes]

[content index]

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

/**------ global_settings ------**/
* {padding:0;margin:0}
img {border:0}
cite, em, dfn {font-style:italic}
big {font-size:115%}
small, sup, sub {font-size:85%}
sup {vertical-align:super}
sub {vertical-align:sub}
blockquote *:first-child:before {content:"\201C"}
blockquote *:first-child:after {content:"\201D"}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;/*font-weight:normal*/}

.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.error {color:red}
.strong {font-weight:bold}

:focus {
	outline: 0;
}

/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/* 00 global_layout
-----------------------------------------------------------------------------*/

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

	body.thema a {
		color:#9b258b;
	}

	body {
		background-color:#fff;
		background-image:url(/includes/img/ICU-UIT/background_pat.jpg);
		background-position:left top;
		background-repeat:repeat-x;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:62.5%;
	}
	
	#wrapper {
		width:910px;
		margin:0 auto;
		position:relative;
		z-index:100;
	}
	
	form {
		background-image:url(/includes/img/ICU-UIT/background_over.gif);
		background-position:center top;
		background-repeat:no-repeat;
	}
	
		#header {
			width:100%;
			background-image:url(/includes/img/ICU-UIT/shadow-top.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			position:relative;
			height:125px;
			z-index:1050;
		}

		#background {
			background-image:url(/includes/img/ICU-UIT/shadow-middle2.png);
			background-position:-1px top;
			background-repeat:repeat-y;
		}
		
		#main {
			width:100%;
			min-height:300px;
			position:relative;
			padding-left:9px;
		}
		
			.content-regular {
				width:695px;
			}

			#content.content-home {
				position:relative;
				height:380px;
				background-position:left top;
				background-repeat:no-repeat;
				line-height:1.3em;
				font-size:1em;
			}
	
			#content {
				width:614px;
				overflow:hidden;
				padding:20px;
				color:#404040;
				font-size:1.2em;
				line-height:1.5em;
			}
			
				#content ul, #content ol {
					/* default browser styles, back from the dead */
					margin:1em 0;
					padding-left:40px;
				}

			#sidebar {
				position:relative;
				top:0px;
				float:right;
				width:222px;
				padding:0 20px 0px 0;
				display:inline;
				z-index:10000;
			}
            	
            	#sidebar #flash {
		            margin-top:10px;
	            }

	            #sidebar #subscription {
	            	margin-top:-45px;
	            }

	            #sidebar .slot {
					position:relative;
	            }

	                #sidebar .slot a.imagebutton {
	                    position:relative;
	                    z-index:1200;
	                    left:-15px;
	                }

		#footer {
			width:100%;
			background-image:url(/includes/img/ICU-UIT/shadow-bottom2.png);
			background-position:left top;
			background-repeat:no-repeat;
			position:relative;
			padding:5px 0px;
		}

			#footer a {
				padding:5px;
			 	display:block;
			 	float:left;
			}


/**/

	p {
		margin-top:1em;
	}

	h1 {
		color:#016c8c;
		font-size:2em;
		padding:0px;
		margin:0px;
		font-style:italic;
	}

	h2 {
		font-size:1.7em;
		color:#016c8c;
		font-weight:bold;
	}
	
	h3 {
		font-size:1.4em;
		color:#016c8c;
		font-weight:bold;
	}

/**/

	#submenu {
		width:655px;
		overflow:hidden;
	}
	
		#submenu ul {
			background-color:#00b7f1;
			display:block;
			font-size:1.2em;
			margin-top:-2px;
		}
	
	
		body.thema #submenu ul {
			background-color:#e51a87
		}
	
		#submenu li {
			float:left;
			list-style-type:none;
		}

			#submenu li a {
				float:left;
				display:block;
				padding:5px 10px;
				text-decoration:none;
				color:#fff;
				font-weight:bold;
				text-transform:uppercase;
				white-space:nowrap;
			}
			
			#submenu li.invisible a {
				visibility:hidden;
			}

			#submenu li.selected a {
				background-color:#fff;
				color:#003b59;
			}
			
			#submenu li.selected a:hover,
			#submenu a:hover {
				color:#006699;
			}
			

/**/

	#logo {
		background-image:url(/includes/img/ICU-UIT/uitlogo.png);
		background-position:left top;
		background-repeat:no-repeat;
		width:220px;
		height:65px;		
		position:absolute;
		top:20px;
		left:-38px;
		text-indent:-5000px;
	}
		
		#logo a {
			width:220px;
			height:65px;
			display:block;
		}
		
	#menu {
		position:absolute;
		left:20px;
		bottom:0px;
		z-index:100;

	}

		#menu li {
			float:left;
			list-style-type:none;
		}

			#menu li a {
				display:block;
				padding:33px 13px 8px 7px;
			}

			#menu li a.selected {
				background-image:url("/includes/img/ICU-UIT/button-selected.png");
				background-repeat:no-repeat;
				background-position:right bottom;
				display:block;
				color:#fff;
				padding-right:17px;
			}

			#menu li.thema  a {
				padding-left : 13px;
				padding-right: 17px;
				color:#e51a87;
			}

			#menu li.chosen {
				background-image:url("/includes/img/ICU-UIT/button-chosen.png");
				background-repeat:no-repeat;
				background-position:left bottom;
				padding-left:6px;
			}

			#menu li li {
				float:none;
			}

			#menu li ul {
				position:absolute;
				background-image:url("/includes/img/ICU-UIT/background-gradient.jpg");
				background-position:left -200px;
				border-right:3px solid #FF6A05;
				border-bottom:3px solid #FF6A05;
				color:#fff;
				display:none;
				margin-left:4px;
				margin-top:-4px;
				min-width:146px;
			}
			
			#menu li.thema ul {
				background-color:#e51a87;
				background-image:none;
				border-color:#9b258b;
			}

			#menu li.thema ul li a {
				color:#fff;
			}

			#menu li.thema ul li a:hover {
				color:#e51a87;
			}

			#menu li.thema {
				background-position:5px 8px;
				background-repeat:no-repeat;
			}

			#menu li.thema a.selected {
				background-image:none;
				padding:33px 7px 8px 13px;
			}

		#menu a {
			color:#006699;
			text-decoration:none;
			font-size:17px;
			font-weight:bold;
			font-style:italic;
			text-transform:uppercase;
		}
			
			#menu a:hover {
				color:#034463;
			}	
			
			
			#menu ul a {
				font-style:normal;
				font-size:1.3em;
				padding:5px;	
			}
			
		#menu ul li a:hover {
			background-image:none !important;
			color:#003B59;
			background-color:#fff;
		}
			
/**/

	#creators {
		background-image:url(/includes/img/ICU-UIT/domUuHu2.gif);
		background-position:left top;
		background-repeat:no-repeat;
		height:180px;
		left:647px;
		overflow:hidden;
		position:absolute;
		text-indent:-5000px;
		top:-23px;
		width:263px;
		z-index:1050;
		/* Please test and update "#creators a" when you modify above */
	}

		#creators a {
			/* HACK: UU and HU each have their separate links, carefully positioned. */
			position:relative;
			left:60px; /* just to the right of the Dom */
			top:52px; /* start of UU link (HU at 92px) */
			height:40px; /* height of each link */
			width:203px;
			display:block;
			overflow:hidden;
		}
	
	
				
	#logo-evident {
		right:20px;
		position:absolute;
	}
	
	/**/
	
	#tabs {
		position:absolute;
		top:150px;
		left:-25px;
		z-index:-1;
	}
	
		#tabs li {
			list-style-type:none;
		}
	
			#tabs li a {
				display:block;
				width:70px;
				height:40px;
				background-position:left top;
				background-repeat:no-repeat;
				text-indent:-5000px;
			}

/**/

		.iAreHome blockquote {
			position:absolute;
			width:293px;
			padding-top:50px;
			background-image:url(/includes/img/ICU-UIT/quote-top.gif);
			background-position:left top;
			background-repeat:no-repeat;
			left:342px;
			top:193px;
		}			

		blockquote {
			background-image:url(/includes/img/ICU-UIT/sidebar-quote-top.gif);
			background-position:left top;
			background-repeat:no-repeat;
			padding-top:50px;
			width:220px;
		}			
		
		.iAreHome blockquote * {
			background-image:url(/includes/img/ICU-UIT/quote-bottom.gif);
		}

		blockquote * {
			display:block;
			background-image:url(/includes/img/ICU-UIT/sidebar-quote-bottom.gif);
			background-position:left bottom;
			background-repeat:no-repeat;
			font-size:1.4em;
			line-height:1.4em;
			font-weight:bold;
			color:#fff;
			padding:0px 10px 40px 10px;
			text-decoration:none;
		}

		body.thema blockquote a, 
		body.thema blockquote a:hover,
		blockquote a, 
		blockquote a:hover {
			color:#fff;
			text-decoration:none;
		}

/**/

	#flickshadow {
		width:300px;
		height:180px;
		top:193px;
		left:28px;
		position:absolute;
		z-index:10;
		background-color:#fff;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter:alpha(opacity=85);
		opacity:.85;
	}
	
	#flickrphotos {
		width:300px;
		height:180px;
		top:193px;
		left:28px;
		position:absolute;
		z-index:20;
		border-right:3px solid #ff6600;
		border-bottom:3px solid #ff6600;
	}

		#flickrphotos h2 {
			background-image:url("/includes/img/ICU-UIT/Header/photos and videos.gif");
			background-position:left bottom;
			background-repeat:no-repeat;
			text-indent:-5000px;
			margin:10px 0px 10px 10px;
			height:20px;
		}
		
		#flickrphotos ul {
			/* global style resurrected */
			padding:0;margin:0;
			width:300px;
			height:100px;
			overflow:hidden;
		}
		
		#flickrphotos .morephotos {
			background-image:url(/includes/img/ICU-UIT/buttons/photo2008.png);
			background-position:8px bottom;
			background-repeat:no-repeat;
			text-indent:-5000px;
			height:25px;
			width:121px;
			display:block;
			float:left;
		}
		
		#flickrphotos .morevideos {
			background-image:url(/includes/img/ICU-UIT/buttons/videos.png);
			background-position:0px bottom;
			background-repeat:no-repeat;
			text-indent:-5000px;
			height:25px;
			width:137px;
			display:block;
			float:right;
		}

		#flickrphotos .logo {
			background-image:url(/includes/img/ICU-UIT/logo-flickr.gif);
			background-position:10px bottom;
			background-repeat:no-repeat;
			text-indent:-5000px;
			display:block;
		}


	#photopreview {
		height:235px;
	}

		#photopreview li {
			float:left;
			list-style-type:none;
			display:inline;
		}
		
			#photopreview a {
				display:block;
				float:left;
				margin:5px 0 10px 10px;
				display:inline;
			}

			#photopreview img {
				padding:5px;
				background-color:#00b7f1;
			}

	#video {
		display:none;
	}

	.photopreview {
		border:5px solid #00b6f2;
		background-color:#003b59;
		display:block;
		float:left;
		margin:0px 15px 5px 0px;
	}

	.photopreview:hover,
	#photopreview a:hover {
		xborder:5px solid #003b59	
	}
	
/**/

	 #introshadow {
	 	width:605px;
		height:148px;
		top:20px;
		left:28px;
		position:absolute;
		z-index:10;
		background-color:#fff;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter:alpha(opacity=85);
		opacity:.85;
	 }

	 #intro {
	 	width:585px;
		height:128px;
		top:20px;
		left:28px;
		position:absolute;
		z-index:20;
		padding:10px;
		font-size:1.2em;
		line-height:1.4em;
		color:#404040;
		border-right:3px solid #ff6600;
		border-bottom:3px solid #ff6600;
		overflow:hidden;
	 }	
	 
	 	#intro h1 {
	 		/*
			background-image:url(/includes/img/ICU-UIT/Header/welcome.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			text-indent:-5000px;
			*/
			margin:0px 0px 5px 0px;
			padding:0px;
			
	 	}

		#intro p {
			padding:0px;
			margin:0px;
		}
/*f2f2f2*/
	
/**/
	
	#listing {
		border-top:1px solid #d9d9d9;
		padding-top:10px;
		margin:10px 0px;
	}
	
		#listing li {
			list-style-type:none;
			display:block;
			padding-bottom:10px;
			margin-bottom:10px;
			border-bottom:1px solid #d9d9d9;
			position:relative;
		}

		#listing .left_area {
			float:left;
		}

		#listing .right_area {
			overflow:auto;
		}

		#listing .votebutton {
			position:absolute;
			bottom:15px;
		}
	
	body.thema h1,
	body.thema h2,
	body.thema h3 {
		color:#9b258b;
	}
	
/**/
	a.imagebutton img.hover {
		display:none;
	}
	a.imagebutton:hover img.hover {
		display:block;
	}
	

	a.imagebutton img.image {
		display:block;
	}
	a.imagebutton:hover img.image  {
		display:none;
	}


/**/


.result {
	float:right;
	margin-top:9px;
}

	.resultbar {
		background-image:url("/includes/img/ICU-UIT/resultbar-background.gif");
		background-position:left center;
		background-repeat:repeat-x;
		padding:2px;
		width:150px;
	}


		.votes {
			background-image:url("/includes/img/ICU-UIT/bar-background.gif");
			background-position:left center;
			background-repeat:repeat-x;
			padding:4px 0;	
			text-align:center;
			border-right:1px solid #026900;
			color:#000;
			font-size:1.1em; 
			font-weight:bold;
		}



.mediaplayer {
	padding-top:10px;
	float:left;
}

/**/

.row {
	clear:both;
}

.column {
	float:left;
	display:block;
}

.column_last {
	margin-right:0px !important;
}

.column .data {
	border:0px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	position:absolute;
	z-index:100;
}

.column .shadow {
	background-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);
	opacity:.85;
}

/**/

.content-theme-menu {
	min-height:645px;
	width:634px !important;
	padding:20px 10px !important;
}

	.content-theme-menu .column {
		margin-right:2px;
		margin-bottom:30px;
		width:210px;
		height:140px;
	}

		.content-theme-menu .column h3 a {
			color:#e51a87;
			font-weight:bold;
			font-style:italic;
			font-size:1.2em;
		}

		.content-theme-menu .column .data a.menulink {
			font-weight:bold;
			text-decoration:underline;
			position:absolute;
			right:10px;
			bottom:10px;
		}
		
		.content-theme-menu .column .button {
			margin-top:-15px;
		}

		.content-theme-menu .column .media {
			border:5px solid #00b7f1;
			width:175px;
			height:65px;
		}

		.content-theme-menu .column .data,
		.content-theme-menu .column .shadow {
			width:185px;
			height:120px;
			padding:10px;
		}

		.content-theme-menu .textblock .data a.menulink {
			color:yellow;
		}
		
		.content-theme-menu .textblock .data div {
			color:#fff;
			font-weight:bold;
		}
		
		.content-theme-menu .textblock .data div:before {content:"\201C"}
		.content-theme-menu .textblock .data div:after {content:"\201D"}

.content-gallery {
}
	.content-gallery .pager {
		clear:both;
		text-align:center;
	}
	
		.content-gallery .pager .currentPage {
			color:#000;
			background-color:#C7E2EA;
		}
	
	.content-gallery .filters {
		margin:5px 0px 5px 0px;
		padding:20px 0px 5px 0px;
	}

	.content-gallery .row {
		height:auto;
	}

		.content-gallery .column {
			width:200px;
			height:auto;
			margin-bottom:15px;
			margin-right:3px;
		}
		
		.content-gallery .row_1 .column {
			margin-top:15px;
		}

			.content-gallery .column .media {
				width:170px;
				height:200px;
				overflow:hidden;
				border:0px solid #fff;
				text-align:center;
				vertical-align:middle;
			}

			.content-gallery .column .data {
				background-color:#C7E2EA; 
			}
			
			.content-gallery .column .data, 
			.content-gallery .column .shadow {
				height:200px;
				width:170px;
				padding:10px 5px;
			}

/**/

.breadcrumbs
{
	clear:both;
	display:block;
	height:20px;
	color:#006699;
}

	#content ul.breadcrumbs
	{
		padding:0px;
		margin:0px;
		border-bottom:1px solid #00B7F1;
		padding-bottom:0px;
		margin-bottom:15px;
		
	}

		.breadcrumbs li 
		{
			float:left;
			display:inline;
			list-style-type:none;
			color:#006699;
			font-size:11px;
		}
		
			.breadcrumbs li a 
			{
				margin:0px 4px 0px 0px;
				font-size:11px;
			}
			
#mobile 			
{
	position:absolute;
	top:10px;
	left:50%;
	z-index:1000;
}

/************** social links added by leonard eshuis *******/
/* 9-july-2010 @ 8:23 */

	    #social {
            right:25px;
            position:absolute;
            top:335px;
            z-index:100;
	    }
	    
	    #social a {
            display:block;
            float:left;
            height:50px;
            margin-right:0px;
            width:40px;
	    }

/*****/