body
{
  background-color: #fff;
  font-family: verdana, arial;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 50px;
  margin-left:auto;
  margin-right: auto;
}

#intro
{
  background-color: #4b6ca2;
  font-family: verdana, arial;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
	height:100%;
	margin:0;
}

#introbg
{
	position:absolute;
	right:0;
	width:50%;
	margin-right:1px;
	height:100%;
	background-image:url("/images/layout/bg_firstpage_blue.gif");
}

#intrologo
{
	position:absolute;
	left:50%;
	margin-left:-75px;
	*margin-left:-76px;
	_margin-left:-75px;
	margin-left /*\**/:-76px\9;
	top:50%;
	margin-top:-200px;
	width:150px;
	height:400px;
	background-image:url("/images/layout/bg_firstpage_text.png");
}


#fixedtop
{
  position: absolute;
  height: 30px;
  line-height:30px;
  width:100%;
  background-color: #4b6ca2;
  text-align: right;
}

#fixedtopright
{
  position: absolute;
  height: 20px;
  top: 30px;
  right:0;
  line-height:20px;
  width:auto;
  background-color: #4b6ca2;
  background-image: url('/images/layout/fixedtop_corner.png');
  background-repeat: no-repeat;
  background-position: 0px -9px;
  text-align: right;
  padding-left: 25px;
  padding-right: 25px;
}

input.textfield100
{
  width: 100px;
  height:20px;
	_height:15px;
  border: 1px solid #000;
}

input.textfield200
{
  width: 200px;
  height:20px;
  border: 1px solid #000;
}

input.textfield
{
  width: 100%;
  height:20px;
  border: 1px solid #000;
}

textarea.textarea
{
  background-color:#fff;
  color:#000;
  width: 100%;
  height:400px;
  border: 1px solid #000;
}

.txtlabel250
{
	width: 250px;
	margin-bottom:5px;
	margin-right:20px;
	float:left;
	display:inline;
}

.txtlabel500
{
	width: 500px;
	margin-bottom:5px;
	margin-right:20px;
	float:left;
	display:inline;
}

.txtlabel
{
	width: auto;
	margin-bottom:5px;
	margin-right:20px;
	float:left;
	display:inline;
}

input.button
{
  height:20px;
  font-size: 10px;
  background-color: #a6bbdc;
  border: 1px solid #000;
  width:auto;
}

input.buttondark
{
  height:20px;
  font-size: 10px;
  background-color: #4b6ca2;
  border: 1px solid #000;
  width:auto;
}

.error
{
  color:#000;
  font-weight: bold;
  background-color:#f00;
}


#top
{
  position:absolute;
  top:40px;
  padding-left:50px;
  padding-right:50px;
	z-index:99;
}

#top #toplogo
{
  margin-left:68px;
  width: 79px;
  height:102px;
  float:left;
  display:inline;
  background-image: url('/images/layout/top_logo.gif');
}

#top #img_toplogo
{
  width:79px;
  height:102px;
  border:0;
}

#top #topkzpc
{
  margin-left:10px;
  margin-top: 27px;
  width: 397px;
  height:38px;
  float:left;
  display:inline;
}

#top #img_topkzpc
{
  width:397px;
  height:38px;
  border:0;
}

#top #img_topwaterpolo
{
  margin-left:116px;
  margin-top:8px;
  width:220px;
  height:16px;
  border:0;
}

#top #img_topwedstrijdzwemmen
{
  margin-left:116px;
  margin-top:8px;
  width:402px;
  height:16px;
  border:0;
}

#top #img_topjubileum
{
  margin-left:116px;
  margin-top:8px;
  width:192px;
  height:16px;
  border:0;
}

#page
{
  position: relative;
  top: 120px;
  height:600px;
  padding-left:50px;
  padding-right:50px;
	z-index:1;
}

#page #menu
{
  position: relative;
  width:100%;
  height: 101px;
  margin:0;
  background-image: url('/images/layout/menu_bg.png');
}

