/* =========================================================================================

//
//	StyleSheet RMNO / General Layout
//
//	Aangemaakt door Tim Kant, Remotion, 11-2008
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

body {
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 14px;
   color: #5E1E70;
   background: #FFFFFF url(../gfx/images/bg_body.jpg) top center no-repeat;
}

img {
   border:0px;
}


a:link,
a:active,
a:visited {
   text-decoration: none;
   color: #0087bb;
}

a:hover {
   text-decoration: underline;
}

p {
   margin: 0px 0px 15px 0px;
   padding: 0px;
   font-weight: normal;
}

.error {
   border: 1px solid #900;
   padding: 5px;
   margin-bottom: 25px;
   color: #CC0000;
}

/* =========================================================================================
// 	Opbouw - CONTAINER
========================================================================================= */

.rmnocon_flashrings {
   position:absolute;
   top:6px;
   left:-4px;
}

#container {
   width: 950px;
   height: auto;
   margin-left: -475px;
   padding: 0px;
   position: absolute;
   left: 50%;
}

#countdown {
   width: 200px;
   height: 30px;
   float: right;
   font-size: 14px;
   font-weight: bold;
   margin-top: -171px;
   margin-right: 301px;
}

/* =========================================================================================
// 	Opbouw - MENU
========================================================================================= */

#menu_container {
   width: 715px;
   height: 16px;
   _height: 8px;
   margin: 222px 0px 0px 194px;
   _margin: 222px 0px 0px 97px;
   padding: 0px;
   position: relative;
   float: left;
   background-color: #50AA00;
   z-index:1000;
}

#menu_holderLeft {
   width: 700px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: left;
}

#menu_holderRight {
   width: 250px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: right;
}

#breadcrumbs {
   width: 700px;
   height: 16px;
   float: left;
   padding-left: 70px;
   font-family:"Myriad Pro",Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   color: #50AA00;
}

#breadcrumbs a,#breadcrumbs a:hover, #breadcrumbs a:visited, #breadcrumbs a:link {
   font-family:"Myriad Pro",Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   color: #50AA00;
}

/* =========================================================================================
// 	Opbouw - CONTENT
========================================================================================= */

#content_container {
   width: 580px;
   height: auto;
   margin: 20px 0px 0px 263px;
   _margin: 20px 0px 0px 131px;
   padding: 0px;
   position: relative;
   float: left;
}

/* =========================================================================================
// 	Opbouw - CONTENT / LEFT COLUMN
========================================================================================= */

#content_leftCol {
   width: 400px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: left;
}
#content_fullCol {
   width: 580px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: left;
}

.leftCol_item {
   width: 400px;
   height: auto;
   margin-bottom: 20px;
   padding: 0px;
   position: relative;
   float: left;
}

/* =========================================================================================
// 	Opbouw - CONTENT / LEFT COLUMN / KEYNOTE OVERVIEW
========================================================================================= */

#keynote_image img {
   border: none;
}

#keynote_descr {
   width: 280px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: left;
}

/* =========================================================================================
// 	Opbouw - CONTENT / RIGHT COLUMN
========================================================================================= */

#content_rightCol {
   width: 160px;
   height: auto;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: right;
}

.rightCol_itemholder {
   width: 160px;
   height: auto;
   margin-bottom: 15px;
   padding: 0px;
}

.rightCol_textholder {
   width: 160px;
   height: auto;
   margin-top: 5px;
   padding: 0px;
}


/* =========================================================================================
// 	Opbouw - Banner onderaan
========================================================================================= */

#bottom_sponsors {
   width: 580px;
   
}

.bottom_itemholder {
   width: 80px;
   height: 40px;
   margin-bottom: 15px;
   margin-right: 10px;
   padding: 0px;
   float: left;
}

.bottom_imageholder {
   width: 160px;
   height: auto;
   margin-bottom: 2px;
   padding: 0px;
}

/* =========================================================================================
// 	List - MAIN MENU
========================================================================================= */

.main_menu{
   font: normal 12px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
   padding-left: 70px; /*offset of tabs relative to browser left edge*/
}

.main_menu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/*Top level list items*/
.main_menu ul li{
   position: relative;
   display: inline;
   float: left;
}

/*Top level menu link items style*/
.main_menu ul li a{
   display: block;
   padding-top: 1px;
   margin-right: 38px; /*spacing between tabs*/
   _margin-right: 19px; /*spacing between tabs*/
   color: #FFFFFF;
   text-decoration: none;
}

.main_menu ul li a:link,
.main_menu ul li a:active,
.main_menu ul li a:visited,
.main_menu ul li a:hover {
   color: #FFFFFF;
}

