/*.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
    background: <?php echo $this->params->get('templateColor'); ?>;
}*/


body, address {
    font-family: "Lato", Helvetica;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 100;
}

body.site {
    border-top: none !important;
    padding: 0px;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.header {
    background: url("../images/voorkant6.jpg") no-repeat top center;
    background-size: cover;
    height: 300px;
    width: 100%;
    margin-bottom: 80px;
}

.header .brand {
 /*   margin-left: 80px; */
    margin-top: -15px;
}

.header ul{
    margin-left: 70px;
    width: 100%;
    height: 100px;
}

.header ul li {
    height: 100px;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.header ul li.active a,
.header ul li a {
    height: 100px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 0;
    background: none;
    color: #fff;
}


/*.nav-pills > .active > a,
 */

.header ul li.active,
.header ul li:hover {
    background: rgba(26, 31, 60, 0.5) !important;
    color: #fff !important;
}

.nav > li > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background: none;
    color: #fff;
}

.header-search {
    background-color: rgba(26, 31, 60, 0.5);
    width: 100%;
    height: 100px;
    margin-top: 200px;
}

.header-menu {
    height: 100px;
}

.navigation {
    padding: 0px !important;
    border-top: none;
    border-bottom: none;
}

.row-fluid {
   /* margin-left: 100px;
    margin-right: 100px; */
}

img.centered, .brand {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
    
.sidebar-nav {
    margin-left: 45px;
    
}

.moduletable_uren {
    margin-top: 100px;
}

/* accordion */
 /* Style the buttons that are used to open and close the accordion panel */
button.accordion, div.accordion {
    cursor: pointer;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 90%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-weight: bold;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active,
button.accordion:hover,
div.accordion.active,
div.accordion:hover {
    background-color: #ddd;
}

div.accordion {
    margin-bottom: 0px;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 18px;
    background-color: white;
    display: none;
    width: 90%;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block !important;
}

div.panel table {
    margin-top: 5px;
}

label, input, button, select, textarea {
    font-size: 16px !important;
    font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: #3c4a95;
    font-weight: 400;
}

h1, h2 {
    color: #555555;
    padding-bottom: 5px;
    border-bottom: 5px solid rgb(85,85,85);
    font-size: 26px;
    line-height: 28px;
}

address, div.moduletable_uren {
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

body.site {
    background-image: url('../images/my-background.png') !important;
    background-repeat: repeat-x repeat-y;
}

html, body {
    height: 100%;
}

main#content {
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}


.pg-cv-box-mod-ri {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    margin-let: 40px !important;
}

footer {
    margin-top: 25px;
/*    padding-left: 25px;
    padding-right: 25px;
*/}


/* pricelist */
.size {
    width: 15%;
}

.name {
    width: 60%;
}

.item-page {
    padding-bottom: 15px;
}

li {
    line-height: 30px;
}



@media print {
    body{
	font-size: 34px !important;
    }
}


@media (max-width: 767px) {
    .header {
	height: 200px;
	margin-bottom: 50px;
    }

    .header .brand {
	margin-top: -5px;
    }

    .header-search {
	margin-top: 175px;
	background: none;
    }

    #sidebar {
	display: none;
    }

    .navbar {
	margin-top: -115px;
    }

    main#content {
	margin-top: 100px;
    }


    h1, h2 {
	font-size: 22px;
	line-height: 24px;
    }

    h3 {
	font-size: 16px;
	line-height: 18px;
    }

    p {
	font-size: 16px;
	line-height: 18px;
    }

    .navigation ul,
    .navigation ul li,
    .navigation ul li.active a,
    .navigation ul li a,
    .header ul,
    .header ul li,
    .header ul li.active a,
    .header ul li a,
    .header ul li.active,
    .header ul li:hover,
    .header .nav-pills > li > a{
	height: auto !important;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	font-size: 18px;
    }

    .header ul li {
	background-color: white;
    }
    
    .header ul li.active,
    .header ul li:hover,
    .header ul li:focus,
    .navigation .nav-child li > a:hover,
    .navigation .nav-child li > a:focus,
    .navigation .nav-child li:hover > a,
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
	background: rgb(26, 31, 60) !important;
	color: #fff !important;
    }
    
    .header .nav-pills > li:last-child > a {
	border: none;
    }
    

    .nav-list > .active > a,
    .nav-pills > .active > a,
    .nav-pills > .active > a:hover {
	background: rgb(26, 31, 60) !important;
	color: #fff !important;
    }

    .panel > table,
    ul li {
	font-size: 16px;
	line-height: 18px;
    }

    .pg-cv-box-mod-ri {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .highslide img {
        width: 100px !important;
    }
    
}

html,
body {
    height:100%;
}

#container {
    min-height:100%;
    position:relative;
}

#body {
    padding-bottom:60px; /* Height of the footer */
}

footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:60px; /* Height of the footer */
}