/* Future Sports */

body {margin:0; padding:0; height:100%; background:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000000;}

h1 {margin-top:0; margin-bottom:10px; font-size:15px; font-weight:bold; color:#FF9900; text-transform:uppercase;}
h2 {margin-top:0; margin-bottom:5px; font-size:12px; font-weight:bold; color:#FF9900;}
h2.rechts {margin-top:0; margin-bottom:0;}
p {margin-top:0; margin-bottom:14px;}
p.melding {color:#CC0000;}
p.rechts {margin-bottom:3px;}
p.archief {margin-top:10px; margin-bottom:3px; text-align:right;}
ul {list-style:disc;}
a {color:#FF6600;}
a:hover {text-decoration:none;}
a.rechts {color: #000000;}
img {border:0; padding:0;}
img.links {float:left; margin: 2px 17px 0 0;}
img.rechts {float:right; margin: 2px 0 0px 15px;}
img.border {border:1px solid #FF9900;}
strong {color:#FF6600;}

div#container {margin:0 auto; width:900px; border-left:1px solid #FF6600; border-right:1px solid #FF6600; background:#FFFFFF url(/images/basis/bgcontent.gif) repeat-y;}
div#header {height:202px; border-bottom:1px solid #FF6600;}
div#content {overflow:hidden;}
div#links {float:left; width:160px; background:#FFE0B2; padding:10px;}
div#midden {float:left; width:432px; padding:14px 34px 34px 34px;}
div#rechts {float:right; width:182px; padding:14px 20px 14px 0;}
div#footer {clear:both; border-top:1px solid #FF6600; text-align:center; padding:8px; background:#FFFFFF; font-size:11px;}

ul#menu {list-style:none; width:160px; margin:0; padding:0;}
ul#menu li {display:block; margin-top:0; color:#FF9900; width:100%; text-align:right; font-size:15px; border-bottom:1px dotted #FF9900; padding:4px 0 4px 0;}
ul#menu li.active {font-weight:bold;}
ul#menu li a {display:block; text-decoration:none; color:#FF9900;}
ul#menu li a:hover {display:block; text-decoration:none; color:#333333;}
ul#menu li ul {list-style:none; width:160px; padding:0; margin:0; font-weight:normal;}
ul#menu li ul li {margin-top:0; border:0; padding:3px 0 3px 0;}
ul#menu li ul li a {display:block; color:#666666;  width:100%; text-align:right; text-decoration:none; font-size:13px; padding:0; border:0;}
ul#menu li ul li a:hover { display:block; color:#FF6600;}
ul#menu li ul li a.active {font-weight:bold;}

div.rechtsbox {margin:0 0 14px 0; padding:0;} 
div.rechtstitel {font-size:15px; color:#666666; text-align:right; padding:0 0 1px 0;} 
div.rechtsborder {border:1px solid #FF9900; padding:5px;}

.tablekosten {width:430px; border-top:1px solid #666666; border-left:1px solid #666666; margin-bottom:15px;}
.tdkosten {border-right:1px solid #666666; border-bottom:1px solid #666666; padding:5px;}

input[type=text], input[type=file], textarea {font-family:Courier; padding:1px; margin: 2px 0 2px 0;}

/* foto en banners met link in rechterkolom */
a.rkfoto, a.rkbanner {display:block; width:180px; height:124px; border:1px solid #FF9900; margin-top:4px; margin-bottom:10px; overflow:hidden;}
a.rkbanner {height:90px;}

/* popover */
div#overlay {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0; /* zie js */
	width:100%;
	height:100px; /* zie js */
	opacity:0.4;
	background-color:#000000;
	z-index:1000;
}
div#popover {
	position:absolute; /* can be relative too */
	visibility:hidden;
	left:0; /* zie js. can be percentage also */
	top:0; /* zie js */
	width:602px;
	height:460px;
	border:20px solid #CCCCCC;
	background-color:#CCCCCC;
	z-index:1001;
}
div#poptop {
	width:580px;  /* width 580+10+10=600 new box model */
	height:32px;  /* width 32+10+10=52 new box model */
	border:1px solid #FF9900;
	padding:10px;
	margin-bottom:8px;
	background-color:#FFFFFF;
}
span#poptitel {
	display:block;
	float:left;
	width:35%;
	height:32px;
	text-align:left;
	color:#FF9900;
}
span#poptitel p {
	line-height:32px;
	margin:0;
	font-size:16px;
	font-weight:bold;
}
span#popvorige {
	display:block;
	float:left;
	width:10%;
	height:32px;
	text-align:left;
	cursor:pointer;
}
span#popnummer {
	display:block;
	float:left;
	width:10%;
	text-align:center;
	color:#FF9900;
}
span#popnummer p {
	line-height:32px;
	margin:0;
	font-size:16px;
	font-weight:bold;
}
span#popvolgende {
	display:block;
	float:left;
	width:10%;
	height:32px;
	text-align:right;
	cursor:pointer;
}
span#popsluiten {
	display:block;
	float:left;
	width:35%;
	height:32px;
	text-align:right;
	cursor:pointer;
}
div#popbottom {
	width:600px;
	height:400px;
	border:1px solid #FF6600;
	background-color:#EEEEEE;
	background-image:url(/images/basis/geduldani.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
div#popbottom.geduld {
	background-image:url(/images/basis/geduldani.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
img#popimage {
	font-size:120%;
}

/* eof */