/* CSS Document - Main */
body {
	font-family: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: url("img/bg.gif") center center repeat fixed; 
	margin: 0px;
	padding: 0px;
	behavior:url(csshover.htc);
	}
.pagetitle {
	margin: 0px;
	padding: 0px;
	}
.pagetitle h1 {
	font: 21px Arial, Helvetica, sans-serif;;
	font-weight: bold;
	height: 29px;
	_height:29px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
	padding-bottom: 0px;
	_padding: 0px; /* IE6 */
	_padding-top: 0px; /* IE6 */
	_padding-bottom: 0px; /* IE6 */
	*padding-left: 8px; /* IE7 */
	_padding-left: 0px;
	background: url("img/bg_h1.gif") top left repeat-x;
	}
.text h2 {
	font: 28px Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.pagetitle h1 a {
	color: #fff;
	text-decoration:none;
	}
.subtitle {
	padding:10px;
	background-color: #fff;
	}
.subtitle h2 {
	margin: 0px;
	}
.pagepart {
	padding: 5px;
	}
#site {
	margin: 0px auto;
	background: #fff url("img/bg_container.gif") top left repeat-x;
	width: 950px;
	padding-top: 0px;
	}
#header {
	background: url("img/top_header.jpg") center center no-repeat;
	height: 246px;
	width: 950px;
	margin: 0px; 
	}
#content {
	margin-left: 18px;
	margin-top: 10px;
	width: 935px;
	
	padding-bottom: 20px;
	}
#contentleft {
	width: 610px;
	float:left;
	}
#contentright {
	margin-right: 20px;
	_margin-right: 5px; /* IE6 */
	width: 290px;
	
	float: right;
	}
.page {
	background-color: #fff;
	margin-bottom: 10px;
	}
.page .content {
	padding: 10px;
	color: #231F20;
	}
.item {
	width: 610px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	}
.item .left {
	width: 200px;
	min-height: 100px;
	float: left;
	}
.item .left img {
	border: 0px; 
	padding: 0px;
	}
.item .right {
	width: 410px;
	float: left;
	background: #fff url("img/bg_contentTop.gif") left top repeat-x;
	position: relative;
	}
.item .right .text {
	padding: 10px 10px 20px 10px;
	color: #000000;
	line-height: 150%;
	}
.item .right .text h2 { 
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding:0px;
	}
.item .right .text span.date {
	color: #797A7D;
	font-weight: bold;
	}
.item .right .text p { 
	color: #231F20; 
	margin: 0px;
	}
.item div.right .text h2 a { 
	text-decoration:none;
	}
.item .right .link {
	width: 100%;
	*width: 97.3%; /* IE7 */
	position: absolute;
	left: 0px;
	bottom: 0px;
	}
.agenda .left {
	width: 160px;
	}
.agenda .right {
	width: 450px;
	float: right;
	}
.gallery .left {
	width: 160px;
	}
.gallery .right {
	width: 450px;
	float: right;
	}
.block {
	background-color: #fff;		
	}
.block .form {
	margin: 10px;
	}
.commentpost {
	background: #fff url("img/bg_contentTop.gif") top left repeat-x;
	margin-bottom: 10px;
	}
.commentpost .form {
	padding: 10px;
	}
.commentpost .form h2 { 
	margin: 0px;
	padding:0px;
	}
.commentpost .form textarea,.commentpost .form input {
	font-weight: bold;
	}
.commentpost .form textarea {
	width: 580px;
	height: 80px;
	}
.commentpost .link {
	width: 85%;
	
	}
.comment {
	background: #fff url("img/bg_contentTop.gif") top left repeat-x;;
	margin-bottom: 10px;
	}
.comment .text {
	padding: 10px;
	line-height: 150%;
	}
.comment .link {
	width: 85%;
	}
.comment .text h2 { 
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0px 0px 5px 0px;
	padding:0px;
	}
.comment .text span.date {
	color: #231F20;
	font-weight: bold;
	}
