@import url('https://fonts.googleapis.com/css2?family=Overlock&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@1,700&display=swap');

/* hoofd-pagina orgelkrant */

.ok_body {
	text-size-adjust: none; /* zorgt ervoor dat de font-size correct wordt weergegeven en niet wordt verkleind/vergroot */
	-webkit-text-size-adjust: none; /* zorgt ervoor dat de font-size correct wordt weergegeven en niet wordt verkleind/vergroot */
	height: 100%;
 	margin-left: 0px; 
 	margin-right: 2px; 
 	margin-top: 0px;
 	overflow-x: hidden; /* geen scrollbar langs de hele pagina */
}
.ok_titel	{
	width: 90%;
	font-family: 'Philosopher', sans-serif;  
	font-weight: bold;	
	padding: 0px 20px 10px 25px;
	color: #BA5810;
	font-size: 50px;
	vertical-align: top;
	background-color: #fbfbfb;
}
.ok_krant {
	width: 99%;
	top: 80px;
	border: 0px;
	background-color: #fbfbfb;
	text-align: left;
	padding-top:25px;
	margin-left: -18px;
}
.ok_menu {
	width: 100%;
	border: 0px;
	background-color: #fbfbfb; 
	padding-top: 40px;
}
.ok_meester {
	height: 100%;
	width: 100%;
    padding: 120px 35px 0px 20px;
	overflow-x: hidden;
}
.ok_hoofdtekst {
	font-family: 'Roboto', sans-serif;
	font-size: 39px;
	font-weight: normal;
    line-height: 1.5;
	color: #201003;
	padding: 0 35px 0 10px;
}
.ok_voorblad_pos {
	text-align: center;
}
.ok_voorblad {
	outline: 3px solid #C3A270;
	border-radius: 8px;
	padding: 19px;
	margin-left: 3px;
}
.ok_blanco_regel {
	height: 4px;
	font-family: Arial;
	font-size: 3pt;
}
.ok_totaal {
	color: #C3A270;
	font-family: 'Roboto', sans-serif; 
	letter-spacing: 3px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.ok_terug  {
	position: fixed; 
	left: 84%; 
	top: 2%; 
	width: 100px; 
	z-index: 99999 /* dezelfde z-index als het menu (swimbi.css) */
}
.ok_button_div {
    position: relative;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.ok_button {
    padding: auto 0px auto 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fbfbfb;
    box-shadow: 4px 4px 6px 0 rgba(255,255,255, 2.9),
                            -4px -4px 6px 0 rgba(116, 125, 136, 0.5),
        inset -4px -4px 6px 0 rgba(255,255,255, 0.2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    letter-spacing: 1px;
    color: #26649d;
    z-index: 1;
    transition: .3s;
}
.ok_button:hover {
    /* letter-spacing: 4px; */
    color: #BA5810;
    background-color: #dee5ec;
    text-decoration: none;
}


/* inhoud van een krant */

.krant_body {
	text-size-adjust: none; /* zorgt ervoor dat de font-size correct wordt weergegeven en niet wordt verkleind/vergroot */
	-webkit-text-size-adjust: none; /* zorgt ervoor dat de font-size correct wordt weergegeven en niet wordt verkleind/vergroot */
	height: 100%;
 	margin-left: 0px; 
 	margin-right: 2px; 
 	margin-top: 0px;
 	overflow-x: hidden; /* geen scrollbar langs de hele pagina */
}
.krant_menu {
	width: 100%;
	border: 0px;
	background-color: #fbfbfb; 
	padding-top: 20px;
}
.krant_meester {
	height: 100%;
	width: 100%;
    padding: 120px 35px 0px 20px;
	overflow-x: hidden;
}
.krant_krant {
	position: absolute;
	width: 99.4%;
	top: 360px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	background-color: #fbfbfb;
	text-align: left;
	padding-left: 6px;
	overflow-y: auto;
	overflow-x: hidden;
}
.krant_krant_zoekm {
	position: absolute;
	width: 710px;
	top: 70px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	background-color: #F5F0EA;
	text-align:left;
	padding-left: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}
.krant_tussenregeltje {
	font-family: Arial;
	font-size: 3pt;
}
.krant_titel  {
	width: 65%;
	font-family: 'Philosopher', sans-serif;  
	font-weight: bold;	
	padding: 0px 20px 10px 25px;
	color: #BA5810;
	font-size: 46px;
	vertical-align: top;
	background-color: #fbfbfb;
}
.krant_editie {
	text-align: right;
	Vertical-align: top;
	font-family: 'Philosopher', sans-serif;
	font-size: 33px;
	color: #201003;
	width: 35%;
	padding-right: 30px;
}
.krant_subtitel   {
	font-family: 'Overlock', sans-serif;
	font-size: 42px;
	font-style: oblique;
	font-weight: bold;
	color: #C3A270;
	letter-spacing: 0.10vw;
	padding: 0 20px 0 25px;
}
.krant_koptekst {
	font-family: 'Roboto', sans-serif;
	font-size: 39px;
	letter-spacing: 0.115vw;
	font-weight: bold;
	font-style: oblique;
    line-height: 1.4;
	color: #201003;
	padding: 0 25px 0 10px;
}
.krant_subkop {
	font-family: 'Overlock', sans-serif;
	font-size: 41px;
	font-style: oblique;
	font-weight: bold;
	color: #201003;
	padding: 0 20px 0 25px;
}
.krant_hoofdtekst {
	font-family: 'Roboto', sans-serif;
	font-size: 39px;
	font-weight: normal;
    line-height: 1.3;
	color: #201003;
	padding: 0 25px 0 10px;
}
.krant_tussenkop {
	font-family: 'Overlock', sans-serif;
	font-weight: normal;
	font-style: oblique;	
	padding: 0 10px 0 30px;
	vertical-align: text-top;
	color: #201003;
	font-size: 44px;
}
.krant_tussenkop_klein {
	font-family: 'Overlock', sans-serif;
	font-weight: normal;
	font-style: oblique;	
	padding: 0 10px 0 30px;
	vertical-align: text-top;
	color: #201003;
	font-size: 42px;
}
.krant_dispo {
	font-family: 'Roboto', sans-serif;  
	font-size: 40px;
	font-weight: bold;
	font-style: oblique;	
	color: #201003;
	padding: 0 0 0 30px;
}
.krant_auteur   {
	font-family: 'Overlock', sans-serif;
	font-size: 39px;
	letter-spacing: 0.125vw;
	font-weight: bold;
	color: #201003;
	padding: 26px 40px 40px 0;
	text-align: right;
}
.krant_bron {
	font-family: 'Overlock', sans-serif;
	font-size: 40px;
	letter-spacing: 0.115vw;
	font-weight: 500; 
	color: #201003;
	padding: 0 25px 0 0;
	vertical-align: top;
	text-align: left;
}
.krant_naschrift  {
	width: auto;
	height: auto; 
	color: #201003;
	font-family: 'Overlock', sans-serif;
	font-size: 40px;
	font-weight: normal;
	font-style: italic;
	padding: 15px 25px 10px 10px

}
.krant_verklaring {
	font-family: 'Overlock', sans-serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 1.3;
	color: #3C1D05;
	padding: 0 25px 0 20px;
}
.krant_toelichting-auteur  {
	font-family: 'Overlock', sans-serif;
	font-size: 40px;
	font-weight: normal;
	font-style: oblique;
	line-height: 1.3;
	color: #201003;
	text-align: left;
	padding: 0 40px 0 0;
}

a.krant_link {
	font-family: 'Overlock', sans-serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 20px;
	color: #26649d;
}

a.krant_link:visited {
	font-family: 'Overlock', sans-serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 20px;
	color: #26649d;
}

a.krant_link:active {
	font-family: 'Overlock', sans-serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 20px;
	color: #26649d;
}

a.krant_link:hover {
	font-family: 'Overlock', sans-serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 20px;
	color: #26649d;
}
.krant_hokkieveld {
	position: relative;
	float: right;
	padding: 20px 25px 0px 15px;
}
.krant_hokkie {
	border: 4px solid #C3A270;
	background-color: #dee5ec;
	padding: 5px;
	/* -webkit-box-shadow: 0 0 3px rgba(159, 84, 50, 1.0);
	-moz-box-shadow: 0 0 3px rgba(159, 84, 50, 1.0);
	box-shadow: 0 0 3px rgba(159, 84, 50, 1.0); */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}











.krant_tussentekst {
	font-family: 'Roboto', sans-serif; 
	font-weight: normal;
	font-style: normal;	
	padding: 0 25px 0 10px;
	color: #7D0202;
	font-size: 2vw;
}

.krant_dispo_stip1 {
	font-family: 'Overlock', sans-serif;
	font-size: 11.5px;
	vertical-align: top;
	color: #ff0000;
}
.krant_dispo_stip2 {
	font-family: 'Overlock', sans-serif;
	font-size: 11.5px;
	vertical-align: top;
	color: #15EA25;
}
.krant_dispo_stip3 {
	font-family: 'Overlock', sans-serif;
	font-size: 11.5px;
	vertical-align: top;
	color: #2F14EB;
}
.krant_dispodiv {
 	width: 712px;
 	margin-left: auto;
 	margin-right: auto;
}