m@import url(https://fonts.googleapis.com/css?family=Patua+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Ubuntu:300|Play);
@import url(https://fonts.googleapis.com/css?family=Gudea);
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch|Encode+Sans+Condensed|Krona+One|Luckiest+Guy|Mina|Orbitron|Paytone+One|Shrikhand|Special+Elite|Sunflower:300|Titillium+Web|Ultra');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Righteous');
@import url('https://fonts.googleapis.com/css?family=Luckiest Guy');
@import url('https://fonts.googleapis.com/css?family=Fredoka One');
@import url('https://fonts.googleapis.com/css?family=Alfa Slab One');
@import url('https://fonts.googleapis.com/css?family=Lilita One');
@import url('https://fonts.googleapis.com/css?family=Audiowide');
@import url('https://fonts.googleapis.com/css?family=Bowlby One SC');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Erica+One&display=swap');

@keyframes blink {
50% {
opacity: 0.0;
}
}
@-webkit-keyframes blink {
50% {
opacity: 0.0;
}
}
.blink {
animation: blink 1s step-start 0s infinite;
-webkit-animation: blink 1s step-start 0s infinite;
}

html,body {
	/*background: url(fliqbak.jpg) no-repeat;*/
	/*background: url(flightigh2.jpg) no-repeat;*/
	background: url(knip10.jpg) no-repeat;
	/*background: url(1872165.jpg) no-repeat;*/
	/*background: url(koeien.jpg) no-repeat;*/
	/*background: url(grackbound.jpg) no-repeat;*/
	/*background: url(2007.jpg) no-repeat;*/
	/*background: url(do.jpg) no-repeat;*/
	/*background: url(knif.jpg) no-repeat;*/
	/*background: url(zaw.png) no-repeat;*/
	/*background: url(sass.png) no-repeat;*/
	/*background-size: 100% 270px;*/
	margin: 0px auto;
	overflow-x:hidden;
    background-size: 100% 270px;
height: 100%;

}


hytml { 
 /*background: url(images/cool-background.png) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


bdddody {
	margin: 0px auto;
	overflow:hidden;	
}



.munt {
	display: table;
	margin-top: 0px;
	margin-bottom: 0px;
}

.muntrij {
	display: table-row;
}

.muntcel {
	display: table-cell;
	vertical-align: top;
}

.muntceli {
	display: table-cell;
	width: 160px;
	text-align: left;
	padding-left: 5px;
	vertical-align: top;
	font-size: 12px;
}

.munt-tonen7F3300 {
	display: table-cell;
	background: #7F3300;
	flex: 12 24px;     
}

.munt-tonenF2E2A6 {
	display: table-cell;
	background: #F2E2A6;
	flex: 12 24px;     
}



.munt7F3300 {
	background: #7F3300;
	display: list-item flow;
display: inline table;
}

.muntF2E2A6 {
	background: #F2E2A6;
	display: list-item flow;
	display: inline table;
}
	
#alles {
	width: 100%;
	margin: 0px auto;
}

.opnieuw {
	display: table-cell;
	vertical-align: top;
}


#topbalk {
	/*background: #FFFFFF;*/
	width: 100%;
	margin: 0px auto;
	vertical-align: middle;
	color: #FFFFFF;
}

#topbalk a:link, #topbalk a:hover, #topbalk a:visited {
	color: #353535;
	text-decoration: none;
}

#topbalk_inhoud {
	width: 970px;
	height: 55px;
	margin: 0px auto;
	display: table;
	padding: 9px 5px 0px 5px;
	/*border-style: dotted;	border-width: 0px 1px 0px 1px;	border-color: #ffffff;*/
}

#homo, #homo a:link, #homo a:hover, #homo a:visited{
	font-family: 'Cabin Sketch', cursive;
	font-family: 'Pacifico';
	font-family: 'Righteous';
	font-family: 'Luckiest Guy';
	/*font-family: 'Alfa Slab One';*/
	/*font-family: 'Pacifico';*/
	/*font-family: 'Lilita One', cursive;*/
	/*font-family: 'Audiowide', cursive;*/
	/*font-family: 'Bowlby One SC', cursive;*/
	/*font-family: 'Erica One', cursive;*/

	color: #404040;
	color: #F7FBE3;
	color: #353535;
	color: #FFFFFF;
	font-size: 45px;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
}

#est, #est a:link, #est a:hover, #est a:visited{
	position: absolute;
	top: 58px;
	font-size: 12px;
	font-family: 'Pacifico';
	font-family: 'Righteous';
	font-family: 'Luckiest Guy';
	font-family: 'Lilita One';
	transform:rotate(-1deg);
	-ms-transform:rotate(-1deg); /* IE 9 */
}

#zk {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-family: Play;
	font-size: 13px;
	font-color: #000000;
}

a.btn {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-color: #000000;
	padding: 3px;
}

#det {
	position: absolute;
	right: 465px;
	width: 400px;
	height: 110px;
	background: #ececec;
	text-align: left;
	color: #000000;
	padding: 5px 5px;
	border-radius: 10px 10px 10px 10px;
	z-index: 20;
}


#hiddet {
    visibility: hidden;
    position: absolute;
}


#middenmenu {
	width: 970px;
	margin: 0px auto;
	background: #474747;
	margin-right: 0px;
	padding: 0px;
}	


#cute {
	height: 160px;
	margin: 0px auto;
	width: 970px;
	text-align: right;
	font-family: Play;
	color: #FFFFFF;
	padding: 9px 5px 0px 5px;
	/*border-style: dotted;	
	border-width: 0px 1px 0px 1px;	
	border-color: #ffffff;*/
}

#cutemenu {
	padding: 3px;
	background: rgba(0,0,0,0.4);
	font-family: Play;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

