/*
Design by Quinten publishing
*/
/* ----- colors for multiple use ----- */
/* dark green */
/* COI menu current; yellow-orange */
/* COI bg title bar dark green */
/* COI page bg dark green */
/* COI Ahref basis and left sidebar text */
/* COI main content field background; green  */
/* COI border 1px green */

/* ----- main body ----- */
/* main font color */
/* HOI top page margin */
/* COI Ahref basis */

/* ----- logo ----- */
/* margin relative to logo div */

/* ----- menu ----- */
/* COI menu header above and below; dark green*/
/* COI menu bar itself; lighter green */ 
/* COI menu roll-over; grey */
/* COI basic menu color, darker grey then rollover */
/* COI menu roll-over; grey */
/* COI menu roll-over; yellow-orange */
/* left padding */

/* ----- content ----- */
/* COI bg title bar dark green */
/* yellow-orange */

/* ----- page ----- */
/* COI content background dark green */

/* ----- sidebar ----- */
/* -------------- HOI here height topsidebars */
/* -------------- HOI here height topsidebars */
/* COI sidebar header bar; dark grn */

/* menu not used */

	.hidden { display: none; }
/*	.hidden { display: inline; } */
	.unhidden { display: inline; }

body {
	margin-top: 40px; /* HOI top page margin */
	padding: 0;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DDEEDD; /* COI main font color */
	background-color: #282824; /* COI dark green */
}

h1, h2, h3 {
	margin-top: 0;
	color: #CCDDCC; /* COI title-bar header */
}

h1 {
	font-size: 13px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: normal;
}

h3 {
	font-size: 1em;
}

ul {
}

a {
	text-decoration: none;
	color: #8C0209;
	color: #99BB99 /* COI Ahref basis */
}

a:hover {
	border-bottom: none;
	color: #F9E99E;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.righttext {
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 60px 0px 0px;
}

/* -------------------------------------------------------------- Header */
#header {
/*	border: 1px solid #FFFFFF; */
	width: 960px;
	margin: 0 auto;
	height: 330px;
	background: url(../images/img01.jpg) no-repeat left top;
}

#logo {
	/* border: 1px solid #000000; */ 
 	position:relative;
	top: 24px;
 	left: 40px;
	height: 80px;
/*	margin: 0 auto; */
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	background: url(../images/tennisx.jpg) no-repeat right top;
}

#logo h1, #logo p {
	/* position: absolute; */ /* use absolute, but then change #logo margin and padding to keep together */
	float: left;
	margin: 0px;
	color: #DDEEDD;
}

#logo span {
	color: #FF4D00; /* COI Ottens part logo orange */
	color: #A9D666; /* COI Ottens part logo orange */
}

#logo h1 {
	padding: 0px;
	letter-spacing: -1px;
	/* text-transform: lowercase; */
	font-weight: normal;
	font-size: 40px;
}

#logo p {
	text-transform: uppercase;
	padding: 47px 0 0 23px;
	font-size: 10px;
	color: #06C;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #DDEEDD;
}

/*  -------------------------------------------------------------- Menu */

#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	background: url(../images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	margin: 0;
	padding: 18px 30px 0 30px;
	text-decoration: none;
	text-transform: capitalize;
	background: url(../images/img03.jpg) no-repeat right top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FF0000;
}

#menu a:hover {
	color: #FF0000;
}

#menu .current_page_item a {
	color: #FF0000;
}

/*  -------------------------------------------------------------- transparancy */
.transparent {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*  -------------------------------------------------------------- topmenu */
#topmenu-container {
border: 1px solid #000000; 
	width: 960px;
	margin: 180px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	height: 30px;
	background: url(../images/img01x.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #DDEEDD;
	background: #33382C; /* COI menu header above and below; dark green*/
}
#topmenu {
	height: 30px;
	background-color: #567827;
}

#topmenu ul {
	margin: 0;
	padding: 0px 0px 0px 90px;
	list-style: none;
}

#topmenu ul li {
	display: inline;
}

