@font-face {
	font-family: "Open Sans Webfont";
	src: url(/support/insupp/styles/fonts/open-sans-regular.woff2);
}
@font-face {
	font-family: "Open Sans Webfont Bold";
	src: url(/support/insupp/styles/fonts/open-sans-bold.woff2);
}
@font-face {
	font-family: "Fago Pro Bold";
	src: url(/support/insupp/styles/fonts/fago-pro-bold.woff2);
}

body {
	font-family : "Open Sans Webfont", Verdana, Arial, sans-serif;
    font-size: 14px;
}

td {
	font-family: "Open Sans Webfont", Verdana, Arial;
	font-size: 14px;
}


a:Visited, a:Link
{
    color: #007734;
    text-decoration: none;
}

a:Hover
{
    color: #009036;
    text-decoration: underline;
}

.links1 a:Visited, .links1 a:Link
{   color: #333;
    text-decoration: none;
}
.links1 a:Hover
{
    color: #009036;
    text-decoration: underline;
}

.links2 a:Visited, .links2 a:Link
{   color: #333;
    text-decoration: none;
}
.links2 a:Active
{
    color: #ffffff;
    text-decoration: none;
}

h1 {
	color : #007734;
	font-family : Open Sans, Arial;
}

h2 {
	color : #007734;
	font-family : Open Sans, Arial;
}

h3 {
	color : #007734;
	font-family : Open Sans, Arial
}

h4 {
	color : #007734;
	font-family : Open Sans, Arial
}

.cPageMainTitle
{
    color : #000;
    font-size : 20px;
    font-weight : bold;
    font-family : "Segoe UI", Arial, Helvetica, sans-serif;
}

.ch1
{
    font-size:24px;
    font-weight:bold;
    color : #007734;
    font-family : Arial, Helvetica, sans-serif;
}

.ch2
{ 
    font-size:20px;
    font-weight:bold;
    color : #007734;
    font-family : Arial, Helvetica, sans-serif;
}

.ch3
{
    font-size:16px;
    font-weight:bold;
    color : #007734;
    font-family : Arial, Helvetica, sans-serif;
}

.ch4
{
    font-size:12px;
    font-weight:bold;
    color : #007734;
    font-family : Arial, Helvetica, sans-serif;
}

.aDocTitle a:link, .aDocTitle a:visited, .aDocTitle a:active
{
    color:Black;
    font-weight:bold;
}

.aDocTitle a:Hover
{
    color: Black;
    font-weight: bold;
    text-decoration: underline;
}

.HeadNav
{
    background-color:White;
    height:23px;
}

.SubNav
{
    height:23px;
}

.cth1
{
    font-size:13px;
    font-weight:bold;
}

.cul1 
{
    /*list-style-image:url('/support/pics/bullet1.png');*/
}

.cBorder {
    border:solid 1px #009036;
}
.cTopLeft {
    border-top-left-radius: 6px;
}
.cTopRight {
    border-top-right-radius: 6px;
}
.cBottomLeft {
    border-bottom-left-radius: 6px;
}
.cBottomRight {
    border-bottom-right-radius: 6px;
}

table.roundedCorners { 
	border: 1px solid #007734;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    border-collapse: separate;
	border-spacing: 0;
}
table.roundedCorners td, 
table.roundedCorners th { 
	border-bottom: 1px solid #007734;
	border-left: 1px solid #007734;
}
table.roundedCorners tr:last-child > td {
	border-bottom: none;
}
table.roundedCorners th:first-child,
table.roundedCorners td:first-child {
	border-left: none;
}

.borderRitsComment { 
	border-top: 1px solid #007734;
}
.borderRitsPost {
    border-top: 1px solid #007734;
	border-right: 1px solid #007734;
}

thead.hoekTL tr:first-child th:first-child, 
table.hoekTL tr:first-child td:first-child,
tbody.hoekTL tr:first-child th:first-child {
    border-top-left-radius: 6px;
}
thead.hoekTR tr:first-child th:last-child, 
table.hoekTR tr:first-child td:last-child,
tbody.hoekTR tr:first-child th:last-child {
    border-top-right-radius: 6px;
}
tbody.hoekBL tr:last-child td:first-child, 
table.hoekBL tr:last-child td:first-child,
tbody.hoekBL tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
    border-collapse:separate;
}
tbody.hoekBR tr:last-child td:last-child, 
table.hoekBR tr:last-child td:last-child,
tbody.hoekBR tr:last-child th:last-child {
    border-bottom-right-radius: 6px;
}

