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

*{
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6,p,ul,form,input,body  { padding:0; margin:0; }
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
         color: #000000;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}
p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
a{
	color:#cc001d;
}
a:hover{
	color:#999999;
	text-decoration:none;
}

.twoColFixLtHdr #container, .oneColFixCtrHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.twoColFixLtHdr #header, .oneColFixCtrHdr #header { 
	background: #DDDDDD; 
	/*padding: 0 10px 0 0;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(../images/banner_top.jpg);
	height:141px;
} 
.twoColFixLtHdr #header h1, .oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.twoColFixLtHdr #sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 15px 0px; /* 30px 2px 15px 6px;*/	

}
.twoColFixLtHdr #sidebar #leftImg {
	width: 180px;
	padding:0px;
	margin:0px;
}

/* -------- MAINCONTENT -------- */

/* Clearer */
DIV.csc-textpic-clear { clear: right; }

.twoColFixLtHdr #mainContent {
	margin: 24px 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.oneColFixCtrHdr #mainContent {
    position:relative;
	padding: 0px;
	background-image: url(../images/center_pic.jpg);
	background-repeat:no-repeat;
	height: 571px;
}

.twoColFixLtHdr #mainContent table { font-size:12px; line-height:17px; }

.twoColFixLtHdr #mainContent td { vertical-align:top; }

.twoColFixLtHdr #mainContent input { font-size:12px; padding:2px 5px 4px 5px; border:1px solid #999; height:22px; }

.twoColFixLtHdr #mainContent textarea { font-size:12px; padding:2px 2px 4px 5px; border:1px solid #999; height:120px; width:200px; }

.twoColFixLtHdr #mainContent hr { border: none; height:1px; background:#fff; color:cc001d; clear:both; }

.twoColFixLtHdr #mainContent h1 { 
	font: 100%/1.5 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	font-size:1.3em;
	font-weight:normal;
	line-height: 1em;
	margin-top:  0;
	margin-bottom: 0.8em;
	color: #cc001d;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 6px;
}	

.twoColFixLtHdr #mainContent h2 {
    font: 1.10em Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:normal;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0.8em;
	color: #cc001d;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 6px;
}

.twoColFixLtHdr #mainContent h3 {  margin:0 0 4px 0; padding:5px; width:100%; font-size:14px; font-weight:normal; border-bottom: 1px dotted #cccccc; color: #cc001d;}

.twoColFixLtHdr #mainContent h3 a { text-decoration:none; }

.twoColFixLtHdr #mainContent h4 {  margin:0 0 4px 0; padding:5px; width:100%; font-size:14px; font-weight:normal; font-style:italic; color: #cc001d; text-align:center;}

.twoColFixLtHdr #mainContent h5 { margin:0 0 4px 0; padding:5px; width:100%; font-size:14px; font-weight:normal; font-style:italic; color: #000; text-align:center; }

.twoColFixLtHdr #mainContent h6 { margin:0 0 4px 0; padding:1px 1px 3px 3px; border:none; clear:both; font-size:10px; color: #cc001d; font-weight:normal; }


.twoColFixLtHdr #mainContent  a { text-decoration:underline; color:#cc001d; }

.twoColFixLtHdr #mainContent  a:visited { text-decoration:underline; color:#cc001d; }

.twoColFixLtHdr #mainContent  a:visited:hover { text-decoration:none; color:#999999; }
	 
.twoColFixLtHdr #mainContent  a:hover { text-decoration:none; color:#999999; }

/*.twoColFixLtHdr #mainContent  a img { border:1px solid #cc001d; margin:5px; }

.twoColFixLtHdr #mainContent  a:hover img { border:1px solid #999999;; margin:5px; }*/

/* Bulletlists, general */
UL.csc-bulletlist{ padding:5px 0 10px 30px; list-line-style:square; list-style-position:outside;}
UL.csc-bulletlist LI { font-size: 11px; line-height:12px; margin:0 0 5px 0;  }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; list-style-image: url(../images/list_item.jpg); }
UL.csc-bulletlist-1 { color: #000000; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #000000; list-style-type:lower-latin;}
UL.csc-bulletlist-3 { color: #cc001d; list-style-image: url(../images/list_item.jpg); }


/*.twoColFixLtHdr #mainContent  ul { padding:5px 0 10px 30px; list-line-style:square; list-style-position:outside; list-style-image:url(../images/list_item.jpg); }

.twoColFixLtHdr #mainContent  li {  line-height:15px; margin:0 0 5px 0; }*/

.twoColFixLtHdr #footer, .oneColFixCtrHdr #footer{ 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	
} 
.twoColFixLtHdr #footer p, .oneColFixCtrHdr #footer p{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:0.6em;
	color:#666666; 
}


