/****************************************************************************/
/********************* CASCADING STYLE SHEET CAMPUS KOMPAS ******************/
/****************************************************************************/

html,
body {
	font-family:"Arial";
	line-height:20px;
	font-size:11px;
	color:#444444;
	height:100%;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	background:url(images/header.png) repeat-x;
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:100%;
}

/****************************************************************************/
/*********************************** INTRO **********************************/
/****************************************************************************/

body.intro {
	background:url(images/intro_bg.png) #fff repeat-x;
	margin:0;
}

body.intro #introbox {
	background:url(images/intro_box.png) no-repeat;
	padding:208px 0 0 0;
	margin:0 auto;
	width:980px;
}

body.intro #introbox .border {
	padding:10px 5px 10px 6px;
	border:#d5d5d5 solid 1px;
}

body.intro #introbox .border img.panorama {
	margin-bottom:7px;	
}

body.intro #introbox .kb a.verder,
body.intro #introbox .ms a.verder,
body.intro #introbox .at a.verder {
	text-indent:-6000px;
	position:absolute;
	display:block;
	height:29px;
	bottom:-7px;
	width:29px;
	right:15px;
}

body.intro #introbox .kb a.verder {
	background:url(images/intro_kb_verder.png) no-repeat;
}

body.intro #introbox .ms a.verder {
	background:url(images/intro_ms_verder.png) no-repeat;
}

body.intro #introbox .at a.verder {
	background:url(images/intro_at_verder.png) no-repeat;
}

/****************************************************************************/
/**************************** INTRO - BASISSCHOOL ***************************/
/****************************************************************************/

body.intro #introbox .kb {
	background:url(images/intro_kb.png) repeat-x;
	padding:7px 3px 0 0;
	margin:0 10px 0 0;
	position:relative;
	width:475px;
	height:192px;
	float:left;
}

body.intro #introbox .kb p.adres,
body.intro #introbox .ms p.adres, 
body.intro #introbox .at p.adres {
	position:absolute;
	left:25px;
	top:30px;
}

body.intro #introbox .kb p.adres b {
	font-size:13px;
	color:#214015;	
}

body.intro #introbox .ms p.adres b {
	font-size:13px;
	color:#304869;	
}

body.intro #introbox .at p.adres b {
	font-size:13px;
	color:#671400;
}

body.intro #introbox .kb p.links {
	position:absolute;
	font-weight:bold;
	font-size:13px;
	color:#214015;
	left:200px;
	top:30px;
}

body.intro #introbox .kb p.links a.eureka,
body.intro #introbox .kb p.links a.klimopje {
	text-indent:-6000px;
	margin-right:7px;
	margin-top:12px;
	display:block;
	height:86px;
	width:83px;
	float:left;
}

body.intro #introbox .kb p.links a.eureka {
	background:url(images/intro_kb_eureka.png) no-repeat;		
}

body.intro #introbox .kb p.links a.klimopje {
	background:url(images/intro_kb_klimopje.png) no-repeat;		
}

body.intro #introbox .kb a.logo {
	background:url(images/intro_kb_logo.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	float:right;
	height:92px;
	width:92px;
}

/****************************************************************************/
/*************************** INTRO - MIDDEN SCHOOL **************************/
/****************************************************************************/

body.intro #introbox .ms {
	background:url(images/intro_ms.png) repeat-x;
	padding:7px 3px 0 0;
	position:relative;
	width:231px;
	height:192px;
	float:left;
}

body.intro #introbox .ms a.logo {
	background:url(images/intro_ms_logo.png) no-repeat;
	text-indent:-6000px;
	display:block;
	cursor:pointer;
	float:right;
	height:92px;
	width:92px;
}

/****************************************************************************/
/****************************** INTRO - ATHENEUM ****************************/
/****************************************************************************/

body.intro #introbox .at {
	background:url(images/intro_at.png) repeat-x;
	padding:7px 3px 0 0;
	position:relative;
	width:230px;
	float:right;
	height:192px;
	float:right;
}

body.intro #introbox .at a.logo {
	background:url(images/intro_at_logo.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	float:right;
	height:92px;
	width:92px;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	position:relative;
	margin:0 auto;
	height:90px;
	width:100%;
}

#header .inner {
	margin:0 auto;
	width:954px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	text-indent:-6000px;
	margin:0 34px 0 0;
	float:left;
	padding:0;
}

#header h1.logo a {
	display:block;
	height:54px;
	width:203px;
}