.comment .text p {
	color: #231F20;
	margin: 0px;
	}
.comment .text h2 a {
	text-decoration: none;
	}
.datepick {
	margin: 0px 0px 0px 0px; 
	padding: 5px;
	background-color: #ffffff;
	}
.agendaitem {
	background-color: #ffffff;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	}
.agendaitem .picture {
	width: 162px;
	float: left;
	}
.agendaitem .picture img {
	border: 0px; padding: 0px;
	}
.agendaitem .text {
	width: 520px;
	padding: 10px 10px 0px 10px;
	float: left;
	color: #000000;
	line-height: 150%;
	}
.agendaitem .text h2 {
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0px; 
	padding:0px; 
	margin-bottom: 4px;
	}
.agendaitem .text span.date {
	color: #231F20;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
	}
.agendaitem .text p {
	color: #231F20; 
	margin: 0px;
	}
.link {
	height: 43px;
	padding-right: 10px;
	color: #000;
	background: #fff url("img/bg_contentBottom.gif") bottom left repeat-x;
	}
.link a {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	}
.blocksmall {
	margin-bottom: 10px;
	background-color: #fff;
	}
.show span.date {
	font-size: 8pt;
	}
.show strong a {
	text-decoration:none;
	color: #231f20;
	}
.showodd {
	background-color: #fff;
	padding: 5px;
	color: #797A7D;
	border-bottom: 1px dashed #231F20;
	font-style: normal;
	}
.showeven {
	background-color: #fff;
	padding: 5px;
	color: #797A7D;
	border-bottom: 1px dashed #231F20;
	font-style: normal;
	}
.shop .picture {
	text-align: center;
	}
.mailing .text {
	padding: 5px;
	}
.mailing .text table th {
	color: #231f20;
	text-align: left;
	font-size: 8pt;
	}
.mailing .text input {
	width: 130px;
	}
table.gallerylist {

	}
table.gallerylist tr td {
	padding: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
table.gallerylist tr td.date {
	width: 100px;
	}
table.gallerylist tr.odd {
	background-color: #fff;
	}
table.gallerylist tr.even {
	background-color: #ccc;
	}
table.gallerylist tr td a {
	color: black;
	text-decoration:none;
	}
#gallerypicholder {
	background: #fff url("img/bg_contentTop.gif") repeat-x top left;
	margin-bottom: 10px;
	}
table.media {
	width: 100%;
	}
table.media tr td {
	padding: 5px;
	}
table.media tr td.date {
	width: 100px;
	}
table.media tr.odd {
	background-color: #fff;
	}
table.media tr.even {
	background-color: #ccc;
	}
table.media tr td a {
	color: #231f20;
	text-decoration:underline;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


/* NEW STYLES */
.date {
	font: 16px Arial, Helvetica, sans-serif;;
	font-weight: bold;
	font-style:italic;
	color: #797A7D;
	padding-bottom: 8px;
	height: 160px;
	}	
img.button {
	margin-top:10px;
	margin-left: 10px;
	}	
.newsItem a,.agendaItem, .agendaItem a {
	font: 28px/20px Arial, Helvetica, sans-serif;
	*font: 28px/22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing: -2px;
	}
.space {
	height: 15px;
	}
.spaceBig {
	height: 25px;
	}
.linkArchief {
	background: url("img/bg_h1.gif") top left repeat-x;
	height: 29px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	}	
.linkArchief a {
	text-decoration: none;
	}	
.linkArchief a:hover {
	text-decoration: underline;
	}
.linkComment {
	background: url("img/bg_h1Comment.gif") top left repeat-x;
	width: 99%;
	height: 29px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	}	
.dateAgenda {
	font-style:normal;
	font-weight: bold;
	font-size: 11px;
	}
input,textarea {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding-left: 3px;
	}
.form h1 {
	background: none;
	}
.datepick a {
	color: #000000;
	}
.floatLeft {
	float: left;
	width: 200px;
	}	
#menu {
	width: 950px;
	height: 42px;
	margin-left: 12px;
	_margin-left: 8px;
	_float: right;
	margin-top: 10px;
	}
.menuVisi {
	display: none;
	}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#menu li {
	display: inline;
	height: 27px;
	float: left;
	margin: 5px;
	}
