/*@import url("reset.css");*/

/**
 *  Layout
 **/
p {
    margin-bottom: 11px;
}

body {
    font-size: 12px;
    line-height: 19px;
}

li {
    font-size: 12px;
}

table {
    font-size: 12px;
    width: 100%;
    margin-bottom: 22px;
}

form tr td:first-child {
    vertical-align: top;
}

textarea, input:not([type=submit]):not([type=radio]):not([type=checkbox]), select:not([class=small]) {
    width: 100%;
}

.floatright {
    float: right;
}

.ulindent {
    text-indent: 10px;
}

ul.ullines li:before {
    content: "- ";
    left: -5px;
    margin-left: 5px;
}

ul.ullines li {
    text-indent: -5px;
}

.pointer:hover {
    cursor: pointer;
}

.faqheader {
    color: #f7b331;
    font-size: 16px;
}

.error {
    color: #f7b331;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
}

.success {
    color: #f7b331;
    font-size: 14px;
    font-weight: bold;
}

.container {
    width: 852px;
    margin: 0 auto;
}

#page {
    height: auto;
}


/* TOPBAR */

.topbar {
    font-size: 16px;
}

.topbar ul {
    background-color: #FFFFFF;
    width: 100%;
    border: 3px solid #f7b331;
}

.topbar li {
    display: inline;
}

.topbar li:first-child {
    background-color: #f7b331;
    padding: 10px 10px 10px 50px;
}

.topbar li:first-child a {
    color: white;
    text-decoration: none;
}

.topbar li:not(:first-child) a {
    color: #f7b331;
    text-decoration: none;
}

.topbar a {
    padding: 10px;
    display: inline-block;
}

/* SIDEBAR */

.sidebar {
    float: left;
    background-color: #f7b331;
    width: 258px;
    text-align: left;
    color: white;
}

.sidebar p {
    padding: 0 10px;
}

.sidebartitle {
    font-size: 15px;
    color: #000000;
    padding-top: 5px;
    color: white;
}

.sidebar .sidebarbold {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    line-height: 22px;
}

.opmerking {
    padding: 5px;
}

.opmerking p:not(.sidebartitle) {
    text-align: left;
}

/* GENERAL */

.oddeven {
    margin: 20px;
}

.oddeven thead tr td {
    background-color: #f7b331;
    color: white;
}

.oddeven td {
    border: 1px solid white;
}


.oddeven tr:nth-child(odd) {
    background-color: #FFE7DE;
}

.oddeven tr:nth-child(even) {
    background-color: #FFFFFC;
}

.rightalign {
    text-align: right;
}

.centeralign {
    text-align: center;
}

.leftalign {
    text-align: left;
}

.valigntop {
    vertical-align: top;
}

.valignbottom {
    vertical-align: bottom;
}


.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

/* MAIN TABLE */

.maintable td, .maintable th {
    padding: 3px;
}

.maintable thead.mainheader th {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d28f31;
    background-color: #f7b331;
    color: white;
}

.maintable tr td.maintitle {
    text-align: left;
    font-weight: bold;
    border: none;
    vertical-align: top;
}

.maintable tr.mainfooter td {
    background-color: #f7b331;
    text-align: center;
    color: white;
    border: 1px solid #f7b331;
}

.maintable tr.mainfooter td:first-child {
    text-align: left;
}

tr.border td {
    border: 1px solid #d28f31;
    text-align: center;
    vertical-align: middle;
}

tr.redborder td {
    border: 1px solid #f7b331;
    text-align: right;
    vertical-align: top;
}

tr.subtotal td:not(:first-child) {
    background-color: #f7b331;
    color: white;
}

.maintable {
    width: 100%;
}


/* OPHALING */


.ophaling {
    float: left;
    width: 100%;
    height: auto;
    padding: 5px 15px;
}

.ophaling td:nth-child(2) {
    text-align: center;
}

.ophalingbutton {
    background-color: #f7b331;
    color: white;
    padding: 20px;
    border: 1px solid black;
    margin-left: 50px;
    margin-top: 50px;
    display: inline-block;
}

.ophalingslimbutton {
    background-color: #C9CEC1;
    color: white;
    padding: 10px 20px;
    border: 1px solid white;
    margin-top: 20px;
    margin-left: 5px;
}

.ophalingbuttonliketext {
    background-color: #C9CEC1;
    color: white;
    border: 1px solid white;
    padding: 20px;
    margin: 10px 0 20px 15%;
    display: inline-block;
}

.ophalingtabel {
    width: 100%;
}

.ophalingtabel td:nth-child(2) {
    width: 10%;
}

.ophalingtabel input {
    width: 40px;
}

.ophalingtabel tr:not(.ophalingsection) {
    text-align: right;
}

.ophalingcontactinfo input {
    width: 320px;
}

.ophalingview input
    /* TARIEVEN */
.tarievencontainer {
    width: 100%;
}

.tarievencontainer li {
    list-style: disc;
    margin-left: 60px;
}

.tarieventabel {
    width: 100%;
}

.tarieventabel table thead td {
    background-color: #f7b331;
    color: #FEFEFE;
}

.tarieventabel table thead td:not(:first-child) {
    padding: 3px 40px;
}

/*.tarieventabel table thead td:first-child{*/
/*padding:3px 0px;*/
/*padding-right:70px;*/
/*padding-left:10px;*/
/*}*/

.tarieventabel tr:nth-child(odd) {
    background-color: #FADED8;
}

.tarieventabel tr:nth-child(even) {
    background-color: #FCFEF9;
}

.tarieventabel td {
    border: 1px solid white;
}

.tarieventabel tr td:not(:first-child) {
    text-align: center;
}

/* FAQ */

.faqanswer {
    color: #f7b331;
    padding-left: 50px;
    display: none;
    font-size: 14px;
    margin-bottom: 15px;
}

/* extras */


.redtitle {
    color: #f7b331;
    font-weight: bold;
}

td.saldosquare {
    border: 2px black solid;
    width: 50px;
    text-align: right;
}

td.datesquare {
    text-align: right;
    width: 60px;
}

tr.centeralign {
    text-align: center;
    vertical-align: middle;
}

.simpleborder {
    border: 1px solid black;
}

.nopadding td {
    padding-left: 0;
}