/****************************************************************************/
/********************************** SUBSITES ********************************/
/****************************************************************************/

#header ul.subsites {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}

#header ul.subsites li {
	text-indent:-6000px;
	margin:12px 8px 0 0;
	float:left;	
}

#header ul.subsites li a {
	cursor:pointer;
	display:block;
	height:31px;
	width:31px;
}

#header ul.subsites li.kb a {
	background:url(images/subsites_kb.png) no-repeat;	
}

#header ul.subsites li.ms a {
	background:url(images/subsites_ms.png) no-repeat;	
}

#header ul.subsites li.at a {
	background:url(images/subsites_at.png) no-repeat;	
}

#header ul.subsites li.current a b {
	display:block;
	height:42px;		
}

/****************************************************************************/
/********************************** TOPLINKS ********************************/
/****************************************************************************/

#header ul.toplinks {
	list-style-type:none;
	float:right;
	padding:0;
	margin:0;
}

#header ul.toplinks li {
	line-height:54px;
	margin:0 0 0 6px;
	color:#fff;
	float:left;	
}

#header ul.toplinks li a {
	text-decoration:none;
	color:#fff;
}

#header ul.toplinks li a:hover {
	font-weight:bold;	
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	padding:0 0 80px 0;
	position:relative;
	margin:0 auto;
	width:954px;
}

/****************************************************************************/
/********************************** INLEIDING *******************************/
/****************************************************************************/

#body .inleiding {
	padding:3px 0 0 3px;
	position:relative;
	margin:0 0 20px 0;
	height:265px;
	width:951px;
}

#body .inleiding .logo {
	position:absolute;
	height:100px;
	width:101px;
	left:480px;
	top:25px;
}

#body .inleiding p.contact {
	position:absolute;
	font-size:12px;
	left:600px;
	top:142px;
	margin:0;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#body #menu {
	padding:11px 0 0 0;
	position:relative;
	line-height:normal;
	font-size:11px;
	z-index:600; 
	height:35px;
	z-index:500;
	width:954px;
	float:left;
	margin:0;
}

#body #menu table.ie6 {
	border-collapse:collapse;
	padding:0;
	margin:0;
	z-index:500;
}

#body #menu ul {
	list-style:none;
	padding:0;
	margin:0; 
	z-index:500;
}

#body #menu ul li {
	padding:0 6px 0 6px;
	float:left;
	z-index:500;
}

#body #menu ul li a {
	text-transform:uppercase;
	padding:3px 5px 0 5px;
	text-decoration:none; 
	font-weight:bold;
	font-size:14px;
	display:block;
	height:32px;
	float:left;
	color:#fff;
	z-index:500;
}

#body #menu ul li a b {
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
	display:block;
	height:46px;
	float:left;
	color:#fff;
	z-index:500;
}

#body #menu ul li.account a b {
	z-index:500;
}

#body #menu ul li div.holder {
	position:absolute;
	background:#fff;
	left:-9999px;
	z-index:500;
	width:330px;
}

#body #menu ul li div.holder a {
	padding:3px 8px 0 8px;
	font-weight:normal;
	font-size:11px;
	color:#63a928;
	height:16px;
}

#body #menu ul li:hover {
	position:relative;
	z-index:500;
}

#body #menu ul li a:hover {
	white-space:nowrap;
	position:relative;
	color:#63a928;
	z-index:500;
}

#body #menu ul li a.sub:hover {
	white-space:nowrap;
	position:relative;
	color:#63a928;
	z-index:500;
}

#body #menu ul li a.sub:hover b {
	color:#63a928;
	z-index:500;
}

#body #menu ul li:hover > a {
	position:relative;
	z-index:500;
}

#body #menu ul li:hover a.sub {
	white-space:nowrap;
	position:relative;
	color:#63a928;
	z-index:500;
}

#body #menu ul :hover div.holder {
	position:absolute;
	z-index:500;
	height:27px;
	padding:0;
	margin:0;
	top:35px;
	left:0;
}

#body #menu ul table td {
	vertical-align:top;
	z-index:500;
}

/****************************************************************************/
/*********************************** WRAPPER ********************************/
/****************************************************************************/

#body .wrapper {
	background:url(images/wrapper.png) repeat-y;
	width:954px;
}

#body .wrapper .content {
	background:url(images/content.png) #fff no-repeat;
	padding:30px 16px 26px 23px;
	width:654px;
	float:left;
}

#body .wrapper .content h1 {
	border-bottom:#ccc solid 1px;
	margin:0 0 25px 0;
	height:46px;
	padding:0;
}

