@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Pacifico');

/* CSS Brunssum damtoernooi */
/* © Eric-Jan Hannen */
/* © Ceweb - Jeffrey Angelo Krist */

.debug { color: rgba(0, 0, 0, 0.2); font-size: 12px; left: 0; position: fixed; right: 0; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); top: 0; z-index: 10000; }
	.debug i { margin: 0 2px; }
	
body{
	background: #5d1716;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	color:#000000;
}

body,header,main,footer,div,ul,li{	
	margin: 0px;
	padding: 0px;
}

/* Algemene links*/
a:link, a:visited,a:active {
	text-decoration:underline;
	color:#000000;
}
a:hover {
	text-decoration:none;
	color:#000000;
}

ul {
	list-style-type: square;
}
::selection {
    background-color: #f9b600;
}
/* =============================================================================
   CLASSES
   http://blog.anytimefitness.nl (WordPress)
   ========================================================================== */

.alignleft		{float:left}
.alignright		{float:right}
.aligncenter	{text-align:center;margin-left:auto;margin-right:auto;}
img.aligncenter	{margin-left:auto;margin-right:auto;display:block}

.text-left		{text-align:left}
.text-right		{text-align:right}
.text-center	{text-align:center}

		/** Center **/
			.center,
.xs			.center-xs,
.sm			.center-sm,
.md			.center-md,
.lg			.center-lg { text-align: center !important; }

		/** Container row **/
		.container.row { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; margin:0; }

		/** No padding **/
		.no-padding,
.xs			.no-padding-xs,
.sm			.no-padding-sm,
.sm-md-lg 	.no-padding-md-lg,
.sm-md-lg 	.no-padding-sm-md-lg,
			.row.no-padding > [class^="col-"],
.xs			.row.no-padding-xs > [class^="col-"],
.sm-md-lg 	.no-padding-md-lg > [class^="col-"],
.sm-md-lg 	.no-padding-sm-md-lg > [class^="col-"],
			[class^="col-"].no-padding { padding-left: 0; padding-right: 0; }
			.row.no-padding:not(.container),
.xs			.row.no-padding-xs { margin-left: 0; margin-right: 0; }
		
		/** Padding **/
		.padding { padding: 15px; }
.xs 		.padding-xs:not(.row) { padding: 15px; }
.xs			.padding-top-xs { padding-top: 15px !important; }


/* =============================================================================
   Site opbouw
   ========================================================================== */

.container {
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
}

#wrapper { 
	position: relative; 
	display: block; 
	width: 100%; 
	min-height: 100%;
}

		header{
			height:200px;
		}
.xs			header,
.sm			header{
				height:150px;
			}

			.headerCntr{
				width:100%;
				height:100px;
				background-color:#0066cc; /*blauw*/
			}
			.mainCntr{
				min-height:500px;
				background-color:#ffffff;/*wit*/
			}
			.footerCntr{
				min-height:50px;
				background-color:#0066cc;/*blauw*/
				color:#ffffff;
			}

/* =============================================================================
   Header
   ========================================================================== */

