@import url(extensies/tt_news.css);

body {
	margin: 0;
	padding: 0px;
	background-color: #ffffff;
}
body, p, td, li {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

ul {  padding-left: 20px;}

a {
	font-family: Verdana, Helvetica, sans-serif;
	color: #2D3C77;
	text-decoration: underline;
	outline: none;
}
a:link {
	color: #2D3C77;
	text-decoration: underline;
}
a:visited {
	color: #2D3C77;
	text-decoration: underline;
}
a:hover {
	color: #2D3C77;
	text-decoration: none;
}
a:active {
	color: #2D3C77;
	text-decoration: underline;
}

#container {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#sub_container {
	background-image: url(images/bg_content.gif);
	background-repeat: repeat-y;
}


#content_container {
	margin: 20px 20px 20px 20px;
}

#header {
	background-image: url(images/bg_header.gif);
	background-repeat: no-repeat;
	height: 130px;
	position: relative;
}

#header img.airport {
	position: absolute;
	top: 0px;
	right: 0px;
}

#taalkeuze {
	position: absolute;
	top: 85px;
	right: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
}
#taalkeuze a {
	text-decoration: none;
	color: #fff;
}
#taalkeuze a.lang_selected {
	color: #9BE0FE;
	font-weight: bold;
}

#footer {
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	height: 150px;
}

#content p.list {
	margin: 0;
	padding: 0px 0px 5px 0px;
	display: block;
	clear: both;
}


fieldset.csc-mailform {
	border: 1px solid #ccc;
	padding: 20px;
}

#content label {
	font-weight: bold;
	float: left;
	text-align: left;
	padding: 0 20px 0 0;
	width: 135px;
}

.csc-mailform-field input,select,textarea {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #333;
	width: 200px;
}

.csc-mailform-field textarea {
	width: 350px;
	height: 120px;
}
.csc-mailform-field input.checkbox {
	width: auto;
}
.csc-mailform-field select {
	width: 206px;
}

input.csc-mailform-submit {
	width: auto;
	margin-left: 155px;
	margin-top: 15px;
}

span.errors {
	display: block;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ff0000;
	padding: 5px;
}

span.errors ul {
	margin: 10px 0 0 0;
}

p.bodytext {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
}

.content_item {
	margin-top: 0px;
	margin-bottom: 10px;
}

.csc-header {
	/* padding-top: 10px; */
}

.csc-caption {
	margin-top: 1px;
	text-align: right;
	background-color: #B2C412;
}

.csc-sword { background-color: yellow; }

#pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0A3565;
	padding-top: 5px;
	margin-bottom: 14px;
	padding-bottom: 8px;
}

.divider { color: #009CED; font-weight: normal; }

#lastupdate {
	display: block;
	position: absolute;
	bottom: 45px;
	color: #AAABD3;
	clear: both;
	padding-top: 3px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px dotted #C4C1D4;
}

/**********/
/* Images */
/**********/

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }

td.col1_left { vertical-align: top; padding: 0;}
td.col1_main { vertical-align: top; padding: 0 0 0 10px; }

.csc-frame-frame1 {
	border: solid 1px #009CED;
	padding: 5px;
	margin-bottom: 25px;
}

.csc-frame-frame1 .csc-header {
	margin-top: 0px;
}

.csc-frame-frame1 .csc-header H1, .csc-frame-frame1 .csc-textpicHeader H1 {
	margin-top: 0px;
}



/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, UL, OL, BLOCKQUOTE, input, textarea, select { font-family: arial, helvetica; }

input, textarea {
	font-size: 11px;
}


/******************/
/* Headers, plain */
/******************/
H1 { font-size: 14px; color: #009CED; }
H2 { font-size: 16px; color: #15185C; }
H3 { font-size: 16px; }
H4 { font-size: 14px; }
H1, H2, H3, H4, H5, H6 { margin: 25px 0px 10px 0px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

p.csc-header-date {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

/*---------------------- Main menu  ------------------------*/

#topmenu {
	position: absolute;
	bottom: -5px;
	right: 0px;
}

#topmenu ul {
	float: left;
	margin: 0;
	padding: 0;
}

#topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #003985;
}

#topmenu li a {
	display: block;
	margin: 0;
	padding: 0px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	line-height: 22px;
}

#topmenu .topmenu_act a {
	background-color: #009CED;
	/* #9CCB30 */
}

#topmenu li a:hover {
	background-color: #DCF4FF;
	color: #003985;
}

/*---------------------- Left menu  ------------------------*/

#submenu { margin: 30px 0 20px 0; width: 165px;}

#submenu ul {
	margin: 0;
	padding: 0;
}

#submenu li {
	margin: 7px 0 2px 15px;
	list-style: none;
}


#submenu a {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

#submenu li.sub_niv1 a {
	font-weight: bold;
	padding-left: 17px;
	background-image: url(images/bullet_submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#submenu li.sub_niv2 a {
	font-weight: normal;
	padding-left: 30px;
	background-image: url(images/bullet_submenu2.gif);
	background-repeat: no-repeat;
	background-position: 18px 3px;
}

#submenu li a:hover {  color: #009CED; }

#submenu li.sub_act a { color: #009CED; }

div.clearer {
	clear: both;
}

hr.clearer {
	color: #fff;
	height: 1px;	
}

/*---------------------- Plugin : Links  ------------------------*/

.links_breadcrumbs {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EF8929;
}

.links_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #EF8929;
}

.cmwlinks_description, .cmwlinks_img {
	padding: 5px 0;
}

.cmwlinks_list_img {
	padding-top: 5px;
}

/*---------------------- Plugin : Banners  ------------------------*/

div.tx-pxbanners-pi1-banner {
	margin: 12px 0 12px 0;
}

/*---------------------- Plugin : Poll  ------------------------*/

.poll_list {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
}



/*-------------------------- Forms  --------------------------*/


table.csc-mailform {
	width: 100%;
}

.csc-form-labelcell {
	width: 30%;
	/* background-color: #D5DFEA; */
	text-align: right;
}

.csc-form-fieldcell {
	width: 70%;
	/* background-color: #F1F6F9; */
}

table.csc-mailform td {
	padding: 2px;

}


/* Uploads */

table.csc-uploads td { margin: 0; padding: 0; }
td.csc-uploads-fileSize p { padding: 0 0 0 10px; font-size: 10px; }

/* CSS STYLED IMG */
/* Captions */

P.csc-caption {
	font-size: 10px;
	font-style: italic;
	background-color: #003985;
	margin-top: 1px;
	padding: 2px 5px;
	color: #FFFFFF;
	text-align: right;
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 1px solid #B4DBEE;
  padding: 2px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; height: 1px; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-top: 8px; margin-bottom: 8px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */

#elogin {
	text-align: center;
	padding: 5px;
	background: #e5f3fa;
	margin: 5px 20px;
}
