/****************************************************************************/
/******************** 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;	
}

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

.clearfix:after {
    visibility:hidden;
    display:block;
    content:".";
    clear:both;
    height:0;
    zoom:1;
}

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

#introductie {
    padding-top:100px;
    margin:0 auto;
    width:980px;
}
 
#introductie #header {
    background:url(images/intro_header.png) no-repeat;
    height:252px;
    width:980px;
    padding:0;
    margin:0;
}
 
#introductie #main {
    background:url(images/intro_main.png) repeat-y;
    padding:8px 0 8px 54px;
    width:926px;
}
 
#introductie #main .kijker {
    background:url(images/intro_kijker.png) 25px center #f3f5df no-repeat;
    padding:0 0 0 174px;
    margin-bottom:14px;
    line-height:40px;
    font-weight:bold;
    font-size:16px;
    color:#b6c22e;
    height:42px;
    width:705px;
}
 
#introductie #main .kijker span {
    margin-right:16px;
    color:#003114;
}
 
#introductie #main .kijker a {
    text-decoration:none;
    color:#b6c22e;
}
 
#introductie #main ul.vestiging {
    list-style-type:none;
    margin:0 0 8px 0;
    padding:0;
}
 
#introductie #main ul.vestiging li {
    text-indent:-6000px;
    margin-right:6px;
    float:left;
}
 
#introductie #main ul.vestiging li a {
    display:block;
    height:160px;
}
 
#introductie #main ul.vestiging li.middenschool a {
    background:url(images/intro_vestiging_middenschool.png) no-repeat;
    width:215px;
}
 
#introductie #main ul.vestiging li.kta a {
    background:url(images/intro_vestiging_kta.png) no-repeat;
    width:215px;
}
 
#introductie #main ul.vestiging li.internaat a {
    background:url(images/intro_vestiging_internaat.png) no-repeat;
    width:214px;
}
 
#introductie #main ul.vestiging li.norrland a {
    background:url(images/intro_vestiging_norrland.png) no-repeat;
    width:214px;
}
 
#introductie #main ul.vestiging li a:hover {
    background-position:left bottom;
}
 
#introductie #onder {
    background:url(images/intro_onder.png) no-repeat;
    padding:9px 50px 0 54px;
    color:#6a892f;
    height:47px;
    width:876px;
}
 
#introductie #onder p.adres {
    float:left;
    margin:0;
}
 
#introductie #onder p.adres a {
    text-decoration:none;
    color:#6a892f;
}

#introductie #onder p.adres a:hover {
    text-decoration:underline;
    color:#6a892f;
}
 
#introductie #onder p.webregion {
    float:right;
    margin:0;
}
 
#introductie #onder p.webregion a {
    text-decoration:none;
    font-weight:bold;
    color:#6a892f;
}

#introductie #onder p.webregion a:hover {
    text-decoration:underline;
    font-weight:bold;
    color:#6a892f;
}

/****************************************************************************/
/********************************* 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;
}

body.norr #header {
	background:url(images/kta_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.home a {
        background:url(images/tabs_home.png) no-repeat;
        width:140px;
}

#header ul.tabs li.norrland a {
    background:url(images/tabs_norrland.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;
}

#header .foto .norrland_01 {
	background:url(fotos/norrland/1.jpg) no-repeat;
}

#header .foto .norrland_02 {
	background:url(fotos/norrland/2.jpg) no-repeat;
}

#header .foto .norrland_03 {
	background:url(fotos/norrland/3.jpg) no-repeat;
}

#header .foto .norrland_04 {
	background:url(fotos/norrland/4.jpg) no-repeat;
}

#header .foto .norrland_05 {
	background:url(fotos/norrland/5.jpg) no-repeat;
}

#header .foto .norrland_06 {
	background:url(fotos/norrland/6.jpg) no-repeat;
}

#header .foto .norrland_07 {
	background:url(fotos/norrland/7.jpg) 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;
}

body.norr #header .welkom_box {
	background:url(images/no_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.menu a b {
	background:url(images/menu_menus.png) no-repeat;
	width:68px;
}

#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;
	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;
}

#body .content .blog {
    padding-top:15px;
}

#body .content .blog .post {
    border-bottom:#f3f5e1 solid 1px;
    padding-bottom:10px;
    margin-bottom:30px;
}

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

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

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

#body .content .blog .post .foto {
    width:123px;
    float:left;
}

#body .content .blog .post .bericht {
    padding-right:20px;
    margin-left:20px;
    font-size:12px;
    float:right;
    width:440px;
    color:#333;
}

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

#body .content .blog .post .bericht ul.meer {
    list-style-type:none;
    padding:0;
    margin:0;
}

#body .content .blog .post .bericht ul.meer li {
    margin-right:40px;
    font-weight:bold;
    background:none;
    padding-left:0;
    float:left;
}

#body .content .blog .post .bericht ul.meer li a {
    background:url(images/blog_meer.png) 0 4px no-repeat;
    text-decoration:none;
    padding:0 0 0 20px;
}

#body .content .blog .post .bericht ul.meer li.meer_fotos a {
    color:#4d6a18;
}

#body .content .blog .post .bericht ul.meer li.lees_meer a {
    color:#b6c22e;
}

/****************************************************************************/
/*********************************** 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;
}


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

#body .sidebar .blog_sidebar {
    padding:24px 20px 14px 24px;
    border:#cfd99f solid 1px;
    position:relative;
    background:#fff;
}
 
#body .sidebar .blog_sidebar h2 {
    text-indent:-6000px;
    margin:0 0 10px 0;
    display:block;
    height:25px;
    padding:0;
}
 
#body .sidebar .blog_sidebar h2.laatste_20_berichten {
    background:url(images/h2_laatste_20_berichten.png) no-repeat;
}
 
#body .sidebar .blog_sidebar .hoekje {
    background:url(images/blog_hoekje.png) no-repeat;
    position:absolute;
    height:20px;
    width:20px;
    left:-1px;
    top:-1px;
}
 
#body .sidebar .blog_sidebar ul.laatste {
    list-style-type:none;
    padding:0;
    margin:0;
}
 
#body .sidebar .blog_sidebar ul.laatste li {
    margin-bottom:6px;
}
 
#body .sidebar .blog_sidebar ul.laatste li a {
    padding:2px 7px 2px 7px;
    text-decoration:none;
    background:#f4f5ed;
    line-height:22px;
    color:#2a2a2a;
    display:block;
}

#body .sidebar .blog_sidebar ul.laatste li a span {
    color:#6a892f;
}
 
#body .sidebar .blog_sidebar ul.laatste li a:hover {
    font-weight:bold;
}

/****************************************************************************/
/*********************************** 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;
}