/* ***
   CSS3 stylesheet
   
   (c) 2010 - websiteman
   
   designed by Robert du Puy for LIMSC 2011
   fitted to the websiteman-CMS by Wil Stutterheim 
   info(a)websiteman.nl
   *** */

/* General */ 
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{ 
	background: #000 url(/images/78/background-body-2.png) center top repeat-y; 
	text-align: center; 
	color: #000; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

td, th	{
	vertical-align: top; 
}

ul	{
	list-style-image: url(/images/77/list-icon.png); 
	list-style-type: disc; 
	margin: 7px 0; 
}

ul li, ol li	{
	margin: 7px 0; 
}

/* Fonts */ 
p, td, th, font, div, textarea, input, address, li	{
}

p, address	{
	margin: 7px; 
	font-style: normal; 
}

a	{
	color: #d15713; 
	text-decoration: none; 
	font-weight: bold; 
}
a:hover	{
	color: #ed732f; 
}

a.email	{
	color: #d15713; 
	font-size: 12px; 
}

h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin: 7px; 
	color: #000; 
}
	h1	{
		font-size: 23px; 
		margin-top: 23px; 
		margin-bottom: 10px; 
	}
	h2, aside h1	{
		font-size: 17px; 
		margin-top: 17px; 
		margin-bottom: 8px; 
	}
	h3, aside h2	{
		font-size: 15px; 
		margin-top: 13px; 
		margin-bottom: 7px; 
	}
	h4, aside h3	{
		font-size: 13px; 
		margin-top: 9px; 
	}
	h5, aside h4	{
		font-size: 12px; 
	}
	h6, aside h5	{
		font-size: 12px; 
		font-style: italic; 
	}

nav ul	{
	position: relative; 
	top: 60px; 
	margin: 0 auto; 
	padding: 3px 0 0 0; 
	width: 940px; 
}

	nav ul li	{
		display: inline; 
		list-style: none; 
		position: relative; 
		margin: 0 10px; 
		padding: 0 0 8px 0; 
	}
	nav ul li:nth-of-type(2), nav ul li:nth-of-type(6)	{
		top: -10px; 
	}
	nav ul li:nth-of-type(3), nav ul li:nth-of-type(5)	{
		top: -15px; 
	}
	nav ul li:nth-of-type(4)	{
		top: -18px; 
	}
	
		nav ul li a	{
			padding: 3px; 
			font-size: 14px; 
			color: #000; 
		}
		nav ul li a:hover, nav ul li.active a	{
			color: #f7ca91; 
		}
		
			nav ul li ul	{
				display: none; 
				position: absolute; 
				top: 18px; 
				left: 0; 
				margin: 0; 
				padding: 0; 
				width: auto; 
				background: #f7ca91; 
				border: 1px solid #000; 
				text-align: left; 
				z-index: 10; 
			}
			nav ul li:last-child ul	{
				left: auto; 
				right: 0; 
			}
			nav ul li:hover > ul	{
				display: block; 
			}
				nav ul li ul li	{
					display: list-item; 
					list-style: none; 
					position: relative; 
					width: auto; 
					height: auto; 
					margin: 0; 
					padding: 0; 
				}
				nav ul li ul li:nth-of-type(n)	{
					top: auto; 
				}
				
				nav ul li ul li.active	{
					background: #c3c3c3; 
				}
				
					nav ul li ul li a	{
						display: block; 
						height: auto; 
						width: 150px; 
						padding: 5px; 
						font-size: 11px; 
						font-weight: normal; 
						color: #000 !important; 
						background: #f7ca91 !important; 
					}
					nav ul li ul li a:hover	{
						color: #f7ca91 !important; 
						background: #d15713 !important; 
					}

aside article	{
	text-align: left; 
	color: #fff; 
	font-size: 10px; 
}
aside.left article	{
	font-size: 13px; 
}

aside article ul	{
	margin: 0; 
	padding: 0 0 0 5px; 
	list-style-position: inside; 
}

