html {
	overflow-y: scroll;
}
html, body {
  font-family: sans-serif;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: center;
  min-width: 780px;
  color: #000;
  line-height: 12pt;
  background: #EFEFEF;
	/* IE only, sadly breaking validation, but all in the name of good looks ;) */
	scrollbar-arrow-color:#770442;
	scrollbar-base-color:#F5F6FA;
	scrollbar-face-color:#F5F6FA;
	scrollbar-shadow-color: #666464;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #F5F6FA;
	scrollbar-darkshadow-color: #F5F6FA;
	scrollbar-track-color: #F5F6FA; 
}
/**********************************/
/*             Elements           */
/**********************************/

p, div, span, table, ul, li {
	font: normal normal normal 11px arial;
  color: #000;
}

li {
  margin-top: 4px;
}

p {
  margin: 0px 0px 10px 0px;
  line-height: 12pt;
}

em {
  color: #770442;
  font-style: normal;
}

h1, .componentheading {
	font: normal normal normal 16pt arial;
  color: #770442;
  padding: 0pt 0pt 12pt 0pt;
  margin: 0;
  width: 100%;
}

h1 em, h2 em, h3 em, h4 em {
  color: #999999;
  font-style: normal;
}

h2 {
	font: normal normal normal 14pt arial;
  color: #999999;
  padding: 0pt 0pt 12pt 0pt;
  margin: 0;
}

h3 {
	font: normal normal normal 12pt arial;
  color: #999999;
  padding: 0pt 0pt 12pt 0pt;
  margin: 0;
}

h4 {
	font: normal normal normal 10pt arial;
  color: #999999;
  font-weight: bold;
  padding: 10pt 0pt 6pt 0pt;
  margin: 0;
}

hr {
  width: 100%;
  border: none;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

table {
  vertical-align: middle;
  empty-cells: show;
}

thead {
  width: 100%;
  background: #F1F3F5;
  height: 20px;
  text-indent: 5px;
  font-weight: bold;
  color: #fff;
}

a, a:link, a:hover, a:active, a:visited {
  color: #770442;
  text-decoration: underline;
}

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

a:active { color: #770442; }

img {
  border: none;
  padding: 0;
  margin: 0;
}

form {
  margin: 0;
}

input {
	border: 1px solid #770442; 
  height: 20px;
  margin: 0;
  padding: 0;
	font: normal normal normal 11px arial;
  color: #770442;
  background: #fff;
}

input[type=checkbox] {
	border: none;
  height: 13px;
  width: 13px;
  text-align: center;
  vertical-align: middle;
}

input[type=text] {
  border: 1px solid #770442;
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
  text-indent: 3px;
  color: #770442;
}

input[type=password] {
  border: 1px solid #770442; 
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
  color: #770442;
}

input[type=submit] {
  border: 1px solid #770442; 
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
  color: #770442;
}

input.text {
  border: 1px solid #770442; 
    height: 18px;
    padding: 1px;
    width: 75%;
  text-indent: 3px;
  color: #770442;
}

input.password {
    border: 1px solid #770442; 
    height: 18px;
    margin: 5px 0px 0px 0px;
    padding: 0;
    width: 75%;
  color: #770442;
}

input.submit {
	border: 1px solid #770442; 
  color: #770442;
}

input.radio {
    border: 1px solid #770442; 
    height: 18px;
    padding: 1px;
    width: 20px;
    vertical-align: middle;
}

textarea {
    border: 1px solid #770442; 
    padding: 0;
    font: 10pt Tahoma;
  color: #000;
}

select {  
    border: 1px solid #770442; 
    font-size: 10px;
    padding: 2px;
  color: #770442;
}

/**********************************/
/*               IDs              */
/**********************************/

#skip_navigation {
  position: absolute;
  visibility: hidden;
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#container {
  position: relative;
  width: 778px;
  height: 631px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	background: #fff;
	border-top: none;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	border-bottom: 1px solid #595959;
}

/* IE border-box model bug fix */
* html #container { width: 779px;  w\idth: 778px; }		

#top {
	position: relative;
	top: 0px;
	left: 0px;
	width: 778px;
	height: 92px;
	background: #A3A2A2 url('/templates/permeduc/images/top_bg_5px.png') repeat top left;
}

