/*
 * HTML5 ✰ Boilerplate
 *
 ******************** normalize styles ********************
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table { page-break-after:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
td    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
div { page-break-inside:auto; page-break-after:auto }
header { page-break-after:auto }               
section { page-break-inside:auto; page-break-after:auto }
footer { page-break-inside:avoid; page-break-after:auto }          
ul { page-break-inside:avoid; page-break-after:auto }      

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1.3em 0; padding: 0; }

input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
.ie7 body { line-height:1.2; }

select, input, textarea, button { font:99% sans-serif; margin: 0; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

/******************** share button ********************/

.c7n-share-icon {
    position: relative;
    padding-right: 16px;
    font-size:1.4em !important;
    color: rgba(84, 143, 184, 1);
}

.c7n-share-icon:hover{
    cursor: pointer;
    color: rgba(84, 143, 184, 0.65);
}

.c7n-share-icon.c7n-open ul.c7n-share-box,
.c7n-share-icon:hover ul.c7n-share-box{
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}

ul.c7n-share-buttons {
    margin: 0;
    padding: 0;
}

ul.c7n-share-box {
    display: table;
    background-color: rgba(84, 143, 184, 1);
    position: absolute;
    padding: 0;
    left: -1px;
    top: 22px;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    visibility: hidden;
}

ul.c7n-share-buttons li{
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
}

ul.c7n-share-buttons li:before{
    display: none;
}

ul.c7n-share-box li{
    list-style: none;
    display: table-cell;
    padding: 0;
    margin: 0;
    width: auto;
}

