/* HTML tags */
html {
	overflow-y: scroll;
}
/* Forceer verticale scrollbar */
h2 {
	margin: 0 0 1em 0;
	font-size: 125%;
}
h3 {
	margin: 0 0 .5em 0;
	font-size: 100%;
}
h4 {
	margin: 0;
	font-size: 100%;
}
hr{height:1px;}
/* Layout */
div#container {
	margin: 0 auto; /* Centreren */
	width: 1000px;
}
div#header {
	height: 108px;
	background: #314b95 url(../Images/Banner.jpg) no-repeat right;
}
div#header h1 {
	margin: 0;
}
div#header h1 img {
	display: block;
}
div#body {
	padding: 0 10px;
}
div#nav {
	padding: 5px 0;
	overflow: auto; /* Omvat floats */
}
div#layout {
}
/* Twee koloms layout */
div#left {
	float: left;
	width: 145px;
}
div#right {
	position: relative;
	margin-left: 145px;
}
div#footer {
	clear: both;
	padding: 10px 0;
	text-align: center;
}

/* Hoofdmenu bovenaan */
ul#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#menu li {
	display: inline;
}
ul#menu a {
	float: left;
	padding: 3px 5px 3px 15px;
	color: Black;
	background-repeat: no-repeat;
	background-position: center left;
}
ul#menu a:hover {
	background-image: url(../App_Themes/Default/Arrow.gif);
}
ul#menu a.Blauw:hover {
	background-image: url(../App_Themes/Blauw/Arrow.gif);
}
ul#menu a.Geel:hover {
	background-image: url(../App_Themes/Geel/Arrow.gif);
}
ul#menu a.Groen:hover {
	background-image: url(../App_Themes/Groen/Arrow.gif);
}
ul#menu a.Oranje:hover {
	background-image: url(../App_Themes/Oranje/Arrow.gif);
}
ul#menu a.Paars:hover {
	background-image: url(../App_Themes/Paars/Arrow.gif);
}
ul#menu a.Rood:hover {
	background-image: url(../App_Themes/Rood/Arrow.gif);
}

/* Taalkeuze en zoekveld */
div#tools {
	float: right;
}
div#tools input[type=submit] {
	cursor: pointer;
	border: none;
	padding: 0 15px 0 5px;
	background: url(../Images/Search.gif) no-repeat center right;
}

/* Submenu links */
div#submenu {
	height: 250px;
}
div#submenu ul {
	margin: 0;
	padding: 3px 0 0 3px;
	list-style-type: none;
}
div#submenu li {
	padding: 2px 0;
}
div#submenu li.selected {
	background-color: White;
}
div#submenu a {
	color: White;
	display: block;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
}
div#submenu a:hover {
	background-image: url(../Images/Submenu.gif);
}
div#submenu ul ul {
	margin-left: 15px;
	padding: 0;
}

/* Inlog box */

div#login {
	height: 210px;
	background: #f1f1f1 url(../Images/Mask.gif) no-repeat bottom right;
}
div#login h3{  display:block; padding-left:5px; margin-bottom:0;}
div#login h3:hover {cursor:pointer;}
d
div#login ul { display:block;margin-bottom:5px;}
div#login h4 {
	padding: 3px;
	text-align: center;
	color: White;
	background-color: #909090;
}
div#login input {
	margin: 15px 0 10px 0;
	display: block;
	width: 100%;
}
ul#loginbutton1,ul#loginbutton2,ul#loginbutton3 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	 display:none;
}

ul#loginbutton1 li,ul#loginbutton2 li,ul#loginbutton3 li {
	
}
ul#loginbutton1  a,ul#loginbutton2  a,ul#loginbutton3  a {


	padding:0px 0px 0px 20px;
	color: #909090;
	background-repeat: no-repeat;
	background-position: center left;

}

ul#loginbutton1 a:hover,ul#loginbutton2 a:hover,ul#loginbutton3 a:hover { 
	background-image: url(../App_Themes/Default/Arrow.gif);
	}

/* Breadcrumb */
div#path {
	display: none;
}

/* Footer */
div#footer a {
	color: Black;
	padding: 0 10px;
	border-right: 1px solid #909090;
}
div#footer a:hover {
	text-decoration: underline;
}
div#footer a.last {
	border: none;
}

/* Algemene pagina's */
div#media {
	position: relative;
	float: left;
	width: 250px;
	height: 250px;
	overflow: hidden;
	background-color: #f5f5f5;
}
div#media img.mask, img#mask {
	position: absolute;
	bottom: 0;
	right: 0;
}
div#content {
	margin-left: 250px;
	padding: 10px 0 0 10px;
}
div#content a,div#content a:visited {
	text-decoration: underline;
	color:#707070;
}

div#content  a:hover {
	color:#000;
	
}
/* Homepage */
div.home div#media {
	width: 450px;
}
div.home div#content {
	margin-left: 450px;

}

div.item {
	float: left;
	padding-bottom: 30px;
	background: url(../Images/Item.gif) no-repeat bottom right;
	
}
div.item div {
	width: 180px;
	min-height: 170px;
	margin: 10px 0 0 10px;
	padding: 0 10px 0 0;
	border-right: 1px solid #d7d7d7;
}
div.item p {
	line-height: 1.3em;
	margin: 0;

}

div#homenieuws {
		
	padding: 10px 0 0 10px;
	margin-left: 450px;
	overflow:hidden;}


div.item a:hover, div#homenieuws a:hover {
	text-decoration: underline;
	}

/* ====== Algemene tabelstijl ==========*/
Table.Tabel {
	border: 1px solid #eee;
	width: 90%;
}
tr.Row, tr.AltRow {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
tr.Row td, tr.AltRow td {
	padding-left: 3px;
	border-bottom: 1px solid #ccc;
}

tr.AltRow {
	background: #f9f9f9;
}
tr.HeadRow th {
	padding-left: 3px;
	
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px  Solid;
}
td.WideCol {
	width: 250px;
}

/* Onze mensen */
Div#Quote {
	width: 230px;
	text-align: center;
	margin: 10px;
	float: left;
}
Div#Vakgebieden {
	margin-left: 275px;
	background-color: #eee;
	padding-left: 10px;
	padding-top: 3px;
	font-style: italic;
}
.Sitemap 
{ font-size:.9em;
	} 
	
	.Kalender {
		background-color:#000;
		border:2px solid #000;
		
		}

a.Selector {

	padding:3px;
	vertical-align:bottom;
	border-top:#fff solid 3px;
	border-left:#fff solid 1px;
	border-right:#fff solid 1px;

	}
a.Selector:hover, a.Selected {
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	background-color:#efefef;
	}
	
Div#info {
	border:1px solid #ccc;
	Background-color:#efefef;
	padding:3px;}