/* CSS overgenomen van oude groepenportal */
p {font-size:1.1em;}
small {font-size: 7pt;}
td.bottom {	color: DarkSlateBlue; background-color: SteelBlue;}
td.bottom a {font-size: 14pt; color: DarkBlue;}
td a:link {color: #021437; text-decoration: none;}
td a:visited {color: #021437; text-decoration: none;}
td a:active {color: #C42E2D; text-decoration: none;}
td a:hover {color: #EDB92F; text-decoration: none;}
/* Einde overgenomen css */


/* Bookinn: CSS Sportura Portal */

form {padding:0;margin:0;}

#inhoud {
  	margin-left: auto;
	margin-right: auto;
  	width: 900px;
  	font-family:Arial;
  	color: #000;	/*021437;*/
  	/*font-size: 0.815em;*/
  	font-size:12px;
	text-align: left;
}

#inhoud
	input, select, textarea {
	font-size: 1em;
	padding-left:3px;
	/*border: 1px solid #7e9db9;*/
}

body
{
	/*background: url(../images/background.gif) repeat;*/
	background:#000;
	text-align: center;
}

div#container
{
	position: relative;
	width: 100%;	
}

div#main {
	float:left;
	width:900px;
	background:#fff; /*a1c1d1;*/	
}

div#main_left {float:left;width:18%;padding:15px 5px 5px 5px;margin-top:7px;}
div#main_center {
	float:left;
	width:58%;
	background:#fff;
	padding:15px 5px 5px 15px;
	min-height:600px;
	/* min-height fix for ie */
	height:auto !important;
	height:600px;
	/* end ie fix */
	
}
div#main_right {float:right;width:16%;padding:15px 5px 5px 5px;}

div#main_center h1,div#main_center h2 {
	background:url("../images/h_bg.jpg") repeat; 
	color:#002a69;		/*0e3f9b;*/
	padding:5px 5px 5px 20px;
	text-align:left;
}

div#main_center h1 label, div#main_center h2 label {
	background:#fff;
	padding-left:10px;
	padding-right:10px;
}