#cutemenu a:link, #cutemenu a:hover, #cutemenu a:visited {
	padding: 3px;
	font-family: Play;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}

#ondercute_t {
	display: table;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	right: 0px;
	float: right;
}

#ondercute_r {
	display: table-row;
}

#ondercute_c, #ondercute_c a:link, #ondercute_c a:visited {
	display: table-cell;
	vertical-align: top;
	padding: 5px;
	padding-right: 1px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}


#ondercute_c2 {
	display: table-cell;
	vertical-align: top;
	padding: 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

#retro {
	transform:rotate(-2.5deg);
	color: #ffffff;
	margin-top: 5px;
	font-family: Lobster;
	font-size: 22px;
}

#retro a:link, #retro a:visited {
	color: #ffffff;
	font-family: Lobster;
	font-size: 22px;
	text-decoration: none;
}

#retro a:hover {
	color: #eeeeee;
	transform:rotate(1.5deg);
	font-family: Lobster;
	font-size: 22px;
}


#schuin {
	position: absolute;
	width:110%;
	height: 80px;
	background: #FFFFFF;
 	top:-3%;
	left:-5%;
	top: 170px;
	/*transform:rotate(-1.7deg);*/
	overflow:hidden;
	z-index: 30;
	display: none;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}

#inschuin {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 970px;
	margin: 0px auto;
	z-index: 250;
	text-align: right;
}



#m3 {
	width: 970px;
	margin: 0px auto;
	text-align: right;
	height: 40px;
}

.tickerstyle {
	padding:8px; 
	overflow:hidden;
	color: #353535;
	text-style: italic;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 12px;
}

.tickerstyle a:link {
	text-decoration: none;
	font-color: #323232;
}

.messagediv {
	color: #000000;
}

.messagediv a:link {
	text-decoration: none;
	font-size: 12px;
	font-family: 'Encode Sans Condensed', sans-serif;
	color: #323232;
}



div#geg {
	column-count: 4;
	column-gap: 2em;
	column-rule: 5px solid grey;
}


.tussen {
background: #FFB642;
	border-radius: 10px     10px    10px   10px;
border: 3px dotted rgba(125,157,164,0.18);
border-radius: 0px 11px 11px 15px;
background: #444444;
}

.tussen a:link, a:visited, a:hover {
	text-decoration: none;
	color: #000000;

}

#displaykader {
	position: absolute;
	top: 150px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 970px;
	max-width: 970px;
	background: #ffffff;
	background-image: url(vuil.png);
	background-repeat: repeat-x;
	z-index: 70;
	padding: 0px 5px;
	border-radius: 10px     10px      0           0;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
	display: block;
	/*overflow: auto;*/
	height: max-content;


}

.displai {
	position: abslute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 970px;
	max-width: 970px;
	display: table;
	margin: 0px auto;
	z-index: 120;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000000;
	height: max-content;
}


.stemtabel {
	position: abslute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 970px;
	max-width: 970px;
	display: table;
	margin: 0px auto;
	z-index: 120;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000000;
	z-index: 70;
	padding: 0px 5px;
	
}

.afgerond {
	position: abslute;
	padding: 0px 5px;
	border-radius: 10px     10px      0           0;
	background: #ffffff;
	margin-top: -100px;
	z-index: 2000;
}

.links {
	width: 750px;
	max-width: 750px;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
	font-family: Play;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000000;
	height:100%;
	height: max-content;
}


.links a:link {
	color: #1B80E4;
}

.links a: visited {
	text-decoration: none;
	color: #1B80E4;
}

.witlink {
	color: #FFFFFF;
}

.links2 {
	width: 630px;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
	font-family: Play;
}

#paginanaam {
	font-family: Mina;
	font-size: 40px;
	font-color: #000000;
	margin-bottom: -10px;
	margin-top:35px;
	margin-left: 7px;
	font-weight: bold;
}


.bloktitel {
	background: #e2e2e2;
	/*background: #EDF5E9;*/
	background: #8092A0;
	background: #303030;
	padding: 2px 0px 2px 4px;
	margin-bottom: 12px;
	font-family: 'Sunflower';
	font-size: 14px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #42BAC6;
	border-color: #959595;
	line-height: 18px;
	color: #FFFFFF;
	-webkit-border-radius: 0px 8px 8px 8px;
	border-radius: 0px 8px 8px 8px;
}

.bloktitel a:link {
	text-decoration: none;
	color: #ffffff;
	text-color: #FFFFFF;
}

.bloktitel a:hover {
	text-decoration: none;
	color: #ffffff;
}
.bloktitel a:visited {
	text-decoration: none;
	color: #ffffff;
}


 
#driekolommen {
	display: table;
	width: 100%;
	color: #404040;
	font-family: 'Roboto Condensed', sans-serif;

}

#driekrij {
	display: table-row;
}

#driekcel2 {
	display: table-cell;
	width: 210px;
	padding: 1px 5px 1px 5px;
	vertical-align: top;
}


#driekcel1, #driekcel3 {
	display: table-cell;
	width: 210px;
	padding: 1px 5px 1px 5px;
	vertical-align: top;
	background: #f9f9f9;
}

.driekcel {
	display: table-cell;
	width: 210px;
	padding: 1px 5px 1px 5px;
	vertical-align: top;
}


.formcel {
	display: table-cell;
	width: auto;
	padding: 1px 5px 1px 5px;
}



.formcel2 {
	display: table-cell;
	width: auto;
	padding: 1px 5px 1px 5px;
	text-align: left;
}

#driekcel a:link {
	text-decoration: none;
	color: #1B80E4;
}

#driekcel a:visited {
	text-decoration: none;
	color: #1B80E4;
}


