/* 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: #505050;}
body {background:#ef3f37 url(images/tinto/bg-tinto.png) repeat-x;}


/*-------------- Styles ----------------------- */
h1, h2, h3, h4, h5, H6 {font-weight:normal;}
h1, h2, h3, h4, h5 {margin-bottom:8px;}
h1 {font-size:17px;color: #ef3f37;}
h2 {font-size:17px;color: #808080;}
h3 {font-size:15px;color: #808080;}
h4 {font-size:13px;margin-bottom:0px;margin-top:8px;font-weight:bold;color:#ef3f37;}
h5 {font-size:12px;margin-bottom:0px;margin-top:8px;font-weight:bold;color: #ef3f37;}

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 #808080;background:#808080;font-weight:bold;color:#ffffff;}
blockquote p {color:#ffffff; text-align:center;}

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

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

a img {border:0px;}
a:link img, a:visited img, a:active img {background-image:none;}
ul a {text-decoration: underline;}
ul a:hover {text-decoration: none;}

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

input, select, textarea{font-family: Tahoma, arial, verdana, sans-serif; border-top:solid 1px #808080;border-right:solid 1px #c0c0c0;border-bottom:solid 1px #c0c0c0;border-left:solid 1px #808080;}
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 #ef3f37;
/* background:#c7b999 url(images/tinto/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; }
#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 #808080;*/
}
#rightContent1 {padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #808080;}

#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:#ef3f37; padding:4px 0px 8px 12px;margin:0px 0px 0px 0px;}
#homeSection1:hover h2, #homeSection2:hover h2, #homeSection3:hover h2, #homeSection4:hover h2 {background:#808080;}

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

#navContainer 	{float:left;width:900px;margin:auto;height:30px; background: url(images/tinto/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:#ef3f37}

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/tinto/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:#efa49f;}
ul#nav ul li.active {background:#efa49f /* url(images/tinto/l-arrow-sel.png) no-repeat 4px center*/;}
ul#nav ul li.active:hover {background:#efa49f /* url(images/tinto/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:#808080; /* url(images/tinto/arrow-over.png) no-repeat right center */}
ul#subnav li.active {background:#ef3f37; /*url(images/tinto/arrow-sel.png) no-repeat right center */}
ul#subnav li a {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 #808080; padding: 0px 0px;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image img:hover { border: 2px solid #ef3f37; }
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 #808080; 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 #ef3f37; padding: 0px 0px;}

/*--------------------- 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:#808080;padding:4px 0px 4px 4px;}
div.news-list-container div h3:hover {background:#ef3f37;} 
span.news-list-date {color: #ef3f37;}
span.news-list-date-sep {color:#808080;}

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

.ka-panel {margin-bottom:5px;}
.ka-handler {cursor:pointer;margin-bottom:5px;width:100%;clear:both;}
.ka-panel.close .ka-handler {background:#808080 url(images/tinto/arrow_down.png)  no-repeat 99% center;}
.ka-panel.open .ka-handler {background:#ef3f37 url(images/tinto/arrow_up.png)  no-repeat 99% center;}
.ka-panel.hover .ka-handler{background:#ef3f37;}
.ka-content {padding-bottom:5px;border-bottom:solid 1px #808080;float:left;width:100%;clear:both;}
.ka-panel {float:left;width:100%;clear:both;}

.ka-panel h1, .ka-panel h2, .ka-panel h3 {color:#ffffff;padding:4px 0px 4px 4px;display:block;width:100%;}
.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/tinto/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:#808080;font-weight:normal; line-height:30px;height:30px;margin-right:5px; padding:0px 5px 0px 5px; text-decoration: none;
			 border-top:solid 1px #c0c0c0; }  
.tx-kiwislider-pi1 ul.navigation a:hover {color:#808080;}  
.tx-kiwislider-pi1 ul.navigation a.selected { color: #ef3f37;background:#c0c0c0;
			border-top:solid 1px #808080; border-left:solid 1px #808080; border-right:solid 1px #808080;}  
.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:#c0c0c0;}
.jScrollPaneDrag {position: absolute;background:#808080;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:#808080; border: solid 1px #808080;  */}
.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: #ef3f37;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:#808080;}
.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:#ef3f37;text-decoration:underline; cursor:pointer;}
div.csc-mailform-field label.focus  {color:#ef3f37;text-decoration:underline; color:red;}
div.csc-mailform-field .selected {background:red;}

.csc-mailform-field input:focus,
.csc-mailform-field textarea:focus {border-color: #ef3f37;color: #ef3f37;}

.csc-mailform-field input.fields_on,
.csc-mailform-field textarea.fields_on  { border-color: #ef3f37;color: #ef3f37;}
.csc-mailform-field input.fields_off,
.csc-mailform-field textarea.fields_off {	 border-color: #ef3f37;color: #ef3f37;}



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:#808080;}
a.addthis_button_compact:hover	{text-decoration:underline;}