/******************************************************************************
* Inplaats van de STER *
* doe alleen de elementen die het echt nodig hebben
* maakt renderen site voor een browser makkelijker
******************************************************************************/

html, body, form, fieldset
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343232;
	
}

body
{
	background-image: url('gui/background/bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
/* Neutralize styling: 
   Elements with a vertical margin:*/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address
{
	margin: 0;
	padding: 0;
} 

/* Apply left margin:
   Only to the few elements that need it: */

li, dd, blockquote
{
	margin: 0;
	padding: 0;
}

/* Miscellaneous conveniences: */
form label
{
    background-color: #f5f4e2;
	/* 	cursor: pointer; */
}

fieldset
{
	border: none;
	    background-color: #f5f4e2;
}

input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.hide {
display: none;}

img{
border: 0;}

.clear {
clear: both;}

/******************************************************************************
										MAIN
******************************************************************************/

#outerwrapper
{
	margin: 0 auto 0 auto;
	width: 990px;
}

#hdr
{
	height: 131px;
	background-image: url('gui/background/hdr.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#lft
{
	width: 225px;
	border-right: #dadada;
	border-left: #dadada;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
	float: left;
	min-height: 530px;
	_height: 530px;
}

#cntnt
{
	width: 555px;
	float: left;
	padding: 50px 20px 20px 20px;
}

#rght
{
	width: 166px;
	border-right: #dadada;
	border-left: #dadada;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
	float: left;
	padding-top: 50px;
}
/******************************************************************************
										ZWEMBADTELLER
******************************************************************************/	

#zwembad
{
	margin-left: 240px;
	height: 130px;
	/*background-image: url('gui/zwembadteller/balloon.jpg');
	background-repeat: no-repeat;
	background-position: top left;*/
}

#zwembad h4
{
	padding-top: 77px;
	padding-left: 110px;
	color: #fff;
	font-size: 12px;
}

#zwembad .aantal
{
	padding: 10px 10px 0px 14px;
	height: 30px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background-image: url('gui/zwembadteller/zwembadenkeurmerk.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#zwembad p img
{
}


/******************************************************************************
										NEWS
******************************************************************************/	

/* \*/
* html .news .even
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='gui/background/news_even.png',sizingMethod=false);
}

/* */
/* \*/
* html .news .uneven
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='gui/background/news_uneven.png',sizingMethod=false);
}

/* */


.news {
	margin-bottom: 8px;
	padding: 0;}

.even
{
/*	background-color: #a01844;*/
	background-image: url('gui/background/news_even.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px;
	padding: 5px;
}

.uneven
{
	background-image: url('gui/background/news_uneven.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px;
	padding: 5px;
	/*width:156px;*/
	
}


#news_first { background-color: #e41f1f; }
#news_second { background-color: #003f6e; }
#news_third { background-color: #f07800; }
.news p a:hover { color: fff; }

.news p a
{
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

.news h1 { margin: 0px; }

.news h1 a
{
	font-size: 11px;
	font-style: normal;
	margin: 0px;
	color: #fff;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
}

.news p
{
	
	margin: 0px;
	padding: 0;}

.top
{
	background-image: url('gui/news/top.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 8px;
	display: block;
}

.bottom
{
	background-image: url('gui/news/bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 8px;
	/*	display: block;
	margin-bottom: 8px;*/
}

.pressrelease
{
	clear: both;
	display: block;
	min-height: 40px;
}

.pressrelease p { padding-bottom: 5px;margin: 0;}

.pressrelease h2
{
	color: #00589e;
	font-size: 13px;
	font-weight: normal;
	padding-top: 5px;
	border-top: 1px solid #dadada;
}

.images
{
	float: left;
	margin: 5px 10px 0px 0px;
}

/******************************************************************************
										TEXT
******************************************************************************/	
	
	
h1
{
	color: #003f6e;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 18px;
}

.large
{
	color: #e41f1f;
	font-size: 12px;
	font-weight: bold;
}


p
{
	color: #5b5b5b;
	line-height: 18px;
	margin-bottom: 18px;
}

p.lead
{
	color: #4b87b8;
	font-size: 11px;
	font-weight: bold;

}

p.leadhome
{
	color: #4b87b8;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;

}

p a
{
	color: #00589E;
	/*font-style: italic;*/
	font-weight: bold;
	text-decoration: none;
}

p a:hover
{
}

a span {
	text-decoration: none;
	color: #343232;

}
	
a {
	text-decoration: none;
	color: #343232;

}
		
	
p.download a{
	padding-top: 3px;
	font-weight: normal;}	
	

.cImage {
margin: 0px 0px 0px 0px;
border: 1px solid #dadada;
padding: 3px;}