#displaykader2 {
	position: absolute;
	top: 70px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 970px;
	z-index: 70;
}


.char {
	display: table;
}

.charr { 
	display: table-row;
}

.charc {
	display: table-cell;
	text-align: center;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding: 4px;
}

.knabbeltje {
	border-radius: 8px;
	border: 0px;
}

.clip {
	border-radius: 8px;
	border: 0px;
  -webkit-clip-path: inset(5px 10px 5px 10px);
  clip-path: inset(5px 10px 5px 10px);
}

.ietsals {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(222, 222, 222, 2);
	color: #000000;
	padding: 4px;
	resize: both;
	overflow: auto;
	min-width: 50px; /*suggest a min-width & min-height*/
	min-height: 50px;
	max-width: 550px;
}



.fietsals {
	right: 0px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(222, 222, 222, 2);
	color: #000000;
	padding: 4px;
	resize: both;
	overflow: auto;
	min-width: 50px; /*suggest a min-width & min-height*/
	max-width: 550px;
  overflow: hidden;
}




.kijkw {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color: #000000;
	padding: 2px;
	resize: both;
	overflow: auto;
	min-width: 50px; /*suggest a min-width & min-height*/
	height: 18px;
	max-width: 550px;
}

.reen {
	background: #eeeeee;
	width: 650px;
}
.rtwee {
	background: #ffffff;
}

.ktabel {
	display: table;
	font-size: 13px;

	outline: medium none;
}

.ktabelcel {
	display: table-cell;
	padding: 1px 5px 14px 5px;
	vertical-align: top;
}

.nwtabel {
	display: table;
	background: #eeeeee;
	width: 98%;
	border: 1px solid #CCCCCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	height: 30px;
	outline: medium none;
}

.nwtabel2 {
	display: table;
	background: #eeeeee;
	width: 99%;
	border: 1px solid #CCCCCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 14px;
	height: 30px;
	outline: medium none;
}

.nwtabel3 {
	display: table;
	background: #eeeeee;
	width: 100%;
	border: 2px solid #aaCaCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	outline: medium none;
}

.nwtabel4 {
	display: table;
	background: #eeeeee;
	width: 300px;
	border: 2px solid #aaCaCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	outline: medium none;
}

.nwtabelrij {
	display: table-row;
}

.nwtabelcel {
	display: table-cell;
	padding: 1px 5px 1px 5px;
	text-align: center;
}

.nwtabelcel2 {
	display: table-cell;
	padding: 1px 5px 5px 5px;
	text-align: center;
	width: 140px;
}






.nwtabelform {
	display: table;
	background: #eeeeee;
	width: 400px;
	border: 1px solid #CCCCCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	height: 30px;
	outline: medium none;
}
.nwtabelcelform {
	display: table-cell;
	padding: 1px 5px 5px 5px;
	text-align: left;
}

.nwtabelcelcs {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	column-span: all;
	padding: 5px;
	text-align: center;

	border-radius: 8px;
	background: #cccccc;
}


.readonly {
	background: #cccccc;
}


/* DOTS  */

.dotskader {
	display:inline-block;
	background: #eeeeee;
	border: 2px solid #aaCaCC;
	background: #eeeeee;
	border-radius: 8px;
	padding: 3px;
	outline: medium none;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}

.dotsraster {
	display: table;
	background: #eeeeee;
	border-radius: 8px;
	padding: 0px;
	background-image: url(lear.png);
}

.dotsradio {
	margin: -1px;
}


.dotstabel {

-webkit-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
-moz-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	border-radius: 12px;
}

/*  */




.magisch {
	background: #eeeeee;
	width: 85px;
	padding: 5px;
	text-align: center;
	-webkit-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	-moz-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	border-radius: 12px;
}

.bloktitelm {
	background: #e2e2e2;
	/*background: #EDF5E9;*/
	background: #8092A0;
	background: #303030;
	padding: 2px 0px 2px 4px;
	margin-bottom: 12px;
	font-family: 'Sunflower';
	font-size: 12px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #42BAC6;
	border-color: #959595;
	line-height: 18px;
	color: #FFFFFF;
	-webkit-border-radius: 0px 8px 8px 8px;
	border-radius: 0px 8px 8px 8px;
}

.voedingswaarde {
	display: table;
	width: 100%;
	border: 1px 1px 1px 1px solid #CCCCCC;
	font-size: 13px;
	/*outline: medium none;*/
	border-radius: 8px;
}

.voedingswaarderij {
	display: table-row;
	background: #C2DEB6;
	background: #BED8E4;
	border-radius: 8px;
}

.voedingswaarderij2 {
	display: table-row;
	background: #5a6572;
	background: #E2CEC0;
	border-radius: 8px;
}


.voedingswaardecel {
	display: table-cell;
	border: 1px 1px 1px 1px solid #353535;
	padding: 2px 5px 2px 5px;
}

.voedingswaardecel2 {
	display: table-cell;
	background: url(robijn.png);
	background: url(smarag.png);
	padding: 1px 5px 1px 5px;
	text-align: center;
	color: #eeeeee;
}



/* KWOOTJE ----------- */

.spank {
  position:relative;
}

.kwode {
	background: #eeeeee;
	width: 600px;

	border: 2px solid #CCCCCC;
	background: #eeeeee;

	border-radius: 8px;
	font-size: 15px;
	padding: 4px;

	outline: medium none;
	overflow: hidden;
	text-align: center;
	z-index:-10;
}


.charcount {
  position:absolute; 
  top:-10px; 
  left: 580px;
	background: #353535;
	color: #FFFFFF;
	border-radius: 8px;
	font-size: 10px;
	padding: 4px;

}


.charcounte {
  position:absolute; 
  top:-10px; 
  left: 205px;
	background: #353535;
	color: #FFFFFF;
	border-radius: 8px;
	font-size: 12px;
	padding: 4px;

}

