/* GENERAL */

  
  * html img, * html div {
	behavior: url(iepngfix.htc);
	}

   html .gainlayout { height: 1%; }

	body, html
	{
		height: 100%;
	}
	body
	{	
		background-image: url('img/gradient.jpg');
		background-repeat: repeat-x;
		background-color: #CFE1ED;
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	body, table, input, textarea, select, option
	{
		
		font-family: "Trebuchet MS";
		font-size: 12px;	
	}
	table
	{
		text-align: left;
	}
	h2
	{
		font-size: 20px;
	}
	h3
	{
		font-size: 14px;

	}	
	.small
	{
		font-size: 10px;
	}
	
	a img
	{
		border: 0px;
	}
	a
	{
		color: #0067C5;
		text-decoration: none;	
	}
	a:hover
	{
		color: #0067C5;
		text-decoration: underline;	
	}
	a.whitelink
	{
		color: #FFFFFF;
	}
	.blue
	{
		color: #0067C5;
	}
	.outline
	{	
		background-color: #FFFFFF;
		width: 952px;
		margin: auto;
		position: relative;		
		text-align: left;
		min-height: 100%;
		border: 1px #b9c7d0 solid;
		margin-top: 0px;
		margin-bottom: 0px;
	}	

	
		/* HEADER */
	.header 
	{
		width:952px;
		height:90px;
		text-align: left;
	}
	.logo
	{
		background-image: url('img/logo.png');
		height: 58px;
		width: 371px;
	}
	#menu
	{
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		height: 31px;
		width: 942px;
		position: relative;
	}
	#menu a
	{
		display: block;
		width: 100%;
		height: 100%;
	}
	#menu_left
	{
		background-image: url('img/menu/menu_01.png');
		width: 42px;
		height: 31px;
		float: left;
	}
	#menu_home
	{
		background-image: url('img/menu/menu_home.png');
		width: 64px;
		height: 31px;
		float: left;
		cursor: pointer;
	}
	#menu_home:hover
	{
		background-position: bottom;
	}
	.menu_sep
	{
		background-image: url('img/menu/menu_03.png');
		width: 16px;
		height: 31px;
		float: left;
	}
	#menu_verras
	{
		background-image: url('img/menu/menu_verras.png');
		width: 109px;
		height: 31px;
		float: left;
		cursor: pointer;
	}
	#menu_verras:hover
	{
		background-position: bottom;
	}	
	#menu_toppers
	{
		background-image: url('img/menu/menu_toppers.png');
		width: 83px;
		height: 31px;
		float: left;
		cursor: pointer;
	}
	#menu_toppers:hover
	{
		background-position: bottom;
	}
	#menu_favorieten
	{
		background-image: url('img/menu/menu_favorieten.png');
		width: 117px;
		height: 31px;
		float: left;
		cursor: pointer;
	}
	#menu_favorieten:hover
	{
		background-position: bottom;
	}			
	#menu_vers
	{
		background-image: url('img/menu/menu_vers.png');
		width: 117px;
		height: 31px;
		float: left;
		cursor: pointer;
	}	
	#menu_right
	{
		background-image: url('img/menu/menu_09.png');
		width: 344px;
		height: 31px;
		float: left;
	}
	
	
	
	/* COLUMN */
	.column_container
	{
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;
	}
	.column
	{
		float: left;
		padding: 0px 4px 0px 4px;
		display: inline;
	}
	.profile
	{
		float: left;
		padding: 0px;		
		margin: 3px;
	}	
	.avatar_container
	{
		float: left;
		margin-right: 3px;
		margin-top: 3px;
		padding: 1px;
		border: 1px #b9c7d0 solid;
	}
	
	#infobar{
		font-size: 11px;
		display: block;
		clear: both;
		text-align:left;
		width: 100%;
		background: InfoBackground url('img/warning.gif') no-repeat 4px 4px;
		padding: 6px 0px 6px 0px;
		margin-left: 0px;
		text-decoration: none;
		cursor: default;
		border-bottom: 1px #b9c7c0 solid;	
		position: relative;
		height: 12px;
	}	
	#infotext
	{
		position: absolute;
		left: 22px;
	}
	#closebar
	{
		position: absolute;
		right: 6px;
	}
	
	.locatie_balk
	{
		font-size: 10px;
		border: 1px #e2e2e2 solid;
		width: 934px;
		margin: 2px 4px 5px 4px;
		position: relative;
		height: 28px;
		background-color: #F1F1F1;
		z-index: 2;
	}
	.item
	{
		font-size: 10px;
		border: 1px #e2e2e2 solid;
		padding: 2px;
		float: left;
		margin: 2px;
		color: #646464;
		padding-right: 14px;
		background-color: #FFFFFF;
		background-image: url('img/arrow_down.jpg');
		background-repeat: no-repeat;
		background-position: right;
		width: 150px;
		z-index: 2;
	}
	.drop
	{
		font-size: 10px;
		position: absolute;
		background-color: #FFFFFF;
		height: 75px;
		overflow: auto;
		top: 22px;
		z-index: 2;
	}
	
	/* INDEX */
	.container_index
	{
		position: relative;
		background-image: url('img/bg_home.jpg');
		height: 100%;
	}
	.index_nieuws
	{
		float: left;
		width: 218px;
		overflow: auto;
		margin: 0px;
		margin-top: 20px;
		background-image: url('img/nieuws.jpg');
		background-repeat: no-repeat;
		padding: 5px;
		padding-top: 25px;
	}
	.index_reacties
	{
		float: left;
		width: 218px;
		overflow: auto;
		margin-left: 8px;
		margin-top: 20px;
		background-image: url('img/reacties.jpg');
		background-repeat: no-repeat;
		padding: 5px;
		padding-top: 25px;
	}	
	.nieuws_bericht
	{
		min-height: 120px;
		margin-bottom: 25px;
	}
	.nieuws_bericht .titel
	{
		font-size: 14px;
		font-weight: bold;
	}	
	
	.cabaretiers_lijst
	{
		padding-left: 0px;
		padding-top: 2px;
		padding-left: 5px;
		line-height: 22px;
		font-size: 13px;
	}
	.cabaretier_link
	{
		font-weight: bold;
	}
	.dagmenu
	{
		margin-top: 2px;
		text-align: center;
		background-color: #F1F1F1;
	}
	.ontbijtservice
	{
		background-image: url('files/actions/ontbijtservice.png');
		position: relative;
		height: 88px;
		width: 228px;
		cursor: pointer;
		float: left;
	}
	.ontbijtservice_form
	{
		position: absolute;
		left: 13px;
		top: 35px;
	}
	.ontbijtservice_form_field
	{
		border: 1px #646464 solid;
		background-color: #000000;
		font-size: 10px;
		color: #646464;
		display: none;
		visibility: hidden;
	}
	.ontbijtservice_form_field .text
	{
		height: 12px;
	}		
	.ontbijtservice_form_field .submit
	{
		height: 16px;
	}	
	.topper
	{
		background-repeat: repeat-x;
		padding: 5px;
		position: relative;
	}
	.topper_img_wrapper
	{
		float: left;
		position: relative;
	}	
	.topper_titel
	{
		z-index: 2;
		float: left;
		padding: 5px;
	}
	.vers
	{
		background-image: url('img/toppers_item.jpg');
		background-repeat: repeat-x;
		padding: 5px;
		position: relative;
	}
	.vers_img_wrapper
	{
		float: left;
		position: relative;
	}		
	.vers_titel
	{
		z-index: 2;
		float: left;
		padding: 5px;
	}	
	
	/* ETC */
	.fragment_thumb
	{
		height: 55px;
		width: 73px;
	}
	.fragment_thumb_flag
	{
		position: absolute;
		bottom: 3px;
		right: 3px;
	}
	.relative_wrapper
	{
		position: relative;
	}
	.infobox
	{
		margin: 10px 10px;
		background-color: #e8fff4;
		text-align: center;
		padding: 20px;	
		background-image: url('img/infobox.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
		
	}
	.infobox .left
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 3px;
		height: 3px;		
	}
	.infobox .right
	{
		position: absolute;
		right: 0px;
		top: 0px;
		width: 3px;
		height: 3px;
	}	
	
	.errorbox
	{
		margin: 10px 10px;
		background-color: #FFDADA;
		text-align: center;
		padding: 20px;	
		background-image: url('img/errorbox.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
	}
	.errorbox .left
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 3px;
		height: 3px;		
	}
	.errorbox .right
	{
		position: absolute;
		right: 0px;
		top: 0px;
		width: 3px;
		height: 3px;
	}	
	.heading
	{
		font-weight: bold;
		padding-left: 3px;
		border-bottom: 1px #646464 solid;
	}
	.textbox
	{
		border: #FFFFFF solid 0px;
		background: url("img/textbox_background.png") 0 0 no-repeat;
		width: 210px;
		height: 23px;
		padding-left: 15px;
		padding-right: 35px;
		padding-top: 3px;
	}
	.textbox_lite
	{
		width: 200px;
		font-family: 'Trebuchet MS';
		font-size: 10px;
	}
	.submitbox
	{
		border: #FFFFFF solid 0px;
		background: url("img/textbox_background.png") 0 0 no-repeat;
		width: 256px;
		height: 23px;
		padding-left: 15px;
		padding-right: 35px;
		padding-top: 3px;
		font-weight: bold;
		cursor: pointer;
	}	
	textarea
	{
		border: #E4E6E3 solid 1px;
		font-family: "Trebuchet MS";
		font-size: 12px;
		color: #4D4D4D
	}	
	.hr_line
	{
		background-image: url('img/grey.gif');
		height: 1px;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.red
	{
		color: #FF0000;
	}
	.visible
	{
		visibility: visible;
		display: block;
	}
	.visible-tr
	{
		visibility: visible;
		display: table-row;
	}
	.hidden
	{
		visibility: hidden;
		display: none;
	}
	.under_construction
	{
		color: #A4301C;
	}
	.rating
	{
		float: left;
		line-height: 40px;
		text-align: center;
		height: 42px;
		width: 44px;
		color: #003965;
		font-size: 20px;
		font-weight: bold;
		background-image: url('img/rate_bg.png');
	}
	.beheer_locatie
	{
		padding: 4px;
		margin: 6px 10px 6px 10px;
		background-color: #EBEBEB;
	}
	.fragmentbox
	{
		border: 1px #A39E92 solid;
		background-color: #F1ECDC;
		padding: 3px;
		float: left;
		margin: 4px;
		text-align: center;
	}
	.fragment_hidden
	{
		opacity:.20;
		filter: alpha(opacity=20);
		-moz-opacity: 0.20;
	}
	.reactie
	{
		margin-top: 10px;
		padding-top: 5px;		
		border-top: 1px #999999 solid;
		background-image: url('img/toppers_item.jpg');
		background-repeat: repeat-x;
		background-position: top;
		
		padding-left: 5px; 
		position: relative;	
	}
	.reactie_datum
	{
		position: absolute;
		top: 0px;
		right: 0px;
		color: #646464;
		font-size: 8px;
		
		padding-top: 5px;
	}
	.reactie_username
	{
		font-weight: bold;
		font-size: 11px;
		display: inline;
	}
	
	.quote_container
	{
		position: relative;
		margin-bottom: 10px;
		margin-top: 2px;
	}
	.quote_background
	{
		opacity: 0.5;
		background-color: #000000;
		width: 100%;
		position: absolute;
		bottom: 0px;
		color: #FFFFFF;
		font-size: 12px;
	}
	.quote_background_padding
	{
		margin: 10px;
	}
	.quote_tekst
	{
		width: 100%;
		position: absolute;
		bottom: 0px;
		color: #FFFFFF;
		font-size: 12px;
	}
	.quote_tekst_padding
	{
		margin: 10px;
	}	
	
	
	
	/* FOOTER */
	.footer
	{
		background-color: #FFFFFF;
		text-align: center;
		clear: left;
	}
	
	.row1
	{
		background-color: #EBEBEB;
	}
	.row2
	{
		background-color: #FFFFFF;
	}
	
	
	/* JUITTER */
	/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#E7F4FA;margin:0 0 10px 0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/