@charset "utf-8";
/* CSS Document */

html, body{
	height:100%;
}
BODY{
	margin:0px;
	padding:0px;
	background-color:#e5e5e5;
}

BODY, INPUT, textarea, select{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

UL{
	margin-top:0px;
}

a:link 		{ color: #666666; text-decoration: none; }
a:visited 	{ color: #666666; text-decoration: none; }
a:hover		{ color: #1d2082; text-decoration: none; }
a:active	{ color: #666666; text-decoration: none; }

#top{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:80px;
	background: url(../images/bgTop.gif) repeat-x left;
}

#licentiewizardFooter{
	position:absolute;
	bottom:0px;
	left:5px;
	right:5px;
	background: url(../images/bgTop.gif) repeat-x left;
}

#topLogo{
	float:left;
}

#topPhoto{
	float:left;
}

#topPhoto IMG{
	border:1px solid #f2f2f2;
}

#topQuicklinks{
	float:left;
}

#topBanner{
	width:468px;
	height:60px;
	border:1px solid #555555;
	float:left;
}

#breadcrums{
	position:absolute;
	top:80px;
	left:0px;
	right:0px;
	height:19px;

	padding-top:6px;
	padding-left:15px;
	padding-right:15px;
	background: url(../images/bgBreadcrums.gif) repeat-x left;
}

#breadcrums *{
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

#breadcrumsUser{
	float:left;
}

#breadcrumsLogout{
	float:right;
}

#navigation{
	position:absolute;
	top:105px;
	left:0px;
	width:143px;
	bottom:0px;

	background:#FFFFFF;
}

#content{
	position:absolute;
	left:148px;
	right:5px;
	top:110px;
}

#contentLicentiewizard{
	position:absolute;
	left:5px;
	right:5px;
	top:110px;
	bottom:45px;
	overflow:auto;
	overflow-x:hidden;
}

#content_popup{
    position:absolute;
    left:5px;
    right:5px;
    top:0px;
}
#content_public{
	position:absolute;
	left:5px;
	right:5px;
	top:110px;
}

#col1{
	display:table-cell;
	position:absolute;
	min-width: 300px;
	width:50%;
	left:0px;
}

#col2{
	display:table-cell;
	position:absolute;
	min-width: 300px;
	width:50%;
	left:50%;
}

#navigation_positioner_div{
	position:relative;
	top:10px;
}

#navigation *{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation .folder span{
	padding-left:8px;
	display:block;
	width:128px;
	height:24px;
	line-height:21px;
	background: url(../images/bgMenuFolder.gif) no-repeat left top;
	font-weight:bold;
	color:#FFFFFF;
}

#navigation .folder span:hover{
    background-position: 0px -24px;
    cursor:pointer;
}

#navigation .item{
	height:18px;

	background: url(../images/bullet.gif) no-repeat 10px 8px;
	padding-left:25px;
}

#navigation .closed ul{
    display:none;
}
#navigation .open ul{
    display:block;
}
#navigation .permanent ul{
	display:block;
}

#navigation #profiel_sub{
	display:block;
}

#navigation A:link,#navigation A:active,#navigation A:visited,#navigation A:hover{
	font-size: 11px;
	font-weight:normal;
	line-height:18px;
	color:#666666;
	text-decoration:none;
}

#navigation A:hover{
	font-size: 11px;
	font-weight:normal;
	line-height:18px;
	color:#1d2082;
	text-decoration:underline;
}

#topLogo{
	margin-left:50px;
	margin-top:15px;
}

#topPhoto{
	margin-left:55px;
	margin-top:10px;
}

#topQuicklinks{
	margin-left:15px;
	margin-top:7px;
}

#topQuicklinks TABLE{
	width:250px;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}

#topQuicklinks TD{
	width:125px;
	height:15px;
}

#topBanner{
	float:right;
	margin-right:15px;
	margin-top:10px;
}