/* ############### Styles for the homepage - one col ###############*/

#ribbon {position:absolute; top:378px; left:0; width:383px; height:50px; background:url("../images/home_text.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

.oneColFixCtrHdr #slideshow {
	padding: 0px;
	z-index: 1;
}

.oneColFixCtrHdr #welkom_txt {
	position:relative;
	left:402px;
	top:88px;
	width:314px;
	height:216px; /*160*/
	z-index:2;
	text-align:left;
	
    background-color:#ffffff;
    border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
}


.oneColFixCtrHdr #welkom_txt h1{
	font: 210% Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
    color: #000000;
    margin:0px 18px 10px 18px;
}
    
.oneColFixCtrHdr #welkom_txt p{
	 margin:0px 18px 18px 18px;
     color:#000000;
	 font: 68% Verdana, Arial, Helvetica, sans-serif;
}

#list_news_holder{
	position:relative;
	left:0px;
	top:230px;/*286*/
	height:400px;
}

#activList {
	/*position:relative;
	left:0px;
	top:126px; 286*/
	width:380px;
	z-index:2;
	text-align:left;
	font-size: 70%;
	float:left;
	
}
#homenews{
	width:310px;
	float:left;
	margin-left:26px;
	
}
#activList #list1, #activList #list2{
	float:left;
	padding-left:13px;
}
#activList #list1 a, #activList #list2 a{
	text-decoration:none;
	color:#fff;
	margin:2px 0 0 4px;
}
#activList #list1 a:visited, #activList #list2 a:visited{
	color:#fff;
}
#activList #list1 a:hover, #activList #list2 a:hover{
	color:#cc001d;
	/*text-decoration:underline;*/
}


/* ############### end Styles for the homepage - one col ###############*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear {clear: both; height:0px; }

.twoColFixLtHdr #login, .oneColFixCtrHdr #login{
	position:relative;
	left:0px;
	top:0px;
	height:18px
	padding-top:2px;
}

.twoColFixLtHdr #langMenu, .oneColFixCtrHdr #langMenu {
	position:relative;
	left:646px; 
	top:18px;
	width:126px;
	height:18px;
	z-index:4;
	font-size:0.7em;
}
.twoColFixLtHdr #langMenu .notrans, .oneColFixCtrHdr #langMenu .notrans{
	margin-left: 15px;
	color: #666666;
	text-decoration: none;
	text-shadow: 0 0 0 #000;
}
.twoColFixLtHdr #langMenu a, .oneColFixCtrHdr #langMenu a{
	margin-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 0 0 #000;
}
.twoColFixLtHdr #langMenu a:hover, .oneColFixCtrHdr #langMenu a:hover{
	color: #666666;
	text-decoration: none;
}
.twoColFixLtHdr #topMenu, .oneColFixCtrHdr #topMenu{
	position:relative;
	left:186px;
	top:59px;
	width:600px;
	height:43px;
	z-index:3;
}
.twoColFixLtHdr #topMenu a, .oneColFixCtrHdr #topMenu a{
	display:block;
	width:97px;
	padding-top:23px;
	padding-bottom:5px;
	margin-right:2px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
	text-align:center;
	text-decoration:none;
	text-shadow: 0 0 0 #000;
	
}
.twoColFixLtHdr #topMenu a:hover, .oneColFixCtrHdr #topMenu a:hover {
	background-image: url(../images/topMenu_over.jpg);
	background-position:bottom center;
	font-weight: bold;
}
.twoColFixLtHdr #sidebar ul#subMenu{
	padding: 0px;
	margin-bottom: 4px;
}

.twoColFixLtHdr #sidebar ul#subMenu li{
	background-image: url(../images/stippellijn.jpg);
	background-position:bottom left;
	background-repeat: repeat-x;
	list-style-type: none;
	padding: 0 0 6px 0;
	margin-bottom: 6px;
}

.twoColFixLtHdr #sidebar ul#subMenu li a{
	font: 80% Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
	text-shadow: 0 0 0 #000;
}
.twoColFixLtHdr #sidebar ul#subMenu li a:hover{
	color:#E2001A;
	text-decoration: none;
}

.photocontainer {
	width:140px;
	height:140px;
	margin:0px 12px 7px 0px;
	float:left;
}


/* ###### MailToForm ###### */

