*
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #696969;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  font-family: Verdana, san-serif;
  background-color: #000;
  background-image: url(images/background.jpg);
  background-repeat: repeat-x;
  background-position: top left;
}

fieldset
{
  margin: 0;
  padding: 0;
  border: 0;
}

/* #####################  P A G E  ##################### */

#page
{
  margin: 0 auto 0 auto;
  padding: 0;
  width: 990px;
  display: block;
  position: relative;
  background-color: #ECF2EB;
}

/* #####################  H E A D E R  ##################### */

#header
{
  margin: 0;
  padding: 0;
  height: 422px;
  width: 990px;
  background-color: #282329;
  background-image: url(images/header_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1
{
  left: 20px;
  top: 18px;
  margin: 0;
  padding: 0;
  width: 475px;
  height: 104px;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  text-indent: 9999px;
  background-image: url(images/bandcoach_logo.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#collage
{
  top: 238px;
  left: 8px;
  margin: 0;
  padding: 0;
  width: 745px;
  height: 174px;
  display: block;
  position: relative;
  background-image: url(images/header_collage.png);
  background-position: left top;
  background-repeat: no-repeat;
}

/* #####################  C L A S S E S  ##################### */

.clear
{
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/* ####################### M E N U ########################## */

#menubalk
{
  left: 0;
  top: 180px;
  margin: 0;
  padding: 0;
  width: 741px;
  height: 34px;
  display: inline;
  position: absolute;
  background-image: url(images/menubalk_bg.png);
  background-position: left top;
  background-repeat: repeat-x;
}

#menu 
{
  margin: 0;
  padding: 0;
  width: 741px;
  position: relative;
  display: block;
}

#menu ul 
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li 
{
  margin: 0 12px 0 12px;
  padding: 0 8px 0 0;
  float: left;
  clear: none;
  display: block;
  background-image: none;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active
{
  margin: 0;
  padding: 0 0 0 8px;
  height: 34px;
  color: #FFF;
  font-family: "Trebuchet MS", san-serif;
  font-weight: bold;
  font-size: 12px !important;
  line-height: 34px;
  text-decoration: none;
  text-transform: lowercase;
  background-image: none;
  display: block;
}

#menu ul li:hover,
#menu ul li.active
{
  background-image: url(images/menu_item_bg_right.png);
  background-position: right center;
  background-repeat: no-repeat;
}

#menu ul li:hover a,
#menu ul li:hover a:link,
#menu ul li:hover a:visited,
#menu ul li:hover a:active
{
  background-image: url(images/menu_item_bg_left.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#menu ul li.active a,
#menu ul li.active a:link,
#menu ul li.active a:visited,
#menu ul li.active a:active
{
  color: #E2001A;
  background-image: url(images/menu_item_bg_left.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#menu ul li ul
{
  margin: 0;
  padding: 5px 10px 5px 10px;
  background-image: url(images/submenu_bg.png);
  background-position: left top;
  background-repeat: repeat;
  position: absolute;
  display: none;
  z-index: 500;
}

#menu ul li:hover ul
{
  display: block;
}

#menu ul li ul li
{
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
	background-image: none;
}


#menu ul li ul li div.spacer
{
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  clear: left;
  display: inline;
  color: #BBB;
  font-size: 12px !important;
	font-weight: normal;
	line-height: 22px;
}

#menu ul li:hover ul li
{
  background-image: none;
}

#menu ul li ul li a,
#menu ul li ul li a:link,
#menu ul li ul li a:active,
#menu ul li ul li a:visited,
#menu ul li ul li a:hover,
#menu ul li:hover ul li a,
#menu ul li:hover ul li a:link,
#menu ul li:hover ul li a:active,
#menu ul li:hover ul li a:visited,
#menu ul li:hover ul li a:hover,
#menu ul li.active ul li a,
#menu ul li.active ul li a:link,
#menu ul li.active ul li a:active,
#menu ul li.active ul li a:visited,
#menu ul li.active ul li a:hover
{
	margin: 0;
	padding: 0;
  height: auto;
	color: #BBB;
	font-family: "Trebuchet MS", san-serif;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 22px;
	text-transform: lowercase;
	white-space: nowrap;
	background-image: none;
  float: left;
  clear: right;
  display: inline;
}

#menu ul li ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.active ul li a:hover
{
  color: #FFF;
}

/* #####################  K O L O M M E N  ##################### */

#kolommen
{
  top: -162px;
  margin: 0;
  padding: 44px 0 500px 0;
  width: 740px;
  display: table;
  position: relative;
  background-color: #ECF2EB;
}

#kolommen_home
{
  margin: 0;
  padding: 44px 0 0 0;
  width: 720px;
  display: table;
}

#linkerkolom
{
  margin: 0;
  padding: 0;
  width: 100px;
  height: 400px;
  float: left;
  clear: none;
  display: table;
}

#middenkolom
{
  margin: 0;
  padding: 0;
  float: left;
  clear: right;
  width: 620px;
  display: table;
}

#rechterkolom
{
  top: 0;
  right: 16px;
  margin: 0;
  padding: 0;
  width: 218px;
  height: 600px;
  display: block;
  position: absolute;
}

/* #####################  R E C H T E R K O L O M  ##################### */

.ditto_rechterkolom
{
  margin: 118px 0 0 0;
  padding: 0;
  width: 218px;
}

.rechterkolom_date
{
  margin: 0 0 0 4px;
  padding: 0;
  width: 210px;
  height: 34px;
  color: #a4a4a4;
  font-family: Verdana, san-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 34px;
}

.rechterkolom_nummer
{
  margin: 0 0 0 4px;
  padding: 0;
  width: 211px;
  height: 73px;
  display: block;
}

.rechterkolom_cover
{
  margin: 10px 0 0 0;
  padding: 4px;
  width: 210px; /* 218 - 4 - 4 */
  height: 270px; /* 278 - 4 - 4 */
  display: block;
  background-color: #ECF2EB;
}

.rechterkolom_content
{
  margin: 15px 0 0 4px;
  padding: 0;
  width: 210px;
  color: #494949;
  font-family: Verdana, san-serif;
  font-size: 10px;
  font-weight: normal;
}

.rechterkolom_content ul
{
  margin-left: 1.2em;
}

/* #####################  S E A R C H B A R  ##################### */

#searchbar
{
  margin: 25px 0 0 4px;
  padding: 0;
  width: 210px;
  height: 26px;
  display: block;
}

#ajaxSearch_form
{
  border: 0;
  margin: 0;
  padding: 0;
}

#ajaxSearch_form fieldset
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

#ajaxSearch_submit
{
  border: 0;
  margin: -26px 0 0 0;
  padding: 0;
  float: right;
  clear: none;
  width: 32px;
  height: 26px;
  outline: none;
  overflow: hidden;
  outline: none;
  white-space: nowrap;
  text-indent: 32px;
  background-color: transparent;
  background-image: url(images/zoekveld_button.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#ajaxSearch_input
{
  border: 0;
  margin: 0;
  padding: 6px 4px 6px 6px;
  width: 178px; 
  float: left;
  clear: none;
  color: #494949;
  font-family: Tahoma,san-serif;
  font-size: 12px;
  line-height: 1em;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  background-image: url(images/zoekveld_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  text-indent: 0;
  letter-spacing: 0;
  word-spacing: 0;
  vertical-align: middle;
}

#ajaxSearch_form img#indicator
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 44px;
  right: 40px;
}

#ajaxSearch_form img#searchClose
{
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 44px;
  right: 10px;
}

#ajaxSearch_output 
{
	margin: 10px 0 0 0;
  border: 1px solid #444;
  padding: 10px;
  background: #fff;
  display: block;
  height: auto;
  vertical-align: top;
  z-index: 2000;
  position: relative;
}

#current-search-results,
.AS_ajax_result,
.AS_ajax_resultLink,
.AS_ajax_resultExtract,
.AS_ajax_resultExtract p,
.AS_ajax_resultExtract p span,
.AS_ajax_resultsIntroFailure,
.ajaxSearch_result,
.ajaxSearch_resultLink,
.ajaxSearch_resultExtract,
.ajaxSearch_resultExtract p,
.ajaxSearch_resultExtract p span,
.ajaxSearch_resultsIntroFailure
{
  margin: 0;
  padding: 0;
  color: #696969;
  font-family: Tahoma, "san-serif";
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 15px;
  text-align: left;
  text-indent: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.ajaxSearch_resultLink
{
  font-weight:  bold;
}

.AS_ajax_result,
.ajaxSearch_result 
{
  color: #444;
  margin-bottom: 3px;
}

.AS_ajax_resultLink, 
.ajaxSearch_resultLink 
{
  text-decoration: underline;
}

.AS_ajax_resultDescription,
.ajaxSearch_resultDescription
{
  color: #555;
}

.AS_ajax_more,
.ajaxSearch_more
{
  color: #555;
}

.AS_ajax_resultExtract p,
.ajaxSearch_resultExtract p
{
  margin: 2px 0 4px 0;
  padding: 0;
  border-bottom: 1px solid #EEE;
}

.AS_ajax_resultExtract p br,
.ajaxSearch_resultExtract p br
{
  margin: 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
  position: relative;
  float: left;
  clear: none;
}

span.ajaxSearch_highlight
{
  margin: 0;
  padding: 0;
}

span.ajaxSearch_highlight1,
span.ajaxSearch_highlight2,
span.ajaxSearch_highlight3,
span.ajaxSearch_highlight4,
span.ajaxSearch_highlight5,
span.ajaxSearch_highlight6,
span.ajaxSearch_highlight7,
span.ajaxSearch_highlight8,
span.ajaxSearch_highlight9,
span.ajaxSearch_highlight10
{
  margin: 0;
  color: #000;
  font-size: 1em;
  text-align: left;
  padding: 0 1px 0 1px;
  background-color: #FFF;
}

span.ajaxSearch_highlight1 { color: #000; background-color: #FFFF00; }
span.ajaxSearch_highlight2 { color: #000; background-color: #00FFFF; }
span.ajaxSearch_highlight3 { color: #000; background-color: #99FF99; }
span.ajaxSearch_highlight4 { color: #000; background-color: #FF9999; }
span.ajaxSearch_highlight5 { color: #000; background-color: #FF66FF; }
span.ajaxSearch_highlight6 { color: #FFF; background-color: #880000; }
span.ajaxSearch_highlight7 { color: #FFF; background-color: #00AA00; }
span.ajaxSearch_highlight8 { color: #FFF; background-color: #886800; }
span.ajaxSearch_highlight9 { color: #FFF; background-color: #004699; }
span.ajaxSearch_highlight10 { color: #FFF; background-color: #990099; }


.AS_ajax_result a,
.AS_ajax_result a:link,
.AS_ajax_result a:active,
.AS_ajax_result a:visited,
.AS_ajax_more a,
.AS_ajax_more a:link,
.AS_ajax_more a:active,
.AS_ajax_more a:visited
{
  font-family: Tahoma, "san-serif";
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  text-indent: 0;
  text-decoration: underline;
  letter-spacing: 0;
  word-spacing: 0;
}

.AS_ajax_result a:hover,
.AS_ajax_result a:focus,
.AS_ajax_more a:hover,
.AS_ajax_more a:focus
{
  text-decoration: none;
  outline: none;
}

span.ajaxSearch_paging
{
  margin: 5px 0 5px 0;
  padding: 5px;
  display: block;
  border: 1px solid #999;
}


/* #####################  V I D E O L I J S T  ##################### */

div.videolist
{
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  clear: none;
  width: 200px;
  height: 330px;
  display: block;
  overflow: hidden;
}

div.videolist div.longtitle
{
  margin: 0;
  padding: 2px 0 0 0;
  width: 200px;
  font-family: Verdana, san-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

div.videolist div.datum
{
  margin: 0;
  padding: 0;
  width: 200px;
  color: #999999;
  font-family: Verdana, san-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
}

div.videolist div.description
{
  margin: 0;
  padding: 0;
  width: 200px;
  font-family: Verdana, san-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

div#logout
{
  margin: -22px 0 10px 0;
  padding: 0;
  float: right;
  clear: both;
  display: block;
}

/* #####################  L O G I N / F O R M  ##################### */

.login_title
{
  margin: 0;
  padding: 0;
  width: 150px;
}

.login_username,
.login_password
{
  width: 10em;
  margin: 0 0 10px 0;
  padding: 3px 4px 3px 4px;
  border: 1px solid #a4a8a3;
  background-image: url(images/form_field_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.form_field
{
  width: 20em;
  margin: 0 0 10px 0;
  padding: 3px 4px 3px 4px;
  color: #494949;
  font-family: Verdana, san-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #a4a8a3;
  background-image: url(images/form_field_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.form_area
{
  width: 20em;
  height: 8em;
  margin: 0 0 10px 0;
  color: #494949;
  font-family: Verdana, san-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 4px 3px 4px;
  border: 1px solid #a4a8a3;
  background-image: url(images/form_field_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.login_button,
.form_button
{
  border: 0;
  margin: 0;
  width: 130px;
  height: 26px;
  display: block;
  color: #FFF;
  font-family: Verdana, san-serif;
  font-size: 12px;
  font-weight: bold;
  background-image: url(images/form_button.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.errors
{
  margin: 0 0 10px 0;
  padding: 10px;
  color: #E2001A;
  border: 1px solid #E2001A;
}

/* #####################  F O O T E R  ##################### */

#footer
{
  margin: 0;
  padding: 13px 0 13px 0;
  text-align: center;  
}