.c7n-share-buttons a.fa{
    color: #ffffff;
    font-size: 1em;
    display: block;
    margin: 0;
    text-align: center;
    padding: 7px 16px;
    background-color: rgba(95,60,0,1);
    min-width: 60px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.c7n-share-buttons a.fa.fa-facebook {
    background-color: rgba(59,89,152,1);
    background-color: rgba(95,60,0,1);
}

.c7n-share-buttons a.fa.fa-twitter {
    background-color: rgba(0, 172, 237,1);
    background-color: rgba(95,60,0,1);
}

.c7n-share-buttons a.fa.fa-google-plus {
    background-color: rgba(211, 72, 54,1);
    background-color: rgba(95,60,0,1);
}

.c7n-share-buttons a.fa.fa-linkedin {
    background-color: rgba(0,119,181,1);
    background-color: rgba(95,60,0,1);
}

.c7n-share-buttons a.fa.fa-facebook:hover {
    background-color: rgba(59,89,152,1);
}

.c7n-share-buttons a.fa.fa-twitter:hover {
    background-color: rgba(0, 172, 237,1);
}

.c7n-share-buttons a.fa.fa-google-plus:hover {
    background-color: rgba(211, 72, 54,1);
}

.c7n-share-buttons a.fa.fa-linkedin:hover {
    background-color: rgba(0,119,181,1);
}

.c7n-share-box a.fa{
    color: #ffffff;
    font-size: 0.8em;
    display: block;
    padding: 8px 8px;
    margin: 0;
    text-align: center;

}

.c7n-share-box a.fa:hover{
    color: rgba(255,255,255,0.45);
    cursor: pointer;
}

.dc-facebook a.c7n-button:hover,
.dc-facebook ul.c7n-share-box,
.dc-facebook .c7n-headline-footer .c7n-share-icon .fa{
    background:#3B5998;
    color: #ffffff;
}

.dc-facebook .c7n-headline-footer .c7n-share-icon .fa:hover {
    color: rgba(255,255,255,0.8);
}

.event-box a.c7n-button:hover,
.event-box ul.c7n-share-box,
.event-box .c7n-headline-footer .c7n-share-icon .fa {
    background:#fff;
    color: rgba(95,60,0,1);
}

/******************** minimal base styles ********************/

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

input:valid, textarea:valid {  }
/*input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }*/
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #435364; }
b{
    font-weight:bold ;
}

::-moz-selection{ background: #435364; color: #fff; text-shadow: none; }
::selection { background: #435364; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #435364; }

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }


/*
 * tables
 *
 */

/* content tables */
/* TODO: JB: ask if table should have fixed width?? */
#content table,
table.realTable  { margin-bottom: 1.4em; float: left;}

table.realTable.border { border-top: 1px solid #548FB8; border-left: 1px solid #548FB8; }
table.realTable.border td { border-bottom: 1px solid #56A2D3; border-right: 1px solid #548FB8; padding: 7px 2px 7px 2px; }

table caption { font-size: 20px; padding: 10px 0 4px;  margin-bottom: 0px;border-bottom: 0px solid #424242; text-align: left;}  

#content table th, 
table.realTable th  {  color: #ffffff; border-bottom: 0px solid #BCBCBC; padding: 7px 0 7px 1px; text-align: left; background-color: #56A2D3; }
table td, 
table.realTable td  { padding:  7px 0 7px 1px; }

#content table tr, 
#content table.contenttemplate tr, 
table.realTable tr { background-color: #ffffff; }   
#content table tr:nth-of-type(odd), 
table.realTable tr:nth-of-type(odd) { background-color: #eaf3f9; }   

#content table.contenttemplate tr:nth-of-type(odd)  
{ background-color: #ffffff; }   

/* content list */ 

#content ol, .cke_show_borders ol { margin-left: 4px !important; }
#content ul, .cke_show_borders ul { margin-left: 0px !important; }
/** TODO JB: ToDelete if no problem : #content ul li, .cke_show_borders ul li { padding-left: 4px !important; } */


/*#content table td:nth-last-child( n+2 ) { padding-right: 30px; }       */                 

#content table.contenttemplate  tr { background-color: #ffffff !important; } 
#content table.contenttemplate  tr td { padding: 0 !important; } 



/* chart tables */
table.chart { margin-bottom: 1.4em; }

table.chart th { background-color: #444; color: #fff; padding: 10px }
table.chart td { padding: 9px 10px; }

table.chart th:nth-child( n ) { width: 220px; }
table.chart td:nth-child( n ) { width: 220px; }

table.chart tr:nth-of-type( even ) { background-color: #F3F3F3; }
table.chart tr:nth-of-type( odd ) { background-color:#ddd; }

/* bill tables */
table.bill { margin-bottom: 1.4em; }

table.bill th { background-color: #444; color: #fff; padding: 10px; }
table.bill td { padding: 9px 10px; }

table.bill tr:nth-of-type( even ) { background-color: #F3F3F3; }
table.bill tr:nth-of-type( odd ) { background-color:#ddd; }

table.bill th:nth-child( n+2 ) { text-align: right; }
table.bill td:nth-child( n+2 ) { text-align: right; }

table.bill tr:last-child { font-weight: bold; }
table.bill td:last-child { font-weight: bolder; }

table.bill tr:last-child td:last-child{ font-size: 1.2em }

table.bill tr:nth-last-child( 2 ) { color: #435364; }
table.bill tr:nth-last-child( -n+3 ) td { text-align: right; }


/*
 * forms
 *
 */        
 
fieldset { border: none; float: left; width: 100%;}
legend { border: none; visibility: hidden; }

.row label {font-weight: bold; padding-top: 7px;}

input, textarea, select { display: block; float:left; padding: 6px 6px; font-size: 1em; border: 1px solid #6F6F6F; width: 360px; }

textarea { resize: none;height: 80px; }
select { width: 374px; }

input[type="radio"], input[type="checkbox"] { float: left; margin: 6px 10px 6px 0; padding: 0; border:0; width: auto; }
input[type="submit"],
input[type="button"],
input[type="reset"]
{
    float: left;
    width: auto;
    font-weight: normal;
    cursor:pointer;
    margin-right: 10px;
    margin-top: 10px;
    padding: 4px 12px 4px 12px;
    background-color: #ACACAC;
    color: #424242;     
     text-transform: lowercase;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
#sidebar .login-button{
    background-color: #548FB8;
    color: white;
    border: 1px solid white;
}


.mediadirSearchForm label {
    width: 100%;
}

.ie7 input[type="submit"],
.ie7 input[type="reset"]
{
    padding-bottom: 0px;
}
.ie8 input[type="submit"],
.ie8 input[type="reset"],
.ie input[type="submit"],
.ie9 input[type="reset"]
{
    padding-bottom: 4px;
}

input[type="submit"].substantive,
input[type="button"].substantive,
input[type="reset"].substantive
{
     text-transform: none;
}

form p, form > fieldset > div.row { float:left; width:100%; margin-bottom: 10px; padding: 0;}
form p label, form fieldset div label { float:left; font-weight: normal; margin: 0;}

form p label.noCaption { position: relative; top: -3px; text-align: left; padding: 0; margin: 0; width:360px; height: 23px; }
form p label.description { text-align: left; padding: 3px 0 0 0; margin: 0; }

#newsletter input[type="radio"], #newsletter input[type="checkbox"] { margin: 0 10px 0 160px; position: relative; top: 5px; }
#newsletter #female { margin: 0 10px 0 0px; }
#newsletter #male { margin-bottom: 1.4em; }

.sidebar-box #newsletter input[type="radio"], #newsletter input[type="checkbox"] { margin: 0 10px 0 0px; position: relative; top: 5px; }

.sidebar-box #newsletter p label { padding: 3px 0 0; width: 160px; }           

form .contactFormGroup { margin-bottom: 10px; margin-top: 0em !important; width: 360px;}
form .contactFormGroup label { padding: 5px 0; font-weight: normal; width: 330px;}

form .contactFormUpload { float:left; height: 50px; }
form .contactFormClass_file { position: relative; top: -18px; }


#contactFormCaptcha, #contactFormCaptcha #captcha, #contactFormCaptcha #captcha label, #coreCaptchaImage, #captcha { float:left; font-weight: normal;}
#contactFormCaptcha #captcha input{ width:100px; }

#captcha { width: 394px;
    margin-bottom: 10px;
}
#coreCaptchaLabel { margin-bottom: 10px; width: 360px; font-weight: normal; }
#coreCaptchaCode { width: 100px; margin-right: 10px;}
#coreCaptchaImage { width: auto; height:30px;}


input#remember_me {margin-top: 17px;}

label.remember_me {padding-top: 15px;}

label.noCaption {margin-right: 15%;}

/******************** plugin styles ********************/

/*
 * growmedia.ca :: fullscreen background
 *
 */

#supersize { position: fixed; z-index: 0; left: 0; top: 0; }
#supersize img { height:100%; position:absolute; width:100%; z-index:0 }

/*
 * cycle
 *
 */
#slider_container { position: relative; }

#slider img { width: 960px; height: 305px; }

#slider_nav { position: absolute; left: 0; height: 44px; width: 100%; z-index: 100; }

#prev, #next { position: absolute;  overflow: hidden; cursor: pointer; background: url( '../../html5/images/icons/arrows.png' ); display: none; }

#prev { left: 10px; background-position: left top; }
#next { right: 10px; background-position: right top; }

#prev:hover { background-position: left bottom; }
#next:hover { background-position: right bottom; }

#slider_pager { position: absolute; bottom: 0; right: 0; z-index: 100; padding: 10px; display: none; }
#slider_pager a { padding: 5px; }
#slider_pager .activeSlide, #slider_pager a:hover { color: #435364; }



/******************** non-semantic helper classes ********************/

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect( 0 0 0 0 ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* the magnificent clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/*
 ******************** media queries ********************
 *
 *
 */

    /*@media all and ( orientation: portrait ) { /* style adjustments for portrait mode goes here } */
    /*@media all and ( orientation:landscape ) {  /* style adjustments for landscape mode goes here } */

    /*@media screen and ( max-width: 600px ) { /* style adjustments for small screens goes here } */
    /*@media screen and ( max-device-width: 480px ) { /* style adjustments for mobile browsers goes here } */



/*
 ******************** print styles ********************
 *
    @media print
    {
      * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
      -ms-filter: none !important; }
      a, a:visited { color: #444 !important; text-decoration: underline; }
      a[href]:after { content: " (" attr(href) ")"; }
      abbr[title]:after { content: " (" attr(title) ")"; }
      .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
      pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
      thead { display: table-header-group; }
      tr, img { page-break-inside: avoid; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3{ page-break-after: avoid; }
    }
 *
 */


/*------------------------------------------------------------------------
 -------------------------------------------------------------------------
 Main Style
 -------------------------------------------------------------------------
 -----------------------------------------------------------------------*/

/*
 ******************** primary styles ********************
 *
 */

html { font-size: 13px }

body, select, input, textarea
{
  color: #444;
  font-family:  helvetica, arial, sans-serif;
  font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal !important; text-decoration: !important; font-style: none !important;}


h2 { font-size: 1.6em; margin: 1.5em 0 1.1em 0; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }


h2 strong,
h3 strong {   
    font-weight: normal !important;
}
.block-home-row h2{
font-size: 18px;
    border-bottom: solid 1px #acacac;
    padding-bottom: 8px;
    margin: 0 0 15px 0;
}
#content {
    position: relative;
}

#content img { 
    
    /*float: left;     */

 margin: 0 20px 0.5em 0 }
 
 #content img.pdf-icon { 
    
display: inline;
float: left;

 margin: 0px 10px 0 0 }
 
  #content .attach a {
      margin: 2px 0 0 0;  
float: left;
  }

a, a:active, a:visited, a u { color: #548FB8; text-decoration: none !important; }
a:hover { color: #435364; }




body{
	color: #424242;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1{
	margin: 0 0 30px 0;
	padding: 0 0 6px 0;
	border-bottom: solid 1px #acacac;
	font-size: 30px;
}

h2{                
	margin: 0;
	font-size: 24px;
    padding: 12px 0 6px;
}

h3{                   
	margin: 0;
    padding: 10px 0 4px;
	font-size: 20px;
}


a,
a:active,
a:visited,
a:hover{
	color:#548FB8;
	text-decoration: none;
	cursor: pointer;
}      

a:hover {
    color:#0791ce;
}         

p{
	clear:both;
	padding: 0;
	margin-bottom: 1.4em;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

p {  }

ul, ol {
	padding: 0;
	margin-bottom: 1.4em;
}

li{
	margin-left: 1.4em;

}

.search_match {
    font-weight: bold;
}

/*-----------------------------------------------------------------------
 Header
 -----------------------------------------------------------------------*/
#header-container{
	width: 100%;
	height: auto;
}

#header-container header{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

header #logo{
	float: left;
	width:300px;
	height:80px;
}

header #logo_ch-direct{
    float: left;
    width:300px;
    height:80px;
}


header #meta-box-top{
	float: right;
	width:300px;
	height: 60px;
	margin-top: 24px;
}

header #language-box{
	float: right;
	display:block;
	width: 100%;
    text-align: right;
    padding-bottom: 15px;
}

header #language-box a{                       
	margin-left: 8px;
	list-style: none;
	font-size: 11px;
}

header #meta-box-top a{
	text-decoration: none;
	font-size: 11px;
    color: #6B6B6B; 
}    

/* Heder fontsize box */

header #meta-fontsize {
    width: 30%;
    float: left;     
}       


header .smaller, header .normal, header .bigger { cursor: pointer; }
header .smaller { font-size: 0.9em; }
header .bigger { font-size: 1.3em; }



header #meta-box-top a.active,
header #meta-box-top a:hover,
header #meta-fontsize span:hover,
header #meta-fontsize span.active {
    color: #548FB8;   
}

/* Header meta navigation*/
header  #meta-navigation{
	float: right;
	display: block;
    padding-top: 5px;
	width: 70%;
}

header  #meta-navigation ul{
	float: right;
}

header  #meta-navigation ul li{
	float: left;
	margin-left: 10px;
	list-style: none;
	font-size: 11px;
}

/*-----------------------------------------------------------------------
 Navigation
 -----------------------------------------------------------------------*/
#navigation-1{
    float:right;
}
#navigation-container{
    width: 100%;
    height: auto;
    border-top: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2;
    z-index: 90;
}

/*nav { z-index: 1000; }    */

#navigation-container nav{
    position: relative;
    z-index: 999;
    width: 1200px;
    height: 44px;
    margin: 0 auto;
    font-size: 18px;
    position:relative;
}

#mainnav { width: 100%; position: absolute; top: 0px; }
#mainnav #nav-container { position: relative;  }

#mainnav ul.navigation-1
{
    float: right;
    display: block;
    height: 44px;
    overflow: hidden;
}

#mainnav li.level-1 { z-index: 100; float:left; }
#mainnav li.level-1 > a
{
    float:left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px 10px 6px 10px;
    margin: 5px 0 6px 5px;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
}

#mainnav li.navigation-1 li.level-1 a { display: block; color:#000000; }
#mainnav li.level-1:hover > a, #mainnav li.level-1 > a.starter_active { color: #FFFFFF; background-color: #548FB8; }

#mainnav li.level-1 > .menu
{
    position: absolute;
    z-index: 100;
    top: 44px;
    border: 1px solid #a2a2a2;
    left:0;
    display: block;
    width:1200px;
    background: #FFFFFF;                 
    visibility: hidden;
}

#mainnav li.level-2:nth-child(5n + 1) { clear:left; }

#mainnav li.level-1:hover ul.menu , #mainnav li.level-1:hover li.level-2 { visibility: visible; }

#mainnav li.level-2 { float:left; padding: 15px; }


#mainnav li.level-2 > a { font-size:16px; width: 190px; border-bottom: 1px solid #548FB8; }
#mainnav li.level-2 a { color:#548FB8; display: block; }
#mainnav li.level-2 ul { margin-top: 5px; }

#mainnav li.level-3 a
{
    border-bottom: 1px solid #cfd1d2;
    font-size: 14px;
    padding: 6px 0 3px 0;
    width: 210px;
    color:#000000;
}

#mainnav li.level-2:hover > a, #mainnav li.level-3:hover > a, #mainnav li.level-4:hover > a, #mainnav li.level-5:hover > a  { color:#548fb8; }
#mainnav li.level-4, #mainnav li.level-5 { display: none; }      

#nav-overlay
{
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background: #444;
    opacity: 0.2;
    z-index: 90;
    display: none;
}

.ie7 #nav-overlay,
.ie8 #nav-overlay
{
    background: url('../images/backgrounds/bg-gray-50.png') repeat;
    opacity: 1;
}


/* level-2-box */

/*-----------------------------------------------------------------------
 Slider / Eyecatcher
 -----------------------------------------------------------------------*/
#slider-container{
	width: 100%;
	height: 30px auto;
}


