html{
	height: 100%;
}
body{ 	
	font-family: arial, helvetica, sans-serif; 
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #272B28;
	height: 100%;
	line-height: 125%;
}

/*
**
*/

#calendar{
	position: absolute;
	left: 741px;
	top: 90px;
	z-index: 20;
	display: none;
	width: 190px;
	height: 140px;
	border: 1px solid #000000;
	background: #ffffff;
}

#calendar_close{
	position: absolute;
	margin-left: 190px;
	z-index: 25;
}

#calendar_header{
	margin: 1px;
}

#calendar_body td{
	text-align: center;
}

#calendar_body .calheader{
	color: #7A7C38;
	font-size: 10px;
}

#calendar_body .calweek{
	background-color: #FCEEE8;
	color: #9A9490;
	font-size: 10px;
}

#calendar_body .calday{
	background-color: #EFDBD4;
	color: #000000;
	font-size: 10px;
}

#calendar_body .calactive{
	background-color: #9A9490;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

#calendar_body .calprev{
	background-color: #FCEEE8;
	color: #9A9490;
	font-size: 10px;
}

#calendar_body .calnext{
	background-color: #FCEEE8;
	color: #9A9490;
	font-size: 10px;
}

/*
**	OVERLAY
*/

#overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 100;
	display: block;
	opacity: .8;
	filter: alpha(opacity=80);
}

#overlay_container{
	position: absolute;
	width: 600px;
	height: 600px;
	z-index: 101;
	display: none;
	left: 50%;
	margin-left: -300px;
}

#overlay_close{
	position: absolute;
	top: -28px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#overlay_content{
	border: 1px solid #ffffff;
	padding: 12px;
	font-size: 14px;
	font-weight: bold;
}

a{
	color: #ffff00;
	text-decoration: underline;
}

a:hover{
	color: #626414;
}

p{
	margin: 6px 0px 6px 0px;
	padding: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

.txtbutton{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}

.txtbutton_off{
	color: #000000 !important;
	text-decoration: none;
	font-size: 12px;
}

.txtbutton:hover{
	color: #626414;
}

.txtbutton_yellow:hover{
	color: #EEDE00 !important;
}

.txtbutton_black{
	color: #000000 !important;
}

.whitearrow{
	background: url('http://www.sugarfactory.nl/img/arrow_white_small_left.gif') left center no-repeat;
	padding-left: 8px;
}

.small{
	font-size: 10px;
}

.noline{
	text-decoration: none !important;
}

.divider{
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
}

.whiter{
	clear: both;
	height: 2px;
	font-size: 2px;
	background-color: #ffffff;
	overflow: hidden;
}

.dotted{
	clear: both;
	height: 1px;
	font-size: 1px;
	background: url('http://www.sugarfactory.nl/img/dottedline.gif');
	overflow: hidden;
}

.liner{
	clear: both;
	height: 1px;
	font-size: 1px;
	background-color: #666666;
}

.contentcontainer{
	margin: 8px;
}

.headerimage{
	margin-bottom: 8px;
}

.inputtext{
	font-size: 10px;
	color: #666666;
}

ul.linklist{
	margin: 4px 0px; padding: 0px;
	list-style: none;
}

ul.linklist li{
	margin: 0px; padding: 0px;
	list-style: none;
}

#site{
	width: 960px;
	margin-left: 6px;
}

/*
**	LEFT
*/

#column1{
	float: left;
	width: 400px;
	background-color: #1C1F1D;
}

#left{
	margin-left: 2px;
	width: 396px;
}

#logo{
	margin-bottom: 1px;
}

#main_menu{
	margin-bottom: 1px;
	height: 28px;
	overflow: hidden;
}

#main_menu a{
	display: block;
	width: 131px;
	float: left;
	line-height: 28px;
			background: url('http://www.sugarfactory.nl/img/menu_arrow.png') 8px 8px no-repeat #FFFF00;
		height: 28px;
		text-indent: 28px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #1C1F1D;
}


.slideshow-controller {
			background: url(controller.png) no-repeat;
	}


