/* Kleur om te vervangen : #002395; */
/* naam om te vervange : etec */

@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'TrajanProBold';
	src: url('../fonts/trajanpro-bold-webfont.eot');
	src: local('?'), url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'), url('../fonts/trajanpro-bold-webfont.svg#webfontvOQlovy0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrajanProRegular';
	src: url('../fonts/trajanpro-regular-webfont.eot');
	src: local('?'), url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('../fonts/trajanpro-regular-webfont.svg#webfontAtwQtODA') format('svg');
	font-weight: normal;
	font-style: normal;
}

#languages {
	position:absolute;
	width:250px;
	height:40px;
	right:25px;
	top:-24px;
	text-align:right;
	z-index:40;
}

h1 {
	margin:6px 0 13px 0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	color:#4b4b4b;
}

h2 {   
	font-size:14px;
	color:#4b4b4b;
	font-weight:bold;
}

p,li {
	font-size:12px;
	font-weight:normal;
	color:#4b4b4b;
	padding:0;
	margin:0 0 12px 0;
	letter-spacing:normal;
	line-height:16px;
}

li {
	margin:0 0 0 0.8em;
	padding:0;	
}

p.contact {
	font-size:12px;
	color:#4b4b4b;
	letter-spacing:-1px;
	font-weight:normal;
	text-align:left;
}

p.box {
	font-size:12px;
	font-weight:normal;
	color:#5c5c5c;
	padding-bottom:5px;

}

#header {
	position:relative;	
	width:1000px;
	left:25px;
	z-index:3;
}

table {
	border-collapse:collapse;
	text-align:left;
	padding:0;
	margin:0 0 12px 0;	
	font-size:12px;
	color:#333;
}

th, th.l {
	text-align:left;
	font-weight:bold;
	background-color:#ededed;
	border: 1px solid #333;	
	padding:2px;	
}

th.r {
	text-align:left;
	font-weight:bold;
	background-color:#ededed;
	border: 1px solid #333;	
	padding:2px;	
}

td, td.o_l {
	background-color:#ededed;
	border: 1px solid #333;
	padding:2px;
	color:#333;
}

td.o_r {
	background-color:#FFF;
	border: 1px solid #d3d3d3;
	padding:2px;	
}

/* ==== 	 ==== */

#content_container {
	position:relative;
	float:left;
	left:25px;
	width:1000px;
	height:auto;
	margin:0;
	padding:0 0 15px 0;	
	color:#4b4b4b;
	min-height:485px;
	background-color:#fbfbfb;
	background-image:url(http://www.etec.nl/images/contentbg_repeat.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:2;
}

/* ==== Niveau 1 properties ==== */

#niveau1_container {
	position:absolute;
	bottom:0;
	left:170px;
	height:131px;
	width:auto;
	max-width:1000px;
}

#niveau1_knop_border_left, #niveau1_knop_border_left_selected {
	position:relative;
	float:left;
	width:1px;
	height:131px;
}

#niveau1_knop_border_left_selected {
	background-image:url(http://www.etec.nl/images/etec/knop1_border.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#niveau1_knop_border_right, #niveau1_knop_border_right_selected {
	position:relative;
	float:left;
	width:1px;
	height:131px;
}

#niveau1_knop_border_right_selected {
	background-image:url(http://www.etec.nl/images/etec/knop1_border.gif);
	background-position:bottom;	
	background-repeat:no-repeat;	
}

#niveau1_knop_repeat {
	position:relative;
	float:left;
	width:auto;
	height:131px;
	background-image:url(http://www.etec.nl/images/etec/knop1_repeat.gif);
	background-position:bottom;
	background-repeat:repeat-x;		
}

#niveau1_knop_repeat_selected {
	position:relative;
	float:left;
	width:auto;
	height:131px;
	vertical-align:bottom;	
	background-image:url(http://www.etec.nl/images/etec/knop1_selected.gif);
	background-position:bottom;	
	background-repeat:repeat-x;		
}

#niveau1_link {
	position:relative;
	float:left;
	height:30px;
	width:auto;
	text-align:center;
	margin: 100px 12px 0 12px;
	z-index:5;
}

#box, #box_selected {
	position:relative;
	float:left;
	width:135px;
	line-height:14px;
	height:auto;
	padding:5px 2px 5px 5px;
	margin:0 0 6px 0;
	min-height:50px;
	background-color:#dfe2f3;
	border:solid 1px #CCC;
}

#box_selected {
	background-color:#f6f4d9;
}

/* Buttons */

/* Niveau 1 */

a.niveau1:link, a.niveau1:active, a.niveau1:hover, a.niveau1:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#001453;
	text-decoration:none;
}

a.niveau1_selected:link, a.niveau1_selected:active, a.niveau1_selected:hover, a.niveau1_selected:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

a.niveau1:hover, a.niveau1_selected:hover {

}

/* Niveau 2 */

a.niveau2:link, a.niveau2:active, a.niveau2:hover, a.niveau2:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
}

a.niveau2_selected:link, a.niveau2_selected:active, a.niveau2_selected:hover, a.niveau2_selected:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#002395;
	text-decoration:none;	
}

a.niveau2:hover, a.niveau2_selected:hover {
	color:#002395;
}

/* Niveau 3 */

a.niveau3:link, a.niveau3:active, a.niveau3:hover, a.niveau3:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-decoration:none;	
	vertical-align:text-top;
}