.overbodigeinfo {
	display: table;
	width: 550px;
	position: relative;
	padding-left: 10px;
}


.overbodigeinfob {
	display: table;
	width: 98%;
	position: relative;
	padding-left: 10px;
}

.overbodigeinfoe {
	display: table;
	position: relative;
	padding-left: 10px;
	/*width: 90%;*/
	width: 500px;
	max-width: 500px;
}



.overbodigeinfoei {
	display: table;
	position: relative;
	padding-left: 10px;
	/*width: 90%;*/
	width: 680px;
	max-width: 680px;
}
.oir {
	display: table-row;
}

.sknatz {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
}


.sknatz2 {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	
}

.oic {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
}

.oic2 {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 15px;
	width: 98%;
}

.oic3 {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 15px;
	width: 670px;
background: #444444;
color: #ffffff;
}

.oit {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
}


.zoom { 
	font-size: 13px;
	color: #42BAC6;
	transition: all .2s ease-in-out;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}




#form {
	border: 2px solid #CCCCCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	padding: 10px;
	width: 260px;
	outline: medium none;
}

#formbreed {
	border: 2px solid #CCCCCC;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 13px;
	padding: 10px;
	width: 560px;
	outline: medium none;
	font-size: 13px;
	font-family: 'Roboto Condensed', sans-serif;
}

.gameboy {
	background: #bcba89;
	resize: none;
	border-color:  #808080;
	border-width: 17px 17px 17px 17px;
	border-radius: 8px;
}

.knop {
	background: #7f006e;
}



.knop2 {
	background: #A0F3FF;
}

#kwij {
	border-radius: 75px 75px 75px 75px;
	background: url(kwij.png);
	height: 20px;
}









/* BRIGITTE -------------*/


#teckst {
	width: 100%;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	text-align: left;
	padding: 5px;
	text-align: justify;
	text-justify: inter-word;
	font-size: 13px;
	font-family: Play;
}




#brigidt {
	width: 98%;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	text-align: left;
	padding: 5px;
	text-align: justify;
	text-justify: inter-word;
	font-size: 13px;
	font-family: Play;
-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column; 
}

.bsknatz {	
	display: table-cell;
	width: 150px;
	text-align: left;
	vertical-align: top;
}

.breeknie {
	display:inline-block;
	border-radius: 12px;
	border-width: 1px;
	max-width: 960px;
	padding: 3px 6px 6px 6px;
	margin-bottom: 10px;
	border-style: solid;
	background: #fcfcfc;
	font-size: 14px;
	border-color: #eaeaea;
}



.breeknie1 {
	display:inline-block;
	background: #D9F1F7;
	border-radius: 12px;
	border-width: 1px;
	max-width: 940px;
	padding: 3px 6px 6px 6px;
	margin-bottom: 10px;
	border-style: solid;
	font-size: 14px;
	border-color: #eaeaea;
}



.breeknie2 {
	display:inline-block;
	background: #C7E2E2;
	border-radius: 12px;
	border-width: 1px;
	max-width: 940px;
	padding: 3px 6px 6px 6px;
	margin-bottom: 10px;
	border-style: solid;
	font-size: 14px;
	border-color: #eaeaea;
}


.breeknie h3 {
	font-family: 'Ubuntu';
	color: #353535;
	margin-top: 6px;
	padding: 2px;
	line-height: 12px;
	font-size: 15px;
	background: #ededed;
              border-bottom: 1px solid rgb(200, 200, 200);
}


.brantwoord {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	background: #eeeeee;
	padding: 5px 3px 5px 3px;
	border-radius: 8px;
	font-family: Play;
}


 
.brantwoord1 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 13px;
	border-radius: 0px 0px 12px 12px;
	font-family: Play;
	background: #D8F1F7;
}


.brantwoord1 h3 {
	font-family: 'Ubuntu';
	color: #353535;
	margin-top: 1px;
	padding: 2px;
	line-height: 14px;
	font-size: 16px;
	background: #ededed;
              border-bottom: 1px solid rgb(200, 200, 200);
}


.brantwoord2 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 13px;
	border-radius: 0px 0px 12px 12px;
	font-family: Play;
	background: #FFCBAF;
}


.brantwoord3 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 13px;
	border-radius: 0px 0px 12px 12px;
	font-family: Play;
	background: #ffea84;
}


.brantwoord4 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 13px;
	border-radius: 0px 0px 12px 12px;
	font-family: Play;
	background: #D9F1e2;
}
 

#contactform {
	background: url(postzegel.png);
	background-repeat: no-repeat;
}

.blink_me {
  animation: blinker 1s linear infinite;
}


.rij11 {
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
}

.ts1 {
	min-width: 18px;
	width: 18px;
	padding: 0px 2px;
	height: 12px;
	background: #000000;
	background: #C2DEB6;
	color: #000000;
	text-align: center;
	display: inline-block;
}


.ts2 {
	min-width: 18px;
	width: 18px;
	padding: 0px 2px;
	height: 12px;
	background: #5a6572;
	color: #eeeeee;
	text-align: center;
	display: inline-block;
}

.ts11 {
	min-width: 18px;
	width: 18px;
	padding: 0px 2px;
	height: 12px;
	background: #000000;
	background: #BED8E4;
	color: #000000;
	text-align: center;
	display: inline-block;
}


.ts12 {
	min-width: 18px;
	width: 18px;
	padding: 0px 2px;
	height: 12px;
	background: #E2CEC0;
	color: #000000;
	text-align: center;
	display: inline-block;
}

/* zoek */




.tab1 {
	background: #D9F1F7;
	border-radius: 12px 12px 0px 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0px;

}

