body {
	padding:0;
	margin:0;
	background-color:#000;
	background-image:url(../images/background_image.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-attachment:fixed;
	color:#000;
}


#astronaut,
#scroller {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:2;
	color:#fff;
}
#astronaut {
	overflow:hidden;
	z-index:1;
	background-image:url(../images/spacemanimatie.gif);
	background-position:-100px center;
	background-repeat:no-repeat;
}


	#container {
		display:block;
		width:980px;
		padding:10px;
		margin-left:auto;
		margin-right:auto;
	}

		#header {
			display:block;
			/*height:101px;*/
		}
			#header h2.logo {
				display:block;
				float:left;
			}
			#header a.logo {
				display:block;
				width:284px;
				height:101px;
				background-image:url(../images/missie_maan_logo.gif);
				background-repeat:no-repeat;
				margin-bottom:10px;
			}
			#header .logo i {
				display:none;
			}
			#header h3 {
				display:none;
			}
			
		#iambuts {
			display:block;
			float:left;
			padding-top:10px;
		}
		
		#menubar {
			display:block;
			float:right;
		}

		#menu {
			display:block;
			float:right;
			width:590px;
			clear:right;
		}
			#menubar ul {
				display:block;
				margin:0;
				padding:0;
				float:right;
			}
			#menubar ul li {
				display:block;
				margin:0;
				padding:0;
				list-style:none;
				float:left;
				padding-left:20px;
			}
			#menubar ul li a {
				display:block;
				text-transform:uppercase;
				font-size:12px;
				color:#fff;
				font-weight:bold;
				text-shadow: 0px 0px 2px #000000;
				filter: dropshadow(color=#000000, offx=0, offy=-1);
			}
			#menubar a.current_buttonID,
			#menubar a:hover {
				color:#f00 !important;
			}
			#menubar ul ul {
				display:none;
			}
			
			#submenu {
				display:block;
				background-image:url(../images/submenu.jpg);
				background-position:center;
				background-repeat:no-repeat;
				margin-bottom:10px;
				overflow:hidden;
			}
			#submenu ul {
				display:block;
				margin:0;
				padding:0;
				margin-left:-1px;
			}
			#submenu ul li {
				display:block;
				margin:0;
				padding:0;
				list-style:none;
				float:left;
				padding-left:10px;
				padding-right:10px;
				background-image:url(../images/menu_split.gif);
				background-repeat:no-repeat;
				background-position:left;
			}
			#submenu ul li.first {
				background-image:none;
			}
			#submenu ul li a {
				display:block;
				color:#fff;
				height:24px;
				line-height:24px;
				float:left;
			}
			#submenu a.current_buttonID,
			#submenu a:hover {
				color:#ffeea4 !important;
			}
			#submenu ul ul {
				display:none;
			}
			
			
		#content {
			display:block;
			clear:both;	
		}
			#content .article {
				display:block;
				margin-bottom:10px;
			}
			#content .article div.title {
				display:block;
			}
			#content .article div.title * {
				display:inline;
			}
			#content .article div.content {
				display:block;
			}
			
		#content .left_block {
			display:block;
			float:left;
			width:720px;
		}
			#left {
				display:block;
				width:440px;
				float:left;
			}
			#left.large {
				display:block;
				width:720px;
				float:left;
			}
				#container #left .article.default {
					display:block;
					background-image:url(../images/back_red.gif);
					padding:5px;
				}
				#left .default div.title_margin {
					display:block;
					/*margin-right:28px;*/
				}
				#left .default div.title {
					display:block;
					background-repeat:no-repeat;
					background-position:center right;
					height:29px;
					overflow:hidden;
					padding-left:5px;
					background-image:url(../images/title_long.gif);
				}
				#left .default div.title * {
					line-height:29px;
					font-size:18px;
				}

				#left .blank {
					display:block;
					padding:0;
					margin:0;
				}
				#left .blank .title {
					display:none !important;
				}
			
			#middle {
				display:block;
				float:right;
				width:367px;
				margin-left:20px;
			}
			
		#right {
			display:block;
			float:right;
			width:250px;
			/*padding-top:111px;*/
		}
			#menu .default,
			#right .default {
				display:block;
				background-image:url(../images/right_block_trans_top.png);
				background-repeat:no-repeat;
				background-position:top;
				padding:1px;
				padding-bottom:0;
				margin-bottom:10px;
			}
			#menu .default {
				width:248px;
				float:right;
			}
			#menu .default div.title,
			#right .default div.title {
				padding-left:5px;
				padding-right:5px;
			}
			#menu .default div.title *,
			#right .default div.title * {
				color:#fff;
			}
			#menu .default div.content,
			#right .default div.content {
				display:block;
				padding:5px;
				border-bottom:1px solid #65ebe3;
			}
			#menu .article.default {
				margin-top:10px;
				background-position:bottom;
				padding-top:0;
			}
			#menu .article.default div.content {
				border-top:1px solid #65ebe3 !important;
			}
			#right .blank {
				padding-left:1px;
			}

#twitter_update_list li {
	display:block;
	list-style:none;
	padding-bottom:5px;
}

.banner_module {
	display:block;
}
.banner_module a {
	display:block;
	border:1px solid #65ebe3;
	margin-bottom:10px;
}


