/* algemeen */
.NoScreenDisplay {
    display:none
    }
body{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	color: #121D35
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 140%
}
hr {
	color:#CCC;
	height: 1px
	}
.anker {
	padding:2px;
	margin: 0;
	background-color: #F00;
	color: #FFF
}
/* content links - OPGELET :WEL subclass omdat die kunnen bepalen in de modules!!*/
a.url:link, a.url:active, a.url:visited, a.ankerlijst:link, a.ankerlijst:visited, a.ankerlijst:active,
#inhoud a:link, #inhoud a:visited, #inhoud a:active{
	text-decoration: underline;
	color: #333
	}	
a.url:hover, a.ankerlijst:hover,
#inhoud a:hover{
	color: #333;
	text-decoration: none
}

#hoofdmenu2 a:link, #hoofdmenu2 a:visited, #hoofdmenu2 a:active{
	text-decoration: none;
	color: #2B3C4F;
	background-color: #FFFFFF;
	background-image: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	height: 15px;
	margin-top: 5px;
	padding-top: 0px;
	}	
#hoofdmenu2 a:hover{
	color: #000;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	height: 15px;
	margin-top: 5px;
	padding-top: 0px;
}
#kruimelpad{
	color: #7895A0;
}
#kruimelpad a:link, #kruimelpad a:visited, kruimelpad a:active{
	text-decoration: underline;
	color: #7895A0;
	}	
kruimelpad a:hover{
	color: #000;
	text-decoration: none;
	
}
/* beschrijving + positionering lagen*/
#wrapper{
	width:1000px;
	position:relative;
	z-index:1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
background-image: url(../art/bg.jpg);
	top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #82979A;
	}
#wrapper2{
	width:1000px;
	position:relative;
	z-index:1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	background-image: url(../art/bg2.jpg);
	top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7C97A1;
	}
#headernl {
	position:relative;
	height: 105px;
	width: 1000px;
	margin: 0;
	padding: 0;
	text-align:left;
	vertical-align:top;
	background-image: url(../art/headerMTech-nl.jpg);
	z-index: 3;
	}
#headeren {
	position:relative;
	height: 105px;
	width: 1000px;
	margin: 0;
	padding: 0;
	text-align:left;
	vertical-align:top;
	background-image: url(../art/headerMTech-en.jpg);
	z-index: 3;
	}	
#login {
	text-align:center;
	position:absolute;
	left:840px;
	top:37px;
	width:60px;
	height:25px;
	z-index:16;
	background-image: url(login-nl.jpg);	
}
#groepkeuze{
	color: #FFFFFF;
	width: 50px;
	position: absolute;
	height: 20px;
	top: 37px;
	left: 905px;
	margin: 0px;
	padding: 5px 0px 0 9px;
	z-index: 15;
	background-image: url(bggroepkeuze.jpg);	
	}
	
a.groepkeuze:link, a.groepkeuze:visited, a.groepkeuze:active, a.groepkeuze:hover {
	color: #111C38;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	padding-right:0px;
}
a.groepkeuzeHL:link, a.groepkeuzeHL:visited, a.groepkeuzeHL:active, a.groepkeuzeHL:hover {
	color: #FFF;
	text-decoration: none;
	font-size:12px;
	padding-right:0px;
	font-weight:bold;
}
	
/*#sitemap {
	text-align:center;
	position:absolute;
	left:848px;
	top:37px;
	width:97px;
	height:31px;
	z-index:16;
	background-image: url(bgknop.jpg);
	background-repeat: repeat-x;	
}*/
#parent{
	position:relative;
	height: auto;
	width: 770px;
	margin: 0;
	padding: 0;
	z-index:2;
	text-align:left;
	vertical-align:top;
	float: right;
	}
#hoofdmenu {
	position:absolute;
	height: 29px;
	width: 500px;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index:10;
	left: 252px;
	top: 77px;
	display: block;
	}
#zoek{
	width: 200px;
	height: 56px;
	margin: 0px;
	vertical-align: top;
	left: 820px;
	position: absolute;
	top: 82px;
	z-index: 10;
	padding: 0px;
	text-align: left;
	}
	

#nieuwsitem1-1 {
	background-image: url(bgindekijker1-1.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
	position:relative;
}

#leesmeerlink{
	position:absolute;		
	left:120px;
	/*position:relative;	
	float:right;	
	top: 90px;*/
	
}
#nieuwsitem1-2 {
	background-image: url(bgindekijker1-2.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;	
}	
#nieuwsitem1-3 {
	background-image: url(bgindekijker1-3.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
}	
#nieuwsitem2-1 {
	background-image: url(bgindekijker2-1.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
}	
#nieuwsitem2-2 {
	background-image: url(bgindekijker2-2.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
}	
#nieuwsitem2-3 {
	background-image: url(bgindekijker2-3.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
}

