@charset "UTF-8";
body {
font: 100% Helvetica, Arial, sans-serif;
background: #b53826;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #666;
}
/* Hidden elements */
#header h1, #header h2, #header h3 {
/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
height: 0;/* because clip doesn't have any fun in IE6 */
}
#container {
position: absolute;
left: 50%;
margin-left: -390px;
top: 16px;
width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: transparent;
text-align: left; /* this overrides the text-align: center on the body element. */
}
/* header */
#header {
background: #FFF url(../img/header.gif) top left no-repeat; 
height: 200px;
}
/* nav */
/* nav {
position: relative;
left: 426px;
top: 159px; 
width: 334px;
height: 18px;
padding: 0;
border: 0;
z-index: 99;
} */
#nav {
position: absolute;
left: 426px;
top: 170px;
width: 334px;
height: 18px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
z-index:31;
}
#nav ul#menu {
width: 334px;
height: 18px;
background: transparent url(../img/nav.gif) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}
#nav ul#menu li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
ul#menu li, ul#menu a {
height: 18px;
display: block;
}
#nav ul#menu li a {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
#news {left: 0; width: 47px;}
#news a:hover {background: transparent url(../img/nav.gif) 0 -18px no-repeat;}  
body#nws #news {background: transparent url(../img/nav.gif) 0 -18px no-repeat;}  
#gigs {left: 47px; width: 44px;}
#gigs a:hover {background: transparent url(../img/nav.gif) -47px -18px no-repeat;}  
body#ggs #gigs {background: transparent url(../img/nav.gif) -47px -18px no-repeat;}  
#bio {left: 91px; width: 37px;}
#bio a:hover {background: transparent url(../img/nav.gif) -91px -18px no-repeat;}  
body#oib #bio {background: transparent url(../img/nav.gif) -91px -18px no-repeat;}  
#downloads {left: 128px; width: 90px;}
#downloads a:hover {background: transparent url(../img/nav.gif) -128px -18px no-repeat;}  
body#dwn #downloads {background: transparent url(../img/nav.gif) -128px -18px no-repeat;}  
#links {left: 218px; width: 50px;}
#links a:hover {background: transparent url(../img/nav.gif) -218px -18px no-repeat;}  
body#lnk #links {background: transparent url(../img/nav.gif) -218px -18px no-repeat;}  
#contact {left: 268px; width: 66px;}
#contact a:hover {background: transparent url(../img/nav.gif) -268px -18px no-repeat;}  
body#cnt #contact {background: transparent url(../img/nav.gif) -268px -18px no-repeat;}  
/* main content */
#mainContent {
padding: 12px 80px 12px 140px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FFFFFF;
}
.mainItem { 
padding: 0; 
margin: 0;
} 
#footer {
height: 56px;
margin: 0;
padding: 0;
background: transparent url(../img/footer_bg.gif) top left no-repeat;
}
/* floats */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin: 5px 0 0 16px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin: 5px 16px 0 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* font specs */
p { 
font: 12px/22px Helvetica, Arial, sans-serif; 
margin: 10px 0 10px 3px;
}
h5 {
font: bold 11px/14px Helvetica, Arial, sans-serif; 
margin: 6px 0 0 4px;
}
.gigs_date { 
font: bold 14px/18px Helvetica, Arial, sans-serif; 
margin: 8px 0 0 3px;
color: #8a817e;
}
.gigs_venue { 
font: bold 14px/18px Helvetica, Arial, sans-serif; 
margin: 0 0 0 3px;
color: #b53826;
}
.gigs_misc { 
font: bold 12px/16px Helvetica, Arial, sans-serif; 
margin: 0 0 0 3px;
color: #8a817e;
}
.gigs_timeprice { 
font: 11px/14px Helvetica, Arial, sans-serif; 
margin: 0 0 0 3px;
}
#footer p {
padding: 6px 0 0 143px;
margin: 0;
font: bold 11px/14px Helvetica, Arial, sans-serif; 
color: #fff;
}
#footer .notopping {
padding: 24px 0 0 143px;
margin: 0;
font: bold 11px/14px Helvetica, Arial, sans-serif; 
color: #fff;
}
#footer .topping {
padding: 4px 0 0 143px;
margin: 0;
font: 11px/14px Helvetica, Arial, sans-serif; 
color: #b53826;
}
a:link {
color: #b53826;
text-decoration: none;
}
a:hover {
color: #792519;
font-weight: bold;
text-decoration: none;
}
a:active {
color: #fa4e35;
text-decoration: none;
font-weight: bold;
outline: none;
}
a:visited {
color: #fa4e35;
text-decoration: none;
}
/* sIFR styles...geen STRONG TAG gebruiken in de platte tekst*/
h1 {
font-weight: bold;
letter-spacing: -.05em;
margin: 14px 0 8px 0;
padding: 0;
line-height: 1.4em;
font-size: 28px;
}
h2 {
font-weight: bold;
letter-spacing: -.05em;
margin: 14px 0 8px 1px;
padding: 0;
line-height: 1.3em;
font-size: 22px;
}
h3 {
font-weight: bold;
letter-spacing: -.05em;
margin: 0;
padding: 0;
line-height: 1.2em;
font-size: 18px;
}
h4 {
font-weight: bold;
letter-spacing: -.05em;
margin: 0 0 0 2px;
padding: 0;
line-height: 1.2em;
font-size: 16px;
}
.gigs_town {
font-weight: bold;
letter-spacing: -.05em;
margin: 0 0 0 2px;
padding: 0;
line-height: 1.2em;
font-size: 18px;
}