/*1st sub level menu*/
.main_menu ul li ul{
   position: absolute;
   left: 0;
   margin-left: -10px;
   display: none;

   border: 1px solid #50AA00;
   border-bottom: none;
   z-index: 99999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.main_menu ul li ul li{
   display: block;
   background: #FFFFFF;
   float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.main_menu ul li ul li ul{
   top: 0;
}

/* Sub level menu links style */
.main_menu ul li ul li a{
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   width: 112px; /*width of sub menus*/
   background: white;
   color: #50AA00;
   padding: 4px 5px 4px 8px;
   margin: 0;
   border-top-width: 0;
   border-bottom: 1px solid #50AA00;
   display: block;
}

.main_menu ul li ul li a:link,
.main_menu ul li ul li a:active,
.main_menu ul li ul li a:visited {
   color: #000000;
}

.main_menu ul li ul li a:hover {
   color: #000000;
   text-decoration: underline;
}

.main_menu ul li ul li a:hover{ /*sub menus hover style*/
   color: black;
}

/* =========================================================================================
// 	Form - SEARCH
========================================================================================= */

form.search input {
   width: 154px;
   height: 12px;
   margin-top: 1px;
   font-size: 12px;
   background-color: #FFFFFF;
   border: none;
}

form.search input.button {
   width: auto;
   height: 14px;
   margin: 0px;
   padding: 0px;
   font: normal 12px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background-color: #50AA00;
}

/* =========================================================================================
// 	Form - NBS
========================================================================================= */

form.nbs input.field {
   width: 160px;
   height: auto;
   border: 1px solid #50AA00;
   font-size: 12px;
}

form.nbs input.button {
   width: auto;
   height: auto;
   margin-top: 5px;
   border: 1px solid #50AA00;
   color: #000000;
   font-size: 12px;
   background-color: #FFFFFF;
}

/* =========================================================================================
// 	Form - REGULAR FORM
========================================================================================= */

div.reg_form input.field {
   width: 175px;
   height: auto;
   border: 1px solid #50AA00;
   font-size: 12px;
}

div.reg_form textarea.textarea {
   width: 175px;
   height: 75px;
   border: 1px solid #50AA00;
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.reg_form select.dropdown {
   width: 175px;
   height: auto;
   border: 1px solid #50AA00;
   font-size: 12px;
}

div.reg_form button.button {
   width: auto;
   height: auto;
   margin-top: 5px;
   border: 1px solid #50AA00;
   color: #000000;
   font-size: 12px;
   background-color: #FFFFFF;
}

/* =========================================================================================
// 	Fieldset
========================================================================================= */

fieldset {
   margin-bottom: 10px;
}

/* =========================================================================================
// 	Table - FORM TABLE
========================================================================================= */

table.reg_form {
   width: auto;
}

table.reg_form td {
   padding: 4px 5px;
}

table.reg_form td.explanation {
   width: 161px;
}

table.reg_form td.form {
   width: auto;
}

/* =========================================================================================
// 	Table - KEYNOTE DETAIL
========================================================================================= */

table.keynote_detail {
   margin-bottom: 10px;
}

table.keynote_detail td {
   padding: 2px 0px;
}

table.keynote_detail td.explanation {
   width: 120px;
   font-weight: bold;
}

/* =========================================================================================
// 	Table - PROGRAM
========================================================================================= */

table.program {
   width: 100%;
   margin-bottom: 10px;
}

table.program td.title {
   width: 100%;
   background-color: #50AA00;
   font-size: 12px;
   font-weight: bold;
   padding: 3px;
   color: #FFFFFF;
}

table.program td.subtitle {
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   padding: 3px;
}

table.program td.time {
   width: 75px;
   vertical-align: top;
   font-size: 12px;
   padding: 3px;
}

table.program td.explanation {
   width: 325px;
   font-size: 12px;
   padding: 3px;
}

/* =========================================================================================
// 	Table - SPEAKER OVERVIEW
========================================================================================= */

table.sp_overview {
   width: 100%;
}

table.sp_overview td.speaker {
   width: 33%;
   margin-right: 20px;
   padding-bottom: 5px;
}

/* =========================================================================================
// 	Headings
========================================================================================= */

h1 {
   margin: 0px 0px 23px 0px;
   padding: 0px;
   font: normal 13px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
   color: #50AA00;
}

h2 {
   margin: 0px;
   padding: 0px;
   font-weight: bold;
   font-size: 12px;
   color: #5E1E70;
}

h3 {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   color: #000000;
   font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.nbs_subscribe {
   position:absolute;
   top:181px;
   left:-249px;
   width:200px;
   background:#c3dd5d;
   padding:7px 10px 10px 10px;
}

.credits {
   font-size:12px;
   text-align:right;
   border-top:1px solid #b68bb9;
   padding-top:7px;
}
.credits a {
   text-decoration:underline;
   color:black;
}
.credits a {
   text-decoration:underline;
   color:black;
}