/* then for WOFF-capable browsers */
@font-face {
	font-family: QSJEKA;
	src: url("/fileadmin/template/fonts/QuadraatSansWeb.woff") format("woff"),
     	     url("/fileadmin/template/fonts/QuadraatSansWeb.ttf") format('truetype');
}
@font-face {
	font-family: QSJEKA;
	src: url("/fileadmin/template/fonts/QuadraatSansWeb-Bold.woff") format("woff"),
     	     url("/fileadmin/template/fonts/QuadraatSansWeb-Bold.ttf") format('truetype');
     	font-weight: bold;
}     
@font-face {
	font-family: QSJEKA;
	src: url("/fileadmin/template/fonts/QuadraatSansWeb-BoldIta.woff") format("woff"),
     	     url("/fileadmin/template/fonts/QuadraatSansWeb-BoldIta.ttf") format('truetype');
     	font-weight: bold;
     	font-style: italic;
}
* {
	padding			: 0px;
	margin			: 0px;
	border			: none;
}

html {
	overflow		: -moz-scrollbars-vertical;
}

html, body {
	height			: 100%;
}

body {
	font			: 11px Verdana, Arial, Helvetica, sans-serif;
}

a, a:visited {
	color			: #000000;
}

h1 {
	font-size		: 14px;
	color			: #D81E05;
	margin			: 0px 0px 6px 0px;
}

h2 {
	font-size		: 14px;
	color			: #006AAF;
	margin			: 0px 0px 6px 0px;
}

h3 {
	font-size		: 12px;
	color			: #D81E05;
	margin			: 0px 0px 4px 0px;
}

h4 {
	font-size     		: 12px; 
	color			: #006AAF;
	margin			: 0px 0px 4px 0px;
}

li {
	
	list-style-position:inside;
}

.clear {
	clear			: both;
	line-height		: 0px;
	font-size		: 0px;
}

.spacer-gif {
	display			: none;	
}

#container {
	height			: 100%;
	width			: 1000px;
	margin			: 0px auto 0px auto;
	background		: url(/template/images/bgdots.png) repeat-y;
}

#container #top {
	padding			: 0px 18px 0px 9px;	
	vertical-align	: top;
}

#container #bottom {
	height			: 9px;
	padding			: 0px 0px 0px 9px;
}

#header .left {
	float			: left;
	width			: 707px;
	height			: 162px;
}

#header .right {
	float			: left;
	width			: 266px;
	height			: 162px;
}

#adres {
	padding			: 15px;
}

#leftcolumn {
	position		: relative;
	clear			: both;
	float			: left;
	display			: block;
	width			: 157px;
	min-height		: 800px;
	height			: 800px;
	padding			: 0px 8px 0px 8px;
}

#leftcolumn dt img {
	padding			: 0px;
	margin			: 6px 0px 0px 0px;
	border			: 2px solid #B1B3B4;
}

#leftcolumn #sponsors {
	position		: absolute;
	top			: 380px;
}
#leftcolumn #jubileumbanner {
	position		: absolute;
	top			: 240px;
}

#menuheader {
	height			: 21px;
	margin			: 9px 0px 0px 0px;
}

#topmenu {
	
}

#ledenlogin {
	width			: 248px;
	height			: 114px;
	padding			: 9px;
}

#ledenlogin .fleft {
	clear			: both;
	float			: left;
}

#ledenlogin .fright {
	float			: right;
}

#menutop a, #menuheader a {
	float			: left;
	display			: block;
	font-family   		: QSJEKA, Verdana, sans-serif;
	font-size     		: 15px; 
	font-weight             : bold;
	color         		: #FFFFFF;
	width         		: 83px;
	height        		: 20px;
	padding       		: 1px 0px 0px 5px; 
	background	   	: #006AAF;
	border-right-width 	: 1px; 
	border-right-style 	: solid;
	border-right-color 	: #FFFFFF;
	text-decoration         : none;	
}
#menu_1 DIV.menu1-level1-no a, DIV.menu1-level1-act a, #leftbarblue p, #leftbarblue a, #leftbarred a{
	float			: left;
	display			: block;
	font-family   		: QSJEKA, Verdana, sans-serif;
	font-size     		: 15px; 
	font-weight             : bold;
	color         		: #FFFFFF;
	width         		: 149px;
	height        		: 20px;
	padding       		: 1px 0px 0px 6px; 
	background	   	: #888888;
	border-bottom-width 	: 2px; 
	border-bottom-style 	: solid;
	border-bottom-color 	: #FFFFFF;
	text-decoration         : none;	
}
DIV.menu1-level1-act a {
	background	   	: #D81E05;
}
#leftbarblue a, #leftbarblue p {
	background	   	: #006AAF;
}
#leftbarred a {
	background	   	: #D81E05;
}
#menuheader a, #tabs a {
	background : #888888;
}