#slider-container #slider,
#slider-container_ch-direct #slider{
	width: 1200px;
	height: 200px; /* home 250px */
	margin: 0 auto;
	margin-top: 30px;

	/*Testing*/
	background-color: #888888;
}

#slider-container #slider-home,
#slider-container_ch-direct #slider-home{
	width: 1200px;
	height: 250px;

	/*Testing*/
	background-color: #888888;
	margin: 0 auto;
	margin-top: 30px;
}

/*-----------------------------------------------------------------------
 Main Home
 -----------------------------------------------------------------------*/

#main-container{
	width: 100%;
	height: auto;
}

#main-container #home{
	width: 1200px;
	height: auto;
	margin: 30px auto;

	/*Testing*/
	/*background-color: #F1F1F1;   */
    background-image: url(../images/bg_home.png);
    background-position: top right;
    background-repeat: repeat-y;
}

#home #content{
	float: left;
	width: 950px;
	padding: 0 30px 0 0;    

	/*Testing*/
	background-color: #FFFFFF;
}

#home #subnavigation{
	float: left;
	width: 260px;
	height: 100%;
}

#home #sidebar{
	float: right;
	width: 220px;
	height: 100%;
}


#home #content-meta{
	height: 34px;
	margin-top: 10px;
}

/*-----------------------------------------------------------------------
 Block Layout
 */

