/* CSS Document */

html, body {
	height: 100%;
}

body {
	background: url(../images/template/achtergrond.gif) center top;
	margin: 0px;
}

span, div, td, p {
	font-family: Tahoma;
	font-size: 11px;
	color: #1F1F1F;
	font-style: normal;
	font-weight: normal;
	line-height: 22px;
}

p {
	padding: 7px 0px;
	margin: 0px;
}

blockquote {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #4a4a4a; 
}

.bron {
	color: #3cb0d6;
}
.sfeer {
	width:267px; 
	height:232px; 
	overflow:hidden;
	z-index:999
}
img {
	border: none;
}

h1 {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 17px; 
	color: #201a88; 
	font-weight: normal; 
	line-height: 13px;
	background: url(../images/template/blok.gif) 22px 1px no-repeat;
	text-indent: 59px;
}

h1 a, link, visited, hover {
	text-decoration: none;
	color: #201a88;
}

h2 a, link, visited, hover {
	text-decoration: none;
	color: #000;
}

a, link, visited {
	color: #000000;
}

#container {
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	position: relative;
	margin: 0px auto;
	width: 906px;
	background: url(../images/template/site.gif) 0px 2px repeat-y;
	z-index: 50;
}

#site {
	width: 900px;
	height: auto;
	position: relative;
	padding: 0px 0px 110px 0px;
	text-align: left;
	margin: 0px 3px;
	z-index: 40;
}

#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#header {
	position: relative;
	float: left;
	width: 900px;
	height: 232px;
	background: url(../images/template/elinex.jpg) top no-repeat;
	z-index: 40;
}

#elinex {
	position: absolute;
	top: 50px;
	right: 20px;
	width: 90px;
	height: 90px;
	cursor: pointer;
}

#menu {
	position: absolute;
	top: 158px;
	left: 258px;
	height: 24px;
	z-index:700
}

#menu .knop {
	position: relative;
	float: left;
	height: 24px;
	padding: 0px 26px;
}

#menu .knop a {
	position: relative;
	float: left;
	height: 24px;
	line-height: 24px;
	font-family: Tahoma; 
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #1d1d1f;
}

#menu .knop a:hover {
	color: #52bad5;
}

#menu .knop .submenu {
	position: absolute;
	left: 18px;
	top: 24px;
	width: 230px;
}

#menu .knop .submenu a {
	text-indent: 8px;
	width: 100%;
	background: url(../images/template/menu.gif) repeat-x bottom #FFFFFF;
	height: 26px;
	line-height: 26px;
}

#marquee{
	width:900px; position:absolute;
	height:18px;
	background:url(../images/bg_marquee.gif) repeat-x;
	top:182px; right:0;
	z-index:10;
	line-height:18px;
}
marquee{
	width:900px; position:absolute;
	height:18px;
	top:0; right:0;
	z-index:10;
	line-height:18px;
}

ul.opsomming{
	padding-left:10px;
	float:left;
	width:200px;
	margin:0
}
ul.opsomming li{
	list-style:none;
	background:url(../images/template/bullet.gif) no-repeat 0 9px;
	padding:0 0 0 15px;
}

#links {
	position: relative;
	float: left;
	width: 227px;
	z-index: 30;
}

#talenkeuze, #actueel, #elinexlexicon {
	position: relative;
	float: left;
	width: 227px;
}

#vlaggen {
	position: relative;
	float: left;
	padding: 10px 0px 20px 40px;
}

#vlaggen img {
	position: relative;
	float: left;
	margin: 0px 4px;
}

#actueel {
	padding-bottom: 20px;
}

#actueel .item {
	margin: 10px 0px 0px 0px;
	width: 200px;
}

#actueel .datum {
	font-family: Tahoma; 
	font-size: 9px; 
	font-weight: bold; 
	color: #3cb0d6;
	text-indent: 44px;
	line-height: 22px;
}

#actueel .titel {
	color: #333333; 
	font-family: Tahoma; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 22px;
	padding-left: 44px;
}

#actueel a {
	font-family: Tahoma; 
	font-size: 9px; 
	font-weight: bold; 
	color: #3cb0d6;
	padding-left: 44px;
	line-height: 22px;
	text-decoration: none;
}

#talenkeuze .subtitel, #actueel .subtitel, #elinexlexicon .subtitel {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 10px; 
	font-weight: bold; 
	text-transform: uppercase;
	color: #201a88;
	background: url(../images/template/blok.gif) 12px 1px no-repeat;
	text-indent: 44px;
	padding-bottom: 20px;
	line-height: 11px;
}

#elinexlexicon .subtitel {
	padding-bottom: 10px;
}

#elinexlexicon .items {
	position: relative;
	float: left;
	text-align: justify;
	margin: 0px 0px 0px 44px;
	display: inline;
	width: 156px;
	padding: 0px 0px 20px 0px;
	font-family: Tahoma; 
	font-size: 10px; 
	color: #4a4a4a; 
	line-height: 15px; 
}

#elinexlexicon .items a {
	color: #4a4a4a;
	text-decoration: none;
}

#elinexlexicon .items a:hover {
	text-decoration: underline;
}

#rechts {
	position: relative;
	float: right;
	width: 673px;
	z-index: 30;
}


#sitepath {
	position: absolute;
	right: 57px;
	top: 0px;
	font-family: Tahoma; 
	font-size: 10px;
	color: #808080;
	line-height: 12px;
	padding-right: 2px;
}

#sitepath a {
	color: #515151; 
}

#sitepath a:hover {
	text-decoration: none;
}

