/* =============================== DEFAULT =============================== */

	body {
		margin: 0;
		height: 100%;
		font-family: arial;
		font-size: 10px;
		background: #000000 url('../img/background_oms.jpg') no-repeat center top;
		font-weight: normal;
	}

	form {
		padding: 0px;
		margin: 0px;
	}

	a {
		color: #ff8b01;
		text-decoration: none;
		font-weight: bold;
	}

	a:hover {
		text-decoration: underline;
	}

	a.active {
		text-decoration: underline;
	}

	a.uppercase {
		color:#ff8b01;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
	}

	img {
		border: 0px;
	}

	p {
		margin: 0px;
		padding: 0px;
	}

	.content_CMS body {
		background: #ebebeb;
		line-height: 1.5em;
	}

	.content_CMS  {
		background: #ebebeb;
		font-size: 11px;
		line-height: 1.5em;
	}

	.content_CMS h1 {
		color: #22bdff;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		background: url('../img/bg_block_h1.gif');
		background-position: top;
		background-repeat: no-repeat;
		width: 309px;
		padding-top: 10px;
		padding-bottom: 11px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.content_CMS h2 {
		font-size: 130%; color: rgb(115, 202, 239); padding: 0pt; margin: 6px 0pt;
	}

	.content_CMS td, .content_CMS th {
		font-size:11px;
		line-height:1.5em;
		font-family:arial;
	}
	
	.content_CMS p {
		margin: 5px;
		line-height: 1.5em;
	}

	#content_CMS_quote {
		color: #999999;
		background: #FFFFFF;
		font-size: 14px;
		line-height: 18px;
		margin-right: 200px;	
	}

	#content_CMS_quote strong {
		color: #ff8b01;
	}

	#content_CMS_quote a:link  {
		font-weight: bold;
		color: #ff8b01;
		text-decoration: none;
	}

	#content_CMS_student_reaction p {
		line-height: 14px;
		padding: 0;
		margin: 0;
	}

/* =============================== DEFAULT OPMAAK (TOP) =============================== */

	#container {
		margin-left: auto;
		margin-right: auto;
		width: 983px;
		height: auto !important;
		height: 100%;
		font-size: 100%;
	}

	#top {
		position: relative;
		float: left;
		margin-top: 5px;
		width: 100%;
		height: 153px;
	}

	#top_left {
		float: left;
		height: 129px;
	}

	#top_right {
		float: right;
		text-align: right;
		color: #FFFFFF;
	}

	#logo {
		width: 170px;
		height: 82px;
		border: 0px;
	}

	#link_leslokaal {
		font-size: 10px;
		text-align: center;
		float: right;
		padding-top: 10px;
	}

	#link_leslokaal a {
		color: #fa791e;
		text-decoration: none;
	}

	#link_leslokaal a:hover {
		color: #ffffff;
		text-decoration: none;
	}

	#link_leslokaal img {
		border: 0px;
		padding-bottom: 5px;
	}

	#link_leslokaal:hover {
		color: #ffffff;
	}

	#musicmaker {
		display: block;
		position: absolute;
		top: 129px;
		right: 8px;
		width: 406px;
		height: 71px;
	}

/* =============================== DEFAULT OPMAAK (MENU) =============================== */

	#headmenu {
		float: left;
		width: 100%;
		height: 24px;
		margin-right: -3px;
	}

		#headmenu ul {
			position: relative;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#headmenu ul li {
				float: left;
				margin-right: 2px;
			}

			#headmenu ul li a {
				display: block;
				float: left;
				padding-top: 5px;
				width: 110px;
				height: 19px;
				background: transparent url('../img/menu_tab_sprite.gif') no-repeat 0 0;
				font-weight: bold;
				font-size: 11px;
				color: #ffffff;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
			}

			#headmenu ul li a:hover, 
			#headmenu ul li a.active {
				color: #000000;
				background-position: 0 -25px;
				text-decoration: none;
			}

			#headmenu ul li ul {
				display: none;
				position: absolute;
				top: 35px;
				left: 40px;
				_left: -409px;
			}

				#headmenu ul li.active ul { display: block; }

					#headmenu ul li.active ul li {
						margin-right: 10px;
						padding-right: 10px;
					}

						#headmenu ul li.active ul li a {
							padding-top: 0;
							width: auto;
							height: auto;
							color: #ffffff;
							background-image: none;
							text-transform: none;
						}

						#headmenu ul li.active ul li a:hover, 
						#headmenu ul li.active ul li a.active {
							color: #000000;
						}

						#headmenu ul li.active ul li ul { display: none; }

