@font-face {
    font-family: 'galano grotesque';
    src: url(/fonts/galano_grotesque-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'galano grotesque';
    src: url(/fonts/galano_grotesque_bold-webfont.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
}


body, body * {
    color: #4B2A25 !important; /* vektis bruin */
    font-family: "galano grotesque" !important;
    font-size:14px;
}

    body a {
        color: #EB6670 !important; /* C3*/
        text-decoration: none !important;
    }

/* header*/

#vektis-header-container {
    width: 99%;
    height: 13em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5em;
}

    #vektis-header-container #vektis-header {
        height: 9em;
        background: url(/img/vektis_banner.jpg) no-repeat 35% 13%;
		background-size:cover;
    }

    #vektis-header-container #streams-logo {
        background-image: url(/img/v_streams_logo.png);
        background-repeat: no-repeat;
        height: 5em;
    }
	
	#vektis-header-container #intelligence-logo {
        background-image: url(/img/v_intelligence_logo.png);
        background-repeat: no-repeat;
        height: 5em;
    }

    #vektis-header-container #applicatienaam {
        color: #4B2A25 !important;
        padding-left: 0.5em;
        font-size: 2em;
        padding-top: 0.5em;
    }

    #vektis-header-container #vektis-menu {
        display: block;
        background-color: #4B2A25; /* vektis bruin */
        margin-top: 0.2em;
		height:3em;
    }

	#vektis-header-container #vektis-menu .menu-item {
		color: white !important;
		display: inline-block;
		min-width: 200px;
		font-size: 1em;
		text-align: center;
		letter-spacing: 1px;
		height:1em;
		padding: 1em;
		cursor: pointer;
		border-right: 1px solid white;
		border-left: 1px solid white;
	}

	#vektis-header-container #vektis-menu .menu-item:hover {
		color: white;
		display: inline-block;
		min-width: 200px;
		font-size: 1em;
		text-align: center;
		letter-spacing: 1px;
		height:1em;
		padding: 1em;
		background-color: #F59E77;
	}

/* overig*/

.vektis-achtergrond-roze-a {
    background-color: #F59E77; /* Vektis roze a*/
}

.vektis-achtergrond-grijs {
    background-color: #CCCCCC;
}

.dataTables_paginate .fg-button, button, .vektis-knop {
    background-color: #F59E77 !important; /* Vektis roze a*/
    background: #F59E77;
    color: #4B2A25 !important;
    border-radius: 8px;
    text-decoration: none !important;
    border-style: solid;
    border-color: #F59E77;
}


    .dataTables_paginate .fg-button:hover, button:hover, .vektis-knop:hover {
        color: white !important;
        border-color: white;
        cursor: pointer;
        /*background-color: #4B2A25;*/
    }

/*datatables*/
.dataTable th, .dataTable th div {
    background-color: #4B2A25 !important; /* vektis bruin */
    color: white !important;
    background: #4B2A25 !important; /* vektis bruin */
}

.dataTables_paginate a {
    background-color: #F59E77 !important; /* Vektis roze a*/
    color: #4B2A25 !important;
    background: #F59E77 !important; /* Vektis roze a*/
	border-radius:5px !important;
}

.dataTable tfoot th {
    background-color: #F6DACE !important;
    background: #F6DACE !important;
}

.dataTable tr.odd, .dataTable tr:nth-child(odd) {
    background-color: #FFE6AF !important;
    background: #FFE6AF !important;
}

.dataTable tr:nth-child(even) {
    background-color: #FFF !important;
    background: #FFF !important;
}

/*.dataTable tr.even:hover td, .dataTable tr.odd:hover td, .dataTable tr.odd td.sorting_1:hover, .dataTable tr.even td.sorting_1:hover*/
.dataTable tr.even:hover, .dataTable tr.odd:hover, .dataTable tr.even:hover td.sorting_1, .dataTable tr.odd:hover td.sorting_1 {
    background-color: #F59E77 !important;
    background: #F59E77 !important;
}


