/*
##############################################################################
FILENAME:			acco.css
DESCRIPTION:		Overrides "default" in some points
CREATED:			07/02/2007
##############################################################################
	Default override
##############################################################################
*/

#container
{
	/*
	border-width: 0 330px 0 188px;
	border-style: none solid none solid;
	border-color: transparent;
	*/
	/* in plaats van de bovenstaande border-oplossing: */
	margin-left: 188px;
	margin-right: 330px;
	/* end */
}

#inner
{
	margin-right: -330px;
}

#right
{
	width: 330px;
}

#center
{
 	padding-right: 46px;
	margin-right: 330px;
}



/*##############################################################################
	Global Looks
##############################################################################*/

h2,
h3,
ul
{
	color: #4aa437;
}

#right p
{
	clear: both;
	padding: 0 0 18px 0;
	margin: 0;
}

#right label
{
	padding-top:4px;
	float:left;
	clear:none;
}

#right input
{
	font-size: 10px;
	width:174px;
	float:right;
	clear:none;
}

#right #accosearch p
{
	font-size: 10px;
}

/* \*/
* html #right #accosearch p
{
	font-size: 9px;
}
/* */


/*##############################################################################
	Accomodaties
##############################################################################*/

table.locations
{
	width: 390px;
	background-image: url('../img/laocationstable.gif');
	padding: 8px 0 8px 0;
	margin: 14px 0 0 0;
	font-size: 100%;
}

table.locations td
{
	width: 130px;
	padding: 0 0 0 8px;
	vertical-align: top;
	
}

table.locations td a
{
	text-decoration: none;
	color: #515254;
	font-size: 95%;
}

table.locations td a.hi,
table.locations td a:hover
{
	text-decoration: underline;
}

#accomodationinfo
{
	width: 362px;
	border-color: #409AE1;
	border-width: 1px;
	border-style: solid;
	margin: 16px 0 4px 0;
	padding: 8px 12px 8px 12px;
}

#accomodationinfo .groenestroom_of_niet
{  

}

#accomodationinfo .groenestroom
{
	background-image: url('../icons/sfn-groen-def-02.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#accomodationinfo .groenestroom .groenestroom
{
	background-image: none;
}

#accomodationinfo #accomodationinfo_content
{
	/* background-image: url('../icons/keurmerkbig.gif'); */
	background-repeat: no-repeat;
	background-position: right bottom;
}

#accomodationinfo *
{
	padding: 0;
	margin: 0;
}

#accomodationinfo a
{
	text-decoration: none;
	color: #515254;
}

#accomodationinfo a:hover
{
	text-decoration: underline;
}

#accomodationinfo h3
{
	font-size: 140%;
	line-height: 130%;
}

#accomodationinfo h3 small
{
	font-size: 60%;
	float: left;
	margin-top: -6px;
	font-weight: normal;
}

#accomodationinfo h3.accomodation a
{
	color: #4AA437;
	line-height: 130%;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#accomodationinfo h3.accomodation a:hover
{
	color:#398cde;
}

#accomodationinfo h4
{
	color:#398cde;
	font-size: 120%;
	line-height: 130%;
}

#accomodationinfo h4.accomodation
{
	font-size: 100%;
	margin: 0 0 6px 0;
}


#accomodationinfo .sportplaza h3
{
	color: #e3883b;
}

#accomodationinfo .sportplaza h4
{
	color: #1f7091;
}


#accomodationinfo p.accolink
{
	padding-top:4px;
}

#accomodationinfo a,
#accomodationinfo p.accolink a
{
	color: #398cde;
	text-decoration: none;
}

#accomodationinfo p.accolink a
{
	font-weight: bold;
}

#accomodationinfo p.accolink a:hover
{
	text-decoration: underline;
}


ul#accomodatie_overzicht
{
	padding:0;
	padding-left:16px;
	margin:0;
}

ul#accomodatie_overzicht li
{
	padding: 6px 0 3px 0;
	border-color: #398cde;
	border-width: 0 0 1px 0;
	border-style: solid;
}

ul#accomodatie_overzicht li a strong
{
	font-size: 110%;
}


/*##############################################################################
	Accomodaties kaartje -- tooltip
##############################################################################*/

#tooltip {
	border: 1px solid #111;
	background-color: #eee;
	padding: 3px;
	
	position: absolute;
	z-index: 3000;
	opacity: 0.85;
}

#tooltip h3, 
#tooltip p
{
	margin: 0;
	color: #0C2243;
	font-size: 12px;
}