#menutop a:hover {
	background		: #D81E05;
}

#menuheader .last, #menutop .last {
	border-right-width	: 0px;
	width         		: 82px;
}

#content {
	float			: left;
	width			: 435px;
	padding			: 30px 10px 15px 89px;
}

#tcontent, #wcontent {
	float			: left;
	width			: 711px;
	min-height		: 600px;
	margin			: 0px 0px 0px 2px;
	min-height		: 780px;
	height			: auto !important;
	height			: 780px;
	padding			: 2px 0px 20px 87px;
	background		: #FFFFFF;
}

#wcontent {
	padding			: 30px 0px 15px 87px;
}

#tcontent .spacer {
	display			: block;
	float			: left;
	width			: 266px;
	height			: 21px;
	background		: #888888;
}

#content h1 {
	color			: #E2001A;
}

.titles {
	font-family   		: QSJEKA, Verdana, sans-serif;
	font-size     		: 24px; 
	font-weight             : bold;
	color         		: #D81E05;	
	height			: 24px;
	padding			: 0px 0px 14px 0px;
}

#rightcolumn {
	float			: left;
	width			: 246px;
	min-height		: 720px;
	height			: 720px;
	padding			: 9px 10px 15px 10px;
	background-size         : auto 25%;
}
#verjaardagen .top, #evenementen .top, #wedstrijdverslagen .top, #webshop a{
	float			: left;
	display			: block;
	font-family   		: QSJEKA, Verdana, sans-serif;
	font-size     		: 16px; 
	font-weight             : bold;
	color         		: #FFFFFF;
	width         		: 238px;
	height        		: 26px;
	padding       		: 4px 0px 0px 10px; 
	background	   	: #B1B2B4;
	text-decoration         : none;
	margin-bottom           : 10px;	
}
#webshop a {
	background		: url(/fileadmin/template/images/headers/button-webshop-tenue-zonder-tekst.png) no-repeat;
}
#verjaardagen .middle {
	width			: 228px;
	padding			: 15px 10px 15px 10px;
	color			: #FFFFFF;
	background		: #D81E05;
}
#wedstrijdverslagen .middle {
	width			: 228px;
	padding			: 15px 10px 15px 10px;
	color			: #FFFFFF;
	background		: #D81E05;
}
#verjaardagen .bottom, #wedstrijdverslagen .bottom {
	width			: 248px;
	height			: 9px;
	background		: url(/template/images/blokjes.png) no-repeat;	
	margin-bottom           : 9px;
}

#evenementen .middle {
	width			: 228px;
	height			: 120px;
	padding			: 15px 10px 15px 10px;
	color			: #FFFFFF;
	background		: #006AAF;
}

#evenementen a, #wedstrijdverslagen a {
        display                 : inline-block;
        margin-left             : 3em;
        text-indent             : -3em;	
	color			: #FFFFFF;
	text-decoration	        : none;
}

#evenementen .bottom {
	width			: 248px;
	height			: 9px;
	background		: url(/template/images/blokjes.png) no-repeat;
	margin-bottom           : 9px;
}

#teamfoto {
	float			: left;
	width			: 266px;
	margin			: 0px 9px 10px 0px;
	padding			: 3px 0px 7px 0px;
	background		: url(/fileadmin/template/images/blokjes-teamfoto.png) bottom left no-repeat;
}

#teamfoto .csc-firstHeader {
	display			: none;
}

#teamleden {
	float			: left;
	width			: 415px;
	padding			: 0px 0px 0px 10px;
}

#teamleden .list {
	float			: left;
	padding			: 0px 15px 0px 0px;
	width			: 185px;
}

#teamtraining {
	clear			: both;
}

#teaminfoleft {
	float			: left;
	width			: 285px;
}

#teaminforight {
	float			: left;
}

