* { border: 0; }
.pics {
    height:  124px;
    width:   95px;
    padding: 0;
    margin:  0;
    float:left;
}

.pics2 {
    height: 100px;
    width:  133px;
    padding: 0;
    margin:  0;
    float:left;
}

.pics img,  .pics2 img{
    padding: 1px;
    background-color: #303437;
    top:  0;
    left: 0
}

html {
  background: #333;
  background-image: url(/img/brushed.jpg);
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: #ccc;
}

* html {
  /*background: url(../img/menu_bg.jpg) no-repeat top left;*/
  scrollbar-face-color:#000;
  scrollbar-highlight-color:#999;
  scrollbar-shadow-color:#808080;
  scrollbar-3dlight-color:#666;
  scrollbar-arrow-color:#ccc;
  scrollbar-track-color:#333;
  scrollbar-darkshadow-color:#999;
}

body {
  background: url(/img/menu_bg.jpg) no-repeat top left;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

body.noMenu, .bttl {
  background: url(/img/brushed.jpg) repeat top left;
}
#container {
  background: url(../img/menu_bg.jpg) no-repeat top left;
  height: 100%;
}

#container.hideBg {
  background: transparent;
  height: 100%;
}

* html #container {
  background: url(../img/menu_bg.jpg) no-repeat top left;
  height: 1000px;
}

#content {
  display: block;
  position: absolute;
  top: 85px;
  bottom:27px;
  width: 700px;
  margin-left: -235px;
  width: 820px;
  margin-left: -320px;
  left:50%;
  font-size: 1.1em;
}

* html #content p {
  font-weight: normal;
  text-align: left;
  font-size: 13px;
}

#content iframe {
  width: 730px;
  height: 950px;
}

* html iframe {
  background: url(/img/brushed.jpg) repeat top left;
  border-left:0;
}

#breadcrumbs, #albumswitcher { text-align: center; margin:0 auto; }
#albumswitcher  { width:100%; }

iframe#Spreadshop {
  width: 620px;
  height: 1100px;
  /*border:1px solid #999*/
}

#frontpagepics {
   /* clear: both; */
}

#frontpagepics ul {
  list-style-type: none;
  margin-top:75px;
}

#frontpagepics ul li {
  display: inline;
}

p#foto { text-align: center; }
/* IE wants this explicit in #content ... doh */
* html #content p#foto { text-align: center; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, helvetica, sans-serif; }

h1 { font-size: 1.7em; }
h2 { border-bottom: 1px solid #777; font-size: 1.7em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
dd,dt { text-align: left; }
a { color: #ddddd0; font-weight: bold; text-decoration: none; }
a.fake { color: #cccccc; text-decoration: none; }
a.dark { color: #7B7D7B; font-weight: bold; text-decoration: none; }
a:hover { color: #ddddd0; font-weight: bold; text-decoration: underline; }
a.navlinks { color: #ddddd0; font-weight: normal; font-size: 10px; text-decoration: none; }
a.thickbox, a.thickbox:hover { font-weight:normal; text-decoration: none; }

select {
  padding-left: 3px;
  font-size: 10px;
  color: #cccccc;
  border-style: solid;
  border-width: 1pt;
  border-color: #888888;
  background-color: #000000;
}
input {
  color: #ddddd0;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  background-color: #000000;
}
textarea {
  color: #ddddd0;
  font-size: 10px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  border-style: solid;
  border-width: 1pt;
  border-color: #888888;
  background-color: #000000;
}
table { text-align: left }
.centered table { margin: 0 auto }
dt {
  font-size: 1.2em;
  font-weight: bold;
}
th { font-weight: bold; }
td.headers { background-color: #3c3c3c; }
td.thumb {
  width: 110px;
  height: 110px;
  vertical-align: middle;
  text-align: center;
  background-image: url(../img/dia.gif);
  background-repeat: no-repeat;
}
.vcenter { vertical-align: middle; text-align: center; }
.up {
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: white #333 #333 white;
  background-color: #000;
}
button.up {
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: white #333 #333 white;
  background-color: #000;
}
.down {
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #333 white white #333;
  background-color: #000;
}
#songlist { border: 1px solid #333; }
#songlist TD {
  border-bottom: 1px solid #333;
  text-align: center;
}
/*********************
 *  Balloonstuff     *
 ********************/
#dhtmltooltip,#ajaxtooltip {
  position: absolute;
  width: 240px;
  visibility: hidden;
  z-index: 100;
  font-size: 10px;
  border: 1px solid #7297ce;
  background: Window;
  color: WindowText;
}
#dhtmltooltipS { width: 340px; }

#tooltiptitle,#ajaxtooltip h2,.ajaxtooltip h3 {
  margin:2px 0px 2px -2px;
  font: 12px/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 4px;
  background: url(images/balloon_bg.gif);
  color: #000;
}

.ajaxtooltip h3, .ajaxtooltip div {
  padding-left:0;
  width:100%
}
.ajaxtooltip div {
  margin:5px;
}

#tooltiptext { padding: 2px 4px; background: #fff; }

.balloonstyle{
  position:absolute;
  top: -500px;
  left: 0;
  padding: 5px;
  visibility: hidden;
  border:1px solid black;
  font:normal 12px Verdana;
  line-height: 18px;
  z-index: 100;
  background-color: white;
  width: 200px;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
  z-index: 99;
  position:absolute;
  top: -500px;
  left: 0;
  visibility: hidden;
}
/*********************
 * End Balloonstuff  *
 ********************/

#giglogTable th { font-size: 16px; border-top: solid 1px #ccc; }
#giglogTable span {text-align: right; font-weight: bold;}

#member dt { padding-top: 5px;}
dl#member {
  margin: 0 auto;
  padding: 5px;
  width: 350px;
}

#profile select { width: 226px; }

#nav {
  height: 1000px;
  width: 181px ;
  margin: 0;
  padding: 0;
}

* html #nav {
  height: 100%;
  width: 181px;
}

#nav ul {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-weight: normal;
  list-style-type: none;
  padding-top: 5em;
  font-size: 1.7em;
}

