body {
	font-family: 'Open Sans', Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	margin: 0;
	color: #000000;
	background-color: #fff;
}
td {
	color: #000000;
	font-size: 18px;
	line-height: 28px;
}
p, li {
	font-size: 18px;
	line-height: 28px;
}
h1 {
	color: #9B0F8E;
	font-size: 56px;
	line-height: 1.2em;
	text-decoration: none;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-family: 'Open Sans', Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
}
h2 {
	color: #9B0F8E;
	font-size: 26px;
	line-height: 1.2em;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	clear: right;
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 1.2em;
    }
    h2 {
        font-size: 24px;
        line-height: 1.2em;
    }
    .mobimg100 img {
    width:100% !important;
    height:auto !important;
    }
    #TD_tekstvlak .banner {
        width:100% !important;
        height:auto !important;
    }
}
sup {
	font-size: 90%;
	top: 0px;
	line-height: 14px;
}
sub {
	font-size: 90%;
	top: 0px;
	line-height: 14px;
}

a  { color: #9B0F8E; text-decoration: underline }
a:hover  { color: #106AC3; text-decoration: underline }

ul { 
	list-style-type: square; 
	list-style-position: outside; 
	margin-top: 0; 
	margin-bottom: 0; 
	margin-left: 8px; 
	padding-left: 8px; 
}
ol {  
	list-style-type: decimal; 
	list-style-position: inside; 
	margin-top: 0; 
	margin-bottom: 0; 
	margin-left: 8px; 
	padding-left: 8px; 
}
#tekstpaars  { color: #9B0F8E; }
form { 
	margin: 0px; 
}
.td-form-tekst {
    padding:5px 5px 5px 5px;
    vertical-align: middle;
}
.td-form-field {
    vertical-align: middle;
    background-color:#E4E3E0;
    /*padding:0px 10px 0px 0px;*/
    padding:0px;
}
.td-form-field input {
    width:95%;
}
.td-form-submit {
    vertical-align: middle;
    background-color:#ffffff;
}
.formfield { 
	font-family: 'Open Sans', Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	background-color:#E4E3E0;
	font-size: 15px;
	padding: 5px 0 5px 5px;
	color: #333333;
    width:500px;
    border:0px;
}
.formpull { 
	color: #333333; 
	font-size: 15px; 
	font-family: 'Open Sans', Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	font-weight:normal;
	text-decoration: none; 
	background-color:#E4E3E0;
	padding: 5px 0 5px 5px;
    width:500px;
    border:0px;
}
.formarea { 
	color: #333333; 
	font-size: 15px; 
	font-family: 'Open Sans', Arial, Geneva, Helvetica, SunSans-Regular, sans-serif;
	text-decoration: none; 
	background-color:#E4E3E0; 
	padding: 5px 0px 5px 5px;
    height:100px;
    width:500px;
    border:0px;
}
.formverplicht { 
	color: #9B0F8E;  
	font-size: 85%; 
	text-decoration: none;
}
#form-field-zoekwoord {
    width:95%;
    padding-left:10px;
}
#td-form-field-resultaat {
    width:750px;
}
@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    .td-form-tekst {
        width:100% !important;
        display:block !important;
        text-align:left !important;
    }
    .td-form-field {
        width:100% !important;
        display:block !important;
    }
    .td-form-field input,
    .formfield,
    .formpull,
    .formarea{
        width:95% !important;
        min-height:25px !important;
    }
    .td-form-submit {
        width:100% !important;
        display:block !important;
    }
    .td-form-submit input {
        width:100% !important;
    }
    .tabel-form {
        width:100% !important;
    }
    #form-field-zoekwoord {
        margin-top:2px !important;
    }
}


.sitemaphoofd {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	font-weight:bold;
}
.sitemaphoofd:hover {
	color: #9B0F8E;
	font-size: 12px;
	text-decoration: underline;
	font-style: normal;
	font-weight:bold;
}
.sitemapsub {
	color: #000000;
	text-decoration: none;
	font-style: normal;
}
.sitemapsub:hover {
	color: #9B0F8E;
	text-decoration: underline;
	font-style: normal;
}
.sitemapsubsub {
	color: #000000;
	text-decoration: none;
	font-style: normal;
}
.sitemapsubsub:hover {
	color: #9B0F8E;
	text-decoration: underline;
	font-style: normal;
}
#TD_titelbalk {
	padding: 0;
	margin: 0;
	height: 80px;
	background-color:#000000;
}
#TD_menu {
	padding: 0;
	margin: 0;
	text-align:left;
    background-color:#9b0f8e;
}
#TD_menulinksvlak {
	padding: 0px;
	margin: 0;
	color: #000000;
	text-align:left;
	vertical-align:top;	
}

#TD_menulinksvlak-leeg {
	padding: 0px;
	margin: 0;
	color: #ffffff;
	text-align:left;
	width:223px;
	vertical-align:top;	
}
#TD_menulinks {
	padding: 23px 0px 0px 0px;
	margin: 0;
	color: #ffffff;
	text-align:left;
	vertical-align:top;	
	width:260px;
    display:flex;
    flex-direction:column;
    
}