#home #home-teaser-container{
	float: left;
	width: 950px;
	margin-top: 20px;

    margin-top: 1px;
}

#home .block-home-row{
	width: 950px;
	height: auto;
	float:left;
	margin-bottom: 30px;
}

#home .has-margin-left{
	margin-right: 30px;
}

#home .home-block{
	width: 460px;
	height: auto;
	float:left;
}

#home .home-block p a
{                  
   margin-top: 7px;        
   display: block;   
}    

#home .home-block h2{
	font-size: 18px;
	border-bottom: solid 1px #acacac;
	padding-bottom: 8px;
	margin: 0 0 15px 0;
}

#home .home-block p{
	margin-bottom: 6px;
}
/*-----------------------------------------------------------------------
 Main Default
 -----------------------------------------------------------------------*/
#main-container{
	width: 100%;
	height: auto;
}

#main-container #main{
	width: 1200px;
	height: auto;
	margin: 30px auto;

	/*Testing*/
	/*min-height: 800px;  */          
    background-image: url(../images/bg_content.png);
    background-position: top right;
    background-repeat: repeat-y;
}

#main #content{
	float: left;
	width: 660px;
	padding: 0 30px;

	/*Testing*/
	/*min-height: 800px;      */
	background-color: #FFFFFF;
}

