/* GENERAL */

   html .gainlayout { height: 1%; }

	body, html
	{
		height: 100%;
	}
	body
	{	
		background-image: url('img/bg.jpg');
		background-repeat: repeat-x;
		background-attachment: fixed;
		background-color: #55C0FD;
		margin: 0px;
		padding: 0px;
		color: #cecece;
		line-height: 22px;
		text-align: center;
	}
	body, table, input, textarea, select, option
	{
		
		font-family: Georgia;
		font-size: 12px;	
	}
	table
	{
		text-align: left;
	}
	h1
	{
		color: #00B7EF;
		font-size: 26px;
		font-family: "Georgia";
		font-weight: normal;
	}
	h2
	{
		color: #00B7EF;
		font-size: 12px;
		font-family: "Georgia";
		font-weight: normal;
	}
	h3
	{
		font-size: 14px;

	}	
	.small
	{
		font-size: 10px;
	}
	
	a img
	{
		border: 0px;
	}
	a
	{
		color: #00B7EF;
		text-decoration: none;	
outline: none;
	}
	a:hover
	{
		color: #00B7EF;
		text-decoration: underline;	
	}
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}
	a.whitelink
	{
		color: #FFFFFF;
	}	
	.outline
	{	
		background-color: #141613;
		width: 950px;
		margin: auto;
		position: relative;		
		text-align: left;
		min-height: 100%;
		border: 1px #b9c7d0 solid;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}	
	.optredens
	{
		background-color: #2a2a2a;
		width: 160px;
		background-image: url('img/spotlight.png');
		background-position: top right;
		background-repeat: no-repeat;
		padding: 10px;
		margin-left: 10px;
	}
	.bedrijfsfeest
	{
		background-color: #2a2a2a;
		width: 160px;
		padding: 10px;
		margin-left: 10px;
		font-size: 20px;
		text-align: center;
	}
		
	
		/* HEADER */
	.header 
	{
		width:952px;
		text-align: left;
	}
	.logo
	{
		float: left;
		margin: 0px;
		background: url('img/logo.jpg') no-repeat;
		width: 200px;
		height: 162px;
	}
	.maniacs
	{
		background-image: url('img/maniacs2011.png');
		height: 155px;
		width: 720px;
		margin-left: 10px;
		float: left;
	}
	
	
	
	/* COLUMN */
	.column_container
	{
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;
		text-align: left;
	}
	.column
	{
		float: left;
		padding: 0px 4px 0px 4px;
		display: inline;
	}
		
	#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;
	}
	
	
	/* INDEX */
	.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;
		color: #000000;
		
	}
	.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;
		color: #000000;
	}
	.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;
		width: 210px;
		height: 20px;
		padding-left: 10px;
		padding-right: 10px;
		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;
	}
		
	.block
	{
		background-color: #2a2a2a;
		padding: 8px;
		margin-bottom: 10px;
	}
	
	.admin_block
	{
		background-color: #FFFFFF;
		padding: 8px;
		margin-bottom: 10px;
		
	}
	.thumbcontainer
	{
		width: 125px;
		height: 80px;
		float: left;
		text-align: center;
		margin: 5px;
	}
	.foto
	{
		padding: 5px;
	}
	.thumb
	{
		padding: 5px;
	}	
	/* FOOTER */
	.footer
	{
		text-align: center;
		clear: left;
	}
	
	.row1
	{
		background-color: #EBEBEB;
	}
	.row2
	{
		background-color: #FFFFFF;
	}