/*    search and replace "/" => "/"   */

@import "jquery-ui-1.8.7.custom.css";  /* import jquery UI css */
@import "fancyBox.css";  /* import jquery UI css */
@import "scrollPane.css";  /* import jquery UI css */

/* FIX

	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header.png', sizingMethod='fixed');

	behavior: url(_css/iepngfix.htc);
	
	opacity: 0.2;
	filter: alpha(opacity = 20);	
	
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
	hr { color: #0D6936; background-color: #0D6936; height: 1px; border: none; margin-left: 0; text-align:left; }
*/

html { color:#000; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { font-size:100%; }
input.noInput { background: none !important; border: none !important; width: 80px !important; }
legend { color:#000; }
a,input,textarea { outline:none; -moz-outline-style:none; }
input,textarea { outline:0; }
body { height:100%; }
.clear { clear:both; }
:focus { outline: none; }

/* Algemene opmaak */
@font-face {
    font-family: 'KomikaAxisRegular';
    src: url('/_css/_fonts/komikax_-webfont.eot');
    src: url('/_css/_fonts/komikax_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_css/_fonts/komikax_-webfont.woff') format('woff'),
         url('/_css/_fonts/komikax_-webfont.ttf') format('truetype'),
         url('/_css/_fonts/komikax_-webfont.svg#KomikaAxisRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:Helvetica, Arial, sans-serif; font-size: 11px; font-size:8pt; letter-spacing: 0.2pt; height: 100%; color: white; background: url("/_images/bg1.jpg") repeat scroll 0 0 transparent; }
p { font-size: 8pt; line-height:16px; margin-bottom:0; }
h1 { color:#FFFF00; font-size:24px; font-family: 'KomikaAxisRegular'; letter-spacing: 2px; }
h2 { color:#FFFF00; font-size:20px; font-family: 'KomikaAxisRegular'; letter-spacing: 2px; }
h3 { color: black; font-size:12px; }
h4 { color: black; color:rgb(0,0,0); }
h5 { color:#FFFF00; font-size:10px; font-style:italic; }
h6 { color:#FFFF00; font-size:10px; font-style:italic; }
a { text-decoration:none; color: #21ace3; }
a:hover { text-decoration:underline; }
ul { list-style-type:disc; }
li { list-style-position:inside; list-style-type:disc; }
b,strong { font-weight:bold; }
em, i,italic { font-style:italic; }
label { display: block; font-weight: bold; margin-bottom: 3px; margin-top: 12px; }
label.inline { display: inline; font-weight: normal;  }
h2.inline { display: inline;  }
span.history { text-decoration: line-through; opacity: 0.7; filter: alpha(opacity = 70); }
span.small { font-size: 7pt; }
td { vertical-align: top; }
td.small { width: 100px; }
td, tr, tablebody { line-height: 16px; letter-spacing: 0.2pt; }
.rood, a.rood { color: red; }
.blauw, a.blauw { color: #21ace3; }
.zwart, a.zwart { color: #000000; }
.geel, a.geel { color: #ffff00; }
.wit, a.wit { color: #ffffff; }
.noMargin { margin: 0 !important; }
.noWrap { white-space: nowrap; }
.klein { font-size: 7pt; }
.invisible { background: none !important; }

.cookieJsControle { border: 1px solid; margin: 10px 0px; padding:15px 10px; font-weight: bold; color: #D8000C; background: url('/_css/images/warning-icon.png') 10px 5px #FFBABA no-repeat; text-indent: 40px; }
.cookieJsControle a { color: black; text-decoration: underline; }
.cookieJsControle a:hover { color: black; text-decoration: none; }

#container { position: relative; width: 1000px; height: 100%; margin: 0 auto; }

#logo { position: absolute; top: -2px; left: 0; margin-left: -12px; z-index: 11; width: 165px; height: 125px; }
#logo a { cursor:pointer; display:block; height:132px; width:170px; overflow: hidden;}

#menu { position: absolute; left: 155px; z-index: 12; top: 0px; width: 626px; padding: 11px 0 0 5px; }
#menu li.headlink { display: block; float: left; height: 27px; padding: 0 2px; margin: 0 2px 0 0; border: 1px solid black; border-bottom: none; list-style-type: none; }
#menu li.headlink:hover { border: 1px solid white; }
#menu li.headlink a { display: block; height: 27px; color: white; line-height: 27px; text-decoration: none; letter-spacing: 0.2px; }
#menu li.headlink a:hover { cursor: default; }
#menu li.headlink ul { display: none; padding: 0; margin-left: -2px; }
#menu li.headlink ul li { list-style-type: none; }
#menu li.headlink:hover ul { display: block; }
#menu li.headlink ul li a { display: block; width: 130px !important; height: 30px; line-height: 30px; padding: 0px 5px; font-size: 12px; font-weight: bold; border: 1px solid white; margin-bottom: -1px; color: white; background: black; }
#menu li.headlink:hover ul li a:hover { background: rgb(0, 173, 239); color: white; text-decoration: none; cursor: pointer; }
#menu .steden { width:62px; }
#menu .info { width:40px; }
#menu .aanmelden { width:95px; }
#menu .beeld { width:55px; }
#menu .archief { width:69px; }
#menu .cd { width:30px; }
#menu .media { width:50px; }

#menu li.headlink.steden ul { width: 284px;  }
#menu li.headlink.steden li { display: block; float: left; }
#menu li.headlink.steden li.even { float: right; }
#menu li.headlink.steden li.first_left { margin-right: 12px; }
#menu li.headlink.steden li.first { margin-top: 12px; }


#columnHome { background: url(/_images/bgColumnHome.png); width:780px; float:left; margin-bottom: 20px; }
#footer.home { background: url(/_images/bgColumnHome_footer.png) no-repeat; width:760px; margin-left: 20px; margin-bottom: -20px; height:20px;  float:none; }
#footer { background: url(/_images/bgColumn_footer.png) no-repeat; width:750px; margin-bottom: -20px; height:20px;  float:none; }

#columnNews { width: 117px; padding: 115px 10px 0 23px; color: black; float: left; min-height: 795px; }
#columnNews h2 { margin: 0 0 10px 0; }
#columnNews h3 { font-size: 8pt; letter-spacing: 0.2pt; }
#columnNews h4 { font-size: 7pt; margin: 6px 0 6px 2px; }
#columnNews p, #columnNews a, #columnNews h3 { line-height: 11pt; }
#columnNews hr { color: #0D6936; background-color: #0D6936; height: 1px; border: none; margin:7px 0 10px 0; text-align:left; }
#columnNews .partners img { margin: 0 0 4px -15px; }

#columnConcerts { width: 280px; padding: 50px 10px 10px 10px; float: left; color: white; }
#columnConcerts a { color: #ffff00; }

#columnConcerts h2, #columnArtists h2 { margin:7px 0 12px 0; letter-spacing: 2px; }

#columnArtists { width: 280px; padding: 50px 20px 10px 10px; float: left; color:white; }
#columnArtists span.noWrap, #selectie span.noWrap { color: white; white-space: nowrap; }
#columnArtists p { display: block; width: 280px; height: auto; }

#columnExtra { width: 200px; margin: 0 0 0 10px; float: left; padding: 10px 0 0 0; }
#columnExtra .block { width: 180px; padding: 10px; background: black; margin-bottom: 10px;}
#columnExtra .block form { margin: 3px 0 0 0; }
#columnExtra .block form .submit { background: black; color: white; border: none; padding: 0 5px; margin: 0 5px; line-height: 8pt; height: 18px; width: 25px; }
#columnExtra .block form .submit:hover { background: #21ace3; }
#columnExtra .block form .submit:active { background: #ffff00; color: black; }
#columnExtra .photo { padding: 0; width: 200px; }

#columnContent { width: 600px; min-height: 100%; height: auto !important; font-size: 11px; padding: 0 25px; margin-left:-20px;; float: left; background: url(/_images/bgColumn.png); color: white; }
#columnContent a.active { color: #21ace3 !important; }
#columnContent div#news a { color: #ffff00; }
#columnContent div.citySponsor { float: left; height: 90px; overflow: hidden; margin: 0 0 10px; width: 200px; text-align: center; }
#columnContent div.citySponsor a { height: 90px; width: 200px;display: table-cell; vertical-align: middle; }
#columnContent div.citySponsor a img { display: table-cell; vertical-align: middle; }
#columnContent h2 { margin: 7px 0 22px 10px; }
#columnContent h3, #columnContent h4, #news a { color: #ffff00; line-height: 17pt; font-size: 8pt; }
#columnContent h4 { margin: 20px 0; }
#columnContent hr { color: #0D6936; background-color: white; height: 1px; border: none; margin:1px 0 7px 0; text-align:left; }
#columnContent p.afterParty { margin: -19px 0 20px 58px; }

#columnContent table.city { width: 100%; }
#columnContent table.city td { padding:1px 0; vertical-align:top; height: 20px; }
#columnContent table.city td.hr { padding:0; vertical-align:top; height: 5px; }
#columnContent table.city td.time { width:40px; }
#columnContent table.city td.artist { width:230px; }
#columnContent table.city td.location { width:235px; }
#columnContent table.city td.numberOnMap { width:10px; text-align: right; }

.spacer { height: 50px; }

#selectieIntro { float: left; margin: 0 10px 0 0; width: 125px; }
#selectie { float: left; margin: 0 0 0 10px; width: 470px; }

#socialMedia { height: 70px; }
#socialMedia a { display:block; height: 32px; width: 32px; background: white; float: left; margin: 2px; background: url(/_images/socialMediaSprite.png) no-repeat; opacity: 0.9; filter: alpha(opacity = 90); }
#socialMedia a:hover { opacity: 1; filter: alpha(opacity = 100); }
#socialMedia a:active { opacity: 0.9; filter: alpha(opacity = 90); }
#socialMedia .facebook { background-position: -32px 0 ; }
#socialMedia .hyves { background-position: -64px 0 ; }
#socialMedia .youtube { background-position: -96px 0 ; }
#socialMedia .flickr { background-position: -128px 0 ; }
#socialMedia .myspace { background-position: -160px 0 ; }
#socialMedia .bandcamp { background-position: -192px 0 ; }
#socialMedia .spotify { background-position: -224px 0 ; }
#socialMedia .lastfm { background-position: -256px 0 ; }

#twitter { margin-bottom: 10px; }
#email { width: 130px; }

/* Blog */
.blog h2 {  font-size: 17px; line-height: 20px; margin-bottom: 10px !important; margin-left: 3px !important; }
.koppelingen, .shareContainer { padding: 0 1px; color: gray; border-bottom: 1px solid gray; border-top: 1px solid gray; display: block; height: 15px; line-height: 15px; text-align: right; margin-top: 5px; margin-bottom: 20px;}
.shareContainer { height: 25px; line-height: 25px; padding-top: 4px;}
.pageNumbers { display: block; text-align: center; font-size: 14px;}
.pageNumbers a.activePage { font-size: 16px; color: white !important; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid white; background-color: black; text-align: center; padding: 5px;  opacity: 0.9; width: 150px; }
#tooltip h3 { color: white; }
#auteur { min-height: 50px; border: 1px solid white; padding: 10px; margin-bottom: 20px; margin-top: 20px; }
a.profilePhoto { display:block; float:left; height:50px;overflow:hidden;border:1px solid white; margin-right: 4px; }
#auteur a.profilePhoto { margin-right: 10px;}

/* Artist PopUp */
#artistPhoto { max-width: 380px; }
#popUpContainer { height: 510px; background: black; margin: 10px; padding: 10px; width: 380px; overflow: hidden;  }
#popUpContainer h1 { color: #21ACE3; size: 18px !important; margin-left: 4px;}
#popUpContainer h2 { font-size: 8pt; margin: 10px 0 0 4px; }
#popUpContainer img { margin: 10px 0; }
#popUpContainer .scroll-pane { height: 500px; }

#artistPhoto { width: 268px; }
#popUpContainer { height: 510px; background: black; margin: 10px; padding: 10px; width: 780px; overflow: hidden;  }
#popUpContainer h1 { color: #21ACE3; size: 18px !important; margin-left: 4px;}
#popUpContainer h2 { font-size: 8pt; margin: 10px 0 0 4px; }
#popUpContainer img { margin:  0; }
#popUpContainer .scroll-pane { height: 500px; }
#popUpContainer #leftContainer { float: left; width: 480px; margin-right: 20px; }
#popUpContainer #rightContainer { float: right; width: 268px;  }

/* Photoviewer PopUp */
#popUpContainerPhotoViewer { background: url(/_images/bgColumn.png) repeat; height: 670px; margin: 10px; padding: 10px; width: 600px; }
#popUpPhotoviewernav { background: black; height:10px; padding: 10px; width: 580px; }
.popUpPhotoviewerPhoto { height: 640px; overflow: hidden; text-align: center;  width: 600px; }
.popUpPhotoviewerPhoto h1 { font-size: 12px; }
.popUpPhotoviewerPhoto img { margin: 0; max-height: 620px; }
#popUpPhotoviewerPrevious, #popUpPhotoviewerNext { color:#21ace3; font-size:14px; font-weight:bold; }
#popUpPhotoviewerPrevious:hover, #popUpPhotoviewerNext:hover { text-decoration: underline; cursor: pointer; }
#popUpPhotoviewerPrevious { float: left; }
#popUpPhotoviewerNext { float: right; }
#popUpPhotoviewerTitle { float: left; color:#FFFF00; font-size:14px; font-weight:bold; padding: 0 0 0 185px; }

/* Contact Formulier */
#contactFormulier label, form label { width: 200px; display: inline-block;  }
#contactFormulier input, form input { width: 200px; border: 1px solid white; padding: 4px; margin-bottom: 4px; background: black; color: white; }
#contactFormulier textarea, form textarea { width: 500px; height: 100px; border: 1px solid white; padding: 4px; margin-bottom: 4px; background: black; color: white; }

input[type='submit'] { cursor: pointer; }
input[type='checkbox'] { width: 15px; border: none; }
input[type='radio'] { width: 15px; border: none; }
input[disabled] { border: gray 1px solid; color: gray; }
form label.error { color: red; margin-left: 5px; }

/* Account */
#inlogBox { border: 1px solid white; width: 450px; margin: 30px auto 0; padding: 15px; font-size: 11px; }
#inlogBox label.error, #profielBewerken label.error { margin-left: 200px; margin-top: 0; }
label.disabled { color: gray; }
.ui-widget { font-size: inherit; }
.ui-tabs .ui-tabs-nav li.save { background: green; margin-top: -2px; float: right; border: none !important;}
.ui-tabs .ui-tabs-nav li.save:hover { border: none !important; background: #7af04e; }
span.loading { display: block; float: left; height: 16px; width: 20px; background: url(/_images/icon_loading.gif) no-repeat; }
.ui-tabs .ui-tabs-nav li.save:hover span.loading { background: url(/_images/icon_loading_hover.gif) no-repeat; }
.ui-autocomplete li { list-style-type: none; }
.defaultSkin table { background: #FFFFFF !important; }
.defaultSkin .mceButton { border: 1px solid white !important; }
#profielBewerken { font-size:8pt; }
#profielBewerken label { font-weight: normal;}
#profielBewerken label[for='short'] { margin-left: 0px; width: 500px;}
#profielBewerken textarea { margin-top: 5px;}
#profielBewerken .mp3 { display: block; height: 31px; line-height: 35px; }
#profielBewerken .player {float: left; height: 31px; }
#profielBewerken .mp3 a { float: right; }
#profielBewerken #tabs-5 label { width: auto; }
#accountMelding { background: #FBF9EE; border: #FCEFA1 1px solid; padding: 10px; margin: 10px 0; color: red; }
#profielBewerken table.tabel { width: 100%; }
#profielBewerken .tabel thead { border: 1px solid white; }
#profielBewerken .tabel th { font-weight: bold; padding: 2px; }
#profielBewerken .tabel td { padding: 2px; }
#profielBewerken .tabel td.bewerken { width: 70px; text-align: right; }
#profielBewerken .tabel td.nummerOpKaart { text-align: center; }
#profielBewerken .tabel tr.soundfile td.soundfile { width: 25px; line-height: 8px; }
#profielBewerken .tabel tr.soundfile td { padding: 0; vertical-align: middle; }
#profielBewerken .tabel tbody tr:hover { background: #21ace3; }
a.tableAddButton { float: right; min-width: 180px; padding: 0 5px; border: 1px solid white; margin: 10px 0 0 2px; font-size: 13px;text-align: center; height: 25px; line-height: 25px; text-decoration: none;  }
a.tableAddButton:hover { background: #21ace3;  }
object { padding-bottom: -10px;}
#popup { color: black; }
#popup h2 { color: #21ace3; }
#popup input { background: white; color: black; border: 1px solid black;}
table#editPodia { margin: 15px 0;}
table#editPodia td, table#editPodia th { padding: 2px;}
table#editPodia th { font-weight: bold; }
table#editPodia td input.numberOnMap { width: 30px;}
table#editPodia td input.showtime { width: 70px;}
table#editPodia select { width: 270px; height: 20px; font-size: 12px; line-height: 20px; margin: 2px;}
a.validate_icon { padding-right: 20px !important; }
a.validate_icon.valid { background: url(/_images/icon_exclamation.png) no-repeat center right; }
a.validate_icon.invalid { background: url(/_images/icon_accept.png) no-repeat center right; }


#popup a.tableAddButton { border: 2px solid #21ace3; }
#popup a.tableAddButton:hover { color: black; }
#popup a.tableAddButton.clean { border: none; display: inline; background: none; min-width: inherit; margin-right: 15px; line-height: 29px;}
#popup a.tableAddButton.clean:hover {  color:#21ace3;  background: none; text-decoration: underline; }

#artiestPopupSteden { width: 560px; height: 500px; overflow-y: scroll; color: black; overflow: hidden;  }
#artiestPopupSteden h2 { color: #21ace3;  }
#artiestPopupSteden .scroll-pane { height: 600px; }
#artiestPopupSteden .vscrollerbar:hover { background-color:darkgray; }
#artiestPopupSteden #artistInfo { width: 60%; margin: 15px 0; }
#artiestPopupSteden #artistInfo tr.even { background: #fffedd; }
#artiestPopupSteden #artistInfo td { width: 45%; padding: 2px; }
img.popUpArtistImage { width: 300px; max-width: 400px; max-height: 400px; }


table.tabel td { font-size: 10px; }
.uploadifyQueueItem { border-width: 0 !important; padding: 4px !important; margin: -32px 0 0 -1px !important; position: absolute !important; }
.uploadifyProgress { margin-top: 2px !important; display: none; }
input.file_upload { width: 350px; }

/*Scroller */
.scrollgeneric {
font-size:1px;
left:0;
line-height:1px;
position:absolute;
top:0;
}
.vscrollerbase {
height:494px !important;
width:12px;
}
.vscrollerbar {
background-color:#CCCCCC;
cursor:pointer;
height:90% !important;
margin:3px 0;
width:8px;
}
.vscrollerbar:hover {
background-color:#FFFFFF;
}
.hscrollerbase {
background-color:white;
height:10px;
}
.hscrollerbar {
background-color:black;
height:10px;
}
.scrollerjogbox {
background-color:gray;
bottom:0;
height:10px;
left:auto;
right:0;
top:auto;
width:10px;
}