#menu li a {
	display: block;
	border: none;
	height: 27px;
	width: 100%;
	float: left;
	}
#menu li.news{
	display: block;
	background: url("img/news.gif") center center no-repeat;
	width: 59px;
	}
#menu li.newsActive{
	display: block;
	background: url("img/newsActive.gif") center center no-repeat;
	width: 59px;
	}
#menu li.news:hover{
	display: block;
	background: url("img/newsOver.gif") center center no-repeat;
	width: 59px;
	}
#menu li.lacrosse{
	display: block;
	background: url("img/lacrosse.gif") center center no-repeat;
	width: 87px;
	}
#menu li.lacrosseActive{
	display: block;
	background: url("img/lacrosseActive.gif") center center no-repeat;
	width: 87px;
	}
#menu li.lacrosse:hover{
	display: block;
	background: url("img/lacrosseOver.gif") center center no-repeat;
	width: 87px;
	}
#menu li.club{
	display: block;
	background: url("img/theclub.gif") center center no-repeat;
	width: 79px;
	}
#menu li.clubActive{
	display: block;
	background: url("img/theclubActive.gif") center center no-repeat;
	width: 79px;
	}
#menu li.club:hover{
	display: block;
	background: url("img/theclubOver.gif") center center no-repeat;
	width: 79px;
	}
#menu li.teams{
	display: block;
	background: url("img/teams.gif") center center no-repeat;
	width: 66px;
	}
#menu li.teamsActive{
	display: block;
	background: url("img/teamsActive.gif") center center no-repeat;
	width: 66px;
	}
#menu li.teams:hover{
	display: block;
	background: url("img/teamsOver.gif") center center no-repeat;
	width: 66px;
	}
#menu li.agenda{
	display: block;
	background: url("img/agenda.gif") center center no-repeat;
	width: 73px;
	}
#menu li.agendaActive{
	display: block;
	background: url("img/agendaActive.gif") center center no-repeat;
	width: 73px;
	}
#menu li.agenda:hover{
	display: block;
	background: url("img/agendaOver.gif") center center no-repeat;
	width: 73px;
	}
#menu li.gallery{
	display: block;
	background: url("img/gallery.gif") center center no-repeat;
	width: 77px;
	}
#menu li.galleryActive{
	display: block;
	background: url("img/galleryActive.gif") center center no-repeat;
	width: 77px;
	}
#menu li.gallery:hover{
	display: block;
	background: url("img/galleryOver.gif") center center no-repeat;
	width: 77px;
	}
#menu li.guestbook{
	display: block;
	background: url("img/guestbook.gif") center center no-repeat;
	width: 94px;
	}
#menu li.guestbookActive{
	display: block;
	background: url("img/guestbookActive.gif") center center no-repeat;
	width: 94px;
	}
#menu li.guestbook:hover{
	display: block;
	background: url("img/guestbookOver.gif") center center no-repeat;
	width: 94px;
	}
#menu li.ladyjag{
	display: block;
	background: url("img/forum.gif") center center no-repeat;
	width: 86px;
	}
#menu li.ladyjagActive{
	display: block;
	background: url("img/forumActive.gif") center center no-repeat;
	width: 86px;
	}
#menu li.ladyjag:hover{
	display: block;
	background: url("img/forumOver.gif") center center no-repeat;
	width: 86px;
	}
#menu li.links{
	display: block;
	background: url("img/links.gif") center center no-repeat;
	width: 60px;
	}
#menu li.linksActive{
	display: block;
	background: url("img/linksActive.gif") center center no-repeat;
	width: 60px;
	}
#menu li.links:hover{
	display: block;
	background: url("img/linksOver.gif") center center no-repeat;
	width: 60px;
	}
