/* Created Idar Creative: www.idar.nl */
* {margin:0;padding:0;}
BODY {background:#101010 url(images/bg.gif) top left repeat-x;line-height:18px;font-size:12px;}
HTML {overflow:auto;}

/*
// without fontsizer
BODY,TD,A,FONT,LI,P,BLOCKQUOTE,DIV, SPAN
{font-family: Arial, Tahoma, "Trebuchet MS", verdana, sans-serif; font-size:12px; color:#505050; margin:0px;line-height:18px;}
*/

/* with fontsizer */
BODY,TD,A,FONT,LI,P,BLOCKQUOTE,DIV, SPAN
{font-family: Arial, Tahoma, "Trebuchet MS", verdana, sans-serif; color:#505050; margin:0px;line-height:18px;}


H1,H2,H3,H4 {padding-bottom:8px;}
H1,H2,H3 {color:#f20081;}
H1 {font-weight: normal; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica; background-color: transparent; font-size: 150%;}

H2 {font-size:130%;font-weight: normal;}
H3 {font-size:120%;font-weight: normal;margin-bottom:0px;}

P {padding-bottom:8px;}
UL {list-style:none;list-style: url(images/bg_subnav.gif); margin:8px; margin-left:15px;}

OL {margin:8px; margin-left:15px;}
A {color:#f20081;text-decoration:underline;}
A:hover{color:#f20081;text-decoration:none;}
INPUT, SELECT, TEXTAREA{ FONT-FAMILY: Tahoma, arial, verdana, sans-serif;border:solid 1px #EAEAEA;}
OPTION {padding:2px;}

#siteContainer 	 {position:relative; width:100%;height:auto;}
#siteGradient	 {position:relative;float:left;width:100%;margin:auto;height:auto !important;background: url(images/bg_gradient-trans.png) repeat-y 50% 0%;}
#siteLayout      {position:relative;width:800px; margin:auto;}
#headerContainer {position:relative;width:800px;margin:auto; height:77px; min-height:77px; height:auto !important;float:left;}
#logoContainer	 {position:relative;float:left; z-index:10; top:0px;left:0px;margin-left:22px;margin-bottom:10px;}
#imageContainer  {position:relative;float:left;width:800px;height:199px;background:url(images/h_secretaresse.jpg) no-repeat;}

/*----------------- MAIN SITE NAVIGATION -----------------*/
#navContainer {position:relative; float:right;width:791px; text-align:right;margin-top:0px;margin-bottom:10px;margin-right:9px;}
UL#nav	{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:0px; float:right; overflow: hidden; white-space:nowrap;text-align:right;}
UL#nav LI {text-align: center; list-style: none; color:#505050; vertical-align: center; list-style-image: none;float:left;}
UL#nav A, UL#nav A:link, UL#nav A:visited, UL#nav A:active
		{display:block;color:#505050;text-decoration: none; text-align: center; FONT-FAMILY:Tahoma;
		font-size:11px;font-weight:normal; padding-left:9px; padding-right:9px; border:0;white-space:nowrap; text-transform:uppercase;
		}
UL#nav A:hover {color:#fff;text-decoration: none;background:#969696;}
UL#nav A#here  {color:#fff; text-decoration: none; background:#f20081;} 

#icon_navigation   {position:relative; float:right;width:550px; text-align:right;margin-right:9px;margin-top:10px; }
#icon_navigation SPAN {font-size:10px; font-family: verdana;color:#969696;}
#icon_navigation A {font-size:10px; font-family: verdana; text-decoration:none;color:#969696;padding:2px;}
#icon_navigation A:HOVER {font-size:10px;  text-decoration:underline; color:#f20081;}
#icon_navigation A#act  {font-size:10px;  text-decoration:none; color:#ffffff;background:#f20081;}

/* END   ----------- MAIN SITE NAVIGATION -----------------*/

#bodyContainer {position:relative; float:left; width:100%; height:auto !important;height:100%; min-height:100%;
		 background: url(images/bg_left.gif) no-repeat; }
#LeftContainer	{position:relative;float:left;width:224px;height:auto !important;height:100%; min-height:100%; padding-left:20px; color:#505050;}

#subnavContainer {padding-top:20px;}
UL#subnav {list-style: none;margin:0px;padding-bottom:20px;background: url(images/bg_left_sep.png) left bottom no-repeat;}
UL#subnav LI { list-style-image: none;}
UL#subnav A{padding-left:10px;color:#f20081; text-decoration: none; line-height: 16pt;width:170px; display:block; vertical-align:center;font-weight:normal;}
UL#subnav A:hover {background: url(images/bg_subnav.gif)  0% 50% no-repeat; color:#f20081;text-decoration: none;}
UL#subnav A#sel  {color:#fff; text-decoration: none; background:#f20081;} 

/*
UL#subnav A:hover {background: url(images/bg_subnav.gif)  0% 50% no-repeat; color:#f20081;text-decoration: underline;}
UL#subnav A#sel 	{background: url(images/bg_subnav.gif)  0% 50% no-repeat; color:#f20081; text-decoration: none;} 
*/

#NewsContainer {padding-bottom:20px; width:190px;background: url(images/bg_left_sep.png) left bottom no-repeat;}
#NewsContainer H1 {font-size:125%;font-weight:normal;color:#505050;}
#NewsContainer P, #NewsContainer SPAN, #NewsContainer TD {font-size:10px;line-height: normal;}
#NewsContainer A {font-size:11px;line-height: normal;}
#knipper p{padding:5px; color:#fff; background-color:#939; width:390px;}

#ContentleftContainer {position:relative; float:left; padding-bottom:20px;width:220px;background: url(images/bg_left_sep.png) left bottom no-repeat;}
#ContentleftContainer2 {position:relative; float:left;width:220px;}
#ContentleftContainer P , #ContentleftContainer2 P {font-size:8pt;}
#ContentleftContainer A, #ContentleftContainer2 A {font-size:8pt;}



#ContentleftContainer3 {position:relative; float:left; width:180px; height:auto !important;height:100%; min-height:100%;}
#ContentleftContainer3 P {font-size:7pt; line-height: normal;color:#3a7eac; bottom:0; height:auto !important;height:100%; min-height:100%;}
#ContentleftContainer3 A {font-size:7pt;text-decoration:none;color:#3a7eac;}

#tipfriendContainer {position:relative; float:left; }
#tipfriendContainer SPAN {font-size:8pt;}
#printContainer     {position:relative; float:left; }
#printContainer SPAN    {font-size:8pt;}
#tipfriendContainer A, #printContainer A {color:#505050;text-decoration:none;}
#tipfriendContainer A:HOVER, #printContainer A:HOVER {color:#505050;text-decoration:underline;}

#site_middle		{position:relative;float:left;width:540px; height:100%; height:auto; min-height:210px;}
#contentContainer	{position:relative;float:left;width:540px; height:100%; height:auto; min-height:100px; padding-top:15px;
			}
#contentRight		{position:relative;float:right;width:200px; height:100%; height:auto; min-height:100px; padding-top:15px;
			}

#endContainer {position:relative;width:100%;margin:auto;float:left;margin-top:5px;}
#footerContainer {position:relative;width:800px; margin:auto;}
#footernavContainer			{position:relative;float:left;}
#footernavContainer SPAN	{font-size:10px; font-family: verdana;color:#969696;}

#disclaimerContainer			{position:relative;float:right;}
#disclaimerContainer SPAN	{font-size:10px; font-family: verdana;color:#969696;}
#disclaimerContainer A	{font-size:10px; font-family: verdana;color:#c0c0c0; text-decoration:none;}
#disclaimerContainer A:HOVER {text-decoration: underline;}

.pink {color:#f20081;}
.blue {color:#3a7eac;}
.bold {font-weight:bold;}
.newsitem 	{ font-weight: bold; background: url(images/bg_newsitem.gif)  0% 50% no-repeat; border-bottom:solid 1px #fae6f2;margin:0px;padding:0px;padding-left:20px;display:block;height:20px;}
.newsitem A	{text-decoration:none;padding-top:4px; font-weight:normal;}
.newsitem A:HOVER	{text-decoration:underline; }

A.cReduceTextSize  {font-size: 10px;margin-right:10px;}
A.cNormalTextSize  {font-size: 12px;margin-right:10px;}
A.cEnlargeTextSize {font-size: 14px;}


/**********************************************
sIFR
************************************************/
.sIFR-flash { visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash h1 {
	/*font-size:24px;
	letter-spacing:-10px;
	line-height:24px;*/
	height:10px;
	visibility: hidden;
}

/**********************************************
  TYPO3 STYLES
************************************************/

.csc-mailform {padding:4px 0px 4px 4px; border:solid 1px #D0CFD0;width:320px;background-color:#fafafa;margin-bottom:10px;}
.csc-mailform-field LABEL{text-align:left; color:#4b4b4b;margin-left:4px;float:left;display:block;clear:left;width:90px;}
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT {font-size:8pt; margin:1px;border:solid 1px #D0CFD0;padding:2px;}
.csc-mailform-field TEXTAREA {width:200px;}
INPUT.csc-mailform-submit {margin-left:94px;background:#f20081;cursor:pointer; text-transform: uppercase;font-size: 11px;padding-left:0px;color:#ffffff;border:none;width:100px;border:none;}
INPUT.csc-mailform-submit:HOVER {background:#f20081;}
.csc-mailform-label {color:#f20081; font-size:10px;}

.csc-mailform-field img {margin-left:62px;}

.table_tipafriend {border:solid 1px #e4ded4;background-color:#fafafa; margin-bottom:8px;}
.table_tipafriend TD {padding:4px;}
.table_tipafriend INPUT {padding:3px;}
.btn_submit {background:#f20081; cursor:pointer;text-transform:uppercase; width:100px;color:#ffffff;font-size:8pt;padding:2px;}

.tx-indexedsearch-searchbox td {padding: 4px;}
.tx-indexedsearch-searchbox TABLE {padding:10px; width:350px; border:solid 1px #e4ded4;background-color:#fafafa; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button
   {background:#f20081; cursor:pointer;text-transform:uppercase;width:100px;color:#ffffff;font-size:8pt;padding:2px;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {font-size:8pt;padding:2px;border:solid 1px #dadada;}

.tx-indexedsearch-whatis {position:relative;float:left;width:100%;}
.tx-indexedsearch-res{position:relative;float:left;width:100%;margin-top:20px;}
.tx-indexedsearch-browsebox {position:relative;float:left;height:50px;}
.browsebox LI {list-style: none;float:left;margin-right:30px;}


.news-list-container {}
.news-list-browse {}

.csc-sitemap {margin-bottom:20px;}

/**********************************************
   Dropdown styles
************************************************/
DIV.tx-dropdownsitemap-pi1  {padding-left:20px;}
.tx-dropdownsitemap-pi1 A {}
.tx-dropdownsitemap-pi1 IMG {display:none;}
.tx-dropdownsitemap-pi1 LI.open OL {}
.tx-dropdownsitemap-pi1 LI.closed OL {}
.tx-dropdownsitemap-pi1 LI.open UL {}
.tx-dropdownsitemap-pi1 LI.closed UL {}
.tx-dropdownsitemap-pi1 LI {}
.tx-dropdownsitemap-pi1 DIV {}
.tx-dropdownsitemap-pi1 DIV.level_2 {}
.tx-dropdownsitemap-pi1 DIV.level_2 A {}
.tx-dropdownsitemap-pi1 DIV.level_3 {}
.tx-dropdownsitemap-pi1 DIV.level_4 {}
.tx-dropdownsitemap-pi1 DIV.level_5 {}
.tx-dropdownsitemap-pi1 DIV.expAll 		{text-align: center; font-weight:normal; font-size:10pt;display: none;}
.tx-dropdownsitemap-pi1 DIV.expAll A 		{font-weight:normal;}
.tx-dropdownsitemap-pi1 DIV.expAll A:HOVER	{font-weight:normal;}
DIV.level_1{}
DIV.level_1 A {}
DIV.level_2 A {}
DIV.level_2{}


/**********************************************
   VACATURES
************************************************/
#vacatures_list   {width:100%;}
#vacatures_list tr td:first-child {display:none;}
#vacatures_detail {width:100%;border:solid 1px #e4ded4;background-color:#fafafa;padding:10px;}
#vacatures_detail tr td:first-child {color:#808080;font-size:90%;width:130px;}
#vacatures_detail td {font-size:90%;}
.vacatures_backtolist {padding-left:10px;background: url(images/arrow_left.gif)  0% 50% no-repeat;}
.vacatures_apply {padding-right:10px;background: url(images/arrow_right.gif)  100% 50% no-repeat;}

#vacatures_apply_table {padding:10px; width:400px; border:solid 1px #e4ded4;background-color:#fafafa; }
#vacatures_apply_table tr td:first-child {width:130px;}
#vacatures_apply_table INPUT {font-size:8pt;padding:2px;border:solid 1px #dadada;margin:1px;}
#vacatures_apply_table .apply_submit {background:#f20081; cursor:pointer;text-transform:uppercase;width:100px;color:#ffffff;font-size:8pt;padding:2px;}
#vacatures_apply_table .apply_textarea {font-size:8pt;padding:2px;border:solid 1px #dadada;margin:1px;width:200px;}
#vacatures_apply_table .apply_fileinput {font-size:8pt;padding:2px;border:solid 1px #dadada;margin:1px;}


/**********************************************    
		PRINT     
*********************************************/

@media print {

*{margin:0;padding:0;}
#contentLeftContainer, #footerContainer, #imageContainer, #headerContainer, #navContainer, #LeftContainer  
 		{background: transparent; border:none; display:none;visibility: hidden;width:1%;}
#contentContainer {position:relative;padding:0px 0px 0px 0px; width:640px;}

}

