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

Project:		HU-Mediatheek
Version:		1.0
Last change:	18/01/09 [mb]
Assigned to:	Marc Bruisten (mb)
Made by:		Evident Interactive

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

[Template body classes]

.T00 - homepage
.T01 - detailpage
.T02 - portalpage

[Color codes]

main navigation:	#00A1E1 {HU Blue}
sub navigation:		#E63028 {HU Red}

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

.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;
			width:949px;
			height:71px;
			z-index: 1000;
			overflow:visible;
		}			
			#header #logo {
				display:block;
				position:absolute;
				top:2px;
			}				
		.T00 #navigation {
			position:relative;
			width:950px;
			height:25px;
			z-index: 90;
		}
		.T01 #navigation,
		.T02 #navigation {
			position:relative;
			width:950px;
			height:50px;
		}
			#navigation	.search {	
				position:absolute;
				right:0;
				top:0;
				height:25px;
				overflow:hidden
			}		
		.T01 #breadcrumb,
		.T02 #breadcrumb {
			position:relative;
			margin:5px 0 10px 11px;
		}		
		.T01 #content {
			margin-left: 3px;
            padding: 0 332px 0 0; /*was 0 290px 0 0 */
            position: relative;
            width: 620px; /* was 632px */
            z-index: 400;
		}		
		.T02 #content {
			position:relative;
			width:960px;
			padding-left:10px;
			margin-left:3px;
			padding:0;
		}		
		.T02 #contentLeft {
			width:600px;
			float:left;
		}		
		.T01 #contentwithsubnavigation {
			position:relative;
			width:643px;
			margin-left:72px;
			padding:0 0 0 235px;
		}
		/*.T01 #contentwithsubnavigation {
			position:relative;
			width:643px;
			margin-left:0;
			padding:0 0 0 0;
		}*/
		#footer {
			position:absolute;
			bottom:10px;
			right:13px;
			overflow:hidden;
		}			
			#footer #footerlinks {
				position:relative;
				top:0;
				right:-1px;
			}
				#footer #footerlinks li {
					float:right;
				}

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

	  	/* 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;
			}				
			/* 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; }	
.T00 #header #toplinks-two li a { color: #e63028; border-color: #00a1e1; }		

/* Footer links */
.T00 #footer #footerlinks li a {
	color:#00A1E1;
	border-right:1px solid #e63028;
}
.T00 .hubox-listbox {height:180px;}


/* container blocks > General Style */

.T00 div.containers {
	position:relative;
	left:-5px;
	width:960px;
    margin-top:30px;
}
.T00 div.containers ul {	
		list-style-type:none;
		margin:0 5px 0 5px;
	}
		.T00 div.containers ul li {
			color:#4C4C4C;
			padding-top:4px;
			background:transparent url('/includes/img/HU-GLOBAL/bullets.png') no-repeat 0 -493px;
			padding-left:14px;
			font-size:1.2em;
			/*text-transform:uppercase;*/
		}	
		.T00 div.containers .freeblock-top + * {
      font-size:1.2em;
    }
		.T00 div.containers ul li a {	
			color:#00a1e1;
			padding-left:4px;
		}
	.T00 div.containers a.morelink {
		display:block;
		position:absolute;
		right:9px;bottom:14px;
		width:auto;height:16px;
		color:#E63028;
		font-size:1.3em;
		background:transparent url('/includes/img/HU-GLOBAL/bullets.png') no-repeat 0 -95px;
		padding-left:15px;
	}

/* container blocks > NewsBlock */
    
    .T00 div.containers #leftBox {
	    position:relative;
	    float:left;
	    padding:4px 6px 50px 6px;
	    margin-right:5px;
	    width:303px;
	    height:133px;
	    overflow:hidden;
    }
        .T00 div.containers #leftBox h2 {
	        font-size:1.5em;
	        font-weight:normal;
	        color:#00A1E1;
	        text-transform:uppercase;
	        border-bottom:1px solid #4d4d4d;
	        padding:0 0 3px 6px;
        }
        .T00 div.containers #leftBox ul li {
	        padding:4px 0 4px 15px;
        }
    
