@charset "UTF-8";
/*  SOME RIGHT RESERVED - Creative Commons Attribution-Share Alike 2.0 Belgium License   */
/*  All contents by Nick & Koen from oneDot only */
/*  part of jazzandsounds.com */

/* GLOBALS */

html, body, img {
	margin: 0; padding: 0; border: 0; 
}

body	{
	margin: 0; background:white url(img/body.bg.png) repeat-x top;
	font-family:"Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight:lighter; color:black;
	behavior: url("/inc/csshover3.htc");
}

a	{
	color:#676798; text-decoration:none;
}
a:hover	{ color:black; }


h1	{
	font-size:18px; font-family:Georgia, "Times New Roman", serif; font-style:italic; color:#b3aea8;
}

h2	{
	font-size:20px; font-family:Georgia, "Times New Roman", serif; font-style:italic; color:#4a4a4a;
}

h3	{
	font-size:14px; font-family:Georgia, "Times New Roman", serif; font-style:italic; color:#777;
}

h4	{
	margin:2px 0 10px;
	font-size:12px; font-family:Georgia, "Times New Roman", serif; font-style:italic; color:#8F6917;
}



/* GENERAL CLASSES */

.georgia	{ 
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999;
}



/* MENU RELATED */
#overlay	{
	width:96%; height:24px; padding:2px 2%; background:white url(img/social.bg.png) no-repeat center bottom; border-bottom:1px solid #e0e0e0; z-index:101; cursor:pointer;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.02); -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.02);
}
#overlay:hover	{
	background:white url(img/social.bg.hover.png) no-repeat center bottom;
}
#overlay .shadow	{
	display:block; position:relative; bottom:-24px; width:680px; height:10px; margin:0px auto; background:url(img/overlay.shadow.png) no-repeat;
}

#overlay.active	{
	height:256px; padding:2px 2%; background:white url(img/social.bg.active.png) no-repeat center bottom; cursor:default;
}
#overlay.active .shadow	{
	position:relative; bottom:-18px; width:680px; height:10px; margin:0px auto; background:url(img/overlay.shadow.png) no-repeat;
}

#overlay .content	{
	display:none; width:980px; height:240px; padding:0px; margin:0 auto;
}
#overlay.active .content	{ display:block; }

#overlay.active .content .left	{
	float:left; width:210px;
}
#overlay.active .content .main	{
	float:right; width:760px; margin-right:0;
}

#navigation	{
	width:768px; margin:12px auto; padding-left:212px;
}

#menu	{
    width:560px; padding:0 0 0 0; margin:0; list-style:none;
}
#menu .item	{
	display:inline; min-width:40px; padding:8px 2px; margin:0px;
}

#menu .item img:hover	{
	background:rgba(0,0,0, 0.1);
}


/* ID RELATED */
#submenu	{
	width:160px; height:180px; padding:20px 18px; border:1px solid #eee; background:white; 
	font-size:14px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
#submenu a	{
	display:block; color:#3b3b69; font-size:14px; padding:4px; border:1px solid white;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
#submenu a:hover	{
	background:#efefef; color:#333;
}
#submenu a:active	{
	background:#333; color:white;
}
#submenu a.active	{
	background:#676798; color:white;
}
#submenu a.active:hover	{
	background:#3b3b69;
}

#container { 
	width:980px; min-height:420px; padding:12px; margin:0 auto 32px; z-index: 1;
}
#left {
	width:216px; min-height:200px; 
}
#main {
	width:760px; min-height:200px; float:right;
}
#bottom {
	width:100%; height:20px; clear:both;
}

#banner	{
	width:140px; height:20px; padding:100px 310px; margin-bottom:20px; border:1px solid #eee; background:white; float:right;
	text-align:center; font-size:14px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
#banner.home	{ 
	width:980px; height:380px; padding:0; float:none; 
}
#banner.head	{ 
	padding:0; width:760px; height:220px; border:none; 
}

#shoutbox	{
	min-width:20px; height:18px; padding:2px 6px; margin:4px 0; background:#545b37; float:right;
	font-family:Georgia, serif; font-style:italic; color:white;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
#shoutbox a	{ color:white; }
#shoutbox a:hover	{ color:#ccc; }

#lang	{
	padding:0; margin:4px 0 0 24px; list-style:none; float:right;
}
#lang li	{
	float:left; min-width:20px; height:16px; padding:3px 6px; margin:0 2px 0 0; background:#ddd;
	text-align:center; cursor:pointer;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
#lang li.active	{ background:#ccc; }

