body {
	background-color:#57085e;
}
	#container {
		display:block;
		width:960px;
		margin-left:auto;
		margin-right:auto;
	}
		#header {
			display:block;
			height:235px;
			background-image:url(../images/default_header.jpg);
			background-position:271px 27px;
			background-repeat:no-repeat;
		}
			#header .overlay {
				display:block;
				height:235px;
				background-image:url(../images/ui_header.png);
				background-position:top left;
				background-repeat:no-repeat;
			}
			#header h1 span,
			#header hr {
				display:none;
			}
			#header h1 {
				display:block;
				position:absolute;
				margin-left:40px;
				margin-top:55px;
			}
			#header h1 a {
				display:block;
				width:205px;
				height:95px;
				background-image:url(../images/logos/heliomareonderwijs.png);
				background-position:center;
				background-repeat:no-repeat;
			}
			
			#topmenu {
				display:block;
				float:right;
				width:552px;
				height:27px;
				overflow:hidden;
				padding-right:15px;
			}
				#topmenu ul {
					display:block;
					float:left;
					margin:0;
					padding:0;
				}
				#topmenu ul li {
					display:block;
					float:left;
					margin:0;
					padding:0;
					list-style:none;
					list-style-image:none;
				}
				#topmenu ul li a {
					display:block;
					font-size:11px;
					line-height:27px;
					font-weight:bold;
					/*text-transform:capitalize;*/
					color:#57085e;
					padding-left:10px;
					padding-right:5px;
					background-image:url(../images/blue_dot_small.png);
					background-position:center left;
					background-repeat:no-repeat;
				}
				#topmenu ul li a:hover {
					color:#C9350F;
				}
				#topmenu ul li a.first {
					padding-left:0px;
					background-image:none;
				}
				#topmenu ul ul {
					display:none;
				}
				
				#topmenu div.search {
					display:block;
					float:left;
					height:27px;
					border-left:2px solid #d7c600;
					padding-left:8px;
				}
					#topmenu div.search form {
						display:block;
						padding-top:4px;
					}
					#topmenu div.search form input.input {
						width:120px;
					}

				#topmenu .sizemenu {
					display:block;
					float:right;
					background-color:#57085e;
				}
					#topmenu .sizemenu span a {
						display:block;
						width:25px;
						height:25px;
						color:#fff;
					}
					#topmenu .sizemenu span a:hover {
						text-decoration:underline;
					}
					#topmenu .sizemenu span {
						display:block;
						float:left;
						width:25px;
						height:25px;
						font-weight:bold;
						color:#fff;
						text-align:center;
						line-height:32px;
						cursor:pointer;
						border:1px solid #57085e;
					}
					#topmenu .sizemenu span.big {
						background-color:#702d76;
						border-color:#702d76;
						font-size:16px;
						line-height:28px;
					}
					#topmenu .sizemenu span.large {
						background-color:#89528e;
						border-color:#89528e;
						font-size:20px;
						line-height:26px;
					}
					#topmenu .sizemenu span.hover {
						border-color:#fff;
					}
					
			#menu {
				display:block;
				height:42px;
				position:absolute;
				margin-top:176px;
				margin-left:245px;
			}
				#menu ul {
					display:block;
					margin:0;
					padding:0;
				}
				#menu ul li {
					display:block;
					float:left;
					margin:0;
					padding:0;
					list-style:none;
					list-style-image:none;
				}
				#menu ul li a {
					display:block;
					font-size:15px;
					line-height:42px;
					font-weight:bold;
					/*text-transform:capitalize;*/
					color:#57085e;
					padding-left:6px;
					background-image:url(../images/blue_dot_big.png);
					background-position:center left;
					background-repeat:no-repeat;
				}
				#menu ul li span.left {
					display:block;
					padding-left:14px;
				}
				#menu ul li.hover span.left {
					display:block;
					background-image:url(../images/button_big_01.png);
					background-position:center left;
					background-repeat:no-repeat;
				}
				#menu ul li span.right {
					display:block;
					padding-right:14px;
				}
				#menu ul li.hover span.right {
					display:block;
					background-image:url(../images/button_big_03.png);
					background-position:center right;
					background-repeat:no-repeat;
				}
				#menu ul li.hover span.middle {
					display:block;
					background-image:url(../images/button_big_02.png);
					background-position:center left;
					background-repeat:repeat-x;
					color:#fff;
				}
				#menu ul li a.first {
					padding-left:14px;
					background-image:none;
				}
				#menu ul ul {
					display:none;
					position:absolute;
					z-index:30;
					border:2px solid #D7C600;
					border-top:0px;
					background-color:#fff;
					padding:10px;
					padding-top:0px;
					padding-bottom:0px;
					margin-left:10px;
				}
				#menu ul ul li {
					float:none;
				}
				#menu ul ul li a {
					display:block;
					line-height:normal;
					padding:0px;
					padding-top:5px;
					padding-bottom:7px;
					background-image:url(../images/hr.png);
					background-position:bottom;
					background-repeat:repeat-x;
					font-weight:bold;
					font-size:12px;
					color:#30a0d6;
				}
					#menu ul ul li a:hover {
						color:#57085e;
					}
				#menu ul ul li a.last {
					background:none;
					padding-bottom:5px;
				}

				
		#content {
			display:block;
			background-image:url(../images/ui_content.png);
			background-position:left;
			background-repeat:repeat-y;
			padding-left:11px;
			padding-right:16px;
		}
			#content div.min_height {
				display:block;
				float:left;
				height:350px;
				width:1px;
			}
		
			#left {
				display:block;
				float:left;
				width:254px;
				padding-top:34px;
			}
				#left .article {
					display:block;
					margin-bottom:30px;
				}
				#left .article div.title {
					display:block;
				}
				#left .article div.content {
					display:block;
				}
				#left .article.last {
					margin-bottom:0px;
				}
			
				#left .article.default {
					display:block;
					width:171px;
					margin-left:32px;
					padding-left:15px;
					padding-right:15px;
				}
				
				
				#left .article.boxed {
					display:block;
					width:201px;
					background-image:url(../images/left_boxed_05.png);
					background-position:left;
					background-repeat:repeat-y;
					margin-left:32px;
					margin-top:-10px;
				}
				#left .article.boxed div.top {
					background-image:url(../images/left_boxed_03.png);
					background-position:top left;
					background-repeat:no-repeat;
				}
				#left .article.boxed div.bottom {
					background-image:url(../images/left_boxed_06.png);
					background-position:bottom left;
					background-repeat:no-repeat;
					padding:10px;
					padding-left:15px;
					padding-right:15px;
				}
				#left .article.boxed div.article.default {
					margin-left:-15px;
				}
				#left .article.boxed div.title img.left_icon {
					position:absolute;
					z-index:1;
					margin-top:-12px;
					margin-left:-55px;
				}
				
				
				#left .page_texts_submenu {
					display:block;
				}
				#left .page_texts_submenu ul {
					display:block;
					padding:0;
					margin:0;
				}
				#left .page_texts_submenu ul li {
					display:block;
					padding:0;
					margin:0;
					list-style:none !important;
					padding-bottom:7px;
					width:200px;
				}
				#left .page_texts_submenu ul li a {
					/*display:block;*/
					font-weight:bold;
					font-style:normal;
					font-size:14px;
					line-height:150%;
					font-weight:bold;
					padding-left:0px;
					color:#57085e;
				}
				#left .page_texts_submenu ul li a:hover {
					color:#2099d2;
				}
				#left .page_texts_submenu ul li img.left_icon {
					margin-top:-13px;
					margin-left:-55px;
				}
				#left .page_texts_submenu ul ul {

				}
				#left .page_texts_submenu ul ul li {
					display:block;
					padding:0;
					margin:0;
					list-style:none !important;
					list-style-image:none !important;
					padding-bottom:0px;
					width:200px;
					padding-left:15px;
				}
				#left .page_texts_submenu ul ul li a {
					/*display:block;*/
					font-weight:bold;
					font-style:normal;
					font-size:12px;
					line-height:140%;
					font-weight:bold;
					padding-left:0px;
					color:#57085e;
				}
				#left .page_texts_submenu ul li a.current_buttonID {
					color:#2099d2;
				}
				
			#middle {
				display:block;
				float:right;
				width:634px;
				padding-left:20px;
				padding-right:20px;
			}
				#middle .breadcrumbs {
					display:block;
					font-size:11px;
					padding-bottom:15px;
				}
				#middle .breadcrumbs,
				#middle .breadcrumbs a {
					color:#818181;
				}
				#middle .breadcrumbs a:hover {
					color:#2099d2;
				}

				#middle .article {
					display:block;
					margin-bottom:40px;
				}
		
			#middle_left {
				display:block;
				float:left;
				width:410px;
			}

			#right {
				display:block;
				float:right;
				width:201px;
				background-color:#30A0D6;
			}
				#right div.top {
					padding-top:10px;
					background-image:url(../images/blue_block_03.png);
					background-position:top center;
					background-repeat:no-repeat;
				}
				#right div.bottom {
					padding-bottom:10px;
					background-image:url(../images/blue_block_08.png);
					background-position:bottom center;
					background-repeat:no-repeat;
				}
				#right .article {
					display:block;
					padding-left:16px;
					padding-right:16px;
					margin:0px;
				}
				#right .article div.title {
					display:block;
					background-image:url(../images/blue_title.png);
					background-position:center;
					background-repeat:no-repeat;
					padding-top:1px;
					padding-bottom:3px;
					padding-left:5px;
					padding-right:5px;
					text-align:center;
				}
				#right .article div.title * {
					color:#30A0D6;
				}
				#right .article div.content {
					padding-left:5px;
					padding-right:5px;
					color:#fff;
				}
		
		#footer {
			display:block;
			padding-top:50px;
			padding-left:7px;
			background-image:url(../images/ui_footer.png);
			background-position:top left;
			background-repeat:no-repeat;			
		}
			#footer hr {
				display:none;
			}
			#footer .copyrights {
				display:none;
				color:#fff;
			}
			
			#bottommenu {
				display:block;
				line-height:21px;
				font-size:11px;
				color:#fff;
				padding-bottom:23px;
			}
				#bottommenu a.logo {
					display:block;
					float:left;
					padding-right:5px;
				}
				#bottommenu ul {
					display:block;
					margin:0;
					padding:0;
				}
				#bottommenu ul li {
					display:block;
					float:left;
					margin:0;
					padding:0;
					list-style:none;
					list-style-image:none;
				}
				#bottommenu ul li a {
					display:block;
					font-weight:normal;
					text-transform:lowercase;
					color:#fff;
					padding-left:10px;
					padding-right:10px;
				}
				#bottommenu ul li a:hover {
					color:#EFE899;
				}
				#bottommenu ul ul {
					display:none;
				}
				