/* =============================== DEFAULT OPMAAK (MAIN) =============================== */

	#main {
		width: 100%;
		float: left;
		background: #ebebeb;
		margin-left: auto;
		margin-right: auto;
	}

	#quote {
		float: left;
		width: 100%;
		color: #999999;
		background-color: #22bdff;
		border-bottom: solid 1px #CCCCCC;
		/*min-height: 55px;*/
		height: 36px;
	}

	#quote_text {
		padding: 10px;
		font-size: 14px;
		line-height: 18px;
		width: 750px;
	}

	#quote_text strong {
		font-weight: bold;
		color: #ff8b01;
	}

	#mainLeft {
		float: left;
		margin-top: 0px;
		width: 299px;
		padding: 0px 0px 0px 0px;
	}

	#mainContent {
		float: left;
		margin-top: 0px;
		width: 681px;
		vertical-align: top;
		padding-top: 13px;
		overflow: hidden;
	}

/* =============================== DEFAULT OPMAAK (BOTTOM) =============================== */

	#bottom {
		float: left;
		width: 100%;
		background-color: #ffffff;
		text-align: right;
		font-size: 10px;
	}

	#bottom #bottom_text {
		float: right;
		padding-right: 10px;
		color: #999999;
		margin-top: 3px;
		padding: 0 10px;
	}

	#bottom a {
		color: #999999;
	}

	#bottom a:hover {
		color: #999999;
		text-decoration: underline;
	}

	#footermenu {
		float: right;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	#footermenu  li {
		float: left;	
	}

	#footermenu  li a {
		background: transparent url('../img/footer-tussen.gif') no-repeat scroll 0 3px;
		background-position: right;
		display: block;
		float: left;
		height: 14px;
		padding: 0 10px;
		text-align: center;
	}

/* =============================== DEFAULT OPMAAK (LEFT) =============================== */

	#content_block_left {
		float: left;
		margin-bottom: 20px;
		margin-left: 8px;
		overflow:hidden;
		width:286px;
	}

	#content_block_left #block_title {
		background: url('../img/bg_block_top_left.gif');
		background-position: top;
		background-repeat: no-repeat;
		width: 286px;
		height: 49px;
	}

	#content_block_left .block_text {
		padding: 10px;
		background-color: #ffffff;
		background-position: bottom;
		background-repeat: no-repeat;
		background-image: url('../img/bg_block_bottom_left.gif');
		font-size: 11px;
	}

	.block_quote  {
		height: 55px;
		margin-bottom: 10px;
		width: 266px;
	}

	.block_quote img {
		float: left;
		margin-right: 10px;
	}

	.block_quote h2 {
		color: #ff8b01;
		font-size: 11px;
		margin: 0px;
	}

	#content_block_left #block_title h1 {
		color: #22bdff;
		font-size: 12px;
		text-transform: uppercase;
		margin-left: 18px;
		padding-top: 22px;
		font-weight: bold;
	}

	.min_height {
		min-height: 300px;
	}

	#status_icons {
		list-style-type: none;
		margin: 0px;
		padding-left: 20px;
		font-size: 12px;
		font-weight: bold;
	}

	#status_icons li {
		float: left;
		margin-right: 2px;
		width: 30%;
	}

	#status_icons img {
		float: left;
		padding-right: 5px;
		border: 0px;
	}

	#status_icons .icon_link {
		margin-top: 0px;
		padding-top: 0px;
		padding-top: 10px; 
	}

	#status_icons a {
		float: left;
		color: #ffffff;
		text-transform: uppercase;
	}

/* =============================== CONTENT BLOCKS =============================== */

	.content_block {
		float:left;
		width:340px;
		margin-bottom:20px;
		padding:0px;
		margin:0px;
		overflow:hidden;
	}


	.content_block .block_text {
		font-size:11px;
		border-bottom:solid 1px #CCCCCC;
		margin:5px;
		padding-bottom:15px;
		line-height:1.5em;
		float: left;
	}

	.content_block .block_text p {
		margin: 5px;
	}

	.content_block .block_text h1 {
		color: #22bdff;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		background: url('../img/bg_block_h1.gif');
		background-position: top;
		background-repeat: no-repeat;
		width: 309px;
		height: 18px;
		padding-top: 10px;
		padding-bottom: 11px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0px;
	}

	.content_block .block_text  h1 b {
		font-family: "Times New Roman";
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		position: relative;
		float: right;
		bottom: 17px;
	}

	.content_block .block_text h2 {
		font-size: 130%; color: rgb(115, 202, 239); padding: 0pt; margin: 6px 0pt;
	}

	#status_block {
		width: 100%;
		height: 122px;
		background: url('../img/bg_status_block.jpg');
	}

	#status_block .block_text {
		font-size: 12px;
		padding: 22px;
		font-weight: bold;
		color: #555555;
	}

	#extra_info_block {
		display: none;
		width: 100%;
	}

	#extra_info_block .top {
		width: 100%;
		height: 8px;
		line-height: 0px;
		font-size: 0px;
		background-image: url('../img/bg_extra-info-block_top.gif');
		background-repeat: no-repeat;
	}

	#extra_info_block .content {
		width: 100%;
		font-size: 12px;
		color: #ffffff;
		background-image: url('../img/bg_extra-info-block_content.gif');
		background-repeat: repeat-y;
	}

	#extra_info_block .content .html {
		/* als dit in de class .content wordt gezet, gaat de rest van de pagina kapot */
		padding-left: 22px;
	}

	#extra_info_block .bottom {
		width: 100%;
		height: 9px;
		line-height: 0px;
		font-size: 0px;
		background-image: url('../img/bg_extra-info-block_bottom.gif');
		background-repeat: no-repeat;
	}

	#formQuickmail .left {
		float: left;
		width: 107px;
	}

	#formQuickmail .right {
		float: left;
	}

	#formQuickmail a {
		color: #000000;
	}

