﻿/*--- 2colums topmenu ---*/
body
{
 background: url(_images/mainbg.jpg) no-repeat fixed 50% 0;
 background-color: #000000;
 color: #ffffff;
 font-family: Verdana;
 font-size: 12px;
 text-align: center;
 padding:0px;
 margin:0px;
}
img
{
 border: 0px;
 margin: 0px;  
}


img, div { behavior: url(iepngfix.htc) }

.tribalbg
{
background:url(_images/tribalbg.png);
background-repeat:no-repeat;
width:692px;
height:345px;
behavior: url(iepngfix.htc);
padding-top:30px;
}
.tribalcontainer
{
width:600px;
height:286px;
border:0px solid white;
margin-left:40px;
margin-top:0px;
}

a.homepage:link
{
color:#EAC9AE;
text-decoration:none;
font-weight:bold
}
a.homepage:visited
{
color:#EAC9AE;
text-decoration:none;
font-weight:bold
}
a.homepage:hover
{
color:#666666;
text-decoration:none;
font-weight:bold
}

.tribaltop
{
background-image:url(_images/tribaltop.png);
width:228px;
height:44px;
padding:0px;
margin:0px;
}

.tribalmid
{
clear:left;
background-image:url(_images/tribalmid.gif);
background-repeat:repeat-y;
width:228px;
text-align:left;
padding:0px;
margin:0px;
}

.tribalcontent
{
position:relative;
top:-15px;
width:164px;
margin:auto;
font-size:10px;
text-align:left;
padding-left:2px;
text-align:center;

}

.tribalbottom
{
width:228px;
height:44px;
padding:0px;
margin:0px;
}

/* Language buttons*/
#choose-language
{
position:absolute;
 margin-left:900px;
 padding-right: 0px;
 padding-top: 0px;
 float: right;
 width: 50px;
 text-align:right;
}
a.language_nl
{
 background-image: url(_images/language_nl.gif);
 width: 24px;
 background-repeat:no-repeat;
 height: 16px;
 padding-right:2px;
}
a.language_en
{
 background-image: url(_images/language_en.gif);
 width: 24px;
 height: 16px;
}
a.language_es
{
 background-image: url(_images/language_es.gif);
 width: 30px;
 height: 20px;
}
a.language_de
{
 background-image: url(_images/language_de.gif);
 width: 30px;
 height: 20px;
}
a.language_fr
{
 background-image: url(_images/nl.gif);
 width: 30px;
 height: 20px;
}
#maincontainer
{
 width: 950px;
 margin: 0 auto 0 auto;
}
#maincontainer-layer
{
 /*background: url(_images/sunny_bg.jpg) no-repeat scroll 50% 0;*/
 background-color: #000000;
 width: 946px;
 color:#ffffff;
 padding:0px;
 margin:2px;
}
#logoheader
{
 width: 950px;
 background-color: #E4F0F6;
 text-align: center;
}
table#mainTable
{
 background-color: #000000;
 background: url(_images/contentbg.jpg) repeat-x;
 color:#ffffff;
 width:950px;
}
#navigation-top
{
 width: 950px;
 height:59px;
 text-align: center;
 padding:0px;
 margin:0px;
 background: url(_images/mainmenu.gif);
 background-repeat:repeat-x;
}

/*-- navigation --*/

#tablebg
{
}

table.nav
{
 padding:0px;
 height: 34px;
}

table.nav td
{
 border: solid 0px #ffffff;
 width: 110px;
 text-align: center;
 padding:0px;
 margin:0px;
}
a.nav, a.nav:link, a.nav:active, a.nav:visited, a.nav:hover
{
 display: block;
 height:59px;
 line-height:65px;
 color: #ffffff;
 font-family: tahoma;
 font-weight: bold;

}
a.nav:hover
{
 height:59px;
 padding:0px;
 margin:0px;
 color: #000000;
}
a.nav_selected, a.nav_selected:link, a.nav_selected:active, a.nav_selected:visited, a.nav_selected:hover
{
 height:59px;
 padding:0px;
 margin:0px;
 font-weight: bold;
 color: #ffffff;
text-decoration:underline;
}

/*--- submenu --*/
div.sublevelwrapper
{
 border-left: solid 2px #555555;
 border-right: solid 2px #555555;
 border-bottom: solid 2px #555555;
 background-color: #191919;
 width: 205px;
 text-align: left;
 padding-left: 3px;
 z-index: 3;
 margin-top: -27px;
 overflow: hidden;
}
a.sublevel, a.sublevel:link, a.sublevel:active, a.sublevel:visited, a.sublevel:hover
{
 font-weight: bold;
 color: #ffffff;
}
a.sublevel:hover
{
 color: #808080;
 text-decoration: underline;
}
a.sublevel_selected, a.sublevel_selected:link, a.sublevel_selected:active, a.sublevel_selected:visited, a.sublevel_selected:hover
{
 font-weight: bold;
 color: #ffffff;
text-decoration:underline;
}