#sub_menu_toggler{
	background-color: #626414;
	font-size: 11px;
	height: 17px;
	line-height: 16px;
	margin-bottom: 1px;
	text-indent: 16px;
	cursor: pointer;
}

.sub_menu_expand{
	background: url('http://www.sugarfactory.nl/img/arrow_white_medium.gif') 7px 5px  no-repeat;
}

.sub_menu_collapse{
	background: url('http://www.sugarfactory.nl/img/arrow_white_medium_down.gif') 5px 8px  no-repeat;
}

#sub_menu{
	width: 396px;
	overflow: hidden;
	height: 0px;
}

#sub_menu a{
	display: block;
	height: 28px;
	float: left;
	line-height: 28px;
	background: url('http://www.sugarfactory.nl/img/arrow_black_medium.gif') 8px 10px no-repeat #FFFF00;
	text-indent: 20px;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
			width: 132px;
	}

#sub_menu a:hover{
	background-color: #626414;
}

#sf_emailsearch{
	width: 396px;
	height: 105px;
	overflow: hidden;
}

#sf_email{
	float: left;
	width: 197px;
	height: 105px;
	background-color: #000000;
	overflow: hidden;
}

#sf_search{
	float: right;
	width: 198px;
	height: 105px;
	background-color: #000000;
	margin-bottom: 1px;
	overflow: hidden;
}

#input_site_search_bg{
	position: absolute;
	background: url('http://www.sugarfactory.nl/img/search_input.gif') no-repeat left center;
	width: 185px;
	height: 19px;
	z-index: 1;
}

#input_site_search{
	position: absolute;
	background: transparent;
	border: 0px;
	width: 155px;
	margin-left: 20px;
	margin-top: 1px;
	height: 19px;
	color: #666666;
	font-size: 10px;
	z-index: 2;
}

#eventbanner{
	margin-bottom: 1px;
	width: 396px;
	height: 126px;
	overflow: hidden;
}

#eventbannerbox{
	position:absolute;
	font-size: 0px;
}

#eventbannerbox{
	position:absolute;
}
#eventbannerbox span{
	display:block;
	float: left;
}
.eventbannermask{
	position:relative;
	width:396px;
	height:126px;
	overflow:hidden;
}

#photoslideshow{
	margin-bottom: 1px;
	height: 263px;
	width: 396px;
	overflow: hidden;
}

#photolibrary{
	margin-bottom: 1px;
}

#photothumbs{
	width: 396px;
	height: 297px;
	overflow: hidden;
	background-color: #1C1F1D;
}

#blogging{
	margin-bottom: 1px;
}

#blogging_toggler{
	font-size: 11px;
	height: 17px;
	line-height: 16px;
	margin-bottom: 1px;
	text-indent: 16px;
	cursor: pointer;
	background: url('http://www.sugarfactory.nl/img/arrow_white_medium.gif') 7px 5px  no-repeat #626414;
}

.blogitem{
	margin: 6px;
}

.blog_title{
	font-size: 14px;
	color: #ffff00;
	font-weight: bold;
}

.blog_content{
	
}

#youtubeplayer{
	background-color: #000000;
}

#youtubeembedcode{
	border: 1px solid #ffffff;
	font-size: 9px;
	background-color: #000000;
	color: #D9D9D9;
	width: 370px;
	margin-left: 6px;
	margin-top: 3px;
}

#videochannel{
	background-color: #000000;
}

#spacer{
	height: 450px;
	width: 100px;
}

#colofon{
	position: absolute;
	font-size: 10px;
	left: 12px;
	margin-top: -33px;
}

#colofon a{
	color: #ffffff;
	text-decoration: none;
}

#colofon a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#footer{
	margin-left: 6px;
	padding-top: 3px;
	color: #ffffff;
	font-size: 10px;
	height: 20px;
	width: 950px;
}

#footer ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#footer li{
	float: left;
	margin-right: 10px;
	list-style: none;
}

/*
**	RIGHT
*/

#column2{
	float: right;
	width: 555px;
	background-color: #1C1F1D;
	margin-bottom: 1px;
}

#right{
	width: 551px;
	margin-left: 2px;
}

#welcome{
	background-color: #000000;
	width: 551px;
	margin-bottom: 1px;
}

