/* #009AC0 #005C73 #BF6600 #732A00 #404040 #BFBFBF */
body
{
	margin				: 30px 7% 30px 7%;
	padding				: 0px;
	background-color	: #009ace;
	font-family			: 'trebuchet ms', verdana;
	color				: #333;
	font-size			: 0.8em;
}
#container 
{ 
	background			: #fff url('images/background/header.png') repeat-x top center;
	border				: 1px solid #777;
} 

/* HEADER */
#header
{
	height				: 100px;
	background			: url('images/background/sports.gif') no-repeat left -1px;
}
#login
{
	float				: right;
	margin-right		: 5px;
}
#login, #login input
{
	font-size			: 0.9em;
}
#login .input
{
	width				: 8em;
}
#login a:link, #login a:visited
{
	color				: #319a31;
}
#login a:hover
{
	color				: #444;
	text-decoration		: none;
}

/* logo - klikbaar */
#header h2
{
	float				: right;
	margin				: 0 116px 0 0;
	padding				: 5px 10px 0 10px;
	display				: block;
	height				: 75px;
	width				: 78px;
	background			: url('images/background/stenden-hbo-sport-logo.gif') no-repeat 0px 5px;
}
#header h2 a
{
	border				: none;
	text-decoration		: none;
	height				: 75px;
	width				: 78px;
	display				: block;
}
#header h2 a span
{
	visibility			: hidden;
}
h1
{
	margin				: 0 0 0 75px;
	padding-top			: 18px;
	font-size			: 4em;
}
h1 a
{
	color				: #fff;
	text-decoration		: none;
}

/* CONTENT */
#content
{
	position			: relative;
	background-color	: #f90;	
}
/* left */
#left
{
	width				: 167px;
	float				: left;
	position			: relative;
}

/* item*/
div.item
{
	margin				: 15px 5px 0 15px;
}
div.item ul
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
div.item a
{
	color				: #005387;
	text-decoration		: none;
	font-size			: 0.9em;
}
div.item a:hover
{
	text-decoration		: underline;
}
div.item a.more
{
	float				: right;
	font-style			: italic;
}
div.item a.more:hover
{
	border				: none;
	color				: #fff;
}
div.item h4
{
	margin				: 0px;
	color				: #9c0029;
	font-size			: 1em;
	font-family			: Georgia, serif;
}

/* tekst */
#tekst
{
	background-color	: #fff;
	margin				: 0 0 0 167px;
	padding				: 0 15px 15px 15px;
	text-align			: justify;
}
#tekst h2
{
	font-size			: 1.5em;
	margin-bottom		: 5px;
	margin-top			: 0px;
	padding-top			: 15px;
	color				: #9c0029; /*#005C73;*/
}
#tekst a:link
{
	color				: #999;
}
#tekst a:visited
{
	text-decoration		: none;
	color				: #999;
}
#tekst a:hover
{
	text-decoration		: underline;
	color				: #005C73;
}

/* footer */
#footer
{
	clear				: both;
	background-color	: #048;
	text-align			: center;
	color				: #fff;
	font-size			: 0.8em;
	
	margin				: 15px 0 5px 0;
}
#footer a:link, #footer a:visited
{
	text-decoration		: none;
	color				: #fff;
}
#footer a:hover
{
	color				: #ccc;
}

/* DETAILS */

/* nieuws */
#tekst h3
{
	border-top			: 1px solid #999;
	color				: #34618A;
	clear				: right;
	font-family			: Georgia, serif;
	font-size			: 1.1em;
}
#tekst a:link h3, #tekst a:visited h3
{
	color				: #999;
	text-decoration		: none;
	border-bottom		: 1px dotted #999;
}
#tekst a:hover h3
{
	text-decoration		: none;
	color				: #34618A;
	border-bottom		: 1px solid #c00;
}
#tekst h3 span
{
	font-weight			: normal;
	font-size			: 0.8em;
	float				: right;
	color				: #c00;
	margin-left			: 5px;
}
#tekst h3 small
{
	font-size			: 0.8em;
	font-weight			: normal;
}
#tekst div.bericht:first-letter
{
	font-family			: Georgia, serif;
	float				: left;
	font-size			: 2.6em;
	margin-right		: 0.3em;
	color				: #c00;
}
#tekst a.more
{
	float				: right;
}