#lang li a	{ color:white; }

#footer	{
	margin-top:24px; width:100%; min-height:178px; background:#eee url(img/footer.logo.png) no-repeat center top; border-top:1px solid #ddd;
	color:#aaa; font-size:11px; line-height:12px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0, 0.05);
}
#footer:hover	{
	background-image: url(img/footer.logo.hover.png);
}
#footer a	{ color:#aaa; }
#footer:hover a	{ color:#888; }

#footer .left	{
	float:left; width:29%; margin:46px 0 0 6%;  padding-bottom:64px; background:url(img/footer.media.png) no-repeat left bottom;
	text-indent:52px;
}
#footer:hover .left	{
	background-image:url(img/footer.media.hover.png);
}

#footer .center	{
	margin-top:94px; text-align:center; float:left; width:30%;
}

#footer .right	{
	float:right; margin:46px 6% 0 0; width:28%;
}

#footer ul	{
	float:right; list-style:none; margin:0 0 0 24px; padding:0;
	line-height:18px; text-align:right;
}
#footer strong	{
	color:#777;
}
#footer ul a	{
	padding:1px 2px;
}
#footer ul a:hover	{
	color:#eee; background:#aaa;
}



/* ELEMENT RELATED */

.voetnoot	{
	display:block; padding:2px;
}

/* MODULE RELATED */

.win {
	width:598px; padding:10px;
}

.win.blank	{
	padding:0px; margin:0px; background:none;
}
#overlay .win.border	{
	width:582px; margin-top:12px; border:1px solid white; background:#eff6f9;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.24); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.24);
}

.wgt	{
	width:178px; padding:8px; margin-top:18px; background:white; border-bottom:1px dotted #545b37;
	/*-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1);*/
}

.wgt:hover	{
	background:#f9f9f9; border-bottom:1px dotted #666;
	/*-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1);*/
}


.wgt.blank	{
	padding:8px; width:178px; background:none;
}
.wgt.border	{
	width:196px; padding:0px; margin-top:12px; border:1px solid white; background:white;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.24); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.24);
}

.in {
	width:220px; float:left;

}

.img	{
	width:400px; min-height:120px; padding:12px 0; margin:24px 12px; background:black;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}


/* MODGROUP text */
/* TOOL news */
.wgt.news ul	{
	padding:2px 0px 0px; margin:0; list-style:none; 
}
.wgt.news a	{
	border-bottom:1px dotted grey; 
}
.news a.rss	{
	border-bottom:none; opacity: .42;
}
.wgt.news li.line .nfo, .wgt.news li.line .text, .wgt.news li.line .date	{
	display:none;
}
.wgt.news li.line	{
	background:#ddd9d3; margin:6px 0; cursor:pointer;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.wgt.news li.line .title	{
	display:block; padding:2px 6px; 
}