#top_bg_logo {
  position:absolute;
  left:0px;
  top:0px;
  width:454px;
  height:92px;
	z-index: 1;
}

#menu_top {
	position: absolute;
	top:0px;
	right: 0px;
	height: 22px;
	width: auto;
	margin: 0;
	padding: 0;
	background: #595959 url('/templates/permeduc/images/top_menu_bg.png') repeat top left;
	z-index: 2;
}

#menu_top #menu_top_left {
	position: relative;
	top:0px;
	left: 0px;
	float: left;
	width: 21px;
	height: 22px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#menu_top ul {
	position: relative;
	top:0px;
	left: 0px;
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#menu_top ul li {
	position: relative;
	top: 4px;
	left: 0px;
	float: left;
	list-style-type: none;
  font: 11px Arial;
  color: #fff;
  margin: 0;
  padding: 0px 10px 0px 10px;
  height: 13px;
  border-right: 1px dotted #fff;
}

#menu_top ul li.menu_top_last {
  border-right: none;
}

#menu_top ul li a, #menu_top ul li a:link, #menu_top ul li a:hover, #menu_top ul li a:active, #menu_top ul li a:visited { color: #fff; text-decoration: none; }
#menu_top ul li a:hover { text-decoration: underline; }
#menu_top ul li a.active_menu, #menu_top ul li a.active_menu:link, #menu_top ul li a.active_menu:hover, #menu_top ul li a.active_menu:active, #menu_top ul li a.active_menu:visited { 
	color: #A3A2A2; 
	text-decoration: none; 
}

#search {
	position: absolute;
	top: 48px;
	right: 10px;
	width: 200px;
	margin: 0;
	padding: 0;
}

#search em {
	float: left;
	width: 40px;
	margin: 0px 10px 0px 0px;
	padding: 0;
	color: #fff;
  font-style: normal;
}

#search input {
	float: left;
	width: 145px;
	height: 14px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 1px solid #770442;
	color: #fff;
}

#search .submit {
	width: 1px;
	height: 1px;
	visibility: hidden;
	display: none;
}

#menu {
	position: relative;
	top:0px;
	left: 0px;
	height: 23px;
	width: 778px;
	margin: 0;
	padding: 0;
	background: #595959 url('/templates/permeduc/images/menu_bg.png') repeat top left;
	z-index: 2;
}

#menu ul {
	position: relative;
	right: 0px;
	top:0px;
	float: right;
	height: 23px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#menu ul li {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	list-style-type: none;
  font: 11px Arial;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 23px;
	text-align: center;
}

#menu ul li img { float: left; margin: 0; padding:0 }
#menu ul li a, #menu ul li a:link, #menu ul li a:hover, #menu ul li a:active, #menu ul li a:visited { 
	float: left; 
	padding: 5px 10px 0px 10px; 
	margin: 0;
	color: #fff; 
	text-decoration: none; 
	width: auto !important;
}
#menu ul li a:hover { text-decoration: underline; }
#menu ul li.active { 
	background: #6F6F6F url('/templates/permeduc/images/menu_active_bg.png') repeat top left; 
	color: #670439;
}
#menu ul li.active a, #menu ul li.active a:link, #menu ul li.active a:hover, #menu ul li.active a:active, #menu ul li.active a:visited { 
	color: #670439; 
}
#menu ul li.active ul li a, #menu ul li.active ul li a:link, #menu ul li.active ul li a:hover, #menu ul li.active ul li a:active, #menu ul li.active ul li a:visited { 
	color: #fff; 
}


