/*=======================================================================
    Algemeen, voor iedere pagina geldig
=========================================================================*/	
html, body {font-family: verdana; font-size: 82%; letter-spacing: 0px; background-color: #F7F8FC;}  /* oude kleur: #F0F0F8 */
td  {border: 0px solid #000000; vertical-align: top; color: #406C8D; font-family: verdana }
.foutmeldingen  
{
    color: #E54602; 
    display: inline-block  ; 
    border: 0px dotted black; 
    background-image: url('/systemimages/ico_attentie.gif');
    background-repeat: no-repeat;
    height: 40px;
    padding-top: 10px;
    padding-left: 50px;
    width: 400px;
    vertical-align: middle ; 
}

.plaatsenlijst  {width: 160px; height: 160px;}
.button {cursor:hand; font-size: smaller; background-color: #FDA600; color: #4D6981; font-weight: bold}

.topmenu    {font-family: MS Sans Serif; font-weight: bold; color: #325A78; font-weight: bold; text-decoration: none; padding-right: 5px; padding-left: 5px}
.topmenu:hover    {color: #EAEFF7; font-weight: bold; text-decoration: none}

.blocktext  {display: block; background-color: #DEDEE2; border: 1px solid #FD9C00}

.kop        {font-size: medium }
.subkop1    {font-size: small}
.subkop2    {font-size: 90%; margin-bottom : 5px}
.alinea     {width: 700px; padding: 30px; padding-top: 0px; padding-bottom: 0px; height: 100%}
ul          {margin-top: 5px; margin-bottom: 5px; margin-right: 10px}

.dropdownlistdate   {font-size: smaller}
.bottom     {color: #2c4252; text-decoration: none; vertical-align: middle  }
.abottom     {color: #2c4252; text-decoration: none;}
.abottom:hover {color: #000000}
h1          {font-size: medium}

.Heeftueenvraag {color: #DCDEE0;} 
a.Heeftueenvraag:hover  {color: #FFFFFF}
/*=======================================================================
    Zoekpagina
=========================================================================*/	
.dropdownlistsearch         {width: 200px; font-size: 85%; font-family : verdana}
.linktabblad                {font-family : verdana; color: #406C8D; font-size: 110%; text-decoration: none; font-weight: bold}  
.linktabblad:hover          {color: #406C8D;}  
.linktabblad_selected       {font-family : verdana; color: #406C8D; font-size: 110%; font-weight: bold; text-decoration: none; cursor: text}  
/*=======================================================================
    resultatengedeelte 
=========================================================================*/	
.campingnaam        {color: Blue; font-weight: bold}
.campingcriteria    {font-size: smaller; font-style: normal; color: #2c4252; }  
.tabelhoofdscore_2    {font-family: MS Sans Serif; color: #325A78; font-weight: bold; text-align: left; padding-left: 5px; height: 20px; width: 100%; background-color: #C9C8E6; border: 1px solid #406c8d; }
.tabelhoofdscore_1    {font-family: MS Sans Serif; color: #553b07; font-weight: bold; text-align: left; padding-left: 5px; height: 20px; width: 100%; background-color: #F1C66f; border: 1px solid #F07500; }
.r_rollovercamping_2    {color: Black; text-decoration: none; cursor: pointer; cursor: hand}  
.r_rollovercamping_2:hover    {background-color: #C9C8E6;}  
.r_rollovercamping_1    {color: Black; text-decoration: none;  cursor: pointer; cursor: hand}  
.r_rollovercamping_1:hover    {background-color: #F1C66F;}  
.tabelscore         {width: 248px; border: 0px solid Gray; /*background-color: Silver */}
.r_weergavecamping    {color: #2c4252; text-decoration: none; }
.r_tabelresultaten_2     {border: 2px solid #406c8d; width: 100%; padding-top: 0px; margin-top: 5px   }
.r_tabelresultaten_1     {border: 2px solid #F07500; width: 100%; padding-top: 0px; margin-top: 5px   }
/*=======================================================================
    frame weergave voor camping info 
=========================================================================*/	
.campingframe       {background-color: #F7F8FC; position: absolute; left: 240px; top: 126px; z-index: 200;}

div     {border: 0px solid black}
div#campingframe_div    {height: 99.8%}

/*
#campingframe {
position: absolute;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
/*height:100%; /* voor IE */
/*}
*/

/*=======================================================================
    Camping info pagina
=========================================================================*/	

.seizoenstabelcel, .prijstabelcel, .tabelcel, .prijstabelcelmidden   {vertical-align: middle; text-align: center; background-color: #E4E5E7; border: 2px solid #F7F8FC;}

.prijstabelcelmidden {width: 50px; border-right: 5px solid #F7F8FC;}
.prijstabelheadcelmidden {text-align: center; border-right: 5px solid #F7F8FC;}
.prijstabelcel           {width: 50px;}
.seizoenstabelcel           {width: 70px;}

.prijstabelcellinks      {font-weight: bold; text-align: left; padding-left: 0px; width: 50px; background-color: #E4E5E7; border: 2px solid #F7F8FC;}
.camping_prijsinfo_header   {font-size: 10px}
.kolomasterix           {width: 20px; text-align: right; padding-right: 5px }
.subkopalgemeen         {display: block; margin: 0px; color: red; margin-top: 10px; padding-top: 2px; padding-bottom: 2px; color: #222B32; font-weight: bold; font-size: 110% }
/*=======================================================================
  TAB ELEMENTS in noticedetails.aspx
=========================================================================*/	
.activeTab, .nonActiveTab /* The tab itself */
{
	cursor: pointer;
	cursor: hand;
	border: 0px solid black;
	border-bottom: 0px;
	text-align: center;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 90%;
	float: left;
/*	width: 100px;   */
	padding-left: 15px;
	padding-right: 15px;
}
.activeTab
{
    background-image: url('/images/tab_blauw.gif');
	font-weight: normal;
}
.nonActiveTab
{
    background-image: url('/images/tab_wit.gif');
	text-decoration: none; 
	color: #000000;
}
	.tabcontents, .showtabcontents /* The tab content */
	{
		border-top: 3px solid #7D99AE;
		padding : 8px;
		clear : left;
		width: 94%;
/*		height: 100%; */
	}
	.tabcontents
	{
		display: none;
	}
	.showtabcontents
	{
		display: block;
	}


/*=======================================================================
  SUB TAB ELEMENTS
=========================================================================*/	
.activesubTab, .nonactivesubTab /* The tab itself */
{
	cursor: default;
	border: 0px solid black;
	border-bottom: 0px;
	text-align: center;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 90%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	background-repeat: no-repeat ; 
}
.activesubTab
{
    background-image: url('/images/tab_blauw.gif');
	font-weight: bold;
}
.nonactivesubTab
{
    background-image: url('/images/tab_wit.gif');
	background-color: #EEEEEE;
	text-decoration: none; 
	color: #000000;
}
	.subtabcontents, .showsubtabcontents /* The tab content */
	{
		border: 3px solid #7D99AE;
		padding : 8px;
		clear : left;
		width: 94%;
/*		height: 100%; */
}

/*=======================================================================
  boekingsstyle
=========================================================================*/	

.bookit_tabelhead   {text-align: left}
.bookingsubtitle    {width: 100%; background-image: url('systemimages/backgroundsub1.jpg'); height: 20px; font-size: larger }
.inputcalculateprice    {font-size: x-small; border: 1px}
.totaalprijs        {font-size: larger; color: Green; font-weight: bold } 
.buttonSteps        
{
    background-image: url('/systemimages/backgroundsub1.jpg'); 
    font-size: 12px; 
    text-decoration: none;
    padding: 2px;
    padding-left: 10px;
    font-weight: bold; 
    padding-right: 10px;
    color: #377292;
    border: 1px solid #377292;
}
.buttonStepsdisabled        
{
    background-image: url('/systemimages/backgroundsub2.jpg'); 
    font-size: 12px; 
    text-decoration: none;
    padding: 2px;
    padding-left: 10px;
    font-weight: bold; 
    padding-right: 10px;
    color: #377292;
    border: 1px solid #377292;
}
.textbox    {font-weight: normal;} 

.kolombedragen   {width: 61px}
.kolomvalutateken   {width: 41px}

.editcampid     {background-color: #FCBF1C}
/*=======================================================================
    opmaak tabellen
=========================================================================*/	
.subkop     {background-color: #7D99AE; color: #EBF5FF; padding-left: 5px; padding-right: 5px; font-weight: bold }
.subkop3    {color: #3A517A; font-size: larger  }
.hoogtescheidingsteken  {height: 3px}
.kolomlinks {background-color: #E4E5E7; }
.kolomrechts {background-color: #E4E5E7; }

/*=======================================================================
    info blokje
=========================================================================*/	
.infoblokje 
{
    background-image: url('/systemimages/ico_info.gif'); 
    background-repeat: no-repeat;
    height: 40px;
    padding-left: 50px;
    width: 400px;
    vertical-align: middle ; 
}

/* calendar */
.datumvak                   {font-family: verdana; font-size: x-small; width: 70px} 

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=qjNcIT8BoLV-w3Iet7RYqE2nGysjDolEfw-QB0edetfWbUnTcSGV89hXMTlZni0b6KKkZgbqxVD5W8ODYLeaXQ2&t=633083934300000000);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=qjNcIT8BoLV-w3Iet7RYqE2nGysjDolEfw-QB0edetfWbUnTcSGV89hXMTlZni0bbR1R4o6Z8KN8PKZe_UkVfQ2&t=633083934300000000);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.Kalender .ajax__calendar_container {border:1px solid #646464;background-color:#E7E3F7;color:#2F4D63;}
.Kalender .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.Kalender .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.Kalender .ajax__calendar_day {border:1px solid #CCC9D7;}
.Kalender .ajax__calendar_month {border:1px solid #CCC9D7;}
.Kalender .ajax__calendar_year {border:1px solid #CCC9D7;}

.Kalender .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.Kalender .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.Kalender .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.Kalender .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.Kalender .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.Kalender .ajax__calendar_hover .ajax__calendar_day {background-color:#F7C76B;border-color:#F77500;color:#000000;}
.Kalender .ajax__calendar_hover .ajax__calendar_month {background-color:#F7C76B;border-color:#F77500;color:#000000;}
.Kalender .ajax__calendar_hover .ajax__calendar_year {background-color:#F7C76B;border-color:#F77500;color:#000000;}

.Kalender .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.Kalender .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}