@charset "UTF-8";
/* CSS Document */
/*
Kleuren Maltha:

donker blauw: color="#35a94c"
lichtgroen: #9ad4a5; 9ad4a5 (niet gebr)
lichter groen: color="#cce9d2" cce9d2
lichste gr: #e5f4e8 e5f4e8 (niet gebr)

blauw: 35a94c;
oranje: f39400;

steunkleuren
bruinrood: e55425 	(studenten)
paars: 663496		(bovenbouw)
roze: ff0c79		(onderbouw)
groen: 35a94c 		(basis)
*/

/* ------------------------------------------ */
/* BASIC TYPOGRAPHY, RESETS, BASIC PAGE SETUP */
/* ------------------------------------------ */
* { margin: 0px; padding: 0px; }
body, p, h1, h2, h3, h4, a, span, b, em { margin: 0px; padding: 0px; }
html { overflow-y: scroll; } /*create permanent scrollbar to avoid "jumps' in centering*/
body { font: 11px Trebuchet, sans-serif; background-image:url(../_images/body_bg.jpg); background-position:top; background-repeat:no-repeat; line-height:14px; background-attachment: fixed;}
/*ul { list-style: none inside; } */
p { font:1em/1.3em Trebuchet, sans-serif; margin-bottom: 1em; }
a { outline: none; text-decoration:none; }
a img { border: none; }
h4 { font-size: 110%; font-weight:lighter;}


/* END SETUP */

/* ------------------------------------------ */
/* MAIN PAGE ELEMENTS */
/* ------------------------------------------ */
.meerweten a:link, .meerweten a:visited, .meerweten a:hover, .meerweten, .bodytext .internal-link a:link, .bodytext .internal-link a:visited, .bodytext .internal-link a:hover, .bodytext .internal-link {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	line-height:16px;
/* 	background: url(../_images/arrow_right.gif) center right no-repeat; */
	padding-right:10px;
}

a.meerweten:hover, a.internal-link:hover {
/* 	color:#15ade7; */
	color:black;
}
.links-kort a:link, .links-kort a:visited, .links-kort p, #intkort .links-kort, #intkort .internal-link a:link, #intkort .internal-link a:visited, #intkort .internal-link p, #intkort .internal-link{
	margin:0px 0px 0px -12px;
	padding: 6px 3px 5px 12px;
	color:#15ade7;
	font-weight:bold;
	font-size:95%;
	text-decoration:none;
	line-height:140%;
/* 	background:transparent url(../_images/arrow_right_blue_left.gif) no-repeat scroll left top; */
}
.ie .links-kort a:link, .ie .links-kort a:visited, .ie .links-kort p, .ie #intkort .links-kort, .ie #intkort .internal-link a:link, .ie #intkort .internal-link a:visited, .ie #intkort .internal-link p, .ie #intkort .internal-link {
	margin:0px 0px 0px 0px;
	padding: 6px 3px 5px 0px;
	color:#15ade7;
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
	line-height:140%;
/* 	background:transparent url(../_images/arrow_right_blue_left.gif) no-repeat scroll left top; */
}

#intkort a:hover {
	color:black;
}

.sollicitatie-form-link {
}

.tx_mailform_checkbox_wrap{
	clear: both;
}

.tx_mailform_radio_element{
	float:left;
	margin-right: 20px;
}
.mailform_radio_box_label{
	padding-left:5px;
}

/*vervangen door bg en inspringen!!
.links-kort:before{
content: url(../_images/arrow_right.gif)
}*/
.black-link, .middle-3 a:link, .middle-3 a:visited, .middle-3 a:hover {
	color:#000000;
	font-weight:normal;
	background:url(../_images/arrow_right_small.gif) left center no-repeat;
	line-height: 14px;
	margin:0px 0px 0px -10px;
	padding: 11px 3px 10px 10px;
}
.ie .black-link, .ie .middle-3 a:link, .ie .middle-3 a:visited, .ie .middle-3 a:hover {
/*
	color:#000000;
	font-weight:normal;
	background:url(../_images/arrow_right_small.gif) no-repeat 0px 16px ;
	line-height: 14px;
	margin:0px 0px 0px -10px;
	padding: 11px 3px 10px 20px;
*/
	margin:0px 0px 0px -14px;
	padding: 6px 3px 5px 15px;
	color:black;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
/* 	line-height:14px; */
    background:transparent url(../_images/arrow_right_small.gif) no-repeat scroll -10px 10px;
}

.middle-3 a:hover {
	color:#F39400;
}