#body .wrapper .content .groen {
	color:#66AA2A;
}

#body .wrapper .content .blauw {
	color:#2A7CBA;
}

#body .wrapper .content .oranje {
	color:#D46000;
}

ul
{
	list-style: square;
}

ul.blok li
{
	margin-top: 10px;
}

/****************************************************************************/
/************************************* POST *********************************/
/****************************************************************************/

#body .wrapper .content .post {
        padding-bottom:10px;
        margin-bottom:10px;
        width:654px;
}

#body .wrapper .content .post .date {
	padding:0 0 0 25px;
	font-weight:bold;
	margin:0 0 8px 0;
	font-size:13px;
	display:block;
	height:18px;
	color:#aaa;
}

#body .wrapper .content .post h2 {
	font-weight:normal;
	margin:0 0 2px 0;
	font-size:23px;
	padding:0;
}

#body .wrapper .content .post .author {
	margin:0 0 10px 0;
	color:#aaa;
}

#body .wrapper .content .post .author a {
	border-bottom:#ededed solid 1px;
	text-decoration:none;
	padding:0 0 4px 0;
	font-weight:bold;
}

#body .wrapper .content .post .postimg {
	border:#ebebeb solid 1px;
	margin:0 10px 0 0;
	background:#fff;
	padding:5px;
	float:left;
}

#body .wrapper .content .post .bericht {
	padding:10px 16px 12px 20px;
	background:#f7f7f7;
	line-height:25px;
	margin:0 0 5px 0;
	width:400px;
	float:left;
}

#body .wrapper .content .post .bericht p {
	margin-top:0;	
}

#body .wrapper .content .post .bericht a.meer {
	text-decoration:none;
	padding:0 0 0 20px;
	font-weight:bold;
	color:#333;
}

#body .wrapper .content .post .activiteiten {
	padding:10px 16px 12px 20px;
	background:#f7f7f7;
	line-height:25px;
	margin:0 0 5px 0;
	width:480px;
	float:left;
}

#body .wrapper .content .post .activiteiten p {
	margin-top:0;	
}

#body .wrapper .content .post .activiteiten a.meer {
	text-decoration:none;
	padding:0 0 0 20px;
	font-weight:bold;
	color:#333;
}

/****************************************************************************/
/********************************* MEER NIEUWS ******************************/
/****************************************************************************/

#body .wrapper .content ul.meernieuws {
	list-style-type:none;
	margin:0 0 0 158px;
	clear:both;
	padding:0;
}

#body .wrapper .content ul.meernieuws li a {
	text-decoration:none;
	background:#f7f7f7;
	padding:0 0 0 26px;
	margin:0 0 5px 0;
	display:block;
	color:#2a2a2a;
	width:370px;
}

#body .wrapper .content ul.meernieuws li a span {
	font-weight:bold;
}

/****************************************************************************/
/*********************************** SIDEBAR ********************************/
/****************************************************************************/

#body .wrapper .sidebar {
	background:url(images/sidebar.png) repeat-x;
	padding:25px 16px 0 16px;
	float:right;
	width:229px;
}

#body .wrapper .sidebar h2 {
	border-bottom:#ccc solid 1px;
	padding:0 0 0 3px;
	display:block;
	height:37px;	
}

#body .wrapper .sidebar h3 {
	background:url(images/dots.png) bottom repeat-x;
	padding:0 60px 6px 0;
	position:relative;
	font-weight:bold;
	font-size:11px;
	display:block;
	color:#333;
	margin:0;
}

#body .wrapper .sidebar h3 span {
	font-weight:normal;
	position:absolute;
	bottom:6px;
	right:0;
}

/****************************************************************************/
/********************************* ACTIVITEITEN *****************************/
/****************************************************************************/

#body .wrapper .sidebar .activiteit {
	padding:0 4px 0 6px;
	margin:0 0 10px 0;
}

#body .wrapper .sidebar .activiteit p {
	margin:12px 0 0 0;	
}

#body .wrapper .sidebar .activiteit a.meer {
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	display:block;
}

/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	position:absolute;
	height:71px;
	width:100%;
	bottom:0;
}

#footer .inner {
	padding:9px 43px 0 16px;
	margin:0 auto;
	height:32px;
	width:895px;
}

#footer p.copyright {
	float:left;
	margin:0;
}

#footer p.webregion {
	float:right;
	margin:0;
}

#footer p.webregion a {
	font-weight:bold;	
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}

a
{
  outline: none;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #888888;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}