/*************************************************
Basic style sheet
www.hlf.no
**************************************************/
@import "hacks.css";

* {
margin: 0; 
padding: 0;
}

body {
background: #f5f4f4 url(/images/body-bg.png) no-repeat top center;
color: #333;
font-family: arial, helvetica, sans-serif;
font-size: 100%;
line-height: 0.875em; /* 16×1.125=18 */
text-align: center;
}

#wrapper {  
background-color: #fff;
border-left: 1px solid #e0dede;
border-right: 1px solid #e0dede;
border-bottom: 1px solid #e0dede;
margin: 0 auto;
text-align: left; 
width: 948px;
}

ul, ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

img {border: 0;}

a:link,
a:visited {
color: #4d6582;	
text-decoration: none !important;
}

a:hover,
a:focus,
a:active {
color: #ef4a11;
}

/*************************************************
=Header
**************************************************/
#header {
background: #fffefc url(/images/header-bg.png) repeat-x bottom left;
}

#header img {
float: left;
margin: 26px 0 0 34px;
}

#header .top {
border-left: 1px solid #f3f2f0;
float: right;
width: 374px;
}

#header .top ul {
background: url(/images/topmenu.png) no-repeat bottom left;
padding: 0 0 5px 5px;
}

#header .top ul li {
border-right: 2px solid #f3f2f0;
float: left;
}

#header .top ul li a:link,
#header .top ul li a:visited {
display: block;
font-size: 0.875em;
padding: 4px 6px;
}

#header .top .search {
padding: 10px 0 0 11px;
}

#header .top .search label {
font-size: 0.813em;
padding-right: 5px;
}

#header .top .search input.text {
width: 230px;
}

#header ul.main-nav {
clear: both;
background: url(/images/main-menu.png) no-repeat bottom left;
float: left;
padding-bottom: 1px;
width: 768px;
}

html>body #header ul.main-nav {padding-bottom: 0;}

#header ul.main-nav li {
float: left;
overflow: hidden;
padding: 0 10px 0 0;
width: 182px;
}

#header ul.main-nav li a:link,
#header ul.main-nav li a:visited {
color: #8f8787;
display: block;
font-size: 1.125em;
height: 27px;
line-height: 1.01em;
min-height: 27px;
padding: 23px 0 4px 6px;
}

html>body #header ul.main-nav li a:link,
html>body #header ul.main-nav li a:visited {
height: auto;
margin-bottom: 1px;
}

#header ul.main-nav li a:hover,
#header ul.main-nav li a:focus,
#header ul.main-nav li a:active {
background: url(/images/main-menu-selected.png) no-repeat top left;
color: #666;	
}

html>body #header ul.main-nav li a:hover,
html>body #header ul.main-nav li a:focus,
html>body #header ul.main-nav li a:active {
border-bottom: 1px solid #fbbf6f;
margin-bottom: 0;
}

#header ul.main-nav li span {
background: url(/images/main-menu-selected.png) no-repeat top left;
border-bottom: 1px solid #fbbf6f;
color: #666;
display: block;
font-size: 1.125em;
height: 27px;
line-height: 1.01em;
min-height: 27px;
padding: 23px 0 4px 6px;
}

/* Expanded menu on frontpage */
#frontpage #header {
background: #fffefc url(/images/header-bg-frontpage.png) repeat-x bottom left;
}

#frontpage #header ul.main-nav {
background: url(/images/main-menu-frontpage.png) no-repeat bottom left;
height: 132px;
min-height: 132px;
}

html>body #header ul.main-nav {
height: auto;
}

#header ul.main-nav li ul li a:link,
#header ul.main-nav li ul li a:visited {
background-color: #f5f4f4;
border-bottom: 1px solid #dddada;
color: #4d6582;
font-size: 0.875em;
line-height: 1.2em;
height: 18px;
min-height: 18px;
padding: 0 0 0 6px;
}

html>body #header ul.main-nav li ul li a:link,
html>body #header ul.main-nav li ul li a:visited {
height: auto;
margin-bottom: 0;
}

#header ul.main-nav li ul li a:hover,
#header ul.main-nav li ul li a:focus,
#header ul.main-nav li ul li a:active {
background-color: #dfe4e9;
background-image: none;
color: #666;	
}

#header ul.main-nav li ul li.main a:link,
#header ul.main-nav li ul li.main a:visited {
background: url(/images/arrow-double.png) no-repeat 8px 6px;
border: 0;
padding: 0 0 0 20px;
}

#header ul.main-nav li ul li.main a:hover,
#header ul.main-nav li ul li.main a:focus,
#header ul.main-nav li ul li.main a:active {
background-color: #dfe4e9;	
}

#header ul.extra {
background-color: #fff;
border-bottom: 2px solid #f5f4f4;
float: right;
height: 52px;
min-height: 52px;
padding: 1px 3px 0 3px;
width: 174px;
}

#header ul.extra li {
margin: 2px 0 3px 0;
text-align: center;
}

#header ul.extra li a:link,
#header ul.extra li a:visited {
background: #f3764a url(/images/extra-menu.png) repeat-x bottom left;
color: #fff;
display: block;
font-size: 1.125em;
height: 23px;
min-height: 23px;
line-height: 23px;
}

#header ul.extra li.selected a:link,
#header ul.extra li.selected a:visited {
background: #d2cdc9;
}

#frontpage #header ul.extra li a:link,
#frontpage #header ul.extra li a:visited {
background-image: url(/images/extra-menu-frontpage.png);
height: 60px;
min-height: 60px;
line-height: 60px;
}

html>body #header ul.extra li a:link,
html>body #header ul.extra li a:visited,
html>body #frontpage #header ul.extra li a:link,
html>body #frontpage #header ul.extra li a:visited {
height: auto;
}

#header ul.extra li.first a:link,
#header ul.extra li.first a:visited {
background-position: top left;
}

#header ul.extra li a:hover,
#header ul.extra li a:focus,
#header ul.extra li a:active,
#frontpage #header ul.extra li a:hover,
#frontpage #header ul.extra li a:focus,
#frontpage #header ul.extra li a:active {
background: #f3764a !important;
}

ol.breadcrumbs {
list-style-type: none;
padding: 2px 0 2px 2px;
}

ol.breadcrumbs li {
color: #5f5453;
display: inline;
font-size: 0.75em;
padding: 0 0 0 2px;
}

ol.breadcrumbs a:link,
ol.breadcrumbs a:visited {
background: url(/images/arrowR-blue.png) no-repeat center right;
padding: 0 9px 0 0;
}

/*************************************************
=Layout
**************************************************/
.content-wrapper-inner {
float: left;
width: 767px;
}

.content-nav {
float: left;
overflow: hidden;
padding-left: 5px;
width: 184px;
}

/*.content-nav2 {
float: left;
overflow: hidden;
padding-left: 5px;
width: 184px;
background-color:Red;
}*/

/* Layout131: Left column + content + right column*/
.layout131 {
background: #fff url(/images/layout131.png) repeat-y 757px top;
padding: 5px 0 55px 0;
}

.layout131 .content {
float: left;
margin-top: -5px;
overflow: hidden;
padding: 5px 10px 0 10px;
width: 558px;
}