.middle-3 p.bodytext {
	margin-bottom:8px;
	padding:0;
	line-height:100%;
}
.middle-3 h2{
	font-size: 120%;
	color: #15ADE7;
	margin: 0px 0px 8px 0px;
}
.vestigingen{
	background:url(../_images/ouders/vestigingen_bg.png) top right no-repeat;
	height:328px;
	padding-bottom:20px;
}
.vestigingen h1{
	font-size: 120%;
	color: #f39400;
	margin: 0px 0px 0px 0px;
}

.vestigingen .bodytext{
	margin-bottom:3px;
}

.par-header{
	font-size:115%;
	color:#15ade7;
}
h4.heavy{
	font-weight:bold;
}
/*vervangen door bg en inspringen!!
.meerweten:after
{
content: url(../_images/arrow_right.gif)
}*/

.textbox-edge{
	width:100%;
	background:url(../_images/textbox_edge_bg.gif) left bottom no-repeat;
	border-bottom:1px solid #ffaa36;
	border-right:1px solid #ffaa36;
	margin-right:5px;
}
.textbox-blank{
	width:100%;
}
.orange {
	color:#f39400;
}
div.padder{
	width:auto;
	height:auto;
	padding:12px;
}
div.padderouders{
	width:auto;
	height:auto;
	padding:12px 12px 12px 20px;
	}
div.padder-no-top{
	width:auto;
	height:auto;
	padding:12px;
	padding-top:0px;
}
div.inschrijven{
	width:100px;
	height:23px;
}


/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

/*--main elements--*/

/*-- work around IE transparent png bug --*/
div {
	behavior: url(http://www.instituutmaltha.nl/fileadmin/templates/_scripts/iepngfix.htc);
}

.wrapper {
	width: 962px;
	margin: 0 auto;
	background:none;
	
}
.contentwrap-next{
	background:url(../_images/ringband_bg.png) top left repeat-y;
	height:auto;
}
.contentwrap-next-ouders-home{
	background:url(../_images/ringband_bg.png) top left repeat-y;
	height:797px;
	widht:962px;
	}
/* deze class is om lege pagina te genereren (wordt verder niet gebruikt) */
.empty-content{
	width:100%;
	height:950px
}
.headertop {
	width:100%;
	height:140px;
	background:url(../_images/header_bg.png) top no-repeat;
	
}
.sinds{
	position:relative;
	left:239px;
	top:76px;
	height:56px;
	width:112px;
	float:left;
	background:url(../_images/sinds.png) top left no-repeat;
}
.headerbuttons{
	width: 100%;
	height: 36px;
	background:url(../_images/tabs_bg.png) top no-repeat;	
}
.menuwrapper{
	position:relative;
	left:46px;
	z-index:1000;
}
.submenu{
	position:relative;
	z-index:900;
}
.top-student-main{
	height:196px;
	width:100%;
}
.imgvestigingen {
	margin-bottom: 3px;
}
.maininfo{
	width: 100%;
	height: 346px;
	background:url(../_images/maininfo_home_bg.png) top no-repeat;
	
}
.maininfo-top{
	width: 100%;
	height: 180px;
	background:none;
	
}
.maininfo-bottom{
	width: 100%;
	height: 166px;
	background:none;
	overflow: hidden;
}
.students{
	width: 100%;
	height: 350px;
	background:url(../_images/students_bg.png) top no-repeat;
	
}
.subinfo {
	width: 100%;
	height: 176px;
	background:url(../_images/subinfo_bg.png) top no-repeat;
}
.footer{
	clear: both;
	width: 100%;
	height: 2px;
/* 	background-color:red; */
/*	background:url(../_images/footer_bg.png) top no-repeat; */
	
}
/*--end main elements--*/

/*--sub elements--*/

.headertab {
	position:relative;
	left:46px;
	float:left;
	width: 176px;
	height:36px;
	background-color:transparent;
}
#headertab-1{
}
#maininfo-sub-1{
/* 	position:relative; */
	margin-left:47px;
	left:46px;
	float:left;
	width:674px;
	height:180px;
	overflow:hidden;
	background:url(../_images/maininfo_sub_1_bg.png) top left no-repeat;
}
.ie6 #maininfo-sub-1{
/* 	position:relative; */
	margin-left:26px;
	left:46px;
	float:left;
	width:654px;
	height:180px;
	background:url(../_images/maininfo_sub_1_bg.png) top left no-repeat;
}
#waarom{
	position:relative;
	left:295px;
	top:22px;
	width:370px;
	height:150px;
}
#actiebutton{
	width:137px;
	height:137px;
	overflow:hidden;
	/* top:-141px; */
	left:42px;
	position:relative;
	float:left;
}
#maininfo-sub-2{
	float:right;
	width:222px;
	height:180px;
	background:url(../_images/maininfo_sub_2_bg.png) no-repeat;
}
#maininfo-sub-2-2{
	float:right;
	margin-right: 1px;
	height:170px;
	
}
div#intkort{	
	position:relative;
	top:40px;
	left:5px;
	padding-left:10px;
}
div#nieuws{
	width:150px;
	height:70px;
	position:relative;
	left:50px;
	top:50px
}
div#voorstellen, div#actueel {
	height:148px;
}
#inschrijven-actueel{
	position:absolute;
	top:125px;
	left:240px;
}
#inschrijven-voorstellen{
	position:absolute;
	top:125px;
	left:150px;
}
#voorstellen .padder-no-top p{
	margin-bottom:0;
}
#waarom img{
	margin-bottom: 0;
}