.wgt.news li.line.active	{
	background:white; margin:2px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.wgt.news li.line.active .date	{
	color:white; display:block; padding:2px 4px; border:2px solid white; background:#ddd9d3;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.wgt.news li.line.active .title	{
	display:block; padding:2px 6px; margin:0px;
	font-weight:bold; font-size:12px; line-height:14px; 
}
.wgt.news li.line.active .text	{ display:block; padding:2px 6px;}

.win.news a:last-child	{ color:#9e202e; font-style:italic; font-family: Georgia, "Trebuchet MS", Tahoma; font-size:11px; font-weight:normal; }
.win.news a:last-child:hover	{ color:#333; }

.win.news ul	{
	padding:2px 0px 0px; margin:0; list-style:none; 
}
.win.news li.line			{ border:1px dotted #d9d6d0; border-width: 0 0 1px; color:#89857d; margin:5px 0; padding:2px 0 8px; background:#eee; }
.win.news li.line .date		{ color:#ccc; font-family: Georgia, "Trebuchet MS", Tahoma; padding-left:20px; font-size:18px; float:right; margin-right:12px; font-weight:bold; }
.win.news li.line .title		{ color:black;  padding:6px 12px; cursor:pointer; text-align:left; }
.win.news li.line .text	{
	display:none; padding:2px; margin:2px 0; color:#666;
}
.win.news li.line .nfo	{
	display:none; padding:4px;
	color:#ddd9d3; font-family: Georgia, "Trebuchet MS", Tahoma; font-style:italic;
}
.win.news li.line.active	{
	background:white;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.win.news li.line.active .date	{
	color:white; display:inline; padding:2px 4px; margin:0 8px; background:#ddd9d3;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.win.news li.line.active .title	{ display:block; font-weight:bold; font-size:12px; line-height:14px; padding:6px 12px; }
.win.news li.line.active .text, .win.news li.line.active .nfo	{ display:block; padding:2px 12px;}


/* MODGROUP group */
/* TOOL calendar */
.calendar ul	{
	padding:1px 0; margin:0; list-style:none; line-height:16px; background:#f9f9f9;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.win.calendar ul	{ width:758px; }
.wgt.calendar ul	{
	width:196px; position:relative; left:-8px;
}
.calendar ul:hover	{ background:#eee; }
.calendar li	{
	padding:4px; margin:1px 2px; background:white;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.calendar li:hover, .wgt.calendar .active	{
	padding:4px; margin:1px 2px; background:none;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.calendar li.block	{
	padding:6px 32px; margin:2px; background:#4a4a4a;
	font-weight:light; font-size:14px; color:#ccc; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.wgt.calendar li.block {
	text-align:center; font-size:12px; padding:2px;
}
.calendar li.block strong, .calendar li.block b	{ color:white; }
.calendar .date	{
	color:#ddd; padding-right:12px;
}
.wgt.calendar .date	{
	color:#ccc; padding-right:8px;
}
.calendar li:hover .date, .wgt.calendar .active .date	{ color:grey; }
.win.calendar .location	{
	background:grey; color:white; float:right; padding:2px 4px; position:relative; top:-2px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.win.calendar .location:hover	{
	-moz-box-shadow: 0 0 2px rgba(0,0,0, 0.5); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.5);
}
.wgt.calendar .location	{
	color:#ccc; float:right;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:right;
}
.wgt.calendar .name	{
	display:block; padding:2px 0;
}
.wgt.calendar .active .name	{ font-weight:bold; }
.win.calendar .location.refid33	{ background:#31668f; }
.win.calendar .location.refid34	{ background:#ff0101; }
.win.calendar .location.refid35	{ background:#f8c703; }
.calendar a	{ color:black; }



/* TOOL iCAL */
.ical	{
	display:block; float:left; width:24px; height:24px; margin:2px 8px 12px 0px; background:white; border:1px solid black; cursor:pointer;
	color:#666; font-size:12px; font-weight:lighter; line-height:13px; text-align:center; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.ical .month	{
	width:100%; height:10px; background:black;
	color:white; font-size:8px; font-weight:bold; line-height:10px; text-align:center; text-transform:uppercase;
	-moz-border-radius: 3px 3px 0 0; -webkit-border-radius-left-top: 3px; -webkit-border-radius-right-top: 3px;
}
.ical.refid33	{ border-color:#31668f; }
.ical.refid34	{ border-color:#ff0101; }
.ical.refid35	{ border-color:#f8c703; }
.ical.refid33 .month	{ background:#31668f; }
.ical.refid34 .month	{ background:#ff0101; }
.ical.refid35 .month	{ background:#f8c703; }

/* TOOL objectgroup */
.objectgroup { width:760px; }
.objectgroup .dia	{
	display:block; width:125px; min-height:200px; float:left;
}
.objectgroup img	{
	display:block; width:80px; padding:3px 0; background:black; overflow:none;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}


/* MODGROUP object */

/* MODGROUP media */
/* TOOL flash */
.yt_container	{
	float:right; width:378px; padding:4px 12px; border:1px solid #ddd; background:#efefef; margin-bottom:12px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.yt_container .bot	{ display:none; }

/* MODGROUP social */
/* TOOL addthis */
#addthis	{ padding-top:24px; }

/* TOOL gmap */
.gmap {
	left:0 !important;
}
.win.gmap	{
	width:740px; padding:4px 8px 0; border:1px solid #ddd; background:#efefef; margin-bottom:24px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.wgt.gmap	{
	width:186px; padding:4px 4px 0; border:1px solid #ddd; background:#efefef; margin-bottom:12px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.wgt.gmap input	{
	width:178px !important; 
}

/* MODGROUP form */

/* TOOL search */

/* TOOL facebook */

.wgt.fbook { padding: 0px; height: 118px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #eee; width: 188px; padding: 4px 4px 0;}

.wgt.fbook:hover #going { display: none; }

.wgt.fbook:hover #facebook { display: inline; }

.wgt.fbook #facebook { display: none; text-align: center;}

#going { text-align: center; padding-top: 50px; }

#going span { color: #cccccc; }

.wgt.fbook .attenders { padding-bottom: 20px; float: left;}

.FB_profile_pic img { padding: 3px 3px 10px; }