/* CSS Document */

body { 
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
	overflow-x: hidden; 
}

/* HEADER
-----------------------------------------------------------*/
#header {
	float:left;
	position:relative;
	height:70px;
	margin:0; 
	padding:0;
	width:100%;
}
.logo {display:block;}

/* LIST 
-----------------------------------------------------------*/
ul {list-style:none;}

/* MENU (+submenu)
-----------------------------------------------------------*/
div#menu {	
	float:left;
	position:relative;
	margin:0;
	padding:6px 5px;
	width:100%;	
	height:18px; /* 30 */
	overflow:hidden;
	background:url(img/gradient_menu.gif) #979797;
}
.btn {
	min-width:30%;
	border-right:1px solid #fff;}

.btnlaatste {
	min-width:30%;
}
	
ul#submenu {
	float:left;
	position:relative; margin:4px 0; padding:0; width:100%; display:block;}


/* BODY
-----------------------------------------------------------*/
#container {	
	float:left;
	position:relative;	
	min-height:100%;
	width:100%;	
}
ul.note {
	float:left;
	position:relative;	
	margin:0;
	padding:0 5px;
	width:97%;}
ul.note li {
	display:block; 
	width:100%;
	border-bottom:1px dotted #979797; 
	padding:2px;}


dl.tweet {
	float:left;
	position:relative;
	margin:5px; 
	padding:0;
	width:97%;}
dl.tweet dd {margin:0; padding:0;
	width:97%;}	
	
.update {margin:5px;}
.count, .action {
	float:left;
	margin:0; 
	padding:0;}	

#title {
	float:left;
	position:relative; margin:0; padding:0; height:25px; width:100%; text-align:left; background-color:#418be0}	
#title .prev {float:left; width:20%; border-right:1px solid #fff;}
#title .t {float:left; margin:5px; text-align:left;} 
#title .next {float:right; width:20%; border-left:1px solid #fff;}
#title img {float:right;}


#timetable {
	float:left;
	position:relative; margin:0; padding:0; width:100%; }
a.time {min-width:20%; margin:2px 0; padding:0 2px; text-align:center; border-right:1px dotted #979797;}




/* POST 
-----------------------------------------------------------*/	
.post {
	float:left;position:relative;
	width:97%;
	margin:5px 0 0 5px;
	padding:5px; 
	display:block;}
.avatar {
	float:left;
	margin:1px 5px 0 0;
	padding:0;}	
.time, .txt {
	margin:0;
	padding:0;
	}
 
/* FOOTER
-----------------------------------------------------------*/
#banner {	
	float:left;
	position:relative;
	display:inline-block;
	height:50px;
	width:100%;	
	margin:5px 0 2px 0}
#footer {	
	float:left;
	position:relative;
	display:inline-block;
	height:50px;
	width:100%;	}
#footer img, #banner img {float:right;}