/* Basis 2022 */
.container-txt-div {
    display:flex;
    flex-direction:column;
    padding:0px 20px;
}
.container-txt {
    display:flex;
    flex-direction:row;
    gap: 20px;
}
.menu-links-link { 
    background-color:#9B0F8E;
    padding:10px 5%;
    margin-bottom: 3px;
    width:90%;
    color:#ffffff;
    text-transform:uppercase;
    font-size:18px;
    line-height:22px;
    text-decoration:none !important;
}
.menu-links-link:hover { 
    background-color:#000000;
    color:#ffffff;
    text-decoration:none !important;
}

/* Grijze tabel op o.a Tools-pagina */
.grijze-tabel {
 margin-bottom:45px;
}

.grijze-tabel td {
 background-color:#E4E3E0;
 padding:15px;
}
.grijze-tabel td p {
 margin:0px !important;
}
.grijze-tabel tr.lege-rij,
.grijze-tabel tr.lege-rij td{
 background-color:#ffffff !important;
}
.grijze-tabel td strong,
.grijze-tabel td b{
    color:#9B0F8E;
    font-size:20px;
}

.anchor-link { 
    background-color:#707070;
    padding:10px 16px;
    margin-bottom: 3px;
    color:#ffffff;
    text-transform:uppercase;
    font-size:18px;
    line-height:60px;
    text-decoration:none !important;
}
.anchor-link:hover { 
    background-color:#303030;
    color:#ffffff;
    text-decoration:none !important;
}


@media only screen and (max-device-width: 992px), only screen and (max-width: 992px) {
    .container-txt {
        display:flex;
        flex-direction:column !important;
    }
    #TD_menulinks {
        width:100% !important;
        display:flex;
        flex-direction:row !important;  
        padding-top:0px !important;
    }
    .hide992 {
        display:none !important;
    }
    .menu-links-link { 
        text-align:center !important;
    }
    .tabel-vinkjes td {
        width:100% !important;
        display:block !important;
    }
    .grijze-tabel {
        display:block !important;
        width:94% !important;
    }
    .grijze-tabel td {
        display:block !important;
        width:100% !important;
        padding:3% !important;
    }
    .grijze-tabel td.mobimg100 {
        padding-bottom: 0px !important;
    } 
    .mobimg100 img {
        height:auto !important;
        width:100% !important;
        max-width: 150px !important;
    }
}




#TD_sfeerbeeld {
	padding: 0;
	margin: 0;
	height: 300px;
}
#TD_menublokken {
	padding: 0;
	margin: 0;
	text-align:left;
}
#TD_menubloktekst {
	padding-left:1px; 
	padding-top:10px; 
	padding-bottom:6px;
}
.menublok-kop {
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}
.menublok-kop-aan {
	color: #A3ADB8;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}
#TD_tekst {
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0;
	color: #000000;
	text-align:left;
}
#TD_tekstvlak {
	padding: 16px;
	margin: 0;
	color: #000000;
	text-align:left;
	vertical-align:top;
}
#TD_tekstvlak-zwart {
	padding: 16px;
	margin: 0;
	width:100%;
	color: #e8e8e8;
	text-align:left;
	vertical-align:top;
	border:#404954 solid 1px;
}
#TD_sponsorvlak {
	padding: 16px;
	margin: 0;
	width:677px;
	color: #ffffff;
	text-align:left;
	vertical-align:top;
	border:#404954 solid 1px;
}
#TD_logovlak {
	padding-left: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 16px;
	margin: 0;
	min-height: 400px;
	width:258px;
	color: #ffffff;
	background-color:#000000;
	text-align:center;
	vertical-align:top;
}
#TD_broodkruimel {
	padding: 0px;
	margin: 0px;
	height: 2px;
	color: #000000;
	text-align:left;
	vertical-align:middle;
}


.maxwidth {
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0;
}



.logo-staal-federatie {
    text-align:center;
    font-size:15px;
    padding:25px 0;
}
.logo-staal-federatie img {
    margin:25px 0;
}
#logo-staal-federatie-onder {
    display:none;
}

@media only screen and (max-device-width: 992px), only screen and (max-width: 992px) {
    #logo-staal-federatie-links {
        display:none !important;
    }
    #logo-staal-federatie-onder {
        display:block !important;
        margin-top:20px !important;
    }
    .DIV_footermenu {
        margin-top:0px !important;
    }
}

ul.disclaimerbalk {
	list-style: none;
}
ul.disclaimerbalk li{ 
	float:left;
    padding:0px 20px;
	color: #ffffff; 
	text-decoration: none; 
	font-size: 15px;
    line-height:24px;
}
ul.disclaimerbalk li a{ 
	color: #ffffff; 
	text-decoration: none; 
	text-transform:uppercase;
}
ul.disclaimerbalk li a:hover { 
	color: #ffffff; 
	text-decoration: underline; 
}
.DIV_footermenu {
    background-color:#000000;
    padding:30px 15px;
    margin-top:20px;
}
.CONTAINER_footermenu {
    width:100%;
    max-width:1280px;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}