.dataTable tr.odd td.sorting_1 {
    background-color: #e2cc9c;
}


.dataTable tr.even td.sorting_1 {
    background-color: #dbdbdb !important;
}

/*  tabs */

.ui-tabs .ui-tabs-nav li a {
    background-color: #F59E77 !important;
    background: #F59E77 !important;
    color: #4B2A25 !important;
}

    .ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav li a:hover {
        background-color: #F59E77;
        color: white !important;
    }

.ui-tabs .ui-helper-clearfix {
    background: #4B2A25 !important; /* vektis bruin */
    background-color: #4B2A25 !important; /* vektis bruin */
}

/* Main */
.mainArea {
    position: fixed;
    width: 100%;
    top: 0px;
    bottom: 175px;
    overflow-Y: auto;
}

    .mainArea.small {
        bottom: 25px;
    }

.maincontentDiv {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 2em;
}

.maincontent-Wrapper {
    padding-left: 5px;
    padding-right: 5px;
    min-height: 500px;
    margin-bottom: 10px;
}

/* Footer */
#vektis-footer {
    position: fixed;
    height: 175px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	color:white !important;
  background-color: #4B2A25 !important; /* vektis bruin */
}

#vektis-footer.small {
	height: 25px ;
	background-color: #4B2A25 !important; /* vektis bruin */
	color:white !important;
}

#vektis-footer h2{
	color:white !important;
	font-weight:bold !important;
}

#vektis-footer td, #vektis-footer div, #vektis-footer a, #vektis-footer p{
	color:white !important;
}

#vektis-footer a:hover{
	color:white !important;
	font-weight:bold !important;
}

.footerfloat {
    float: left;
    min-width: 200px;
    width: 20%;
    height: 150px;
    overflow: hidden;
	color:white !important;
}

    .footerfloat.first {
        padding-left: 25px;
    }

    .footerfloat.right {
        width: 37%;
        min-width: 300px;
        padding-right: 5px;
    }

/* Copyright en Disclaimer */

.copyrightP {
    padding-top: 3px;
    float: right;
    height: 25px;
    padding-right: 30px;
}

.DisclaimerP {
    padding-top: 3px;
    float: left;
    height: 25px;
    clear: both;
    padding-left: 30px;
}

/* Home page Columns */

#leftColumn {
    float: left;
    width: 45%;
    padding: 20px;
    color: #555555;
    line-height: 150%;
}

#rightColumn {
    width: 45%;
    padding: 20px;
    float: right;
}

.vektis-block {
    font-size: 80%;
    color: #555;
    padding: 10px 0;
}

    .vektis-block a {
        font-size: 125%;
        height: 25px;
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        background-color: #F59E77 !important; /* Vektis roze a*/
        background: #F59E77;
        color: #4B2A25 !important;
        border-radius: 8px;
        text-decoration: none !important;
    }

    .vektis-block p {
        margin: 5px;
    }

    .vektis-block a:hover {
        background: #193b72 top left;
        cursor: pointer;
    }

/* Nieuws Items*/

.nieuwsHeader {
    color: white;
    border: 1px solid black;
    background-attachment: fixed;
}

    .nieuwsHeader td {
        padding-left: 10px;
        padding-right: 20px;
        white-space: nowrap;
    }

.nieuwsBody {
    border: 1px solid black;
}

    .nieuwsBody td {
        padding-left: 10px;
        padding-bottom: 2px;
        border: 0px
    }

        .nieuwsBody td p {
            margin-top: 5px;
            margin-bottom: 5px;
        }

.nieuwsExtra {
    line-height: 50%;
}

.vraagbaakTitle {
    font-weight: bold;
}

.showIcon {
    background-image: url('/img/show.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border-width: 0;
    cursor: pointer;
    padding-top: 2px;
    background-position: bottom;
}

.hideIcon {
    background-image: url('/img/hide.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border-width: 0;
    cursor: pointer;
    padding-top: 2px;
    background-position: bottom;
}