#maininfo-sub-3{
	position:relative;
	left:50px;
	top:4px;
	float:left;
	width:280px;
	height:152px;
	background-color:transparent;
}
#maininfo-sub-4{
	position:relative;
	top:4px;
	left:65px;
	float:left;
	width:362px;
	height:152px;
	background-color:transparent;
}
#maininfo-sub-5{
	position:relative;
	top:4px;
	float:right;
	width:248px;
	height:144px;
/* 	background:url(../_images/maininfo_sub_5_bg.png) no-repeat; */
/*	background:url(../_images/maininfo_sub_2_bg.png) no-repeat; */
}
.studentinfo {
	float:left;
	position:relative;
	left:46px;
	width: 220px;
	height:350px;
	background-color:transparent;
	margin:0px;
}
.students-content {
/* 	position:relative; */
 	top:10px;
 	left:0px;
	width:210px;
	height:330px;
	background:white url(../_images/student_bot_bg.png) bottom left no-repeat;
}
.ie6 .students-content {
/* 	position:relative; */
 	top:10px;
 	left:0px;
	width:210px;
	height:340px;
	background:url(../_images/student_bot_bg.gif) bottom left no-repeat;
}
.subinfo-box {
	position:relative;
	top: 10px;
	float:left;
	height:156px;
	background-color:transparent;
	
}
#team, #extra{
	height: 150px;
}
#subinfo-box-1 {
	left:50px;
	width: 663px;
}
#subinfo-box-2 {
	left: 65px;
	width: 382px;
}
.subinfo-box-3 {
float:right;
height: auto;
width: auto;
position:relative;
top:5px;
left:-42px;
}
.subinfo-box-3-2 {
float:right;
height: auto;
width: auto;
position:relative;
top:5px;
left:-42px;
}


/*--end sub elements--*/
/*-- for ouders pags ---*/

.ouders-left{
	float:left;
	width:236px;
	height:auto;
}
.left-1{
	position:relative;
	left:46px;
	width:180px;
	height:auto;
	z-index:900;
}
.left-2 {
	width:160px;
	height:233px;
	background:url(../_images/ouders/meer_maltha.png) top right no-repeat;
	margin-left:50px
}
.ie6 .left-2 {
	margin: 15px 0px 0px 50px;
	width:180px;
	height:233px;
	background:url(../_images/ouders/meer_maltha.png) top right no-repeat;
}
.logo-maltha{
	position:relative;
	/* left:60px; */
	top:30px;
	width:134px;
}
.logo-maltha-advies{
	position:relative;
	left:4px;
	top:35px;
	width:134px;
}
.logo-study{
	position:relative;
	left:-5px;
	top:40px;
	width:134px;
}
.ie6 .logo-maltha{
	position:relative;
	left:0px;
	top:30px;
	width:134px;
}
.ie6 .logo-maltha-advies{
	position:relative;
	left:0px;
	top:35px;
	width:134px;
}
.ie6 .logo-study{
	position:relative;
	left:0px;
	top:40px;
	width:134px;
}
.ouders-middle{
	float:left;
	width:445px;
	height:auto;
}
.prettige-omg{
	width:445px;
	height: 165px;
	background:url(../_images/ouders/prettomg_bg.gif) left bottom no-repeat;
}
.prettige-omg-text{
	width:245px;
	position:relative;
	top:5px;
	left:4px;
}
.middle-2{
	height:auto;
}
.middle-3{
	height:430px;
}
.middle-header{
	width:445px;
	position:relative;
	top:15px;
}
.middle-info-left-top, .middle-info-right-top{
	position:relative;
	float:left;
	width:208px;
	height:10px;
	background:transparent url(../_images/ouders/watzoektu_kolom_bg_top.gif) top right no-repeat;
}
.middle-info-left, .middle-info-right{
	position:relative;
	margin-bottom:12px;
	top:25px;
	float:left;
	width:208px;
	height:180px;
	background:url(../_images/ouders/watzoektu_kolom_bg.gif) bottom right no-repeat;
}
.middle-info-left-bot, .middle-info-right-bot{
	position:relative;
	float:left;
	width:208px;
	height:12px;
	background:url(../_images/ouders/watzoektu_kolom_bg_bot.gif) bottom right no-repeat;
}