.page_title{
	margin-bottom: 1px;
	height: 28px;
	display: block;
	height: 28px;
	line-height: 28px;
	background: #FFFF00;
	text-indent: 6px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.page_header{
	margin-bottom: 1px;
	display: block;
	background: #FFFF00;
	margin-bottom: 1px;
	color: #000000;
}

.page_filter{
	margin-bottom: 1px;
	display: block;
	background: #FFFF00;
	margin-bottom: 1px;
	color: #000000;
	font-size: 11px;
	padding: 3px 6px 6px 6px;
}

.page_nav{
	background-color: #626414;
	font-size: 11px;
	height: 17px;
	line-height: 16px;
	margin-bottom: 1px;
	text-indent: 6px;
}

.page_nav a{
	color: #ffffff;
	text-decoration: none;
}

.page_nav a:hover{
	color: #FFFF00;
	text-decoration: none;
}

#rightcontent{
	
}

.page{
	padding: 6px;
}

.content{
	margin-bottom: 1px;
	line-height: 130%;
}

.content h1{
	color: #ffff00;
	font-weight: bold;
	font-size: 16px;
	margin: 0px; padding: 0px;
	margin-bottom: 2px;
	text-decoration: none;
}

.content h2{
	color: #999999;
	font-weight: bold;
	font-size: 14px;
	margin: 0px; padding: 0px;
	margin-bottom: 2px;
	text-decoration: none;
}

.content ul{
	margin: 0px 0px 1em 20px;
	padding: 0px;
}

/*
**	BASIC SETUP
*/

.intro{
	overflow: hidden;
	width: 540px;
}

.full{
	overflow: hidden;
	width: 540px;
}

.images{
	text-align: center;
	margin-bottom: 6px;
}

.images .image{
	float: left; 
	margin-right: 1px;
}

.balloon_big{
	display: none; 
	color: #000000; 
	width: 176px;
	height: 137px;
			background: url('http://www.sugarfactory.nl/img/balloon_big.png') top left no-repeat; 
		z-index: 10;
}

.balloon_inner{
	margin: 10px;
}

.balloon_small{
	display: none; 
	color: #000000; 
	width: 115px;
	height: 106px;
			background: url('http://www.sugarfactory.nl/img/balloon_small.png') top left no-repeat; 
		z-index: 10;
}

.balloon_small_inner{
	margin: 5px 7px;
}

/*
**	NEWS
*/

.news{
	padding: 1em 0px 6px 6px;
	background-color: #23251C;
}

.news_light{
	background-color: #303229;
}

.news h1{
	color: #ffffff;
	font-size: 14px;
}

.news .buttonline{
	margin-top: 3px;
	margin-bottom: 6px;
}

.news .buttonline img{
			margin-top: -1px;
	}

.news .buttonline .read_more{
	display: block;
	float: left;
	margin-left: 0px;
	width: 80px;
	font-size: 11px !important;
}

.news .buttonline .email_this{
	display: block;
	float: left;
			margin-left: 270px;
		width: 80px; 
	font-size: 11px !important;
}

.news .buttonline .commentbutton{
	display: block;
	float: left;
	margin-left: 20px;
	width: 80px; 
	font-size: 11px !important;
}

.comment{
	padding: 1em 0px 6px 6px;
	background-color: #23251C;
}

.comment_light{
	padding: 1em 0px 6px 6px;
	background-color: #303229;
}

/*
**	AGENDA
*/

.agenda{
	padding: 6px 0px 6px 6px;
}

.agenda_main{
	background-color: #000000;
}

.agenda_early{
	background-color: #23251C;
}

.agenda_extra{
	background-color: #001100;
}

.agenda_main h1{
	color: #FFFF00;
	font-size: 18px !important;
	font-weight: normal !important;
}

.agenda_early h1{
	color: #FFFF00;
	font-size: 18px !important;
	font-weight: normal !important;
}

.agenda_extra h1{
	color: #FFFF00;
	font-size: 18px !important;
	font-weight: normal !important;
}

.agenda h2{
	color: #999999;
	font-size: 16px;
	font-weight: normal;
}

.agenda .i{
	float: right;
}

