/*
-----------------------------------------------
Shaboon CSS
Versie: 29 maart 2006
----------------------------------------------- */

body{
  margin:0px 0px 0px 0px;
  background:url("/img/back.gif");
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  padding-bottom:20px;
  }
.border{
  color:#CC0000;
  background-color:#FFFFFF;
  border: 1px solid #CC0000;
  width:150px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }
textarea{
  color:#CC0000;
  background-color:#FFFFFF;
  border: 1px solid #CC0000;
  width:150px;
  height:50px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }
img{
  border:none;
  }
  
/* Links
----------------------------------------------- */
a{
  color:#CC0000;
  }

/* Header
----------------------------------------------- */
#head{
  left:50%;
  margin:0px 0px 0px -375px;
  width:542px;
  height:36px;
  padding:168px 104px 37px 104px;
  position:absolute;
  background:url("/img/head.gif");
  }
#head ul {
  width: 542px; height: 27px;
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
  background-position: bottom;
  list-style: none outside;
  }
#head li a span {
  display:none;
  }
#head li a {
  height: 36px;
  color: #fff;
  display: block;
  float: left;
  cursor:pointer;
  }

/* Menu Items
----------------------------------------------- */
.news{
  position:absolute;
  width:260px;
  height:80px;
  left:50%;
  margin:86px 0px 0px -130px;
  z-index:20;
  }
li#gigs {
  float: left; margin: 0px 0px 0px 0px; display: block;
  background-image: url("/img/men_01.gif");
  background-repeat: no-repeat; background-position:top
  }
li#gigs a{
  width: 77px;
  background-image: url("/img/men_01.gif");
  background-repeat: no-repeat; background-position:top
  }
li#gigs a:hover {
  background-image: url("/img/men2_01.gif");
  }
li#band {
  float: left; margin: 0px 0px 0px 0px; display: block;
  background-image: url("/img/men_02.gif");
  background-repeat: no-repeat; background-position:top
  }
li#band a{
  width: 80px;
  background-image: url("/img/men_02.gif");
  background-repeat: no-repeat; background-position:top
  }
li#band a:hover {
  background-image: url("/img/men2_02.gif");
  }
li#media {
  float: left; margin: 0px 0px 0px 0px; display: block;
  background-image: url("/img/men_03.gif");
  background-repeat: no-repeat; background-position:top
  }
li#media a{
  width: 89px;
  background-image: url("/img/men_03.gif");
  background-repeat: no-repeat; background-position:top
  }
li#media a:hover {
  background-image: url("/img/men2_03.gif");
  }
li#guestbook {
  float: left; margin: 0px 0px 0px 0px; display: block;
  background-image: url("/img/men_04.gif");
  background-repeat: no-repeat; background-position:top
  }
li#guestbook a{
  width: 164px;
  background-image: url("/img/men_04.gif");
  background-repeat: no-repeat; background-position:top
  }
li#guestbook a:hover {
  background-image: url("/img/men2_04.gif");
  }
li#contact {
  float: left; margin: 0px 0px 0px 0px; display: block;
  background-image: url("/img/men_05.gif");
  background-repeat: no-repeat; background-position:top
  }
li#contact a{
  width: 132px;
  background-image: url("/img/men_05.gif");
  background-repeat: no-repeat; background-position:top
  }
li#contact a:hover {
  background-image: url("/img/men2_05.gif");
  }

/* Div's
----------------------------------------------- */
#foot{
  width:750px;
  text-align:center;
  height:26px;
  padding-top:15px;
  color:#FFFFFF;
  background:url("/img/foot.gif");
  clear:both;
  }
#links{
  float:left;
  width:400px;
  margin:0px 25px 0px 70px;
  text-align:justify;
  }
#rechts{
  float:left;
  width:185px;
  margin:0px 60px 0px 10px;
  }