.loginboxCenterDiv{
	position:absolute;
	top:25%;
	left:35%;
	height:200px;
	width:250px;
}

.contentRowLink:hover{
	cursor:pointer;
	background-color: #f2f2f2;
}

#deelnemerContainer{
	position:absolute;
	left:0px;
	right:350px;
}

#searchContainer{
	position:absolute;
	right:0px;
	width:350px;
}
#searchResults{
	display:none;
}

.errorMsg{
	font-weight:bold;
	color:#ff0000;
}

#pageTitle{
    width:100%;
    text-indent:10px;
    line-height:25px;
    border-bottom:1px dotted #00478f;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:10px;
}

#filterBox{
    width:100%;
    background-color:#b5c7dd;
}

#filterBox .title{
    width:70px;
    float:left;
    text-align: right;
    font-weight:bold;
    line-height:14pt;
    margin-right:20px;
}

#filterBoxFilters{
    padding:3px;
    border-bottom:1px solid #FFFFFF;
}

IMG{
    border:0px;
}

BUTTON, INPUT.submit{
    border: 1pt solid #00478f;
    background-color: #d8d8d8;
}

#filterBoxFilters INPUT, #filterBoxFilters BUTTON, #filterBoxFilters SELECT{
    font-size:9pt;
    height:20px;
}

#filterBoxPeriode{
    padding:3px;
    padding-bottom:0px;
    font-weight:bold;
    border-bottom:1px solid #FFFFFF;
}
#filterBoxPeriode .periodeTable{
    border-collapse:collapse;    
}
#filterBoxPeriode .periodeTable TD{
    font-weight:normal;
    padding:2px 5px 2px 5px;
    text-align: center;
}
#filterBoxPeriode .periodeTable TD.activeMonth{
    font-weight:bold;
    background-color:#FFFFFF;
    color:#000000;
}
#filterBoxPeriode .periodeTable TD.inactiveMonth{
    font-weight:bold;
    color:#FFFFFF;
}

#contentContainer{
    width:100%;
    border:1px solid #6e6e6e;
    border-left:0px;
    border-right:0px;
    background-color:#FFFFFF;
}

#contentPositioner{
    margin:20px 10px 10px 10px;
}

.defaultTableList{
    width:100%;
    border-collapse: collapse;
    margin-top:10px;
}

.defaultTableList > CAPTION{
    text-align: left;
    font-weight:bold;
    font-size:12pt;
    color:#00478f;
}
                    
.defaultTableList > THEAD > TR > TD{
    color:#6e6e6e;
    border-bottom:1px solid #6e6e6e;
}

.defaultTableList > THEAD > TR > TH{
    color:#6e6e6e;
    border-bottom:1px solid #6e6e6e;
    text-align: left;
}

.sortable thead th:hover{
    cursor: pointer;
}
.defaultTableList > TBODY{
}
.defaultTableList > TBODY > TR{
    height: 20px;
}
.defaultTableList > TBODY > TR > TD{
    border-bottom:1px solid #e0e0e0;
    line-height:20px;
}
.defaultTableList > TFOOT > TD{
    border-top:1px solid #6e6e6e;
}

.defaultTableList TBODY.subHeader TR{
	background-color:#f2f2f2;
}

.defaultTableList TBODY.subHeader TD{
    font-weight:bold;
}
.defaultTableList TR.rowLink:hover TD{
	background-color:#f2f2f2;
    cursor:pointer;
}

.tmpBut{
    height:16px;
    border:0px;
    background-color:#FFFFFF;
    background-image: url('/mijnknwu/images/table_add.png');
    background-repeat: no-repeat;
    color: #666666; text-decoration: none;
    font-size:11px;
    padding-left:21px;
    text-align:left;
}
.required{
	color:#FF0000;
	font-weight:bold;
}
.licentiepas *{
    font-size:10px;
	margin:0px;                               
	padding:0px;
	border:0px;
	border-collapse:collapse;
	border-spacing: 0px;
}