.tab2 {
	background: #C7E2E2;
	border-radius: 12px 12px 0px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 0px;

}


.r1 {
	background: #e5e5e5;
	padding: 0px 4px 0px 4px;
	@charset "UTF-8";
}



.r2 {
	background: #F2f2f2;
	padding: 0px 4px 0px 4px;
	@charset "UTF-8";
}



.rij1 {
	/*background: #eeeeee;*/
	/*background: #daffba;*/
	/*background: #D6EEFF;*/
	background: #D9F1F7;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	@charset "UTF-8";
}

.rij1 a:link {
	text-decoration: none;
	color: #1B80E4;
	color:#909090;
	color: #004a7f;
	@charset "UTF-8";
}
.rij1 a:visited {
	text-decoration: none;
	color: #1B80E4;
	color: #004a7f;
	@charset "UTF-8";
}


.rij1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  border:3px solid black;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  background-color:white;
  opacity: 0;
  transition: opacity 1s;
}

.rij1:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



.rijskij {
	background-image: url(lear.png);
	@charset "UTF-8";
}


.rij2 {
	background: #F8F8F8;
	/*background: #EDFFF6;*/
	background: #C0D6E5;
	background: #BAE2FF;
	background: #C7E2E2;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	@charset "UTF-8";
}
.rij2 a:link {
	text-decoration: none;
	color: #1B80E4;
	color:#909090;
	color: #004a7f;
	@charset "UTF-8";
}
.rij2 a:visited {
	text-decoration: none;
	color: #1B80E4;
	color: #004a7f;
	@charset "UTF-8";
}

.rij3 {
	text-decoration: none;
	background: url(zichtig.png);
	color: #353535;	
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.rij3 a:link, a:hover, a:visited{
	text-decoration: none;
	color: #353535;
}


.crij4 {
	background: #FFFFFF;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	@charset "UTF-8";
}

.crij5 {
	background: #d3d3d3;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	@charset "UTF-8";
}





.kaartspel {
	display: table;
}

.kaartspeluit {
	display: table;
}

.kaartspel_rij {
	display: table-row;
}

.rodekaart {
	display: table-cell;
	width: 55px;
	height: 60px;
	vertical-align: middle;
	color: #FF0000;
	font-size: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-radius: 12px;
	cell-spacing: 10px;
	cell-padding: 10px;
	padding: 10px;
}

.rodekaart a:link {
	color: #FF0000;
	text-decoration: none;
}

.rodekaart a:hover {
	color: #FF0000;
	text-decoration: none;
}

.rodekaart a:visited {
	color: #FF0000;
	text-decoration: none;
}

.zwartekaart {
	display: table-cell;
	width: 55px;
	height: 60px;
	vertical-align: middle;
	color: #000000;
	font-size: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-radius: 12px;
	cell-spacing: 10px;
	cell-padding: 10px;
	padding: 10px;
}

.zwartekaart a:link {
	color: #000000;
	text-decoration: none;
}

.zwartekaart a:hover {
	color: #000000;
	text-decoration: none;
}

.zwartekaart a:visited {
	color: #000000;
	text-decoration: none;
}

.afgelopen {
	display: table-cell;
	background: #cccccc;
	width: 53px;
	height: 60px;
	vertical-align: middle;
	color: #000000;
	font-size: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-radius: 12px;
	cell-spacing: 10px;
	cell-padding: 10px;
	padding: 10px;
}


.deck {
	display: table-cell;
	background-image: url(kaart.png);
	width: 53px;
	height: 60px;
	vertical-align: middle;
	font-size: 22px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-radius: 12px;
	cell-spacing: 10px;
	cell-padding: 10px;
	padding: 10px;
}





.kaartcount {
	position: relative;
	bottom: -10px;
	color: #000000;

	border-radius: 8px;
	font-size: 8px;
	padding: 1px;
	text-align: right;

}



.rechts {
	width: 25%;
	max-width: 250px;
	display: table-cell;
	padding: 5px 5px 5px 5px;
	font-family: 'Encode Sans Condensed', sans-serif;
	color: #323232;
	line-height: 12px;
}


.rechts2 {
	width: 320px;
	display: table-cell;
	padding: 5px 5px 5px 5px;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-family: 'Play;
	color: #323232;
}

#telling {
	background: #eeeeee;
	padding: 5px;
	color: #353535;
	text-style: italic;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 12px;
	overflow-y: auto;
	max-height: 235px; 
	border-style: solid;
	border-width: 4px;
	border-color: #eeeeee;
-webkit-border-bottom-right-radius: 14px;
-moz-border-radius-bottomright: 14px;
border-bottom-right-radius: 14px;
}


#telling::-webkit-scrollbar {
    width: 1em;
}
 
#telling::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
}
 
#telling::-webkit-scrollbar-thumb {
  background-color: #999999;
  outline: 1px solid slategrey;
}



.sjoaj {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.9);
}

.tellingclass {
	background: #eeeeee;
	padding: 5px 5px 10px 5px;
	color: #353535;
	text-style: italic;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 12px;
	overflow-y: auto;
	max-height: 200px; 
	border-style: solid;
	border-width: 4px;
	border-color: #eeeeee;
	border-radius: 12px;
}




.tellingclass::-webkit-scrollbar {
    width: 1em;
}
 
.tellingclass::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
}
 
.tellingclass::-webkit-scrollbar-thumb {
  background-color: #999999;
  outline: 1px solid slategrey;
}


#voet {
	width: 967px;
	/*height: 40px;*/
	margin-top: 20px;
	/*background: linear-gradient(#ececec, #FFFFFF);*/
	/*background: linear-gradient(#EDF5E9, #FFFFFF);*/
	/*background: linear-gradient(#11131e, #FFFFFF);*/
	padding: 4px 4px 17px 4px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #e4e4e4;
	color: #737373;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	margin: 0px auto;
	margin-bottom: 20px;
	position: absolute;
	z-index: -5;
	/*-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);*/ 
	/*box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);*/
}