.csc-frame-frame1 {

}

.middle-info-right{
	left:13px;
}
.ouders-right{
	float:right;
	height:auto;
	width:265px;
}
.nieuws-ouders{
	background:url(../_images/ouders/nieuws.png) top right no-repeat;
	height:385px;
}
.nieuws-text{
	position:relative;
	left:55px;
	width:150px;
	height:auto;
	padding:0px 7px;
}
.vestig-text{
	position:relative;
	left:40px;
	width:175px;
	height:auto;
}
.nieuws-text{
	top:60px;
}

/*-- for ouders pags ---*/

/* CONTENT OPMAAK VOOR ALLE PAGINAS*/

.content{
	float:left;
	position:relative;
	left:50px;
	width:390px;
	margin:20px 0px;
/* 	height:182px; */
}
.contentformulieren{
	float:left;
	position:relative;
	left:50px;
	width:750px;
	margin:20px 0px 20px 50px;
/* 	height:182px; */
}
.content h1, .content h2{
	color: #15ADE7;
	margin: 10px 0px;
	font-size: 140%;
}
.content li{
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 30px;
}
.subinfo h1.csc-firstHeader{
	font-size: 120%;
	color: #15ADE7;
	margin: 0px 0px;
}

.csc-header h1{
	font-size: 140%;
	color: #f39400;
	margin: 10px 0px;
}
.csc-frame-rulerBefore {
	border-top:solid #f39400 1px;
}

.mail a:link, .mail a:visited, .mail, .news-latest-gotoarchive a:link, .news-latest-gotoarchive a:visited, .news-latest-gotoarchive .tx-ttnews-browsebox a:link, .tx-ttnews-browsebox a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#f39400;
	line-height:16px;
/* 	background: url(../_images/arrow_right.gif) center right no-repeat; */
	padding-right:10px;
}
.tx-ttnews-browsebox p{
	color: black;
}

a.mail:hover, .news-latest-gotoarchive a:hover, .tx-ttnews-browsebox a:hover, .tx-ttnews-browsebox-SCell a:link, .tx-ttnews-browsebox-SCell a:visited, .tx-ttnews-browsebox-SCell a:hover, .tx-ttnews-browsebox-SCell a:active {
/* 	color:#15ade7; */
	color:black;
}


/* NIEUWS LATEST OPMAAK */
.news-latest-item, .csc-menu {
	margin-bottom: 10px;
}

.news-latest-item h3 a:link, .news-latest-item h3 a:visited {
	margin:0px 0px 0px -14px;
	padding: 6px 3px 5px 15px;
	color:#15ade7;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	line-height:140%;
    background:transparent url(../_images/arrow_right_blue_left.gif) no-repeat scroll left top;
}
.csc-menu dt {
	margin: 15px 0 0 0;

}
.csc-menu a:link, .csc-menu a:visited{
	margin:10px 0px 0px 0px;
	padding: 6px 3px 5px 0px;
	color:#15ade7;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	line-height:140%;
}
.ie .news-latest-item h3 a:link, .news-latest-item h3 a:visited {
	margin:0px 0px 0px 0px;
	padding: 6px 3px 5px 0px;
	color:#15ade7;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	line-height:140%;
    background:transparent url(../_images/arrow_right_blue_left.gif) no-repeat scroll -10px 2px;
}
.news-latest-item h3 a:hover, .csc-menu a:hover {
	color: black;
}
/* SINGLE NIEUWS */
.news-single-img {
	float:right;
	margin: 0px 0px 10px 10px;
}
.news-single-backlink {
	float: left;
}
.news-single-backlink a:link, .news-single-backlink a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #f39400;
	text-decoration: none;
}
.news-single-backlink a:hover {
	font-size: 12px;
	font-weight: normal;
	color: black;
}
.news-single-item h2 {
	color:#15ADE7;
	font-size:120%;
	line-height:140%;
	margin: 10px 0px 18px 0px;
}
.news-single-item h3 {
	color:black;
	font-size:100%;
	margin: 0px 0px 18px 0px;
}
#contentpages .news-single-img p.news-single-imgcaption{
	font-size: 11px;
	line-height: 18px;
	color: #f39400;
	margin: 10px 0px 10px 0px;
}

