@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 charlatan.tv */

/* GLOBALS */

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

body	{
	margin-top: 80px;
	background:url(img/body.bg.png) top left #ece3d1;
	font-family: Lucida, 'Lucida Sans', 'Lucida Grande', Helvetica, sans-serif; font-size: 12px; line-height: 16px;
}

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

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

h2	{
	font-size:18px; 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;
}

h5	{
	font-size:13px; font-weight:100; margin:0; line-height:18px; color:black;
}


/* STRUCTURE ELEMENTS */

#navigation	{
	position:absolute; left:0px; width:100%; top:0px; height: 184px; padding-top:0px; z-index:10; background:url(img/navigation.bg.png) center top no-repeat;
}

#header	{
    width:1032px; padding:0 0 0 0; margin:0 auto;
}

#container { 
	width:824px; margin:0 auto 32px; z-index: 1;
}

#bottom {
	width:820px; background:#e0e0e0; margin:2px 2px 12px; border:2px solid white;
	-moz-border-radius: 7px 3px 3px 7px; -webkit-border-radius: 7px;
	-moz-box-shadow: inset 0 32px 40px 38px #d8d5d0, 0 1px 4px rgba(0,0,0, 0.9); -webkit-box-shadow: inset 0 32px 40px 38px #d8d5d0, 0 1px 4px rgba(0,0,0, 0.9);
}

#footer {
	clear:both; width: 100%; min-height: 75px; background:#8f8d8a url(img/footer.bg.png) repeat-x top;
}
#footer table {
	margin:0 auto; width: 822px; padding: 10px 0;
	line-height:13px; color: #292929;
}
#footer .sitemap { }
#footer .info {
	text-align:right; vertical-align:top; font-size:10px;
}
#footer .disclaimer {
	font-size:8px; color: #666; text-align:right;
}


/* NAVIGATION ELEMENTS */

#logo	{
    width:210px; float:left; position:relative; top:-12px;
}
#logo_partner	{
	position:absolute; width:42px; height:42px; right:12px; top:20px; z-index:11;
}

#menu	{
  float:left; width:820px; padding:0 0 0 0; margin:0 auto; list-style:none;
}
#menu li	{
	min-width:40px; margin:98px 0 0 8px; position:relative; float:left;
}
#menu .active	{ opacity:0.72; }

#subs	{
	display:block; margin:12px 0 0 208px; width:600px;
}
.sub	{
	padding:0px; list-style:none;
}
.sub li	{
	cursor:pointer; padding-left:6px; min-width:40px; position:relative; float:left;
}


/* STYLING CLASSES */

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

#charlie360	{
	width:728px; height:124px; margin:18px; background:url(img/Charlie360.loadwin.png) no-repeat left center; cursor:pointer;
}
.button360	{
	float:left; padding:4px 12px; background:black; margin:4px 2px; cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:white; font-weight:bold; font-size:13px;
	-moz-border-radius:5px; -webkit-border-radius: 5px;
}

#hint	{
	position:absolute; min-width:42px; height:18px; padding:8px 4px 6px 8px; background:url(img/hint.bg.png) no-repeat left top; z-index:20;
	font-family: Georgia, 'Trebuchet MS', Tahoma; font-size:12px; font-style:italic; color:#ccc;
}

#hint .right {
	width:4px; height:32px; position:absolute; right:-4px; top:0px; background:url(img/hint.right.png) no-repeat right top;
}

#float	{
	position:absolute; min-width:56px; min-height:34px; padding:4px 8px; background:black; z-index:21;
	font-family: Georgia, 'Trebuchet MS', Tahoma; font-size:12px; font-style:italic; color:white;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#float a	{ color:white; font-size:12px; }
#float a:hover	{ color:#CBC7BF; }

.minimal	{ font-size:10px; }
.stable	{ 
	clear:both; width:100%;	
}

.tab	{
	position:fixed; bottom:0px; padding:2px 4px 0; width:98px; margin-left:4%; background:#a50101;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
	-moz-box-shadow: 0 -2px 4px rgba(0,0,0, 0.20), 0 1px 3px rgba(0,0,0, 0.42); -webkit-box-shadow: 0 4px 8px rgba(0,0,0, 0.42);
}



/* COLUMN & MOD CLASSES */