.mdr {
	background: url(mdr.png);
	height: 10px;
	background-repeat: repeat-x;
}

.ondertabel {
	display: table;
	padding-top: 10px; 
	width: 960px;
	margin: 0px auto;
	background: #eeeeee;
}
	
	
.ondertabelcel_nb {
	width: 238px;
	display: table-cell;
	padding: 10px;
	padding-top: 0px;
	color: #393939;
	text-align: left;
}
	
	
.ondertabelcel {
	width: 238px;
	display: table-cell;	
	border-style: dotted;
	border-width: 0px 0px 0px 1px;
	border-color: #cccccc;
	padding: 10px;
	padding-top: 0px;
	vertical-align: top;
}
	
	
.ondertabelcel2 {
	width: 238px;
	display: table-cell;	
	border-style: dotted;
	border-width: 0px 0px 0px 1px;
	border-color: #cccccc;
	padding: 10px;
	padding-top: 0px;
	vertical-align: top;
	text-align: left;
}

.ondertabelcel h3 {
	font-family: 'Ubuntu';
	color: #cccccc;
	margin-top: 0px;
	line-height: 10px;
}

.bloktitel2 {
	background: #717E8E;
	background: #C2DEB6;
	padding: 2px 0px 2px 4px;
	margin-bottom: 12px;
	font-family: 'Sunflower';
	font-size: 13px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #5A6572;
	color: #ffffff;
}



.fbkstabelrij{
	display: table-row;
	background: #353535;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	color: #ffffff;
}
.fbksrij1 {
	display: table-row;
	background: #eeeeee;
	padding: 2px 2px 2px 2px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
}

.fbksrij2 {
	display: table-row;
	background: #F8F8F8;
	padding: 2px 2px 2px 2px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
}


#wistje {
	background: #D9F1F7;
	padding: 5px;
	font-size: 13px;
	line-height: 13px;
	border-radius: 12px;
}

#wistje0 {
	background: #FFEFEA;
	padding: 5px;
	font-size: 13px;
	line-height: 13px;
	border-radius: 12px;
	background: url(robijn.png);
	color: #ffffff;
}

#wistje1 {
	background: #D8F1F7;
	padding: 5px;
	font-size: 13px;
	line-height: 13px;
	border-radius: 12px;
}

#wistje2 {
	background: #FFCBAF;
	padding: 5px;
	font-size: 13px;
	line-height: 13px;
	border-radius: 12px;
}


#wistje3 {
	background: #EFFFC9;
	padding: 8px;
	font-size: 13px;
	line-height: 15px;
	border-radius: 12px;
}


#wistje4 {
	background: #f9f9f9;
	padding: 8px;
	font-size: 13px;
	line-height: 15px;
	border-radius: 12px;
	z-index: 1000;
}


#wistje5 {
	background: #D9F1e2;
	padding: 5px;
	font-size: 13px;
	line-height: 13px;
	border-radius: 12px;
}

#zeepje {
	background: #f9f9f9;
	padding: 8px;
	padding-top: 15px;
	font-size: 15px;
	line-height: 15px;
	border-radius: 12px;
}

.wowo {
	background: #eeeeee;
	padding: 5px;
	font-size: 14px;
	line-height: 13px;
	border-radius: 12px;
	width: 250px;
	text-align: left;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}



.ticker {
  margin: 0 auto;
  padding: 10px;
  width: 600px;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}


/* KNIPPER -------------------------- */

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



#formatt {
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}

/* ROTATOR */


#rotwrapper {
	position: fixed;
	bottom: -80px;
	width: 100%;
	height: 240px;
	z-index:8;
}

#rotfixer {	
	position: relative;
	top: -1px;	
	left: 20px;
	height: 180px;
}

#rotfixerf {	
	position: relative;
	top: -1px;	
	left: 25px;
	height: 180px;
	vertical-align: middle;
}	

#rotadiv {
	position: fixed;
	left: 20px 
	top: -160px;
    width: 151px;
    height: 151px;
    background: url(ster.png);
background-repeat: no-repeat;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 70000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 70000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 70000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 70000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



#rotadivfront {
    width: 151px;
    height: 151px;
    background: url(ster.png);
z-index: -10;
background-repeat: no-repeat;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 70000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 70000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 70000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 70000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


#boekwrapper {
	position: fixed;
  	bottom: 0px;
	width: 100%;
	height: 190px;
}

#boekfixer {
	margin: 0 auto;
	width: 780px;
	
}

#boek {
	position: relative;
	left: 35px;
	top: 25px;
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Opera, Chrome, and Safari */
	font-family: Bangers;
	font-size: 26px;
	line-height: 26px;
	font-color: #FFFFFF;
	z-index: 10;
}

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

#boek a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#boek a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}




#boekf {
	position: absolute;
text-align: center;
	top: 40px;
	left: 35px;
	width: 151px
	height: 151px;
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Opera, Chrome, and Safari */
	font-family: Bangers;
	font-size: 26px;
	line-height: 26px;
	font-color: #FFFFFF;
	z-index: 10;
}

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

#boekf a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#boekf a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}





.sscore { padding:1px; margin: 2px; border-color:#000000; border-style:solid; font-size:10px; text-align:center; border-width:1px; border-radius:1px; background-color:#000000; color:#bfbfeb;  } 
		 .sscore:focus { outline:none; } 


a.tip {
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 14px 9px 9px 9px;
    display: block;
    z-index: 100;
background: #F7F7F7;
    left: 0px;
    margin: 7px 7px;
    min-width: 275px;
    position: absolute;
    top: 10px;
	left: 5px;
    text-decoration: none;
-webkit-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
-moz-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	border-radius: 12px;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}

.kfoto {
	padding: 10px;
	vspace: 10px;
}

// tooltip
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  border:3px solid black;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  background-color:white;
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}





