/* Created Idar Creative: www.idar.nl */
* {margin:0;padding:0;}
BODY {background: #f1f1f1 /* url(images/bg.gif) repeat-x bottom left*/; height:100%;}
HTML, BODY {height:100%;}
BODY,TD,A,FONT,LI,P,BLOCKQUOTE,DIV, SPAN
		{font-size:11px; color:#808080;line-height:18px; font-family: Arial, Tahoma, "Trebuchet MS", verdana, sans-serif; }
		
h1, h2, h3, h5, H6 {color:#4c2858;}
H1   {font-size:13px; font-weight:normal; margin-bottom:8px;}
H1 a {font-size:13px; font-weight:normal; margin-bottom:8px;text-decoration: underline;}
H2   {font-size:15px; font-weight:normal; margin-bottom:8px;}
H2 a {font-size:15px; font-weight:normal; margin-bottom:8px;text-decoration: underline;}
H3,H4   {padding-bottom:8px;}
H3   {font-size:13px; font-weight:normal;}
H3 a {font-size:13px; font-weight:normal;text-decoration: underline;}
H4   {font-size:11px;}
H4 a {font-size:11px;text-decoration: underline;}
H5	{font-size:11px; color:#808080;}
P 	{padding-bottom:8px;}

UL {list-style:none;list-style: url(images/list_item.gif);  margin-left:12px;padding-left:16px;}
OL { margin-left:12px;padding-left:16px;}

blockquote {background:#4c2858;padding:10px 10px 2px 10px;}
blockquote p {color:#ffffff;}
blockquote a, blockquote p a {color:#ffffff;text-decoration: underline;}

/* UL: Typo3 bug */
/*.csc-textpic-text OL li {margin-left:24px;list-style:none;list-style: url(images/bg_sublink.gif);}*/
/* UL: END Typo3 bug */
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image img{ border:1px solid #dadada; padding: 0px 0px;}


A	{text-decoration: none; color:#4c2858;}
A:hover {text-decoration: underline;}
hr {color:#a1cae8; background-color:#a1cae8;height:1px;border: 0;} 
INPUT, SELECT, TEXTAREA{ FONT-FAMILY: Tahoma, arial, verdana, sans-serif;border:solid 1px #dadada;}
OPTION {padding:2px;}
a img {border:0px;}
a.external-link {background:url(images/link_extern.gif) no-repeat;padding-left:14px;}
a.external-link:hover {background:url(images/link_extern_o.gif) no-repeat;padding-left:14px;}


#siteContainer 	 {width:100%;height:100%;}
#topContainer 	    {width:100%;margin:auto;float:left;height:20px;background: url(images/bg_top.gif) no-repeat 50% 100%;}
#siteGradient	    {width:100%;margin:auto;float:left;background: url(images/bg_middle.gif) repeat-y 50% 0%;}
#siteLayout         {width:850px;margin:auto;background:#ffffff;height:100%;}

#footerContainer 	{width:850px; margin:auto;height:20px;}
#disclaimerContainer	{float:left;width:750px;margin-left:10px;text-align:left;font-size:10px; padding-top:4px; color:#4c2858;}
#disclaimerContainer img { margin-left:1px; margin-right:1px;}
#disclaimerContainer	A {font-size:10px;color:#4c2858; text-decoration:none;}
#disclaimerContainer	A:hover {font-size:10px;}
#endContainer 			{width:100%;margin:auto;float:left;height:19px; background:url(images/bg_bottom.gif) no-repeat top center;}

#headerContainer	{position:relative;width:850px;margin:auto;height:312px;  /*background:#ffffff url(images/bg_header.gif) no-repeat top left;*/}

#selectionContainer	{position:absolute;width:180px;height:20px;margin-top:0px;background:url(images/bg_selection.gif) no-repeat top left;}	
#selectionContainer UL#selection	 {width:180px;height:20px;white-space:nowrap;margin:2px 0px 0px 0px; padding:0px 0px 0px 0px;}	
#selectionContainer UL#selection	 LI {text-align: center; list-style: none; list-style-image: none;float:left;}
#selectionContainer UL#selection A {display:block;width:90px;height:18px;font-size:85%;color:#ffffff;text-decoration:none;text-transform:capitalize;}
#selectionContainer UL#selection A:hover, #selectionContainer UL#selection A.sel  {background:url(images/dot_white.gif) no-repeat 8px 6px;}

#logoContainer {float:right;padding-left:10px;height:312px;background:url(images/logo_projecten.jpg) no-repeat top right;}

#headerContentContainer {position:absolute;width:740px; height:309px;}
#headerImagesContainer {width:740px; height:309px;text-align:right;}
#navigationContainer {position:absolute;top:289px;width:740px;height:20px;background:#4c2858 /*url(images/bg_nav.png) no-repeat 0px 0px; */}
#navigationContainer:hover {}

 /*    SITE NAVIGATION */
UL#nav	{position:relative;width:740px;height:20px;white-space:nowrap;margin:0px 0px 0px 0px;padding-left:10px;}
UL#nav LI {text-align: center; list-style: none; list-style-image: none;float:left;}
UL#nav A, UL#nav A:link, UL#nav A:visited, UL#nav A:active 
			{color:#ffffff;text-decoration: none; text-align: center; font-size:11px;white-space:nowrap; padding:0px 30px 0px 30px; display:block; height:20px;line-height:20px;}

UL#nav li:hover A, UL#nav li.hover A, UL#nav li.hover A:hover, UL#nav A:hover {color:#ffffff; text-decoration: none; background:#4c2858;}
UL#nav #here a  {color:#ffffff; text-decoration: none;background:url(images/nav_sel.gif) no-repeat bottom center;} 

UL#nav #here:hover, UL#nav #here.hover, UL#nav #here a:hover {text-decoration: none;background:#4c2858 url(images/nav_sel.gif) no-repeat bottom center;} 

ul#nav ul {position: absolute;display:none; width:195px; z-index:10; background:#4c2858; bottom:20px;margin:0;padding:0; padding-bottom:10px; }
*html ul#nav ul {width:195px; z-index:10;}
ul#nav  ul.hover, ul#nav li.hover ul, ul#nav li:hover ul  {display:block;}
ul#nav  ul li {float:none; text-align: left;background: none;background-image: none; }

UL#nav UL A, UL#nav UL A:link, UL#nav UL A:visited, UL#nav UL A:active, UL#nav #here UL a, UL#nav #here UL a:link, UL#nav #here UL a:active 
		{ color:#a1cae8;text-align: left; font-size:11px;white-space:nowrap;text-transform: none;font-weight:normal;display:block;line-height:28px;
		  margin:0px 0px 0px 10px;padding: 0px 0px 0px 15px; width:160px; height:28px; border-bottom: solid 1px #705379;
		  background: url(images/dot_lpurple.gif) 0% 50% no-repeat;}
		
ul#nav ul A:hover, ul#nav ul A.hover, ul#nav ul.hover A:hover, ul#nav #here ul A:hover, ul#nav #here ul.hover A:hover, ul#nav li.hover ul a:hover, ul#nav li:hover ul a:hover
 {color:#ffffff;text-decoration:none; background:url(images/dot_blue.gif) 0% 50% no-repeat;}		

/*SUB NAV */

UL#subnav       	{list-style: none;margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}
UL#subnav LI  		{list-style-image: none;}
UL#subnav A     	{width:140px; display:block;font-size:11px;text-decoration: none; line-height:16pt; padding-left:15px; background: url(images/dot_blue.gif) left center no-repeat; }
UL#subnav A:hover, UL#subnav A#sel  {background: url(images/dot_purple.gif)  0% 50% no-repeat; color:#a1cae8;text-decoration: none;}



/* END SITE NAVIGATION */

#bodyContainer    {position:relative;width:840px;padding:0px 0px 0px 10px; background:url(images/site_projecten.gif) no-repeat right bottom ;}
#leftContainer    {width:170px;float:left;height:200px; min-height:200px; padding-top:15px;margin-right:0px;background:url(images/sep_shade.gif) no-repeat right top;}
#contentContainer {width:562px;float:left;height:100%; padding-top:20px;}

#schuecoContainer {position:absolute; bottom:0px;left:10px; width:160px;height:100px;}
#schuecoContainer img {padding-bottom:10px;}
/*
	#schuecoContainer img { width:150px; height:30px; background:url(images/schueco.gif) no-repeat top left;}
	#schuecoContainer img:hover {background:url(images/schueco_o.gif) no-repeat top left;}
*/



#bodyContainer > div {height: 100%;} 
.clear {height:10px;clear:both;}

/*
#leftContent1, #leftContent2, #leftContent3 {position:relative;float:left;width:200px; font-size:85%; padding-bottom:5px;}
#leftContent1 P, #leftContent2 P, #leftContent3 P {font-size:85%;}
#leftContent1 A {font-size:95%;}
#leftContent2 A {font-size:85%;}
#leftContent3 {margin-bottom:0px; text-align:right;font-size:85%;padding-top:5px;}
#leftContent3 A {font-size:95%;}
*/

#leftContent2 {position:relative;float:left;width:140px;padding-left:20px;}
#leftContent2 a {position:relative;float:left;
		 margin-left:5px;margin-right:5px;
		 padding:20px 5px 0px 5px; 
		 width:12px; height:5px;
		 display:block; 
		 overflow:hidden;
		 color:#ffffff;
		 }

#i_Home      {background: url(images/i_home.gif) no-repeat left center;}
#i_Wegwijzer {background: url(images/i_sitemap.gif) no-repeat left center;}
#i_Contact   {background: url(images/i_envelop.gif) no-repeat left center;}

#i_Home:hover      {background: url(images/i_home_zak.gif) no-repeat left center;}
#i_Wegwijzer:hover {background: url(images/i_sitemap_zak.gif) no-repeat left center;}
#i_Contact:hover   {background: url(images/i_envelop_zak.gif) no-repeat left center;}


#showhideContent, #showhideContent2 {position:relative;float:left;width:550px;margin-top:10px;}
#showhideContent {height:120px;}
#showhideContent2 {height:150px;}

#showhideContent DIV, #showhideContent2 DIV  {position:absolute;padding:10px;background:#c30066;}
#showhideContent DIV P, #showhideContent2 DIV P {color:#ffffff;}



/*   -------------------------------TYPO3 ------------------------------------------ */
.csc-textpic-caption {font-size:85%;}

.csc-mailform {padding:4px 0px 4px 4px; border:solid 1px #dadada;width:500px;}
.csc-mailform-field LABEL{position:absolute; text-align:left; float:left;color:#484848;margin-left:4px; }
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT {font-size:8pt; margin:1px;margin-left:190px;border:solid 1px #dadada;padding:2px;}
.csc-mailform-field TEXTAREA {width:261px;}
INPUT.csc-mailform-submit {background:#4c2858;cursor:pointer; margin-left:190px;text-transform: uppercase;font-size: 11px;  padding-left:10px;color:#ffffff;border:none;width:100px;}
INPUT.csc-mailform-submit:HOVER {}
.csc-mailform-label {color:#4c2858;}

/*   --- TABS ------------ */
/* wraps the hole tab */
.rgtabs-wrapper {padding:1em 1.5em;overflow:hidden;clear:both;}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {padding: 100px 0;/* background:	url(spinner2.gif) no-repeat center;*/}

/* Tab-Menu ul */
UL.rgtabs-menu  {background: transparent url(images/tabs/bg.png) repeat-x bottom;line-height:normal; margin-top:5px; padding: 5px 10px 0px 6px;
height:28px;border-top:solid 1px #eeeeee;}

/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {cursor: pointer;
float:left;/* background:#4c2858 url(images/tabs/uit-l.png) no-repeat left top*/;
margin:0; padding:0px 0px 0px 0px; margin-right:4px;list-style-type: none; list-style:none;list-style-image:none;}	

/* Tab-Menu li.a */
UL.rgtabs-menu li a, UL.rgtabs-menu li a:link, UL.rgtabs-menu li a:active, UL.rgtabs-menu li a:visited, #left .rgtabs-menu  li a {
  border:none; float:left;  display:block; outline:0; /* background:#4c2858  url(images/tabs/uit-r.png) no-repeat right top*/ ;
  padding:6px 9px 3px 9px; text-decoration:none; color:#808080; font-size:12px;}

UL.rgtabs-menu li a:hover {/*color:#ffffff*/;border:0;}
  
/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {background:#ffffff /* url(images/tabs/aan-l.png) top left no-repeat*/;padding:0px 0px 0px 0px;
border-top:solid 1px #4c2858;border-left:solid 1px #4c2858; border-right:solid 1px #4c2858;
}	
#left .rgtabs-menu  li.rgtabs-selected a,
UL.rgtabs-menu  li.rgtabs-selected a {background:#ffffff /* url(images/tabs/aan-r.png) top right no-repeat */;color:#4c2858;font-weight:normal;padding-bottom:3px;border:0;}

div.tx-rgtabs-pi1 h4 {font-size: 10pt;}

/*--------- VACATURES -----------------*/
.dmmjobcontrol_apply_table {background:#fafafa;padding:4px 0px 4px 4px; border:solid 1px #dadada;width:500px;}
.dmmjobcontrol_apply_table TD {padding: 2px 4px 2px 4px;}
.dmmjobcontrol_apply_td1 {color:#808080; width:150px;white-space: nowrap;}
.dmmjobcontrol_apply_td2 {width:350px;}
.dmmjobcontrol_input, .dmmjobcontrol_textarea, .dmmjobcontrol_fileinput {width:260px;font-size:8pt; margin:1px;border:solid 1px #dadada;padding:2px;}
.dmmjobcontrol_textarea, .dmmjobcontrol_fileinput {width:261px;}

.dmmjobcontrol_apply_submit {background:#4c2858;cursor:pointer; text-transform: uppercase;font-size: 11px; padding:2px 8px 2px 8px; color:#ffffff;border:none;width:100px;}
.dmmjobcontrol_apply_submit:HOVER {}

/*------------SLIDER ---------------------*/

.tx-kiwislider-pi1 { width:520px; margin: 0 auto;position: relative; margin-left:20px;} 
.tx-kiwislider-pi1 .scroll { height:120px;width:520px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.tx-kiwislider-pi1 .scrollContainer div.panel {padding:0px; padding-left:5px; height: 120px; width:520px;}
.tx-kiwislider-pi1 ul.navigation { width: 562px; margin:0; padding:0;list-style-type: none;list-style: none;}
.tx-kiwislider-pi1 ul.navigation a:focus { outline: none;}
.tx-kiwislider-pi1 .hide {display: none; }

/* Navigation */ 
.tx-kiwislider-pi1 h1 {font-weight:normal; margin:0; padding:10px 0px 0px;} 
.tx-kiwislider-pi1 ul.navigation {margin-left:2px;}
.tx-kiwislider-pi1 ul.navigation li {float: left; width:175px;  /* accommodate the widest item */}
.tx-kiwislider-pi1 ul.navigation a {float:left;display:block; width:165px;height:25px;padding:0px 4px 0px 4px; font-size:11px;line-height:25px; text-decoration:none; color:#808080;} 
.tx-kiwislider-pi1 ul.navigation a:hover {text-decoration:underline;} 	 	
.tx-kiwislider-pi1 ul.navigation a.selected {color:#4c2858;text-decoration:none;font-size:11px;}
.tx-kiwislider-pi1 .scrollButtons {text-indent:-9999px; display:block; background:url() no-repeat center; width:16px; height:16px; position: absolute;top:45px; cursor: pointer; } 
.tx-kiwislider-pi1 .scrollButtons.left {left: -20px;} 
.tx-kiwislider-pi1 .scrollButtons.right {right: -24px;} 
.tx-kiwislider-pi1 .scroll { border:none;}




/*<!------------------- test  ---------------------->
      <div id="wrapper">
        <div id="col1">your words</div>
        <div id="col2">more words</div>
        <div class="clear"></div>
      </div>
      <!-- end test -->

#wrapper { height:300px; }
#wrapper > div {float:left; height: 100%;} 
#col1 {background:green;width:140px;}
#col2 {background: blue;width:560px;}
.clear {height:10px;clear:both;}

--------------------------------------------------*/