/*
	LavaGiant.css
	Stylesheet voor de LavaGiant website
*/
@import url('/templates/default/floorplan.css');

/* Algemene body */
body {
	background-color:	#001F00;
	margin:				auto 15px;
	text-align:			center;
	}

#site {
	margin:				auto;
	width:				990px;
	position:			relative;
	top:				0px;
	left:				0px;
	}

/* Header */
#header {
	height:				165px;
	background-color:	#003700;
	text-align:			left;
	}

#h_vlam {
	display:			block;
	width:				110px;
	height:				140px;
	margin:				0px;
	background-color:	#003700;
	background-image:	url('/templates/lavagiant/vlam.jpg');
	float:				left;
	}

#h_logo {
	height:				125px;
	width:				800px
	margin:				0px;
	background-color:	#003700;
	background-image:	url('/templates/lavagiant/logo.jpg');
	background-repeat:	no-repeat;
	}

#nav_top {
	position:			relative;
	top:				-10px;
	left:				110px;
	width:				740px;
	background-color:	#4D734D;
	height:				23px;
	padding-left:		140px;
	padding-top:		2px;
	background-image:	url('/templates/lavagiant/navtop.jpg');
	background-repeat:	repeat-y;
	font-family:		Century Gothic, MS Trebuchet, Verdana, Arial;
	font-size:			12pt;
	font-weight:		bold;
	word-spacing:		15px;
	}

#h_login {
	display:			block;
	position:			absolute;
	left:				750px;
	top:				10px;
	color:				white;
	font:				10pt Century Gothic, MS Trebuchet, Verdana, Arial;
	}

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

#nav_bot {
	position:			relative;
	top:				-10px;
	width:				980px;
	background-color:	#809A80;
	height:				23px;
	padding-left:		10px;
	padding-top:		3px;
	font-family:		Century Gothic, MS Trebuchet, Verdana, Arial;
	font-size:			10pt;
	}

.menulink {
	padding-right:		15px;
	}

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

/* footer */
#footer {
	background-image:	url('/templates/lavagiant/copyright.jpg');
	height:				31px;
	background-repeat:	no-repeat;
	text-align:			right;
	}

/* content */
#content {
	background-image:	url('/templates/lavagiant/content.jpg');
	background-repeat:	no-repeat;
	height:				984px;
	padding:			10px;
	font-family:		Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size:			14px;
	color:				white;
	text-align:			left;
	display:			table-cell;
	width:				990px;
	}

img {
	border:				0px;
	}


.twocol_left {
	width:				700px;
	}

.twocol_right {
	float:				right;
	width:				230px;
	}

.window {
	border:				1px solid #809A80;
	width:				100%;
	padding:			2px;
	margin-bottom:		15px;
	}

.window .header {
	background-color:	#809A80;
	font-weight:		bold;
	text-align:			center;
	color:				#001F00;
	}

.window .content {
	padding:			1px;
	}

h1 {
	margin-top:			0px;
	color:				#FFCC00;
	font-weight:		bold;
	}

h2 {
	font-size:			12pt;
	color:				white;
	font-weight:		bold;
	}

a {
	color:				#FFCC00;
	text-decoration:	none;
	}

a:hover {
	text-decoration:	underline;
	}

.formcaption {
	font-weight:		bold;
	font-size:			14px;
	float:				left;
	width:				70px;
	}

.formitem {
	font-size:			14px;
	width:				150px;
	}

.formfooter {
	padding-top:		15px;
	padding-left:		20px;
	}

.textbox {
	background-color:	white;
	border:				1px solid #001F00;
	width:				150px;
	}

.button {
	background-color:	#001F00;
	color:				white;
	border:				1px outset #809A80;
	}

.table {
	border-collapse:	collapse;
	}

table.stats {
	}

table.stats tr.legenda td {
	background-color:	#4F664F;
	font-size:		8px;
	text-align:		center;
	}

table.stats tr.graph td {
	vertical-align:	bottom;
	text-align:		center;
	}

.sort-table thead tr {
	background-color:	#4F664F;
	font-weight:		bold;
	}

table.data {
	border-collapse: collapse;
	width:	100%;
	}

table.data thead tr td, table.data tbody tr th {
	background:		#4F664F;
	color:			black;
	font-weight:	bold;
	}

table.data td, table.data th {
	border:			1px solid #4F664F;
	padding:		3px 5px;
	}



.even {
	background-color:	#1A391A;
	}

.members {
	width:				100%;
	border-bottom:		1px solid #1A391A;
	margin-bottom:		10px;
	}

table.products {
	width:				100%;
	}

table.products tr td {
	border-bottom:		1px solid #1A391A;
	margin-bottom:		10px;
	}

.member-image {
	float:				left;
	}

.small {
	font-size:			8pt;
	}

input.textbox, textarea, select {
	border:				1px solid #FFCC00;
	background-color:	#001f00;
	color:				white;
	}

.zaalindeling {
	border:				1px solid #FFCC00;
	padding:			10px;
	text-align:			center;
	width:				auto;
	}

.zaalindeling table tr {
	height:				40px;
	}

td.plaats {
	width:				100px;
	border:				1px solid white;
	font-size:			8pt;
	}

table.signups tr.free td, div.floorplan div.free {
	background-color:	#1A391A;
	}

table.signups tr.payed td, div.floorplan div.payed, table.activitysignups tr td.payed {
	background-color:	#007D00;
	}

table.signups tr.crew td, div.floorplan div.crew {
	background-color:	#6B5200;
	}

table.signups tr.reserved td, div.floorplan div.reserved, table.activitysignups tr td.reserved {
	background-color:	#6B1200;
	}

.legenda { 
	margin-top:			30px;
	}

.error {
	color:				red;
	}

table.signups tr.blocked td, div.floorplan div.blocked {
	background-color:	#333C33;
	}


/* --- NETWORK BANNER ----------------------------------------------- */
#networkbanner {
	font-size:			8pt;
	background-color:	black;
	color:				#D8E6F7;
	padding:			3px;
	text-align:			left;
	margin-bottom:		10px;
	position:			absolute;
	font:				10pt Tahoma, Verdana, Arial, sans-serif;
	left:				0px;
	top:				0px;
	height:				16px;
	width:				100%;
	}

#networkbanner ul {
	display:			inline;
	margin:				0px;
	padding:			0px;
	}

#networkbanner ul li {
	display:			inline;
	}

#networkbanner ul li a {
	color:				white;
	}

#networkbannerlogo {
	float:				left;
	margin-right:		7px;
	}

#networkbannerlogo img{
	width:				68px;
	height:				65px;
	}