body
{
	background-color:#e1e4f5;
	font:13px Calibri,Arial,sans-serif;
}

a, a:visited
{
	color: #3D4E9C;
}

a:hover
{
	color: #1f1c14;
}

/* Dit set de border ROND de table headers in zijn geheel (dus niet tussen de verschillende collumns) */
.maindiv table .thr
{
	border: 1px solid #202020;
}

/* Dit set de achtergrond van de table-headers */
.mainDiv table th
{
	padding: 3px 3px 3px 5px;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	background-color: #3D4E9C; /*url('StyleServer.aspx?get=gradient') repeat-x;*/
}

/* Set de linkkleur van de sort-linkjes in table-headers */
.mainDiv table th a
{
	color:#FFF;
}

/* Set de achtergrondkleur en border van cellen in een tabel */
.mainDiv table td
{
	background: #FFFFFF;
	border-bottom: 1px solid #e1e4f5;
}

.mainDiv table tbody td:first-child
{
    border-left:1px solid #e1e4f5;
}

.mainDiv table tbody td:last-child
{
    border-right:1px solid #e1e4f5;
}

.mainDiv table tbody tr:last-child td
{
    border-bottom:1px solid #e1e4f5;
}

/* Set de hover alleen op tables met class tbl (is alleen mooi bij lijstjes data, niet bij forms o.i.d.) */
.mainDiv .tbl tbody tr:hover:not(:last-child) td
{
	background: #FF9900;
}

.mainDiv .tbl tr td, .maindiv .tbl tr th
{
    padding:6px;
}

/* Begin header -----------------------------------------------------------------------------*/
/* Set de achtergrondkleur van het middelste vlak (degene met inhoud) */
.mainDiv
{
	background-color:#FFF;
}

/* Set de tekstkleur en border van de header */
.header
{	
	color:#ccc;
	border-bottom: 1px solid black;
}

/* Logo locatie en alternatieve kleur */
.header .logo
{
    float:left;
	width:350px;
	height:75px;
    background-size: contain !important;
}

.header #klantlogo
{
	background : #FFF url('StyleServer.aspx?get=logo') no-repeat  left top;
    width:350px;
    height:85px;
    float:right;
}

.header #title
{
    width:200px;
    float:left;
    height:75px;
}

.header #title h1
{
    margin-top:35px;
}

.header .rest
{
	padding-top: 8px; /* Zet dit op (logo.png hoogte minus 67px) */
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.header #langswitch {
    padding-bottom: 8px;
    text-align: right;
    width: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #e1e4f5;
    margin-bottom: 4px;

}

#langswitch-login {
    padding: 5px 50px 5px 5px;
    background: #ffffff;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid #e1e4f5;
    margin: auto;
    position: fixed;
    top: 0; 
    left: 0;
    z-index: 100;

}


.flag {
    width:24px;
    height: 18px;
    margin-right: 15px;
    vertical-align: middle;
}

.language {
    font-size: 1.17em;
    font-weight: bold;
    color: #000;
}


/* Removed underline bij linkjes in het menu en zet kleur op zwart */
#menu ul li a, #menu ul li a.current:visited, #menu li a.current
{
	text-decoration:none;
	color:#000;
    font-size:14px;
}

/* Op hover bij menu-item tabje laten zien */
#menu li span.current:hover, #menu li span:hover
{
	background-image: url('StyleServer.aspx?get=tabs');
	background-position: 0 0;
}

/* Eind header ------------------------------------------------------------------------------*/

/* Begin Button kleur & border ------------------------------------------------------------- */
input[type="submit"], input[type="reset"], input[type="button"], button
{
	font-weight:bold;
    background-color:#e1e4f5;
    border:2px solid #3D4E9C;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover
{
    border-color:#FF9900;
}
/* Eind button kleur & border -------------------------------------------------------------- */


/* Login pagina sleutellogo */
.loginBox table th
{
	background:#FFFFFF url('StyleServer.aspx?get=logo') no-repeat 10px center;
    height:125px;
    border: 1px solid #3D4E9C;
}

.loginBox table td
{
	background: #FFFFFF;
	border-top: 1px solid #3D4E9C;
    padding:7px;
}

.loginBox table tbody td:first-child
{
    border-left:1px solid #3D4E9C;
}

.loginBox table tbody td:last-child
{
    border-right:1px solid #3D4E9C;
}

.loginBox table tbody tr:last-child td
{
    border-bottom:1px solid #3D4E9C;
}

/* Nieuwe klant pagina logo */
.nieuweKlantBox table th
{
	background:#FFFFFF url('StyleServer.aspx?get=logo') no-repeat 10px center;
    height:125px;
    border: 1px solid #3D4E9C;
}

.nieuweKlantBox table td
{
	background: #FFFFFF;
    padding:7px;
}

.nieuweKlantBox table tbody td:first-child
{
    border-left:1px solid #3D4E9C;
}

.nieuweKlantBox table tbody td:last-child
{
    border-right:1px solid #3D4E9C;
}

.nieuweKlantBox table tbody tr:last-child td
{
    border-bottom:1px solid #3D4E9C;
}

/* Wachtwoord vergeten pagina logo */
.wachtwoordVergetenBox table th {
    background: #FFFFFF url('StyleServer.aspx?get=logo') no-repeat 70px center;
    height: 125px;
    border: 1px solid #3D4E9C;
}

.wachtwoordVergetenBox table td {
    background: #FFFFFF;
    padding: 7px;
}

.wachtwoordVergetenBox table tbody td:first-child {
    border-left: 1px solid #3D4E9C;
}

.wachtwoordVergetenBox table tbody td:last-child {
    border-right: 1px solid #3D4E9C;
}

.wachtwoordVergetenBox table tbody tr:last-child td {
    border-bottom: 1px solid #3D4E9C;
}

/* Tooltip (wordt op het moment alleen gebruikt in orderhistorie en het adresboek) */
#tooltip div, #tooltipStops div
{
	background-color: white;
	color: black;
	border: 1px solid black;
}

.txtAreaLargest {
  width: 90%;
  height: 75px;
  overflow-y: scroll;
}

.validationError {
    background-color:#FF9900 !important;
}

.reqInput {    
    background-color:#ffe1b0;
}

#tblLichtkrant {
    width:50% !important;
    margin-left:auto;
    margin-right:auto;
}

#tblLichtkrant th {
    text-align:center;
}

#accordion {
    width:50%;
    margin-left:auto;
    margin-right:auto;
}

.btnAddAddress {
    color:#FF7700;
    font-weight:bold;
    text-decoration:none;
}

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-weight:bold !important; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { /*position: absolute;*/ display:inline-block; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0.2em 1.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.btn-ok {
    color: #FF7700;
    margin-top: 15px;
    text-align: right;
    font-weight: bold;
}

.btn-ok button {
    padding: 2px;
}

.popup {
    position: fixed;
    top: 400px;
    left: 38%;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    background: white;
    padding: 20px;
}