.layout131 .secondary-content {
margin-top: -5px;
}

.layout131 .content .column-wrapper {
overflow: hidden;
width: 558px;
}

.layout131 .content .columns1,
.layout131 .content .columns2,
.layout131 .content .columns3 {
width: 600px;
}

.layout131 .content .columns1 .column {
border-left: 1px solid #dfdddd;
float: left;
width: 570px;
}

.layout131 .content .columns2 .column {
border-left: 1px solid #dfdddd;
float: left;
width: 283px;
}

.layout131 .content .columns3 .column {
border-left: 1px solid #dfdddd;
float: left;
width: 189px;
}

.layout131 .content .column-wrapper .column .box:last-child {
margin: 0;
}

/* Layout31: Content + right column*/
.layout31 {
background: #fff url(/images/layout31.png) repeat-y top left;
margin-top: 0px;
padding: 0 0 55px 0;
}

.layout31.one-column {
background: #fff url(/images/layout131.png) repeat-y 757px top !important;
}

.layout31 .content {
float: left;
overflow: hidden;
width: 767px;	
}

.layout31 .content .column-wrapper {
width: 800px;
}

.layout31 .content .column {
float: left;
overflow: hidden;
width: 384px;	
}

/* Layout13: Left column + content */
.layout13 {
padding: 5px 0 0 0;	
}

.layout13 .content {
float: right;
overflow: hidden;
width: 756px;	
}

.layout13.local .content {
background: #fff url(/images/local2.png) repeat-y 0 60px;
width: 757px;
padding-bottom: 55px;
}

.layout13.local .content .content {
background-image: none;
float: left;
overflow: hidden;
margin-left: 1px !important;
padding: 5px 0 0 8px;
width: 556px;
}

html>body .layout13.local .content .content {
width: 557px;
}

.layout13.hlfu .content {
background: #fff url(/images/layout131.png) repeat-y 564px 99px;
width: 756px;
padding-bottom: 55px;
}

.layout13.hlfu .content .content {
background-image: none;
float: left;
overflow: hidden;
margin-left: 1px !important;
padding-bottom: 0;
width: 563px;
}

.layout13 .content .column-wrapper {
background: #fff url(/images/layout13.png) repeat-y top left;
padding-left: 1px;
width: 800px;
padding-bottom: 55px;
*padding-bottom: 5px;
}

.layout13 .content .column {
float: left;
margin: 0 10px 0 0;
overflow: hidden;
width: 372px;
}

.secondary-content {
float: right;
width: 181px;
overflow: hidden;
}

.secondary-content .bannerTopRight img{
margin-bottom: 1px;
}


/*************************************************
=Secondary navigation
**************************************************/
.content-nav h3 {
background: #f5f4f4 url(/images/arrowR-blue.png) no-repeat 8px center;
border: 1px solid #dddada;
font-size: 0.75em;
font-weight: normal;
margin: 0 0 9px 0;
padding: 4px 0 4px 17px;	
width: 159px;
}

.content-nav h3 a {
display: block;
}

.content-nav h2 {
background: #f4f4f4 url(/images/box-headline.png) repeat-x top left;
border-top: 1px solid #dfdddd;
border-left: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
clear: both;
color: #ef4a11;
font-size: 0.75em;
font-weight: normal;
line-height: 1.5em;
margin: 0;
padding-left: 10px;
text-transform: uppercase;
width: 166px;
}

.content-nav ul {
background-color: #f5f4f4;
border-bottom: 1px solid #dddada;
float: left;
margin: 0 0 9px 0;
width: 176px;
}

.content-nav ul ul {
border: 0;
margin: 0 0 0 -1px;
}

.content-nav ul li {
border-top: 1px solid #dddada;
border-left: 1px solid #dddada;
border-right: 1px solid #dddada;
float: left;
display: block;
overflow: hidden;
font-size: 0.75em;
padding: 0;
width: 100%;
}

.content-nav ul li ul li {
font-size: 1em;
}

.content-nav ul li.selected {
background-color: #fff;
border-left: 1px solid #efeeee;
border-right: 1px solid #efeeee;
color: #808080;
font-weight: bold !important;
}

.content-nav ul li.selected li {
background-color: #f5f4f4;
background-image: none;
font-weight: normal;
}

.content-nav ul li a:link,
.content-nav ul li a:visited {
background: url(/images/arrowR-blue.png) no-repeat 8px center;
color: #4d6582;	
display: block;
padding: 4px 0 4px 17px;
}

.content-nav ul li ul li a:link,
.content-nav ul li ul li a:visited {
background-color: #f5f4f4 !important;
padding: 4px 0 4px 23px;
}

.content-nav ul li a:hover,
.content-nav ul li a:focus,
.content-nav ul li a:active,
.content-nav ul li ul li a:hover,
.content-nav ul li ul li a:focus,
.content-nav ul li ul li a:active,
.content-nav ul li ul li ul li a:hover,
.content-nav ul li ul li ul li a:focus,
.content-nav ul li ul li ul li a:active{
background-color: #fff !important;
color: #808080 !important;
}

.content-nav ul li.expanded a:link,
.content-nav ul li.expanded a:visited {
background: #fff url(/images/arrowD-grey.png) no-repeat 6px center;
color: #808080;
font-weight: bold;
}

.content-nav ul li.expanded li a:link,
.content-nav ul li.expanded li a:visited {
background-image: none;
color: #4d6582;
font-weight: normal;
}

.content-nav ul li.selected span {
background: #fff url(/images/arrowD-grey.png) no-repeat 6px center;
color: #808080;	
display: block;
padding: 4px 0 4px 17px;
}

/*****Level 2***/
.content-nav ul li ul li.selected a:link,
.content-nav ul li ul li.selected a:visited {
background: #fff url(/images/arrowR-grey.png) no-repeat 6px center !important;
color: #808080;	
display: block;
font-weight: bold;
padding: 4px 0 4px 23px;
}

.content-nav ul li.expanded ul li.expanded a:link,
.content-nav ul li.expanded ul li.expanded a:visited {
background: #fff url(/images/arrowD-grey.png) no-repeat 6px center !important;
color: #808080;
font-weight: bold;
}

.content-nav ul li.expanded ul li.expanded a:active{
background: #fff url(/images/arrowR-grey.png) no-repeat 6px center !important;
}


/***Level 3 ****/

.content-nav ul li.expanded ul li.expanded ul li a:link,
.content-nav ul li.expanded ul li.expanded ul li a:visited {
padding-left: 29px;
font-weight: normal;
color: #4D6582;
background-image: none !important;
background-color: transparent !important;
}


.content-nav ul li.expanded ul li.expanded ul li.selected a:link,
.content-nav ul li.expanded ul li.expanded ul li.selected a:visited {
font-weight: bold;
color: #808080;
}

.content-nav ul li.expanded ul li.expanded ul li.expanded a:link,
.content-nav ul li.expanded ul li.expanded ul li.expanded a:visited {
background-image: url(/images/arrowD-grey.png) no-repeat scroll 6px center;
color: #808080;
font-weight: bold;
}

.content-nav ul li.expanded ul li.expanded ul li {
background-color: #f5f4f4 !important;
}

