/****************************************************************************/
/******************** CASCADING STYLE SHEET CAMPUS WEMMEL *******************/
/****************************************************************************/

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

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

body.ms {
	background:url(images/ms_bg.png) #f2f6d3 repeat-x;	
}

body.kta {
	background:url(images/kta_bg.png) #f2f6d3 repeat-x;	
}

body.internaat {
	background:url(images/internaat_bg.png) #f2f6d3 repeat-x;	
}

/****************************************************************************/
/******************************** INTRODUCTIE *******************************/
/****************************************************************************/

#introductie {
	padding:30px 0 30px 0;
	margin:0 auto;
	width:940px;
}

#introductie #header {
	background:url(images/intro_header.png) no-repeat;
	height:180px;
	width:940px;
}

#introductie #header ul.subsites {
	list-style-type:none;
	margin:6px 0 0 0;
	float:right;
	padding:0;
}

#introductie #header ul.subsites li {
	text-indent:-6000px;
}

#introductie #header ul.subsites li a {
	display:block;
	width:162px;
}

#introductie #header ul.subsites li.ms a {
	background:url(images/intro_subsites_ms.png) no-repeat;
	height:40px;
}

#introductie #header ul.subsites li.kta a {
	background:url(images/intro_subsites_kta.png) no-repeat;
	height:41px;
}

#introductie #header ul.subsites li.internaat a {
	background:url(images/intro_subsites_internaat.png) no-repeat;
	height:41px;
}

#introductie #header ul.subsites li a:hover {
	background-position:left bottom;
}

/****************************************************************************/
/************************************ MAIN **********************************/
/****************************************************************************/

#introductie #main {
	background:url(images/intro_main.png) #fff no-repeat;
	padding:0 10px 0 40px;
	position:relative;
	width:890px;
}

#introductie #main a.norrland {
	background:url(images/intro_norrland.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	cursor:pointer;
	display:block;
	height:132px;
	width:242px;
	top:-42px;
	right:0;
}

#introductie #main a:hover.norrland {
	background-position:left bottom;
}

/****************************************************************************/
/******************************** MAIN - LINKS ******************************/
/****************************************************************************/

#introductie #main .links {
	padding:15px 0 0 0;
	width:638px;
	float:left;
}

#introductie #main .links h1.blog {
	background:url(images/intro_h1_blog.png) no-repeat;
	text-indent:-6000px;
	display:block;
	height:25px;
	width:638px;
	padding:0;
	margin:0;
}

#introductie #main .links .post {
	border-top:#dce2a5 solid 1px;
	padding:10px 0 10px 0;
	line-height:20px;
	font-size:12px;
   min-height:150px;
   _height:150px;	
}

#introductie #main .links .post.ms {
	background:url(images/intro_post_ms.png) right 5px no-repeat;
}

#introductie #main .links .post.kta {
	background:url(images/intro_post_kta.png) right 5px no-repeat;
}

#introductie #main .links .post.internaat {
	background:url(images/intro_post_internaat.png) right 5px no-repeat;
}

#introductie #main .links .post h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:22px;
	color:#b6c22e;
	padding:0;
}

#introductie #main .links .post.internaat h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:22px;
	color:#4c6a17;
	padding:0;
}

#introductie #main .links .post.ms h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:22px;
	color:#b6c32e;
	padding:0;
}

#introductie #main .links .post.kta h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:22px;
	color:#6a892d;
	padding:0;
}

#introductie #main .links .post h2 a {
	text-decoration:none;
	color:#b6c22e;
}

#introductie #main .links .post p {
	margin:0 0 10px 0;
}

#introductie #main .links .post p.date {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:13px;
	color:#aaa;
}

#introductie #main .links .post .post_img {
	margin-bottom:14px;
	background:#2d6565;
	margin-right:14px;
	padding:1px;
}

#introductie #main .links .post a.meer {
	background:url(images/intro_post_meer.png) 0 4px no-repeat;
	text-decoration:none;
	padding:0 0 0 20px;
	margin-right:15px;
	font-weight:bold;
}

