a, a:hover, a:active, a:visited, a:link {
	color: #ff6c13;
	text-decoration: none;
}

body {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetiva, sans-serif;
	font-size: 11px;
	background: transparent url(/templates/barcoos/images/pattern_red.jpg) repeat scroll 0% 0%;
	color: #e1e1e1;
	z-index: 0;
	opacity: 0.99999;
}

#header {
	z-index: 40;
}
#header_inner {
	margin: 0pt 72px 0pt 73px;
	height: 220px;
	background: transparent url(/templates/barcoos/images/header.jpg) no-repeat scroll 0 1px;
}

#outer {
	z-index: 30; /** needed to show above the outer_shadow **/
}
#outer_shadow {
	position: absolute;
	top: 0;
	z-index: 20;
}

#radioButton {
	position: absolute;
	right: 60px;
	bottom: 34px;
}

#mainmenu {
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
	z-index: 40;
}
#mainmenu img {
	display: block;
	float: left;
}

#randomQuote {
	position: absolute;
	margin-top: 3px;
	right: 90px;	
}

img {
	border: 0;
}

h1 {
	font-size: 140%;
	padding: 0px 0 0px 0;
	margin: 10px 0 5px 0;
	color: #EB7900;
}

h2 {
	font-size: 105%;
	padding: 0px 12px 0px 12px;
	margin: 10px -12px 5px -12px;
}

#footer,
#footer a, 
#footer a:hover, 
#footer a:active, 
#footer a:visited, 
#footer a:link {
	color: #DC0C0C;
	font-size: 10px;
}
#footer {
	z-index: 30;
}
#footerBackground {
	z-index: 20;
}

ul {
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	list-style-type: none;
}

ol {
	padding: 0 0 0 26px;
	margin: 0 0 0 0;
}

ul li {
	padding: 5px 0 0 17px;
	margin: 0 0 0 0;
	list-style-type: none;
	background: url(/templates/barcoos/images/bullet_white.gif) no-repeat 4px 9px;
	line-height: 140%;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

fieldset    {
	border: 1px solid #BFBFBF;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}
fieldset legend {
	padding: 3px 3px 3px 3px;
	border: 1px solid #BFBFBF;
	font-weight: bold;
}

fieldset legend img {
	margin-bottom: -2px;
}


/** De paginanavigatie om te browsen tussen meerdere pagina's **/
	.pageNav {
		text-align: right;
	}
	
	.pageNav ul {
		margin: 0;
		white-space: nowrap;
		padding: 9px 0 2px 0;
	}
	
	.pageNav li {
		display: inline;
		list-style-type: none;
		background: none;
		padding: 0 0 0 3px;
	}
	
	.pageNav a:link, .pageNav a:visited, .pageNav a {
		padding: 2px 3px 2px 3px;
		font-size: 10px;
		border: 1px solid #BFBFBF;
		background-color: #2E2E2E;
		color: #BFBFBF;
		text-decoration: none;
	}
	
	.pageNav a:hover, .pageNav a.active, .pageNav a:active {
		background-color: #BFBFBF;
		color: #2E2E2E;
	}

/** This is being used by the rf.dropdown.js library **/
	.noSelectFF {
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none;
	}
	.appearLink {
		cursor: pointer;
	}

/** De stijlen voor de tabellen **/
	.tableRow { }
	.tableRowEven { }
	.tableRowOdd { }
	.tableDataHeader {
		border-top: 10px solid #000;
		vertical-align: top;
		padding-bottom: 2px;
		border-bottom: 2px solid #FF6C13;
		font-weight: bold;
	}
	.tableDataHeaderEven { }
	.tableDataHeaderOdd { }
	.tableDataContent {
		vertical-align: top;
		padding: 2px 5px 3px 5px;
		border-top: 6px solid black;
	}
	.tableRowOdd:hover, .tableRowOdd:hover td,
	.tableRowEven:hover, .tableRowEven:hover td {
	}
	.tableDataContentEven { background-color: #2e2e2e; }
	.tableDataContentOdd { background-color: #5c5c5c; }
	.tableDataFooter { padding: 2px 5px 2px 5px; font-size: 10px;}
	.tableDataFooterEven { border: 1px solid #2e2e2e; }
	.tableDataFooterOdd { border: 1px solid #5c5c5c; }
	.tableDataContentSelected {
		background-color: #FFBFBF;
		color: #000;
	}
	
/** Weergeven wie er ingelogd is. **/
	#userinfoHeader {
		position: absolute;
		right: 72px;
		padding: 5px;
		border-left: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		color: #BFBFBF;
	}
	#userinfoHeader img {
		padding: 0 0 0 5px;
	}
	
	.userinfoHeaderOpen {
		background-color: #474747;
		color: #fff !important;
	}
	
	#userinfoBox {
		position: absolute;
		display: none;
		background-color: #474747;
		padding: 0px 10px 5px 5px;
		border-left: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		margin-top: -1px;
	}
	
	#userinfoBox a,
	#userinfoBox a:hover,
	#userinfoBox a:link,
	#userinfoBox a:visited,
	#userinfoBox a:active {
		color: #fff;
		text-decoration: none;
	}
	
/** De stijl voor de opsommingslijsten voor pagina's **/
	.administratie, .administratie:link, .administratie:active, .administratie:visited, .administratie:hover {
		margin: 5px;
		padding: 10px 15px;
		float: left;
		text-decoration: none;
		border: 1px solid #BFBFBF;
		background-color: #474747;
		color: #BFBFBF;
	}
	
	.administratie:hover {
		background-color: #BFBFBF;
		color: #474747;
		border-color: #474747;
	}
	
/** De stijlen voor het rss nieuws **/
	#rssNews {
		height: 26px;
		line-height: 26px;
		margin: 0 80px 0 140px;
		color: white;
		font-size: 12px;
		opacity: 0.999999;
	}
	#rssNews a:link,
	#rssNews a:active,
	#rssNews a:hover,
	#rssNews a:visited {
		color: white;
		font-size: 12px;
		z-index: 90;
	}
	
/** De stijl voor het adres van bar coos. **/
	#footerAddress {
		margin: -16px 100px 0pt 0pt;
		position: absolute;
		right: 0pt;
		height: 16px;
		font-style: italic;
		line-height: 16px;
	}