#main #subnavigation{
	float: left;
	width: 260px;
	height: 100%;
}

#main #sidebar{
	float: right;
	width: 220px;
	height: 100%;
}


#main #content-meta{
	height: 34px;
	margin-top: 10px;
}

#main .infobox {
	background-color:#EDEDED; 
	padding:2%; 
	margin:0 0 20px 0; 
	float: left; 
	heigth: auto; 
	width: 96%;
}

.box {
  width: 220px;
  float: left;
  padding-left: 23px;
  padding-bottom: 25px;
}

.box:first-child {
    padding-left: 0;
}

a.button, a.button:active, a.button:visited {
    background: #548FB8;
    color: #FFFFFF;
    padding: 4px 12px 4px 12px;
    float: left;
}

.box a.button {
    bottom: 85px;
    position: absolute;
}

/*-----------------------------------------------------------------------
 Content Footer
 */

#content #content-meta .content-footer-box{
	width: 340px;
}

#content #content-meta #content-tool-box{
	width: auto;
}

#content #content-meta #content-tool-box ul{
	float: right;
}

#content #content-meta #content-tool-box ul li{
	list-style: none;
	margin-right: 10px;
	float: left;
}

.recommend-icon{
	float: left;
	width:20px;
	height:20px;
	margin-top: -3px;
	margin-right: 4px;
	background: url("../images/icons/icons_voev.png") no-repeat;
}

.print-icon{
	float: left;
	width:20px;
	height:20px;
	margin-top: -3px;
	margin-right: 4px;
	background: url("../images/icons/icons_voev.png") no-repeat -20px 0;
}

.map-icon{
	width: 40px;
	height: 40px;
	background: url("../images/icons/icons_voev.png") no-repeat -40px 0;
}

#back-top {
    background: url("../images/icons/up-arrow.png") no-repeat scroll center center #56A2D3;
    bottom: 50px;
    cursor: pointer;
    float: left;
    height: 50px;
    position: fixed;
    right: 50px;
    transition: all 0.21s ease 0s;
    width: 50px;
    z-index: 999;
    border: 1px solid #ffffff;      
    border-radius: 5px 5px 5px 5px;       
    display: none;
}

#back-top:hover {
    background-color: #ACACAC;
}


/*-----------------------------------------------------------------------
 Sidebar */

/* TODO: JB: changed to right, left was probably wrong... */
#sidebar{
	float:right;
}

#sidebar .box-title h3{
	margin: 0;
	font-size: 16px;
}

/*-----------------------------------------------------------------------
 Subnavbar */
#subnavigation{
	float:left;
}

#subnavigation ul{
	margin: 0;
}