.column	{
	width:824px; background:white url(img/bg.platina.jpg) no-repeat 0 1px; margin:2px 2px 12px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 4px rgba(0,0,0, 0.9); -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.9);
}
.column #main {
	width:612px; padding-left:32px; margin:128px 0 12px; vertical-align:top; overflow:hidden;
}
.column .first {
	margin-left:0px; padding:4px 0; width:612px; position:relative; top:108px; overflow:hidden; color:white;
}
.column .first td {
	background:black; overflow:hidden; vertical-align:top; padding:10px 8px; width:354px;
	-moz-border-radius: 0 6px 6px 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
}
.column .first td:first-child {
	width:210px; padding-left:30px;
	-moz-border-radius: 0; -webkit-border-radius: 0;
}
.column #right {
	width:142px; padding-right:38px; margin:82px 0 20px; vertical-align:top;
}

/* main */
#main .mod	{
	width:598px; padding:10px;
}

#main .mod.blank	{
	padding:0px; margin:0px; background:none;
}

#main .mod.white { margin-top:2px; }
#main .mod.white h1 { margin-left:12px; }

#main .mod.dgrey	{
	background:#4a4a4a; width:498px; padding:20px;
	color:white;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

#main .mod.black	{
	background:black;
	color:white;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

#main .mod.overload	{
	width:578px; position:relative; left:-30px; padding-left:30px;
	-moz-border-radius: 0 6px 6px 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
}

#main .mod.right	{
	float:right; width:350px; margin:0; padding:0; text-align:right; z-index:10;
}



/*right*/
#right .mod	{
	width:128px; padding:8px 6px; margin-top:12px; background:#efefef;
	font-size:11px; color:#8a827a;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
#right h1	{
	font-size:16px; margin-top:2px;
}

#right .mod.blank	{
	padding:10px 22px 0 0; width:178px; background:none;
}

#right .mod.nomargin	{
	margin:0 !important; padding:0 !important;
}

#right .mod.blank h1	{ color:#ccc; }

#right .mod.lgrey	{
	 width:124px; padding:8px; border:1px solid white;
	 -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.24);
}
#right .mod.lgrey h4	{
	font-size:16px; color:#B3AEA8;
}
#right .mod.lgrey strong	{
	font-size:12px;
}
#right .mod.lgrey i	{
	color:#8f6917;
}
#right .mod.grey	{
	background:#aba8a1;
	color:#777;
}
#right .mod.black	{
	background:black; width:124px; padding:8px; border:1px solid white;
	 -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.24);
	color:#777;
}
#right .mod.dgrey	{
	width:114px; padding:8px 10px; background:#53504d;
	color:#b9b4b0;
}
#right .mod.dgrey h4	{ color:white; }
#right .mod.pink	{
	width:114px; padding:8px 10px; background:#ff6d6d;
	color:white;
}
#right .mod.pink a {
	color:white; font-weight:bold;
}
#right .mod.pink h1	{ color:black; }

#right input[type='text']	{
	width:100px; height:14px; padding:2px 5px; background:white url(img/input.bg.neutral.png) top repeat-x; border:white solid 1px;
	font-size:11px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#right input[type='button']	{
	width:112px; 
}







/* ////////////////////////////////////////// DEPRECATED ///////////////////////////////////////// */


