@charset "UTF-8";

@import url("modules.css");

/* Basis Layout */
body {
	background:#000 url(../images/body_bg.jpg) repeat-y center top;
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	color:#333;
}

.whiteBody { background: #FFF; }

#container {
	position:relative;
	background:url(../images/top_bg.jpg) no-repeat center top;
}

#header_container {
	height: 623px;
	position: relative;
}

#header_container div.logo {
	position: absolute;
	top: 19px;
	right: 255px;
	display: block;
	width: 246px;
	height: 69px !important;
	text-decoration: none;
	background: url(../images/ISO_logo.png) no-repeat;
}

@font-face { font-family: 'PortagoITCTTRegular'; src: url('../fonts/itc_portago.eot'); src: local('?'), url('../fonts/itc_portago.ttf') format('truetype'); }

a { color: #8B709F; }
a:hover { text-decoration: none; }


#content_extra_container { padding: 10px 0 10px 0; line-height: 1.8em; }

#content_extra_container h1, #content_extra_container h2 { font-family: "PortagoITCTTRegular", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 35px; color: #FFF; margin-bottom: 10px; margin-left: 10px; padding-top: 15px; }
.container_66 { background: url(../images/container_66_top.png) no-repeat left top; padding-top: 20px; margin-bottom: 10px; }
.container_66 .inner661 { background: url(../images/container_66_bottom.png) no-repeat left bottom; padding-bottom: 20px; }
.container_66 .inner662 { background: url(../images/container_66_bg.png) repeat-y; }
.container_66 .inner663 { padding: 0 30px; min-height: 1px; }
#content_extra_container .container_66 .inner663 h2 { font-size: 24px; text-transform: none; color: #555; margin: 0 0 10px 0; }
#content_extra_container .container_66 .inner663 p { padding: .5em 0 ; }

.container_33 { background: url(../images/container_33_top.png) no-repeat left top; padding-top: 20px; margin-bottom: 20px; }
.container_33 .inner331 { background: url(../images/container_33_bottom.png) no-repeat left bottom; padding-bottom: 20px; }
.container_33 .inner332 { background: url(../images/container_33_bg.png) repeat-y; }
.container_33 .inner333 { padding: 0 20px; min-height: 1px; }
#content_extra_container .container_33 .inner333 h2 { font-size: 20px; text-transform: none; color: #555; margin: 0; }
#content_extra_container .container_33 .inner333 p { padding: 1em 0 0 0; }

#menu_container { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; }
#menu_container div.container_12 { position: relative; z-index: 9; }
#menu_container h2 { font-family: "PortagoITCTTRegular", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 30px; color: #FFF; margin-top: 20px; }
#menu_container ul { margin-top: 10px; background: url(../images/menu_bg.png) no-repeat left top; float: left; width: 294px; height: 40px;}
#menu_container ul li { float: left; display: block; padding-top: 9px; }
#menu_container ul li a { color: #000; margin: 0 0 0 1em; font-weight: bold;}

#footer_container { background: url(../images/footer_bg.png) no-repeat left top; height: 48px; margin-bottom: 20px;}
#footer_container p { line-height: 48px; color: #FFF; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; padding: 0 10px; }
#footer_container a { color: #FFF; }
#footer_container a:hover { text-decoration: none; }

.extra_elements { position: absolute; top: 0; z-index: 999; }

.channels { position: absolute; top: 540px; left: 345px; width: 269px; height: 83px; background: url(../images/channels.png) no-repeat left top; z-index: 999999999; overflow: hidden; text-align: left; }
.channels ul { text-align: left; padding: 10px 0 0 20px; }
.channels ul li { display: block; float: left; width: 38px; height: 38px; margin-right: 10px; }
.channels ul li a { display: block; width: 38px; height: 0; padding-top: 38px; overflow: hidden; float: left; }

#container #content_extra_container h1.onWhite { font-family: "PortagoITCTTRegular", Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 25px; color: #4A3659; margin-bottom: 10px; margin-left:0; padding-top: 10px; }




























.guitar1 { position:absolute; top:300px; left:130px; width:167px; height:218px; background:url(../images/guitar1.png); cursor:move; z-index: 99; }
.guitar2 { position:absolute; top:362px; left:290px; width:169px; height:145px; background:url(../images/guitar2.png); cursor:move; z-index: 99; }
.bass { position:absolute; top:390px; right:130px; width:124px; height:132px; background:url(../images/bass.png); cursor:move; z-index: 99; }
.drums { position:absolute; top:260px; left:450px; width:264px; height:282px; background:url(../images/niels/drums1.png) no-repeat top left; cursor:move; z-index: 99; }
.drums span { position:absolute; top:0; left:0; display:block; width:243px; height:248px; margin:0; padding:0; background:url(../images/drums.png) no-repeat top left; z-index: 99; }
.robin { position:absolute; top:260px; right:10px; width:188px; height:327px; margin:0; padding:0; background:url(../images/robin/robin1.png) no-repeat top left; cursor:move; z-index: 99; }
.robin span { position:absolute; top:0; left:0; display:block; width:163px; height:380px; margin:0; padding:0; background:url(../images/robin.png) no-repeat top left; z-index: 99; }
.renee { position:absolute; top:250px; left:300px; width:168px; height:350px; background:url(../images/renee/renee1.png) no-repeat top left; cursor:move; z-index: 99; }
.renee span { position:absolute; top:0; left:0; display:block; width:119px; height:336px; margin:0; padding:0; background:url(../images/renee.png) no-repeat top left; z-index: 99; }
.klaas { position:absolute; top:280px; left:60px; width:184px; height:337px; background:url(../images/klaas/klaas1.png) no-repeat top left; cursor:move; z-index: 99; }
.klaas span { position:absolute; top:0; left:0; display:block; width:197px; height:300px; margin:0; padding:0; background:url(images/../klaas.png) no-repeat top left; z-index: 99; }







div.jp-single-player,
div.jp-playlist-player {
	position: absolute; top: 100px; right: 273px; width: 218px; height: 47px;
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #333;
	z-index: 999;
}
div.jp-interface {
	position: relative;
	background: url(../images/player_bg.png);
	width:218px;
	height:47px;
	z-index: 999;
}

div.jp-interface  ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface  ul.jp-controls li {
	overflow:hidden;
	text-indent:-9999px;
}
li.jp-play,
li.jp-pause {
	display: block;
	position: absolute; z-index: 999;
	top:5px;
	width:16px;
	height:16px;
	cursor: pointer;
}
div.jp-single-player li.jp-play,
div.jp-single-player li.jp-pause {
	left:5px;
}
div.jp-playlist-player li.jp-play,
div.jp-playlist-player li.jp-pause {
	left:5px;
}
li.jp-play {
	background: url(../images/player_play.png) no-repeat 0px 0px;
}
li.jp-play:hover {
	background: url(../images/player_play.png) no-repeat 0px -16px;
}
li.jp-pause {
	background: url(../images/player_pause.png) no-repeat 0px 0px;
}
li.jp-pause:hover {
	background: url(../images/player_pause.png) no-repeat 0px -16px;
}
li.jp-stop {
	position: absolute; z-index: 999;
	top:5px;
	background: url(../images/player_stop.png) no-repeat 0px 0px;
	width:16px;
	height:16px;
	cursor: pointer;
}
div.jp-single-player li.jp-stop {
	left:26px;
}
div.jp-playlist-player li.jp-stop {
	left:126px;
}
li.jp-stop:hover {
	background: url(../images/player_stop.png) no-repeat 0px -16px;
}
div.jp-progress {
	position: absolute; z-index: 999;
	overflow:hidden;
	top:5px;
	background: url(../images/player_progress.png) no-repeat 0px 0px;
	width:87px;
	height:14px;
	padding: 1px;
}
div.jp-single-player div.jp-progress {
	left:47px;
}
div.jp-playlist-player div.jp-progress {
	left:47px;
}
div.jp-load-bar {
	background: none;
	width:0px;
	height:14px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url(../images/player_progress_inner.png) 0px 0px;
	width: 0px;
	height:14px;
}
li.jp-volume-min {
	position: absolute; z-index: 999;
	top:5px;
	background: url(../images/player_volmin.png) no-repeat 0px 0px;
	width:16px;
	height:16px;
	cursor: pointer;
}
div.jp-single-player li.jp-volume-min {
	right:61px;
}
div.jp-playlist-player li.jp-volume-min {
	left:61px;
}
li.jp-volume-min:hover {
	background: url(../images/player_volmin.png) no-repeat 0px -16px;
}
li.jp-volume-max {
	position: absolute; z-index: 999;
	top:5px;
	background: url(../images/player_volplus.png) no-repeat 0px 0px;
	width:16px;
	height:16px;
	cursor: pointer;
}
div.jp-single-player li.jp-volume-max {
	right:5px;
}
div.jp-playlist-player li.jp-volume-max {
	right:5px;
}
li.jp-volume-max:hover {
	background: url(../images/player_volplus.png) no-repeat 0px -16px;
}

div.jp-volume-bar {
	position: absolute; z-index: 999;
	overflow:hidden;
	top:5px;
	background: url(../images/player_volume.png) no-repeat 0px 0px;
	width:28px;
	height:14px;
	cursor: pointer;
	padding: 1px;
}
div.jp-single-player div.jp-volume-bar {
	right:26px;
}
div.jp-playlist-player div.jp-volume-bar {
	right:26px;
}
div.jp-volume-bar-value {
	background: url(../images/player_progress_inner.png) 0px 0px;
	width:0px;
	height:14px;
}




div.jp-play-time,
div.jp-total-time {
	position: absolute; z-index: 999;
	top:26px;
	width:36px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-total-time {
	text-align: right;
	right: 5px;
}
div.jp-play-time {
	text-align: left;
	right: 41px;
}
div.jp-playlist {
	position: absolute; top: 26px; left: 5px; z-index: 999;
	width:131px;
	height: 16px;
}
div.jp-playlist ul{
	list-style-type:none;
	font-size:.72em;
	width: 131px;
	height: 16px;
	line-height: 16px;
}
div.jp-single-player div.jp-playlist li {
	height: 16px;
	line-height: 16px;
	font-weight:bold;
}