.agenda .buttonline{
	margin-bottom: 6px;
}

.agenda .buttonline img{
			margin-top: -1px;
	}

.agendabuttonline img{
			margin-top: -1px;
	}

.agendabuttonline{
	margin: 3px;
}

.agenda .buttonline .read_more, .agendabuttonline .read_more{
	display: block;
	float: left;
	margin-left: 0px;
	width: 120px;
	font-size: 11px !important;
}

.agenda .buttonline .email_this, .agendabuttonline .email_this{
	display: block;
	float: left;
			margin-left: 230px;
		width: 80px; 
	font-size: 11px !important;
}

.agenda .buttonline .tickets, .agendabuttonline .tickets{
	display: block;
	float: left;
	margin-left: 20px;
	width: 90px; 
	font-size: 11px !important;
}

.agenda .info{
	font-size: 10px;
	color: #ffffff;
	margin-bottom: 6px;
}

.dayheader{
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-indent: 6px;
	height: 35px;
	line-height: 35px;
	background: url('http://www.sugarfactory.nl/img/header_bg_diag.gif') top left repeat-x;
	margin-bottom: 1px;
	margin-top: 1px;
}

/*
**	AGENDA ARTICLE
*/

.agenda_article{
	padding: 1em 6px 6px 6px;
}

.agenda_article_type{
	display: inline;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

.dayheader .inactive{
	color: #666666
}

.dayheader .main, .agenda_article .main{
	color: #FFFF00;
}

.dayheader .early, .agenda_article .early{
	color: #FFFF00;
}

.dayheader .extra, .agenda_article .extra{
	color: #FFFF00;
}

.agenda_article h1{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
}

.agenda_article h2{
	color: #666666;
	font-size: 18px;
}

.agenda_article h3{
	color: #FFFFFF;
	font-size: 14px;
	margin: 0px;
}

.agenda_article .lineup{
	margin-top: 6px;
	margin-bottom: 12px;
	font-size: 10px;
}

.agenda_article .dj{
	font-size: 10px;
}

.agenda_article .dj b, .agenda_article .dj strong{
	font-size: 13px;
	font-weight: bold;
}

.agenda_article .sponsors{
	text-align: center;
	margin-right: 6px;
}

.agenda_article .sponsors img{
	margin: 0px 6px 3px 0px;
	float: left;
}

.agenda_article .sponsor{
	float: left;
	text-align: center;
	width: 99px;
	height: 65px;
	margin: 0px 6px 3px 0px;
}

/*
**	CONTACT
*/

.contact h1{
	color: #ffffff !important;
}

#contacts h2{
	color: #ffffff;
	margin-bottom: 3px;
}

.contact{
	margin-bottom: 6px;
}

/*
**	PRESS
*/

.press{
	padding: 1em 0px 6px 6px;
	background-color: #1C1F1D;
}

.press_light{
	padding: 1em 0px 6px 6px;
	background-color: #292C2A;
}

.press h1{
	color: #ffffff;
	font-size: 14px;
}

.press .pressline{
	height: 16px;
}

.press .pressline img{
			margin-top: -1px;
	}

.press .pressline .downloadvisit{
	float: right;
	width: 100px;
	font-size: 11px !important;
	
}

/*
**	LINKS
*/

.link{
	padding: 1em 0px 6px 6px;
	background-color: #000000;
}

.link_light{
	padding: 1em 0px 6px 6px;
	background-color: #001100;
}

.link h1{
	color: #ffffff;
	font-size: 14px;
}

.link .linkline{
	margin: 3px;
	margin-bottom: 3px;
}

.link .linkline img{
			margin-top: -1px;
	}

.link .linkline .visit{
	float: right;
	width: 53px;
	font-size: 11px !important;
}

/*
**	PICTURES
*/

#picture{
	margin-bottom: 1px;
	overflow: hidden;
}

/*
**	SEARCH
*/

.search{
	padding: 6px 0px 6px 6px;
}

.search .buttonline{
	height: 16px;
}

.accordeon_element{
	margin: 1em 0px;
	height: 0px;
	overflow: hidden;
}

.toggler{
	cursor: pointer;
}