#menu li.clinics{
	display: block;
	background: url("img/clinics.gif") center center no-repeat;
	width: 64px;
	}
#menu li.clinicsActive{
	display: block;
	background: url("img/clinicsActive.gif") center center no-repeat;
	width: 64px;
	}
#menu li.clinics:hover{
	display: block;
	background: url("img/clinicsOver.gif") center center no-repeat;
	width: 64px;
	}
#menu li.contact{
	display: block;
	background: url("img/contact.gif") center center no-repeat;
	width: 74px;
	}
#menu li.contactActive{
	display: block;
	background: url("img/contactActive.gif") center center no-repeat;
	width: 74px;
	}
#menu li.contact:hover{
	display: block;
	background: url("img/contactOver.gif") center center no-repeat;
	width: 74px;
	}
.form {
	padding-top: 0px;
	}
.linkArchief .date {
	color: #fff;
	text-align: left;
	padding-right: 5px;
	font-size: 14px;
	}	
h3 {
	font: 28px/20px Arial, Helvetica, sans-serif;
	*font: 28px/22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing: -2px;
	margin-bottom: 15px;
	}

/* FOOTER */

#footerContainer h4 {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	color: #4B4D4F;
	border-bottom: 1px solid #6B6C6F;
	}
#footerContainer {
	width: 930px;
	margin-left: 20px;
	padding-bottom: 15px;
	}
#footerContainerLeft {
	width: 610px;
	background: #fff url(img/footerBG.gif) repeat-x left 29px;
	float: left;
	}
#footerContainerLeftTop, #footerContainerRightTop {
	background: url(img/bg_h1.gif) left top repeat-x;
	height: 29px;
	}
#footerContainerLeftTop {
	*padding-bottom: 19px;
	}
#leftFooterCon {
	float: left;
	width: 230px;
	_width: 220px;
	margin: 0px 10px 0px 10px;
	}
#midFooterCon {
	float: left;
	width: 160px;
	_width: 150px;
	margin: 0px 10px 0px 10px;
	}
#rightFooterCon {
	float: right;
	width: 160px;
	_width: 150px;
	margin: 0px 10px 0px 10px;
	_margin: 0px 8px 0px 8px;
	}
#footerContainerRight {
	background: #fff url(img/footerBG.gif) repeat-x left 29px;
	float: right;
	width: 290px;
	margin-right: 15px;
	_margin-right: 8px;
	}	
#footerContainerRightContent {
	padding: 0px 15px 0px 15px;
	}
#footerContainerRight ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#footerContainerRight li {
	line-height: 18px
	}
#footerContainer a {
	color: #4B4D4F;
	text-decoration: none;
	}
#footerContainer a:hover {
	text-decoration: underline;
	}
.nameGuest {
	float: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	}
a.cms {
	color: #FF9900;
	text-decoration: underline;
	}
a.cms2 {
	color: #2fabcc;
	text-decoration: underline;
	}
a.cms3 {
	color: #4B4D4F;
	text-decoration: underline;
	}
p.thnx {
	padding: 0px 10px 0px 10px;
	line-height: 18px;
	}
p.thnx a {
	color: #f18130;
	text-decoration: underline;
	}	
img.foto {
	margin-right: 15px;
	}
img.foto2 {
	margin-right: 10px;
	}
.comment .text {
	margin: -5px;
	}
.linkComment .date {
	font-size: 14px;
	color: #444;
	}
	
.test {
display: block;
float: left;
font-size: 9px;
}

.form_contact {
height: 18px;
width: 200px;
border: 1px solid #ddd;
padding: 2px;
}

.form_message {
height: 125px;
width: 275px;
border: 1px solid #ddd;
padding: 2px;
}

.buttonMail {
height:23px;
width: 43px;
background: url(img/sendForm.gif) center center;
border: none;
}

#teamHolder1 {
display: block

width: 394px;
height: 408px;
}
.teamHolder2 {
display: block;

width: 394px;
height: 408px;
}