#nav ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  line-height: 25px;
  padding-left: 1em;
  font-weight: normal;
}
* html #nav ul li a { height: 1%; }

#nav ul li a.active {
  border-left: 0.4em solid #c1bea0;
  color: #c1bea0;
  padding-left: 0.6em;
}

#nav ul li a.active, #nav ul li a:hover { background: url(../img/menu_bgh.jpg) no-repeat }
#nav ul li a:hover { color: #c1bea0; }
#nav ul li a.active:hover { text-decoration: none; }

#nav li#home a:hover { background-position: 0 -85px; }
#nav li#home a.active, #nav li#home a.active:hover { background-position: -0.4em -85px; }
#nav li#bio a:hover { background-position: 0 -110px; }
#nav li#bio a.active, #nav li#bio a.active:hover { background-position: -0.4em -110px; }
#nav li#data a:hover { background-position: 0 -135px; }
#nav li#data a.active, #nav li#data a.active:hover { background-position: -0.4em -135px; }
#nav li#songs a:hover { background-position: 0 -160px; }
#nav li#songs a.active, #nav li#songs a.active:hover { background-position: -0.4em  -160px; }
#nav li#timeline a:hover { background-position: 0 -185px; }
#nav li#timeline a.active, #nav li#timeline a.active:hover { background-position: -0.4em  -185px; }
#nav li#stories a:hover { background-position: 0 -210px; }
#nav li#stories a.active, #nav li#stories a.active:hover { background-position: -0.4em  -210px; }
#nav li#mp3s a:hover { background-position: 0 -235px; }
#nav li#mp3s a.active, #nav li#mp3s a.active:hover { background-position: -0.4em  -235px; }
#nav li#photos a:hover { background-position: 0 -260px; }
#nav li#photos a.active, #nav li#photos a.active:hover { background-position: -0.4em  -260px; }
#nav li#contact a:hover { background-position: 0 -285px; }
#nav li#contact a.active, #nav li#contact a.active:hover { background-position: -0.4em  -285px; }
#nav li#guestbook a:hover { background-position: 0 -310px; }
#nav li#guestbook a.active, #nav li#guestbook a.active:hover { background-position: -0.4em  -310px; }
#nav li#top100 a:hover { background-position: 0 -335px; }
#nav li#top100 a.active, #nav li#top100 a.active:hover { background-position: -0.4em  -335px; }
#nav li#giglog a:hover { background-position: 0 -360px; }
#nav li#giglog a.active, #nav li#giglog a.active:hover { background-position: -0.4em  -360px; }
#nav li#shop a:hover { background-position: 0 -385px; }
#nav li#shop a.active, #nav li#shop a.active:hover { background-position: -0.4em  -385px; }
* html #nav li#shop a.active, #nav li#shop a.active:hover { background-position: -0.35em  -385px; }
#nav li#mailing a:hover { background-position: 0 -410px; }
#nav li#mailing a.active, #nav li#mailing a.active:hover { background-position: -0.4em  -410px; }
#nav li#links a:hover { background-position: 0 -435px; }
#nav li#links a.active, #nav li#links a.active:hover { background-position: -0.4em  -435px; }
#nav li#language a:hover { background-position: 0 -460px; }
#nav li#admin a:hover { background-position: 0 -485px; }
#nav li#admin a.active, #nav li#admin a.active:hover { background-position: -0.4em  -485px; }
#nav li#bookmark a:hover { background-position: 0 -510px; }
#nav li#spread a:hover { background: transparent; }