#topmenu ul li a {
	display: block;
	float: left;
	margin-left: 0px;
	padding: 6px 60px 8px 8px;
	text-decoration: none;
	font-weight: bold; 
	color: #CCDDCC;

}

#topmenu ul li a:hover {
/*	background-color: #AAAAAA; */
	color: #EEFFEE;
}

#topmenu li.current span {
	display: block;
	float: left;
	margin-left: 0px;
	padding: 6px 60px 8px 8px;
/*	background-color: #AAAAAA; */
	font-weight: bold;
	color: #F9E99E;
	cursor: default;
}

/*  -------------------------------------------------------------- Wrapper */

#wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 960px;
}

/*  -------------------------------------------------------------- Page #bg */
#page-bg { /* was old mainpage bg */
	background: url(../images/img02x.gif) no-repeat left top;
}

#page {
	background: #323828 url(../images/img03x.gif) repeat-y left top;
}

/*  -------------------------------------------------------------- Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}


/*  -------------------------------------------------------------- Content */
.post {
	padding: 10px 20px 10px 20px;
	line-height: 17px;
	text-align:left;
/*	border: 1px solid #FF0000; */
}

.post h1 {
}


/* p:before {
content:url("../images/bol_list.gif");
padding: 0px 5px 0px 0px;
}

.nobulletpar:before {
content:"";
padding: 0px;
}
*/
	
.title {
	margin: 0;
	padding: 10px 0 0px 0px;
	font-weight: normal;
}
.title-balk {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	background: #4E5345; /* COI bg title bar dark green */
/*	background-image:url("../images/bg_button_bigx.jpg"); */
	background-position: 98% 45%; /* right center */
	background-repeat:no-repeat;
	border-top: 1px solid #323828; /* line around title bar */
	border-right: 1px solid #323828;
/*	border: 1px solid #000000; */
	color: #F9E99E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1.5px;
	font-variant: small-caps;
	font-weight: bold;
}

.title a {
	border-bottom: none;
	color: #8C0209;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.byline {
	border-bottom: 1px #BBBBBB dashed;
	text-align: right;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	color: #AAAAAA;
}

.byline2 {
	border-top: 1px #BBBBBB dashed;
	margin: 0px 0px 10px 0px;
	font-size: 9px;
	color: #AAAAAA;
}

.tag {
	padding: 0 15px;
}

.2col_entry span {
	display: inline;
}

.entry {
/*	padding: 0 20px;
	line-height: 17px;
	text-align:left;
/*	border: 1px solid #AAAAAA; */
}

.entry2 {
	padding: 0 20px;
	float: left;
	width: 40%;
	line-height: 17px;
}

.links {
	padding: 0px 0px;
	text-align: right;
	font-weight: normal;
}

.links a {
	border: none;
}

.links a:hover {
	color: #AAAAAA;
}

.readmore {
	font-style: italic;
	font-size:11px
}
/*  -------------------------------------------------------------- Sidebars */

#sidebar1 {
	float: left;
	padding: 15px 0px 0px 0px;
}

#sidebar2 {
	float: left;
	padding: 15px 0px 0px 0px;
}

.sidebar {
	float: left;
	width: 190px; /* HOI width of sidebar 220px ori */
	font-size: 12px;
	text-align: left;
	color: #99BB99;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 5px 0px;
	border-bottom: 1px #4E5345 dashed;
}

.sidebar li h2 {
	height: 28px;
	margin: 0px 0px 6px 0px;
	padding: 2px 15px 10px 15px;
	background: #4E5345 url(../images/img05.jpg) no-repeat left top;
	letter-spacing: 1.5px;
	font-size: 13px;
	font-variant: small-caps;
/*	font-weight: bold; */
	color: #BBCCBB;
}

.singleline{	/* h2 more vertical padding down, for single line labels */
	padding: 9px 15px 3px 15px!important;
}

.sidebar a {
}

/*  -------------------------------------------------------------- Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	margin: 10px 0px 0 15px;
	padding: 2px 2px;
	width: 180px;
	height: 18px;
	border: 1px solid #CA8186;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

/*  -------------------------------------------------------------- Footer */