.licentiepas{
    width:370px;
    height:230px;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
}
.licentiepas #top_left{
    float:left;
    width:120px;
    height:57px;
    padding-top:3px;
    text-align:center;
}
.licentiepas #top_right{
    float:right;
    height:57px;
    width:250px;
    padding-top:3px;
    text-align:center;
}
.licentiepas #bottom_left{
    float:left;
    height:164px;
    width:120px;
    text-align:center;
}
.licentiepas #bottom_right *{
    line-height:14px;
}
.licentiepas #bottom_right{
    float:right;
    height:164px;
    width:244px;
    padding:3px;
}

.licentiepas_jaarText{
    font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#000000;
}

.licentiepas_licentieText{
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    color:#000000;
    text-align:center;
}
.licentiepas_internationaalText{
    font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

#trackerDiv{
	position:absolute;
	visibility:hidden;
	width:400px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}
#sluitDiv{
	width:inherit;
	text-align:right;
}


/* Maandselector */

#monthSelector{
	width:100%;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid #224080;
}

#monthSelector TD{
	border:1px solid #224080;
	text-align:center;
}

#monthSelector #yearBlue{
	background-color:#224080;
	color:#FFFFFF;
}

#monthSelector #currentYear{
	background-color:#AAAAAA;
	font-weight:bold;
	color:#FFFFFF;
}

#monthSelector #yearWhite{
	background-color:#FFFFFF;
	color:#224080;
}

#monthSelector .monthBlue{
	background-color:#224080;
	color:#FFFFFF;
}

#monthSelector .monthBlue A{
	color:#FFFFFF;
}

#monthSelector .monthWhite{
	background-color:#FFFFFF;
	color:#000044;
}

#monthSelector .monthWhite A{
	color:#224080;
}

#monthSelector .currentMonth{
	background-color:#AAAAAA;
}

#monthSelector .currentMonth A{
	font-weight:bold;
	color:#FFFFFF;
}

.strikethrough{
	text-decoration:line-through;
	color:#FFAAAA;
}

.eanTable{
	height:40px;
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}
.eanDelimiterCell{
	vertical-align:top;
	width:1px;
	margin:0px;
	padding:0px;
	border:0px;
	width:1px;
}
.eanDelimiterCell IMG{
	width:1px;
	height:37px;
}
.eanNormalCell{
	vertical-align:top;
	width:1px;
	margin:0px;
	padding:0px;
	border:0px;
}
.eanNormalCell IMG{
	width:1px;
	height:30px;
}
.eanDigitCell{
	font-family:'monospace';
	font-size:.6em;
	vertical-align:top;
	text-align:center;
	margin:0px;
	padding:0px;
	border:0px;
}
.adminLARed{
	background-color:#FFAAAA;
}
.adminLAGreen{
	background-color:#AAFFAA;
}
.adminLAWhite{
}
.adminLAGrey TD{
	color:#666666;
	text-decoration:'italic';
}

.overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	min-height:100%;
	background: url('/images/overlay_bg.png') repeat 0 0;
	z-index:99;
	display:'none';
}

.overlay_panel{
	border:1px solid #3333DD;
	background-color:white;
	padding:10px;
	margin:100px;
	top:100px;
}

LEGEND{
    color:#000000;
    font-weight: bold;
}
#wedstrijdcategorie_selector H1{
    font-weight:bold;
    font-size:14px;
}
#wedstrijdcategorie_selector li.selected_option{
    font-weight:bold;
}
#wedstrijdcategorie_selector DIV{
    display:table-cell;
    border-left:1px solid #000000;
    padding:5px;
    margin:5px;
    background-color:#FFFFFF;
}
#wedstrijdcategorie_selector #template_div{
}
#wedstrijdcategorie_selector UL{
    margin:0px;
    padding:0px;
    padding-top:10px;
    list-style: none;
    border-top:1px solid #000000;
}
#wedstrijdcategorie_selector LI{
    line-height:14pt;
}