.countdown_module {
	display:block;
	/*padding-bottom:5px;*/
}
.countdown_module span {
	display:block;
	float:left;
	margin-right:5px;
	line-height:normal !important;
	text-align:center;
}
.countdown_module b {
	display:block;
	font-size:30px;
	font-weight:normal;
}
.countdown_module .sep {
	font-size:30px;
}


.moonphases_module {
	display:block;
	cursor:pointer;
}
.moonphases_module .moon_phase {
	padding-top:3px;
}
.moonphases_module div.moon_info {
	display:none;
	position:absolute;
	z-index:3;
	width:240px;
	margin-top:-100px;
	font-size:10px;
	line-height:normal;
}


.loginform {
	display:block;
}
.loginform strong {
	display:block;
	font-weight:normal;
}
.loginform form br {
	display:none;
}
.loginform label {
	display:block;
	padding-bottom:2px;
}
.loginform label.login {
	width:170px;
	float:left;
}
.loginform label.password {
	padding-bottom:10px;
	width:170px;
	float:left;
}
.loginform label span {
	display:block;
	float:left;
	width:60px;
}
.loginform label input.input {
	width:100px;
}
.loginform .submit,
.loginform label.login_but {
	display:block;
	float:right;
}
.loginform a {
	display:block;
	clear:both;
}

			
.news_module div.more_info {
	display:inline;
	clear:none;
	padding-left:10px;
	white-space:nowrap;
}
.news_module span.news_date_dash {
	display:none !important;
}
.news_module span.news_date {
	display:block;
	float:right;
	font-size:9px !important;
	padding-top:3px !important;
}


.register_module {
	display:block;
}
.register_module div.row {
	display:block;
	padding-bottom:5px;
}
.register_module label.label {
	display:block;
	width:170px;
	float:left;
	padding-right:5px;
	text-align:right;
}
.register_module span.field {
	display:block;
	float:right;
	width:253px;
}
.register_module div.row.submit {
	text-align:right;
}
.register_module div.row.highlight input {
	background-color:#FFEFA4 !important;
}


.i_am_buttons_module {
	display:block;
	overflow:hidden;
	margin-left:-5px;
	padding-bottom:10px;
}
.i_am_buttons_module b {
	display:none;
}
.i_am_buttons_module a {
	display:block;
	width:112px;
	height:74px;
	float:left;
	margin-left:5px;
	background-image:url(../images/i_am_buttons.gif);
	background-repeat:no-repeat;
}
.i_am_buttons_module a.leeraar {
	background-position:-9px -8px;
}
.i_am_buttons_module a.leeraar:hover {
	background-position:-9px -100px;
}
.i_am_buttons_module a.vrijwilliger {
	background-position:-129px -8px;
}
.i_am_buttons_module a.vrijwilliger:hover {
	background-position:-129px -100px;
}
.i_am_buttons_module a.leerling {
	display:none; /* just for now! */
	background-position:-249px -8px;
}
.i_am_buttons_module a.leerling:hover {
	background-position:-249px -100px;
}


.vrijwilligers_module {
	display:block;
}
.vrijwilligers_module div.row {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #B34B3D;
}
.vrijwilligers_module .listing div.head {
	border-bottom:2px solid #fff;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}
.vrijwilligers_module .listing span {
	display:block;
	float:left;
	margin-right:3px;
}
.vrijwilligers_module .listing span.name {
	width:170px;
}
.vrijwilligers_module .listing span.company {
	width:170px;
}
.vrijwilligers_module .listing span.city {
	width:85px;
}
.vrijwilligers_module .listing div span.telescoop {
	width:75px;
	margin-right:0px;
	text-align:center !important;
}
.vrijwilligers_module .listing div span.guest_teacher {
	width:75px;
	margin-right:0px;
	text-align:center !important;
}
.vrijwilligers_module .listing div span.available {
	width:90px;
	margin-right:10px;
}
.vrijwilligers_module .details ,
.vrijwilligers_module .details .extra ,
.vrijwilligers_module .details .row {
	display:block;
}
.vrijwilligers_module .details label {
	display:block;
	float:left;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	width:240px;
}
.vrijwilligers_module .details span.field {
	display:block;
	float:left;
}

.vrijwilligers_module .react_form textarea {
	width:490px;
	height:150px;
}

.calendar_selector .calendar_table {
	float:left;
	border:1px solid #fff;
	margin-left:10px;
	font-size:10px;
}
.calendar_selector .calendar_table td {
	text-align:center;	
}
.calendar_selector .calendar_table .calendar_week {
	color:#914B00;
}
.calendar_selector .calendar_table .calendar_title {
	font-weight:bold;
}

#container.buttonID_6 #left .article.default {
	background-image:url(../images/back_blue.gif) !important;
}
#container.buttonID_7 #left .article.default {
	background-image:url(../images/back_orange.gif) !important;
}
#container.buttonID_7 #submenu {
	background-image:url(../images/submenu_o.jpg) !important;
}


/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:2px solid #fff;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:30px; height:29px; display:inline; z-index:3200; position:absolute; top:-20px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

.alert {
	background-color:#FFEEA3;
	color:#9A131A;
	text-align:center;
}
.alert .string {
	font-size:14px;
	display:block;
	padding-top:20px;
	padding-bottom:20px;
}