aside article a	{
	color: #ed732f; 
	font-weight: normal; 
}
aside article a:hover	{
	color: #d15713; 
}
aside.left article a	{
	color: #fff; 
}
aside.left article a:hover	{
	color: #d15713; 
}

/* Divs */
header, footer, nav, section, aside, article	{
	display: block; 
}

div#ie6warning	{
	display: none; 
	position: absolute; 
	z-index: 200; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 15px; 
	background: #fdffc4; 
	border-bottom: 1px solid #777; 
	text-align: left; 
}

div#container	{
	position: relative; 
	width: 940px; 
	margin: 0 auto; 
	/*background: url(/images/66/background-content.jpg) center top repeat-y; */
}

	header	{
		position: relative; 
		width: 100%; 
		height: 440px; 
		background: url(/images/69/background-header.png) center center no-repeat; 
	}

		div#headerLogos	{
			position: absolute; 
			top: 30px; 
			left: 0; 
			width: 100%; 
			height: 61px; 
			text-align: center; 
		}
		
			div#headerLogos img	{
				margin: 0 10px; 
				border: none; 
			}
		
		div#headerImage	{
			position: absolute; 
			top: 130px; 
			left: 0; 
			width: 100%; 
			height: 286px; 
			/*background: url(/images/68/background-header-image-1.jpg) center top no-repeat; */
		}
		
		div#headerLIMSCLogo	{
			position: absolute; 
			top: 160px; 
			left: 0; 
			width: 100%; 
			height: 194px; 
			background: url(/images/70/header-logo-limsc-key-to-the-future.png) center top no-repeat; 
		}
		
		div#headerTopBar	{
			position: absolute; 
			top: 50px; 
			left: -32px; 
			background: url(/images/67/header-bar-top.png) center center no-repeat; 
			width: 1004px; 
			height: 174px; 
		}
		
		nav	{
			position: absolute; 
			top: 335px; 
			left: -31px; 
			width: 1011px; 
			height: 171px; 
			background: url(/images/76/header-bar-bottom.png) center center no-repeat; 
		}
	
	div#wrapper	{
		position: relative; 
		width: 100%; 
		padding-top: 40px; 
	}
	
		section#main	{
			position: relative; 
			float: left; 
			width: 568px; 
			padding: 10px; 
			text-align: left; 
		}
	
			section#main div.shortnews	{
				display: none; 
			}
			section#main div.fullnews	{
				display: block; 
			}
			
		aside	{
			position: relative; 
			width: 176px; 
			text-align: center; 
		}
			aside.left	{
				float: left; 
			}
			aside.right	{
				float: right; 
			}
			
			aside article	{
				position: relative; 
				top: 20px; 
				margin: 0 auto 60px auto; 
				padding: 0 7px; 
				width: 143px; 
				min-height: 100px; 
				background: url(/images/74/background-aside-centre.png) center top repeat-y; 
			}

				aside article img.top	{
					position: absolute; 
					top: -20px; 
					left: 0; 
				}
				aside article img.bottom	{
					position: absolute; 
					bottom: -23px; 
					left: 0; 
				}
				
				aside.right article div.shortnews	{
					display: block; 
				}
				aside.right article div.fullnews	{
					display: none; 
				}

div.spacer	{
	position: relative; 
	clear: both; 
	width: 100%; 
}

/* Images */
img	{
	border: none; 
}

img.rand_gecentreerd, img.rand_links, img.geenrand_links, img.rand_rechts, img.geenrand_rechts	{
	border: 1px #000000 solid; 
	margin: 7px; 
}
	
img.rand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
}

img.geenrand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
	border: none; 
}

img.rand_links	{
	float: left; 
}

img.geenrand_links	{
	float: left; 
	border: none; 
}

img.rand_rechts	{
	float: right;
}

img.geenrand_rechts	{
	float: right; 
	border: none; 
}

.emailhover img	{
	cursor: pointer; 
	margin-top: 0; 
	margin-bottom: -2px; 
}

/* TinyMCE specific rules */
.mceContentBody a { 
	color: #d15713 !important; 
	text-decoration: none !important; 
	font-weight: bold !important; 
 }
.mceContentBody { background: transparent; text-align: left; }