/* gastenboek / reacties */
div.reactie {
	background-color	: #eee;
	border-style		: solid;
	border-color		: #ccc;
    border-width		: 0 0 1px 1px;
	padding-left		: 15px;
	padding-right		: 5px;	
}
div.reactie hr
{
	display				: none;
}
p.opties {
	padding-top			: 3px;
	background-color	: #048;
	font-size			: 10px;
	margin-right		: 15px;
	padding-left		: 15px;
	color				: #ccc;
	margin-bottom		: 0px;
}
span.reac_nr {
	font-size			: 2.3em;
	color				: #f90;
}
* html p.re_reactie {
	padding				: 0px;
	margin				: 0px;
}
p.opties span.naam {
	font-weight			: bold;
}
#tekst div.reactie a:link, #teks div.reactie a:visited
{
	text-decoration		: none;
}
#tekst div.reactie a:hover
{
	color				: #f90;
	text-decoration		: underline;
}
div.reactie h6
{
	border-top			: 1px solid #666;
	color				: #c33;
	margin				: 0px;
	font-size			: 1em;
	font-weight			: normal;
	margin-right			: 15px;
}
.noshow
{
	display				: none;
}

/* medewerkers */
dl.medewerker
{
	border-bottom		: 2px dotted #999;
}
dl.medewerker dt
{
	float				: left;
}
dl.medewerker dd
{
	margin-left			: 10em;
}
/* verenigingen */
dl.vereniging dt
{
	font-weight			: bold;
}
/* aandachtspunten */
ul.aandachtspunten a
{
	float				: right;
	padding-left		: 5px;
}
/* activiteit */
ul.activiteit a
{
	float				: left;
	width				: 20em;
}
* html ul.activiteit a
{
	float				: none;
	display				: inline-block;
}
table.activiteit
{
	text-align			: left;
}

/* navigatie */
p.navigatie {
	color				: #eee;
	background-color	: #999;
	font-size			: 7pt;
	font-weight			: bold;
	text-align			: center;
	margin-bottom		: 5px;
}
#tekst p.navigatie a:link, #tekst p.navigatie a:visited, #tekst p.navigatie a:active    { color: #eee; text-decoration:none; }
#tekst p.navigatie a:hover   { color: #f90; text-decoration: none; }
#tekst p.navigatie span.selected { color: #f90; }

p#versions a
{
	margin-left			: 15px;
}
p#versions a img
{
	border				: none;
}

/* fotoalbum */
#thumbs ul
{
	list-style-type		: none;
	margin				: 8px 0 0 0;
	padding				: 0;
}
#thumbs li
{
	float				: left;
	width				: 117px;
	margin				: 2px;
	background-color	: #9cf;
}
#thumbs li a
{
	border: none;
}
#thumbs li a:link img, #thumbs li a:visited img
{
	display				: block;
	width				: 97px;
	height				: 75px;
	margin				: 5px 10px;
	background-color	: #c00;
	border				: none;
}
#thumbs li a:hover img
{
	background-color	: #adf;
}
/* algemeen */
acronym
{
	cursor				: help;
}
label
{
	cursor				: pointer;
}

/* rondingen */
.rtop,.rbottom {
	display			: block;
}
.rtop *, .rbottom * {
	display			: block;
	height			: 1px;
	overflow		: hidden;
}
.r1 {
	margin			: 0 5px;
}
.r2 {
	margin			: 0 3px;
}
.r3 {
	margin			: 0 2px;
}
.r4 {
	margin			: 0 1px;
	height			: 2px;
}
.rs1 {
	margin			: 0 2px;
}
.rs2 {
	margin			: 0 1px;
}