#maincontent
{
 width: 688px;

}
div#maincontent-align
{
 margin: 8px;
 width: 680px;

}
.breadcrumb-sitename
{
 color: #2381A4;
 margin: 0px;
}
div#breadcrumbs .node
{
 font-size: 10px;
 color: #2381A4;
 text-decoration: none;
}
div#breadcrumbs .currentNode
{
 color: #2381A4;
 text-decoration: none;
 font-size: 10px;
 padding-right: 5px;
}
div#breadcrumbs .separator
{
 color: #2381A4;
 padding: 5px;
 font-size: 10px;
}
#rightcontent
{
 width: 235px;
 height: 500px;
 overflow: auto;
}
div#rightcontent-align
{
 width: 220px;
 margin-right:5px;
}
div#footer
{
 background: url(_images/footer.jpg);
 height: 87px;
 width: 950px;
 text-align: left;
}
div#footer a
{
 color: #888888;
}
div#footer-left
{
 width: 400px;
 float: left;
 color: #888888;
}
div#footer-left .utils a
{
 color: #252525;
 padding-right: 10px;
}
div#realisatie-NewLimit
{
 float: right;
 padding-right: 5px;
 width: 450px;
 text-align: right;
 color: #888888;
}
div#realisatie-NewLimit a
{
 color: #888888;
}
/*-- standaard elements --*/
h1, h2, h3
{
 color: #eac9ae;
 padding: 0px;
}
a, a:visited, a:active, a:hover, a:link
{
 color: #ffffff;
}

/*-- form elements - also CMS related --*/
input.button
{
 color: #000000;
 background-color: #cccccc;
 border-top: solid 1px #eeeeee;
 border-left: solid 1px #eeeeee;
 border-right: solid 1px #000000;
 border-bottom: solid 1px #000000;
 margin-right: 6px;
}
input.textboxAdmin
{
 border: solid 1px #000000;
}
textarea
{
 width: 350px;
 height: 200px;
}
.error
{
 color: #FF0000;
}

td.fieldlabel
{
 color: #ffffff;
}
td.field
{
 width: 80%;
}

/*-- CMS-user - contactform - etc --*/
.framed
{
 background-color: #666666;
 color: #ffffff;
 border: 2px solid #dddddd;
 font-weight: bold;
 width: 500px;
 padding: 5px;
}

/*---------------- Module textheader ------------*/

div#mainposition
{
 position: relative;
 width: 900px;
 margin: auto;
}