/* container blocks > Freeblock */
        
    .T00 div.containers .freeblock {
		position:relative;
		float:left;
		width:310px;
		height:167px;
		padding:0 5px 10px 5px;
		margin:0 0 10px 0;
		color:#4c4c4c;
		overflow:hidden;
    background: #fff url(/includes/img/HU-GLOBAL/bg-box-bottom.png) no-repeat -994px 100%;
	}
			
		.T00 div.containers .freeblock div.freeblock-top {
			position:absolute;
			top:0;
			left:0;
			height:16px;
			padding:6px 0 3px;
			width:320px;
			background:#E63028 url(/includes/img/HU-GLOBAL/bg-box-top.png) no-repeat -994px 0;
		}

		.T00 div.containers .freeblock div.freeblock-top h2 {
			font-size:15px;
			line-height:16px;
			height:16px;
			color:white;
			padding-left:10px;
		}

		.T00 div.containers .freeblock p {
			padding:35px 10px 20px 10px;
			font-size:1.2em;
			line-height:140%;
		}
    
/* container blocks > ListBox */
        
    .T00 div.containers .listBox {
		float:left;
		position:relative;
		width:300px;
		height:197px;
		padding:7px 10px 4px 10px;
		overflow:hidden;
		background-color:white;
		background-image:url('/includes/img/HU-MEDIATHEEK/bg-listBox.png');
		background-position:top left;
		background-repeat:no-repeat;
    }
    
        .T00 div.containers .listBox h2 {
		    font-size:1.3em;
		    font-weight:normal;
		    color:white;
		    text-transform:uppercase;
        }
        
        .T00 div.containers .listBox ul {	
		    margin:10px 0 0 0;
	    }
	        .T00 div.containers .listBox ul li {	
		        text-transform:none;
		        font-size:1.3em;
	        }


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


/* Header links */
.T01 #header #toplinks-one li a,
.T02 #header #toplinks-one li a { color: #00a1e1; }	
.T01 #header #toplinks-two li a,
.T02 #header #toplinks-two li a { color: #e63028; border-color: #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.first a {
    background: none;
}

	#breadcrumb li a {
		background:transparent url('/includes/img/HU-GLOBAL/bullets.png') no-repeat 100% -497px;
		padding-right:12px;
		color:#00a1e1;
	}

/* heading */
.T01 #content h1,
.T02 #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:2px;
}

/* date stamp */
.T01 #content div.date,
.T02 #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 */
	float:right;
	margin:4px 0;
}
	.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/bullets.png') no-repeat 100% -497px;
		padding-right:12px;
		color:#00a1e1;
	}

/* sidebar & contents */

