/* CSS Document */
/* DELETE cross-browser differences */   
  * { 
	margin:0px;
    padding:0px;
	}

/* 	Herstel cross-browser verschillen  */
	pre, blockquote, fieldset, address { margin:1em 5%; }
	fieldset, p {padding-top:.4em; } 
	
/*************************************
CONTAINERS 
**************************************/

body{
	font-size: 85%;
	font-family:arial, Helvetica, sans-serif;
	background:url(../images/back.png) repeat-x #66C7C7;
}


	.detailmenu  {
	margin-bottom:10px;
  	}

	.detailmenu tr td a,  .detailmenu tr td a:visited{
	text-decoration:none;
	color:#000000;
	}

h1 {margin-bottom:0.8em; margin-top:0.8em;  font-size:2em; line-height:1.3em;}
h2 {margin-bottom:0.4em; margin-top:0.4em; font-size:1.8em; line-height:1.2em;}
h3 {margin-bottom:0.2em; margin-top:0.4em; font-size:1.6em;line-height:1.2em;}
h4 {margin-bottom:0.2em; margin-top:0.4em; font-size:1.4em;line-height:1.2em;}


#container {
	margin: 0px auto 0px auto;
  	text-align: left;
	width:995px;
	background-color:#FFFFFF;
}



#header {
	height:172px;
	position:relative;
	background:url(../images/ksgab_headerback.jpg) no-repeat;
}

#funcNav {
	position:absolute;
	height:125px;
	top:0px;
	left:100px;
	right:0px;
}

#logo {
	width:200px; 
	height:172px;
	position:absolute;
	top:0px;
	left:0px;
}

.middle {
vertical-align:middle;
}

#loginform {
	position:absolute;
	top:20px;
	right:10px;
	width:170px;
	height:110px;
	color:#FFFFFF;
	font-size:90%;
}

#loginform label {
	margin-top:3px;
}

.login_txt {
	background-color:#E4F4F0;
	border:1px solid #07A5A5;
}

.aanmelden {
	margin-top:8px;
	background-color:#FFFFFF;
	font-size:90%;
	border:1px solid #FFF;
	height:18px;
	cursor:pointer;

}

/*----------home & nav--------------*/


#topmenu {
	margin: 30px auto 0px auto;
  	text-align: left;
	width:995px;
	height:29px;
	position:relative;
	background:url(../images/ksgab_topmenu_back.jpg) no-repeat top right;
	}

	#topmenu ul {
    margin:0;
	padding:0;
    list-style-type: none;
	font-size:11px;
    }

	#topmenu ul li 
	{
	float:left;
	display:block;
	width:178px;
	height:29px;
	margin-right:3px;
	text-align:center;
	font-weight:normal;
	
	}
	
	#topmenu ul li.start {width:67px;}
	
	#topmenu ul li.start a,#topmenu ul li.start a:visited
	{
	background-image:url(../images/ksgab_start.jpg)
	}
	
	#topmenu ul li.start a:hover	{
	background-image:url(../images/ksgab_tabblad-in.jpg)
	}
	
	#topmenu ul li a, #topmenu ul li a:visited{
	text-decoration:none;
	padding: 0 10px;
	display:block;
	color:#000;
	line-height:29px;
	background-image:url(../images/ksgab_tabblad.jpg)
	}
	
	#topmenu ul li a:hover, #topmenu ul li a:active {
	color:#006699;
	display:block;
	background-image:url(../images/ksgab_tabblad-in.jpg)
	}


#navcontainer { 
	width: 190px;
	font-size:85%;
	}
#navcontainer a, #navcontainer a:visited {
	text-decoration:none;
	color:#000000;
	display:block;
	}

#navcontainer ul {
	padding:0px;
	margin: 0;
	}

#navcontainer ul li {
	border-bottom:1px dotted #07A5A5;
	padding:0;
	list-style:none;
	padding:3px 0;
	}
	
#navcontainer .active a, #navcontainer .active a:visited {
	text-decoration:underline;
	}
	
#navcontainer .active ul a, #navcontainer .active ul a:visited {
	text-decoration:none;
	}
	
#navcontainer ul li a:hover {
	background-color:#07A5A5;
	display:block;
	color:#FFFFFF;
	}

#navcontainer ul ul, #navcontainer ul li.active ul li ul {
	display:none;
	}
	
#navcontainer ul li.active ul li.active ul {
	display:block;
	}
	
	
#navcontainer ul li.active ul {
	margin:5px 0 5px 5px;
	width:175px;
	display:block;
	}

#navcontainer ul li.active ul li {
	background: url(../images/bulletarrow.gif) no-repeat;
	background-position: 0px 6px;
	padding-left:10px;
	}

#navcontainer ul li.active ul li.active ul li{
	background: #FFFFFF;
	background-image:none;
	font-size:90%;
	}
	
#navcontainer ul ul li {
	border-bottom:0px solid #fff;
	}