#menu ul #menuitem3 { min-width: 93px; }
/*#menu ul #menuitem4 { min-width: 131px; }*/
/*#menu ul #menuitem5 { min-width: 126px; }*/
#menu ul #menuitem4 { min-width: 137px; }
#menu ul #menuitem5 { min-width: 150px; }

	#menu ul #menuitem1 { min-width: 89px; }
	#menu ul #menuitem2 { min-width: 115px; }

#menu ul li .section {
  position: absolute;
  margin: 4px 0px 0px -20px;
  padding: 0;
  visibility: hidden;
  z-index: -1;
	text-align: center;
	opacity: 0.96;
	filter: alpha(opacity=96,style=0);
	width: 100%;
}

#menu ul li .section ul {
	position: relative;
	margin: 0;
	padding: 0;
	opacity: 0.96;
	filter: alpha(opacity=96,style=0);
	width: 100% !important;
	width: 1%;
	text-align: center;
	height: 1%;
}

#menu ul li .section ul li {
	position: relative;
  margin: 0;
  padding: 0;
	list-style-type: none;
  font: 11px Arial;
  color: #fff;
  height: 23px;
  width: 100%;
	text-align: center;
	opacity: 0.96;
	filter: alpha(opacity=96,style=0);
	background: #595959 url('/templates/permeduc/images/menu_bg.png') repeat top left;
}

#menu ul li .section ul li a {
}

#content_home {
  position:absolute;
  left:428px;
  top:118px;
  width:348px;
  height:331px;
  text-align: left;
	background: #EFEFEF url('/templates/permeduc/images/content_home_bg.png') repeat top left;
}

#content_home #ch_top {
	position: relative;
	top: 20px;
	left: 20px;
	width: 308px;
	height: 168px;
	overflow: auto;
}

#content_home #ch_bottom {
	position: absolute;
	top: 181px;
	left: 2px;
	width: 344px;
	height: 148px;
	background: #EFEFEF url('/templates/permeduc/images/content_home_bottom_bg.png') repeat-x top left;
}

#content_home #ch_bottom #email {
  position:absolute;
  left:110px;
  top:20px;
  width:200px;
  vertical-align: bottom;
}

#content_home #ch_bottom #phone {
  position:absolute;
  left:110px;
  top:40px;
  width:200px;
  vertical-align: bottom;
}
#content_home #ch_top #email {
  position:absolute;
  left:90px;
  bottom:20px;
  width:200px;
  vertical-align: bottom;
}

#content_home #ch_top #phone {
  position:absolute;
  left:90px;
  bottom:0px;
  width:200px;
  vertical-align: bottom;
}

#content_home #ch_bottom #email img, #content_home #ch_bottom #phone img, #content_home #ch_top #email img, #content_home #ch_top #phone img {
	margin: 0px 5px 0px 0px;
	padding: 0;
}
#ch_top .article_seperator {
}
#ch_top h1 {
	padding: 0pt 0pt 10pt 0pt;
}

#rocks_top {
  position:absolute;
  left:2px;
  top:117px;
  width:422px;
  height:208px;
}

#latest_courses {
  position:absolute;
  left:0px;
  top:451px;
  width:778px;
  height:179px;
	background: #595959;
	border-top: 1px solid #333333;
}

#latest_courses_top {
  position:absolute;
  left:2px;
  top:324px;
  width:422px;
  height:125px;
}

#newsflashes {
	position: relative;
	top: 265px;
	left: 482px;
	width: 295px;
	height: 250px;
	background: #595959;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#newsflashes img {
	position: relative;
	top: 30px;
	left: 40px;
}


#newsflashes * {
	color: #fff;
}

/**********************************/
/*             Classes            */
/**********************************/