#mainContent FORM { margin:30px 0 30px 0; padding:0; font: 70% Verdana, Arial, Helvetica, sans-serif;}

#mainContent .csc-mailform { border:0; display:inline}
#mainContent FIELDSET { margin:0; padding:0; }
#mainContent .csc-mailform-label {
margin:10px 0 5px 0; padding:2px 5px 2px 5px;
font-weight:bold;
}
#mainContent .csc-mailform { margin:0; padding:0; }
#mainContent .csc-mailform .csc-mailform-field { 
float:left; width:100%; overflow:hidden; clear:both;
margin-bottom:5px; }
#mainContent .csc-mailform .csc-mailform-field LABEL { 
float:left; display:block; width:140px; text-align:right; margin:0 0 5px 5px; padding:2px 0 0 0;
background-position:bottom left;
background-repeat:repeat-x;
}
#mainContent .csc-mailform .csc-mailform-field INPUT,
#mainContent .csc-mailform .csc-mailform-field TEXTAREA,
#mainContent .csc-mailform .csc-mailform-field SELECT { float:left; display:block; margin:0 0 5px 5px; font-size:11px;}

#mainContent .csc-mailform .csc-mailform-field TEXTAREA,
#mainContent .csc-mailform .csc-mailform-field INPUT#mailformname,
#mainContent .csc-mailform .csc-mailform-field INPUT#mailformemail{width:280px}

#mainContent .csc-mailform .csc-mailform-field .csc-mailform-radio FIELDSET { border:0;}
#mainContent .csc-mailform .csc-mailform-field .csc-mailform-radio INPUT { 
clear:both;
margin-top:3px !important; margin-top:0;
}
#mainContent .csc-mailform .csc-mailform-field .csc-mailform-radio LABEL { 
float:none; text-align:left;
padding:3px 3px 3px 20px !important; padding:3px;
}
#mainContent .csc-mailform .csc-mailform-field .csc-mailform-submit{display:inline;margin-left:346px;}

/*-------------------------------->>NEW*/
#mainContent .csc-mailform .mailform_required {
float:left; 
/*background-image:url(../images/onglet-non-selectionne_g.gif);
background-position:bottom left;
background-repeat:repeat-x;*/
margin:0 0 5px 5px; }
#mainContent .csc-mailform .csc-mailform-field .mailform_required LABEL {
/*background-image:url(../images/form.required.gif);*/
background-position:3px 3px;
background-repeat:no-repeat;
margin:0; padding-left:15px; width:125px; }
#mainContent .csc-mailform .mailform_required_field INPUT,
#mainContent .csc-mailform .mailform_required_field TEXTAREA,
#mainContent .csc-mailform .mailform_required_field SELECT {
border:1px solid #999;}

 /*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-imgcaption {
            padding:3px;
            clear:both;
            width:200px;
}

/* ###### Sitemap ###### */
.csc-sitemap ul, .csc-sitemap li {
	list-style-type: none;
	padding:0; margin:0;
}
.csc-sitemap li a { text-decoration:none; color:#cc001d;  }
.csc-sitemap li a:hover, .csc-sitemap li a:visited:hover { text-decoration:none; color:#999;}
.csc-sitemap li a:visited { text-decoration:none; color:#cc001d;  }

.csc-sitemap li li a { color:#cc001d;  }
.csc-sitemap li li a:visited { color:#cc001d;  }

.csc-sitemap ul li {
	padding:2px 0 2px 10px;
	border-bottom:none;
}
.csc-sitemap ul ul li {
	border-right:none; padding:1px 0 1px 10px; 
}
.csc-sitemap ul ul ul li { border-right:none; padding:1px 0 1px 10px; }
.csc-sitemap ul ul ul ul li { border-right:none; padding:1px 0 1px 10px; }

.csc-sitemap ul ul { margin-top:5px; }
.csc-sitemap ul ul ul { margin-top:3px; }
.csc-sitemap ul ul ul ul { margin-top:1px; }

.csc-sitemap li { font-size:13px; line-height:16px; } 
.csc-sitemap li li { font-size:11px; } 
.csc-sitemap li li li { font-size:10px;