a.niveau3_selected:link, a.niveau3_selected:active, a.niveau3_selected:hover, a.niveau3_selected:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;	
	color:#002395;
	vertical-align:text-top;	
	text-decoration:none;		
}

a.niveau3:hover, a.niveau3_selected:hover {
	color:#002395;
}

/* Niveau 4 */

a.niveau4:link, a.niveau4:active, a.niveau4:hover, a.niveau4:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666;
	text-decoration:none;	
	vertical-align:text-top;
}

a.niveau4_selected:link, a.niveau4_selected:active, a.niveau4_selected:hover, a.niveau4_selected:visited { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;	
	color:#002395;
	vertical-align:text-top;	
	text-decoration:none;		
}

a.niveau4:hover, a.niveau4_selected:hover {
	color:#002395;
	font-weight:normal;		
}

/* Crumpath */

a.crumpath:link, a.crumpath:active, a.crumpath:hover, a.crumpath:visited {
	color:#002395;
	font-size:11px;
	text-decoration:none;
}

a.crumpath:hover {
	text-decoration:underline;
}

a.crumpath_selected:link, a.crumpath_selected:active, a.crumpath_selected:hover, a.crumpath_selected:visited {
	color:#5c5c5c;
	font-size:11px;
	text-decoration:none;
}

a.crumpath_selected:hover {
	text-decoration:underline;
}

/* Hyperlinks */

#footertekst {
	position:absolute;
	left:0;
	bottom:-24px;
	width:1045px;
	text-align:center;
	color:#fecb00;
	font-size:11px;
}

a.footerlink:link, a.footerlink:active, a.footerlink:hover, a.footerlink:visited { 
	font-size:11px;
	font-weight:normal;
	text-decoration:none;	
	color:#fecb00;	
}

a.footerlink:hover {
	text-decoration:underline;	
}


a:link, a.hyper:link, a:active, a.hyper:active, a:visited, a.hyper:visited {
	color:#002395;
	font-size:12px;
	text-decoration:none;
}

a:hover, a.hyper:hover {
	text-decoration:underline;
	color:#002395;
}

/* Quicklinks */

a.quick:link, a.quick:active, a.quick:visited {
	font-size:10px;
	font-weight:bold;	
	color:#6a6a6a;
	margin:0 8px 4px 8px;
	text-decoration:none;
	line-height:16px;
	vertical-align:text-top;
}

a.quick:hover {
	text-decoration:underline;
	vertical-align:text-top;	
}

/* Box */

a.box:link, a.box:active, a.box:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;	
	color:#4b4b4b;
	text-decoration:none;
	vertical-align:text-top;
}

a.box:hover {
	text-decoration:underline;
	vertical-align:text-top;	
}

a.box_date:link, a.box_date:active, a.box_date:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:normal;	
	color:#4b4b4b;
	text-decoration:none;
	vertical-align:text-top;	
}

a.box_date:hover {
	text-decoration:underline;
	vertical-align:text-top;	
}

a.snelnaar:link, a.snelnaar:active, a.snelnaar:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;	
	color:#4b4b4b;
	text-decoration:none;
	vertical-align:text-top;
}

a.snelnaar:hover {
	text-decoration:underline;
	vertical-align:text-top;	
}


a.sitemap:link, a.sitemap:active, a.sitemap:hover, a.sitemap:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:normal;	
	color:#002395;
	text-decoration:none;
	vertical-align:text-top;	
}

a.sitemap:hover {
	text-decoration:underline;
	vertical-align:text-top;
}

.markup {
	background-color:#e4dfa4;
	border:dotted 1px gray;
}

/* For the boxes pages (agenda, nieuws, downloads, links */

a.links:link, a.links:active, a.links:visited, a.links:visited {
	color:#5c5c5c;
	font-size:12px;
	text-decoration:none;
}

a.links:hover {
	text-decoration:underline;	
}

/* ==== Snel naar ==== */

#snelnaar_container {
	position:absolute;
	left:15px;
	bottom:0px;
	width:150px;
	height:125px;
	text-align:center;
	z-index:15;
}

#snelnaar_titel {
	position:relative;
	width:150px;
	height:21px;
	margin:0 auto 0 7px;
	z-index:3;
	background-repeat:no-repeat;
}

#snelnaar_box {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	padding:5px 10px 10px 10px;	
	background-color:#dfe2f3;
	border:solid 1px #CCC;
	z-index:3;
}

/* Actie gedeelte linkerkant website */

#actie-container {
	position: absolute;
	left:40px;
	bottom:170px;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	z-index:60;
}

#actie-titel {
	position: relative;
	float: left;
	width: 150px;
	height: auto;
	margin:0 0 3px 0;
	background-color: transparent;
	background-position: top center;
	background-repeat: no-repeat;
	text-align:center;
}

#actie-tekst {
	position: relative;
	float: left;
	width: 150px;
	height: auto;
	background-color: transparent;
	margin: 0 0 3px 0;
	padding: 0;	
	text-align:center;
}

h3.actie {
	font-family: 'TrajanProRegular';
	font-size:12pt;
	color:#1a358e;
	margin:0;
	padding:0;
	text-align:center;
}

#actie-tekst p {
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 0;	
}

#actie-afbeelding {
	position: relative;
	float: left;
	width: 150px;
	height: auto;
	background-color: transparent;
	margin: 0;
	padding: 0;
	text-align:center;
}