.page_description {
  position: absolute;
  visibility: hidden;
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.course1, .course2, .course3 {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 160px;
	height: 179px;
	background: #595959;
	border-right: 1px solid #333333;
}

.course1 { background: #686868 url('/templates/permeduc/images/latest_courses1_bg_5px.png') repeat top left; }
.course2 { background: #777777 url('/templates/permeduc/images/latest_courses2_bg_5px.png') repeat top left; }
.course3 { background: #868686 url('/templates/permeduc/images/latest_courses3_bg_5px.png') repeat top left; }

.course_intro {
	position: absolute;
	top: 75px;
	left: 15px;
	width: 135px;
	height: 95px;
	overflow: auto;
	color: #fff;
}

.course_intro * {
	color: #fff;
}

.course_intro em {
  color: #fff;
  font: 12px Arial;
  font-style: normal;
  font-weight: bold;
}

.course_photo_frame {
	position: absolute;
	top: -35px;
	left: 40px;
	width: 84px;
	height: 100px;
	background: #8A8A8A;
	text-align: center;
	vertical-align: middle;
}

.course_photo_frame img {
	margin: 7px 0px 0px 0px;
	padding: 0;
	width: 68px;
	height: 86px;
	position: relative;
}

.arrow {
	position: absolute;
	top: 158px;
	left: 139px;
	width: 21px;
	height: 21px;
}

/* Subpage */

#container_sub {
  position: relative;
  width: 778px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	background: #fff;
	border-top: none;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	border-bottom: 1px solid #595959;
	background: #fff url('/templates/permeduc_sub/images/container_sub_bg.png') repeat top left;
}

/* IE border-box model bug fix */
* html #container_sub { width: 779px;  w\idth: 778px; }		

#top_sub {
	position: relative;
	top: 0px;
	left: 0px;
	width: 778px;
	height: 92px;
	background: #A3A2A2 url('/templates/permeduc/images/top_bg_5px.png') repeat top left;
	margin: 0;
}

#left {
	float: left;
	width: 150px;
	max-width: 150px;
	margin: 0;
	padding: 20px;
	padding-top: 0px;
	background: #EFEFEF;
	border-right: 1px solid #595959;
}

#left ul {
	position: relative;
	top:0px;
	left: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	clear: both;
}

#left ul li {
	clear: both;
	list-style-type: none;
  font: 11px Arial;
  color: #000;
  margin: 0;
  padding: 0;
}

#left ul li a, #left ul li a:link, #left ul li a:hover, #left ul li a:active, #left ul li a:visited { color: #770442; text-decoration: underline; }
#left ul li a:hover { text-decoration: none; }

#latest_events ul li {
	width: 100%;
	height: 70px;
	margin: 0px 0px 15px 0px;
	vertical-align: middle;
}

.photo_frame {
	position: absolute;
	top: 0px;
	left: 125px;
	width: 50px;
	height: 62px;
	background: #8A8A8A;
	float: left; 
	margin: 0px 0px 5px 5px;
	padding: 0;
}

.photo_frame img {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 62px;
	position: relative;
	border-top: 5px solid #8A8A8A;
	border-right: 5px solid #8A8A8A;
	border-bottom: 5px solid #8A8A8A;
	border-left: 5px solid #8A8A8A;
}

#latest_events h3, #submenu h3 {
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
	margin-right: -20px;
	margin-left: -20px;
	text-indent: 20px;
	font: 12pt Arial;
	color: #770442;
}
#latest_events h4, #latest_events h4 a {
	font: 12pt Arial;
	font-weight:normal;
	padding: 5pt 0pt 0pt 0pt;
	text-decoration:none;
}
#latest_events h4 a:hover {
	text-decoration:underline;
}
#content_sub {
	margin: 0px 0px 0px 190px; 
	border-left: 1px solid #595959;
	padding: 20px 20px 20px 35px;
	background: #fff url('/templates/permeduc_sub/images/content_sub_bg.png') no-repeat bottom right;
}

#content_sub table, .contentpane, #content_sub h1 {
	width: 100%;
}

