@import url("tabellenweb.css");

.printonly {
	display: none;	
}

img#logoprint {
	display: none;	
}

html {
	min-height: 100%;
	margin-bottom: 1px;	
}

html, body { 
	min-width: 790px; 
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
}

div#site {
	padding-top: 10px;
	width: 790px;
	margin: auto;
	z-index: 4;
	position: relative;
}

/* LINKERKANT */
div#site div#linkerkant {
	position: relative;
	left: 10px;
	z-index: 10;
	width: 110px;
	float: left;
	margin-top: 25px;
}

ul#menu {
	background: white;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#menu * {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

ul#menu li a span {
	display: none;
}

ul#menu li, ul#menu li a {
	width: 110px;
	height: 18px;
	display: block;
}

ul#submenu {
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
	margin-top: 38px;
	list-style: none;
	height: 276px;
}

ul#submenu li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 6px;
	width: 100%;
}

ul#submenu li, ul#submenu li a {
	text-transform: uppercase;
	color: rgb(100,100,100);
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
}

ul#submenu li a {
	display: block;
	/*width: 100%;
	height: 100%;*/
}

ul#submenu li a:hover, ul#submenu li a.active {
	color: rgb(243,103,33);
}

/* subsub menu */
ul#submenu li div {
	position: absolute;
	margin-left: 40px;
	margin-top: -3px;
	padding: 0px;
	width: 140px;
	visibility: hidden;
	z-index: 999;
	text-align: left;
	background: white;
}

ul#submenu li ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	border: 1px solid black;
	border-bottom: none;
	z-index: 1000;
}

ul#submenu li ul li {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid black;
	width: 140px;
	overflow: hidden;
}

ul#submenu li ul li a {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: block;
	color: rgb(243,103,33);
	background: white;
	width: auto;
}

ul#submenu li ul li a:hover {
	color: white;
	background: rgb(243,103,33);
}

/* login */
form#login, form#loginnomarkup {
	margin: 0px;
	margin-top: 21px;
}

form#login ul, form#loginnomarkup ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

form#loginnomarkup ul li {
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

form#loginnomarkup ul li input, form#login ul li input {
	font-size: 11px ! important;	
}

form#loginnomarkup ul li input {
	width: 102px;
	height: 17px;
	text-align: left;
}

form#login ul li {
	height: 17px;
	width: 110px;
	margin: 0px;
	padding: 0px;
	background: transparent url("../img/buttons/formitem.jpg") no-repeat;
	margin-bottom: 2px;
}

form#login ul li input {
	margin-left: 10px;
	margin-top: 0px;
	width: 95px;
	line-height: 11px;
	border: 0px;
	padding: 0px;
	color: white;
	text-align: center;
	background: transparent;
}

form#login li#loginbutton {
	background-image: url("../img/buttons/login.jpg");
}

img#logo {
	border: none;
	margin: 0px;
	margin-top: 20px;
	/*margin-left: 54px;  orgineel*/
	margin-left: 34px;
}

/* gebruikermenu */
ul#gebruikermenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top: 21px;
}

ul#gebruikermenu * {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

ul#gebruikermenu li a span {
	display: none;
}

ul#gebruikermenu li, ul#gebruikermenu li a {
	width: 110px;
	height: 17px;
	display: block;
}

ul#gebruikermenu li {
	margin-bottom: 2px;
}

ul#gebruikermenu li#menu_mijnnsg {
	background-image: url("../img/buttons/mijnnsg.jpg");
}

ul#gebruikermenu li#menu_mijnrooster {
	background-image: url("../img/buttons/mijnrooster.jpg");
}

ul#gebruikermenu li#menu_instellingen {
	background-image: url("../img/buttons/instellingen.jpg");
}

ul#gebruikermenu li#menu_logout {
	background-image: url("../img/buttons/logout.jpg");
}

/* RECHTERKANT */
div#site div#rechterkant {
	position: relative;
	right: 0px;
	float: right;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
		width: 670px;
	z-index: 6;
	background: url("../img/content_bg.png") right top repeat-y;
}

ul#menu2 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 35px;
	list-style: none;
	padding-left: 24px;
	background: url("../img/content_bgboven.png") right -15px no-repeat;
}

ul#menu2 li {
	margin: 0px;
	display: inline;
	margin-top: 9px;
	float: left;
	height: 15px;
}

ul#menu2 li.separator {
	margin-left: 9px;
	margin-right: 10px;
	width: 1px;
	background: url("../img/buttons/separator.png") no-repeat;
}

ul#menu2 li a span {
	display: none;
}

ul#menu2 li a {
	display: block;
	height: 15px;
}

div#site div#content {
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;
	padding: 0px;
	z-index: 7;
	min-height: 493px;
	margin-top: -10px;
}

div#site div#content div#contentsub {
	margin: 0px;
	padding-top: 125px;
	padding-left: 113px;
	padding-right: 113px;
	padding-bottom: 0px;
	overflow: hidden;
	z-index: 10;
}

div#site div#onderkant {
	background: url("../img/content_bgonder.png") right bottom no-repeat;
	height: 50px;	
	z-index: 0;
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
}