#introductie #main .links .post a.meer.fotos {
	color:#4d6a18;
}

#introductie #main .links .post a.meer.lees {
	color:#b6c22e;
}

/****************************************************************************/
/******************************** MAIN - RECHTS *****************************/
/****************************************************************************/

#introductie #main .rechts {
	padding:100px 0 0 0;
	float:right;
	width:231px;
}

#introductie #main .rechts h3 {
	text-indent:-6000px;
	margin:0 0 10px 0;
	display:block;
	height:25px;
	width:231px;
	padding:0;
}

#introductie #main .rechts h3.laatste_berichten {
	background:url(images/intro_h3_laatste_berichten.png) no-repeat;
}

#introductie #main .rechts ul.berichten {
	list-style-type:none;
	padding:0;
	margin:0;
}

#introductie #main .rechts ul.berichten li {
	margin-bottom:6px;
}

#introductie #main .rechts ul.berichten li a {
	text-decoration:none;
	background:#f4f5ed;
	font-size:11px;
	color:#2a2a2a;
	padding:3px 0 3px 8px;
	display:block;
	width:223px;
}

#introductie #main .rechts ul.berichten li.highlight a {
	background:#e2e3d1;
}

#introductie #main .rechts ul.berichten li a span {
	color:#6a892f;
}

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

#introductie #footer {
	background:url(images/intro_footer.png) no-repeat;
	padding:18px 155px 0 145px;
	position:relative;
	text-align:left;
	font-size:11px;
	color:#6a892f;
	height:40px;
	width:640px;
}

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

#introductie #footer p.webregion {
	float:right;
	width:118px;
	margin:0;
}

#introductie #footer a {
	text-decoration:none;
	font-weight:normal;
	color:#6a892f;
}

#introductie #footer a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#6a892f;
}

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

#introductie #footer p.webregion a:hover {
	font-weight:bold;
	text-decoration:underline;	
}

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

#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:100%;
}

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

#header {
	padding:13px 0 0 0;
	position:relative;
	margin:0 auto;
	height:361px;
	width:974px;
}

body.ms #header {
	background:url(images/ms_header.png) no-repeat;
}

body.kta #header {
	background:url(images/kta_header.png) no-repeat;
}

body.internaat #header {
	background:url(images/internaat_header.png) no-repeat;
}

/****************************************************************************/
/************************************ TABS **********************************/
/****************************************************************************/

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

#header ul.tabs li {
	text-indent:-6000px;
	float:left;
}

#header ul.tabs li a {
	display:block;
	height:30px;
}

#header ul.tabs li.ms a {
	background:url(images/tabs_ms.png) no-repeat;
	width:141px;
}

#header ul.tabs li.kta a {
	background:url(images/tabs_kta.png) no-repeat;
	width:140px;
}

#header ul.tabs li.internaat a {
	background:url(images/tabs_internaat.png) no-repeat;
	width:140px;
}

#header ul.tabs li a:hover,
#header ul.tabs li.current a {
	background-position:left bottom;
}

/****************************************************************************/
/************************************ FOTO **********************************/
/****************************************************************************/

#header .foto {
	background:url(images/foto.png) no-repeat;
	position:relative;
	margin:0 0 0 0;
	height:162px;
	width:973px;
	clear:both;
}

#header .foto div {
	position:absolute;
	height:162px;
	width:548px;
	right:0;
	top:0;
}

#header .foto .ms_01 {
	background:url(fotos/ms/1.png) no-repeat;
}

#header .foto .ms_02 {
	background:url(fotos/ms/2.png) no-repeat;
}

#header .foto .ms_03 {
	background:url(fotos/ms/3.png) no-repeat;
}

#header .foto .ms_04 {
	background:url(fotos/ms/4.png) no-repeat;
}

#header .foto .kta_01 {
	background:url(fotos/kta/1.png) no-repeat;
}

#header .foto .kta_02 {
	background:url(fotos/kta/2.png) no-repeat;
}