.mp3 dt {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 4px;
  margin-top: 10px;
}

.mp3 dd { padding: 1px 0; }

#top {
  position: absolute;
  height: 25px;
  width: 740px;
  right: 1em;
  top:1em;
  /*margin:0;*/
  float: right;
  line-height: 10px;
  /*width: 250px;*/
}

* html #top {
  position: absolute;
  /*width: 75%;*/
  height: 70px;
  top: 0;
  right: 0;
}

#top table {
  float: right;
  top: 10px;
  width: 750px;
}
#top table td.1000 { width: 1000px; }
* html #nav { position: absolute; top: 10px; }

#headertext {
  font-size:10px;
  font-style: italic;
  float:right;
  margin-right: 50px;
  text-align: right;
}

#statuten {
  font-size: 1em;
  font-style: italic;
}

#mailsubscribers td:hover { background-color:#ccc; color:#000; }

.big { font-size: 1.3em; }
.bordertop { border-top: 1px solid #ccc; }
.centered { text-align: center; margin:0 auto; }
.centered>div { margin: 0 auto; }
.centered>table { margin: 0 auto; }
.commentlink { padding-left:15px }
.counter { margin: 0 0 10px 10px; float:right; }
.error { color: #ccc; background-color: #ff0000; }
.header { font-weight: bold; }
.inactive, td.inactive a { color: #FAAC9F; }
.link { cursor:pointer; }
.middle {  margin:0 auto; }
.nowrap { white-space:nowrap; }
.numberone { font-weight: bold; color: #FFFF99; background-color: transparent; font-size: 15px; }
.numbertwo { font-weight: bold; color: #FFFF99; background-color: transparent; font-size: 13px; }
.numberthree { color: #FFFF99; background-color: transparent; font-size: 13px; }
.req { color: #E82848; }
.sign { border-bottom: 1px solid #ccc }
.righttext { text-align:right; }
.small { font-size: 10px; }
.songtabel { margin:0 auto; }
.songtabel th { color: #ccc; background-color: #242624; }
.songtabel th a { display:block; }
.songtabel tr:hover { background-color:#404040; }
.top100 { border-style: solid; border-width: 1px; border-color: #333; }
.top100 td { border-style: solid; border-width: 0; border-color: #333; }
.top100 th { background-color: #242624; }
.even { background-color: #404040 }
.odd { background-color: #808080 }
/* Timeline stuff */
.tlRow .tlYear {
  font-size: 16pt;
  border-bottom: 1px solid #777;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.tlRow .tlInfo { margin-left: 64px; }

.tlRow .small {
  font-size: 10px;
  color: #999;
}
#tijdLijn {
  text-align: center;
  background-color: #000;
  border: 1px solid #777;
  margin-bottom: 20px;
  padding: 4px;
}
#tijdLijnBottom {
  background: #000;
}

.gigs, .albums {
  font-size: 12px;
  line-height: 20px;
  list-style-type: none;
  padding-left: 8px;
}
.gigs { font-size:1em; line-height:1.3em; }
.thumbs { list-style-type: none; }
.thumbs li {
  background: url(../img/dia.gif) 50% no-repeat;
  display: inline;
  margin: 4px;
  padding: 5px;
  width: 120px;
  height: 120px;
  float: left;
  text-align: center;
  position: relative;
}

.thumbs li img, .thumb10 img {
  border-width: 2px;
  border-style: solid;
  border-color: #666 #bbb #bbb #666;
}
.clearboth { clear: both; }
.fixed { position: fixed; top:0; }
.hideMe { display: none; }
.top10 { color: #dedede; }

ul.albumcontent li {
  display:inline;
  white-space:nowrap;
}

.thumb10 {
  background: url(../img/dia.gif) 50% no-repeat;
  width: 120px;
  height: 120px;
  float: left;
  padding: 5px;
  text-align: center;
}

.comments, .top10_11 {
  background-position: 0 5px;
  background-repeat: no-repeat;
  height: 120px;
  margin-left: 150px;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

#comments li {
  font-size: 0.8em;
  padding-left: 5px;
}

#comments ul, ul.list_to_sort li {
  list-style-type: none;
}
ul.list_to_sort li { cursor:move; width: 175px; padding:1px; margin:1px; }
ul.list_to_sort li { border:1px solid #777; }

#moderatorcomments {
  color:#ddddd0;
  text-align:right;
  border-top: 1px solid #ddddd0; font-size: 1.2em;
}

#top10_1 { background-image: url(../img/top10_1.gif); }
#top10_2 { background-image: url(../img/top10_2.gif); }
#top10_3 { background-image: url(../img/top10_3.gif); }
#top10_4 { background-image: url(../img/top10_4.gif); }
#top10_5 { background-image: url(../img/top10_5.gif); }
#top10_6 { background-image: url(../img/top10_6.gif); }
#top10_7 { background-image: url(../img/top10_7.gif); }
#top10_8 { background-image: url(../img/top10_8.gif); }
#top10_9 { background-image: url(../img/top10_9.gif); }
#top10_10 { background-image: url(../img/top10_10.gif); }
.top10_11 { background-image: url(../img/top10_niks.gif); }
#voteTable td {
  text-align:center;
  vertical-align:middle;
}
#voteTable {
  margin:0 auto;
  border: 1px dashed #e7e7e7;
}
#voteTable input { background-color:transparent; border-width:0; }

.picDesc {
  width: 210px;
  margin-top: 10px;
  font-size: 11px;
}
/* activeCalendar */
#calenderTabel td { border-bottom:1px dotted #555; }
#activeCalendar {

}

#activeCalendar table { border-color: #011926;  margin:0 auto; border: solid 1px #444; }
#activeCalendar td { text-align: right; }
#activeCalendar a { text-decoration:none;  }
#activeCalendar td a {
  display: block;
  border: 1px solid transparent;
}
#activeCalendar td a:hover {
  text-decoration:underline;
  border: 1px solid #ee6e62;
}
#activeCalendar td.today a { font-weight:bold; background-color: #FFFF99; color:#000 }
#activeCalendar td.event a { font-weight:bold; background-color: #04537a; color:#FFFF99; }
#activeCalendar td.sunday a { color: #ee6e62; }
#activeCalendar td.weeknum a,td.nomonthday { font-style: italic; font-weight: normal;}
.yearname { font-weight: bold; }
#calendarDetails tr:hover {
  background-color: #444;
}

/* Mailing */

      #imagesel {
        margin-top: -10px;
        width: 220px;
        height: 350px;
        overflow: auto;
        float: right;
      }
      #new {
        width: 600px;
        height: 360px;
        overflow: auto;
        background-color: #eee7d5;
        border: 1px solid black;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -260px;
        margin-left: -310px;
        padding: 20px;
        display: none;
      }
      #new img {
        border: none;
      }
#rehearseStats {
  float:left;
}
#rehearselList {
  float:right;
  overflow:auto;
  width: 205px;
  height: 80px;
}
#rehearselList .active {
  text-decoration:underline;
}
#lastRehearsel {
  margin-top:115px;
}
#tag-cloud{
  clear:both;
  list-style:none;
}
#tag-cloud li{
  float:left;
  margin:0 0.5em;
}
#tag-cloud li a{
  text-decoration:none;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#tag-cloud li.t1 { padding-top: 1.8em; }
