
@font-face {
	font-family: 'BebasRegular';
	src: url('http://test44.nexwork.nl/lib/font/BEBAS___.eot');
	src: local('Bebas Regular'), local('Bebas'), url('http://test44.nexwork.nl/lib/font/BEBAS___.TTF') format('truetype');
}

body { background: #fff; background: #ebece7 url(/lib/images/body_bg.png) center 0 repeat-x; }
#container { position: relative; width: 960px; margin: 0 auto; }
/*.container_wrapper { background: url(/lib/images/bg_aruba1.jpg) center top no-repeat; }*/

#pagecurl { position: absolute; right: 0; top: 0; z-index: 10000; overflow: hidden; /*width: 800px; height: 600px; width: 150px; height: 100px;*/}

h1 { font-size: 46px; margin-bottom: 20px; line-height: 46px; font-family: "BebasRegular"; font-weight: bold; }
h2 { margin-bottom: 11px; color: #0e5091; font-size: 24px; font-weight: bold; line-height: 24px; }
body.news h1 { margin-bottom: 11px; font-size: 24px; font-weight: bold; line-height: 24px; }

#header { padding-top: 174px; position: relative; margin-bottom: 8px; background: url(/lib/images/header_bg.png) 0 0 no-repeat;}
#logo { position: absolute; top: 0; right: 0; width: 440px; height: 115px; background: url(/lib/images/logo_bg.png) 0 0 no-repeat; }
#logo img { display: none; }

#utils { position: absolute; top: 150px; right: 0px; }
#utils li { float: left; border-right: 1px solid #fff; line-height: 11px; }
#utils li.last { border: 0; }
#utils a { display: block; padding: 0 5px; }
#utils a { color: #fff; }
#utils a.equalizer { position: relative; width: 38px; height: 11px; padding-right: 1px; background: url(/lib/images/equalizer.png) 0 0 no-repeat; }
#utils a.equalizer #audioplayer { position: absolute; top: 20px; right: 0; width: 174px; height: 0; }
#hoofdmenu ul { list-style: none; }
#hoofdmenu { }
#hoofdmenu a { text-indent: -9999px; border: 0px solid red; }
#hoofdmenu .menu_1 { position: absolute; top: 92px; left: 0; width: 162px; height: 41px; }
#hoofdmenu .menu_2 { position: absolute; top: 92px; left: 162px; width: 174px; height: 41px; }
#hoofdmenu .menu_3 { position: absolute; top: 92px; left: 336px; width: 187px; height: 41px; }
#hoofdmenu .menu_4 { position: absolute; top: 134px; left: 0px; width: 162px; height: 41px; }
#hoofdmenu .menu_5 { position: absolute; top: 134px; left: 162px; width: 174px; height: 41px; }
#hoofdmenu .menu_6 { position: absolute; top: 134px; left: 336px; width: 187px; height: 41px; }
#submenu { overflow: hidden; padding: 4px 55px 4px 55px; min-height: 18px; border: 0px solid red; background: url(/lib/images/submenu_bg.png) 0 0 repeat-y; }
#submenu li { float: left; margin-right: 15px; }
#submenu a { color: #000; font-size: 13px; line-height: 13px; }

#contentcontainer { clear: both; padding-top: 7px; background: url(/lib/images/contentcontainer_bg.png) 0 0 repeat-y; }
.contentcontainer_wrapper { position: relative; background: url(/lib/images/silhouettes_01.png) 0 bottom no-repeat; }
.contentcontainer_asset { background: url(/lib/images/asset_01.jpg) 0 bottom no-repeat; overflow: hidden; padding-bottom: 300px; }

/*
#assets { position: absolute; bottom: 0; left: 2px; width: 520px; height: 300px; background: url() 0 0 no-repeat; }
#assets.asset_01 {  }
*/
#col_left { margin-right: 437px; min-height: 400px; }
#col_left .wrapper { padding: 0 19px; }
#col_right { float: right; width: 437px; }
#col_right .wrapper { padding: 65px 19px 0 19px; }

.youtube { margin-bottom: 20px; }

#news { margin-bottom: 20px; }
#news li { overflow: hidden; }
#news .odd { background: #b7c6d1; }
#news .date { float: left; width: 153px; }
#news .teaser { display: block; margin-left: 153px; text-decoration: underline; }
#news a { display: block; padding: 7px; color: #000; font-size: 12px; }
#calendar { margin-bottom: 20px; }
#calendar li { overflow: hidden; }
#calendar .odd { background: #b7c6d1; }
#calendar .date { float: left; width: 153px; }
#calendar .teaser { display: block; margin-left: 153px; text-decoration: underline; }
#calendar a { display: block; padding: 7px; color: #000; font-size: 12px; }



#shop { margin-bottom: 20px; overflow: hidden; }
#shop img { float: left; margin: 0 20px 20px 0;}
#media { margin-bottom: 20px; }
#media ul { list-style: square; padding-left: 30px; }
/*#sponsors { margin-bottom: 20px; }*/
#sponsors { position: absolute; top: -107px; right: 20px; width: 380px; height: 100px; }
#sponsors ul { margin: 0; padding: 0; overflow: hidden; top: 0; }
#sponsors h2 { display: none; }
#sponsors li { float: left; margin: 0; padding: 0;}
#sponsors a { padding: 0; }
#sponsors img { border: 1px solid #000; margin-bottom: 3px; }
/*#sponsors ul.left { float: left; border: 1px solid orange; }
#sponsors ul.right { margin-left: 175px; border: 1px solid orange; }
*/

.paragraph { margin-bottom: 20px; overflow: hidden; }
.paragraph h2 { margin-bottom: 20px; }
.paragraph a {  text-decoration: underline; }
.paragraph p { margin-bottom: 20px; }
.paragraph { overflow: hidden; margin-bottom: 20px; }
.paragraph div.top { float: none; margin-bottom: 10px; }
.paragraph div.left { float: left; margin: 0 10px 10px 0; }
.paragraph div.right { float: right; margin: 0 0 10px 10px; }
.discography h2 { font-weight: bold; }
.discography img { float: right; margin-left: 20px; }


#footer { position: relative; height: 60px; background: #000; }
#footer li { float: left; }
#footer span { display: block; padding: 0 5px; color: #fff; }
#footer a { display: block; padding: 0 5px; color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer ul.footer { position: absolute; right: 0px; top: 20px; }
#footer ul.sitemap { position: absolute; left: 20px; top: 20px; }
#footer .sitemap a { text-transform: uppercase; }

#guestbookform label { display: block; width: 100px; }
#guestbookform input { width: 150px; border: 1px solid #000; color: #000; }
#guestbookform textarea { width: 150px; height: 100px; border: 1px solid #000; color: #000; }
#guestbookform select { width: 150px; } 
* html #guestbookform select { width: 154px; } /*IE maakt de select 4px te klein*/
#guestbookform input.radiocheck { width: auto; border: none; display: inline; }
#guestbookform label.radiocheck { display: inline; }
#guestbookform p { margin: 0 0 10px 0; padding: 0; clear: left;}
#guestbookform .error { border: 1px solid #96062F; }
#guestbookform span.error { margin-left: 5px; color: #FFF; font-weight: bold; border: none; }
#guestbookform.inline label.error { margin-left: 10px; border: 0; display: inline; float: none; color: Red; width: auto;}
#guestbookform .submit { width: 85px; float: none; margin-left: 100px; }
#guestbookform.inline label { float: left; }
#guestbookform.inline label.radiocheck { float: none; }

#contactform label { display: block; width: 80px; }
#contactform input { width: 175px; border: 1px solid #96062F; color: #000; }
#contactform textarea { width: 175px; height: 100px; border: 1px solid #96062F; color: #000; }
#contactform select { width: 175px; } 
* html #contactform select { width: 179px; } /*IE maakt de select 4px te klein*/
#contactform input.radiocheck { width: auto; border: none; display: inline; }
#contactform label.radiocheck { display: inline; }
#contactform p { margin: 0 0 10px 0; padding: 0; clear: left;}
#contactform .error { border: 1px solid #96062F; }
#contactform span.error { margin-left: 5px; color: #FFF; font-weight: bold; border: none; }
#contactform.inline label.error { margin-left: 10px; border: 0; display: inline; float: none; color: Red; width: auto;}
#contactform .submit { width: 85px; float: none;margin-left: 80px; }
#contactform.inline label { float: left; }
#contactform.inline label.radiocheck { float: none; }

#cdshopform { padding-top:20px; }
#cdshopform label { display: block; width: 120px; }
#cdshopform input { width: 175px; border: 1px solid #96062F; color: #000; }
#cdshopform textarea { width: 175px; height: 100px; border: 1px solid #96062F; color: #000; }
#cdshopform select { width: 175px; } 
* html #cdshopform select { width: 179px; } /*IE maakt de select 4px te klein*/
#cdshopform input.radiocheck { width: auto; border: none; display: inline; }
#cdshopform label.radiocheck { display: inline; }
#cdshopform p { margin: 0 0 10px 0; padding: 0; clear: left;}
#cdshopform .error { border: 1px solid #96062F; }
#cdshopform span.error { margin-left: 5px; color: #FFF; font-weight: bold; border: none; }
#cdshopform.inline label.error { margin-left: 10px; border: 0; display: inline; float: none; color: Red; width: auto;}
#cdshopform .submit { width: 85px; float: none;}
#cdshopform.inline label { float: left; }
#cdshopform.inline label.radiocheck { float: none; }

#cdshop table { border-collapse: collapse; }
#cdshop table td { padding: 3px; font-size: 80%; }

/*photobook*/
.wrap_scroll { min-height: 160px; width: 790px; overflow: hidden; }
.scrollable { float: left; margin-left: 80px; position:relative; overflow:hidden; width: 610px; min-height: 84px; } /* margin-left wordt via javascript uitgezet */
/*.scrollable .items { width:20000em; position:absolute;clear:both; } rendered in javascript */
.scrollable img { width:100px; height:78px; }
.scrollable .item { float: left; width:100px; height:78px; margin: 0 20px 20px 0; }
.scrollable .active { z-index:9999; position:relative;}
a.browse { float: left; width: 30px; height: 30px; margin-top: 30px; }
a.right { margin-left: 10px; }
a.left { margin-right: 10px; margin-left: 40px; }
a.disabled { visibility:hidden !important;}
#image_wrap { width:790px; height:385px; margin: 0; padding: 0; }
#image_wrap img { margin: 0; padding: 0;}
.description { margin: 8px 10px 30px 10px; }
/*photobook*/
a.browse { font-size: 1px; }
#image_wrap { text-align:center;}
.description { text-align: left; }
/*photobook*/
.wrap_scroll { background: url(/lib/images/photobook_bg.png); }
.scrollable .item { border: 3px solid #20316b; border-color: #fff; background: #fff; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px;}
.scrollable .active { border: 3px solid #bfb103; }
a.browse { background: url(/lib/images/photobook_hori_large.png) no-repeat; cursor: pointer; }
a.right { background-position: bottom right; }
a.left { background-position: top left; }
.description { color: #fff;}

.imageflow img { cursor: pointer !important; }

#twitter { display: none; }
#twitter .intro { margin-bottom: 10px; font-weight: bold; }
#twitter .item { margin-bottom: 10px; padding: 10px; border: 1px dashed silver;}
#twitter .readmore { margin-top: 20px; border-top: 1px solid #000; }
#twitter #twitter_readmore { font-weight: bold; border-top: 1px solid silver; }

#caribbeanjazz { display: none; position: absolute; top: 100px; right: 200px; width: 167px; height: 60px; background: url(/lib/images/caribbean.png); }