#navcontainer ul ul a, #navcontainer ul ul a:visited { font-weight:normal;}

/* --------- SEARCH----------*/

#search {
	height:29px; 
	padding:0; 
	margin:0; 
	width:200px;
	position:absolute; 
	top:0px;
	right:0px;	
	}
#search form label{
	display: none; 
	}
#search form {
	padding:0; 
	margin:0; 
	}

.selectzoek{
	background:url(../images/KSGAB_zoekbutton.gif) no-repeat; 
	position:absolute; 
	top:5px; 
	right:10px; 
	width:25px;
	height:23px;
	}
	
.selectzoek:hover {
	background:url(../images/KSGAB_zoekbutton-in.gif) no-repeat;
	}
.searchstring {
	position:absolute; 
	top:10px; 
	left:25px; 
	border:0px solid #fff; 
	height:16px;
	width:130px;
	font-size:90%;
	}
/*----------------------*/


.verkleinen a, .verkleinen a:visited {
	padding:5px 5px 3px 5px; 
	text-decoration:none;
	color:#000000;
	font-weight:700;
}

.verkleinen a:hover {
	color:#FFF;
	background-color:#EA1111;
}

.fontgroot a, .fontgroot a:visited { 
	font-size:140%; 
	color:#000000;
	font-weight:700;
	text-decoration:none;
	padding:0px 2px;

} 

.fontgroot a:hover {
	color:#FFF;
	background-color:#EA1111;
	text-decoration:underline;
}


#footer {
	margin: 0px auto 0px auto;
  	text-align: center;
	width:995px;
	height:30px;
	position:relative;
	color:#fff;
	padding-top:5px;
	margin-bottom:10px;
	line-height:30px;
	font-size:90%;
	background:url(../images/ksgab_footerback.jpg) no-repeat;
}

#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:700;
}

#footer a:hover {
	text-decoration:underline;
}

#sidebar {
	float:left; 
	width:200px;
	padding:3px;
}

#sidebar a, #sidebar a:visited {
	text-decoration:none;
}

#sidebar a:hover, #sidebar a:active {
	text-decoration:underline;
}
 
.navigatie #inhoud {
	word-wrap: break-word;
	line-height:1.4em;
	padding:5px 10px;
	margin-left:210px;
	_height:100%; /*IE6 Hack*/
	margin-bottom:25px;
	font-size:90%;
	color:#666666;
}

#inhoud h1, #inhoud h2, #inhoud h3 {
	color:#07A5A5;

	}


.startactive a{ background-color: #DEE1D7;}

.button {
	color:#fff;
	background:#454131;  
	border:0px;
	line-height:25px;
	font-weight:700;
	font-size:11px;
	cursor:pointer;
	height:25px;
}
 
#content {
padding-top:15px;
}

#menu1 {
margin-bottom:25px;
padding:0px 0px 15px 0px;
}

#menu1 ul{
list-style:none;
}

#tekst {
margin-left:220px;
}

#printicon {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 12px;
	width: 41px;
	overflow: hidden;
	background: url(../images/ico_print2.gif) 0 0 no-repeat;
}

#printicon span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#printicon:hover { background-position: 0 -12px; }


#archieficon {
	position:absolute;
	bottom:-1px;
	right:-1px;
	_right:-2px; _bottom:-2px; /*IE6hack*/
	text-align:right;
	height: 35px;
	width: 182px;
	overflow: hidden;
	background: url(../images/archief.gif) 0 0 no-repeat;
}

#archieficon span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#archieficon:hover { background-position: 0 -35px; }



.navigatie #kruimelpad {
position:relative;
height:30px;
font-size:85%;
color:#45AB94;
line-height:30px;
padding-left:5px;
padding-right:10px;
text-align:right;
background:url(../images/ksgab_kruimel.jpg) no-repeat;
}

.navigatie #kruimelpad a:visited, .navigatie #kruimelpad a {
color:#45AB94;
text-decoration:none
}

.navigatie #kruimelpad a:hover,.navigatie #kruimelpad a:active {
text-decoration:underline;
color:#000000;
}



#bijschrift {
font-size:80%;
color:#00809F;
text-align:right;
}

#foto {text-align:right;}
.clearfloat { 
	clear: both;
    height: 0pt;
    font-size: 1px;
    line-height: 0px;
}
	
#inhoud ul {
margin-left: 2em;
}

#inhoud ul ul{
margin-left: 1.8em;
}

.navigatie #indekijker {
	float:right;
	width:200px;
	margin-bottom:30px;
	margin-left:30px;
	margin-right:-10px;
	font-size:95%;
}

.idk_hoofding {
	margin-bottom:15px;
	padding-left:35px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:700;
}

.idk_rubriek {
	padding-right:10px;
	background: url(../images/idk_hoofding.gif) no-repeat;
	margin-bottom:25px;
}

.idk_rubriek li{
	list-style:none;
	margin-bottom:5px;
	text-indent:0px;
	padding:0;
	margin-left:-15px;
}