#tag-cloud li.t2 { padding-top: 1.2em; }
#tag-cloud li.t3 { padding-top: 0.8em; }
#tag-cloud li.t4 { padding-top: 0.4em; }
#tag-cloud li.t5 { padding-top: 0.0em; }

#tag-cloud li.t1 a {font-size:100%; }
#tag-cloud li.t2 a {font-size:120%; }
#tag-cloud li.t3 a {font-size:140%; }
#tag-cloud li.t4 a {font-size:160%; }
#tag-cloud li.t5 a {font-size:180%; }

#tagcloud  { width:625px; text-align:justify; margin:0 auto; border: 1px solid #888; padding:5px; }
.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link    { color: #ffffcc; }
.tag_cloud:visited { color: #ffff77; }
.tag_cloud:hover   { color: #000; background: #ffffcc; }
.tag_cloud:activ e { color: #000; background: #ffff77; }
/************************************************************
Player
*************************************************************/
    .recarrowright img:hover { background-position:0 -19px; }
    .recarrowright img {
      background:transparent url(http://static.managementboek.nl/mgt-img/arrow_right2.png) repeat scroll 0 0;
      border:medium none;
      height:19px;
      padding:0;
      width:20px;
    }

div.slides { display: none; }


.ajaxtooltip{
  color: WindowText;
  position: absolute;
  z-index:1000;
  display: none;
  /*width: 300px;*/
  left: 0;
  top: 0; /
  background-color: #777;
  background: Window;
  border: 2px solid gray;
  border-width: 1px 2px 2px 1px;
  border: 1px solid #7297ce;
  padding: 0 5px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);

}