#header .foto .kta_03 {
	background:url(fotos/kta/3.png) no-repeat;
}

#header .foto .kta_04 {
	background:url(fotos/kta/4.png) no-repeat;
}

#header .foto .int_01 {
	background:url(fotos/int/1.png) no-repeat;
}

#header .foto .int_02 {
	background:url(fotos/int/2.png) no-repeat;
}

#header .foto .int_03 {
	background:url(fotos/int/3.png) no-repeat;
}

#header .foto .int_04 {
	background:url(fotos/int/4.png) no-repeat;
}

/****************************************************************************/
/********************************* WELKOM BOX *******************************/
/****************************************************************************/

#header .welkom_box {
	margin-bottom:4px;
	display:block;
	height:35px;
	width:973px;
}

body.ms #header .welkom_box {
	background:url(images/ms_welkom.png) no-repeat;
}

body.kta #header .welkom_box {
	background:url(images/kta_welkom.png) no-repeat;
}

body.internaat #header .welkom_box {
	background:url(images/internaat_welkom.png) no-repeat;
}

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

#dropline {
	position:relative;
	list-style:none;
	width:973px;
	padding:0;
	margin:0;
}

#dropline table {
	border-collapse:collapse;
	width:0;
	height:0;
	margin:-3px -10px;
}

#dropline li {
	float:left;
}

#dropline li a {
	text-decoration:none;
	display:block;
	height:57px;
	float:left;
	color:#fff;
}

#dropline li a b {
   cursor:pointer;
	display:block;
	height:57px;
}

#dropline li.welkom a b {
	background:url(images/menu_welkom.png) no-repeat;
	width:88px;
}

#dropline li.wieiswie a b {
	background:url(images/menu_wieiswie.png) no-repeat;
	width:100px;
}

#dropline li.opleidingen a b {
	background:url(images/menu_opleidingen.png) no-repeat;
	width:101px;
}

#dropline li.schoolreglement a b {
	background:url(images/menu_schoolreglement.png) no-repeat;
	width:130px;
}

#dropline li.activiteiten a b {
	background:url(images/menu_activiteiten.png) no-repeat;
	width:99px;
}

#dropline li.fotoboek a b {
	background:url(images/menu_fotoboek.png) no-repeat;
	width:90px;
}

#dropline li.accomodatie a b {
	background:url(images/menu_accomodatie.png) no-repeat;
	width:108px;
}

#dropline li.downloads a b {
	background:url(images/menu_downloads.png) no-repeat;
	width:101px;
}

#dropline li.partners a b {
	background:url(images/menu_partners.png) no-repeat;
	width:78px;
}

#dropline li.contact a b {
	background:url(images/menu_contact.png) no-repeat;
	width:77px;
}

#dropline li.int_wie a b {
	background:url(images/menu-internaat-wie.png) no-repeat;
	width:81px;
}

#dropline li.int_welkom a b {
	background:url(images/menu-internaat-welkom.png) no-repeat;
	width:86px;
}

#dropline li.int_ouders a b {
	background:url(images/menu-internaat-ouders.png) no-repeat;
	width:72px;
}

#dropline li.int_kamers a b {
	background:url(images/menu-internaat-kamers.png) no-repeat;
	width:74px;
}

#dropline li.int_inschrijvingen a b {
	background:url(images/menu-internaat-inschrijvingen.png) no-repeat;
	width:108px;
}

#dropline li.int_fotoboek a b {
	background:url(images/menu-internaat-fotoboek.png) no-repeat;
	width:83px;
}

#dropline li.int_downloads a b {
	background:url(images/menu-internaat-downloads.png) no-repeat;
	width:100px;
}

#dropline li.int_dagindeling a b {
	background:url(images/menu-internaat-dagindeling.png) no-repeat;
	width:101px;
}

#dropline li.int_contact a b {
	background:url(images/menu-internaat-contact.png) no-repeat;
	width:78px;
}

#dropline li.int_begeleiding a b {
	background:url(images/menu-internaat-begeleiding.png) no-repeat;
	width:93px;
}