.content-nav ul li.expanded ul li.expanded ul li a:hover,
.content-nav ul li.expanded ul li.expanded ul li a:focus,
.content-nav ul li.expanded ul li.expanded ul li a:active {
background-color: #fff !important;
}

/*************************************************
=Footer
**************************************************/
.footer {
background: #e9e9e9 url(/images/footer.png) repeat-x top left;
border-top: 1px solid #e0dede;
clear: both;
color: #5f5453;
padding: 12px 6px;
}

html>body .footer { 
height: auto;
}

.footer p {
font-size: 0.75em;
}

.footer a:link,
.footer a:visited {
background-color: #4d6582;
color: #fff;
padding: 0 2px;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
background-color: #ef4a11;
}

/*************************************************
=Typography
**************************************************/
h1 {
clear: both;
color: #ef4a11;
font-size: 1.75em;
font-weight: normal;
line-height: 1.1em;
padding: 0 0 5px 0;
}

/*************************************************
=Forms
**************************************************/
input.text,
textarea {
background-color: #ffebd1;
border: 1px solid #dddada;
color: #000;
font-family: arial, verdana, sans-serif;
font-size: 0.75em;
margin: 0 7px 0 0;
padding: 2px;
vertical-align: top;
}

input.text:focus,
textarea:focus {
background-color: #fdf8a7;
}

input.button {
background: #d1d7de url(/images/button.png) repeat-x top left;
border: 1px solid #dddada;
color: #4d6582;
cursor: pointer;
font-size: 0.813em;
padding: 1px 2px;
text-align: center;
}

input.button:hover {
color: #99a7b8;
}

a.button:link,
a.button:visited {
background: #d1d7de url(/images/button.png) repeat-x top left;
border: 1px solid #dddada;
color: #4d6582;
font-size: 0.813em;
padding: 2px 8px;
text-align: center;
}

a.button:hover,
a.button:focus,
a.button:active {
color: #99a7b8;
}

a.link {
float: left;
font-size: 0.75em;
padding-bottom: 1em;
}

.topbutton {
margin: 4px 0 15px 0;
}

.form {
padding: 0 0 1em 0;
}

.form h2 {
font-size: 0.75em;
}

.form h2.group,
.article h2.group {
font-size: 0.75em;
font-weight: bold;
padding: 0.5em 0;
}

.form h2.group a {
font-weight: normal;
}

.form h3 {
font-size: 0.75em;
padding-bottom: 1em;
}

.form p,
.form ul li {
font-size: 0.75em;
}

.box .form ul li {
font-size: 1em;
}

.form p input {
float: none;
font-size: 1em;
}

.form div {
clear: both;
padding: 0 0 0.5em 0;
}

.form label {
display: block;
float: left;
font-size: 0.75em;
}

.form label.radio {
font-weight: normal;
padding-right: 15px;
}

.form fieldset.radio label {
clear: right;
font-weight: normal;
padding: 0 0 6px 0;
}

.form fieldset.radio input {
clear: left;
margin-right: 2px;
margin-top: -2px;
}

html>body .form fieldset.radio input {
margin-top: 0;
}
.form label.check {
clear: both;
float: none;
font-weight: normal;
padding: 0 0 6px 0;
}

.form label.check input {
margin: 0 6px 0 0;
}

.form label span {
font-weight: normal;
}

.form input {
float: left;
}

.form select {
font-size: 0.75em;	
}

.form select option {
padding: 0 4px;
}

.form .buttons {
border-top: 1px solid #dddada;
border-bottom: 1px solid #dddada;
clear: both;
margin: 8px 0;
padding: 6px 0;
text-align: right;
}

.form .buttons input {
float: right;
margin-right: 8px;
}

.form .buttons a {
float: right;
margin-right: 8px;
}

.form .buttons a.cancel {
font-size: 0.813em;
padding: 4px 10px 0 0;
}

.form fieldset {
border: 0;
}

.form p.error116 {
color: red;
padding-left: 116px;
}

.form p.confirm116 {
color: green;
padding-left: 116px;
}

.error {color: red;}
.confirm {color: green;}

/* Forms with background color */
.sortbox {
background: #f5f4f4;
border-left: 1px solid #dadddd;
margin: 1.5em 0 1em 0;
}

.sortbox.form h2 {

}

.sortbox label {
padding: 4px 12px 0 0;
}

.sortbox label input {
margin: -4px 4px 0 0;
}

html>body .sortbox label {
padding: 4px 12px 0 0;
}

html>body .sortbox label input {
margin: 0 4px 0 0;
}

.sortbox .button {
float: right;
}


/* Error + confirm messages */
.login-error {
font-size: 0.75em;
font-weight: bold;
color: Red;
}



/* Xforms (in articles) */
.xform .hidden {
display: none;
}

.xform {
padding: 0.5em 0 0 0 !important;
}

.xform table td {
padding: 2px 10px 2px 0;
}

.xform span {
font-size: 0.75em;
}

.xform label {
padding-right: 10px;
}

html>body .xform input {
background-color: #ffebd1;
border: 1px solid #dddada;
color: #000;
font-family: arial, verdana, sans-serif;
font-size: 0.75em;
margin: 0 7px 0 0;
padding: 2px;
vertical-align: top;
}

html>body .xform input.text:focus,
html>body .xform textarea:focus {
background-color: #fdf8a7;
}

html>body .xform input[type="radio"] {
background-color: #fff;
border: 0;
}

html>body .xform input[type="submit"] {
background: #d1d7de url(images/button.png) repeat-x top left;
border: 1px solid #dddada;
color: #4d6582;
cursor: pointer;
font-size: 0.813em;
padding: 1px 2px;
text-align: center;
}

html>body .xform input[type="submit"]:hover {
color: #99a7b8;
}

.xform fieldset input {
clear: left;
}

/*************************************************
=Modules
**************************************************/
/* Box */
.box {
border-bottom: 1px solid #dfdddd;
padding: 0 8px 6px 8px;
}

.box.light {
border: 0;
padding-bottom: 0;
}

.box.inarticle {
border: 0;
padding: 0;
}

.box.focus {
background-color: #f2f4f6;
}

.secondary-content .box {
margin: 0 0 19px 0;
}

.secondary-content .box .box {
margin: 0 -8px;
padding: 6px 8px;
}

.content .column .shadow {
background: url(/images/box-shadow.png) no-repeat top right;
padding-right: 10px;
}

.content .column .box {
margin: 0 0 15px 0;
}

.box h2 {
background: #f4f4f4 url(/images/box-headline.png) repeat-x top left;
border-top: 1px solid #dfdddd;
border-bottom: 1px solid #dfdddd;
clear: both;
color: #ef4a11;
font-size: 0.75em;
font-weight: normal;
line-height: 1.5em;
margin: 0 -8px 6px -7px;
padding-left: 10px;
text-transform: uppercase;
}

.secondary-content .box h2 {
border-left: 1px solid #dfdddd;
}

.box h3 {
color: #333;
font-size: 0.75em;	
}

.box p {
color: #333;
font-size: 0.75em;
margin: 0 0 1em 0;
}

.box ul {
font-size: 0.75em;
}

.secondary-content .box ul {
margin-bottom: 8px;
}

.secondary-content .box ul li {
background: url(/images/arrowR-blue.png) no-repeat 0 4px;
padding: 0 0 0 8px;
}