#subnavigation a,
#subnavigation a:hover,
#subnavigation a:visited{
	color: #6f6f6f;
}
#subnavigation a:active{
	color: #0791ce !important;
}

#subnavigation a:hover .subnavbar-link{
	background-color: #e0e0e0;  /*#E8E8E8;*/
}

/* level 2 */
#subnavigation ul li{
	list-style: none;
	display:block;
	font-size: 16px;
	border-bottom: solid 1px #acacac;
}

#subnavigation ul > li{
	margin-left: 0;
}

#subnavigation ul .active{
	/*background-color: #e0e0e0;*/
}

#subnavigation ul .inactive{
	background-color: #F1F1F1;
}

#subnavigation ul .subnavbar-link{
	padding: 8px 8px 4px 16px;
}

/* level 3 */
#main #subnavigation ul ul li{
	border-bottom: none;
	
}

#main #subnavigation ul ul li:first-child {
	border-top: solid 1px #acacac;
}

#subnavigation ul ul .subnavbar-link{
	padding: 8px 8px 4px 28px;
	font-size: 14px;
}

/* level 4 */
#subnavigation ul ul ul .subnavbar-link{
	padding: 8px 8px 4px 40px;
	font-size: 14px;
}

#subnavigation .menu_level_2 .active > a > .subnavbar-link,
#subnavigation .menu_level_3 .active > a{
	/*color:#0791ce;*/
	color: #548FB8;
}

/* level 5 */

#main #subnavigation ul ul ul ul li {
	border: none !important;
}


#main #subnavigation ul ul ul ul .subnavbar-link{
	padding: 8px 8px 4px 52px;
}



/*---------------------------------------------
 Sidebarbox */

.sidebar-box{
	max-width: 220px;
	overflow: hidden;
}

.sidebar-box .box-title{
	width: 201px;
	/*height: 21px;    */
	font-size: 16px;
	padding: 2px 8px 7px 11px;
	border-bottom: solid 1px #acacac;
}

.sidebar-box .box-content{
	padding: 10px 8px 14px 11px;
	font-size: 13px;
    overflow: hidden;
}

.sidebar-box .box-white-margin{
	width: 220px;
	height: 30px;
	background-color: #FFFFFF;
}

/* Login form */

#login-form p{
	margin-bottom: 0.8em;
}

#login-form label{
	float: left;
}

#login-form input[type="text"],     
#login-form input[type="password"]{      
	width: 185px;               
    margin:  0 0 5px 0;
}

#login-form input[type="submit"]{
	float: left;         
	margin-bottom: 15px;
}
#login label,
#label-search{
        width:75%;
}

/* Newsletter */

#newsletter-subscription{

}       

#newsletter-subscription input[type="text"]{
	float: left;
	width: 185px;  
}

/* Show or hide the message that the e-mail has already been added */
/* Hide the newsletter subscription form in any case */
#newsletter .form form[name="newsletter-subscribe"],
#newsletter .okMessage + #e-mail-added,
#newsletter .errorMessage + .form + #e-mail-added {
    display: none;
}

#access .newsletter .row label,
#newsletter .newsletter label {
    width: 70%;
    padding-top: 5px;
}
/*-----------------------------------------------------------------------
 Footer Area
 -----------------------------------------------------------------------*/
#footer-area-container{
	width: 100%;
	height: auto;
	border-top: solid 1px #a2a2a2;
	font-size: 12px;
}

#footer-area-container #footer-area{
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	padding-top: 20px;
}

#footer-area .footer-area-box{
	float: left;
	width: 220px;
	height: 130px;
	margin-right: 25px;
}

#footer-area .footer-area-box h4,
#footer-area .footer-area-box h5,
#footer-area .footer-area-box h6{
	font-size: 1.1em;
	margin-bottom: 4px;
}

#footer-area #fifth-footer-area-box{
	margin-right: 0px;
}


/*-----------------------------------------------------------------------
 Footer
 -----------------------------------------------------------------------*/
#footer-container{
	width: 100%;
	height: auto;
	background-color: #57a1d3;
	color: #FFFFFF;
	font-size: 11px;
}

#footer-container a{
	color: #FFFFFF;
}

#footer-container footer{
	width: 1200px;
	height: 40px;
	margin: 0 auto 0 auto;
}

#footer-container .footer-box-left{
	float: left;
	width: 400px;
	height: 15px;
	padding: 15px 0 10px 0;
}


#footer-container .footer-box-left ul{
	margin: 0px;
}
#footer-container .footer-box-left ul li{
	list-style: none;
	float: left;
	margin-right: 10px;
}

#footer-container .footer-box-right{
	float: right;
	width: 400px;
	height: 15px;
	padding: 15px 0 10px 0;
	text-align: right;
}
.contenttemplate img{
    margin: 0 !important;
}

/*---------------------------------------------
 Contact */