.socialicoon { margin:0px 6px; }

@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
    .CONTAINER_footermenu {
        flex-direction: column !important;
        justify-content:flex-start !important;
    }
    ul.disclaimerbalk li{ 
	    float:none !important;
        padding-top:20px !important;
    }
    #disclaimerbalk2{ 
	    margin-top:30px !important;
    }
}

/*********************************************************/
ul#menubalk {
	clear: left;
	padding: 0px;
	list-style: none;
	margin: 0 auto;
    max-width:1280px;
    width:100%;
    
}

ul#menubalk li {
	float: left;
	padding: 30px 30px 30px 30px;	
	font-size:16px;
    line-height:1em;
    text-transform: uppercase;
}

ul#menubalk li a:link, ul#menubalk li a:visited{
	color: #fff;
	text-decoration:none;
  	padding-top: 5px;
}

ul#menubalk li a:hover, ul#menubalk li a:active{
	color: rgba(255,255,255,0.7);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px), only screen and (min-width: 768px) and (max-width: 992px) {
    ul#menubalk li {
        float: left;
        padding: 30px 20px 30px 20px !important;	
        font-size:15px !important;
        line-height:1em !important;
    }
}

 
/*********************************************************/
form, form p, fieldset, legend {
	border: 0;
	margin: 0;
	padding: 0;
	/*font-size: 11px;*/
}

form#zoekform{
	/*/float: right;*/
	padding: 4px 0px 0 0;
	margin: 0;
}

form#zoekform label{
	width: 0;
	display: none;
}

input.submit{
	background: url(/beeld/knop-zoeken-u.gif) repeat-x;
	width: 62px;
	height: 18px;
	margin: 1px 0 0 4px; 
	padding: 1px 0 4px 0;
	/*font-size: 11px;*/ 
	border:none;
	color:#FFFFFF;
} 
input.submit:hover{
	background: url(/beeld/knop-zoeken-o.gif) repeat-x;
	width: 62px;
	height: 18px;
	margin: 1px 0 0 4px; 
	padding: 1px 0 4px 0;
	/*font-size: 11px;*/
	border:none;
	color:#FFFFFF;
	cursor:pointer;
}
.submitButton{
	/*margin: 1px 0 0 4px; */
    margin:0px;
	padding: 6px 0 8px 0;
	font-size: 15px; 
	border:none;
	color:#FFFFFF;
    background-color:#9B0F8E;
} 
.submitButton:hover{
	/*margin: 1px 0 0 4px; */
    margin:0px;
	padding: 6px 0 8px 0;
	font-size: 15px;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
    background-color:#7a0b6f;
}

.StatusBericht {
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
	line-height: 17px;
}
.StatusBerichtLink {
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
	line-height: 17px;
	text-decoration: underline;
}
.StatusBerichtLink:hover {
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	line-height: 17px;
	text-decoration: underline;
}
/***********************************************************/
.gotolink {	
	color:           #ffffff;
	font-size:       12px;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-decoration: none;
	}
.gotolink:hover {	
	color:           #cc071e;
	font-size:       12px;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-decoration: none;
	}	

/***********************************************************/

#checkboxZoeken {
	margin-right:5px;
}
#tabblad2 {
	padding: 15px; 
	border:#000000 solid 1px; 
}
#witvlak {
	padding: 15px; 
	border:#000000 solid 1px; 
}

/* CSS 2022 */
.logos-div { 
    width:95%;
    max-width:1280px;
    padding:0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
.logo-ss { padding:0; }
.logo-poweredby { padding:0; margin-top:10px; }

#TD_sfeerbeeld-tekst { padding:0px; background-color:#000000; }

.mob768aan { display:none; }

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    .logos-div { 
        flex-direction: column !important;
    }
    .logo-ss { padding:15px 0 !important; }
    .logo-poweredby { display:none !important; padding:0px 0px 15px 0px !important; }

    .mob768uit { display:none !important; }
    .mob768aan { display:block !important; }
} 


/*--------------------*/
/* SFEERBEELD */
/*--------------------*/


.sfeerbeeld-container {
  height: 100%;
  width: 95%;
  max-width:1280px;
  margin:0 auto;
}

.sfeerbeeld-tekst {
	display: inline;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.6);
	margin-top: 25px;
	padding-bottom: 2px;
}

.sfeerbeeld-tekst p {
	color: #fff;
	font-size: 25px;
	font-weight: 300;
    line-height:1em;
}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
    .sfeerbeeld-tekst {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
        margin-top: 0px !important;
        text-align:center !important;
    }
    .sfeerbeeld-tekst p {
        font-size: 18px !important;
    }
}



/* Mobiel menu */
.topnav {
  overflow: hidden;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #MobileLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 18px 20px 18px;
  text-decoration: none;
  font-size: 25px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #9B0F8E;
  color: #ffffff;
}

/* Style the active link (or home/logo) */
.topnav .active {
  color: rgba(255,255,255,0.7);
} 

#MobileLinks { padding-bottom:20px; }
#MobileLinks a { font-size: 23px; padding-top:0px; }