#page #menu #menucontent
{
  position: relative;
  width:100%;
  height: 101px;
  margin:0;
  background-image: url('/images/layout/menu_right.png');
  background-repeat: no-repeat;
  background-position:right;
}

#page #menu #menucontent2
{
  position: relative;
  width:100%;
  height: 101px;
  margin:0;
	text-align: center;
	line-height:101px;
  background-image: url('/images/layout/menu_left.png');
  background-repeat: no-repeat;
  background-position:left;
}


#page #commercial
{
  text-align:center;
  color: #000;
  padding-bottom:25px;
}


#page #contenttop
{
  position:relative;
	height:37px;
	width:100%;
  background-image: url('/images/layout/page_top_bg.png');
	height: 37px;

}

#page #contenttop #bgtopleft
{
  position:relative;
	float:left;
	display:inline;
  background-image: url('/images/layout/page_top_left.png');
  width:105px;
  height:37px;
}

#page #contenttop #bgtopright
{
  position:relative;
	float:right;
	display:inline;
  background-image: url('/images/layout/page_top_right.png');
  width:249px;
  height:37px;
}

#page #content
{
  position:relative;
  background-color:#4b6ca2;
  background-image: url('/images/layout/page_content_right.png');
	background-position:right;
	background-repeat:repeat-y;
  width:100%;
}
#page #content:after
{
  content: "";
  display: block;
  clear: both;
}

#page #content #container
{
  position:relative;
  background-image: url('/images/layout/page_content_top_right.png');
	background-position:top right;
	background-repeat:no-repeat;
  width:100%;
	_margin-right:-60px;
}

#page #content #container #container2
{
  background-image: url('/images/layout/page_content_top_left.png');
	background-position:top left;
	background-repeat:no-repeat;
  width:100%;
	margin-left:-3px;
	padding-left:25px;
	_margin-right:-60px;
}

#page #content #container #container2 #container3
{
  min-height: 400px;
	margin-right:60px;
}


#page #content #container #container2 #container3 #left
{
  float:left;
  display:inline;
  width:67%;
  overflow:hidden;
}

#page #content #container #container2 #container3 #right
{
  width:32%;
  float:right;
  display:inline;
  overflow:visible;
}

#page #content #container #container2 #container3 #fullwidth
{
  display:100%;
  overflow:hidden;
}

#page #contentbottom
{
  position:relative;
	height:37px;
	width:100%;
	background-color:#4b6ca2;
  background-image: url('/images/layout/page_bottom_bg.png');
	height: 85px;
}

#page #contentbottom #bgbottomleft
{
  position:relative;
	float:left;
	display:inline;
  background-image: url('/images/layout/page_bottom_left.png');
  width:84px;
  height:85px;
	margin-left:-3px;
}

#page #contentbottom #bgbottomright
{
  position:relative;
	float:right;
	display:inline;
  background-image: url('/images/layout/page_bottom_right.png');
  width:133px;
  height:85px;
}

div.image
{
	position:relative;
	float:right;
	display:inline;
	border:1px solid #000;
	width: 250px;
	text-align:center;
	padding:5px;
	background-color:#fff;
}
div.image:after
{
  content: "";
  display: block;
  clear: both;
}

div.bluebox
{
  background-image: url('/images/layout/bluebox_rightbg.png');
  background-repeat: repeat-y;
  background-position:right;
	margin:0;
}

div.blueboxcontainer
{
  background-color:#a6bbdc;
  color: #000;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 5px;
  margin:0;
  margin-right:6px;
  margin-bottom:10px;
}

div.blueboxbottom
{
  height:5px;
  background-color:#4b6ca2;
  background-image: url('/images/layout/bluebox_bottombg.png');
  background-repeat: repeat-x;
  background-position:top right;
  margin:0;
  margin-top:-10px;
	margin-bottom:25px;
}

div.bluefullcontent
{
	position:relative;
}

div.wissel_onderdeel
{
	position:relative;
	height:70px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	right:-30px;
	color:#4b6ca2;
	line-height:60px;
	font-size:14px;
	font-weight:bold;
	padding-left:25px;
	background-image:url("/images/layout/wissel_onderdeel_bg.png");
}