#footer {
	width: 960px;
	height: 260px;
	margin: 0 auto;
	padding: 240px 0px 0px 0px;
	background: url(../images/img04.jpg) no-repeat left top;
	color: #DDEEDD;
}

#footer p {
	margin: 0;
	padding: 0px 20px 0 20px;
	text-transform: uppercase;
	text-align: center;
	font-size: smaller;
}

#footer a {
	color: #DDEEDD;
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}
/*  -------------------------------------------------------------- loose elements */
#l-block {
	width: 300px;
	margin: 0 auto;
	padding: 0px;
	background: #CCCCCC url(../images/img03x.gif) repeat-y left top;
	height: 439px;
	position: absolute;
	left: 703px;
	top: 272px;
	border-top-width: 1px;
}

/*  -------------------------------------------------------------- rounded corner main */

/* en : first DIV also acts as a container*/
.upperleft{
	margin-right : auto;
	margin-bottom : 20px; /* HOI height rounded corner field */

	background-color : #414937; /* COI main content field background; green  */
	background-image : url('../images/upperleftx.gif');
	background-repeat : no-repeat;
	background-position : top left;
	border: 1px solid #567827; /* COI border 1px green */
}

.upperright{
	background-image : url('../images/upperrightx.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../images/lowerleftx.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../images/lowerrightx.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
/*	padding : 10px; */
}
/*  -------------------------------------------------------------- rounded corner logos*/

/* en : first DIV also acts as a container*/
.upperleft-logo{
	margin-right : auto;
	margin-bottom : 10px;
	width: 174px;

	background-color : #FFFFFF;
	background-image : url('../images/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright-logo{
	background-image : url('../images/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft-logo{
	background-image : url('../images/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright-logo{
	background-image : url('../images/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
/*	height: 70px; */     /* ----------------------------fixed height logo's */
	text-align: center;
/*	padding : 10px 10px 10px 10px; */
}

/*  -------------------------------------------------------------- Content */
.content {
	float: left;
	width: 548px;	/* 690px for 23-width */
/*	border: 1px solid #000000; */
}
.content-23width {
	float: left;
	width: 768px;	/* 690px for 23-width */
/*	border: 1px solid #000000; */
}
.content-33width {
	float: left;
	width: 960px;	/* 690px for 23-width */
/*	border: 1px solid #000000; */
}
.content-padding {
	padding: 15px 15px 0px 15px;
}
.contentwidth-frontpage {
/*	border: 1px solid #000000 dashed; */ 
}
.crumbpath {
	border-bottom: 1px #BBBBBB dashed;
	margin: 0px 0px 10px 30px;
	font-size: 11px;
	color: #009;
}

.articletitle {
	font-size: 1em;
	color: #8C0209;
	font-weight: bold;
	font-stretch: expanded;/*	border: 1px solid #AAA; */
}

img.floatleft { 
    float: left; 
    margin: 5px 15px 0px 0px; 
}
img.floatright { 
    float: right; 
    margin: 3px 0px 5px 20px;
}
img.floatmiddle {
	float:  none;
	margin: 0px 0px 0px 0px;
}
/*  -------------------------------------------------------------- Content list */
.contentlist {
	margin: 15px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
/*	margin: 0; */
/*	padding: 0px 20px 10px 4px; */
}
.contentlist p {
	margin: 0;
	padding: 0px 3px 15px 16px;
}
.contentlist ul {
	margin: 0;
	padding: 0px 16px 0px 16px;
	list-style:none;
	/*list-style-image:url(../images/bol_list.gif);*/
	list-style-position: inside;
}

.contentlist li {
	padding: 0px 0px 15px 0px; 
/*	border-bottom: 1px #BBBBBB dashed; */
}

.contentlist ul li a {
	font-weight: bold;
	color: #7777FF;
}

strong {
	font-weight: bold;
}

.contentlist-fp {
	margin: 0;
/*	padding: 0px 20px 10px 4px; */
	border: 1px solid #000000; 
}
.contentlist-fp ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style:none;
	list-style-image:url(../images/bol_list.gif);
	list-style-position: inside;
}

.contentlist-fp li {
	padding: 5px 0px 5px 0px; 
	border-bottom: 1px #BBBBBB dashed;
}

.contentlist-fp ul li a {
	font-weight: normal;
	color: #890208;
}
/*  -------------------------------------------------------------- Par (bol) list */
.parlist {
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.parlist ul {
	list-style:none;
	list-style-position:inside;
	list-style-image:url(../images/bol_list.gif)
}

.parlist li {
	margin: 0px 0px 0px -28px;
	padding: 5px 0px 15px 0px;
}

.parlist ul li a {
	font-weight: normal;
	color: #890208;
}

/* -------------------------------------------------------------- Button knop */
a.big-button {
	background-color:transparent;
	background-image:url("../images/bg_button_big.jpg");
background-position:left center;
background-repeat:no-repeat;
color:##004C64;
display:block;
font-size:15px;
font-weight:normal;
height:32px;
line-height:32px;
text-align:center;
text-decoration:none;
width:160px;
}

/* -------------------------------------------------------------- grad bckgrnd */
  .gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=0);
  }

/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* ---------------------- Here starts form.css ------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
form {
	background: #4E5345;
	/* background-image: url(../images/form_background_inv_large.jpg); */
	background-repeat: no-repeat;
	background-position: top right; 
	border: 1px #323828 solid;
margin:auto;
position:relative;
width:730px;
padding:30px;
}
form#searchbg {
	background: #E9F3FF; /* light blue */
	background-image: url(../images/form_background_inv_small.jpg);
	background-repeat: no-repeat;
	background-position: top right; 
	border-top: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD dashed; 	
margin:auto;
position:relative;
width:630px;
padding:30px;
}

input {
width:365px;
background: #567827;
background: #99BB99;
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 10px;
display:block;
height: 25px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-top-color: #282824;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #FFF;
	border-right-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #282824;
	border-bottom-style: dashed;
}

textarea {
background: #99BB99;
width:365px;
height:100px;
margin: 5px 0px 10px 0px;
padding: 10px 0px 0px 10px;
display:block;
	border-left-width: 0px;
	border-top-width: 1px;
	border-top-color: #282824;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #FFF;
	border-right-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #282824;
	border-bottom-style: dashed;

}

textarea.message {
display:block;
}

input#enviar {
border: 1px solid #282824;
width:100px;
background: #F9E99E;
background: #282824;
color: #F9E99E;
margin: 30px 0px 0px 0px;
padding: 3px 0px 5px 0px;
border-bottom-style: solid;
}

input#enviar:hover {
background: #282824;
background: #F9E99E;
color:#282824;
}