/* =============================== THEMPLATE HOMEPAGE =============================== */

	#homepage_block {
		float:left;
		width:680px;
		height:257px;
		overflow: hidden;
	}
	#homepage_block #movie {
		float:left;
		border:solid 4px #ffffff;
		margin-right:10px;
		background:#000000;
		width:443px;
		height:240px;
	}
	#homepage_block #movie embed{
		width:443px;
		height:240px;
	}


	#homepage_block #startnow {
		float:left;
		width:213px;
		height:251px;
	}
	#homepage_block #signin {
		float:left;
		background: transparent url(../img/bg_homepage_signin.gif) no-repeat 0 0;
		width:213px;
		height:251px;
	}
	#signin .block_text {
		font-size:12px;
		font-weight:bold;
		color:#555555;
		padding-bottom: 4px;
	}
	#signin #signin_form {
		font-size: 11px;
		color:#555555;
		padding:10px;
	}

	#signin #signin_form .field {
		width:100%;
		border: solid 1px #cccccc;
		font-size: 11px;
		float:left;	
		height:16px;
		margin-bottom:5px;
		color:#555555;
		font-weight:bold;
	}

	ul.news {
		margin: 0;
		padding: 0;
		margin-left: 20px;
	}

	ul.news li {
		margin: 0 2px;
		padding: 0px;
		margin-top: 4px;
		list-style: disc;
		color: #FF8B01;
	}

	.readMore {
		text-align: right;
		display: block;
		padding-right: 7px;
		padding-bottom: 3px;
		padding-top: 6px;
	}

/* =============================== FORMULIER OPMAAK =============================== */

	input, textarea, select {
		border: solid 1px #cccccc;
		font-family: Verdana;
		font-size: 11px;	
	}
	input.smallInput{

		

	}
	#signin input.checkbox {

		width:18px;
		height:18px;
		border: none;
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:block;
		float:left;
	}

	#signin input.radio {

		display:block;
		float:left;
		border:none;
	}

	#signin label{
		display:block;
		float:left;
		margin-top:px;
		padding:0;
	}

	.xxsmall {
		width:30px;
	}
	.xsmall {
		width:50px;
	}
	.small {
		width:100px;
	}
	.normal {
		width:250px;
	}
	.medium {
		width:150px;
	}
	.long {
		width:100%;
	}
	.button {
		font-size: 10px;
		font-weight:bold;
		color:#FFFFFF;
		background:#ff8b01;
		border:0px;
		float:right;
		text-transform:uppercase;
		cursor:pointer;
		
	}
	.row {
		float:left;
		width:310px;
		margin:5px;
	}

	.lastrow {
		padding-bottom: 12px;
		border-bottom:solid 1px #CCCCCC;
	}

	#interestsGroupValue{

		padding:10px 0 20px 0;
		height:48px;
	}


	.column {

		float:left;
		width:105px;
		
	}


	.columnSmall {
		float:left;
		width:70px;

	}
	.row .left {
		float:left;
		width:80px;
	}
	.row .right {
		float:left;
		width:220px;
	}
	.redTextMedium {
		float:left;
		width:100%;
		color:#ff8b01;
		font-size:9px;
	}
	.left {
		float:left;
	}
	.right {
		float:right;
	}


	.clearAll {
		clear: both;
		line-height: 0px;
		height: 0px;
	}

	.formRemark {
		color: grey;
		font-size: 80%;
	}

/* =============================== VIDEO PLAYER =============================== */

	.player {
		background:#000000 none repeat scroll 0 0;
		height:411px;
		margin-bottom:10px;
		width:750px;
	}