div#websiteTitle
{
 position: absolute;
 top: 6px;
 left: 0px;
 z-index: 2;
 color: #6F7A84;
 font-size: 56px;
 font-weight: bold;
}
div#websiteTitleShadow
{
 position: absolute;
 top: 7px;
 left: 3px;
 color: #000000;
 font-size: 56px;
 font-weight: bold;
 z-index: 1;
 opacity: 0.20;
 filter: alpha(opacity=20);
 -moz-opacity: 0.20;
}
/*--- module sidebar RSStext ---*/
/*--- optional ---*//*
div.sidebartop 
{
 background: Transparent url(_images/sidebartop.gif) repeat-x top left;
 height:12px;
 width:215px;
}
*/
div.sidebar
{
 border: solid 1px #ffffff;
 background-color: #2381A4;
 width: 236px;
 margin: auto;
}
/*--- optional ---*//*
div.sidebarbottom
{
 background: Transparent url(_images/sidebarbottom.gif) repeat-x top left;
 height:12px;
 width:215px;
}
*/
div.sidebar ul
{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
div.sidebar ul li.item
{
 padding-left: 7px;
 padding-right: 7px;
 color: #FFFFFF;
}
div.sidebar ul li.item a
{
 text-decoration: underline;
 color: #FFFFFF;
}
div.sidebar ul li.item a:hover
{
 color: #EF5801;
}
div.sidebar ul li.sidebaritemseparator
{
 list-style-type: none;
 list-style-image: none;
 padding: 0;
 margin-left: 0px;
 height: 10px;
}
/*--- modules: Gastenboek/NieuwsOverzicht---*/

.pad /*container for odd and even */
{
 width: 500px;
}
.odd
{
 padding: 2px;
 background-color: #999999;
 color: #ffffff;
}
.even
{
 padding: 2px;
 background-color: #ffffff;
 color: #999999;
}
.date
{
 font-weight: bold;
}
.author
{
 font-weight: bold;
 margin-left: 10px;
}
.entry
{
 clear: left;
}
.newscontent
{
 width: 600px;
 padding: 4px;
}

/*----- Events ------*/
.presentationEvents
{
 width: 240px;
}
.categoryEvents
{
 font-weight: bold;
 font-size: 14px;
}
/*--height thumbrows mgalview-medium --*/
.jqGalViewIImedium .gvIIContainer .gvIIHolder
{
}
/*---galleries design:alttext ---*/
.gvIIAltText
{
 height: 20px;
 padding-top: 4px;
 line-height:20px;
}

/*-- traveldiary -- */

/* listview (gridview style) */
div.top {
    background-color:#999999;
    height:23px;    
    padding:8px 10px 5px 10px;     
    color:#fff;    
	   line-height:20px;
	   font-size:14px;
	   font-weight:bold;	   
}
div.top A {color:#fff;}

.grid 
{ 
	width:496px; 
	font-family:Tahoma;
	border:solid 2px #999999; 
}
.grid H2 
{ 
	margin:0; padding:0; 
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.grid .mid
{
	padding:3px 0px 0px 0px;
	background-color:#ffffff; 
 color: #999999; 
}
.grid .datatable
{
	width:100%;
	color:#666;
 border-bottom:solid 1px #999999;
}        
.grid .datatable TH
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#333333;
    border-bottom:solid 2px #999999;
}
.grid .datatable TH A
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}
.grid .datatable .row TD,
.grid .datatable .altrow TD,
.grid .datatable .rowselected TD
{
    font-size:11px;
    text-align:left;
    padding:6px 4px;
    border-bottom:solid 1px #999999;
} 
.grid .datatable .row A, 
.grid .datatable .altrow A,
.grid .datatable .rowselected A
{
  color:#666;   
}     
.grid .datatable .row:hover,
.grid .datatable .altrow:hover
{
	background-color:#fffacd;
	color:#000;
}
.grid .datatable .rowselected { background-color:#dfdbc7; }
.grid .datatable .grouprow 
{ 
   color:#0066cc; 
   font-weight: bold;
   font-style: italic;
}
.grid .datatable TD.first,
.grid .datatable TH.first 
{
  padding-left:10px;
}
.grid .datatable .edit-info
{
 background-color: #eae8df;
 border-top:dashed 1px #333;
 border-bottom-width:0px;
 font-weight:bold;
 color:#333;
}
.grid .datatable .edit 
{
  background-color: #eae8df;
  padding:20px 0 20px 0; 
  border-bottom:dashed 1px #333;
}

/* details styles */
.grid .detailview
{
 width:100%;
 empty-cells:show;
}
.grid .detailview TD
{ 
 border-bottom-width:0px;
}
.grid .details .footer
{
 text-align:right; 
 padding:20px 25px 0 0;
}

/* Data Pager Styles */
.grid .pager
{
    text-align:center;
    padding:6px;	                
} 
.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command
{
    color:#000000;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}
.grid .pager A.command:hover
{
    border:solid 2px #000000;
    background-color:#999999;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid .pager SPAN.current
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
    font-size:18px;
}

/* modalpopup planning section */
.detail
{
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
	color: #333;
}

.detail .footer
{
	text-align:right;
	padding:8px;
}

.detail .footer a, 
.detail .footer a:visited, 
.detail .footer a:active, 
.detail .footer a:hover, 
.detail .footer a:link
{
 color: #333;
}

 .modalBackground 
 {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
 }
 /* end modalpopup planning section */
/* end listview (gridview style) */

/* Tag Calendar */
.calendarStyle
{
	background-color: #999999;
	border: solid 1px #333;
}

.calendarStyle a
{
	text-decoration: none;
}

.calendarTitle
{
	background-color: #999999;
 color: #ffffff;
 font-weight: bold;
}

.calendarHeader
{
	background-color: #FFFFFF;
	border-top: solid 1px #333;
	color: #333;
}

.calendarDay
{
	background-color: #FFFFFF;
	color:#333;
}

/* calendar */
.selectedDay
{
 border:solid 2px #8fbf5c;
}


/*-- website forms --*/

.webformQuestion{
width: 100px;
display: block;
text-align: right;
padding-right: 6px;
padding-top:4px;
color: #eac9ae;
}
.webfield{
float: left;
display: block;
text-align: left;
padding-right: 6px;
padding-top:4px;
margin-bottom:25px;
}
.req{
color: red;
font-weight: bold;
}

.websurveybutton{
 margin-top:10px;
 margin-left: 308px;
}
.webform{
 display: block;
 color: #eac9ae;
 font-size:17px;
 font-weight:bold;
}
.webform_textarea{
 float: left;
 display: block;
 color: #eac9ae;
 font-size:17px;
 font-weight:bold;
 width:200px;
}
#ctl00_mainContent_ctl03_ws_imgAntiBotImage
{
 vertical-align: middle;
}
#ctl00_mainContent_ctl03_ws_txt_AntiBot
{
 padding:2px;
 margin-left:10px;
}

