@import url(extensies/tt_news.css);

body {
	margin: 0;
	padding: 0;
	background-image: url(img/bg.gif);
}

body, table, p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #444;
}

b, strong {
	color: #000;
}

a {
	color: #000;
	outline: none;
}

a:hover {
	color: #1ab7ea;
}

#container {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
}

#subcontainer {
	border-left: 1px solid #a4a4a4;
	border-right: 1px solid #a4a4a4;
}

#header span {
	display: none;
}

#header #headerfoto {
	position: absolute;
	right: 1px;
	top: 1px;
}

#header #headerflash {
	position: absolute;
	left: 1px;
	top: 1px;
}

#header #lm {
	position: absolute;
	top: 70px;
	left: 525px;
	font-size: 14px;
	color: #1ab7ea;
}

#header #lm a {
	text-decoration: none;
	color: #1ab7ea;
}

#header #lm a.lang_selected {
	color: #666;
}


#header #print {
	position: absolute;
	left: 525px;
	top: 120px;	
}

#toolsmenu {
	position: absolute;
	left: 560px;
	top: 120px;	
}

#toolsmenu a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
}

div.tm17 a {


/* sitemap */
	background-image: url(img/icon-sm.gif);
	width: 23px;
}


#contentcontainer {
	background-color: #fff;
	position: relative;
	padding: 20px 20px;
}

td#cl {
	background-color: #fff;
	vertical-align: top;
	width: 240px;
	overflow: hidden;
}

div#fotoc {
	width: 340px;
	overflow: hidden;
}


td#cr {
	background-color: #fff;
	vertical-align: top;
	width: 720px;
}


#pagetitle {
	color: #1bb7ea;
	padding: 0;
	margin: 0 0 5px 0;
	font: bold 20px Arial, Helvetica, Geneva, sans-serif;
}

#pagesubtitle {
	color: #727778;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

/* Menu */

#menu {
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	width: 900px;
	z-index:100;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
}

#menu li.menu_act a {
	background: url(img/menu_act.gif) no-repeat center top;
}

#menu a {
	display: block;
	color: #36434d;
	text-decoration: none;
	padding: 0 7px;
	line-height: 35px;
	border-right: 1px solid #2dabd4;
}

#menu a:hover {
	color: #000;
}


#submenu {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	width: 239px;
}

#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#submenu li {
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}

#submenu li.submenu_1_act {
}

#submenu li.submenu_2 {
	border-right: none;
	border-bottom: none;
}

#submenu li.submenu_2_act {
	border-right: none;
	border-bottom: none;
}

#submenu li.submenu_3 {
	border-right: none;
	border-bottom: none;
}

#submenu li.submenu_3_act {
	border-right: none;
	border-bottom: none;
}


#submenu a {
	display: block;
	color: #4c5f6e;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

#submenu .submenu_1_act a {
	color: #1697c2;
}

#submenu .submenu_2 a {
	color: #4c5f6e;
	font-weight: normal;
	background: url(img/submenu2_bg.gif) no-repeat 15px 8px;
	font-size: 12px;
	line-height: 15px;
	padding: 5px 5px 5px 30px;
}

#submenu .submenu_2_act a {
	color: #1697c2;
}

#submenu .submenu_3 a {
	color: #4c5f6e;
	padding-left: 45px;
	font-weight: normal;
	background: url(img/submenu3_bg.gif) no-repeat 30px 8px;
	font-size: 12px;
	line-height: 15px;
}

#submenu .submenu_3_act a {
	color: #1697c2;
}



#submenu a:hover {
	color: #000;
}

#left_content {
	padding-top: 20px;
	background: url(img/left_bg.gif) repeat-x;
	padding: 20px;
}



/* TYPO3 */

p, pre {
	margin: 0;
}


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;
}

h1 {
	font: bold 18px Arial, Helvetica, Geneva, sans-serif;
	color: #24769a;
}

h2 {
	font: bold 18px Arial, Helvetica, Geneva, sans-serif;
	color: #1ab7ea;
}

h3 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	color: #24769a;
}

h4 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	color: #1ab7ea;
}

.csc-frame-frame1 {
	padding: 15px;
	border: 5px solid #ff7c00;	
}

.csc-frame-frame2 {
	padding: 15px;
	border: 5px solid #fff;	
}

.csc-frame-rulerAfter {
	padding-bottom: 25px;
	border-bottom: 1px dotted #ff7c00;
}

