html, body{  
	text-align:center; /*For IE6 Shenanigans*/  
	font: 11px Verdana, Geneva, sans-serif;
	line-height:16px;
	background: #000 url(../mgs/bg.jpg) fixed;
	margin:0 0 0 0;
}

#wrapper{  
	width:1026px; 
	margin:0 auto;
	text-align:left; 
	overflow: hidden;
}

/* =================================================*/

/* Had to set the height for each page.
Slightly annoying, I know.... */ 

#contentPage #contentColumns{ height:600px; }
#contentPageHome #contentColumns{ height:155px; }  
#contentPageMTU #contentColumns{ height:490px; }
#contentPageHooft #contentColumns{ height:870px; }
#contentPageVersneller #contentColumns{ height:430px; }
#contentPageVragen #contentColumns{ height:480px; }
#contentPageEducatie #contentColumns{ height:520px; }
#contentPageFractal #contentColumns{ height:450px; margin:0; padding:0;}
#contentPageAgenda #contentColumns{ height:600px; } 
#contentPageSponsoren #contentColumns{ height:550px; } 

/*==================================================*/

#container{
	width:986px;
	padding:0 20px;
	background: url(../mgs/shadow.png) repeat-y;
}

#shadowBottom{
	width:1026px;
	height:37px;
	background: url(../mgs/shadowBottom.png) no-repeat;
}

#header{
	height:128px; 
	background: #fff url(../mgs/uu_logo_header.jpg) no-repeat;
}         

#menu{
	width:970px;
	height:24px;
	position:relative;
	top:79px;
	left:8px;
	background-color: #000;
	font-size:10px;
	color:#fff; 
}

#menu ul{
	font-weight:bold;
	position:absolute;
	padding:0;
	margin:0;
}       

#menu ul li{
	padding:4px 8px;
	display:inline; 
	border-right: 1px solid #696969;
	float:left;
}

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

#menu ul li a:hover{
	color:#20df51;
}

#menu ul #current{ 
  background-color: #696969;
}

#contentColumns{
	width:946px;
	height:auto;
	padding:0 20px;
	background: #17181c url(../mgs/deco2.png) no-repeat bottom;	
}

#columnFractal{
	width:986px;
	padding:0;
}

.column{
	width:304px;
	margin:10px 10px 0 0;
	float:left;
}

.columnLogo{
	width:250px;
	height:500px;
	margin:10px 0 0 0;
	float:left;
	color:#333333;
	background-color:#ffffff;
}

.columnWide{
	width:608px;
	margin:10px 10px 0 0;
	float:left;
}

.textTitle{	
	width:250px;
/*	color:#fff;*/
	color:#20df51;	
	margin:15px 0 6px 0;
	font-weight:bold;
	font-size: 1.2em;
}

.textBody{
	color:#fff;
	width:290px;
}

.textSmallLogo{
	font-size:8.5px;
	line-height:10px;
	padding-left:10px;
	color:#333333;
}

.button{
	width:250px;
	height:19px;
	padding-left:35px;
	margin:7px 0;
	display:block;
	color:#20df51;
	font-weight:bold;
	font-size:10px;
	background: url(../mgs/btnbg.png) no-repeat 0 5px;
} 

.dList dt{
	padding:0 0 0 13px;
	font-weight:bold;
	color:#fff;
	font-size: 1.1em;
}

.dList .info{
	padding:0 0 12px 13px;
	margin:0;
	font-weight:normal;
	font-size: 10px;
}

.dListAgenda dt{
  	padding:0 0 0 13px;
	font-weight:bold;
   color:#20df51;
	font-size: 1.1em;
	background: url(../mgs/bullet.png) no-repeat 0 5px; 
}

.dListAgenda .info{
	padding:0 0 0 13px;
	margin:0;
	font-weight:normal;
	font-size: 10px;
}

.dListAgenda .date {
	padding:0 0 0 13px;
	margin:0;
	font-weight:bold;
	font-size: 10px;
} 

.dListAgenda .time {
	padding:0 0 12px 13px;
	margin:0;
	font-weight:normal;
	font-size: 10px;
}

.dListAgenda dt{
  	padding:0 0 0 13px;
	font-weight:bold;
   color:#20df51;
	font-size: 1.1em;
	background: url(../mgs/bullet.png) no-repeat 0 5px; 
}

.list{
  	padding:0 0 12px 13px;
	margin:0;
	font-weight:normal;
	font-size: 10px; 
}

.list{
	padding-left:35px;
}

.list li, .list li a{
	padding:0;
	color:#fff;
}

.list li a:hover{
	padding:0;
	color:#86ffa6;
}

.qList li, .qList li a{
	margin:13px 0;
	padding:0;
	color:#fff;
	font-weight:bold;
}

.qList li a:hover{
	margin:13px 0;
	padding:0;
	color:#86ffa6;
}

/*.qList li a:visited{
	margin:13px 0;
	padding:0;
	color:#20df51;
}*/

.qList .current{
	margin:13px 0;
	padding:0;
	color:#20df51;
}

.deco{ 
	width:136px;
	height:140px;
	position:relative;
	float:right;
	bottom:140px;
}

.logoImage{
	margin:20px 0 2px 40px;
}


#contentColumns img{
	margin:3px 0;
}

.imageSmall{
	  padding:0 10px 5px 0;
	  float:left;
}


.imageText{
	margin:0 0 0 20px; 
	color:#fff;
	font-size:8.5px;
	line-height:10px;
}

.movie{
	z-index:699;
}

a img{
	border:none;
}

a{
	text-decoration:none;
	color:#20df51;
}

a:hover{
	text-decoration:none;
	color:#86ffa6;
}

h3{
	font-size:1.1em;
	margin-bottom:5px;
}

p {
	margin-top:0;
}

.topSpacer{
	height:15px;
}

#flasher{
	height:327px;
}

#contentPageHome #contentColumns{
	background: #17181c url(../mgs/deco1.png) no-repeat bottom; 
}

#contentPageHome .textTitle{
	margin:6px 0;
	font-weight:bold;
	font-size: 1.4em;
}

#contentPageHome .textBody{
	width:220px;
}

/*#contentPageHome .deco{ 
	background: url(../mgs/deco1.png) no-repeat;
}

#contentPage #contentColumns{
	padding:0 20px;
	background: #17181c url(../mgs/deco2.png) no-repeat bottom; 
}*/

#contentPage .textTitle{
	margin:15px 0 6px 0;
	font-weight:bold;
	font-size: 1.2em;
}

#contentPage .textBody{
	
}