#content{
  left:50%;
  margin:221px 0px 0px -375px;
  width:750px;
  position:absolute;
  background:url("/img/content.gif");
  }
#shaboon_live{
  left:50%;
  position:absolute;
  width:240px;
  height:140px;
  padding: 130px 30px 30px 30px;
  margin:0px 0px 0px -150px;
  background:url("/img/shaboon_live.gif");
  }

/* Content
----------------------------------------------- */
td{
  vertical-align:top;
  }
table{
  width:400px;
  font-size:11px;
  }
#content ul{
  padding:0 0 0 20px;
  margin:0 0 0 0;
  }
#content li{
  list-style-image:url("/img/bullet.gif");
  clear: both;
  }
#content h2{
  font-size:13px;
  font-weight:bold;
  margin:5px 0px 5px 0px;
  color:#CC0000;
  }
#content em{
  color:#CC0000;
  }
.col1{
  width:200px;
  vertical-align:top;
  }
.col2{
  width:175px;
  vertical-align:top;
  }
.disco{
  border-style:solid;
  border-width:10px;
  border-color:#CCCCCC;
  }
.noborder{
  border:none;
  }
.feat1, .feat2{
  padding:10px 10px 8px 10px;
  background:url("/img/fot_01.gif");
  }
.feat2 {
  padding:5px;
  color:#c00;
  background: #fff;
  border:#c00 5px solid;
}
.imgRight{
  float:right;
  }
div#gbshow{
  text-decoration:underline;
  cursor:pointer;
}

/* H1 Titels
----------------------------------------------- */
h1.titel{
  height:37px;
  background-repeat:no-repeat;
  }
h1.titel span{
  display:none;
  }
h1#t_news{
  background-image:url("/img/news.gif");
  }
h1#t_band{
  background-image:url("/img/band.gif");
  }
h1#t_upcoming_gigs{
  background-image:url("/img/upcoming_gigs.gif");
  }
h1#t_past_gigs{
  background-image:url("/img/past_gigs.gif");
  }
h1#t_media{
  background-image:url("/img/media.gif");
  }
h1#t_contact{
  background-image:url("/img/contact.gif");
  }
h1#t_guestbook{
  background-image:url("/img/gb.gif");
  }

/* H2 Features
----------------------------------------------- */
h2.feat{
  height:20px;
  width:165px;
  background-repeat:no-repeat;
  }
h2.feat span{
  display:none;
  }
h2#order{
  background-image:url("/img/order.gif");
  }
h2#upcoming_gig{
  background-image:url("/img/upcoming_gig.gif");
  }
h2#latest_gallery{
  background-image:url("/img/latest_gallery.gif");
  }
h2#latest_gb{
  background-image:url("/img/latest_gb.gif");
  }

/* Table
----------------------------------------------- */
td.gigvenue{
  width:100px;
  border-bottom-style:dotted;
  border-bottom-width:thin;
  border-bottom-color:#CC0000;
  }
td.gigdate{
  color:#CC0000;
  width:60px;
  border-bottom-style:dotted;
  border-bottom-width:thin;
  border-bottom-color:#CC0000;
  }
td.giginfo{
  border-bottom-style:dotted;
  border-bottom-width:thin;
  border-bottom-color:#CC0000;
  }
td.gb1{
  width:110px;
  padding-left:15px;
  border-bottom: 1px dotted #cc0000;
  }
td.gb2{
  padding-left:5px;
  border-bottom: 1px dotted #cc0000;
  text-align:justify;
  }
  
#tooltipDiv {
	position: absolute;
	left: 0;
	top: 0;
	margin:25px 0px 0px -50px;
	z-index: 1000;
	display: none;
	padding: 5px;
	border-style: solid;
	border-width: 5px;
	border-color: #fff;
	background-color: #cc0000;
	color: #000000;
	font-size: 11px;
	white-space: nowrap;
}
div#gbFormulier textarea{
	width: 350px;
	}