.csc-frame-rulerBefore {
	margin-top: 25px;
	border-top: 1px dotted #ff7c00;	
}

.csc-frame-indent {
	padding-left: 70px;
}

.csc-frame-indent3366 {
	padding-left: 33%;
}

.csc-frame-indent6633 {
	padding-right: 33%;
}


/* -- COLUMNS---- */

td.col_left, td.col_center, td.col_right {
	vertical-align: top;
}

/* 2 col (L=R) */

.col_2_a td.col_left {
	padding-right: 19px;
	border-right: 1px dotted #84a7cf;
}

.col_2_a td.col_right {
	padding-left: 20px;
}

.col_2_a div.col_left {
	width: 320px;
	overflow: hidden;
}

.col_2_a div.col_right {
	width: 320px;
	overflow: hidden;
}


/* 2 col (L>R) */

.col_2_b td.col_left {
	padding-right: 19px;
	border-right: 1px dotted #84a7cf;
}

.col_2_b td.col_right {
	padding-left: 20px;
}

.col_2_b div.col_left {
	width: 460px;
	overflow: hidden;
}

.col_2_b div.col_right {
	width: 180px;
	overflow: hidden;
}

/* Sitemap */

.csc-sitemap li {
	font-size: 16px;
	padding: 5px 0;
}

.csc-sitemap li li {
	font-size: 12px;
}

.csc-sitemap ul {
	padding-bottom: 5px;
}



/* form */

fieldset.csc-mailform {
	margin-top: 15px;
	border: 1px solid #ccc;
	padding: 15px;
}

.csc-mailform-field {
   clear: both;
   display: block;
   margin-bottom: 0.3em;
   width: 100%;
}

.csc-mailform-field label {
   float: left;
   width: 150px;
}


/* PowerMail */

.validation-failed {
	border: 3px solid red;
}

.powermail_mandatory_js {
	margin-left: 101px;
	color: red;	
}

.powermail_mandatory {
	color: #14b9e9;
	padding-left: 3px;
	font-size: 120%;
	
}



fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #a4a4a4;
	padding: 20px;
	background-color: #eff4f6;
}

fieldset.tx-powermail-pi1_fieldset legend {
	padding: 5px 15px;
	background-color: #a4a4a4;
	color: #fff;
}

div.tx_powermail_pi1_fieldwrap_html {
	padding: 10px 0;
}



form#contacteerons fieldset.ctc_geg label {
	display: block;
	width: 100px;
	float: left;
}
form#contacteerons fieldset.ctc_geg .powermail_submit {
	margin-left: 100px;
}
form#contacteerons fieldset.ctc_geg div.tx_powermail_pi1_fieldwrap_html_html {
	margin-left: 100px;
	color: #1fb5ea;
	background-color: #e1f3fb;
	padding: 10px;
}


form#aanvraag_oov .powermail_mandatory_js {
	margin-left: 191px;
	color: red;	
}

form#aanvraag_oov fieldset.ctc_geg label {
	display: block;
	width: 180px;
	float: left;
	padding-right: 10px;
}
form#aanvraag_oov fieldset.ctc_geg .powermail_submit {
	margin-left: 190px;
}


#powermaildiv_uid19 p {
	width: 190px;
	float: left;
}
form#aanvraag_oov div.powermail_check_inner_uid19_0 {
	float: left;
	margin-right: 30px;
}
form#aanvraag_oov div.powermail_check_inner_uid19_0 label {
	width: auto;
	padding-right: 5px;
}
form#aanvraag_oov div.powermail_check_inner_uid19_1 label {
	width: auto;
	padding-right: 5px;
}


/* tables */

table.contenttable {
	border-top:1px solid #d3dee6;
	border-right: 1px solid #d3dee6;
	border-collapse:collapse;
	width: 99%;
}


.contenttable .tr-0 td, .contenttable th p {
	font-weight: bold;
	color: #24769a;
	text-align: left;
}


.contenttable .tr-even td {
	background-color: #f4f9fe;
}

.contenttable .tr-0 td, .contenttable th {
	background-color: #e3eff7;
}

.contenttable td, .contenttable th {
	border-bottom:1px solid #d3dee6;
	border-left:1px solid #d3dee6;
	padding:.3em 1em;
}

/* RTE */

/* Left, center and right alignment of text in paragraphs and cells.*/

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left {
	text-align: left;
}

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center {
	text-align: center;
}

p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right {
	text-align: right;
}