#content {
	position: relative;
	float: left;
	width: 400px;
	padding: 10px 0px 0px 59px;
}

#content .banner {
	position: relative;
	float: left;
	width: 556px;
	padding: 5px 0px;
}

#content .slogan {
	position: relative;
	float: left;
	width: 556px;
	padding: 10px 0px;
}

#content .vacaturebalk {
	background: #878889;
	width: 556px;
	height: 30px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin: 20px 0px 20px 0px;
}

#content .vacature {
	width: 614px;
	height: auto;
	margin-top: 15px;
}

#content .vacature .vacature_foto {
	position: relative;
	float: left;
	display: inline;
	width: 220px;
	height: 164px;
	overflow:hidden;
}

#content .vacature .vacature_intro {
	position: relative;
	float: left;
	display: inline;
	width: 394px;
	height: 164px;
	background:url(../images/vacaturelogo.jpg) no-repeat center top;
}

#content .vacature .vacature_intro p {
	font-size: 10px;
	line-height: 12px;
	padding: 5px 15px 5px 10px;
}

#content .vacature .vacature_functie {
	position: relative;
	float: left;
	width: 614px;
	height: 40px;
	background: #365f91;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

#content .vacature .blokgrijs {
	position:relative;
	float:left;
	width:564px; height: auto;
	padding:25px;
	background:#bfbfbf;
	color:black
}

#content .vacature .blokzwart {
	position:relative;
	float:left;
	width:564px; height: auto;
	padding:25px;
	background:black;
	color:white
}

#content .vacature .blokzwart p{
	color:white;
	font-weight:bold;
	line-height:16px;
	margin:0
}

#content .vacature .blokblauw {
	position:relative;
	float:left;
	width:564px; height: auto;
	padding:25px;
	background:#365f91;
	color:white
}

#content .vacature .blokblauw p,
#content .vacature .blokblauw p a{
	color:white;
}

#content .vacature .kolomwit {
	position: relative;
	float: left;
	width: 220px;
	height: auto;
}

#content .vacature .kolomgrijs {
	position: relative;
	float: right;
	width: 394px;
	height: auto;
	background: #d9dadb;
}

#content .vacature .kolomgrijs p {
	padding: 10px 15px 10px 10px;
}

#content .vacaturebalk a, link, visited, hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#content .box {
	position: relative;
	float: left;
	width: 556px;
	background: #e5e5e7;
	margin: 10px 0px;
}

#content .box h2 {
	padding: 0px;
	margin: 0px;
	position: relative;
	margin: 1px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	font-family: Tahoma; 
	font-size: 13px; 
	color: #1f1f1f;
	font-weight: normal; 
}

#content .box .tekst {
	position: relative;
	margin: 1px;
	padding: 5px 20px;
	background: #FFFFFF;
	float: left;
	width: 514px;
}

#content .box .tekst .link {
	position: relative;
	float: left;
	width: 514px;
}

#content .box .tekst .link img {
	position: relative;
	float: left;
	padding: 20px 0px;
}

#content .box .tekst .link a {
	position: relative;
	float: left;
	margin: 50px 30px;
	color: #3cb0d6;
}

#content .box .tekst:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#content .box .tekst img {
	display: block;
}

#content .box .tekst .nieuwsitem {
	position: relative;
	float: left;
	padding: 5px 0px;
	font-family: Tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	color: #3cb0d6;
	line-height: 20px;
	width: 520px;
}

#content .box .tekst .nieuwsitem a {
	color: #1f1f1f;	
}

#content .box .tekst a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#content .box .tekst a.blauw {
	color: #3cb0d6;
}

#content .box .tekst a:hover {
	text-decoration: underline;
}

#content .box .tekst .img_rechts {
	position: relative;
	float: right;
	margin-left: 15px;
	margin-bottom: 8px;
	margin-top: 5px;
}

#content .box .tekst .img_links {
	position: relative;
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-top: 5px;
}

#content .box .tekst .grijsvlak {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	background: #edeeef;
}

.marktsegment {
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	background: #edeeef;
	width: 536px;
}

.marktsegment .titelbold {
	color: #201a88;
	font-weight: bold;
	text-transform: uppercase;
}

#content .box .tekst .titelbold {
	color: #201a88;
	font-weight: bold;
}

.melding {
	line-height: 30px;
	padding: 0px 10px;
	margin: 10px 0px;
	color: #1f1f1f;
	font-weight: normal;
	background: #e5e5e7;
}

form {
	padding: 10px 0px;
}

label {
	float: left;
	width: 100px;
	line-height: 25px;
}

textarea {
	height: 100px;
}

input, textarea {
	font-family: Tahoma;
	font-size: 11px;
	color: #1F1F1F;
	border: 1px #e5e5e7 solid;
	padding: 3px;
	width: 200px;
	overflow: auto;
}

input {
	width: 200px;
}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/template/footer.gif) repeat-x #ffffff;
	width: 900px;
	margin: 0px 3px;
	z-index: 50;
	height: 100px;
}

#footer .adres {
	position: relative;
	float: left;
	width: 900px;
	font-family: Tahoma; 
	font-size: 10px; 
	color: #4a4a4a; 
	line-height: 40px;
	height: 45px;
	text-align: center;
}

#footer .copyright {
	font-family: Arial;
	font-size: 11px;
	color: #9b9b9b;
	line-height: 55px;
	text-align: center;
}

#footer .copyright a {
	color: #9b9b9b;
	text-decoration: none;
}

#footer .copyright a:hover {
	text-decoration: underline;
}