textarea:focus, input:focus {
border: 1px solid #560004;
background-color: #FF4D00; /* orange */
background-color: #FDF2E6; /* zalm */
}

select { 
border:0; color:#000; background:transparent;
font-weight:bold; 
margin: 5px 0px 10px 0px;
padding:2px 0px; 
width:375px;
background:#550004;
background: #99BB99;
/*-webkit-appearance: none;  
*/
}

input[type="radio"], input.radio  {
float: left;
width: 15px;
height: 15px;
margin: 2px 5px 0px 3px;
	/* this for IE 8,9 Windows */
	background: none;
	border-left-width: 0px;
	border-top-width: 0px;
	border-top-color: #282824;
	border-top-style: dashed;
	border-right-width: 0px;
	border-right-color: #FFF;
	border-right-style: dashed;
	border-bottom-width: 0px;
	border-bottom-color: #282824;
	border-bottom-style: dashed;
}

/* From: http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers */
.checkboxes label {
    display: block; 
    padding-left: 5px;
    margin-left: 0px;
    text-indent: 5px; 
} 
.checkboxes input {
border: 1px solid #000000; 
    display: inline-block; 
    width: 13px;
    height: 13px;
    padding: 0;
    margin:5px 10px 0px 10px;
/*    vertical-align: bottom; */
    position: relative;
    top: -1px;
    *overflow: hidden;
}
/* =============== */

label {
margin: 0px;
padding: 0px;
}

fieldset {
border: none; 
margin:0;
padding:0;
}

legend {
margin: 0;
}