/* ----  Stylesheet Oosterbaan Sports & Safety  ----- */

/* oranje = #F05A00 */

/*  HTML-Tags  */

html, body 
{
	font-family: verdana, tahoma, arial; 
	font-size: 90%; 
	color: #000; 
}

td
{
	vertical-align: top;
	font-size: 90%;
}

ul 
{
	padding: 7px; 
	margin: 8px; 
	list-style-image: url('../images/li.gif');
}
li
{
	font-size: 85%;
	color: #333;
	margin-bottom: 8px; 
}

a {color: #F05A00;  text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5 {font-family: verdana, arial; font-weight: normal;}
h1 {font-size: 20px; margin-top: 20px; color: #F05A00;}
h2 {font-size: 16px; font-weight: bold;}
h3 {font-size: 12px; margin-bottom: 0px; margin-top: 2px;}
h4 {font-size: 10px; margin-bottom: 0px;}

#nieuwsbox h3 {font-size: 90%;}

img {border: 0px;}

p 
{
	text-align: left;
	margin-bottom: 1em;
}

em {color: #136B9D; /* color: #007ADA; */}

hr
{
	height: 1px; 
	border: 0px; 
	/* background-color: #F7B81F; */
	background-color: #cccccc;
	margin: 4px 0px 4px 0px;
}

form
{
	margin: 0px;	
}

input, select, textarea, file 
{
	font-size: 11px; 
	border: 1px solid #2E75A6;
	font-family: verdana, helvetica, sans-serif;
	padding: 2px;
	text-align: left;
	background: #fafafa;
}

input.submit,
.uitkiezen
{
	color: #fff;
	font-weight: bold;
 	background: #007ADA;
	border: 1px solid #84C2F3;
	padding: 3px;
}

input.radio, input.check
{
	border: 0px;
}

input.del
{
	font-weight: bold;
	padding: 0px; 
	*width: 16px;
	*text-align: center;
	color: #fff;
	background: #f00;
	border: 0px;
}

input.copy
{
	font-weight: bold;
	padding: 0px; 
	*width: 16px;
	*text-align: center;
	color: #fff;
	background: #25a;
	border: 0px;
}

input:focus, 
textarea:focus,
select:focus 
{
	background-color: #ffffff;
	border-color: #48a8eb;
}


/* -----  Classes & ID's  ----- */

.datum {font-size: 80%; color: #666; text-align: right;}
.status {font-size: 80%;}
.grijs {color: #999;}

.highlight, 
.highlight1 {background-color: yellow;}
.highlight2 {background-color: lime;}
.highlight3 {background-color: pink;}

label.align_text 
{
	float: left; 
	width: 100px;
	text-align: left;
	margin-right: 7px;
}


.mainmenu {background-color: #eee; color: #000; font-weight: bold;/* text-decoration: underline;*/}
option {background-color: #fff; color: #000;}


.pag_nav 
{
	padding-top: 7px;
	height: 25px;
	*height: 32px;
	background-color: #eff6ff;
	vertical-align: middle;
}

#leftcolumn,
#rightcolumn,
#centercolumn {font-family: verdana, tahoma, arial;}

.foto_bijschrift
{
	font-size: 10px;
	line-height: 15px; 
	float: left;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 3px;
	height: 76px;
}
.foto_bijschrift a 
{
	color: #007ADA;
}
.foto_bijschrift a:hover
{
	color: #FF8002;
}

#nieuwsbox
{
	font-size: 90%;
}	

/* -----  Errors - weergave foutmeldingen  ----- */
 
div.error
{
	padding: 3px; 
	color: #888; 
	background: #fff;
	border: 1px solid #aaa; 
	max-width: 200px;
}

div.error span.alert
{
	color:red;
}

div.error span.suspect
{
	color: #222;
	font-style: italic;
}

/* -----  Box met afgeronde hoeken  ----- */

dl {
	width: 181px;
	margin: 0 0 10px 0px;
	background: url(../images/box_bottom_180.png) no-repeat bottom left;
}

dt {
	margin: 0;
	padding: 5px;
	background: url(../images/box_top_180.png) no-repeat top left;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

dd {
	margin: 0;
	padding: 5px;
}

/* -----  kleuren Nieuws  ----- */
dl.nieuws_box dt  {
	background-color: #FF7200;
}
dl.nieuws_box  {
	background-color: #FF9409;
}
dl.nieuws_box a {color: #fff;}

/* -----  kleuren Projecten  ----- */
dl.projecten_box  {
	background-color: #1D9AFC;
}
dl.projecten_box dt  {
	background-color: #007ADA;
	color: #fff;
}
dl.projecten_box a {color: #fff;}

.spook {display: none;}

.gallery {
	background: #fff; 
	border: 1px solid #ddd;
	float: right; 
	text-align: left;
	padding: 3px; 
	width: 256px;
	margin-left: 5px;
}

.thumb {
	margin-right: 3px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	/* width: 42px; */
	height: 34px;
}

.thumb:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.reacties {
	display: block;
	padding-left: 5px;
	background: #f9f9f9; 
	/* border: 1px solid #eee; */
}

.reageer {
	display: block;
	padding: 5px;
	background: #eee; 
	border: 1px solid #ddd;
}	

.info {
	color: #6aadcc;	
}