form input.input {
	border:1px solid #30a0d6;
	background-color:#fff;
	height:15px;
	font-size:12px;
}
form input.button,
form input.submit {
	color:#fff;
	background-color:#30a0d6;
	padding:1px;
	font-size:12px;
	font-weight:bold;
	border:none;
}
form span.left.replaced_submit {
	display:inline;
	padding-left:7px;
	background-image:url(../images/button_01.png);
	background-position:top left;
	background-repeat:no-repeat;	
	padding-top:3px;
	padding-bottom:4px;
	cursor:pointer;
}
form span.left.replaced_submit span.right {
	display:inline;
	padding-right:8px;
	background-image:url(../images/button_03.png);
	background-position:top right;
	background-repeat:no-repeat;	
	padding-top:3px;
	padding-bottom:4px;
}
form span.left.replaced_submit span.middle {
	display:inline;
	background-image:url(../images/button_02.png);
	background-position:top;
	background-repeat:repeat-x;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border:none;
	padding-top:3px;
	padding-bottom:4px;
}

.loginform {
	display:block;
}
.loginform span {
	display:block;
	clear:both;
	font-size:11px;
}
.loginform label {
	display:block;
	padding-top:2px;
}
.loginform br {
	display:none;
}

#buttonTitle {
	display:none;
	position:absolute;
	z-index:8;
	width:652px;
	height:21px;
	padding:10px;
	font-size:22px;
	font-weight:bold;
	top:133px;
	margin-left:272px;
	background-image:url(../images/trans_60.png);
	color:#57085E;
}


#content.normal .title,
#content.normal h1 {
	font-size:14px;
}
#content.normal .content {
	font-size:12px !important;
}
#content.normal #left .page_texts_submenu ul li a {
	font-size:14px;
}
#content.normal #left .page_texts_submenu ul ul li a {
	font-size:12px;
}

#content.big .title,
#content.big h1 {
	font-size:18px;
}
#content.big .content {
	font-size:16px !important;
}
#content.big #left .page_texts_submenu ul li a {
	font-size:18px;
}
#content.big #left .page_texts_submenu ul ul li a {
	font-size:16px;
}

#content.large .title,
#content.large h1 {
	font-size:22px;
}
#content.large .content {
	font-size:20px !important;
}
#content.large #left .page_texts_submenu ul li a {
	font-size:22px;
}
#content.large #left .page_texts_submenu ul ul li a {
	font-size:20px;
}


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