/* afbeeldingen */
ul#menu2 li, ul#menu2 li a, ul#menu li, ul#menu li a {
	background-position: top left;
	background-repeat: no-repeat;
}

ul#menu2 li a:hover, ul#menu2 li a.active, ul#menu li a:hover, ul#menu li a.active {
	background: transparent;
}

/* rechts */
ul#menu2 li#menu_contact {
	width: 59px;
	background-image: url("../img/buttons/contact_hover.jpg");
}
li#menu_contact a {
	background-image: url("../img/buttons/contact.jpg");
}

ul#menu2 li#menu_disclaimer {
	width: 85px;
	background-image: url("../img/buttons/disclaimer_hover.jpg");
}
li#menu_disclaimer a {
	background-image: url("../img/buttons/disclaimer.jpg");
}

ul#menu2 li#menu_downloads {
	width: 81px;
	background-image: url("../img/buttons/downloads_hover.jpg");
}
li#menu_downloads a {
	background-image: url("../img/buttons/downloads.jpg");
}

ul#menu2 li#menu_ensg {
	width: 42px;
	background-image: url("../img/buttons/ensg_hover.jpg");
}
li#menu_ensg a {
	background-image: url("../img/buttons/ensg.jpg");
}

ul#menu2 li#menu_links {
	width: 40px;
	background-image: url("../img/buttons/links_hover.jpg");
}
li#menu_links a {
	background-image: url("../img/buttons/links.jpg");
}

ul#menu2 li#menu_print {
	width: 41px;
	background-image: url("../img/buttons/print_hover.jpg");
}
li#menu_print a {
	background-image: url("../img/buttons/print.jpg");
}

ul#menu2 li#menu_sitemap {
	width: 58px;
	background-image: url("../img/buttons/sitemap_hover.jpg");
}
li#menu_sitemap a {
	background-image: url("../img/buttons/sitemap.jpg");
}

ul#menu2 li#menu_vacatures {
	width: 75px;
	background-image: url("../img/buttons/vacatures_hover.jpg");
}
li#menu_vacatures a {
	background: url("../img/buttons/vacatures.jpg");
}

/* links */
ul#menu li#menu_actueel {
	background-image: url("../img/buttons/actueel_hover.jpg");
}
li#menu_actueel a {
	background-image: url("../img/buttons/actueel.jpg");
}
ul#menu li#menu_cultuur {
	background-image: url("../img/buttons/cultuur_hover.jpg");
}
li#menu_cultuur a {
	background-image: url("../img/buttons/cultuur.jpg");
}

ul#menu li#menu_algemeen {
	background-image: url("../img/buttons/algemeen_hover.jpg");
}
li#menu_algemeen a {
	background-image: url("../img/buttons/algemeen.jpg");
}

ul#menu li#menu_leerlingen {
	background-image: url("../img/buttons/leerlingen_hover.jpg");
}
li#menu_leerlingen a {
	background: url("../img/buttons/leerlingen.jpg");
}

ul#menu li#menu_ouders {
	background-image: url("../img/buttons/ouders_hover.jpg");
}
li#menu_ouders a {
	background-image: url("../img/buttons/ouders.jpg");
}

ul#menu li#menu_personeel {
	background-image: url("../img/buttons/personeel_hover.jpg");
}
li#menu_personeel a {
	background-image: url("../img/buttons/personeel.jpg");
}

/* intro */
/*body#home div#content {
	background-image: url("../img/intro.jpg") ! important;	
}*/

body#home div#content {
	background-image: none ! important;
}

body#home div#content div#flashintro {
	height: 250px;
	margin-bottom: -250px;
	padding-left: 25px;
	z-index: 4;
}


body#home div#content div#contentsub {
	padding-top: 181px;
}

body#home div#content div#introspacer {
	float: right;
	height: 85px;
	width: 266px;
	margin-left: 15px;
	margin-bottom: 15px;
}

/* kaart */
div#kaart {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: -15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

div#kaart div {
	width: 220px;
	height: 235px;
}

div.kaart1 { background: url("../img/kaart/kaart1.png") no-repeat; }
div.kaart2 { background: url("../img/kaart/kaart2.png") no-repeat; }
div.kaart3 { background: url("../img/kaart/kaart3.png") no-repeat; }
div.kaart4 { background: url("../img/kaart/kaart4.png") no-repeat; }
div.kaart5 { background: url("../img/kaart/kaart5.png") no-repeat; }
div.kaart6 { background: url("../img/kaart/kaart6.png") no-repeat; }

div.agendaactiviteit div#rechterkant {
	background-position: right bottom ! important;
	background-image: url("../img/agenda_bg.jpg") ! important;
}

div.agendaactiviteit div#onderkant {
	background-image: url("../img/agenda_bgonder.png") ! important;
}

table.fotolijst img {
	width: 45px;
}

div#hometopblock {
	top: 33px;
	position: absolute;
	width: 180px;
	left: 113px;
}

div#hometopblock h1 {
	margin-bottom: 0px;
}
div.more{
color: rgb(243,103,33);
font-size:12px;
text-align:right;
text-decoration:none;
}