#teamlink a, #teamlink a:hover, #teamlink a:visited, #competitie a, #competitie a:hover, #competitie a:visited {
	color			: #0000FF;	
}

.tdspeelschema TD, .score TD  {
	padding			: 2px 2px 2px 2px;
}

.jubkalender TD  {
	padding			: 2px 2px 5px 2px;
	vertical-align          : top;
}
.score {
	margin			: 0px 0px 20px 0px;
	width			: 700px;
}

.tdheader, .scoreheader, .jubkalhdr {
	background		: #006aaf;
	color			: #FFFFFF;
	font-weight		: bold;
}

#footer {
	display			: block;
	width			: 946px;
	height			: 15px;
	margin			: 0px 0px 0px 0px;
	padding			: 3px 9px 0px 9px;
	background		: #B1B3B4;
}

#footer a {
	color			: #FFFFFF;
	text-decoration	: none;
}

#tabs {
	height			: 40px;
}

#tabs a {
	display			: block;
	float			: left;
	cursor			: pointer;
	font-family   		: QSJEKA, Verdana, sans-serif;
	font-size     		: 15px; 
	font-weight             : bold;
	font-style              : italic;
	color         		: #FFFFFF;
	width         		: 83px;
	height        		: 20px;
	padding       		: 1px 0px 0px 5px; 
	border-right-width 	: 1px; 
	border-right-style 	: solid;
	border-right-color 	: #FFFFFF;
	text-decoration         : none;	

}

#tab1, #tab2, #tab3, #tab4, #tab5 {
	clear			: both;
	display			: none;
	overflow		: hidden;
}

/*
#tab2, #tab3, #tab4, #tab5 {
	display			: none;
}
*/



/* Menu 1 column */
#menu_1 {	
	vertical-align	: top; 
	background-repeat : no-repeat;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
  font-size			: 11px;
  padding			: 1px 0px 3px 6px;
  color				: #000000; 
}
#menu_1 DIV.menu1-level2-no a, #menu_1 DIV.menu1-level2-act a {
	color		: #000000;
        text-decoration : none;
}

/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
  font-size			: 11px;
  font-weight		: bold;
  padding			: 1px 0px 3px 6px;
}




.textfield {
	height			: 13px;
	font			: 11px Verdana, Arial, Helvetica, sans-serif;
	border			: 1px solid #b1b3b4;
	padding			: 1px 1px 1px 2px;
	margin			: 1px 0px 0px 0px;
}

textarea, select {
	font			: 11px Verdana, Arial, Helvetica, sans-serif;
	border			: 1px solid #b1b3b4;
}

.fileupload {
	font			: 11px Verdana, Arial, Helvetica, sans-serif;
}

.button {
	height			: 18px;
	background		: #006AAF;
	padding			: 0px 3px 0px 3px;
	font			: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight             : bold;
	color			: #FFFFFF;
	cursor			: pointer;
	border			: none;
}

.button {
    overflow		: visible;
	height			: 18px;
	padding			: 0 13px 0 13px;
}
input[type=submit], input[type=button] {
	padding			: 0 6px 0px 6px;
}


/*  MENU 2, level 1, general for all table cells: */

/*
TR#menu_2 TD {
  background-color: #333366;
  width: 10%;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
TR#menu_2 TD A {
  color: white;
  font-size: 10px;
  font-family: verdana, arial;
  text-decoration: none;
}
TR#menu_2 TD A:hover {
  text-decoration: underline;
}
TR#menu_2 TD.oddcell {
  background-color: #666699;
}
TR#menu_2 TD.menu2-level1-act {
  background-color: #88292A;
}
*/


/* Style for the Path-menu: */
/*
TD#path {
  white-space: nowrap;
  background-color: #F8F8EC;

  font-family: verdana, arial;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  padding: 1px 1px 5px 5px;
}
TD#path A {
  text-decoration: none;
  color:black;
}
TD#path A:hover {
  text-decoration: underline;
}
*/


/**
 * Foto gallery
 */
#gallery #content {
	width			: 435px;
	padding			: 30px 10px 15px 89px;
}


/**
 * tt_news
 */
.news-item, .news-latest-item, .news-single-item {
	clear			: both;
	padding			: 10px 0px 10px 0px;
	line-height		: 15px;
}

.news-single-item img, .news-latest-item img {
	float			: left;
	border			: 1px solid #888888;
	margin			: 3px 8px 0px 0px;
}