h4.groeptitle {color:#3d6390;font-weight:bold;background:#fff;border:0;text-align:center;}

h4.hdroff {background:#a7d4e9;border:0;margin:3px 3px 7px 3px;padding:3px 2px 3px 5px;color:#000;text-align:left;font-weight:normal;}
h4.hdroff:hover {background:#7e9db9; /*b64e44;*/}

div.bluebox	{
	background:#f1f9fc;
	border:1px solid #a7d4e9;
	padding: 15px 10px 15px 10px;
	color:#002a69;	/*0e3f9b;*/
}

.bluebox input {
	border: 1px solid #7e9db9;
}

.bluebox a:link, .bluebox a:visited {color:#70bfea;text-decoration:underline;}
.bluebox a:hover {color:#7e9db9;text-decoration:none;}

div#main_center p {padding-left:10px;}
div#main_center p.introtekst {padding-left:5px;}

ul.mnu_list {margin:0;padding:0;}
ul.mnu_list li {list-style:none;line-height:1.6em;}
ul.mnu_list li a {font-weight:bold;font-size:1em;}
ul.mnu_list li a:link, ul.mnu_list li a:visited {color:#000;}
ul.mnu_list li a:hover, ul.mnu_list li a:active {color:#7e9db9;}
ul.mnu_list li a.active {color:#7e9db9;text-decoration:underline;}

a.btn:link, a.btn:visited {
	background:#8acaee;		/*#a1c1d1;*/
	padding:3px 20px 3px 20px;
	height:55px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a.btn:hover {
	background:#7e9db9;	
}

.editbox {
	width:100%;
	height:300px;
	font-family:Arial;
	font-size:12px;
}

.header {float:left;left: 0;top: 0;}

div#header {float:left;margin-bottom:10px;width:900px;background:#fff;}
div#header ul {margin: 0; padding: 0; height:183px;overflow:hidden;}
div#header ul li {float:right;list-style-type:none;margin-left:3px;height:183px;}
div#header ul li.first {float:left;margin-left:0;}
div#header ul li img {height:183px;}
/*div#header img {width:900px;}*/

div#footer {
	position:relative;
	float:left;
	bottom:0px;
	width:100%;
	height:12px;
	/*background:#202962;
	border-top:1px solid #fff;
	font-size:7pt;
	color:#fff;*/
}

h1 {font-size:15pt;}
h2 {font-size:14pt;}
h3 {font-size:13pt;}
h4 {font-size:12pt;}

table, img {border:0;}

.error {
	color:red;
	font-size:9pt;
	/*background:#fff;*/
	padding:2px 2px 2px 0px;
	/*font-weight:bold;*/
	/*margin:2px 2px 7px 2px;*/
	/*border:1px solid red;*/
}

h4.normal {
	background:none;
	border:0;
}

div#main_inner
	input, select, textarea {
	font-size:inherit;
	padding-left:3px;
}

.basic a.knop:link, a.knop:visited {
    background:#202962;
    margin-top:10px;
    padding:3px;
    padding-left:20px;
    padding-right:20px;
    height:55px;
    border:1px solid darkblue;
    color:#fff;
}

.basic a.knop:hover {
    background:#c42e2d;
    text-decoration:none;
    border:1px solid darkblue;
}

input.knop {
	background:#8acaee;	/*#202962;/*#c6d5e9;*/
	border:0;
	padding:1px;
	color:#fff;	/*#30426A;*/
	cursor:pointer;
	font-weight:bold;
}

input.knop:hover {
	background: #7e9db9;	/*#c42e2d;	/*202962;*/
	cursor:pointer;
}

td.active {
	color:red;
	/*background:url(../images/knoprose.gif);*/
	text-decoration:underline;
	padding-left:10px;
}

td.active a.active {
	color:red;
	/*background:url(../images/knoprose.gif);*/
	text-decoration:underline;
	padding:0;
}

table.portal {
	border-collapse:collapse;
	width:450px;
	padding-left:3px;
}

table.portal td {
	color:#3b3b3b;
	margin-right:3px;
	padding-left:5px;	
	height:20px;
	/*padding: 0 0.5em;*/	
}

table.portal td input, select {margin:2px;}
table.portal td input.postc {width:50px;text-transform:uppercase;}
table.portal td.vet {font-weight:bold;color:#000;}
.note {font-size:0.9em;color:#757575;font-weight:normal;}

.zwart {color:#000;}

/* tabel portalbody */
table.portalbody {
	border-collapse:collapse;
	width:490px;
	padding-left:3px;
}

table.portalbody
	tr.hdr td {
    border-top: 1px solid #fb7a31;
    border-bottom: 1px solid #fb7a31;
    background: #ffc;
    font-weight:bold;
}

table.portalbody td {
	/*color:#30426a;*/
	height:25px;
	margin-right:3px;
	padding-left:5px;
	padding: 0 0.5em;
}

table.login_tablecell td {text-align:left;}
table.login_tablecell td input {width:150px;}

table.portalbody tr.zw td {color:#000;height:20px;}

table.portalbody td.inputbox 
	input, select {width:150px;border:1px solid #7e9db9;}
	
select.psl {width:auto;}
input.fieldbox, select.fieldbox, textarea.fieldbox {
	border: 1px solid #7e9db9;;
}

sup.reqmark {color:red;}

tr.subtitle td, tr.subtitle th {
	border-top: 1px solid #0b0277;
    border-bottom: 1px solid #0b0277;
    background:#f1f9fc;		/*ccffff;*/
	height:20px;
	font-weight:bold;
    padding:1px 1px 1px 5px;
}

tr.subkop td, tr.subkop th {
	border-top: 1px solid #0b0277;
    border-bottom: 1px solid #0b0277;
	height:20px;
	font-weight:bold;
    padding:1px 1px 1px 5px;
}

tr.left th {text-align: left;}

td.vatop {vertical-align: top;}

tr.subkop th:hover {cursor: pointer;}

hr.emldarkline {
	height:1px;
    padding:0px;
    border-top:1px solid #0b0277;
}

tr.ovz_subkop td {
	background:#eee;
    border-top:1px solid #46484A;
    border-bottom:1px solid #46484A;
    height:20px;
    font-style:italic;
    /*padding:1px 1px 1px 5px;*/
    padding-left:5px;
}

table.portalbody
	tr.highlight:hover {
	background:#f1f9fc;	/*ccffff;*/
	cursor:pointer;
}

.rowhover:hover {color:#b64e44;}

tr.highlight a:link, a:visited {
	color:#021437;	/*30426a;*/
}

tr.highlight a:hover {
	text-decoration:underline;
	color:#b64e44;
}

table.portalbody tr.sp2 td {
	border:1px solid #ccc !important;	
}

table.portalbody tr.odd td {background:#f1f9fc;border-top:1px solid #a7d4e9;border-bottom:1px solid #a7d4e9;padding:2px 1px 1px 5px;}
table.portalbody tr.even td {background:#fff;padding:2px 1px 1px 5px;}

table.portalbody tr.sps td {
	border-bottom: 1px solid #ccc;
}


table.portalbody
	tr.highlight_grpall:hover td {
	background:#789a9f;	/*b4dfef;*/
	color:#fff;
	cursor:pointer;
}

table.portalbody tr.grpall {
	padding:1px;
}

.vet {
	font-weight:bold;
}

table.portalbody
	td.kop {
	/*color:#202962;*/
}

div.opties {
	margin-bottom:3px;
	color:#000;
}

div.opties select {
	width:260px;
	border:1px solid #7e9db9;
}

div.opties a:link, div.opties a:visited {color:#70bfea;text-decoration:underline;}
div.opties a:hover {color:#7e9db9;text-decoration:none;}

a.info:link, a.info:visited {color:#70bfea;text-decoration:underline;}
a.info:hover {color:#7e9db9;text-decoration:none;}


.frame {
	width:700px;
	height:300px;
	overflow: auto;
}

a.view-offerte:link, a.view-offerte:visited,
a.bevest-offerte:link, a.bevest-offerte:visited {
    background:#ffe761;
    margin-top:3px;
    padding:3px;
    padding-left:7px;
    padding-right:7px;
}

a.view-offerte:link, a.view-offerte:visited {background:#ffe761;float:left;}
a.bevest-offerte:link, a.bevest-offerte:visited {background:#9aef3f;float:right;}

a.view-offerte:hover {background: yellow;color:#000;}
a.bevest-offerte:hover {background: green;color:#000;}

table.snelbkn th {padding-left:5px;text-align:left;}
table.snelbkn td {padding-right:0;padding-left:3px;}

/* Overgenomen uit ZoekEnBoek.css sportura sites voor het online betalen. */
div.pos_bookinn_paymentblock {
	padding-bottom:10px;
	width:450px;
}

p.payment_step {text-align:center;font-weight:bold;width:450px;color:#000;}
div.pos_bookinn_paymentblock td.leftcol {width:150px;}
div.pos_bookinn_paymentblock td.payment_sel {font-size:1em;}
td.payment_sel .title {font-weight:bold;}

div.pos_abta {position:relative;float:right;right:75px;top:-30px;width:60px;}

/* popup stijlen overgenomen van de gewone websites */
div.pos_bookinn_popup {
	/*position: absolute;
	left: 15em;
	top: 18em;*/
	position:absolute;
	left: 30%;
	top: 15%;
	width: 43.25em;
	height: 35em;
	display: none;
}

html>body .pos_bookinn_popup {
	position:fixed;	
}

div.stl_bookinn_popup {
	background: white;
	border: 1px solid black;
}

div.pos_bookinn_popup a,
div.pos_bookinn_popup h1 {
	float: left;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

div.pos_bookinn_popup h1 {
	width: 27em;
	font-size:1.3em;
}

div.pos_bookinn_popup a {
	float: right;
	padding-right: 1em;
	font-size: 1em;
	font-weight: normal;
}


div.stl_bookinn_popup a,
div.stl_bookinn_popup h1 {
	background: #8acaee;
	color: #ffffff;	
}

div.pos_bookinn_popup iframe {
	width: 100%;
	height: 30.5em;
	border:none;
	overflow-x: hidden;
}

/* Sorteren styling */

table.portalbody thead tr .tblheader {
	background-image: url(../images/both.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.portalbody thead tr.subtitle th.headerSortUp {
	background: url(../images/asc.gif) #f1f9fc no-repeat center right;
}
table.portalbody thead tr.subtitle th.headerSortDown {
	background: url(../images/desc.gif) #f1f9fc no-repeat center right;
}

table.portalbody thead tr.subkop th.headerSortUp {
	background: url(../images/asc.gif) #fff no-repeat center right;
}
table.portalbody thead tr.subkop th.headerSortDown {
	background: url(../images/desc.gif) #fff no-repeat center right;
}

table.portalbody thead th {text-align:left;}

td#SubGroep {display:none;}

.logos {float:left;min-height:50px;margin:5px;border-bottom:1px solid #a7d4e9;}
.logos ul {margin:0;padding:0;}
.logos li {float:left;list-style-type:none;padding:2px;margin:5px;}
.logos li a {background:#fff;}
.logos li a:hover, .logos li.selected {filter:alpha(opacity=40); -moz-opacity:.40;opacity:.40;}
.logos li img {padding-right:3px;clear:both;}
.logos li div input.upl {margin-top:3px;}
.logos li input.chk {float:left;border:0;width:auto;}
.logos li h4 {margin:0 0 5px 0;}
.logos li span.del {margin-left:5px;}