.idk_rubriek ul{
	padding:0;
	margin:0;
	text-indent:0px;
}

#inhoud #indekijker .idk_rubriek a, #inhoud #indekijker .idk_rubriek a:visited {
	color:#07A5A5;
}

.navigatie #inhoud a {
color:#000000;
font-weight:700;
text-decoration:underline;
}

.navigatie #inhoud a:visited {
color:#000000;
font-weight:700;
text-decoration:none;
}

.navigatie #inhoud a:hover {
color:#fff;
font-weight:700;
text-decoration:none;
background:#454131;
}

.select{
background-image:url(../images/zoekbutton.gif); }

.select:hover {
background-image:url(../images/zoekbutton-in.gif); }


#inhoud .studierichting {margin-bottom:15px; border:1px solid #999999}
#inhoud .studierichting th { background-color:#DEE1D7;}
#inhoud .studierichting td { border:1px solid #DEE1D7; border-collapse:collapse;}
#inhoud .studierichting td a, .studierichting td a:visited {display:block; text-decoration:none; color:#0066CC;}
#inhoud .studierichting td a:hover {display:block; text-decoration:underline; color:#0066CC; background-color:#FFCC00;}

/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/

#CALxContent {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 0;
	text-align: left;
	color: #93717d;
	display: inline;
}

/***********
CSS POUR LES LIENS ET LE MOIS ANNEE
DE NAVIGATION
************/

.navPeriod {
	text-align: center;
	font-size: 12px;
	padding: 0;
	text-decoration: none;
	line-height: 20px;
	height:20px;
	margin: 0.5em 0;
	font-family:Arial, Helvetica, sans-serif;
	width:173px;
}

.navPeriod a {
	text-decoration: none;
}

.previousYear img,a,span {
	margin-right: 0;
	text-decoration: none;
	border: none;
	font-weight:700;
}

.previousMonth img,a,span {
	margin-right: 0;
	text-decoration: none;
	border: none;
}

.nextMonth img,a,span {
	margin-right: 0;
	text-decoration: none;
	border: none;
}

.nextYear img,a,span {
	margin-right: 0;
	text-decoration: none;
	padding:2px;
}

.month {
	margin-right: 0;
	font-size: 1em;
	font-weight: bold;
	}

.year {
	margin-right: 0;
	font-size: 1em;
	font-weight: bold;
}

.CALxTabOfYearContent {
	border-style: solid solid solid solid;
	color: Black;
	width: 100%;
}

.CALxTable {
	color: #000;
	font-size: 11px;
	text-align: left;
}

.CALxTable td, .CALxTable th {
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	text-align: center ;
	font: 11px arial;
	line-height:20px;

}

.CALxTable td {
	background-color:#ECEFEC
	}

.CALxTable th {
	background-color: #FFCC00;
	}
	
.CALxTable td.today {
	border:1px solid  #ADB59D;
	font-weight: bold;
	color: #000;
}


.inactDay {
	background-color: #D6E7F4;
}

.multiple {
	background-color: rgb(111,147,72);
}

.titleMulti {
	color: rgb(111,147,72);
}

#inhoud #indekijker .idk_rubriek #CALx .CALxTable td.event a, #inhoud #indekijker .idk_rubriek #CALx .CALxTable td.event a:visited {
	text-decoration: none;
	color: #fff;
	background-color:#07A5A5;
	display:block;
	height:20px;
	width:20px;
	border:0px;
}

.CALxTable td.event  {
	background-color:#07A5A5;
}

.CALxTable td.emptyDay  {
	background-color: #fff;
	border:1px dotted #DEE1D7;
}

#inhoud #indekijker .idk_rubriek #CALx .CALxTable td.event a:hover {
	color:#FFCC00;
	background-color:#000000;
}

.multiple a {
	text-decoration: none;
	color:#07A5A5;
}

.multiple a:hover {
	background-color: #FFCC00;
}

.dayPreviousMonth {
	background-color: Gray;
}

.dayNextMonth {
	background-color: Gray;
}

/*************************************************
SECTION CSS POUR LES INFOBULLES
*************************************************/

.popperlink {
	z-index: 2;
	visibility: hidden;
	width: 200px;
	position: absolute;
}

.linkDetailPopup {
	color: #fff;
}

.textfontClass {

	font-size: 1em;
	text-align: left;
	color: #000;
}

.textfontClass a {
	color: #07A5A5;
	font-weight:700;
	text-decoration:none;
	}

.textfontClass a:hover {
	text-decoration:underline;
	}

.capfontClass {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

.closefontClass {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

.capfontClass, .closefontClass a {
	color: #666;
	font-size: .9em;
}

.fgClass {
	background-color: #ECEFEC;
	border:1px solid #D1D6C7;
	padding:5px;
}

.bgClass {
}


.titleMulti {font-size:120%; color:#07A5A5; margin-top:5px;}