.T01 #sidebar {
	position:absolute;
	right:0;
	top:0px;
	height:auto;
}
.T01 #content #sidebar {
	right:0;
}
.T02 #sidebar {
	float:right;
	margin-right:10px;
}
.T02 #sidebar h1 {
	margin-left:0;
}

	.T01 #sidebar #freeblock,
	.T02 #sidebar #freeblock {
		position:relative;
		width:310px;
		padding:50px 5px 30px 5px;
		margin:0 10px 50px 10px;
		color:#4c4c4c;
		background-color:white;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	.T02 #sidebar #freeblock {
		padding:20px 5px 10px 5px;
		margin:0 10px 20px 10px;
	}
	
	
	.T01 #sidebar #freeblock.freetext,
	.T02 #sidebar #freeblock.freetext {
		background-image:url('/includes/img/HU-MEDIATHEEK/bg_320boxHashed_bottom.gif');
	}
	.T01 #sidebar #freeblock.freemedia,
	.T02 #sidebar #freeblock.freemedia {
		background-image:none;
		overflow:hidden;
	}
			
		.T01 #sidebar #freeblock div.freeblock-top,
		.T02 #sidebar #freeblock div.freeblock-top {
			position:absolute;
			top:0;
			left:0;
			height:21px;
			width:320px;
			background: url(/includes/img/HU-GLOBAL/bg-box-top.png) no-repeat -994px 0;
		}
		
		.T01 #sidebar #freeblock div.freeblock-top h2,
		.T02 #sidebar #freeblock div.freeblock-top h2 {
			padding:30px 10px 2px 15px;
			color:#00A1E1;
			font-size:1.3em;
			text-transform:uppercase;
		}

		.T01 #sidebar #freeblock p,
		.T02 #sidebar #freeblock p {
			padding:5px 10px 5px 10px;
			font-size:1.2em;
			line-height:140%;
		}

		.T01 #sidebar #freeblock .freeblock-wysiwyg,
		.T02 #sidebar #freeblock .freeblock-wysiwyg {
			overflow: hidden;
		}
		.T01 #sidebar #freeblock .freeblock-wysiwyg img,
		.T02 #sidebar #freeblock .freeblock-wysiwyg img {
			margin:0 8px;
		}

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


		
	/* container blocks > General Style */

    .T01 div.containers {
	    position:relative;
	    left:-5px;
	    width:960px;
        margin-top:30px;
    }
        .T01 div.containers h2 {
	        background-color:#E63028;
        }
    .T02 div.containers {
	    position:relative;
	    clear:both;
	    width:960px;
        margin-top:30px;
        left:-10px;
    }

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

		    .T01 div.containers ul li,
		    .T02 div.containers ul li {
			    color:#4C4C4C;
			    padding-top:4px;
			    background:transparent url('/includes/img/HU-GLOBAL/bullets.png') no-repeat 0 -493px;
			    padding-left:14px;
			    font-size:1.1em;
			    text-transform:uppercase;
		    }
    	
		    .T01 div.containers ul li a,
		    .T02 div.containers ul li a {	
			    color:#00a1e1;
			    padding-left:4px;
			    font-size:1.0em;
		    }

	    .T01 div.containers a.morelink,
	    .T02 div.containers a.morelink {
		    display:block;
		    position:absolute;
		    right:9px;bottom:14px;
		    width:auto;height:16px;
		    color:#E63028;
		    font-size:1.3em;
		    background:transparent url('/includes/img/HU-GLOBAL/bullets.png') no-repeat 0 -95px;
		    padding-left:15px;
	    }
	
    /* container blocks > Portaalpagina */
        
    .T01 div.containers .listBox,
    .T02 div.containers .listBox {
		float:left;
		position:relative;
		width:300px;
		height:197px;
		padding:7px 10px 4px 10px;
		overflow:hidden;
		background-color:white;
		background-image:url('/includes/img/HU-MEDIATHEEK/bg-listBox.png');
		background-position:top left;
		background-repeat:no-repeat;
    }
    
        .T01 div.containers .listBox h2,
        .T02 div.containers .listBox h2 {
		    font-size:1.3em;
		    font-weight:normal;
		    color:white;
		    text-transform:uppercase;
        }
        
        .T01 div.containers .listBox ul,
        .T02 div.containers .listBox ul {	
		    margin:10px 0 0 0;
	    }
	        .T01 div.containers .listBox ul li,
	        .T02 div.containers .listBox ul li {	
		        text-transform:none;
		        font-size:1.3em;
	        }
	        
	/* container blocks > detailpagina */
	
	
	
	/* container blocks */
	.T01 div.containers {margin-top:10px;}
	
	.T01 div.containers #leftBox,
	.T01 div.containers #rightBox,
	.T02 div.containers #leftBox,
	.T02 div.containers #rightBox {
		float:left;
		display:inline;
		position:relative;
		width:290px;
		padding:4 0;
		margin-right:3px;
		color:#4c4c4c;
		font-size:1.3em;
		background: #fff url(/includes/img/HU-GLOBAL/bg-box-bottom.png) no-repeat -704px 100%;
	}
		/*.T01 div.containers h2 {
			position:absolute;
			top:0;
			left:0;
			height:17px;
			width:270px;
			padding:6px 10px 2px 10px;
			color:white;
			font-size:1em;	
		}*/
		/*.T02 div.containers h2 {			
			top:0;
			left:0;
			height:17px;
			width:310px;
			padding:6px 10px 2px 10px;
			color:white;
			font-size:1.2em;	
			background:#E63028 url(/includes/img/HU-GLOBAL/bg-box-top.png) no-repeat -994px 0;
            position:absolute;
		}*/

	.T01 div.containers ul,
	.T02 div.containers ul {
		list-style-type:none;
		/*padding:30px 10px 10px 10px;*/
		overflow:hidden;
		font-family:arial;
		font-size:1.0em;
		color:#4c4c4c;
	}
	        
    /* container blocks > Freeblock */
        
    .T01 div.containers .freeblock {
		position:relative;
		float:left;
		width:310px;
		height:190px;
		padding:0 5px 10px 5px;
		margin:0 0 10px 0;
		color:#4c4c4c;
		overflow:hidden;
		background: #fff url(/includes/img/HU-GLOBAL/bg-box-bottom.png) no-repeat -994px 100%;
	}
	.T02 #content div.containers .freeblock {
		position:relative;
		float:left;
		width:310px;
		min-height:190px;
		height:auto !important;
		height:190px;
		padding:0 5px 10px 5px;
		margin:0 0 10px 0;
		color:#4c4c4c;
		overflow:hidden;
		background: #fff url(/includes/img/HU-GLOBAL/bg-box-bottom.png) no-repeat -994px 100%;
	}
			
		.T01 div.containers .freeblock div.freeblock-top,
		.T02 div.containers .freeblock div.freeblock-top {
			position:absolute;
			top:0;
			left:0;
			height:16px;
			padding:6px 0 3px;
			width:320px;
			background:#E63028 url(/includes/img/HU-GLOBAL/bg-box-top.png) no-repeat -994px 0;
		}
		.T02 #content div.containers .freeblock div.freeblock-top {
			background-color:transparent;
			width:320px;
		}

		.T01 div.containers .freeblock div.freeblock-top h2 {
			font-size:1.5em;
			color:white;
			padding-left:10px;
		}
		.T02 #content div.containers .freeblock div.freeblock-top h2 {
			width:310px;
			font-size:1.5em;
			color:white;
			padding-left:10px;
			background: url(/includes/img/HU-GLOBAL/bg-box-top.png) no-repeat -994px 0;
		}


		.T01 div.containers .freeblock p
		.T02 div.containers .freeblock p, {
			padding:35px 10px 20px 10px;
			font-size:1.2em;
			line-height:140%;
		}
		
		
		
		/* T02 > content */
		.T02 #content #hu-mediaholder-image,
		.T02 #contentwithsubnavigation #hu-mediaholder-image {
			float:right;
			display:inline;
			margin:0 0 50px 50px;
			border:1px solid #767171;
			padding:2px;
			font-size:0;
		}
	
		.T02 #content .user-generated,
		.T02 #contentwithsubnavigation .user-generated {
			font-size:1.2em;
			padding:5px 8px 0 8px;
		}
			.T02 #content .user-generated h2,
			.T02 #contentwithsubnavigation .user-generated h2 {
				color:#00a1e1;
				font-size:1em;
				margin-bottom:.8em;
			}

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

			.T02 #content .user-generated ul,
			.T02 #contentwithsubnavigation .user-generated ul,
			.T02 #content .user-generated ol,
			.T02 #contentwithsubnavigation .user-generated ol {
				margin-left:25px;
			}
			
			.T02 #content .user-generated a {
				color:#00A1E1;
			}
		
	.T02 #content #hu-mediaholder-image,
	.T02 #contentwithsubnavigation #hu-mediaholder-image /* EDIT MVA 07042009 */ {
		float:right;
		display:inline;
		margin:0 0 50px 50px;
		border:1px solid #767171;
		padding:2px;
		font-size:0;
	}
	
/*Searchpage*/
#content div.searchsummary .searchsubmit {height:auto;margin:4px 0 0 0;}

/* Mediatheekbox rechterkolom */
.mediatheekbox h2 {   
    color: #00A1E1;
    font-size: 1.3em;
    padding: 5px 0 4px 0;
    text-transform: uppercase;
    background-color:transparent;
    margin:0 0 5px 0;
    border-bottom:1px solid #a4a4a4;
}
.mediatheekbox img {margin-right:8px;}
#content #sidebar .hubox-hashed {width:286px;}