/* MODULE RELATED */
.win.pic	{
	width:450px; min-height:280px; padding:3px 3px 0; margin:24px 52px; background:white; border:1px solid rgba(0,0,0, 0.24);
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.wgt.pic .title	{
	padding-top:4px; font-size:13px;
}
.wgt.pic .content	{
	font-family: Georgia, "Trebuchet MS", Tahoma; color:#8F6917;
}
.win.pic .bot	{
	width:458px; height:4px; position:relative; left:-4px; bottom:-4px; background:url(img/win.img.bot.png) no-repeat center top;
}




.wgt.dgrey .tblock	{
	padding-right:0px; font-size:11px;
}

.wgt.thumb	{
	width:130px; padding:2px; background:white; border:1px solid rgba(0,0,0, 0.24); border-bottom:0;
}
.wgt.thumb .title	{
	padding-top:4px; font-size:13px;
}
.wgt.thumb .content	{
	font-family: Georgia, "Trebuchet MS", Tahoma; color:#8F6917;
}
.wgt.thumb .bot	{
	width:136px; height:5px; position:relative; left:-3px; bottom:-5px; background:url(img/wgt.thumb.bot.png) no-repeat left top;
}

.wgt.thumb164	{
	width:158px; padding:2px; background:white; border:1px solid rgba(0,0,0, 0.24); border-bottom:0;
}
.wgt.thumb164 .bot	{
	width:164px; height:5px; position:relative; left:-3px; bottom:-5px; background:url(img/wgt.thumb.bot164.png) no-repeat left top;
}


.win.bottomleft	{ width:auto; position:relative; left:-18px; top:4px; padding:0px; }

/* MODGROUP media */
/* TOOL albums */
.albumset	{ clear:both; width:100%; padding:0; margin-top:24px; }
.albumset .album {
	float:left; width:146px; height:204px; margin:2px; padding:0 0 2px 8px; display:block; 
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.albumset .album div {
	width:124px; min-height:142px; padding:6px 0; background:black; position:relative; left:-8px; cursor:pointer;
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.5);
}
.albumset .album .descr {
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#777;
}


/* TOOL album */


/* MODGROUP form */

/* TOOL search */
.search	{ width:248px !important; }

.search input	{width:200px;}

.search .field {
	position:relative; left:-20px; width:220px; padding:10px 20px; background:#444;
	color:#777; font-style:italic;
}
.search .field a {
	font-size:12px; line-height:18px; font-style:normal; color:#B3AEA8;
}
.search .field a:hover {
	color:black;
}

/* MODGROUP text */

/* TOOL news */
.win.news	{
	float:left; width:342px; padding:0px; line-height:16px;
}
.win .newsblock	{
	color:#666; margin:0 0 20px 0; padding:0 0 8px; text-align:justify; clear:both;
}
.win .newsblock	.date		{ float:right; color:#ccc; font-family: Georgia, "Trebuchet MS", Tahoma; font-size:14px; }
.win .newsblock	.title		{ color:#53504d; font-size:16px; font-weight:bold; font-family: Georgia, "Trebuchet MS", Tahoma; font-style:italic; line-height:18px; }
.win .newsblock a:last-child	{ color:#9e202e; font-style:italic; font-family: Georgia, "Trebuchet MS", Tahoma; font-size:11px; font-weight:normal; }
.win .newsblock a:last-child:hover	{ color:#333; }

.win .newsblock .content:after	{ content: " „"; color:#ccc; font-size:32px; line-height:0px; text-align:right; }
.win .newsblock a:last-child:hover	{ color:#333; }

.news a.rss img	{
	margin-top:4px; opacity:0.42;
}
.news a.rss:hover img	{
	opacity:0.78;
}
.news ul	{
	padding:2px 0px 0px; margin:0; list-style:none;
}
.win.news li.line	{
	padding:2px 6px; margin:2px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.win.news li.line .date	{
	display:block; float:left; width:50px; padding:2px 4px; margin:2px 4px; text-align:right; border:0px dotted #ccc; border-width:0 0 1px;
	color:#53504d; font-size:12px; font-family: Georgia, "Trebuchet MS", Tahoma; font-style:italic;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.win.news li.line .title	{
	display:block; padding:2px; margin:2px; cursor:pointer;
	font-weight:bold; font-size:12px;
}
.win.news li.line .text	{
	display:none;
	padding:2px; margin:2px;
	background:#f3f3f3;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.win.news li.line .nfo	{
	display:none; padding:4px;
	color:#aaa; font-family: Georgia, "Trebuchet MS", Tahoma; font-style:italic;
}
.win.news li.line.active	{
	background:#eeeeee; border:1px solid white;
}
.win.news li.line.active .date	{
	display:inline; float:right; padding:2px; margin:2px; background:white; border-width:0;
}
.win.news li.line.active .title	{ font-size:12px; }
.win.news li.line.active .text, .win.news li.line.active .nfo	{ display:block; }

.wgt.news	{
	float:right; width:198px; padding:8px 12px; margin:0 24px 20px 0; position:relative; top:-6px;

}
.wgt.news h4	{
	font-size:14px; color:white;
}
.wgt.news ul	{
	border-bottom:1px solid white; 

}
.wgt.news li	{
	border-top:1px solid white;  margin-bottom:4px; padding:2px; 

}
.wgt.news .date	{
	float:right;
	font-size:12px; color:#ccc;
}
.wgt.news .title	{
	font-weight:100; color:black; cursor:pointer;
}
.wgt.news .nfo	{
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#cfcfcf; font-size:10px;
}
.wgt.news .text, .wgt.news .nfo	{ display:none; }
.wgt.news .active .text, .wgt.news .active .nfo	{
	display:block; max-height:278px; overflow:hidden;

}

.wgt .newsblock				{ color:#999; margin:0; padding:0 0 8px; }
.wgt .newsblock	.date		{ color:#ccc; font-family: Georgia, "Trebuchet MS", Tahoma; font-size:13px; }
.wgt .newsblock	.title		{ }
.wgt .newsblock a:last-child	{ color:inherit; font-weight:normal; text-decoration:none; }
.wgt .newsblock a:last-child:hover	{ color:#777; }

.in.news table	{
	width:100%; background:black;
}
.in.news table .left	{
	width:28px; vertical-align:center;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#96712d; font-size:10px;
}
.in.news table .title	{
	width:180px; padding:2px 6px; background:rgba(200,200,200, 0.2);
	color:#827c77; font-size:11px;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
/* TOOL link */
.wgt p.link	{
	background:#c1c0bf; padding-left:8px;
}
.wgt p.link a	{
	font-weight:bold; font-size:12px;
}
/* MODGROUP group */

/* TOOL group (basic) */
.group.righty	{width:240px; float:right; margin-right:24px; font-size:12px; }


/* TOOL callist */
.calday			{ width:498px; margin:0 1px; padding-bottom:12px; color:#9b9589; }
.calday	td		{ background:white; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.calday .tme	{ text-align:right; font-style:italic; line-height:14px; background:#ececec; color:#c0c0c0; }
.calday .dta	{ padding-left:18px; font-family:Georgia, 'Trebuchet MS', 'Times New Roman', serif; }
.calday .dj		{ padding:1px 8px; font-family:Georgia, 'Trebuchet MS', 'Times New Roman', serif; text-align:right; background:#f0f0f0; }
		
.calday .dta i	{ display:block; float:right; padding:1px 4px; background:#ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:white; }
.calday .dta i a { color:#ddd; font-family:Georgia, 'Trebuchet MS', 'Times New Roman', serif; }
.calday .dta i a:hover { color:white; }
		
.calday .dta a	{ color:black; font-weight:bold; font-size:12px; }
.calday .dta.prior a	{ font-size:14px; font-weight:bold; }
.calday .dta a.grey	{ color:#c0c0c0; font-size:11px; }
		
.calday .tme b	{ color:#333; }
.calday .tme.first	{ background:none; }


/* TOOL calendar */
.wgt.minical	{
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
}
.wgt.minical .sub	{
	color:#8f6917;
}
.wgt.minical .title	{
	color:black; font-size:12px; font-weight:bold;
}
.wgt.minical .title:hover	{ color:#777; }



.calbig	{ width:520px; }
.calbig .block {
	background:#eee; padding:1px 2px; margin:6px 0;
	-moz-border-radius:4px 4px 20px; -webkit-border-radius: 4px;
}
.calbig .block.dj { background:#777; }
.calbig .block .segment {
	padding:4px 12px; margin:2px 0;
}
.calbig .block .room {
	float:right; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; color:#888;
}
.calbig .block .title {
	font-size:14px; display:block; margin-bottom:4px; font-weight:bold;
}
.calbig .block .img {
	width:142px; float:right; margin:0 4px 4px 12px; padding:4px 0; background:black; clear:bottom;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
.calbig .block .sub {
	font-size:12px; font-weight:normal; color:white;
}
.calbig .block.dj {
	background:#4a4a4a;
	-moz-border-radius:4px 8px 4px 4px;
}
.calbig .block.dj .segment {
	background:none; margin:0; padding-bottom:0;
}
.calbig .block.dj .title {
	color:#ccc; font-weight:normal; font-size:13px;
}
.calbig .block.dj .sub {
	color:#777; font-size:11px;
}

.calgroup .block td	{
	vertical-align:top;
	
}
.calgroup .title	{
	color:black; font-family:'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; font-style:normal;
}
.calgroup .date	{
	font-size:14px;
}
.calgroup .title:hover	{ color:#333; }
.calgroup .img	{
	width:248px;  height:200px; padding:18px 0; margin:2px 12px 0 0; background:black;
	-moz-border-radius:4px; -webkit-border-radius: 4px;
}
.calgroup .info	{
	color:#777; font-style:italic;
}

.collage img	{
	background:black; padding:6px 0; border:2px solid white;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

/* MODGROUP form */



.fancy				{ width:100%; float:left;}
.fancy td			{ background:#eeeeee; padding:8px; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #000000; }
.fancy .strong 		{ background:#cbc7bf; font-weight:bold; font-style:italic; font-family:Georgia, serif; color:#333; padding:5px; }
.fancy .heavy 		{ background:#4a4a4a; font-weight:bold; font-family:Georgia, serif; color:white; padding:4px 4px 4px 12px; font-size:14px; text-align:center; margin-bottom: 30px; }
.fancy .light 		{ font-family:Georgia, serif; font-style:italic; opacity:0.5; }