#nieuwsitem3-1 {
	background-image: url(bgindekijker3-1.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;
}	
#nieuwsitem3-2 {
	background-image: url(bgindekijker3-2.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;

}	
p.nieuwsitem1-1, p.nieuwsitem1-2, p.nieuwsitem2-1, p.nieuwsitem2-2, p.nieuwsitem3-1, p.nieuwsitem3-2 {
	height:90px;
	width:145px;
	
}
#nieuwsitem3-3 {
	background-image: url(bgindekijker3-3.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 64px;
	height: 111px;	
}	
#KolomLinks{
	position: relative;
	width:220px;
	text-align:left;
	vertical-align:top;
	float:left;
	clear:both;
	z-index:2;
	display:block;
	top: 0px;
	}
#KolomLinks img{
	margin:0;
	vertical-align:top;
	}
#KolomLinks2{
	position: relative;
	width:220px;
	text-align:left;	
	vertical-align:top;
	float:left;
	clear:both;
	z-index:2;
	display:block;
	top: 0px;
	height: 382px;
	}

#inhoud {
	position: relative;
	width:620px;
	float:left;
	margin: 0;
	text-align:left;
	vertical-align:top;
	z-index:3;
	display: block;
	clear: none;
	padding-bottom: 20px;
	padding-left: 35px;
	padding-right: 90px;
}
#flashhome {
	position: absolute;
	width:759px;
	height:382px;
	margin: 0;
	z-index:8;
	display: block;
	left: 220px;
	top: 105px;
	background-image: url(../art/bghome2.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}
#kolomrechts {
	position:relative;
	width:133px;
	z-index:7;
	visibility: visible;
	float: right;
	clear:none;
	vertical-align: top;
	display: block;	
}
#footer{
	clear: both;
}
#hoofdmenu2{
	width:1000px;
	position:relative;
	z-index:1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	border-top-width: 11px;
	border-top-style: solid;
	border-top-color: #9A9F9B;
}
#powered{
	width:1024px;
	position:relative;
	z-index:20;
	margin: 0px auto
	}
/* subMenu : Rollover + HighLight ----------*/
#KolomLinks a.subMenu2:link, a.subMenu2:visited {
	color:	#333;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
#KolomLinks a.subMenu2:active, 
#KolomLinks a.subMenu2:hover, 
#KolomLinks a.subMenu2HL{
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	display: block;
	font-weight: normal;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #85A1AB;

}
#KolomLinks a.subMenu3:link, 
#KolomLinks a.subMenu3:visited
 {
	color:	#333;
	text-decoration: none;
	display: block;
	padding-left: 17px;
	vertical-align: middle;
	background: #EFEFEF url(haakjesub.gif) no-repeat 7px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;

}
#KolomLinks a.subMenu3:active, 
#KolomLinks a.subMenu3:hover, 
#KolomLinks a.subMenu3HL{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-left: 17px;
	vertical-align: middle;
	background: #85A1AB url(haakjesub-2.gif) no-repeat 7px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;

	}	
#KolomLinks a.subMenu4:link, 
#KolomLinks a.subMenu4:visited
 {
	color:	#333;
	text-decoration: none;
	padding-left: 26px;
	display: block;
	vertical-align: middle;
	background: #EFEFEF url(haakjesub.gif) no-repeat 17px 4px;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;

}
#KolomLinks a.subMenu4:active, 
#KolomLinks a.subMenu4:hover, 
#KolomLinks a.subMenu4HL{
	color: #FFF;
	text-decoration: none;
	padding-left: 26px;
	display: block;
	vertical-align: middle;
	background: #85A1AB url(haakjesub-2.gif) no-repeat 17px 4px;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;

}

/* opmaak modules */
h1 {
	color: #121D35 ;
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBE0B1;
	margin-bottom: 20px;
}
h2, h3 {
	color: #121D35 ;
	font-size: 120%;
}
h3{
	margin: 0 0 5px 0}
p {
	vertical-align:top;
	margin: 0;
}

.BeeldRechts {
	float: right;
	clear: none;
	margin: 0 0 10px 10px
}
.BeeldLinks {
	float: left;
	clear: none;
	margin: 0 10px 10px 0
}
.BeeldGroot {
	float: none;
	clear: none;
	margin-bottom: 15px
}
.box {
	padding: 0;
	margin: 0 0 5px 0;
	display: block
}
.url2{
	color: #333333;
	float:left;
	width:200px;

}
/* vormgeving standaard + uitgebreid formulier ---------- */

