/*
##############################################################################
FILENAME:			portal.css
DESCRIPTION:		Default Style Sheet
CREATED:			07/02/2007
##############################################################################
	Structuur
##############################################################################
*/

body
{
	min-width: 960px;
}

html,
body
{
	margin: 0px;
	padding: 0px;
	background: #fff;
}

#outer
{
	position: relative;
	width: 940px;
	left: 50%;
	margin-left: -480px;
}

.head,
.foot,
.external
{
	display: block;
}

#container
{
	position: relative;
	display: block;
}

#center
{
	position: relative;
	display: block;
	height: 1%;
}

.clear
{ 
	clear: both; 
}

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

html,
body,
p,
input
{
	font-family: Verdana,Arial,'Trebuchet MS',Trebuchet,'Lucida Grande',Lucida,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}


body
{
	background-image: url('../portal/top.gif');
	background-repeat: repeat-x;
}

.head
{
	height: 220px;
	background-image: url('../portal/welcome.gif');
	background-repeat: no-repeat;
}

#center
{
	background-image: url('../portal/bigpic_inc_search.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}


/*##############################################################################
	External links
##############################################################################*/

.external
{
	padding-top:107px;
}

#external_plaza,
#external_plazaclub,
#external_clubaqua,
#external_jip
{
	display: block;
	float:left;
	padding-left:104px;
	padding-right:24px;
	height: 113px;
	background-repeat: no-repeat;
	background-position: left 20px;
}

#external_plaza
{
	background-image: url('../portal/extern/plaza.jpg');
}

#external_plazaclub
{
	padding-right:20px;
	background-image: url('../portal/extern/plazaclub.jpg');
}

#external_clubaqua
{
	padding-left:98px;
	padding-right:2px;
	background-image: url('../portal/extern/clubaqua.jpg');
}

#external_jip
{
	padding-right:0;
	background-position: left 4px;
	background-image: url('../portal/extern/jip.gif');
}

/*##############################################################################
	Search
##############################################################################*/

#center #searchpanel
{
	float:left;
	width:300px;
	padding-top:90px;
}

#center #searchpanel p
{
	padding: 8px 0 0 32px;
	margin: 0;
}

#center #searchpanel p label
{
	float: left;
	clear: both;
	width:290px;
	margin-bottom: 4px;
	color: #FFF;
}

#center #searchpanel p input
{
	float:left;
	clear:left;
}


#center #searchpanel input.formbutton
{
	position: relative;
	margin: 0 0 4px 0;
	bottom:0px;
	right:0px;
	vertical-align: bottom;
	clear:none;
}

#center #searchpanel input.text
{
	padding: 2px;
	height: 14px;
	width: 169px;
	position: relative;
	font-weight: bold;
	border-width: 0;
	border-style: none;
	margin: 0 0 4px 0;
}

/*##############################################################################
	News
##############################################################################*/

#center #news
{
	height: 240px;
	margin-left: 630px;
	display: block;
	padding-top:35px;
	/* overflow: auto; */
}

#center #news p.date
{
	height: 22px;
	color: #FFF;
}

#center #news #newsitems
{
	margin-top:60px;
	height: 158px;
	overflow: auto;
}
#center #news a.nieuwsgif img { padding: 20px 0 0 0; }

#center #news #newsitems *
{
	padding: 0;
	clear:left;
	margin: 0;
	color: #77787A;
	text-decoration: none;
}

#center #news #newsitems h3 a
{
	color: #68B022;
	font-size: 12px;
}

#center #news #newsitems p
{
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-color: #68B022;
	border-width: 0 0 1px 0;
	border-style: solid;
}


/* ##############################################################
						 	Footer
###############################################################*/

.foot .address
{
	padding-top: 15px;
	height: 20px;
	clear: left;
}

.foot .address p
{
	width:960px;
	color: #9D9FA1;
	font-size: 9px;
}

.foot
{
	padding-top:20px;
}

.foot .banner_holder
{

}

.foot .banner_holder .banner
{
	float:left;
	width: 225px;
	height: 149px;
}

.foot .banner_holder .bannersmall_holder,
.foot .banner_holder .bannersmall_holder_2
{
	width: 155px;
	float:left;
	margin-left: 18px;
}

.foot .banner_holder .bannersmall_holder_2
{
	margin-left: 32px;
}

.foot .banner_holder .bannersmall,
.foot .banner_holder .bannersmall_2,
.foot .banner_holder .bannersmall_3,
.foot .banner_holder .bannersmall_4
{
	background-color:#00a7ae;
	background-image: url('../banners/holder.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 135px;
	height: 47px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 10px;
}

.foot .banner_holder .bannersmall_2,
.foot .banner_holder .bannersmall_4
{
	background-color:#1a2c5a;
	margin-top: 14px;
}

.foot .banner_holder .bannermiddle
{
	background-image: url('../banners/bannerred.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 182px;
	height: 149px;
	float:left;
	margin-left: 18px;
}

.foot .banner_holder .bannersmall_3
{
	background-color:#52b735;
}

.foot .banner_holder .bannersmall_4
{
	background-color:#ec8622;
}


.foot .banner_holder .bannerright
{
	background-image: url('../banners/valentine.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 130px;
	height: 149px;
	float:left;
	margin-left: 20px;
}