div.roundedTable_wrapper {
    border: solid 1px #007734;
    border-radius: 6px;
    border-spacing: 0px;
    border-collapse:collapse;
    overflow:hidden;
    padding:0px;
}

/*	Centric style blocks */
.BlockTitle {
	text-align:Center;
	font-size:14px;
	font-weight:bold;
	color:White;
	background-color:#009036;
}
.BlockTitleDiv {
	background-color:#009036;
	height:32px;
	text-align:center;
	padding:5px;
}
.BlockSubTitle {
	text-align:Center;
	font-size:13px;
	color:White;
}
.BlockTd1 {
	padding-left:3px;
	padding-top:2px;
}

.cInput
{
    border: 1px solid #007734;
    height: 30px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.cInput:hover
{
    background-color:#a9dC00;
}

/* Bootdtrap navbar */
nav {
	font-size: 16px;  /* fontsize van het eerste niveau */
	font-weight: 600;
}
div.navbar-nav a:hover {
	text-decoration: underline;
	color: #009036 !important;
}
div.title-buttons button {
	padding: 0rem .5rem 0.12rem .5rem;
}

/* Centric header styles */

    div#mainMenu a {
        padding-left:10px;
        padding-right:10px;
        font-style:normal;
        font-weight:600;
        font-size:14px;
        line-height:200%;
    }
    div#mainMenu li a {
        color: #007734;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }
    div#mainMenu a:Hover {
        color:#007734;
        text-decoration: underline;
    }
    div#mainMenu ul {
        display: inline;
        list-style-type: none;
        margin-left: -60px;
    }
    div#mainMenu ul li { 
        display: inline;
        font-size: 14px;
        margin: 0px;
        padding-bottom: 4px;
        padding-left: 2em;
        text-indent: -2em;
    }
    div#mainItemMenu {
        font-family: Open Sans,Arial;
        font-size: 14px;
    }
    div#mainItemMenu .titel { 
        color: #007734;
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 0px;
        text-decoration: none;
    }
    div#mainItemMenu ul {
        display: inline;
        list-style-type: none;
        margin-left: -30px;
    }
    div#mainItemMenu ul li { 
        display: inline;
        font-size: 14px;
        margin: 0px;
        padding-bottom: 4px;
        padding-left: 2em;
        text-indent: -2em;
    }
    div#mainItemMenu .active { 
        color:#007734;
    }

	.BlockTitle {
		text-align:Center;
        font-family:Verdana;
		font-size:12px;
        font-weight:bold;
		color:White;
        background-color:#009036;
	}
	.BlockSubTitle {
		text-align:Center;
		font-family:Verdana,Arial;
		font-size:12px;
		color:White;
	}
	.BlockTd1 {
        padding-left:3px;
        padding-top:2px;
	}

/* Default page layout for 3 column pages (left, center and right)*/

    #left {
        display:inline-block;
        float:left;
        width:150px;
        padding-left:10px;
        margin-top:0px;
    }
	#left ul {
        list-style-type:none;
        margin-top:0px;
        margin-bottom:8px;
        padding:0px;
	}
	#left li {
        position:relative; 
        text-indent:0px;
        margin-left:10px;
        font-size:12px;
	}
	#left li:before {
        content:'';
        display:block;
        position:absolute;
        width:4px;
        height:4px;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        left:-10px;
        top:.5em;
        background-color:#7ab51d;
	}
    #center {
        margin-right:0px;
        display:inline-block;
        float:left;
        width: calc(50% - 100px);
    }
    #right {
        display:inline-block;
        float:right;
        width:calc(50% - 100px);
        margin-right:18px;
    }

    .classic-swirlbar {
        left: 0;
        margin-bottom: 10px;
    }
    .classic-swirlbar, .classic-top-header {
        display: flex;
        width: 100%;
    }
    .classic-left-side {
        height: 10px;
        width: 80%;
        float: left;
        background: url(/support/pics/swirlbar2368.png) #7ab51d;
        border-bottom-right-radius: 9px;
        overflow: hidden;
    }
    .classic-right-side {
        height: 10px;
        width: 20%;
        float: right;
        background: #009036;
        border-bottom-left-radius: 9px;
    }

    .swirlbar {
        display: flex;
        flex-direction: row;
        height: 14px;
        position: relative;
        top: -.35px;
        width: 100%;
    }
    .swirl-left {
        background: #009036;
        flex: 1;
    }
    .swirl-middle {
        background: url(/support/pics/swirlbar.svg) 0 0 no-repeat;
        background-size: 1170px 14px;
        height: 14px;
        width: 1170px;
    }
    .swirl-right {
        background: #009036;
        flex: 1;
    }

    /*div {outline: red 1px solid;}*/