#contactForm .contact row{
	height: 22px;
}
#contactFrame .is_required {
    font-weight: bold;
    padding: 0px 2px 0px 2px;
    color: #f00;
}

.site-Sponsoring2019 label {
    width: 100%;
}
.site-Sponsoring2019 label.noCaption {
    margin: 0;
}


/*-----------------------------------------------------------------------
 Downloads
 -----------------------------------------------------------------------*/
#downloads {
    font-family: arial, sans-serif !important;
}
#downloads input[type="radio"], #downloads input[type="checkbox"] { 
	float: left; width: auto; margin: 3px 5px 0 0; border:0; 
}


/*#downloads input[type="submit"],
#downloads input[type="button"],
#downloads input[type="reset"]
{
    float: left;
    width: auto;
    cursor:pointer;
    margin-right: 10px;
    height: inherit;
    background-color: #C5C5C5;
}
*/

#downloads input, #downloads textarea, #downloads select { 
	/*display: block; float:left; padding: 2px 6px; font-size: 1em; border: 1px solid #bcbcbc; width: 380px;      */
}


#downloads a, #downloads a:active, #downloads a:visited { color: #056894; text-decoration: none; }
#downloads a:hover { color: #000000; }

#downloads form p label, #downloads form fieldset div label { float:left; width: 230px; font-weight: normal; margin: 0;}

#downloads form fieldset div label{ width: 75%;}

#content #downloads .category img {
	float: none;
	margin: 0;
}

#downloads .downloads_file ,
#downloads .downloads_category {
      border-bottom: 1px solid #CFD1D2;      
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    float: left;
}

#downloads .downloads_category .icon ,
#downloads .downloads_file .icon {
    width: 20px;
    padding: 0px 10px 5px 0px;
    float: left;
    height: 20px;
}

#downloads .downloads_category .icon img,
#downloads .downloads_file .icon img{
    width: 20px;
    height: 20px;
}

#downloads .downloads_category h3 ,
#downloads .downloads_file h3 {
	font-size: 13px;
	margin: 0;
    padding: 2px 0px 0px 0px;
    float: left;
    border-bottom: 0px solid #CFD1D2;
}

#downloads .downloads_category .title ,
#downloads .downloads_file .title {
     width: 600px;
    padding: 2px 0px 2px 0px;
    float: left;
    min-height: 20px;
}

#downloads .downloads_file .fileCategory {
        font-size: 11px;
}

#downloads form p, #downloads form > fieldset > div.row { 
	float:left; width:100%; margin-bottom: 10px; padding: 0;
}


#downloads .downloads_file .filesize {
    width: auto;
    padding: 2px 0px 0px 10px;
    float: left;
    height: 18px;
    font-style: italic;
}

#downloads .downloads_file .description {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
}

/*#content img.tooltip {
    float: left;
    position: relative;
    left: -21px;
    top: 8px;
    margin-right: -13px;
}*/

#content img.tooltip {
    float: unset;
    position: relative;
    left: 5px;
    top: 8px;
    margin-right: -13px;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-voev .tooltipster-box {
    background: #0092D4;
    border: 0;
    box-shadow: none;
    padding: 10px;
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-voev .tooltipster-arrow-border {
    border: 0;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-voev .tooltipster-arrow-background {
    border-bottom-color: #0092D4;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-voev .tooltipster-content {
    color: #ffffff;
    padding: 8px;
}

/*Content template */
.contenttemplate img{
    margin: 0 !important;
    height: auto;
}



.contenttemplate>h2,
.contentfloat>h2,
.contentdiv>h2
{
        padding-top: 0px;
}

.contentdiv {   
    clear: both;
    float: none;
    width: 100%;
}


hr.backendOnly {
    background-color: #ff0000;
    height: 17px;
    clear: both;
    float: none;
    width: 100%;
}

#content .backendOnly,
#page .backendOnly{
    display: none;
}


#page .contenttemplate,
#page table.realTable,
#page  .contenttemplate .big_img img {
    width: 800px !important;
}

.contenttemplate .avatar img {      
    width: 100px !important;
    height: 121px !important;
}

.contenttemplate .avatar {
    width: 13.1%;
}

.contenttemplate .big_img img {
    width: 660px !important;
    height: auto;
}

.contenttemplate .big_img {
        border-bottom: 18px solid #fff;
}

.contenttemplate .med_img img {
    width: 315px !important;
    height: auto;
}

.contenttemplate .med_text {
    padding-left: 25px;
    width: 65%;
}

.contenttemplate .db_img img {
    width: 315px !important;
    height: auto;
}

.contenttemplate .space {
    width: 30px;
}
                                                                                     
.contenttemplate em {
    font-style: none; 
}

.contenttemplate {
    width: 660px; 
    border: none; 
    border-collapse: collapse;
    float: left;
    overflow: hidden;
}     
          

.contenttemplate tr td {
	padding: 0;
}