.zweeft {
	position: relative;
	z-index: 999;
}


a.tippel {
    text-decoration: none
}
a.tippel:hover {
    cursor: help;
    position: relative
}
a.tippel span {
    display: none;
z-index: 2000;
}
a.tippel:hover span {
    border: #c0c0c0 1px dotted;
    padding: 14px 9px 9px 9px;
    display: block;
position: relative;
    z-index: 2000;
background: #F7F7F7;
    left: 0px;
    margin: -7px 7px;
    min-width: 275px;
    position: absolute;
    top: 10px;
    text-decoration: none;
-webkit-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
-moz-box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
box-shadow: 10px 14px 12px 0px rgba(173,166,173,1);
	border-radius: 12px;
	-webkit-box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94); 
	box-shadow: 13px 14px 25px -6px rgba(0,0,0,0.94);
}





.flip-container {
  background: transparent;
  display: inline-block;
}

.flip-this {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-container:hover .flip-this {
  transition: 0.9s;
  transform: rotateZ(180deg);
}



.js-frame {
	list-style: none;
	color: #353535;
	text-decoration: none;
}

/*clearfix*/
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;
clear:both;visibility:hidden;height:0;font-size:0;}


/*newsticker*/
.newsticker{
	position: relative;
	border-radius:0px;
	color:#402726;
	cursor:default;
	font-size:10px;
	font-family: Play;
	color: #353535;
	text-decoration: none;
	/*overflow:hidden;*/
	width:900px;
	padding-right: 7px;
	text-align: right;
	z-index: 250;
}

.newsticker:hover{
	text-align: right;
}

.newsticker ul li{
	width:910px;
	/*overflow:hidden;*/
	/*white-space:nowrap;*/
	display:none;
}

#richhtmlticker {
	position: absolute;
	top: 6px;
	right: 1px;
	text-align: right;
	font-size: 11px;
}

#myhtmlticker {
	padding-top: -10px;
	padding-right: 10px;
	font-size: 11px;
}

#js-item, #js-item a:link, #js-item a:hover, #js-item a:visited{
	color: #353535;
	text-decoration: none;
	padding-right: 7px;
}



/* TEKSTBALLONNEN ============= */


p.bubble {
	position: relative;
	width: auto;
	text-align: center;
	/*margin: 40px auto;*/
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 8px;
	font-family: sans-serif;
	padding: 5px;
	font-size: large;
}

p.bubble:before,
p.bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

p.speech:before {
	left: 116px;
	bottom: -12px;
	border: 6px solid;
	border-color: #333 transparent transparent #333;
}

p.speech:after {
	left: 117px;
	bottom: -10px;
	border: 6px solid;
	border-color: #fff transparent transparent #fff;
}



.bubble
{
   position: relative;
   /*width: 450px;*/
   height: auto;
   padding: 10px;
   background: #ffffff;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
    border: #8e8e8e solid 1px;
}

.bubble:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 9px 40px 9px 0;
    border-color: transparent #ffffff;
    display: block;
    width: 0;
    z-index: 1;
    left: -40px;
    top: 31px;
}

.bubble:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 9px 40px 9px 0;
    border-color: transparent #8e8e8e;
    display: block;
    width: 0;
    z-index: 0;
    left: -41px;
    top: 31px;
}


/* onderkwoot - kwootje onderaan rechts */

#onderkwoot,  #onderkwoot a:link { 
	color: #353535;
	text-style: italic;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 12px;
	text-decoration: none;
}



.bobble {
  position: relative;
  font-family: sans-serif;
  width: auto;
  background: #eee;
  border-radius: 10px;
  padding: 8px;
  text-align: center;
  color: #000;
}

.bobble-bottom-left:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #eee;
  border-right: 4px solid transparent;
  border-top: 4px solid #eee;
  border-bottom: 6px solid transparent;
  left: 75px;
  bottom: -10px;
}




div#bottom-right {
position: fixed;
bottom: 0;
right: 0;

    animation: fadein ease 11s;
    -moz-animation: fadein ease 11s; /* Firefox */
    -webkit-animation: fadein ease 11s; /* Safari and Chrome */
    -o-animation: fadein ease 11s; /* Opera */



    animation: fadeout 12s;
    -moz-animation: fadeout 12s; /* Firefox */
    -webkit-animation: fadeout 12s; /* Safari and Chrome */
    -o-animation: fadeout 12s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}






div#bottom-midright {
position: fixed;
bottom: 0;
right: -210;

    animation: fadein ease 11s;
    -moz-animation: fadein ease 11s; /* Firefox */
    -webkit-animation: fadein ease 11s; /* Safari and Chrome */
    -o-animation: fadein ease 11s; /* Opera */



    animation: fadeout 12s;
    -moz-animation: fadeout 12s; /* Firefox */
    -webkit-animation: fadeout 12s; /* Safari and Chrome */
    -o-animation: fadeout 12s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}





div#bottom-midleft {
position: fixed;
bottom: 0;
right: -440;

    animation: fadein ease 11s;
    -moz-animation: fadein ease 11s; /* Firefox */
    -webkit-animation: fadein ease 11s; /* Safari and Chrome */
    -o-animation: fadein ease 11s; /* Opera */



    animation: fadeout 12s;
    -moz-animation: fadeout 12s; /* Firefox */
    -webkit-animation: fadeout 12s; /* Safari and Chrome */
    -o-animation: fadeout 12s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}


