/* Paths to webfonts */
@font-face {
    font-family: "din_regular";
    src: url('fonts/din_regular.eot');
    src: url('fonts/din_regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/din_regular.svg') format('svg'),
    url('fonts/din_regular.woff') format('woff'),
    url('fonts/din_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "din_medium";
    src: url('fonts/din_medium.eot');
    src: url('fonts/din_medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/din_medium.svg') format('svg'),
    url('fonts/din_medium.woff') format('woff'),
    url('fonts/din_medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "din_bold";
    src: url('fonts/din_bold.eot');
    src: url('fonts/din_bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/din_bold.svg') format('svg'),
    url('fonts/din_bold.woff') format('woff'),
    url('fonts/din_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,
.btn {
    background-color: #ffffff;
}

body,
p,
td,
th,
select,
li,
ul,
pre {
    color:  #000;
    font-family:  Arial, Helvetica;
    font-size:  12px;
}

br {
    font-family:  Arial, Helvetica;
    font-size:  x-small;
}

ul {
    list-style-image: url(/gifs/nl/fleche.gif);
}

input,
textarea {
    font-family:  Arial;
}

a:link,
a:visited {
    color:  #000;
}

a:hover,
a:visited:hover {
    color:  #f96;
}

.list {
    font-weight:  bold;
}

a:link.btn,
a:visited.btn,
a:link.special,
a:visited.special,
a:link.form,
a:visited.form,
a:link.tool.btn,
a:visited.tool,
a:link.inser,
a:visited.inser,
a:link.efface,
a:visited.efface,
.btnnew,
a:link.btnnew,
a:visited.btnnew,
.btn,
.special,
.form,
.tool,
.inser,
.efface,
a.tools:link,
a.tools:visited {
    color:  #000000;
    text-decoration:  none;
}

a:hover.btn,
a:hover.visited.btn,
a:hover.snav,
a:hover.visited.snav,
a:hover.special,
a:hover.visited.special,
a:hover.form,
a:hover.visited.form,
a:hover.tool,
a:hover.visited.tool {
    color:  #cc0000;
}

.snav {
    background-color: #999999;
}

a:link.snav,
a:visited.snav,
.snav,
.tool2,
a:link.tool2,
a:visited.tool2 {
    color:  #ffffff;
    text-decoration:  none;
}

.special {
    background-color: #ff9966;
}

.form {
    background-color: #ffcc99;
}

.activ,
a:link.activ,
a:visited.activ {
    background-color: #efefef;
    color:  #cc0000;
    text-decoration:  none;
}

.tool {
    background-color: #ffeebb;
}

.bgtool,
.bgtool2 {
    background-color: #CC0000;
}

.tool2 {
    background-color: #777777;
}

a:hover.tool2,
a:hover.visited.tool2 {
    color:  #ffcc99;
}

.bg {
    background-color: #000000;
}

.small,
a.tools:link,
a.tools:visited {
    font-size:  10px;
}

table font b {
    font-family: din_medium;
}

.medium {
    font-size:  14px;
}

.field,
.inser,
.plus,
select {
    font-size:  12px;
}

.efface,
.minus {
    font-size:  14px;
}

a:hover.inser,
a:hover.visited.inser,
a:hover.efface,
a:hover.visited.efface {
    color:  #cc0000;
    text-decoration:  none;
}

a.nav:link,
a.nav:visited {
    color:  #666;
    font-size:  11px;
    font-weight:  bold;
    text-decoration:  none;
}

a.nav:hover,
.navon {
    color:  #ff8f69;
    font-size:  11px;
    font-weight:  bold;
    text-decoration:  none;
}

a:hover.btnnew,
a:hover.visited.btnnew {
    color:  #f63;
}

a.toolsU:visited,
a.toolsU:hover,
a.toolsU:link,
a.tools:hover {
    color:  #000;
    font-size:  10px;
    text-decoration:  underline;
}

.bigone,
.bigonevar,
.bigonelow {
    font-size:  30px;
    text-decoration:  none;
}

.bigone {
    color:  #666;
}

.bigonevar {
    color:  #f96;
}

.bigonelow {
    color:  #ffe5cc;
}

.titleboxe {
    color:  #666;
    font-size:  x-small;
    font-weight:  bold;
}

.titleboxevar {
    color:  #f96;
    font-size:  x-small;
    font-weight:  bold;
}

a.smliensorange:link,
a.smliensorange:visited {
    color:  #f63;
    font-size:  x-small;
    font-weight:  bold;
    text-decoration:  underline;
}

a.smliensorange:hover {
    color:  #f63;
    font-size:  x-small;
    font-weight:  bold;
    text-decoration:  none;
}

a.smliensorangesmall:link,
a.smliensorangesmall:visited {
    color:  #f63;
    font-size:  10px;
    font-weight:  bold;
    text-decoration:  underline;
}

a.smliensorangesmall:hover {
    color:  #f63;
    font-size:  10px;
    font-weight:  bold;
    text-decoration:  none;
}

.titleinterpel {
    color:  #666;
    font-size:  16px;
    font-weight:  bold;
}

.titleinterpelvar {
    color:  #f96;
    font-size:  16px;
    font-weight:  bold;
}

.titleimg {
    color:  #666;
    font-size:  20px;
}

.titleimgvar {
    color:  #f96;
    font-size:  20px;
}

.puce {
    color:  #f96;
    font-size:  11px;
    font-weight:  bold;
}

.new {
    color:  #c33;
    font-size:  10px;
    vertical-align: super;
}

.bred {
    color:  #666;
    font-size:  13px;
    font-weight:  bold;
}

.breadvar {
    color: #f96;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    width: 90%;
}

a:link.breadvar,
a:visited.breadvar {
    color:  #f96;
    font-size:  14px;
    font-weight:  bold;
    text-decoration:  none;
}

a:hover.breadvar,
a:hover.visited.breadvar {
    color:  #f96;
    font-size:  14px;
    font-weight:  bold;
    text-decoration:  underline;
}

.premium {
    color:  #ffd0b8;
    font-size:  25px;
}

.space {
    line-height:  21px;
}

.plus,
.minus {
    text-decoration:  none;
}

a.vnavrequest:link {
    color:  #000;
    font-size:  x-small;
    text-decoration:  none;
}

a.vnavrequest:hover {
    color:  #f60;
    font-size:  x-small;
    text-decoration:  none;
}

.oblig {
    border: solid 1px #f96;
}

.cadre {
    border: solid 1px #ccc;
}

.bred1 {
    color:  #666;
    font-size:  12px;
    font-weight:  bold;
}

A.bred2:link {
    color:  #666;
    font-size:  14px;
    font-weight:  bold;
    text-decoration:  none;
}

A.bred2:visited {
    color:  #666;
    font-size:  14px;
    font-weight:  bold;
    text-decoration:  none;
}

A.bred2:hover {
    color:  #666;
    font-size:  14px;
    font-weight:  bold;
    text-decoration:  none;
}

.cadreleftdwn {
    border-bottom:  1px solid #ccc;
    border-left:  1px solid #ccc;
    border-right: 1px #ccc;
    border-top: 1px #ccc;
}

.cadreleftrightdwn {
    border-color: #ccc #ccc #ccc #ccc;
    border-style: none solid solid solid;
    border-width: 1px;
}

.cadreleftrighttop {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
}

.cadrerightdwn {
    border-bottom:  1px solid #ccc;
    border-left:  1px #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px none #ccc;
}

.cadrelefttop {
    border-bottom:  1px #ccc;
    border-left:  1px solid #ccc;
    border-right: 1px #ccc;
    border-top: 1px solid #ccc;
}

.cadreleft {
    border-bottom:  1px #ccc;
    border-left:  1px solid #ccc;
    border-right: 1px #ccc;
    border-top: 1px #ccc;
}

.cadretop {
    border-bottom:  1px #ccc;
    border-left:  1px #ccc;
    border-right: 1px #ccc;
    border-top: 1px solid #ccc;
}

.cadredwn {
    border-color: #ccc;
    border-style: none none solid none;
    border-width: 1px;
}

.SEInfo {
    margin: 12px 0 36px 0;
    position: relative;
    width: 90%;
    text-align: right;
}

.u-alignedRight {
    padding-right:  10px;
    text-align: right;
}

.u-alignedCenter {
    text-align: center;
}

.Stocktable td {
    position: relative;
    height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.Stocktable td font {
    padding-left: 10px;
}

.Table__header {
    background-color: #636173;
    color:  #fff;
}

.Header {
    color:  #f96;
    font-size:  16px;
    font-weight:  bold;
    margin-bottom:  12px;
    font-family: din_medium;
    text-align: left;
}

.FlashMessage__text {
    text-align: left !important;
    position: relative;
    bottom: 5px;
    font-size: 12px;
}

.FlashMessage__title {
    text-align: left !important;
    color:  #0173c3;
    font-weight:  bold;
    margin-right: 50px;
    position: relative;
    bottom: 5px;
}

.FlashMessage__icon {
    text-align: left !important;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-image: url("images/info.png");
    height: 22px;
    margin: 0 6px 0 6px;
    padding: 0;
    width: 22px;
}

.Stocklink {
    position: absolute;
    border: 1px solid #8d8d8d;
    background-color: #f0f0f0;
    padding: 2px 2px 2px 2px;
    right: 0;
    top: 20%;
    margin-right: 12px;
    text-decoration: none;
}

.Stocklink b {
    color: #8d8d8d;
    line-height: 8px;
}

a:hover,
a:visited:hover,
.bigonevar {
    color : #f96;
}

a.bred2:link,
a.bred2:visited,
a.bred2:hover {
    font-weight : 700;
    font-size : 14px;
    color : #666;
    text-decoration : none;
}