/* Created by Idar Creative: www.idar.nl*/

* {margin:0;padding:0;}

html {overflow:auto;}

html, body  {height:100%;}

* html body {background-attachment: scroll;}

html, body {font-family: Verdana, Arial, Helvetica, sans-serif;font-style: normal; font-size:11px; line-height:16px; color: #604400;}

body {background:#ff9900 url(images/zanzi/bg-zanzi.png) repeat-x;}



/*-------------- Styles ----------------------- */



h1, h2, h3, h4, h5, H6 {color:#ff9900;font-weight:normal;}

h1, h2, h3, h4, h5 {margin-bottom:8px;}

h1 {font-size:17px;}

h2 {font-size:17px;}

h3 {font-size:15px;}

h4 {font-size:13px;margin-bottom:0px;margin-top:8px;font-weight:bold;color:#a79876}

h5 {font-size:12px;margin-bottom:0px;margin-top:8px;font-weight:bold;color:#604400;}



p 	{padding-bottom:8px;}

p.align-center {text-align:center;}

p.align-right {text-align:right;}

p.align-left {text-align:left;}



blockquote {padding:5px 5px 5px 5px; margin:0px 0px 8px 0px; border:solid 1px #a79876;background:#beae89;font-weight:bold;color:#ffffff;}

blockquote p {color:#ffffff; text-align:center;}



a {color:#ff9900;text-decoration:underline;}

a:hover {color:#ff9900;text-decoration: none;}

a img {border:0px;}

a:link img, a:visited img, a:active img {background-image:none;}



ul {list-style:none;list-style: url(images/zanzi/list-item.gif);  margin-left:12px;padding-left:16px;padding-bottom:12px;}

ul a {text-decoration: underline;}

ul a:hover {text-decoration: none;}



hr {color:#a79876; background-color:#a79876;height:1px;border:0;margin:0px;padding:0px;} 



input, select, textarea{font-family: Tahoma, arial, verdana, sans-serif;border-top:solid 1px #a79876;border-right:solid 1px #c7b999;border-bottom:solid 1px #c7b999;border-left:solid 1px #a79876;}



option {padding:2px;}



iframe {overflow:hidden;}

frame, iframe { border: none; margin:0;padding:0; display:block;}



object:focus {outline: none;}





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





#siteContainer 	{width:900px;margin:auto;}



#topContainer 		{width:900px;height:40px; margin:auto;}


#languageContainer {float:right;}
#sites_top	{float:left;margin-top:12px;}

ul#nav-languages {list-style:none none; float:right; margin-left:0px; padding-left:0px;}
#languageContainer a {margin:0 4px 0 0; cursor:pointer; color:#ffffff;  text-decoration: none;font-size:12px;}
#languageContainer a:hover {text-decoration:underline;}
ul#nav-languages li {display:inline;float:left;list-style:none none;margin-left:20px;cursor:pointer; height:20px;}
ul#nav-languages li.current {}

ul#nav-languages li#Nederlands {background: transparent url(images/beach/l_sprite.gif) no-repeat 100% -25px; }
ul#nav-languages li#English    {background: transparent url(images/beach/l_sprite.gif) no-repeat 100% 0px; } 

ul#nav-languages li a {margin:0; color:#ffffff;line-height:12px;height:12px;padding-right:30px;font-size:12px;text-decoration:none; cursor:pointer;}
ul#nav-languages li a:hover {text-decoration:underline;}
ul#nav-languages li a.active {font-weight:bold;}



#siteLayout { float:left;width:900px; margin:auto;border:solid 2px #ff9900;

      /*background:#c7b999 url(images/zanzi/bg-site.png) no-repeat center bottom; */

}



#logoContaner 		{position:absolute;top:0px; width:122px;height:200px;padding-left:25px;z-index:1000;}

#logoContaner img {}



#headerContainer  {float:left;width:900px;height:250px;margin:auto;overflow:hidden; background:#fff;}



#disclaimerContainer {float:right;margin:auto;padding-top:5px;color:#ffffff;font-size:10px;}

#disclaimerContainer a {color:#ffffff;text-decoration:none;}

#disclaimerContainer a:hover {color:#ffffff;text-decoration:none;}



.clear {height:1px;clear:both;}



#bodyContainer 	{float:left;width:900px;margin:auto;padding:15px 0px 15px 0px;

		background:#ffffff;

		/*background: url(images/zanzi/bg-leftdiv.png) no-repeat 222px 0px;*/

		}



#leftContainer    {float:left;width:200px;margin:auto;margin-left:15px; }

#middleContainer  {float:left;width:875px;margin:auto;margin-left:15px;}

#contentContainer {float:left;width:100%;margin:auto;}

#rightContainer   {float:left;width:200px;margin:auto;margin-left:15px;}





#leftContent1 , #leftContent2  {width:200px;}

#rightContent1, #rightContent2 {width:200px;}



#leftContent1 p, #leftContent2 p, #rightContent1 p, #rightContent2 p {}

#leftContent2  {padding-top:10px;margin-top:10px;

 /*border-top:solid 1px #a79876;*/

}

#rightContent1 {padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #a79876;}



#homeSection1, #homeSection2, #homeSection3, #homeSection4

		{float:left;width:206px;height:230px;margin:auto; margin-left:15px;overflow:hidden;}



#homeSection1 h2, #homeSection2 h2, #homeSection3 h2, #homeSection4 h2 {line-height:15px;height:15px;background:#ff9900; padding:4px 0px 8px 12px;margin:0px 0px 0px 0px;}

#homeSection1:hover h2, #homeSection2:hover h2, #homeSection3:hover h2, #homeSection4:hover h2 {background:#604400;}



/*-------------- NAVIGATION ----------------------- */

#navContainer 	{float:left;width:900px;margin:auto;height:30px; background: url(images/zanzi/bg-nav.png) repeat-x ; }
ul#nav {list-style:none none;height:30px;margin-left:15px;padding-left:0px;}
ul#nav li {float:left;display:inline; list-style: none none;height:30px;text-align: center; cursor:pointer; }
ul#nav li {float:left;position: relative;}
ul#nav li:hover, ul#nav li.active {text-decoration: none;background:#ff9900}
ul#nav a {float:left;padding: 0px 15px 0px 15px; margin:0px 0px 0px 0px; height:30px;line-height:30px;text-align:center; color:#ffffff; font-size:12px;text-decoration: none; }

ul#nav ul {position:absolute;top:30px;left:-5px;display:none; width:195px; margin:0px 0px 0px 0px; padding:5px 0px 10px 10px;
background:transparent url(images/zanzi/bg-subnav.png) no-repeat left bottom;
opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}

ul#nav ul li        {float:left;display:inline;list-style: none none;width:190px;padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
ul#nav ul li:hover  {background:#FFAD33;}
ul#nav ul li.active {background:#FFAD33 /* url(images/zanzi/l-arrow-sel.png) no-repeat 4px center*/;}
ul#nav ul li.active:hover {background:#FFAD33 /* url(images/zanzi/l-arrow-sel.png) no-repeat 4px center*/ ;}

ul#nav ul a,
ul#nav li:hover ul a {float:left; display:inline; width:175px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px;
				        text-align:left;font-size:11px;/*border-bottom:solid 1px #ffc266;*/}

ul#subnav {width:200px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style: none none;}
ul#subnav li {width:200px;list-style: none none;margin-bottom:2px;}
ul#subnav li:hover {background:#a79876;color:#ffffff;}
ul#subnav li.active {background:#ff9900;color:#ffffff;}
ul#subnav li a {color:#ff9900;width:181px;display:block;font-size:12px;text-decoration:none;padding:4px 0px 4px 4px;}
ul#subnav li:hover a, ul#subnav li.active a {color:#ffffff;}



/*--------------------- Losse Styles ----------------------- */

.white {color:#ffffff;}

/* Border just around the image */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image img       { border: 2px solid #a79876; padding: 0px 0px;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image img:hover { border: 2px solid #ff9900;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,
DIV.csc-textpic-border DIV.csc-textpic-single-image IMG { border: 2px solid #a79876; padding: 0px 0px;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image img:hover,
DIV.csc-textpic-border DIV.csc-textpic-single-image img:hover { border: 2px solid #ff9900;}

/*--------------------- sIFR ----------------------- */

@media screen {



  .sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}

  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}

  .sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

  .sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

}

@media print {

  .sIFR-flash {display : none !important;height : 0;width: 0;position:absolute;overflow:hidden;}

  .sIFR-alternate {

    visibility : visible !important;display: block   !important;position: static  !important;left: auto    !important;top : auto    !important; width : auto    !important; height: auto    !important; }

}



.sIFR-root a {cursor:pointer;}

.sIFR-active h1 {visibility:hidden; line-height:22px;height:22px;display: inline;}



/* ---------------------NIEUWS --------------------------- */

div.news-list-container div h3 {font-size:11px;background:#D0C4A9;padding:4px 0px 4px 4px;}

div.news-list-container div h3:hover {background:#a79876;} 

span.news-list-date {color:#604400;}

span.news-list-date-sep {color:#a79876;}





/*---------------------  Kiwi Accordion  ------------------------*/



.ka-panel {margin-bottom:5px;}

.ka-handler {cursor:pointer;margin-bottom:5px;width:100%;clear:both;}

.ka-panel.close .ka-handler {background:#a79876 url(images/zanzi/arrow_down.png)  no-repeat 99% center;}

.ka-panel.open .ka-handler {background:#ff9900 url(images/zanzi/arrow_up.png)  no-repeat 99% center;}

.ka-panel.hover .ka-handler{background:#ff9900;}

.ka-content {padding-bottom:5px;border-bottom:solid 1px #a79876;float:left;width:100%;clear:both;}

.ka-panel {float:left;width:100%;clear:both;}



.ka-panel h1, .ka-panel h2, .ka-panel h3 {padding:4px 0px 4px 4px;display:block;width:100%;color:#ffffff;}

.ka-panel h1 {font-size:12px;}

.ka-panel h2 {font-size:12px;}

.ka-panel h3 {font-size:11px;}



/*------------------ KIWI Slider ----------------------------------------*/

.tx-kiwislider-pi1 { width:440px;margin:auto; position:relative; } 

.tx-kiwislider-pi1 .scroll { height:240px; width:440px; position: relative; clear: left; }  

.tx-kiwislider-pi1 .scrollContainer div.panel {height: 220px; width:440px;padding-top:10px; overflow:auto; }

.tx-kiwislider-pi1 ul.navigation { list-style: none;margin:0;padding:0;margin-bottom:10px; }  

.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 {background: url(images/zanzi/bg-slider.png) repeat-x bottom; margin-left:0px; padding: 0px 0px 0px 0px;height:31px; width:440px;} 

.tx-kiwislider-pi1 ul.navigation li { display: inline; margin-right:0px;cursor: pointer;}  

.tx-kiwislider-pi1 ul.navigation a {float:left;  display:block; outline:0;color:#a79876;font-weight:normal; line-height:30px;height:30px;margin-right:5px; padding:0px 5px 0px 5px; text-decoration: none;

			 border-top:solid 1px #c7b999; }  

.tx-kiwislider-pi1 ul.navigation a:hover {color:#a79876;}  

.tx-kiwislider-pi1 ul.navigation a.selected { color:#604400;background:#c7b999;

			border-top:solid 1px #a79876; border-left:solid 1px #a79876; border-right:solid 1px #a79876;}  

.tx-kiwislider-pi1 .scrollButtons       {display:none; } 

.tx-kiwislider-pi1 .scrollButtons.left  {left:-20px;display:none;} 

.tx-kiwislider-pi1 .scrollButtons.right {right:-24px;display:none;} 

.tx-kiwislider-pi1 .scroll { }



/*------------------ Scroller in kiwi ----------------------------------------*/



.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}

.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background:#c7b999;}

.jScrollPaneDrag {position: absolute;background:#a79876;cursor: pointer;overflow: hidden;}

.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}

.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 9px;}

a.jScrollArrowUp:hover {/*background-color: #f60;*/}

a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow:hidden; /*background-color: #666;*/ height:9px; }

a.jScrollArrowDown:hover { /*background-color: #f60;*/ }

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}



/* --------------------- Formulier ------------------------------------*/



.csc-mailform {padding:4px 0px 4px 4px;width:100%;/*background:#D0C4A9; border: solid 1px #a79876;  */}

.csc-mailform-field LABEL{text-align:left; margin-left:4px;float:left;display:block;clear:left;width:150px;font-size:11px;}

.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT {font-size:8pt; margin:1px;padding:2px;



}

.csc-mailform-field TEXTAREA {width:267px;}

.csc-mailform-field SELECT {width:273px;}

INPUT.csc-mailform-submit {background:#604400;cursor:pointer; margin-left:155px;text-transform: uppercase;font-size: 11px;  color:#ffffff;border:none;width:100px;border:none;}

INPUT.csc-mailform-submit:HOVER {background:#000000;}

.csc-mailform-label {color:#a79876;}

.csc-mailform  hr {margin-top:4px;margin-bottom:4px;}

fieldset {border:none;}

fieldset legend {display:none;}

.csc-mailform-field img {margin-left:122px;}



/*mailformgeslacht*/

fieldset#mailformGeslacht input {display: block;width: 20px;float: left;border:none;}

fieldset#mailformGeslacht label {display: block;width: 50px;float: left;border:none;}

td.csc-form-labelcell {width:150px;}

.csc-form-fieldradiocell br {display:none;}



/*#mailformPostcode, #mailformPlaats {float:left;}*/



#mailformOntvangst_tijdstip, #mailformWaar_kent_u_ons_van {width:74px;}



div.csc-mailform-field:hover label  {color:#ffffff;text-decoration:underline; cursor:pointer;}

div.csc-mailform-field label.focus  {color:#ffffff;text-decoration:underline; color:red;}

div.csc-mailform-field .selected {background:red;}



.csc-mailform-field input:focus,

.csc-mailform-field textarea:focus {border-color:#604400;color:#604400;}



.csc-mailform-field input.fields_on,

.csc-mailform-field textarea.fields_on  { border-color:#604400;color:#604400;}

.csc-mailform-field input.fields_off,

.csc-mailform-field textarea.fields_off {	 border-color:#604400;color:#604400;}



a.addthis_button_compact	{display:block; width:196px; color:#fff; text-decoration:none; padding:4px 0 4px 4px; font-size:10px; font-weight:bold; background:#A79876;}
a.addthis_button_compact:hover	{text-decoration:underline;}