#dropline li.int_activiteiten a b {
	background:url(images/menu-internaat-activiteiten.png) no-repeat;
	width:95px;
}

#dropline li a:hover {
	background-position:left bottom;
	height:57px;
}

#dropline li a:hover b,
#dropline li.huidig a b {
        background-position:left bottom;
}

#dropline li:hover > a {
	background-position:left bottom;
}

#dropline li:hover > a b {
	background-position:left bottom;
}

#dropline ul {
	background:url(images/menu_sub.png) left 6px no-repeat;
	position:absolute;
	list-style:none;
	left:-9999px;
	height:57px;
	width:700px;
	z-index:10;
	padding:0;
	margin:0;
	top:57px;
}

#dropline ul li {
	line-height:25px;
	height:25px;
}

#dropline ul.right li {
	float:right;
}

#dropline ul li a {
	background:url(images/menu_sub.png) right 6px no-repeat;
	padding:0 10px 0 10px;
	font-size:14px;
	color:#093c1f;
	height:25px;
	margin:0;
}

#dropline ul li a:hover,
#dropline ul li.huidig a {
        background:url(images/menu_sub.png) right 6px no-repeat;
        font-weight:bold;
}

#dropline :hover ul {
	left:0;
}

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

#body {
	background:url(images/body.png) top center no-repeat;
	padding-bottom:120px;
	position:relative;
	margin:0 auto;
	width:974px;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	padding:20px 35px 30px 35px;
	border:#cfd99f solid 1px;
	position:relative;
	background:#fff;
	width:603px;
	float:left;
	min-height:470px;
	font-size:12px;
}

#body .content .top {
	background:url(images/content.png) no-repeat;
	position:absolute;
	height:23px;
	width:675px;
	left:-1px;
	top:-1px;
}

#body .content h1 {
	border-bottom:#ecefcd solid 1px;
	padding:14px 0 10px 12px;
	font-weight:normal;
	position:relative;
	margin:0 0 12px 0;
	font-size:19px;
	color:#15502B;
	height:22px;
}

#body .content h1 a.bekijk_laatste_nieuws {
	background:url(images/bekijk_laatste_nieuws.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	display:block;
	height:41px;
	width:187px;
	right:0;
	top:0;
}

#body .content h1 a:hover.bekijk_laatste_nieuws {
	background-position:left bottom;
}

#body .content ul {
	list-style-type:none;
	padding:0 0 0 20px;
	margin:0;
}

#body .content ul li {
	background:url(images/content_ul.png) 0 18px no-repeat;
	padding:8px 0 10px 14px;
}

#body .content ul.small {
	list-style-type:none;
	padding:5px 0 0 20px;
	margin:0;
}

#body .content ul.small li {
	background:url(images/content_ul.png) 0 14px no-repeat;
	padding:5px 0 0px 14px;
}

#body .content strong {
   color:#716D54;
}

#body .content a:link, #body .content a:visited 
{
	text-decoration:underline;
	color: #0066A4;
}

#body .content a:hover
{
	text-decoration:none;
	color: #c4262e;
}

/****************************************************************************/
/*********************************** NIEUWS *********************************/
/****************************************************************************/

#body .content .post {
	border-bottom:#dce2a5 solid 1px;
	padding:10px 0 10px 0;
	line-height:20px;
	font-size:12px;
}

#body .content .post h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:22px;
	color:#b6c22e;
	padding:0;
}

#body .content .post.internaat h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:16px;
	color:#4c6a17;
	padding:0;
}

#body .content .post.ms h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:16px;
	color:#b6c32e;
	padding:0;
}

#body .content .post.kta h2 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:16px;
	color:#6a892d;
	padding:0;
}

#body .content .post h2 a {
	text-decoration:none;
	color:#b6c22e;
}

#body .content .post p {
	margin:0 0 10px 0;
}

#body .content .post p.date {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:12px;
	color:#aaa;
}

#body .content .post .post_img {
	margin-bottom:14px;
	background:#2d6565;
	margin-right:14px;
	padding:1px;
}