.box ol {
color: #333;
font-size: 0.688em;
margin: 1em 0 1em 23px;
}

.secondary-content .box ol {
font-size: 0.75em;
}

.box.article p,
.box.article ul,
.box.article ol {
font-size: 0.75em;
}

.box em a:link,
.box em a:visited {
background-color: #4d6582;
color: #fff;
font-style: normal;	
padding: 0 2px;
}

.box em a:hover,
.box em a:focus,
.box em a:active {
background-color: #ef4a11;
}

.box .more {
border-top: 1px solid #dfdddd;
clear: both;
font-size: 0.75em;
margin: 0 -8px -4px -8px;
padding: 2px 8px 0 8px;
}

.box ul.linklist {
margin-top: -4px;
}

.box ul.linklist li {
border-bottom: 1px solid #dfdddd;
margin: 0 -8px;
padding: 3px 8px;
}


/* Pager */
.pager {
background-color: #f5f4f4;
border: 1px solid #dadddd;
font-size: 0.75em;
padding: 2px 9px;
}

.pager ul li {
color: #ccc;
float: left;
}

.pager ul li.next {
float: right;
}

.pager ul li.next a:link,
.pager ul li.next a:visited {

}

.pager ul li.prev a:link,
.pager ul li.prev a:visited {

}

.pager ol {
margin-left: 30px;
}

.pager ol li {
color: #333;
float: left;
list-style-type: none;
margin-right: 5px;
}

.pager ol li a:link,
.pager ol li a:visited {
background-color: #4d6582;
color: #fff;
padding: 0 2px;
}

.pager ol li a:hover,
.pager ol li a:focus,
.pager ol li a:active {
background-color: #ef4a11;
}

/* Calendar */
.calendar {
border-bottom: 0;
margin-left: -8px;
}

.shadow .calendar {
height: 300px;
min-height: 300px;
margin-left: 0;
}

html>body .shadow .calendar {
height: auto;
}

.calendar h2 {
background-image: url(/images/calendar-headline.png);
color: #fff;
}

.content .event {
padding: 2px 0 20px 0;	
}

.content .column .event {
border-bottom: 1px solid #dfdddd;
margin: 0 -8px;
padding: 2px 8px 8px 8px;
}

.event.odd {
background-color: #f7f6f6;
}

.event .date {
color: #808080;
font-size: 0.688em;	
line-height: 1em;
}

.event .type {
color: #5f5453;
font-size: 0.688em;
font-weight: bold;	
line-height: 1.6em;
text-transform: uppercase;
}

.event h3 {
clear: both;
font-size: 1.125em;
font-weight: normal;
line-height: 1em;
}

.event p {
margin: 0;
}

.event p a:link,
.event p a:visited {
color: #333;
}

.event p a:hover,
.event p a:focus,
.event p a:active {
border-bottom: 1px solid #333;
}

/* Magazine Din Hoersel */
.magazine img {
margin: 0 0 0 14px;
}

/* Document links */
p.doclink {
margin-top: 1em !important;
}

.doclink a:link,
.doclink a:visited {
background-color: #4d6582;
color: #fff;
font-size: 0.75em;
font-style: normal;	
padding: 0 2px;
}

.doclink a:hover,
.doclink a:focus,
.doclink a:active {
background-color: #ef4a11;
}