#news
{
	position:relative;
	width:100%;
	border:1px solid #fff;
	margin-bottom:10px;
}
#news:after
{
  content: "";
  display: block;
  clear: both;
}

#news #newspicture
{
	position:relative;
	float:left;
	display:inline;
	height:159px;
	width:240px;
	background-color:#fff;
	border-bottom:1px solid #fff;
	background-position: center;
	background-repeat: no-repeat;
}

#news #newsitems
{
	position:relative;
	height:160px;
	margin-left:240px;
}

#news #newscontent
{
	clear:both;
	padding: 5px;
}

div.newsitem
{
	cursor: pointer;
	height: 39px;
	line-height: 39px;
	padding-left: 20px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	overflow:hidden;
}

div.newsitem_active
{
	color:#fff;
	height: 39px;
	line-height: 39px;
	padding-left: 20px;
	border-left:0;
	background-color:#4b6ca2;
	border-bottom:1px solid #fff;
	overflow:hidden;
}

span.articledate
{
	font-size: 10px;
}

div.mainbutton
{
	cursor: pointer;
	width: 100%;
	height: 40px;
	background-image:url("/images/layout/mainbutton_bg.png");
	background-position: 50%  50%;
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
div.mainbutton:hover
{
	color: #000080;
}


div.mainbutton_container1
{
	width: 100%;
	height: 40px;
	background-image:url("/images/layout/mainbutton_left.png");
	background-repeat: no-repeat;
	background-position:left;
}

div.mainbutton_container2
{
	width: 100%;
	height: 40px;
	background-image:url("/images/layout/mainbutton_right.png");
	background-repeat: no-repeat;
	background-position:right;
	text-align:right;
}

div.mainbutton_content
{
	font-size:12px;
	font-weight: bold;
	line-height:20px;
	padding-right:30px;
	height: 40px;
}

#spelers
{
	position:relative;
	width:100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:center;
}

#spelers #tblspelers
{
	border-collapse:collapse;
	width:100%;
	height:400px;
}

#spelers #tblspelers #tblleft
{
	width:29%;
	text-align:center;
	padding-bottom: 25px;
	border-right:1px solid #fff;
}


#spelers #tblspelers #tblmiddle
{
	width:40%;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

#spelers #tblspelers #tblright
{
	border-left:1px solid #fff;
	text-align:center;
}

div.spelerkop
{
	height:30px;
	line-height:30px;
	background-color:#2d4161;
	color: #fff;
	font-weight:bold;
}

div.speler
{
	height:30px;
	line-height:30px;
}

div.speleractive
{
	height:30px;
	line-height:30px;
	background-color:#a6bbdc;
	color:#000;
}

div.spelerhover
{
	height:30px;
	line-height:30px;
	background-color:#8098bc;
	color:#000;
}

table.wedstrijd
{
	width:100%;
	margin-top: 25px;
	background-color:#a6bbdc;
	border-collapse:collapse;
	color:#000;
}

div.quote
{
  background-color: #E7E7E7;
  border: 1px #214766 solid;
  margin:0px;
  margin-left:35px;
  margin-bottom:10px;
  margin-top:10px;
  padding: 10px;
}

table
{
	margin:0;
	border:0
}

th
{
	background-color:#4b6ca2;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
}

td.border
{
	border:1px solid #fff;
	text-align:center;
}

td.cell1
{
	border:1px solid #fff;
	text-align:left;
}

td.cell2
{
	background-color:#8396b3;
	border:1px solid #fff;
	text-align:left;
}

a,a:active,a:visited
{
	color: #000080;
	font-size: 12px;
	font-weight: bold;
}

a:hover
{
	color:#0000FF;
	font-size: 12px;
	font-weight: bold;
}

a.menu,a.menu:active,a.menu:visited
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

a.menu:hover
{
	color:#AAA;
	font-size: 12px;
	font-weight: bold;
}

a.del,a.del:active,a.del:visited
{
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}

a.del:hover
{
	color:#A00;
	font-size: 12px;
	font-weight: bold;
}