@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

html {background:url(../images/layout/bg_1.jpg) top center repeat-x #460101;}

body {background:url(../images/layout/bg_2.jpg) top center no-repeat; min-height:766px; font-family:Arial, Tahoma, Verdana; font-size:10px;}

img {border:none;}

div:focus, img:focus, object:focus, input:focus {outline:none;}

input, textarea {background:url(../images/layout/bg_zwart_60.png) repeat;  border-width:0 0 3px 0; border-bottom:3px solid #293733;; color:#CCC; font-family:Arial, Tahoma, Verdana; font-size:10px;}
input:focus, textarea:focus {background:url(../images/layout/bg_zwart_60.png) repeat; border-width:0 0 3px 0; border-bottom:3px solid #87b5a9;}
input {padding:4px 3px;}
textarea {padding:4px 4px;}

a, a:visited {color:#fff;}
a:hover {color:#999;}
a.link {background:url(../images/layout/link_bg.png) left no-repeat; padding:0 0 0 10px; float:left; width:90%; margin:0 0 5px 0;}

#container {width:1000px; margin:0 auto 0 auto; background:url(../images/layout/bg_2jpg) top center no-repeat; min-height:766px;}
#container div {float:left;}

#header {width:1000px; height:224px;} /* 199 */
#contentwrap {width:802px; height:336px; margin:0 0 18px 0;}
#content {width:802px; padding:0 100px 0 98px; height:336px;}
#footer {width:880px; padding:0 0px 0 120px;}

/* OPMAAK TEXT */
h1 {font-size:14px; font-weight:bold; color:#fff; margin:0 0 5px 0; float:left;width:100%;}
h1 span {color:#ff0000;}
p {font-size:10px; color:#fff; margin:0 0 10px 0;  float:left; width:100%;}

/* MODULES */
.colom_1 {width:256px; margin:0 4px 0 0;}
.colom_2 {width:256px;}
.colom_big {width:486px; height:306px; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px; color:#fff;}
.colom_media {width:235px; margin:0 4px 0 0; height:306px; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px}
.colom_media_last {width:234px; height:306px; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px}
.colom_media_gallery {width:473px; height:306px; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px;}

.leftflash {width:282px; height:336px; margin:0 4px 0 0;}

.row {width:100%; margin:0 0 10px 0; color:#fff;}
.row .left {width:100px;}
.row .right {width:355px;}

.newsheadlines, .upcominggigs, .lastrelease, .twitter {background:url(../images/layout/bg_zwart_60.png) repeat; width:226px; padding:15px;}
.newsheadlines {margin:0 0 4px 0; height:176px;}
.upcominggigs {height:96px;}
.lastrelease {margin:0 0 4px 0; height:176px;}
.lastrelease p.artist {font-weight:bold; color:#ff0000; font-size:11px; margin:0 0 0 0; width:226px; float:left;}
.lastrelease p.releasename {font-weight:bold; font-size:11px; width:226px; float:left;}
.lastrelease p.trackname {margin:0; width:130px; float:left; line-height:12px; padding:2px 0 0 0;}

.twitter {height:96px;}
p.lasttwit {}
p.lasttwit span {color:#87b5a9;}

.gig {width:226px;}
.gig .date {width:35px; background:url(../images/layout/link_bg.png) left no-repeat; padding:0 0 0 10px; color:#fff;}
.gig .info {width:181px; font-weight:bold; font-size:11px;}
.gig .info span {font-style:italic; color:#87b5a9; font-weight:normal; font-size:10px;}

/* NEWS */
.newsarchive {width:252px; height:306px; margin:0 4px 0 0; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px;}



/* SHEDULE */
.gig_big {width:475px;}
.gig_big .date {width:55px; background:url(../images/layout/link_bg.png) left no-repeat; padding:0 0 0 10px; color:#fff;}
.gig_big .info {width:410px; font-weight:bold; font-size:11px;}
.gig_big .info span {font-style:italic; color:#87b5a9; font-weight:normal; font-size:10px;}

.gig_past {width:475px;}
.gig_past .date {width:55px; background:url(../images/layout/link_bg.png) left no-repeat; padding:0 0 0 10px; color:#666;}
.gig_past .info {width:410px; font-weight:bold; font-size:11px;}
.gig_past .info a, .gig_past .info a:visited {color:#666;}
.gig_past .info span {font-style:italic; color:#4b655e; font-weight:normal; font-size:10px;}

/* CHARTS */
.chart_left {width:235px; margin:0 5px 0 0;}
.chart_right {width:235px;}
.chart_item {width:455px;margin:0 0 3px 0;}
.chart_number {font-size:20px; font-weight:bold; color:#AF0000; width:40px;}
.chart_info {width:410px;}
.chart_info p.artist {font-size:10px; margin:0; font-weight:bold;}
.chart_info p.track {font-size:10px; margin:0; font-weight:bold;}
.chart_info p.label {font-size:8px; margin:0; color:#87b5a9;}

/* DISCOGRAPHY */
.discography_release {width:252px; height:253px; margin:0 4px 4px 0; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px;}

.discography_release .image {background:url(../images/layout/release_imagebg.png) top left no-repeat; width:94px; height:94px; padding:6px; margin:0 5px 0 0;}
.discography_release .info {padding:5px 0 0 0; width:141px;}
.discography_release .info p {font-weight:bold; width:141px;}
.discography_release .info span {color:#87b5a9; font-style:italic; font-weight:normal;}
.discography_release .tracks {width:252px;}
.discography_release .tracks p.trackname {float:left; width:156px; line-height:12px; padding:2px 0 0 0;}
a.hardstylecom_btn, a.hardstylecom_btn:visited {width:282px; height:49px; display:block; background:url(../images/layout/buy_hardstylecom.png) top left no-repeat; float:left; text-decoration:none; font-size:0px;}
a.hardstylecom_btn:hover {background:url(../images/layout/buy_hardstylecom.png) bottom left no-repeat;}
.disco_item {width:106px; margin:0 10px 0 0;}
.disco_item .image {background:url(../images/layout/release_imagebg.png) top left no-repeat; width:94px; height:94px; padding:6px;}
.disco_item .name {width:96px; padding:2px 5px; text-align:center;}


/* MEDIA */
.gallery_thumb {background:url(../images/layout/gallery_thumbbg.png) top left no-repeat; width:51px; height:51px; padding:4px; margin:0 5px 0 0;}
.gallery_info {width:148px; padding:5px 0 0 0;}



/* GUESTBOOK */
.guestbook_left {width:252px; height:306px; margin:0 4px 0 0; background:url(../images/layout/bg_zwart_60.png) repeat; padding:15px;}

.gb_header {background:url(../images/layout/bg_zwart_60.png) repeat; width:425px; padding:15px 15px 5px 15px; color:#87b5a9; font-weight:bold;}
.gb_message {background:url(../images/layout/bg_zwart_60.png) repeat; border-bottom:3px solid #293733; width:425px; padding:0 15px 15px 15px;}



.copyright {color:#fff; font-weight:bold; line-height:10px; padding:12px 0 0; height:24px; font-size:9px; width:274px;}
.copyright span {color:#ff0000;}
.copyright a, .copyright a:visited {color:#ff0000; text-decoration:none;}
.copyright a:hover {color:#C00; text-decoration:underline;}
.links {height:48px; width:564px;}
.links a {float:left;}


/* buttons */
a.btn_buy, a.btn_buy:visited {background:url(../images/layout/btn_buy.png) bottom left no-repeat; display:block; width:96px; height:27px; text-decoration:none; font-size:0px; margin:2px 0 5px 0; float:left;}
a.btn_buy:hover {background:url(../images/layout/btn_buy.png) top left no-repeat;}
a.btn_info, a.btn_info:visited {background:url(../images/layout/btn_info.png) top left no-repeat; display:block; width:106px; height:31px; text-decoration:none; font-size:0px; margin:2px 0 5px 0; float:left;}
a.btn_info:hover {background:url(../images/layout/btn_info.png) bottom left no-repeat;}

a.btn_scantraxx, a.btn_scantraxx:visited {background:url(../images/layout/btn_scantraxx.png) top left no-repeat; display:block; width:82px; height:48px; text-decoration:none; font-size:0px;}
a.btn_scantraxx:hover {background-position:bottom;}
a.btn_hardstylecom, a.btn_hardstylecom:visited {background:url(../images/layout/btn_hardstylecom.png) top left no-repeat; display:block; width:66px; height:48px; text-decoration:none; font-size:0px;}
a.btn_hardstylecom:hover {background-position:bottom;}
a.btn_myspace, a.btn_myspace:visited {background:url(../images/layout/btn_myspace.png) top left no-repeat; display:block; width:84px; height:48px; text-decoration:none; font-size:0px;}
a.btn_myspace:hover {background-position:bottom;}
a.btn_twitter, a.btn_twitter:visited {background:url(../images/layout/btn_twitter.png) top left no-repeat; display:block; width:77px; height:48px; text-decoration:none; font-size:0px;}
a.btn_twitter:hover {background-position:bottom;}
a.btn_hyves, a.btn_hyves:visited {background:url(../images/layout/btn_hyves.png) top left no-repeat; display:block; width:56px; height:48px; text-decoration:none; font-size:0px;}
a.btn_hyves:hover {background-position:bottom;}
a.btn_facebook, a.btn_facebook:visited {background:url(../images/layout/btn_facebook.png) top left no-repeat; display:block; width:73px; height:48px; text-decoration:none; font-size:0px;}
a.btn_facebook:hover {background-position:bottom;}
a.btn_youtube, a.btn_youtube:visited {background:url(../images/layout/btn_youtube.png) top left no-repeat; display:block; width:53px; height:48px; text-decoration:none; font-size:0px;}
a.btn_youtube:hover {background-position:bottom;}


.temp {width:100%; background:#000; text-align:center; line-height:25px;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
#contentscroll	{overflow:auto; margin:0px 0 0 0px; padding: 0px; }
.flexcroll {width:486px; height:306px;}
.flexcroll2 {width:234px; height:306px;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {width: 15px; background: #D7EBDF url(../images/layout/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbar {width: 15px; background: #99CBCB url(../images/layout/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}
.hscrollerbase {height: 15px; background: #D7EBDF url(../images/layout/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbar { height: 15px; background: #99CBCB url(../images/layout/horizontalbarbody_cornerjog.png) 0px -30px repeat-x; }
.vscrollerbar, .hscrollerbar { padding: 10px; z-index: 2;  }
.vscrollerbarbeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 15px; height: 15px !important; }
.vscrollerbarend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 15px; height: 15px; }
.hscrollerbarbeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px -15px no-repeat; height: 15px; width: 15px !important; }
.hscrollerbarend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px -15px no-repeat; height: 15px; width: 15px; } 
.scrollerjogbox { width: 15px; height: 15px; top: auto; left: auto; bottom: 0px; right: 0px; background: #4E727C url(../images/layout/horizontalbarbody_cornerjog.png) 0px 0px; }
.vscrollerbasebeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px -30px no-repeat; width: 15px; height: 15px !important; cursor:pointer; }
.vscrollerbaseend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;  height: 15px; width: 15px; cursor:pointer; }
.hscrollerbasebeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px 0px no-repeat; height: 15px; width: 15px !important; }
.hscrolleraseend { height: 15px; width: 15px; background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px 0px no-repeat; }
.scrollerjogbox:hover { background: #5E828C url(../images/layout/basebarcaps_verticalbarbody.png) -45px -15px; }
/* Scroll Bar Master Styling Ends Here */