.t30rangcel {
	display: table-cell;
	width: 25px;
	padding-top: 0px;
	background: url(widd.png);
}
.t30trcel {
	display: table-cell;
}


// top30-tabel rechterkolom ---------------------------------------------------
div.blueTable {
  border: 0px;
  width: 250px;
    margin: 0px auto;
  text-align: left;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 13px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
  background: #D0E4F5;
}
.divTable.blueTable .divTableHeading {
  background: #ffffff;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.blueTable .tableFootStyle {
  font-size: 10px;
  color: #000000;
  text-align:right;
	font-family: Play;
}
.blueTable .tableFootStyle {
  font-size: 10px;
}
.blueTable .tableFootStyle .links {
	 text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  color: #000000;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableCell_LINKS { display: table-cell; width: 654px; padding: 9px; font-family: Arial;font-family: Play;
}

.divTableCell_LINKS a:link, a:visited{ 
    text-decoration: none;
    font-family: Play;
}

.divTableCell_LINKS a:hover{ 
    background: #eeeeee;
    text-decoration: none;
    font-family: Play;
}

.divTableCell_RECHTS { display: table-cell;  padding: 8px; 
	font-family: Play;
    
}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;
	font-family: Arial; text-align: right;}
.divTableBody { display: table-row-group;}



// toptabel stempagina -----------------------------------------
.toptabel {
    width: 500px;
    margin: 0px auto;
    display: table;
}

.toptabelheader {
        display: table-row;
        background: #72C7DF;
}

.toptabelrij {
        display: table-row;
	font-family: Play;
}

.toptabelheadercel {
    display: table-cell;
        padding: 2px;
    border-width: 0px 0px 0px 1px;
    border-color: #ffffff;
    border-style: solid;
        color: #FFFFFF;
        text-align: center;
    font-size: 13px;
	font-family: Play;
}

.toptabelrij1 {
	background: #eeeeee;
    display: table-row;
}

.toptabelrij2 {
	background: #F8F8F8;
    display: table-row;
}

.toptabelposcel1 {
    display: table-cell;
    background: #EF8351;
    color: #ffffff;
    text-align: center;
}

.toptabelposcel2 {
    display: table-cell;
    background: #F15E19;
    color: #ffffff;
    text-align: center;
}

.toptabelcel {
    display: table-cell;
    color: #000000;
    padding-left: 6px;
}

.toptabelcel-k {
    display: table-cell;
    color: #000000;
    width: 15px;
    font-size: 12px;
    text-align:center;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #ffffff;
}


.noot {
font-size: 10px;
}
 
#tags {
	background: #cccccc;
}

#pleckbend_r {
	position: absolute;
	padding-right: -10px;
	top: 52px;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg); 
}




#discografietabel_t {
	display: table;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	right: 0px;
	width: 100%;
}

.discografietabel_r0 {
	display: table-row;
	background: url(smarag.png);
	color: #000000;
	font-weight: bold;
}

.discografietabel_r1 {
	display: table-row;
	background: #D9F1F7;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	text-decoration: none;
}

.discografietabel_r2 {
	display: table-row;
	background: #C0D6E5;
	background: #BAE2FF;
	background: #C7E2E2;
	padding: 0px 4px 0px 4px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #dddddd;
	text-decoration: none;
}

.discografietabel_c, #discografietabel_c a:link, #discografietabel_c a:visited {
	display: table-cell;
	vertical-align: top;
	padding: 1px;
	text-decoration: none;
}

.discografietabel_c2, #discografietabel_c2 a:link, #discografietabel_c2 a:visited {
	display: table-cell;
	vertical-align: top;
	padding: 1px;
	text-decoration: none;
	background: url(robijn.png);
	color: #ffffff;
	text-align: center;
	font-size: 12px;
}


.small {
    height: 220px;
    overflow: hidden;
}
.big {
    height: auto;
}

section {
	margin: 1px 0px 1px 2px;
	border-radius: 5px;
}

.section1 {
	background: #ED5830;
}

.section2 {
	background: #EB7F5A;
}



kbd {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
	margin: 0px;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 1px 4px;
    white-space: nowrap;
   }





.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}


.dropdownre {
	color: #ffffff;
	margin-top: 5px;
	font-family: Lobster;
	font-size: 22px;
	position: relative;
	display: inline-block;
	z-index: 500;
	text-decoration: none;
}

.dropdown {
	/*transform:rotate(-2.5deg);*/
	color: #ffffff;
	margin-top: 5px;
	font-family: Lobster;
	font-size: 22px;
	position: relative;
	display: inline-block;
	z-index: 500;
	text-decoration: none;
}

.dropdown a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.dropdown a:hover {
	color: #452524;
}

.dropdown a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


.dropdown-content {
	transform:rotate(2.5deg);
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	min-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 50000;
	text-align: left;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-family: 'Play;
	font-size: 12px;
  border-radius: 10px;
}

.dropdown-content a:link {
	color: black;
	text-decoration: none;
	display: block;
	font-size: 14px;
  	padding: 5px 5px;
	
}

.dropdown-content a:visited {
	color: black;
	text-decoration: none;
	display: block;
	font-size: 14px;
  	padding: 5px 5px;
	
}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}




/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}



.loginklik_toggle_wrapper    
{
        
}

#loginklik_wrap 
{
    margin-top: 0px;  
    margin-bottom: 30px; 
    background: gray;
    width: auto; height: 50px;
}


.showMe {
	height: 400px;
}



.tooltiplog {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltiplog:hover {
   cursor: pointer;
}
.close {
  color: red;
}
.close:hover {
  cursor: pointer;
}
.tooltiplog .tooltiplogtext {
  display: none;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.blocklog {
  display: block !important;
}