.headerMenu{
	background-color:#ffffff;
}


			header nav { background: #0066cc; position: relative; z-index: 1000; width: calc(100% - 200px); float: left;}
.xs			header nav,
.sm			header nav{ width: calc(100% - 150px); }
				header nav ul { list-style: none; margin: 0; padding: 0;}
.xs				header nav ul,
.sm				header nav ul { display: none; }
				header nav > ul > li { display: inline-block; position: relative; }
				header nav > ul > li > a { color: white !important; display: inline-block; font-size: 16px; font-weight: bold; text-decoration:none !important; margin: 0 10px 0 10px; line-height:50px; padding: 0 15px 0 15px; position: relative; }
				header nav > ul > li > a:hover {  background: #1059a1; }
				
				header nav > ul > li.menu_active > a { font-weight: bold; }
				
				header nav ul ul { background: #0066cc; box-shadow: 1px 1px rgba(0, 0, 0, .25); display: none; left: 0; padding: 0; position: absolute; text-align: left; top: 50px; z-index: 9999; }
				header nav ul ul:before { content: ''; display: block; height: 20px; left: 0; position: absolute; right: 0; top: -20px; }
				header nav a:hover + ul,
				header nav ul ul:hover { display: block; }
				header nav ul ul a { color: white !important; text-decoration: none !important; display: block; font-size: 16px; padding: 10px 20px; white-space: nowrap; }
				header nav ul ul a:hover,
				header nav ul ul li.menu_active a { background: #1059a1; /*font-weight: bold;*/ }
				
.xs			.header-sub,
.sm			.header-sub { 
				display: none;
			}
			.header-sub { 
				background-color:#ffffff;
				height:150px;
				margin: 0;
			}
				.header-sub-titel {
					height:150px;
					font-size: 25px;
					font-family: 'Pacifico', cursive;
					padding: 15px;
					line-height:40px;
				}
				.header-sub-damstenen {
					height:150px;
					padding-top:35px;
				}
					.header-sub-damstenen img {

						height: 70px;
					}
			
				

.menuTogglerBox li{	float:right; }
.menuTogglerBox a{	text-decoration:none; line-height:100px;  }
.menuToggler	{	background: #0066cc; color: white; font-size: 22px; line-height: 40px; position: relative; right: 20px; text-align: center; top: calc(50% - 40px / 2); width: 40px; z-index: 10000; margin:0; }

			.logo{
				height:200px;
				width:200px;
				background-color:#ffffff;
				float:left;
			}
				.logo img{
					height:200px; width:200px; padding: 10px;
				}
.xs				.logo,
.sm				.logo{
					height:150px; width:150px;
				}
.xs				.logo img,
.sm				.logo img{
					height:150px; width:150px;
				}

				/** MMenu **/
		nav#menu { background: #fff; border-left: 2px solid #eee; color: #666; }
			nav#menu * { color: #231f20; font-family: Arial, 'PT Sans', sans-serif; }
			nav#menu:not(.mm-menu) { display: none; }
			nav#menu .mm-title { color: #bc9e36 !important; font-weight: bold; }
			nav#menu li.active > a { color: #71493f !important; font-weight: bold; }
			nav#menu a.mm-subopen:after,
			nav#menu a.mm-subclose:before { border-color: #666 !important; }
			nav#menu li.active a.mm-subopen:after,
			nav#menu li.active a.mm-subclose:before { border-color: #71493f !important; }
			nav#menu .mm-subtitle { background: #71493f; }
			nav#menu .mm-subclose { color: white; }
			nav#menu .mm-close { font-size: 20px; }
			
			
/* =============================================================================
   Content
   ========================================================================== */
			.box-shadow{
				border: 0 1px 1px 1px solid rgba(0,102,204,0.25);
				box-shadow: 0 2px 2px 0 rgba(0,102,204,0.15);
			}
			
			/** Breadcrumbs **/
				.breadcrumbs { list-style: none; margin: 0; padding: 0; line-height:25px; }
					.breadcrumbs li { display: inline-block; color: #0066cc; }
.xs					.breadcrumbs li { margin-right: 0; }
.xs					.breadcrumbs li:first-child { display: none; }
					.breadcrumbs li:not(:last-child):after { color: #555; content: '\f105'; display: inline-block; font-family: 'FontAwesome'; margin: 0 3px; }
					.breadcrumbs li { margin-right: 4px; }
.xs					.breadcrumbs li { margin-right: 2px; }
					.breadcrumbs a { color: #0066cc; }
					.breadcrumbs li:last-child a { color: #aaa; }

			/** Content-left **/
			.content-left { padding: 0 5px 5px 10px; }
.xs			.content-left,
.sm			.content-left { padding: 0 5px 5px 5px; }
				.article {  }
					.article-wrapper:first-child { margin-top: 0px; }
					.article-wrapper { margin-top: 10px; }
						.article-header { background-color: #f9b600; padding: 5px 5px 5px 40px; display:block; background-image:url('/images/stenen15_geel.gif'); background-position: 3px 50%; background-repeat:no-repeat; }
							.article-header h1 { color:#000000; font-weight: bold; font-size:16px; line-height: 25px; padding: 0px; margin:0px;}
						.article-content { padding: 10px 10px 10px 10px; }
						.article-content .inleiding { max-height: 20px; }
						.article-table { padding: 0 0 10px 0; overflow-x: auto; }
						.article-info { padding: 10px 10px 0 10px; color:#c9c9c9; font-size:80%; font-style: italic; }
							.article-author { display: block;  }
							.article-date { display: block;  }
					.article .wit {  }
					.article .grijs { background-color: #eeeeee; }
					
				.article-content pre{
					width: 100%;
					margin: 0px;
					border: 1px dotted #cc0000; 
					overflow: auto;
					font-family: monospace; 
					font-size:11px; 
					padding:0px 5px 0 5px;
					line-height: 20px; 
					background: url(/images/pre_bg.png);
					white-space: pre; 
					display: block;
				}
				
				.article-table pre.pre_uitslagen {
					width: 100%;
					margin: 0px;
					padding:0px 5px 0 5px;
					font-family: monospace; 
					font-size:12px; 
					line-height: 22px; 
					white-space: pre; 
					display: block;
					overflow: auto;
					border: 0px; 
					
					background-color: #ffffff;
					background-image: -webkit-linear-gradient(#ffffff 50%, #f9f9f9 50%);
					background-image:    -moz-linear-gradient(#ffffff 50%, #f9f9f9 50%);
					background-image:     -ms-linear-gradient(#ffffff 50%, #f9f9f9 50%);
					background-image:      -o-linear-gradient(#ffffff 50%, #f9f9f9 50%);
					background-image:         linear-gradient(#ffffff 50%, #f9f9f9 50%);
					background-position: 0 0px;
					background-repeat: repeat;
					background-size: 44px 44px;
				}
				.article-table pre.pre_uitslagen span.ranglijst_titel{
					background-color: #f9b600;
					font-weight: bold; 
					display: block;
					padding-left: 10px;
				}
				.article-table span.ranglijst_titel{
					background-color: #f9b600;
					font-weight: bold; 
					display: block;
					width: 100%;
					padding-left: 10px;
				}
.xs				.article-table pre.pre_uitslagen,
.sm				.article-table pre.pre_uitslagen {
					font-size:11px; 
					line-height: 20px; 				
					background-size: 40px 40px;
				}
				
				.article-table table { 
					background-color:#ffffff;
					margin:0;
				}
				.article-table table > tbody > tr > td {
					margin: 0px;
					padding: 0 5px 0 5px;
					line-height: 25px;
				}
								
				.article-content img { margin: 2px; }
				.article-content ul { padding: 0px; margin: 0px; list-style:none; }
				/* Lijst (algemene informatie) */
				.article-content .li_titel { font-weight: bold; }
				.article-content .li_sub { padding-left:20px; }
				.article-content .li_leeg { height:15px; }
				/* Ranglijst aller tijden */
				.article-content .rl-naam { font-weight: bold; }
				
				/** photoslider **/
				 .FotoBox-Slide { overflow: hidden; margin-left:15px; margin-right:15px; padding-bottom: 5px; padding-top: 5px; position: relative; }
					.FotoBox-Slide .photoslide { display: inline-block; line-height: 100px; position: relative; }
					.FotoBox-Slide img { display: inline-block; width: auto; height: 100px; margin: 0 25px; max-height: 100px; vertical-align: middle; }
					.FotoBox-Slide .photoslide { transition-property: opacity; }
					.FotoBox-Slide .photoslide > img { 	
												opacity:1;	
												-webkit-filter: grayscale(0%);
												filter: grayscale(0%);
											}
					.FotoBox-Slide:hover img { 
												opacity:0.5;				
												-webkit-filter: grayscale(100%);
												filter: grayscale(100%);
											}
					
					.FotoBox-Slide .photoslide > img:hover { 
												opacity:1; 
												-webkit-filter: grayscale(0%);
												filter: grayscale(0%);
										}
										
				/** fotoalbum **/
				.fotoalbum {  }
					.fotoalbum .row { margin: 5px; }
					.fotoalbum .row:nth-of-type(odd) { background-color:#f9f9f9; }
					.fotoalbum .foto_titel { font-weight: bold; }
					.fotoalbum .fotoalbum .foto_beschrijving {  }
.xs					.fotoalbum .foto_fotograaf,
.sm					.fotoalbum .foto_fotograaf { display:none; }
					.fotoalbum .foto_fotograaf { font-size:11px; }
.xs					.fotoalbum .foto_datum,
.sm					.fotoalbum .foto_datum { display: none; }
					.fotoalbum .foto_datum { font-size:11px; }
					.fotoalbum .foto_clear { height:10px; }
.xs					.fotoalbum .foto_clear,
.sm					.fotoalbum .foto_clear { display: none;}
				
			/** Content-right **/
			.content-right { padding: 0 10px 0 5px; }
.xs			.content-right { padding: 10px 5px 10px 5px; }
.sm			.content-right { padding: 0px 5px 10px 5px; }
				.sidemenu{ display: block; }
				.sidemenu:first-child { margin-top: 0px; }
				.sidemenu { margin-top: 10px; }
					.sidemenu-header { background-color: #0066cc; color:#ffffff; text-align:center; font-weight: bold; padding: 5px;line-height: 25px; display:block; }
					.sidemenu ul { list-style: none; margin: 0; padding: 0; }
					.sidemenu ul li { padding: 5px; display:list-item; }
					.sidemenu li a { display: block; }
					.sidemenu li:first-child { border-bottom:0 }
					.sidemenu li { border-top: 1px solid rgba(0,102,204,.15);  }
					.sidemenu li a:hover { text-decoration: underline; }
				.sidemenu .images { padding: 5px; }
				
				
			/** Overzicht **/
			.overzicht { 
				padding-top: 0px; 
				margin: 0px; 
			}
			.overzicht .titel{ 
				background-color: #f9b600; 
				padding: 5px 5px 5px 40px; 
				display:block; 
				background-image:url('/images/stenen15_geel.gif'); 
				background-position: 3px 50%; 
				background-repeat:no-repeat;
			}
			.overzicht .titel h1 { 
				color:#000000; 
				font-weight: bold; 
				font-size:16px; 
				line-height: 25px; 
				padding: 0px; 
				margin:0px;
			}
			.overzicht ul {
				padding: 0px; 
				margin: 0px; 
				margin-top: 10px; 
			}
			.overzicht li {
				list-style: none;
				text-align: left;
				line-height: 25px;			
			}
			.overzicht_kop{ 
				background-image:url('/images/stenen15_geel.gif'); 
				background-position: 3px 50%; 
				background-repeat:no-repeat; 
				padding-left: 23px; 
				height: 25px; 
				text-decoration: none; 
				display: block; 
				color: #000000; 
				background-color: #f9b600; 
				border-bottom: 1px solid #f9b600;
			}
			.nieuw  a:link { 
				font-weight:bolder;
			}
			.overzicht li a:link, 	.overzicht li a:visited, .overzicht li a:active { 
				background-image:url('/images/stenen15_wit.gif');
				background-position: 3px 50%;
				background-repeat:no-repeat;
				padding-left: 40px;
				text-decoration: none;
				display: block;
				/*border-bottom: 1px solid #f9b600;*/
			}
			.overzicht li a:hover, .overzicht .active a:link, .overzicht .active a:visited, .overzicht .active a:active{
				background-image:url('/images/stenen15_geel.gif');
				background-color: #f9b600; 
			}
.xs			.overzicht a .datum {
				display:none;
			}
			.overzicht li:not(:last-child) {
				border-bottom: 1px solid #f9b600;
			}
			.overzicht .sub  a:link, .overzicht .sub a:visited, .overzicht .sub a:active { 
				background-image:url('/images/stenen15_wit.gif'); 
				background-position: 23px 50%; 
				background-repeat:no-repeat;
				padding-left: 60px; 
				text-decoration: none; 
				display: block; 
				/*border-bottom: 1px solid #f9b600;*/
			}
			.overzicht .sub a:hover, .overzicht .subactive a:link, .overzicht .subactive a:visited, .overzicht .subactive a:active{ 
				background-image:url('/images/stenen15_geel.gif'); 
				background-position: 23px 50%; 
				background-repeat:no-repeat; 
				text-decoration: none; 
				display: block; 
				color: #000000; 
				background-color: #f9b600; 
				/*border-bottom: 1px solid #f9b600;*/
			}
			.overzicht .subsub  a:link, .overzicht .subsub a:visited, .overzicht .subsub a:active { 
				background-image:url('/images/stenen15_wit.gif'); 
				background-position: 43px 50%; 
				background-repeat:no-repeat;
				padding-left: 80px; 
				text-decoration: none; 
				display: block; 
				/*border-bottom: 1px solid #f9b600;*/
			}
			.overzicht .subsub a:hover{ 
				background-image:url('/images/stenen15_geel.gif'); 
				background-color: #f9b600; 
			}
			.overzicht .meer a:link, .overzicht .meer a:visited, .overzicht .meer a:active{ 
				background-image:url('/images/stenen15_wit.gif'); 
				font-style:italic; 
			}
			.overzicht .meer a:hover {
				background-image:url('/images/stenen15_geel.gif'); 
			}
			
/* =============================================================================
   Footer
   ========================================================================== */
				footer { color: white !important; font-size: 12px; text-decoration:none !important; }

				footer .bottom { text-align: center; padding:5px; }
				footer .bottom ul { list-style: none; margin: 0; padding: 0; }
				footer .bottom li { display: inline-block; margin: 0 5px; }
				footer .bottom a { color:#ffffff; }
.sm-md-lg		footer .social { text-align: right; padding:5px; }
				footer .social a { background: #ffffff; text-decoration:none; border-radius: 100px; color: #0066cc; display: inline-block; font-size: 20px; line-height: 35px; margin-right: 5px; text-align: center; width: 35px;}
				
/* =============================================================================
   Print (option)
   ========================================================================== */
			
@media print{

	.backstretch { display: none !important; }
	.footerCntr *{ display: none !important; }
	.article .overzicht{ display: none !important; }
	.logo { height:150px; width:150px; }
	.sidemenu  { display: none !important; }
	nav  { display: none !important; }
	.iyp__toolbar * { display: none; }
	
	/*
	Don't let images break anything.
	img{max-width:100%;height:auto}
	*/

	/*
	Messages look odd with just borders.
	.message{border:0;font-weight:700}
	*/

	/*
	Display the href of any links.
	a:link:after,a:visited:after{content:"(" attr(href)")";font-size:smaller}
	*/

	/*
	Any links that are root relative to your site need prepending with your URL.
	a[href^="/"]:after{content:"(http://www.brunsumdamtoernooi.nl" attr(href)")";font-size:smaller}
	*/
}