.pdfExtension {background: url(/images/pdf.png) no-repeat left 4px; padding: 4px 0 4px 24px;}
.bmpExtension {background: url(/images/extensions/bmp.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.docExtension, .docxExtension {background: url(/images/extensions/doc.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.gifExtension {background: url(/images/extensions/gif.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.htmExtension, .htmlExtension {background: url(/images/extensions/htm.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.jpgExtension, .jpegExtension {background: url(/images/extensions/jpg.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.mp3Extension {background: url(/images/extensions/mp3.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.mpgExtension {background: url(/images/extensions/mpg.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.pngExtension {background: url(/images/extensions/png.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.pptExtension, .pptxExtension {background: url(/images/extensions/ppt.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.tifExtension, .tiffExtension {background: url(/images/extensions/tif.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.txtExtension {background: url(/images/extensions/txt.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.wavExtension {background: url(/images/extensions/wav.gif) no-repeat left 4px; padding: 4px 0 4px 24px;}
.xlsExtension, .xlsxExtension {background: url(/images/extensions/xls.gif) no-repeat left 3px; padding: 4px 0 4px 24px;}
.zipExtension {background: url(/images/extensions/zip.gif) no-repeat left 3px; padding: 4px 0 4px 24px;}

.file a:link, .file a:visited {
background-color: #4d6582;
color: #fff;
display: inline;
font-size: 0.75em;
font-style: normal;
font-weight: normal;
padding: 0pt 2px;
}

.file a:hover, .file a:focus, .file a:active {
background-color: #ef4a11
}

table td .file a:link, table td .file a:visited {
font-size: 1em;	
}

/*************************************************
=Article
**************************************************/
.article-header h1 {
clear: left;
float: left;
width: 414px;
}

.article-header p {
clear: left;
color: #808080;
float: left;
font-size: 0.75em;
padding: 0.2em 0;
white-space: nowrap;
}

.article-header ul {
border-top: 1px solid #dddada;
float: right;
margin-bottom: 8px;
width: 143px;
}

html>body .article-header ul {
margin-top: -5px;
}

.article-header ul li {
border-bottom: 1px solid #dddada;
border-left: 1px solid #dddada;
font-size: 0.813em;
line-height: 1.4em;
}

.article-header ul li.print {
background: #d0d6de url(/images/print.png) repeat-x top left;
}

.article-header ul li.friend {
background: #d0d6de url(/images/friend.png) repeat-x top left;
}

.article-header ul li a:link,
.article-header ul li a:visited {
display: block;
padding: 0 0 0 24px;
}

.article-header ul li a:hover,
.article-header ul li a:focus,
.article-header ul li a:active {
color: #99a7b8;
}

.article-header ul li.text {
border: 0;
height: 21px;
min-height: 21px;
}

html>body .article-header ul li.text {
height: auto;
}

.article-header ul li.text span {
float: left;
padding: 3px 0 0 0;
}

.article-header ul li.text ul {
float: right;
border-top: 1px solid #dddada;
border-left: 1px solid #dddada;
border-bottom: 0;
margin: 0;
width: 54px;
}

.article-header ul li.text ul li {
border-right: 1px solid #dddada;
border-left: 0;
float: left;
height: 21px;
width: 17px;
}

.article-header ul li.text ul li input {
border: 0;
cursor: pointer;
display: block;
margin: 0;
height: 21px;
padding: 0;
width: 17px;
}

.article-header ul li.text ul li.medium-off input {
background: #d1d7df url(/images/textsize-M.png) no-repeat top left;
}

.article-header ul li.text ul li.medium-off input:hover,
.article-header ul li.text ul li.medium-on input {
background: #d1d7df url(/images/textsize-M-over.png) no-repeat top left;
}

.article-header ul li.text ul li.large-off input {
background: #d1d7df url(/images/textsize-L.png) no-repeat top left;
}

.article-header ul li.text ul li.large-off input:hover,
.article-header ul li.text ul li.large-on input {
background-image: url(/images/textsize-L-over.png);
}

.article-header ul li.text ul li.xlarge-off input {
background: #d1d7df url(/images/textsize-XL.png) no-repeat top left;
}

.article-header ul li.text ul li.xlarge-off input:hover,
.article-header ul li.text ul li.xlarge-on input {
background-image: url(/images/textsize-XL-over.png);
}

.article-header ul li.text ul li span {
display: none;
}

.article {
clear: left;
padding: 0 10px 0 0;
}

.article h2 {
font-size: 1.125em;
font-weight: normal;
line-height: 1em;
margin-top: 0;
}

.article h3, 
.article h4, 
.article h5, 
.article h6 {
font-size: 0.875em;
margin-top: 0;
}

.article p {
font-size: 0.75em;
padding-bottom: 0.75em;
}

.article p.intro {
font-weight: bold;
}

.article p a:link,
.article p a:visited {
border-bottom: 1px solid #4d6582;
}

.article p a:visited {
border-bottom: 1px solid #999;
color: #999;
}

.article p a:hover,
.article p a:focus,
.article p a:active {
border-bottom: 1px solid #ef4a11;
color: #ef4a11;
}

.article ul {
font-size: 0.75em;
margin-bottom: 8px;
}

.article ul li {
background: url(/images/arrowR-blue.png) no-repeat 0 4px;
padding: 0 0 0 8px;
}

.article ol {
font-size: 0.75em;
margin: 0 0 8px 24px;
padding-left: 2px;
}

html>body .article ol {
margin: 0 0 8px 20px;
}

.article table,
.article-intro table,
.secondary-content .box table {
border-collapse: collapse;
border-top: 1px solid #c2965b;
border-left: 1px solid #dddada;
margin: 0 0 0.5em 0;
width: 100%;
}

.content .article table {
width: 548px !important;
}
	
.article table th,
.article-intro table th,
.secondary-content .box table th {
background-color: #f5f4f4;
color: #808080;
font-weight: bold;
}

.article table th, 
.article table td,
.article-intro table th, 
.article-intro table td,
.secondary-content .box table th, 
.secondary-content .box table td {
border-bottom: 1px solid #dddada;
border-right: 1px solid #dddada;
text-align: left;
font-size: 0.75em;
padding: 2px 4px;
}

table.label-list {
border: 0;
width: auto;
}

table.label-list th {
background-color: #fff;
border: 0;
color: #333;
font-size: 0.688em;
padding: 0;
vertical-align: top;
}

table.label-list td {
border: 0;
font-size: 0.688em;
padding: 0;
}

/* Date picker */
.content .article table.datepicker {
border-bottom: 1px solid #dfdddd !important;
border-left: 1px solid #dfdddd !important;
border-top: 1px solid #dfdddd !important;
float: right;
margin: 0 0 10px 10px !important;
width: 200px !important;
}

table.datepicker td {
border-top: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
color: #333;
font-size: 0.75em;
line-height: 1.5em;
padding: 0 !important;
text-align: center !important;
}

.content .article table.datepicker table.title {
border-top: 0;
border-right: 1px solid #dfdddd;
margin: 0;
padding: 0 !important;
width: 100% !important;
}

table.datepicker table.title td {
background: #f4f4f4 url(/images/box-headline.png) repeat-x top left;
border: 0;
clear: both;
color: #ef4a11;
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
margin: 0;
padding: 0 !important;
text-transform: uppercase;
}

table.datepicker table.title td a:link,
table.datepicker table.title td a:active { 
color: #4d6582 !important;
display: block;
}

table.datepicker table.title td a:hover,
table.datepicker table.title td a:focus,
table.datepicker table.title td a:active { 
background-color: #ef4a11;
color: #fff !important;
}

table.datepicker td.selector {
background-color: #f4f4f4;
border-top: 1px solid #dfdddd !important;
border-right: 1px solid #dfdddd !important;
}

table.datepicker td.selector a:link,
table.datepicker td.selector a:active { 
color: #4d6582 !important;
display: block;
}

table.datepicker td.selector a:hover,
table.datepicker td.selector a:focus,
table.datepicker td.selector a:active { 
background-color: #ef4a11;
color: #fff !important;
}

table.datepicker th.dayheader {
background-color: #f4f4f4;
border-top: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
color: #333;
font-size: 0.75em;
font-weight: normal;
padding: 1px;
text-align: center;
}

table.datepicker td.highlighted {
background-color: #4d6582;
color: #fff;
}

table.datepicker td.highlighted a:link,
table.datepicker td.highlighted a:visited {
background-color: #4d6582;
color: #fff;
display: block;
}

table.datepicker td.highlighted a:hover,
table.datepicker td.highlighted a:focus,
table.datepicker td.highlighted a:active {
background-color: #ef4a11;
color: #fff;
}

table.datepicker td.today a:link,
table.datepicker td.today a:visited {
border: 1px solid #ef4a11 !important;
display: block;
}

.article img,
.article img.right {
  float: right;
  margin: 0 0 8px 8px !important;
}

.article img.left {
  float: left;
  margin: 0 8px 8px 0 !important;
}

.article table img {
float: none;
margin: 0;
}

.article .imagelist {
clear: right;
float: right;
margin: 0 0 8px 8px;
}

.article .imagelist img {
float: none;
margin: 0;
}

.article .imagelist p {
margin-left: 8px;
padding: 5px 10px;
width: 258px;
background: #dfdddd;
min-height: 30px;
}

.article .imagelist ol {
background-color: #f5f4f4;
border: 1px solid #dadddd;
display: block;
font-size: 0.75em;
margin: 0 0 0 8px;
padding: 2px 9px;
width: 258px;
}

.article .imagelist ol li {
color: #333;
float: left;
list-style-type: none;
margin-right: 5px;
}

.article .imagelist ol a:link,
.article .imagelist ol a:visited {
background-color: #4d6582;
color: #fff;
padding: 0 2px;
}

.article .imagelist ol a:hover,
.article .imagelist ol a:focus,
.article .imagelist ol a:active {
background-color: #ef4a11;
}

/* tips a friend*/
.tips {
border-left: 1px solid #dadddd;
border-right: 1px solid #dadddd;
margin: 1.5em 0 0 0;
width: 178px;
}


/*************************************************
=Article list
**************************************************/
/* Article intro */
.articlelist {
border-bottom: 0;
margin-left: -8px;
}

.articlelist p.listnavigator {
margin-top: 10px;
}

.articlelist ul.toolbar {
margin-bottom: 1em;
font-size: 1em;
}

.articlelist ul.toolbar li {
background: #d1d7de url(/images/button.png) repeat-x top left;
border: 1px solid #dddada;

float: left;
text-align: center;
}

.articlelist ul.toolbar li a:link,
.articlelist ul.toolbar li a:visited {
color: #4d6582;
display: block;
font-size: 0.75em;
padding: 1px 7px;	
}

.articlelist ul.toolbar li a:hover,
.articlelist ul.toolbar li a:focus,
.articlelist ul.toolbar li a:active {
color: #99a7b8;
}

.articlelist h2 {
border-left: 1px solid #dfdddd;
}

.article-intro {
clear: both;
padding: 0 0 1em 0;
}

.article-intro img {
border: 1px solid #b2b2b2;
float: left;
margin: 0 8px 8px 0;
}

.article-intro .date {
color: #808080;
font-size: 0.688em;
}

.article-intro h3 {
clear: both;
font-size: 1.125em;
font-weight: normal;
line-height: 1em;
padding-bottom: 2px;
}

.article-intro.main h3 {
font-size: 1.75em;
}

.article-intro h3 a:link,
.article-intro h3 a:visited {
color: #4d6582;
display: block;
text-decoration: none;
}

.secondary-content .article-intro h3 a:link,
.secondary-content .article-intro h3 a:visited {
text-decoration: underline;
}

.article-intro h3 a:hover,
.article-intro h3 a:focus,
.article-intro h3 a:active,
.article-intro:hover h3 a {
color: #ef4a11;
}

.article-intro p {
margin: 0;
}

.article-intro p a:link,
.article-intro p a:visited {
color: #333;
display: block;
text-decoration: none;
}

.article-intro .more {
margin-left: -5px;
margin-right: 0;
padding-top: 2px;
}

/* Simple article list */
ul.simple-articlelist {
padding-bottom: 10px;
}


/*************************************************
=Promo
**************************************************/
.content-nav .promo {
border-left: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
border-top: 1px solid #dfdddd;
clear: both;
margin: 15px 0 0 0;
width: 176px;
}

.content-nav .promo img {
border-bottom: 1px solid #dfdddd;
}

.secondary-content .promo {
border-top: 1px solid #dfdddd;
margin-bottom: 19px;
}

.secondary-content .promo img {
border-bottom: 1px solid #dfdddd;
margin-left: 1px;
}

.content .promo {
margin-bottom: 15px;
}

/*************************************************
=FAQ
**************************************************/
.faq {
border-left: 1px solid #dfdddd;
margin: 0 0 15px -8px;
padding-bottom: 0;
}

.faq h2 {
background-color: transparent;
background-image: none;
border: 0;
font-size: 1.125em;
margin: 0;
padding: 0;
text-transform: none;
}

.faq .question {
border-top: 1px solid #dfdddd;
margin: 0 -8px;
padding: 6px 9px 9px 9px;
}

.faq .question.odd {
background-color: #f5f4f4;
}

.faq .answer {
background-color: #f5f4f4;
border-top: 1px solid #dfdddd;
margin: 0 -8px;
padding: 0 9px 9px 9px;	
}

.faq .question p.sender {
color: #808080;
margin: 0;
}

.faq .question p a:link,
.faq .question p a:visited {
color: #333;
}

.faq .question p a:hover,
.faq .question p a:focus,
.faq .question p a:active {
border-bottom: 1px solid #333;
}

.faq a.read-more:link,
.faq a.read-more:visited {
background-color: #4d6582;
color: #fff;
font-size: 0.75em;
font-style: normal;	
padding: 0 2px;
}

.faq a.read-more:hover,
.faq a.read-more:focus,
.faq a.read-more:active {
background-color: #ef4a11;
}

.faq .answer h2 {
color: #333;
padding-top: 6px;
}

.faq .pager {
background-color: #f5f4f4;
border-top: 1px solid #dfdddd;
font-size: 1em;
margin: 0 -8px;
padding: 9px;	
}

.faq .pager ul li {
list-style-type: none;
float: left;
padding-right: 20px;
}

.faq .pager ul li.last {
float: right;
padding-right: 0;
}

.faq .pager a:link,
.faq .pager a:visited {
background-color: #4d6582;
color: #fff;
font-style: normal;	
padding: 0 2px;
}

.faq .pager a:hover,
.faq .pager a:focus,
.faq .pager a:active {
background-color: #ef4a11;
}

/*************************************************
=Personlist
**************************************************/
.personlist h2 {
clear: both;
font-size: 1.125em;
font-weight: normal;
padding-bottom: 10px;
}

.personlist p {
font-size: 0.75em;
padding: 0 0 1em 0;
}

.person {
clear: both;
padding-bottom: 18px;
}

.person img {
border: 1px solid #dfdddd;
margin: 0 15px 0 0;
float: left;
}

.person ul {
display: block;
float: left;
}

html>body .person ul {height: auto;}

.person ul li {
font-size: 0.75em;
min-width: 215px;
}

.person ul li.fn {
font-weight: bold;
}

.person ul li strong {
float: left;
font-weight: normal;
display: block;
min-width: 43px;
}

.person p {
font-size: 0.75em;
padding-right: 9px;
}

.person a:link,
.person a:visited {
background-color: #4d6582;
color: #fff;
font-style: normal;	
padding: 0 2px;
}

.person a:hover,
.person a:focus,
.person a:active {
background-color: #ef4a11;
}

.person .description {
float: right;
border-left: 1px solid #dfdddd;
height: 89px;
min-height: 89px;
padding-left: 9px;
width: 220px;
}

/* Contact info - right column */
.secondary-content .contactinfo ul li {
background-image: none;
padding: 0;
}

.secondary-content .contactinfo ul li.fn {
font-weight: bold;
}

.contactinfo ul li strong {
	float: left;
	font-weight: normal;
	display: block;
	min-width: 43px;
}

.contactinfo a:link,
.contactinfo a:visited {
background-color: #4d6582;
color: #fff;
font-style: normal;	
padding: 0 2px;
}

.contactinfo a:hover,
.contactinfo a:focus,
.contactinfo a:active {
background-color: #ef4a11;
}

/*************************************************
=Shop
**************************************************/
table.shop {
border-collapse: collapse;
margin-bottom: 20px;
width: 100% !important;
position: relative;
right: -1px;
}

table.shop th,
table.shop tr.header td {
background-color: #f5f4f4;
border-top: 1px solid #dfdddd;
border-bottom: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
font-size: 0.75em;
font-weight: bold;
padding: 13px 8px 2px 8px;
vertical-align: bottom;
}

table.shop th.category {
background-color: #fff;
border-top: 0;
font-size: 1em;
font-weight: normal;
padding: 0 0 2px 0;
}

table.shop td {
border-bottom: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
font-size: 0.75em;
padding-bottom: 10px !important;
vertical-align: bottom;
}

table.shop td h3 {
font-size: 1em;	
}

table.shop td img {
border: 1px solid #dfdddd;
}

table.shop td.image {
border-right: 0;
padding: 10px 0;
width: 105px;
}

table.shop td.product {
padding-top: 2px;
}

table.shop td.price {
padding: 0 6px 10px 6px !important;
text-align: right;
white-space: nowrap;
width: 60px;
}

table.shop td.quantity {
text-align: right;
width: 60px;
}

table.shop td.number {
padding-left: 8px;
text-align: right;
width: 44px;
}

table.shop td.add-to-cart {
padding: 0 8px 10px 8px;
width: 50px;
}

table.shop tr.td td {
padding: 8px 6px 8px 6px
}

table.shop td.add-to-cart .button {
font-size: 1em;
}

table.shop td.text {
width: 30px;
}

table.shop td.text input {
background-color: #ffebd1;
border: 1px solid #dddada;
color: #000;
font-family: arial, verdana, sans-serif;
font-size: 1em;
margin: 0 7px 0 0;
padding: 2px;
vertical-align: top;
width: 30px;
}

table.shop td.text input:focus {
background-color: #fdf8a7;
}

table.shop td.update a:link,
table.shop td.update a:visited {
background: #d1d7de url(/images/button.png) repeat-x top left;
border: 1px solid #dddada;
color: #4d6582;
font-size: 1em;
margin-right: 10px;
padding: 2px 8px;
text-align: center;
}

table.shop td.update a:hover,
table.shop td.update a:focus,
table.shop td.update a:actives {
color: #99a7b8;
}

table.shop td.remove {
width: 30px;
}

.image-and-form {
float: right;
width: 288px;
}

.form.shopitem {
border-left: 1px solid #dddada;
border-right: 1px solid #dddada;
border-top: 1px solid #dddada;
clear: none;
float: right;
margin: 0 0 10px 8px;
padding-bottom: 0;
width: 276px;
}

.form.shopitem .amount {
clear: none;
float: right;
margin: 8px 0 0 0;
width: 120px;
}

.form.shopitem .buttons {
clear: both;
margin: 0;
}

.form.shopitem label {
margin-top: 5px;
}

.total {
font-size: 0.813em;
text-align: right;
margin-right: 10px;
}

ul.labellist {
float: left;
margin: 13px 8px 8px 8px;
width: 120px;
}

ul.labellist li { 
background: none;
float: left;
font-size: 1em;
list-style-type: none;
padding: 0 8px 0 0;
}

ul.labellist li.price {
font-weight: bold;
}

.moreproducts {
border-left: 1px solid #dfdddd;
clear: both;
margin-bottom: 15px;
}

.moreproducts div {
padding-bottom: 15px;
}

.moreproducts div div {
float: left;
margin: 0 15px 0 0;
overflow: hidden;
padding: 0;
width: 87px;
}

.moreproducts ul {
margin: 5px 0;
}

.moreproducts ul li.product {
font-weight: bold;
}

/*************************************************
=Forum
**************************************************/
table.forum {
border-collapse: collapse;
margin-bottom: 20px;
width: 100%;
position: relative;
right: -1px;
}

table.forum th {
background-color: #f5f4f4;
border-top: 1px solid #dfdddd;
border-bottom: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
font-size: 0.75em;
padding: 13px 8px 2px 8px;
vertical-align: bottom;
}

table.forum th.empty {
background-color: #fff;
border-top: 0;
}

table.forum td {
border-bottom: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
font-size: 0.75em;
padding: 2px 4px;
vertical-align: top;
}

table.forum td h3 {
font-size: 1em;	
}


/*************************************************
=New member form page
**************************************************/
.newmember .box h2 {
border-left: 1px solid #dadddd;
}

.newmember {
background-image: none !important;
}

.newmember .column {
padding-top: 5px !important;
}

.newmember .text.w172 {
margin: 0;
}

/*************************************************
=Sitemap page
**************************************************/
.sitemap .box ul {
font-size: 1em;
}

.sitemap ul li {
font-size: 0.75em;
margin: 0;
}

.sitemap ul ul li,
.sitemap ul ul ul li,
.sitemap ul ul ul ul li {
font-size: 1em;
margin: 0 0 0 1em;
}

/*************************************************
=Search result page
**************************************************/
.content.searchresult {
padding-left: 192px;
width: 575px !important;
}

.searchresult.shop {
padding-left: 0;
width: auto !important;
}

.searchresult .box {
background-color: #f5f4f4;
border: 1px solid #dadddd;
margin-right: 9px;	
margin-top: 0;
margin-bottom: 15px;
padding: 8px;
}

.searchresult .form div {
float: left;
padding: 0;
width: 460px;
}

.searchresult .form .button {
float: right;
}

.searchresult .form .sorting {
margin: 10px 0 0 28px;
width: 200px;
}

html>body .searchresult .form .sorting {
margin: 10px 0 0 60px;
}

.searchresult .form .sorting label {
padding-right: 10px;
}

.searchresult .form .sorting input {
margin: -4px 2px 0 0;	
}

html>body .searchresult .form .sorting input {
margin-top: 0;	
}

.searchresult .form select {
font-size: 0.75em;
margin-bottom: 8px;
}

.searchresult p {
font-size: 0.813em;
margin: 1em 0;
}

.searchresult table {
border-collapse: collapse;
margin-bottom: 20px;
}

.layout31 .searchresult table {
border-right: 1px solid #dfdddd;
width: 566px;
}

.searchresult.shop table {
width: 559px;
}

.searchresult table th {
background-color: #f5f4f4;
border-top: 1px solid #dfdddd;
border-bottom: 1px solid #dfdddd;
border-right: 1px solid #dfdddd;
font-size: 0.75em;
padding: 13px 8px 2px 8px;
vertical-align: bottom;
}

.searchresult table th.first {
background-color: #fff;
border-top: 0;
}

.searchresult table td {
border-bottom: 1px solid #dfdddd;
border-left: 1px solid #dfdddd;
font-size: 0.75em;
padding: 2px 4px;
vertical-align: bottom;
}

.searchresult table td a {
display: block;
font-weight: bold;
}

.searchresult .pager {
margin-right: 9px;
}

/*************************************************
=Frontpage
**************************************************/
.layout31 .focus {
width: 358px;
overflow: hidden;
}

.layout31 .focus .column-wrapper {
background: url(/images/focus.png) no-repeat 185px top;
margin-left: -8px;
width: 400px;
}

.layout31 .focus .column {
float: left;
padding-right: 5px;
width: 185px;
}

.layout31 .focus h3 {
border-top: 1px solid #bfbbba;
border-bottom: 1px solid #bfbbba;
font-size: 1.125em;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 6px;
padding: 2px 0 2px 8px;
}

.layout31 .focus h3 a {
display: block;
}

.layout31 .focus .column p {
padding: 0 8px;
}

/*************************************************
=Local pages
**************************************************/
.local .title {
background-color: #fff;
padding-bottom: 24px;
}

.local .title em {
border-top: 2px solid #ff9c17;
border-bottom: 2px solid #ff9c17;
display: block;
font-size: 1.556em;
font-style: normal;
padding: 11px;
}

.local .calendar {
border-bottom: 1px solid #dadddd;
}

.local .box {
margin-bottom: 18px;
margin-left: -8px;
}

.local .secondary-content .box {
margin-left: 0;
}

/*************************************************
=HlfU pages
**************************************************/
.hlfu .banner {
background-color: #fff;
padding-bottom: 16px;
}

.hlfu .focus-article {
margin-bottom: 18px;
}

.hlfu .focus-article img {
border-left: 1px solid #fff;
float: right;
}

.hlfu .focus-article .inner {
background: #f05019 url(/images/Hlfu-focus-article.png) no-repeat bottom left;
height: 292px;
min-height: 292px;
width: 189px;
float: left;
}


html>body .hlfu .focus-article .inner {
height: auto;
}

.hlfu .focus-article h1 {
border-bottom: 1px solid #fff;
color: #fff;
padding: 7px 11px 3px 11px;
}

.hlfu .focus-article p {
color: #fff;
font-size: 0.875em;
padding: 6px 11px 1em 11px;
}

.hlfu .focus-article a:link,
.hlfu .focus-article a:visited {
color: #fff;
font-size: 0.875em;
margin: 0 9px;
padding: 0 2px;
text-decoration: underline !important;
}

.hlfu .focus-article a:hover,
.hlfu .focus-article a:focus,
.hlfu .focus-article a:active {
background-color: #e97147;	
}

.hlfu .secondary-content h3 {
font-size: 1.125em;
font-weight: normal;
line-height: 1.2em;
}

/* Left menu */
.hlfu .content-nav h3 {
background: #fff url(/images/arrowR-grey.png) no-repeat 8px center;
}

.hlfu .content-nav h3 a {
color: #808080;
}

.hlfu .content-nav ul li a:link,
.hlfu .content-nav ul li a:visited,
.hlfu .content-nav ul li ul li a:link,
.hlfu .content-nav ul li ul li a:visited {
background: #9f9898 url(/images/arrowR-white.png) no-repeat 8px center;
color: #fff;	
}

.hlfu .content-nav ul li.expanded a:link,
.hlfu .content-nav ul li.expanded a:visited {
background: #fff url(/images/arrowD-grey.png) no-repeat 6px center;
color: #808080;
font-weight: normal;
}

.hlfu .content-nav ul li.selected a:link,
.hlfu .content-nav ul li.selected a:visited {
font-weight: bold !important;
}

.hlfu .content-nav ul li.selected ul li a:link,
.hlfu .content-nav ul li.selected ul li a:visited {
font-weight: normal !important;
}


/*************************************************
=Login
**************************************************/
/* Mini form for login box */
.mini-form fieldset {
border: 0;
margin: 0 0 10px 0;
}

.mini-form div {
clear: both;
}

.secondary-content .box.mini-form table {
border: 0;
width: auto;
}

.secondary-content .box.mini-form table td {
border: 0;
font-size: 1em;
padding: 0;
text-align: left;
}

.mini-form label {
display: block;
float: left;
font-size: 0.75em;
font-weight: normal;
padding: 0 0 0.5em 0;
}

.mini-form fieldset label {
padding: 0.5em 0 0 0;
}

html>body .mini-form label {
margin: 0 10px 0 0;
}

.mini-form label input,
.mini-form label textarea {
font-size: 1em;
}

.mini-form label input,
.mini-form label select {
clear: both;
margin: 0;
width: 100%;
}

.mini-form label input.check {
clear: none;
width: auto;
}

.mini-form select {
background-color: #fef2b9;
border: 1px solid #c3a81f;
color: #000;
font-size: 1em;
}

.mini-form .button {
clear: both;
float: right;
}

/***Banners***/
/**************/

.banners{
clear: both;
padding-top: 10px;
padding-bottom: 5px;	
}

.bannerSingleTop{
padding-bottom: 10px;	
}

.banners img{
float: left;
padding: 0 10px 0 0px;	
}

.bannerSingleTop img{
float: left;
padding: 0 10px 0 0px;	
}

.banners img.small{
padding: 0 3px 0 0px;
float: right;
}

.bannerSingleTop img.small{
padding: 0 3px 0 0px;
float: right;
}

.Row2banners{
clear: both;
*padding-top: 0px;
*padding-bottom: 0px;
}

.Row2banners img{
float: left;
padding: 0 10px 0 0px;
}

.Row2banners img.small{
float: left;
padding: 0 3px 0 0px;
}

/*************************************************
=Other
**************************************************/
/* Widths */
.w33 {width: 33px;}
.w60 {width: 60px;}
.w116 {width: 116px;}
.w117 {width: 290px; margin-left:2px;}
.w153 {width: 153px;}
.w172 {width: 172px;}
.w245 {width: 245px;}
.w367 {width: 367px;}
.w380 {width: 380px;}
.w428 {width: 428px;}

/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Relative positioning */
.posrelt-1 {position: relative; top: -1px;}

/* Borders */
.border-b {border-bottom: 1px solid #f1f1f1;}
.border-t0 {border-top: 0 !important;}

/* Margin and padding */
.padb0 {padding-bottom: 0 !important;}
.margb5 {margin-bottom: 5px;}
.margt10 {margin-top: 10px;}
.margb15 {margin-bottom: 15px;}
.margt15 {margin-top: 15px;}
.margl20 {margin-left:20px;}
.margl116 {margin-left: 116px;}
.padt0 {padding-top: 0;}


/* Colors */
.orange1 {background-color: #f5a600 !important;}
.orange2 {background-color: #f7ad00 !important;}
.orange3 {background-color: #f8b500 !important;}
.orange4 {background-color: #f9bb00 !important;}
.orange5 {background-color: #fbc500 !important;}
.orange {background-color: #fdcc00 !important;}


/* Gi en gave til HLF */
.giftPrice{
position:relative;
width: auto; 
*width: 212px !important; 
margin-right:6px;
float:right;
}

.tblGift{
border-top: 1px solid #DFDDDD; 
border-bottom: 1px solid #DFDDDD; 
width: 560px; 
margin-bottom:10px;
}

.tblCellText{
border-right: 1px solid #DFDDDD; 
width:314px; 
*width:0px !important;
float:left; 
font-size: 16px;
}

.tblCellPrice{
border-right: 1px solid #DFDDDD; 
width:72px; 
*width:0px !important;
float:left; 
font-size: 12px;
}

.giftText{ 
width: 314px; 
font-size: 0.75em;
}

.article-intro-bold {
margin-bottom: 5px;
font-weight:bold;
}

.layout13 .content .columns .column-wrapper {
background: none;
border-left: 1px solid #ededee;
}

.shadow .box {
border-left: 1px solid #dfdddd;
}

.wideColumn
{	
	min-width: 760px;
	max-width: 760px;
}

.memberStyle
{}

.notmemberStyle{}

.labellist .memberStyle{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	color:#333333;
}

.labellist .notmemberStyle,
.labellist .notmemberPrice{
	font-size:11px;
	color: #666;	
}

.labellist .memberPrice{
	color: #EF4A11;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:5px;
}

#cartSymbolRight{
	float: right;
    position: relative;
    right: 35px;
	*top: -18px;
}

#cartSymbolHeading{
	left: 140px;
    position: relative;
    top: 25px;
}

#cartSymbolHeadingCart{
	left: 205px;
    position: relative;
    top: -27px;
}

.step-wrapper{
	position: relative;
    padding-right: 25px;
    top: -28px;
}

.step-wrapper-inner-CartView{
	float: right;
    position: relative;
    top: -16px;
}

.step-wrapper-inner-CheckOut{
	float: right;
    left: -2px;
    position: relative;
    top: -25px;
}

.step-wrapper-inner{
	float:right;
	position:relative;
}

#step{
	float:left;
	color: #4D6582;
	font-size: 0.75em;
}

.pipe{
	float:left;
	margin-left:5px;
	margin-right:5px;
	position: relative;
    top: 4px;
}

.memberStyling{
	position:relative;
	margin-left:117px;
	*margin-left:112px;
	top: 15px;
}

.wCustom{
	width:135px;
	position:relative;
	top: -14px;	
	*top: -16px;	
}

.nonMemberText span{
	color: #4D6582;
	font-size: 11px;
	font-weight:bold;
	
}