#body .content .post a.meer {
	background:url(images/intro_post_meer.png) 0 4px no-repeat;
	text-decoration:none;
	padding:0 0 0 20px;
	margin-right:15px;
	font-weight:bold;
}

#body .content .post a.meer.fotos {
	color:#4d6a18;
}

#body .content .post a.meer.lees {
	color:#b6c22e;
}


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

#body .sidebar {
	width:277px;
	float:right;
}

/****************************************************************************/
/*********************************** BLOCK **********************************/
/****************************************************************************/

#body .sidebar .block {
	padding:45px 0 30px 0;
	position:relative;
	margin:0 0 20px 0;
	min-height:170px;
	width:277px;
}

#body .sidebar .block.licht {
	background:url(images/sidebar_block_licht.png) no-repeat;
	text-align:center;
}

#body .sidebar .block.donker {
	background:url(images/sidebar_block_donker.png) no-repeat;
	padding-left:10px;
	width:267px;
}

#body .sidebar .block .bottom {
	position:absolute;
	height:20px;
	width:277px;
	bottom:0;
	left:0;
}

#body .sidebar .block.licht .bottom {
	background:url(images/sidebar_block_bottom_licht.png) no-repeat;
}

#body .sidebar .block.donker .bottom {
	background:url(images/sidebar_block_bottom_donker.png) no-repeat;
}

#body .sidebar .block h2 {
	text-indent:-6000px;
	position:absolute;
	height:23px;
	width:171px;
	padding:0;
	margin:0;
	top:10px;
	left:0;
}

#body .sidebar .block h2.activiteiten {
	background:url(images/h2_activiteiten.png) no-repeat;
}

#body .sidebar .block h2.laatste_album {
	background:url(images/h2_laatste_album.png) no-repeat;
}

/****************************************************************************/
/*********************************** ALBUMS *********************************/
/****************************************************************************/

#body .sidebar .block .album_naam {
	background:#053b20;
	margin:0 0 10px 0;
	line-height:26px;
	display:block;
	height:28px;
	width:277px;
	color:#fff;
}

#body .sidebar .block .album_naam a {
	text-decoration:none;
	font-size:12px;
	display:block;
	height:28px;
	color:#fff;
}

#body .sidebar .block .album_naam b {
	color:#cdbe8e;
}

/****************************************************************************/
/********************************* PROGRAMMA ********************************/
/****************************************************************************/

#body .sidebar .block ul.programma {
	list-style-type:none;
	padding:0;
	margin:0;
}

#body .sidebar .block ul.programma li {
	margin-bottom:10px;
}

#body .sidebar .block ul.programma li a {
	background:url(images/sidebar_programma.png) no-repeat;
	text-decoration:none;
	padding:3px 0 0 32px;
	line-height:16px;
	cursor:pointer;
	display:block;
	height:70px;
	width:223px;
	color:#fff;
}

#body .sidebar .block ul.programma li a .date {
	color:#b6c22e;
}

#body .sidebar .block ul.programma li a:hover {
	background-position:left bottom;
}

#body .sidebar .block a.volledige_kalender {
	background:url(images/sidebar_volledige_kalender.png) no-repeat;
	text-indent:-6000px;
	margin-left:112px;
	display:block;
	cursor:pointer;
	height:18px;
	width:143px;
}

#body .sidebar .block a:hover.volledige_kalender {
	background-position:left bottom;
}

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

#footer {
	background:url(images/footer.png) repeat-x;
	position:absolute;
	text-align:center;
	padding-top:30px;
	font-size:12px;
	color:#5f6641;
	height:70px;
	width:100%;
	bottom:0;
}

#footer p {
	margin:0;
}

#footer a {
	text-decoration:none;
	font-weight:bold;
	color:#82982b;
}

#footer a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#82982b;
}

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

.clear {
	clear:both;
}

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

a
{
  outline: none;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #0066A4;
}

a.contact:hover
{
	text-decoration:none;
	color: #c4262e;
}