input, select {
	text-align: left;
	padding: 0;
	margin: 0 3px 2px 0;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: 1px solid #DBE0B1;

}

textarea {
	width: 222px;
	text-align: left;
	padding: 0;
	margin: 0 3px 2px 0;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: 1px solid #DBE0B1;

}
form{
	padding: 0;
	margin: 0;
	line-height:160%
}
.content{
	margin: 0 0 0 105px
}
.content2{
	margin:0;
	float:left
}
.label{
	margin: 0 5px 0 0;
	padding: 0;
	width: 100px;
	text-align:right;
	display: block;
	float:left;
	clear:left;
	line-height: 190%
}
.zoekfunctieknop {
	text-align: left;
}
.knopzoekfunctie {
	color: #000;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	border-width: 0;
	cursor: pointer;
	padding: 2px;
	background-color: #EFefef;
}
.zoekknop {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

input.knop, input.knop2, input.knop3 {
	color: #000;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	border-width: 0;
	cursor: pointer;
	padding: 2px;
	background-color: #EFefef;
	text-transform: capitalize;
}
input.knop, input.knop3 {	
	margin: 5px 0 0 105px
}
input.knop2 {	
	margin: 5px 0 0 0
}
input.knop3 {
	padding: 2px;
	text-align: right;
	margin: 0px
}

.IkoonLinks{
	float: left;
	margin: 0 10px -2px 0;
	padding: 0;
}
.pdfopmerking {
	padding: 2px;
	margin: -5px 0 0 3px;
	float: right;
	color:#FFF;
	background-color: #7C97A0;
	clear: none;
	}

.easysite{
	font-size:10px;
	color:#FFF;
	line-height: 30px
	}
/* 2 kolommen tekst + beeld ------------ */
table.portal {
	margin:5px 0;
	width:100%
	}
table.portal .kolom1 {
	border-right: 1px solid #CCC;
	vertical-align:top;
	width:50%;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0
	}
table.portal .kolom2 {
	vertical-align:top;
	width:50%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px
	}
/* eyecatcher 1*/
#eyecatcher1{
	border: 1px solid #DBE0B1;
	margin-bottom: 20px;
	}	
#eyecatcher1 .foto {
	float:none;
	padding: 10px
}
#eyecatcher1 .titel {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	height: 16px;
	line-height: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #85A1AB;

	}
#eyecatcher1 .tekst {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 100%
}
/* eyecatcher  2*/
#eyecatcher2{
	border: 1px solid #DBE0B1;
	margin-bottom: 20px;
	background-color: #E8EDF0;
	}	
#eyecatcher2 .foto {
	float:none;
	padding: 10px
}
#eyecatcher2 .titel {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	height: 16px;
	line-height: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #E8EDF0;
	}
#eyecatcher2 .tekst {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 100%
}
/* eyecatcher 3 */
#eyecatcher3{
	border: 1px solid #DBE0B1;
	margin-bottom: 20px;
	}	
#eyecatcher3 .foto {
	float:none;
	padding: 10px
}
#eyecatcher3 .titel {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	height: 16px;
	line-height: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #85A1AB;
	}
#eyecatcher3 .tekst {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 100%
}
/* popup eyecatcher 1,2,3 */
#popup {
	position: absolute;
	background-image: url(bg.jpg);
	background-repeat: repeat-x
}
#popup table#eyecatcher1b .titel, #popup table#eyecatcher2b .titel, #popup table#eyecatcher3b .titel{
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background-color: #E0E6E5;
	font-size: 90%
}
#popup table#eyecatcher1b td.tekst, #popup table#eyecatcher2b td.tekst, #popup table#eyecatcher3b td.tekst {
	padding: 15px
}
#popup a:link, #popup a:visited, #popup a:active {
	color: #666;
	text-decoration: underline
}
#popup a:hover{
	color: #000;
	text-decoration: none
}

#copyright2{
position:absolute;
float:right;
top:0px;
right:0px;
	
}
/* SITEMAP */

#sitemap a:link, #sitemap a:visited, #sitemap a:active{
	color: #333;

}
#sitemap a:hover{
	text-decoration:none;


	}
	
#sitemap .level1 {
	font-weight: bold;
	text-decoration: none;
	color: #333;

} 
#sitemap .level2 {
	padding-left: 30px;
	text-decoration: none;
	color: #333;
} 
#sitemap .level3 {
	padding-left: 60px;
	text-decoration: none;
	color: #333;
} 
#sitemap .level4 {
	padding-left: 90px;
	text-decoration: none;
	color: #333}