#footer_sub {
	position: relative;
	margin: 0;
	padding: 0;
	height: 97px;
	width: 779px;
	background: #595959 url('/templates/permeduc_sub/images/footer_bg.png') no-repeat bottom left;
}

.left_sep {
	position: relative;
	left: -20px;
	margin: 0;
	margin-right: -40px;
}

.eventsessionsform input, .eventsessionsform textarea {
	border: 1px solid #770442;
	width: 300px;
	background: transparent;
  color: #000;
}

.eventsessionsform .inputradio {
	border: none;
	width: 15px;
	margin: 0px 5px 0px 0px;
	padding: 0;
	vertical-align: middle;
}

.eventsessionsform .inputcheckbox {
	border: none;
	width: 15px;
	margin: 0px 5px 0px 0px;
	padding: 0;
	vertical-align: middle;
}

.eventsessionsform .inputbutton {
	width: 100px;
	margin: 0px 10px 0px 0px;
	padding: 0;
  color: #770442;
}

#entanaemailing_register_full table {
	width: 100%;
}

#entanaemailing_register_full table tr td.reg_caption {
	width: 200px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 5px 0px;
	margin: 0;
}

#entanaemailing_register_full table tr td.reg_input {
	width: 350px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 5px 0px;
	margin: 0;
}

#entanaemailing_register_full input[type=text] {
	width: 350px;
}

#entanaemailing_register_full select {
	border: 1px solid #770442; 
  margin: 0px 5px 0px 0px;
  padding: 0;
	font: normal normal normal 11px arial;
  color: #770442;
  background: #fff;
}

#entanaemailing_register_full #allin {
	border: 1px solid #770442; 
  margin: 0px 5px 0px 0px;
  padding: 0;
}

#entanaemailing_register_full .button {
	width: 100px;
}
#extramenu {
	margin-bottom:10px;
}
#extramenu td{
	width:50%;
	vertical-align:top;
}
#extramenu h2 {
	padding:0px 0px 5px 0px;
}
#catmenu {
	margin-bottom:10px;
}
#catmenu td{
	width:100%;
	vertical-align:top;
}
#catmenu h2 {
	padding:0px 0px 5px 0px;
}
#cursusmenu {
	margin-bottom:10px;
}
#cursusmenu td{
	width:100%;
	vertical-align:top;
}
#cursusmenu h2 {
	padding:0px 0px 5px 0px;
}
#mainlevel_catitem {
	margin: 0;
	padding: 0;
}
#categorieen ul {
	margin:0px 0px 5px 0px;
}
#categorieen li {
	list-style:none;
	background:#770442;
	width:250px;
	padding:7px 0px;
	text-align: left;
	font-size: 12px;
}
#categorieen li #active_menu_catitem {
	text-decoration:underline;
}
#categorieen a {
	color:#fff;
	padding:7px 15px;
	font-weight:bold;
	text-decoration:none;
}
#categorieen li:hover {
	background:#868686;
}
#categorieen li#selected {
	background:#868686;
}
#mainlevel_cursusitem {
	margin: 0;
	padding: 0 0 0 15px;
}
#cursussen ul {
	margin:0px 0px 5px 0px;
}
#cursussen li {
	padding: 1px;
	margin: 0;
}
#cursussen a:hover {
	text-decoration:none;
}
#mainlevel_frontcats {
	margin: 10px 0 0 20px;
	padding: 0;
}
#newsflashes li {
	list-style:none;
	background:#770442 url('../images/arrow.png') no-repeat right;
	padding:7px 0px;
	width:250px;
}
#newsflashes li:hover {
	background:#868686 url('../images/arrow.png') no-repeat right;
}
#newsflashes li:hover a {
}
#newsflashes a {
	padding: 7px;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
}
#newsflashes h2 {
	font: normal normal normal 14pt arial;
	color: #fff;
	padding: 0pt 0pt 0pt 0pt;
	margin: 10pt 0pt 0pt 19pt;
}