/* SINGLE LIST */
.news-list-item h3, .news-list-item h3 a:link, .news-list-item h3 a:visited{
	color:#15ADE7;
	font-size:110%;
	line-height:140%;
}
.news-list-item h3 a:hover{
	color:black;
	font-size:110%;
	line-height:140%;
}


.news-list-item img{
	width: 67px;
	float: right;
	margin: 0px 10px 0px 0px;
	border: 1px solid #f39400;
}
.news-list-morelink {
	margin: -8px 0px 16px 0px;
}
.news-list-morelink a:link, .news-list-moreliver{
	color:black;
	font-size:110%;
	line-height:140%;
}


.news-list-item img{
	width: 67px;
	float: right;
	margin: 0px 10px 0px 0px;
	border: 1px solid #f39400;
}
.news-list-morelink {
	margin: -8px 0px 16px 0px;
}
.news-list-morelink a:link, .news-list-morelink a:visited{
	font-size: 12px;
	font-weight: normal;
	color: #f39400;
	margin-left: 0px;
}
.news-list-morelink a:hover {
	color: black;
}

hr {
	-moz-box-sizing:border-box;
	-moz-float-edge:margin-box;
	border-top:1px solid #F39400;
	color:none;
	display:block;
	height:0px;
	margin:1.5em auto;
}

/* BROODKRUIMEL */

#broodkruimel {
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
}
#broodkruimel {
	font-size: 10px;
	color: #f39400;
	padding: 18px 0px 10px 0px;
	margin: 0 50px 0 61px;
	border-bottom: 0px solid black;
}
#broodkruimel a:link, #broodkruimel a:visited {
	color: black;
	text-decoration: underline;
}
#broodkruimel a:hover {
	color: #00aee1;
}
.black {
	color:black;
}

#student-image-1 a {
width:213px;
height:159px;
background: url(../_images/student_1_link.png) 0 0;
display:block;
text-indent:-1500px;
overflow:hidden;
}
#student-image-2 a {
width:213px;
height:159px;
background: url(../_images/student_2_link.png) 0 0;
display:block;
text-indent:-1500px;
overflow:hidden;
}
#student-image-3 a {
width:213px;
height:159px;
background: url(../_images/student_3_link.png) 0 0;
display:block;
text-indent:-1500px;
overflow:hidden;
}
#student-image-4 a {
width:213px;
height:159px;
background: url(../_images/student_4_link.png) 0 0;
display:block;
text-indent:-1500px;
overflow:hidden;
}
#student-image-1 a:hover, #student-image-2 a:hover, #student-image-3 a:hover, #student-image-4 a:hover { background-position: 0 -159px;}

/*
#######################
# TABELLEN OPMAAK
#######################
*/
table.tabelopmaak {
	background-color:white;
	border:0px solid #f39400;
	padding:0px;
	font-size:10px;
}
table.tabelopmaak th {
	background-color:#f39400;
	border:0px inset gray;
	padding:5px;
}
table.tabelopmaak tr.tr-odd {
	background-color:#EAD7A6;
	border:0px inset gray;
	border-bottom:#ddd solid 1px;
	border-right:#ddd solid 1px;
	padding:0px;
	padding-left:2px;
}
table.tabelopmaak tr.tr-even {
	border:0px inset gray;
	border-bottom:#ddd solid 1px;
	border-right:#ddd solid 1px;
	padding:0px;
}
table.tabelopmaak td {
	background-color:transparent;
	border:0px inset gray;
	padding:10px 0px;
	border-bottom:#ddd solid 1px;
	border-right:#ddd solid 1px;
	padding:0px;
	padding-left:2px;
}
table.tabelopmaak td.td-0 {
	background-color:#f39400;
	border:0px inset gray;
	padding:5px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-bottom: 15px;

}

#team .csc-textpic-imagewrap{
	overflow: visible;
	float:left;
}

#team .csc-textpic-imagerow{
	overflow: visible;
	float:left;
	clear:none;
	
}

div#team div.csc-textpic{
	float:left;
	margin-right:24px;
	margin-left:24px;
	margin-top:10px;
}

div#team div.csc-textpic-clear {
	clear: none;
	float:left;
}

/* END STRUCTURE */