.contenttemplate .med_img {
    width: 319px;
    height: auto;
}

.contenttemplate em {
    font-style: none; 
}


.contentfloat {
    float: left;
    margin: 3px 10px 2px 0;
    overflow: hidden;
}

.contentdiv em {
     font-style: italic; 
}    


.contenttemplate .imgcaption  {         
    font-size: 11px;         
    font-style:none !important;  
    }               

.contentdiv .imgcaption,     
.db_img .imgcaption {
    font-size: 11px;
     float: left;     
    margin-bottom: 18px;
    margin-top: 5px;
    overflow: hidden;
    font-style:none !important; 
}

.contentfloat img {
    display: block;
}

.contentdiv p {
	clear: none;
}


.clear {
    clear: both;    
}

hr {
    clear: both;
}

/* accordeons */

.accordionButton,
.accordionButtonOpen {
    background: url(../images/icons/accordeon-arrow.png) no-repeat scroll right center #F1F1F1;            
    overflow: hidden;
    padding: 7px 10px;   
    margin-bottom: 1px;
    cursor: pointer;           
}

.accordionButton.on,
.accordionButtonOpen.on{
    margin-bottom: 0px; 
    background: url(../images/icons/accordeon-arrow-over.png) no-repeat scroll right center #F1F1F1;      
}

.accordionButton.over,
.accordionButtonOpen.over{
    background: url(../images/icons/accordeon-arrow-on.png) no-repeat scroll right center #F1F1F1;      
}

.accordionButton.on.over,
.accordionButtonOpen.on.over{
    background: url(../images/icons/accordeon-arrow-on-over.png) no-repeat scroll right center #F1F1F1;      
} 

.accordionContent,
.accordionContentOpen {
    background: none repeat scroll 0 0 #ffffff;            
    overflow: hidden;
    padding: 10px 10px;   
    margin-bottom: 1px;  
    border-left: 1px solid #F1F1F1;  
    border-right: 1px solid #F1F1F1;  
    border-bottom: 1px solid #F1F1F1;  
}

/* sitemap */

    #sitemap .sitemap_level_1 a,
.sitemap_level_1 a {
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0;
    margin-top: 20px;
    display: block;
    border-bottom: 1px dotted #E6E6E6
}

#sitemap .sitemap_level_2 a,
.sitemap_level_2 a {
    padding: 5px 0 5px 0px;   
    display: block; 
    border-bottom: 1px dotted #E6E6E6
}

#sitemap .sitemap_level_3 a,      
.sitemap_level_3 a {      
    padding: 3px 0 3px 20px;  
    display: block;      
    border-bottom: 1px dotted #E6E6E6
}

#sitemap .sitemap_level_4 a,           
.sitemap_level_4 a {           
    padding: 1px 0 1px 40px; 
    display: block;  
    border-bottom: 1px dotted #E6E6E6 
}

#sitemap .sitemap_level_5 a,      
.sitemap_level_5 a {      
    padding: 0px 0 0px 60px;   
    display: block; 
    border-bottom: 1px dotted #E6E6E6
}

#sitemap .sitemap_level_6 a, 
.sitemap_level_6 a {
                             
    padding: 0px 0 0px 80px;  
    display: block;  
    border-bottom: 1px dotted #E6E6E6
}

/* news */

#rss_icon
{
    position: absolute;
    top: 0px;
    right: 30px;
    border: 0px solid #ff0000;
    height: 21px;
    width: 21px;    
    background: url('../images/icons/rss.png') no-repeat;
} 

#rss_icon a
{
    height: 21px;
    width: 21px;  
    display: block;
}


#sidebar .myOrderLink{
    display: none;
}

#main-container.rte-shop #sidebar .myOrderLink{
    display: block;
}#content .news-template tr,
#content .news-template td {
    border:none!important;
    background-color:transparent!important;
}
#content .news-template tbody tr.table-hide {
    display:none!important;
}
#content .news-template tbody tr.table-hide td h1 {
    margin-bottom:15px;
}
@media screen and (max-width:480px) {
    #content .news-template tbody tr.table-picture > td {
        width:100%!important;
        float:left!important;
        padding: 3.5px 1px!important;
    }
    #content .news-template tbody tr.table-picture > td img {
        width: 100%!important;
        height: auto!important;
    }
}

.accordionContent {
    max-height: 9999px;
    overflow: hidden;
    -webkit-transition: height 0.6s ease-in-out, padding 0.6s ease-in-out;
    -moz-transition: height 0.6s ease-in-out, padding 0.6s ease-in-out;
    -ms-transition: height 0.6s ease-in-out, padding 0.6s ease-in-out;
    -o-transition: height 0.6s ease-in-out, padding 0.6s ease-in-out;
    transition: height 0.6s ease-in-out, padding 0.6s ease-in-out;
}

.no-transition{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}