.news-latest-item a {
	color			: #000000;
}

.news-latest-item .afgelasting {
	text-decoration	: none;
}

.news-latest-title a, .news-latest-title a:visited, .news-title {
	font			: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color			: #006AAF;
	text-decoration	: none;
}

.news-date, .news-latest-date {
	color			: #888888;
}


.news-short-container {
	margin			: 9px 0px 0px 0px;	
}

.news-short-date {
	float			: left;
	color			: #888888;
}

.news-short-item {
	padding			: 1px 0px 2px 0px;	
}

.news-short-item a {
	color			: #000000;
	margin			: 0px 0px 0px 5px;
	text-decoration	: none;
	font			: normal 11px Verdana, Geneva, sans-serif;
}
.news-short-item a:hover {
	text-decoration	: underline;
}

.social, .social, .social {
	clear			: both;
	float			: right;
}

.social img {
	border			: none;
}

/**
 * Sitemap
 */
.csc-sitemap ul {
	padding			: 0px 0px 0px 8px;	
}
 
.csc-sitemap li {
	padding			: 0px 0px 0px 8px;	
}


/**
 * ve_guestbook
 */
.tx-guestbook-header {
	clear			: both;
	background		: #B1B3B4;
	height			: 18px;
	padding			: 3px 5px 0px 5px;
	color			: #FFFFFF;
}

.tx-guestbook-entry {
	padding			: 7px 0px 10px 0px;
}

.tx-guestbook-header-left {
	float			: left;
	font-weight		: bold;
}

.tx-guestbook-header-right {
	float			: right;
}

.tx-guestbook-result {
	float			: left;	
}

.tx-guestbook-pagination {
	width			: 100%;
	text-align		: right;
	padding			: 2px 0px 2px 0px;
}

.tx-guestbook-pagination a, .tx-guestbook-pagination a:visited {
	text-decoration	: none;
}


/**
 * Foto albums
 */
.tx-wtgallery-pi1 {

}
 
#wtgallery_left {
	clear			: both;
	float			: left;
	width			: 0px;
}

#wtgallery_right {
	float			: left;
	width			: 435px;
}
 
.wtgallery_list {
	margin			: 0px 4px 4px 0px;	
}

.wtgallery_category_folder a, .wtgallery_category_folder a:visited  {
	font-size		: 12px;
	color			: #006AAF;
	margin			: 0px 0px 4px 0px;
	text-decoration	: none;
}

#rightcolumn .wtgallery_list_area {
	padding			: 72px 0px 0px 0px;
}

.wtgallery_categories {
	margin			: 0px 5px 5px 0px;
}

.wtgallery_single_browser_previous {
	display			: inline;
	float			: left;
	margin			: 0px 7px 0px 20px;
}

.wtgallery_single_browser_next {
	float			: left;
	margin			: 0px 0px 0px 7px;
}

.wtgallery_pagebrowser_list {
	list-style		: none;
}

.wtgallery_pagebrowser_list li {
	float			: left;
	margin			: 0px 5px 0px 0px;
}

/**
 * Overwrites
 */
#gallery table tr td {
	width			: 524px;
	padding			: 30px 0px 15px 0px;
}
#gallery .titles {
	padding-left		: 0px;
}

#gallery .news-single-item {
	padding			: 10px 0px 10px 89px;
}

#gallery #rightcontent {
	width			: 257px;
	padding			: 0px 0px 0px 10px;
}

#fotoalbum #wtgallery_left {
	width			: 0px;	
}

/**
 * User registration
 */
 		.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; text-indent: 0; }
		.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
		.tx-srfeuserregister-pi1 fieldset 	 width: 434px;}
		.tx-srfeuserregister-pi1 legend { font-weight: bold; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
		.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
		.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
		.tx-srfeuserregister-pi1 label span { color: #ff0000; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
		.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }		
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
		.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
		.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
		.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
		.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
		.tx-srfeuserregister-pi1 dt { clear: both; width: 170px; text-align: left; }
		.tx-srfeuserregister-pi1 dd { text-align: left; width: 264px; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
		* html .tx-srfeuserregister-pi1 dd { float: none; }
		.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
		.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }



#mailform label {
	font-weight		: bold;
}

#mailform .formrow {
	padding			: 10px 0px 0px 0px;
}

#mailform .select {
	width			: 100px;	
}