/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }



html, body {
border:0;
margin:0;
padding:0;
}





/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */



body           { color: #1a597e; font-size: 80%; font-family: Arial; line-height: 1.2; background-color: #9ec3d5;  margin: 0; padding: 0 }
p {}
a    { color: #dd9e1d; text-decoration: none }
a:link    { color: #dd9e1d }
a:hover  { color: #1a597e }
.space  { padding: 5px }
.space2 { padding: 10px }
.spacey2  { background-color: #fffbf2; padding: 10px; border-bottom: 1px solid #fbf3e2 }
.space3 { padding: 20px }
.myp { width: 520px }
h1     { color: #4ea2bd; font-size: 15px; background-image: url("../images/dottedline.gif"); background-repeat: repeat-x; background-position: 0 20px; text-transform: uppercase; margin: 0.6em 0 1em; padding-top: 4px }
h2     { color: #dd9e1d; font-size: 13px; font-weight: bold; background-image: url("../images/dottedline2.gif"); background-repeat: repeat-x; background-position: 0 25px; margin: 0.83em 0 1.5em; padding-top: 11px }
h3  { color: #d08514; font-size: 13px; font-weight: bold; background-color: #fbf3e2; text-indent: 10px; margin: 0.6em 0; padding-top: 5px; padding-bottom: 5px; }
h4  { color: #749d80; font-size: 13px; font-weight: 600; background-color: #f0f6f2; text-indent: 10px; margin: 0.6em 0; padding-top: 5px; padding-bottom: 5px; }
h5 { color: #d08514; font-size: 13px; font-weight: bold; background-image: url("../images/arrowdouble_yellow.gif"); background-repeat: no-repeat; background-position: 0 6px; text-indent: 10px; margin: 0 0 5px }
h6   {
	color: #0B5A7D;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0.6em;
	margin-bottom: 0.6em
}
h7 { color: #49a3bd; font-size: 16px; text-transform: uppercase }

hr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #CDE796;
	border-right: 0 none #CDE796;
	border-bottom: 0 none #CDE796;
	border-left: 0 none #CDE796;
}
.line{
	margin: 10px 0px 0px;
	padding: 0px;
	background: url(../images/dottedline.gif) repeat-x;
}
.txt{
	width: 85%;
}
p, ul, ol {
	margin:0px;
	padding:0px;
}

ul, ol {
	padding:0px;
	margin:0px;
}


.note{
	color: #666666;
	font-size: 11px;
}

.verplicht{
	color: #FF0000;
}


table  { color: #1a597e; font-size: 12px; line-height: 3ex }

.morelink { background-image: url("../images/arrow2.gif"); background-repeat: no-repeat; background-position: 0 1px; padding-left: 15px }
.pagenav { font-size: 11px; text-align: right; text-transform: uppercase }
.pagenavr   { color: #3392ac; font-size: 11px; text-align: right; margin-top: 5px; margin-bottom: 5px; width: 300px; float: right }
.pagenavr a { color: #3392ac; text-decoration: none }
.pagenavr a:hover { color: #dd9e1d; text-decoration: none }
.pagenavl   { color: #3392ac; font-size: 11px; margin-top: 5px; margin-bottom: 5px; width: 300px; float: left }
.pagenavl a { color: #3392ac; text-decoration: none }
.pagenavl a:hover { color: #dd9e1d; text-decoration: none }
.text   { line-height: 1.2em; width: 470px }

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
	border:0px;
}

.hspace{
	padding-right: 5px;
}

.hspace2{
	padding-right: 5px;
	padding-left: 10px;
}
.hspace3{
	padding: 0px 15px 0px 0px;
	margin: 0px;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.pic {
	border: 1px solid #cccccc;
	padding: 1px;
	background: #FFFFFF;
	margin: 0px 0px 10px;
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }





/***** Global Classes *****/

.clear 			{ 
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.thumb{
	float: left;
	width: 75px;
}
.thumbspacer {
	width: 1px;
	float: left;
	display: block;
	margin: 0px 6px 0px 7px;
	padding: 0px;
	height: 60px;
}
.photogallerybox {margin: 0; padding: 0; width: 135px; float: right}

/* ************************ Form validation stuff ************************ */
.formfielderror{background: #FF727C}
.txtallert{color: #FF727C}

/* ************************************************************** */
/* ************************Framework ************************ */
/* ************************************************************** */

#wrapper      {
	margin: 0;
	padding: 0;
	width: 980px;
	background-image: url("../images/bg_site.gif");
	background-repeat: repeat-y;
}


/* ************************************************************** */
/* ************************ Leftframe ************************ */
/* ************************************************************** */
#leftframe   { margin: 0; padding: 0; width: 219px; float: left; border-right: 1px solid white }
#logo  {
	background-color: #fff;
	margin-top: 8px;
	height: 122px;
	border-bottom: 1px solid #d8d8d6
}
#slogan {
	position: absolute;
	margin-top: 30px;
	margin-right: 30px;
	display:block;
	height: 70px;
	width: 720px;
	font-size: 20px;
	color: #1A597E;
	text-align: right;
}
#newsletter { background-color: #b6d2be; height: 49px; border-bottom: 1px solid #fff }
#sectorbar  { color: #fff; background-color: #1a597e; text-transform: uppercase; padding: 10px 5px 5px 15px; height: 20px }
#flanderslogo {text-align: center; margin-top: 10px }

/* ************************ Main Navigation *************************/
#nav { margin: 0; padding: 0; width: 220px }
html>body #nav { margin: 0; padding: 0; width: 219px }
#navigation { margin: 0; padding: 0; width: 219px }
#navigation ul   { margin: 0 0 -3px; padding: 0px }


.navlevel1     {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 3px;
	width: 219px;
	border-bottom: 1px solid #fff;
	 background-color: #0B5A7D;
	font-weight: bold;
}
.navlevel1 a   {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 174px;
	 background-color: #0B5A7D;
	background-image: url(../images/icons_nav1.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.navlevel1 a:hover    {
	color: #FD9B12;
}



.navlevel2     {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0;
	width: 219px;
	border-bottom: 1px solid #fff;
	background-color: #3193AE;
	font-weight: bold;
}
.navlevel2 a   {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 174px;
	background-color: #3193AE;
	background-image: url(../images/icons_nav2.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.navlevel2 a:hover    {
	color: #FD9B12;
}

.navlevel3     {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0;
	width: 219px;
	border-bottom: 1px solid #fff;
	 background-color: #FD9B12;
	font-weight: bold;
}
.navlevel3 a   {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 174px;
	background-color: #FD9B12;
	background-image: url(../images/icons_nav3.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.navlevel3 a:hover    {
	color: #0B5A7D;
}

.navlevel4     {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0;
	width: 219px;
	border-bottom: 1px solid #fff;
	 background-color: #A7C9B0;
	font-weight: bold;
}
.navlevel4 a   {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 174px;
	background-color: #A7C9B0;
	background-image: url(../images/icons_nav4.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.navlevel4 a:hover    {
	color: #0B5A7D;
}

.navlevel5     {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0;
	width: 219px;
	border-bottom: 1px solid #fff;
	 background-color: #b6d2be;
	font-weight: bold;
}
.navlevel5 a   {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 5px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 174px;
	 background-color: #b6d2be;
	background-image: url(../images/icons_nav5.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.navlevel5 a:hover    {
	color: #0B5A7D;
}
/* ************************************************************** */
/* ************************ Right frame ************************ */
/* ************************************************************** */
#rightframe   { margin: 0px; padding: 0px; width: 749px; float: left; overflow:visible; }
#bluebar      { color: #fff; background: #076e8f; margin: 0; padding: 0; height: 25px; border-bottom: 1px solid #fff }
#bluebar a { color: #fff; text-decoration: none }
#bluebar a:hover { color: #f9d568; text-decoration: none }
#blue   { font-size: 10px; margin: 0; padding: 5px 0 0; width: 630px; float: right; text-align: right; }
#blue ul { margin: 0; padding: 0 }
#blue li { display: inline; margin: 0 0 0 5px; padding: 0 10px 0 5px; border-right: 1px solid #fff }
#print    {
	font-size: 10px;
	margin-right: 5px;
	padding-top: 5px;
	width: 100px;
	float: right;
	text-transform: uppercase;
	text-align:right;
}
#toppic   { margin: 0 0 -3px; padding: 0; height: 1%; border-bottom: 1px solid #fff }
#html > body #toppic { margin: 0 0 -3px; padding: 0; height: auto; border-bottom: 1px solid #fff }
#darkbar    { background-color: #2a343a; margin: 0; padding: 0; height: 1% }
#html > body #darkbar { background-color: #2a343a; margin: 0; padding: 0; height: auto }
#breadcrumb   {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 20px;
	float: left
}
#breadcrumb a { color: #fff; text-decoration: none }
#breadcrumb a:hover { color: #f9d568; text-decoration: none }



/* ************************************************************** */
/* ************************ Content ************************ */
/* ************************************************************** */

#content   { margin: 0; padding: 0 }
#footer                {
	color: #fff;
	font-size: 11px;
	background-color: #49a3bd;
	margin: 0px;
	height: 40px;
	clear: left;
	width: 970px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}
#toppic                {
	background-image: url(../images/toppic.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	height: 190px;
}
#footer a  { color: #313f5c; text-decoration: none }
#footer a:hover  { color: #e53003; text-decoration: none }
.westsite { position: absolute; left: 10px }

/* ************************ ContentZONE ************************ */
.contentdd  { margin-right: 20px; width: 200px; float: left }
.contentzone  { width: 480px; float: left }

.pagesbox  {
	color: #1a597e;
	background-color: #ddeef2; /*text-transform: uppercase;*/
	margin: 0;
	padding: 5px;
	font-size: 10px;
}
.pagestitle    {
	color: #1a597e;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 5px
}
.pagestitle a  { color: #1a597e; text-decoration: none }
.pagestitle a:hover { color: #dd9e1d; text-decoration: none }

.bluebg{
	background: #F7FBFC;
}


.greenbg{
	background: #edf5f0;
}


.content1{
	float: left;
	width: 540px;
	margin-right: 40px;
}

.content2{
	float: left;
	width: 120px;
}


.newscontainer{
	margin: 0px;
	padding: 10px;
	border-bottom: 1px dotted #3193AE;
}

.newsdate{
	color: #3193AE;
	font-size: 10px;
	margin-bottom: 5px;
}

.newstitle{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 11px;
}
.newstitle a{
	color: #3193AE;
	text-decoration: none;	
}
.newstitle a:hover{
	color: #0B5A7D;
	text-decoration: none;	
}
.newstxt{
	margin-bottom: 5px;
	
	font-size: 11px;
}

.newstxt a{
	color: #0B5A7D;
	text-decoration: none;	
}
.newstxt a:hover{
	color: #3193AE;
	text-decoration: none;	
}


#content ul {
	margin-left: 30px;
}

/* ******************************************** */

/* ************** SUBMIT BUTTON ************** */

/* ******************************************** */



button { 

  border:0; 

  cursor:pointer; 

  font-weight:bold; 

  padding:0 20px 0 0; 

  text-align:center; 

}

button span { 

  position:relative; 

  display:block; 

  white-space:nowrap; 

  padding:0 0 0 20px; 

}



/*blue buttons*/

button.submitBtn {

	/*background:url(../images/btn_right.gif) right no-repeat;*/
	
	background-color: #3193AE;
	
	padding-left: 20px;

	font-size:11px;

	height:22px;

	line-height:20px;
	
	color:#fff;
	
	text-align: center;

}

button.submitBtn span {

	height:22px;

	line-height:20px;

	background:url(../images/btn_left.gif) left no-repeat;

	color:#fff;

}

button.submitBtn:hover {
	
	background-color: #007893;

}

button.submitBtn:hover span {

	background:url(../images/btn_left_hover.gif) no-repeat left;

}

	



button { 

  width:auto; 

  overflow:visible; 

}

button span { 

  margin-top:1px; 

}
.submit{
	padding-left: 120px;
}
/* ************************ Homepage ************************ */
#contenthome { margin: 0; padding: 0 }
.hnewscontainer0 {
	margin: 0px;
	padding: 10px;
	border-bottom: thin dotted #ccc
}
.hnewscontainer1 {
	margin: 0px;
	padding: 10px;
	border-bottom: thin dotted #ccc;
	background: #F7FBFC;
}
.hnewspic { margin-right: 10px; width: 115px; float: left }
.hnewscontent {
	width: 430px;
	float: left
}
.hnewstitle {
	color: #49a3bd;
	font-weight: bold;
	margin-bottom: 5px;
}
.hnewstitle a {
	color: #49a3bd;
}
.hnewstitle a:hover {
	color: #dd9e1d;
}
.hnewsdate {
	color: #49a3bd;
	font-size: 11px;
	margin-bottom: 5px;
}
.hnewslink {
	text-align: right;
	float: left;
	width: 130px;
}


/* ************************ Form  ************************ */

/* Tables */
.tabletext   { color: #1a597e; font-size: 12px; line-height: 3ex }
form   { font-size: 12px; display: inline; margin: 0; padding: 0 }
.th  { font-size: 12px; margin: 0; padding: 5px }
.input   { color: #313f5c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.checkb { color: #313f5c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.radio   { color: #022d64; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  }
.inputtext    { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 60px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.ddselect { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 170px; height: 120px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.ddnewsletter { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 150px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.topline { color: #1a597e !important; font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: 14px; width: 700px; border-top: 1px solid #f0f6f2; border-right: 1px solid #f0f6f2; border-bottom: #f0f6f2; border-left: #f0f6f2; border-collapse: separated; border-spacing: 0     }
.th   { color: #749d80 !important; font-size: 12px; font-weight: bold; background-color: #eaf1ea; margin: 0; padding: 0; height: 20px }
.tr0   { color: #1a597e !important; font-size: 12px; background-color: #f0f6f2; margin: 5px 0; padding: 5px; height: 30px }
.tr1  { color: #354c73; font-size: 12Px; background-color: #fff; margin: 5px 0; padding: 5px; height: 30px }
.trsub    { color: #749d80; font-size: 12px; font-weight: bold; background-color: #f7fbf8; margin: 5px 0; padding: 5px; height: 30px }
.trport { color: #749d80; font-size: 12px; font-weight: bold; background-color: #f0f4f1; margin: 5px 0; padding: 5px; height: 30px }
.trtot { color: #749d80; font-size: 12px; font-weight: bold; background-color: #eaf1ea; margin: 5px 0; padding: 5px; height: 30px }
.tdleft     { font-size: 12px; padding: 10px; border-top: #f0f6f2; border-right: #f0f6f2; border-bottom: 1px solid #f0f6f2; border-left: 1px solid #f0f6f2 }
.tdleft a { color: #1a597e; text-decoration: none }
.tdleft a:hover { color: #749d80; text-decoration: none }


/* Toegevoegd tijdens scripting */
.a_cal    { color: #1a597e; text-decoration: none }
.a_cal:link    { color: #1a597e; text-decoration: none }
.a_cal:hover  { color: #dd9e1d; text-decoration: none }