/* Created by Artisteer v4.2.0.60623 */

#kockam-main
{background: #bebebe; /* Old browsers */
background: -moz-linear-gradient(top,  #bebebe 1%, #8f8b87 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bebebe), color-stop(100%,#8f8b87)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bebebe 1%,#8f8b87 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bebebe 1%,#8f8b87 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bebebe 1%,#8f8b87 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bebebe 1%,#8f8b87 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#8f8b87',GradientType=0 ); /* IE6-9 */;
   margin:0 auto;
   font-size: 12pt; /* 13px */
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
   color: #3f3f3f;
}
table, ul.kockam-hmenu
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.kockam-button
{
   border-collapse: separate;
   -webkit-border-radius: 0;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #7A7A7A;
   background: rgba(122, 122, 122, 0.8);
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(105, 105, 105, 0.8);
   padding:0 5px;
   margin:0 auto;
   height:20px;
}

.kockam-postcontent,
.kockam-postheadericons,
.kockam-postfootericons,
.kockam-blockcontent,
ul.kockam-vmenu a 
{
   text-align: left;
}

.kockam-postcontent,
.kockam-postcontent li,
.kockam-postcontent table,
.kockam-postcontent a,
.kockam-postcontent a:link,
.kockam-postcontent a:visited,
.kockam-postcontent a.visited,
.kockam-postcontent a:hover,
.kockam-postcontent a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent p
{
   margin: 12px 0;
}

.kockam-postcontent h1, .kockam-postcontent h1 a, .kockam-postcontent h1 a:link, .kockam-postcontent h1 a:visited, .kockam-postcontent h1 a:hover,
.kockam-postcontent h2, .kockam-postcontent h2 a, .kockam-postcontent h2 a:link, .kockam-postcontent h2 a:visited, .kockam-postcontent h2 a:hover,
.kockam-postcontent h3, .kockam-postcontent h3 a, .kockam-postcontent h3 a:link, .kockam-postcontent h3 a:visited, .kockam-postcontent h3 a:hover,
.kockam-postcontent h4, .kockam-postcontent h4 a, .kockam-postcontent h4 a:link, .kockam-postcontent h4 a:visited, .kockam-postcontent h4 a:hover,
.kockam-postcontent h5, .kockam-postcontent h5 a, .kockam-postcontent h5 a:link, .kockam-postcontent h5 a:visited, .kockam-postcontent h5 a:hover,
.kockam-postcontent h6, .kockam-postcontent h6 a, .kockam-postcontent h6 a:link, .kockam-postcontent h6 a:visited, .kockam-postcontent h6 a:hover,
.kockam-blockheader .t, .kockam-blockheader .t a, .kockam-blockheader .t a:link, .kockam-blockheader .t a:visited, .kockam-blockheader .t a:hover,
.kockam-vmenublockheader .t, .kockam-vmenublockheader .t a, .kockam-vmenublockheader .t a:link, .kockam-vmenublockheader .t a:visited, .kockam-vmenublockheader .t a:hover,
.kockam-headline, .kockam-headline a, .kockam-headline a:link, .kockam-headline a:visited, .kockam-headline a:hover,
.kockam-slogan, .kockam-slogan a, .kockam-slogan a:link, .kockam-slogan a:visited, .kockam-slogan a:hover,
.kockam-postheader, .kockam-postheader a, .kockam-postheader a:link, .kockam-postheader a:visited, .kockam-postheader a:hover
{
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.kockam-postcontent a, .kockam-postcontent a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #7F3E98;
}

.kockam-postcontent a:visited, .kockam-postcontent a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #7F3E98;
}

.kockam-postcontent  a:hover, .kockam-postcontent a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #9C9C9C;
}

.kockam-postcontent h1
{
   color: #7F3E98;
   margin: 10px 0 0;
   font-size:15pt  /* 20px; */
   font-family: Arial ; /*, 'Arial Unicode MS', Helvetica, Sans-Serif; */
   text-transform:uppercase; border-bottom:1px solid #adadad;  
   display:inline-block;  
   /*background-image: url("images/header1.png") repeat-x; background-repeat:repeat-x;
   background:url('images/header1.png') repeat-x; padding:0 5px 5px 0;*/   }

.kockam-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h1 a, .kockam-postcontent h1 a:link, .kockam-postcontent h1 a:hover, .kockam-postcontent h1 a:visited, .kockam-blockcontent h1 a, .kockam-blockcontent h1 a:link, .kockam-blockcontent h1 a:hover, .kockam-blockcontent h1 a:visited 
{
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h2
{
   color: #68666B;
   margin: 5px 0 0;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h2 a, .kockam-postcontent h2 a:link, .kockam-postcontent h2 a:hover, .kockam-postcontent h2 a:visited, .kockam-blockcontent h2 a, .kockam-blockcontent h2 a:link, .kockam-blockcontent h2 a:hover, .kockam-blockcontent h2 a:visited 
{
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h3
{
   color: #4c54a6;
   margin: 10px 0 0;
   font-size: 16px; font-style:italic; 
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h3 a, .kockam-postcontent h3 a:link, .kockam-postcontent h3 a:hover, .kockam-postcontent h3 a:visited, .kockam-blockcontent h3 a, .kockam-blockcontent h3 a:link, .kockam-blockcontent h3 a:hover, .kockam-blockcontent h3 a:visited 
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h4
{
   color: #292929;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h4 a, .kockam-postcontent h4 a:link, .kockam-postcontent h4 a:hover, .kockam-postcontent h4 a:visited, .kockam-blockcontent h4 a, .kockam-blockcontent h4 a:link, .kockam-blockcontent h4 a:hover, .kockam-blockcontent h4 a:visited 
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h5
{
   color: #292929;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h5 a, .kockam-postcontent h5 a:link, .kockam-postcontent h5 a:hover, .kockam-postcontent h5 a:visited, .kockam-blockcontent h5 a, .kockam-blockcontent h5 a:link, .kockam-blockcontent h5 a:hover, .kockam-blockcontent h5 a:visited 
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h6
{
   color: #616161;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-postcontent h6 a, .kockam-postcontent h6 a:link, .kockam-postcontent h6 a:hover, .kockam-postcontent h6 a:visited, .kockam-blockcontent h6 a, .kockam-blockcontent h6 a:link, .kockam-blockcontent h6 a:hover, .kockam-blockcontent h6 a:visited 
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #kockam-hmenu-bg, .kockam-sheet, .kockam-hmenu a, .kockam-vmenu a, .kockam-slidenavigator > a, .kockam-checkbox:before, .kockam-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

div#block-block-3 h2, div#block-block-7 h2   {color:#FFF; margin:0 auto auto 250px; font-size:14px;}
div#block-block-4 { text-align:right; float:right; color:#FFF; text-decoration:none; margin:-60px -380px auto auto; /*width:100px; background-color:#CF0; */}
div#block-block-4 a{ text-decoration:none; color:#FFF; }

div#block-block-8 { text-align:right; float:right; color:#FFF; text-decoration:none; margin:-60px -45px auto auto; /*width:100px; background-color:#CF0; */}
div#block-block-8 a{ text-decoration:none; color:#FFF; }
header, footer, article, nav, #kockam-hmenu-bg, .kockam-sheet, .kockam-slidenavigator > a, .kockam-checkbox:before, .kockam-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
/* 2 */}

body
{
   padding: 0;
   margin:0;
   min-width: 950px;
   color: #000000;
}

.kockam-header:before, #kockam-header-bg:before, .kockam-layout-cell:before, .kockam-layout-wrapper:before, .kockam-footer:before, .kockam-nav:before, #kockam-hmenu-bg:before, .kockam-sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.kockam-header:after, #kockam-header-bg:after, .kockam-layout-cell:after, .kockam-layout-wrapper:after, .kockam-footer:after, .kockam-nav:after, #kockam-hmenu-bg:after, .kockam-sheet:after,
.cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}



.views-slideshow-controls-bottom { /*background:#069;*/ 
text-align:right;padding-right:6px; z-index:9999; position:absolute;}
.views-slideshow-controls-bottom span{ 
float:left;
background: #f3e0cf none repeat scroll 0 0;
border: 1px solid #c9c9c9; 
	display: block;
    margin: 5px -5px 0 6px;
	padding:4px;
    text-decoration: none; 
	font-size:11px; width:40px; 
	text-align:center;
    border-radius: 2px;}
.views-slideshow-controls-bottom a{    color: #333; z-index:9999;   }




form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .kockam-postcontent li h1, .kockam-blockcontent li h1 
{
   margin:1px;
} 
li h2, .kockam-postcontent li h2, .kockam-blockcontent li h2 
{
   margin:1px;
} 
li h3, .kockam-postcontent li h3, .kockam-blockcontent li h3 
{
   margin:1px;
} 
li h4, .kockam-postcontent li h4, .kockam-blockcontent li h4 
{
   margin:1px;
} 
li h5, .kockam-postcontent li h5, .kockam-blockcontent li h5 
{
   margin:1px;
} 
li h6, .kockam-postcontent li h6, .kockam-blockcontent li h6 
{
   margin:1px;
} 
li p, .kockam-postcontent li p, .kockam-blockcontent li p 
{
   margin:1px;
}




.kockam-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.kockam-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.kockam-slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.kockam-headline
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 25px;
  left: 97.32%;
  margin-left: -75px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
}

.kockam-headline, 
.kockam-headline a, 
.kockam-headline a:link, 
.kockam-headline a:visited, 
.kockam-headline a:hover
{
font-size: 12px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
  padding: 0;
  margin: 0;
  color: #fff !important;
  white-space: nowrap;
}
.kockam-textblock-1585828573 h1, 
.kockam-textblock-1585828573 h2, 
.kockam-textblock-1585828573 h3, 
.kockam-textblock-1585828573 h4, 
.kockam-textblock-1585828573 h5, 
.kockam-textblock-1585828573 h6, 
.kockam-textblock-1585828573 p, 
.kockam-textblock-1585828573 a, 
.kockam-textblock-1585828573 ul, 
.kockam-textblock-1585828573 ol, 
.kockam-textblock-1585828573 li
{
  line-height: 32px;
}

.kockam-textblock-1585828573
{  
  position: absolute;
  top: 86px;
  left: 80%;
  margin-left: -51px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
    overflow: hidden;
      z-index: 102;
  width: 32px;
  height: 32px;
}

.default-responsive .kockam-textblock-1585828573
{
  }

.kockam-textblock-1585828573-text-container 
{
    display: table;
}

.kockam-textblock-1585828573-text
{
  display: table-cell;
  outline-style: none;
  padding: 0px 0px !important;
  height: 20px;
  width: 20px;  
word-wrap: break-word;
}

.default-responsive .kockam-textblock-1585828573-text 
{
    height: auto;
}

.kockam-textblock-1585828573-text,
.kockam-textblock-1585828573-text a.kockam-rss-tag-icon,
.kockam-textblock-1585828573-text a.kockam-facebook-tag-icon,
.kockam-textblock-1585828573-text a.kockam-twitter-tag-icon,
.kockam-textblock-1585828573-text a.kockam-tumblr-tag-icon,
.kockam-textblock-1585828573-text a.kockam-pinterest-tag-icon,
.kockam-textblock-1585828573-text a.kockam-vimeo-tag-icon,
.kockam-textblock-1585828573-text a.kockam-youtube-tag-icon,
.kockam-textblock-1585828573-text a.kockam-linkedin-tag-icon
{
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align: left;
  color: #21BFDE !important;
}

.kockam-textblock-1585828573-text a.kockam-rss-tag-icon,
.kockam-textblock-1585828573-text a.kockam-facebook-tag-icon,
.kockam-textblock-1585828573-text a.kockam-twitter-tag-icon,
.kockam-textblock-1585828573-text a.kockam-tumblr-tag-icon,
.kockam-textblock-1585828573-text a.kockam-pinterest-tag-icon,
.kockam-textblock-1585828573-text a.kockam-vimeo-tag-icon,
.kockam-textblock-1585828573-text a.kockam-youtube-tag-icon,
.kockam-textblock-1585828573-text a.kockam-linkedin-tag-icon
{
    width: 100%;
}

.default-responsive .kockam-textblock-1585828573-text a.kockam-rss-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-facebook-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-twitter-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-tumblr-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-pinterest-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-vimeo-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-youtube-tag-icon,
.default-responsive .kockam-textblock-1585828573-text a.kockam-linkedin-tag-icon
{
    width: auto;
}

.kockam-textblock ul > li
{
    background-position-y: 0px !important;
}
.kockam-textblock-18370778 h1, 
.kockam-textblock-18370778 h2, 
.kockam-textblock-18370778 h3, 
.kockam-textblock-18370778 h4, 
.kockam-textblock-18370778 h5, 
.kockam-textblock-18370778 h6, 
.kockam-textblock-18370778 p, 
.kockam-textblock-18370778 a, 
.kockam-textblock-18370778 ul, 
.kockam-textblock-18370778 ol, 
.kockam-textblock-18370778 li
{
  line-height: 32px;
}

.kockam-textblock-18370778
{  
  position: absolute;
  top: 85px;
  left: 90%;
  margin-left: -29px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
    overflow: hidden;
      z-index: 103;
  width: 32px;
  height: 32px;
}

.default-responsive .kockam-textblock-18370778
{
  }

.kockam-textblock-18370778-text-container 
{
    display: table;
}

.kockam-textblock-18370778-text
{
  display: table-cell;
  outline-style: none;
  padding: 0px 0px !important;
  height: 32px;
  width: 32px;  
word-wrap: break-word;
}

.default-responsive .kockam-textblock-18370778-text 
{
    height: auto;
}

.kockam-textblock-18370778-text,
.kockam-textblock-18370778-text a.kockam-rss-tag-icon,
.kockam-textblock-18370778-text a.kockam-facebook-tag-icon,
.kockam-textblock-18370778-text a.kockam-twitter-tag-icon,
.kockam-textblock-18370778-text a.kockam-tumblr-tag-icon,
.kockam-textblock-18370778-text a.kockam-pinterest-tag-icon,
.kockam-textblock-18370778-text a.kockam-vimeo-tag-icon,
.kockam-textblock-18370778-text a.kockam-youtube-tag-icon,
.kockam-textblock-18370778-text a.kockam-linkedin-tag-icon
{
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align: left;
  color: #21BFDE !important;
}

.kockam-textblock-18370778-text a.kockam-rss-tag-icon,
.kockam-textblock-18370778-text a.kockam-facebook-tag-icon,
.kockam-textblock-18370778-text a.kockam-twitter-tag-icon,
.kockam-textblock-18370778-text a.kockam-tumblr-tag-icon,
.kockam-textblock-18370778-text a.kockam-pinterest-tag-icon,
.kockam-textblock-18370778-text a.kockam-vimeo-tag-icon,
.kockam-textblock-18370778-text a.kockam-youtube-tag-icon,
.kockam-textblock-18370778-text a.kockam-linkedin-tag-icon
{
    width: 100%;
}

.default-responsive .kockam-textblock-18370778-text a.kockam-rss-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-facebook-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-twitter-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-tumblr-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-pinterest-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-vimeo-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-youtube-tag-icon,
.default-responsive .kockam-textblock-18370778-text a.kockam-linkedin-tag-icon
{
    width: auto;
}

.kockam-textblock ul > li
{
    background-position-y: 0px !important;
}






.kockam-sheet
{
   background: #FFFFFF;
   -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.4);
   margin:0 auto;
   position:relative;
   cursor:auto;
   width: 950px;
   z-index: auto !important;
}


#views_slideshow_cycle_main_homepage_slider-block { padding:0; height:250px; }

#views_slideshow_cycle_main_homepage_slider-block div.field-item { margin-top:-14px; }

.kockam-header
{
 
}

header.kockam-header
{
   margin:0 auto;
   background-repeat: no-repeat;
   height: 130px;
   background-image: url('images/header.png');
   background-position: 110px 0;
   position: relative;
   z-index: auto !important;
   border-top:7px solid #000;
 
}

  background: no-repeat right right fixed\0/;


/*.custom-responsive .kockam-header
{
   background-image: url('images/logo.png'),
   background-position: 28px 0 auto auto;
} */


.kockam-shapes
{  position: absolute;
  top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   
}

header.kockam-header img { margin:20px auto auto 36px; }

.default-responsive .kockam-header,
.default-responsive #kockam-header-bg
{
   background-image: url('images/header.png') top right no-repeat;
   background-position: right right;
   background-size: auto; z-index:100;
}

.kockam-header > .region, .kockam-header > .block 
{
   position:absolute;
   z-index:0;
}

.kockam-nav
{
   background: #7E7E7E;
   background: -webkit-linear-gradient(top, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   background: -moz-linear-gradient(top, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   background: -o-linear-gradient(top, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   background: -ms-linear-gradient(top, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   -svg-background: linear-gradient(top, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   background: linear-gradient(to bottom, #575757 0, #808080 53%, #A3A3A3 100%) no-repeat;
   margin:0 auto;
   position: relative;
   z-index: 499;
   text-align: right;
}

ul.kockam-hmenu a, ul.kockam-hmenu a:link, ul.kockam-hmenu a:visited, ul.kockam-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.kockam-hmenu, ul.kockam-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.kockam-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.kockam-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.kockam-hmenu:after, ul.kockam-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.kockam-hmenu, ul.kockam-hmenu ul 
{
   min-height: 0;
}

ul.kockam-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
}

.kockam-nav:before 
{
   content:' ';
}

.kockam-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.kockam-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.kockam-hmenu
{
   float: right;
}

.kockam-menuitemcontainer
{
   margin:0 auto;
}
ul.kockam-hmenu>li {
   margin-left: 11px;
}
ul.kockam-hmenu>li:first-child {
   margin-left: 5px;
}
ul.kockam-hmenu>li:last-child, ul.kockam-hmenu>li.last-child {
   margin-right: 5px;
}

ul.kockam-hmenu>li>a
{
   background: #FFFFFF;
   background: transparent;
   border:1px dotted #474747;
   padding:0 20px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 31px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   line-height: 31px;
   text-align: center;
}

.kockam-hmenu>li>a, 
.kockam-hmenu>li>a:link, 
.kockam-hmenu>li>a:visited, 
.kockam-hmenu>li>a.active, 
.kockam-hmenu>li>a:hover
{
   font-size: 11pt; /*14px idi */
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: bold; 
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.kockam-hmenu>li>a.active
{
   background: #FFFFFF;
   background: transparent;
   border:1px dotted rgba(0, 0, 0, 0.4);
   padding:0 20px;
   margin:0 auto;
   color: #f05b28; /* #fff idi */
   text-decoration: none;
}

ul.kockam-hmenu>li>a:visited, 
ul.kockam-hmenu>li>a:hover, 
ul.kockam-hmenu>li:hover>a {
   text-decoration: none;
}

ul.kockam-hmenu>li>a:hover, .desktop ul.kockam-hmenu>li:hover>a
{
  /* background: #FFFFFF; 
  padding:0 27px;*/
   border:1px dotted rgba(71, 71, 71, 0.7);
   
   margin:0 auto;
}
ul.kockam-hmenu>li>a:hover, 
.desktop ul.kockam-hmenu>li:hover>a {
   color: #f05b28; /* #000 idi */
   text-decoration: none;
}

ul.kockam-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -11px;
   width:11px;
   height: 31px;
  /* background: url('images/menuseparator.png') center center no-repeat; */
}
ul.kockam-hmenu>li:first-child:before{
   display:none;
}

ul.kockam-hmenu li li a
{
   background: #a7a19d;
   color:#fff;
   padding:0 30px;
   margin:0 auto;
}
ul.kockam-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 2px;
   margin-bottom: 2px;
}

.desktop ul.kockam-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.kockam-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.kockam-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 34px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 34px;
   color: #404040;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.kockam-hmenu ul a:link, 
.kockam-hmenu ul a:visited, 
.kockam-hmenu ul a.active, 
.kockam-hmenu ul a:hover
{
   text-align: left;
   line-height: 34px;
   /*color: #404040; burak */
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.kockam-hmenu ul li a:hover, .desktop ul.kockam-hmenu ul li:hover>a
{
   background: #696969;
   background: transparent;
   margin:0 auto;
}
.kockam-hmenu ul a:hover
{
   text-decoration: underline;
   color: #FFFFFF;
}

.desktop .kockam-hmenu ul li:hover>a
{
   color: #FFFFFF;
}

ul.kockam-hmenu ul:before
{
   background: #68666B;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.kockam-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.kockam-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.kockam-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}


#block-locale-language {float:right; /*background: #0F0;*/ position:absolute; top:23px; left:860px;  } 
#block-locale-language ul li {
    background: none /*repeat scroll 0 0 #dbd9d4*/;
    color: #c9c9c9;
    display: block;
    margin:0;
    padding: 3px 7px;
    text-decoration: none;}

#block-locale-language ul li a {color: #fff;
    text-decoration: none; font-size: 12pt }


#block-locale-language ul li.active {
    display: none;
}
	
	
	
.desktop ul.kockam-hmenu>li>ul
{
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.desktop ul.kockam-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -8px;
}

.desktop ul.kockam-hmenu ul.kockam-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.kockam-hmenu ul.kockam-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.kockam-hmenu li li:hover>ul.kockam-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.kockam-hmenu li li:hover>ul.kockam-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.kockam-hmenu ul ul.kockam-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -8px;
}

.desktop ul.kockam-hmenu ul ul.kockam-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -8px 0 0;
}

.desktop ul.kockam-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.kockam-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.kockam-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.kockam-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.kockam-hmenu>li>ul.kockam-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.kockam-hmenu>li>ul.kockam-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.kockam-hmenu ul ul.kockam-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.kockam-hmenu ul ul.kockam-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

.kockam-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.kockam-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.kockam-content-layout-row 
{
   display: table-row;
}

.kockam-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.kockam-postcontent .kockam-content-layout
{
   border-collapse: collapse;
}

.kockam-vmenublock
{
   background: #FFFFFF;
   border:1px solid transparent;
   margin:3px;
}
div.kockam-vmenublock img
{
   margin: 0;
}

.kockam-vmenublockcontent
{
   margin:0 auto;
}

ul.kockam-vmenu, ul.kockam-vmenu ul
{
   list-style: none;
   display: block;
}

ul.kockam-vmenu, ul.kockam-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.kockam-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.kockam-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.kockam-vmenu ul.active
{
   display: block;
}

ul.kockam-vmenu>li>a
{
   background: #A7A19D;
   padding:0 10px;
   margin:0 auto;
   font-size: 11pt;
   font-family: Arial; /* , 'Arial Unicode MS', Helvetica, Sans-Serif */
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #FFFFFF;
   min-height: 35px;
   line-height: 35px; 
   text-transform:lowercase; 
}
ul.kockam-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.kockam-vmenu li{
   position:relative;
}

ul.kockam-vmenu>li
{
   margin-top: 1px;
}
ul.kockam-vmenu>li>ul
{
   padding: 0;
   margin-top: 1px;
   margin-bottom: 1px;
}
ul.kockam-vmenu>li:first-child
{
   margin-top:0;
}

ul.kockam-vmenu>li>a:hover, ul.kockam-vmenu>li>a.active:hover
{
   background:#ff8154 ; /* #757575 */ 
   padding:0 10px;
   margin:0 auto;
}
ul.kockam-vmenu>li>a:hover, ul.kockam-vmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.kockam-vmenu a:hover, ul.kockam-vmenu a.active:hover 
{
   color: #fff; /*BADDE3 */ 
}

ul.kockam-vmenu>li>a.active:hover>span.border-top, ul.kockam-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.kockam-vmenu>li>a.active
{
   background:  #757575;
   padding:0 10px;
   margin:0 auto;
   text-decoration: none;
   /*color: #664971; #FFFFFF; burak */
}

ul.kockam-vmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.kockam-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.kockam-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.kockam-vmenu li li{
   position: relative;
   margin-top: 1px;
}

ul.kockam-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 24px;
   overflow: visible;
   padding: 0;
   padding-left: 23px;
   padding-right: 23px;
   z-index: 0;
   line-height: 24px;
   color: #000000;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.kockam-vmenu ul a:visited, ul.kockam-vmenu ul a.active:hover, ul.kockam-vmenu ul a:hover, ul.kockam-vmenu ul a.active
{
   line-height: 24px;
   color: #000000;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.kockam-vmenu ul ul a
{
   padding-left: 46px;
}
ul.kockam-vmenu ul ul ul a
{
   padding-left: 69px;
}
ul.kockam-vmenu ul ul ul ul a
{
   padding-left: 92px;
}
ul.kockam-vmenu ul ul ul ul ul a
{
   padding-left: 115px;
}

ul.kockam-vmenu li li a:before
{
   content:url('images/vmenusubitemicon.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.kockam-vmenu li li a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.kockam-vmenu ul>li>a:hover, ul.kockam-vmenu ul>li>a.active:hover
{
   margin:0 auto;
}
ul.kockam-vmenu ul li a:hover, ul.kockam-vmenu ul li a.active:hover
{
   text-decoration: underline;
   color: #f05b28; /* #48A4B7; */
}

ul.kockam-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.kockam-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.kockam-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.kockam-vmenu li li a:hover:before
{
   content:url('images/vmenuhoveredsubitemicon.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.kockam-vmenu li li a:hover:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.kockam-vmenu ul>li>a.active
{
   background: #7F3E98;
   margin:0 auto;
}
ul.kockam-vmenu ul a.active, ul.kockam-vmenu ul a:hover, ul.kockam-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #FFFFFF;
}

ul.kockam-vmenu li li a.active:before
{
   content:url('images/vmenuactivesubitemicon.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.kockam-vmenu li li a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.kockam-vmenu li li:after
{
   display: block;
   position: absolute;
   content: ' ';
   height: 0;
   top: -1px;
   left: 0;
   right: 0;
   z-index: 1;
   border-bottom: 1px solid #CCE6EB;
}

ul.kockam-vmenu li li:before
{
   display: block;
   position: absolute;
   content: ' ';
   left: 0;
   right: 0;
   top: -1px;
   z-index: 0;
   height: 1px;
}
ul.kockam-vmenu>li>ul>li:first-child:before, ul.kockam-vmenu>li>ul>li:first-child:after 
{
   display: none;
}

.kockam-block
{
   border:1px dotted transparent;
   margin:3px;
}
div.kockam-block img
{
   border: 1px dotted #A7D3DC;
   margin: 12px;
}

.kockam-blockheader
{
   background: #7A7A7A;
   background: transparent;
   border-top:2px dotted #696969;
   border-bottom:1px dotted #696969;
   padding:12px 7px;
   margin:0 auto 4px;
}
.kockam-blockheader .t,
.kockam-blockheader .t a,
.kockam-blockheader .t a:link,
.kockam-blockheader .t a:visited, 
.kockam-blockheader .t a:hover
{
   color: #000000;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 10px;
}

.kockam-blockcontent
{
   border:1px dotted transparent;
   padding:7px;
   margin:0 auto;
   color: #17353A;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.kockam-blockcontent table,
.kockam-blockcontent li, 
.kockam-blockcontent a,
.kockam-blockcontent a:link,
.kockam-blockcontent a:visited,
.kockam-blockcontent a:hover
{
   color: #17353A;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-blockcontent p
{
   margin: 0 5px;
}

.kockam-blockcontent a, .kockam-blockcontent a:link
{
   color: #7F3E98;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.kockam-blockcontent a:visited, .kockam-blockcontent a.visited
{
   color: #7F3E98;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.kockam-blockcontent a:hover, .kockam-blockcontent a.hover
{
   color: #9C9C9C;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}
.kockam-block ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -11px;
}
.opera .kockam-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.kockam-block li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #141414;
   margin: 5px 0 0 10px;
}

.kockam-block ul>li, .kockam-block ol
{
   padding: 0;
}

.kockam-block ul>li
{
   padding-left: 11px;
}

.kockam-breadcrumbs
{
   margin:0 auto;
}

a.kockam-button,
a.kockam-button:link,
a:link.kockam-button:link,
body a.kockam-button:link,
a.kockam-button:visited,
body a.kockam-button:visited,
input.kockam-button,
button.kockam-button
{
   text-decoration: none;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #1A1A1A;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 20px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.kockam-button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .kockam-button
{
   display: block;
   float: left;
}

input, select, textarea, a.kockam-search-button span
{
   vertical-align: middle;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.kockam-block select 
{
   width:96%;
}

input.kockam-button
{
   float: none !important;
   -webkit-appearance: none;
}

.kockam-button.active, .kockam-button.active:hover
{
   background: #474747;
   background: rgba(71, 71, 71, 0.8);
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(54, 54, 54, 0.8);
   padding:0 5px;
   margin:0 auto;
}
.kockam-button.active, .kockam-button.active:hover {
   color: #CCE6EB !important;
}

.kockam-button.hover, .kockam-button:hover
{
   background: #595959;
   background: rgba(89, 89, 89, 0.8);
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(71, 71, 71, 0.8);
   padding:0 5px;
   margin:0 auto;
}
.kockam-button.hover, .kockam-button:hover {
   color: #D0E7EC !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #FFFFFF;
   background: rgba(255, 255, 255, 0.5);
   border:1px dotted #A7D3DC;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: 100%;
   padding: 6px 0;
   color: #17353A !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.kockam-error, textarea.kockam-error
{
   background: #FFFFFF;
   border:1px solid #F5250A;
   margin:0 auto;
}
input.kockam-error, textarea.kockam-error {
   color: #17353A !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.kockam-search input[type="text"]
{
   background: #FFFFFF;
   background: rgba(255, 255, 255, 0.5);
   border-radius: 0;
   border:1px dotted #A7D3DC;
   margin:0 auto;
   width: 100%;
   padding: 6px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #17353A !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.kockam-search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.kockam-search input, a.kockam-search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.kockam-search>input, a.kockam-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.kockam-search input[type="submit"], input.kockam-search-button, a.kockam-search-button
{
   border-radius: 0;
   margin:0 auto;
}
form.kockam-search input[type="submit"], input.kockam-search-button, a.kockam-search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #DEDEDE !important;
   cursor: pointer;
}

a.kockam-search-button span.kockam-search-button-text {
   display: none;
}

label.kockam-checkbox:before
{
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -moz-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -o-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -ms-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   -svg-background: linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: linear-gradient(to bottom, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #8AC5D1;
   margin:0 auto;
   width:20px;
   height:20px;
}
label.kockam-checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #17353A !important;
}

.kockam-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.kockam-checkbox.active:before
{
   background: #7A7A7A;
   background: -webkit-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -moz-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -o-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -ms-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   -svg-background: linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: linear-gradient(to bottom, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #6DB6C5;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.kockam-checkbox.hovered:before
{
   background: #949494;
   background: -webkit-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -moz-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -o-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -ms-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   -svg-background: linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: linear-gradient(to bottom, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #6DB6C5;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.kockam-radiobutton:before
{
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -moz-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -o-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: -ms-linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   -svg-background: linear-gradient(top, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   background: linear-gradient(to bottom, #A7D3DC 0, #E2F0F3 40%, #E9F4F6 50%, #E9F4F6 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #8AC5D1;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.kockam-radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #17353A !important;
}

.kockam-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.kockam-radiobutton.active:before
{
   background: #7A7A7A;
   background: -webkit-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -moz-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -o-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: -ms-linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   -svg-background: linear-gradient(top, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   background: linear-gradient(to bottom, #666666 0, #808080 31%, #878787 40%, #8C8C8C 50%, #8C8C8C 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #6DB6C5;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.kockam-radiobutton.hovered:before
{
   background: #949494;
   background: -webkit-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -moz-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -o-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: -ms-linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   -svg-background: linear-gradient(top, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   background: linear-gradient(to bottom, #808080 0, #A1A1A1 40%, #A6A6A6 50%, #A6A6A6 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
   border:1px solid #6DB6C5;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.kockam-comments
{
   border-top:1px solid #A7D3DC;
   margin:0 auto;
   margin-top: 25px;
}

.kockam-comments h2
{
   color: #17353A;
}

.kockam-comment
{
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:1px dotted #A7D3DC;
   padding:10px;
   margin:0 auto;
   margin-top: 6px;
}
.kockam-comment-avatar 
{
   width:80px;
   height:80px;
   padding:1px;
   background:#fff;
   border:none;
   float:right;
}

.kockam-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.kockam-comment-content
{
   padding:10px 0;
   color: #17353A;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-comment:first-child
{
   margin-top: 0;
}

.kockam-comment-inner
{
   margin-left: 0;
   margin-right: 90px;
}

.kockam-comment-header
{
   color: #17353A;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-comment-header a, 
.kockam-comment-header a:link, 
.kockam-comment-header a:visited,
.kockam-comment-header a.visited,
.kockam-comment-header a:hover,
.kockam-comment-header a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-comment-header a, .kockam-comment-header a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #404040;
}

.kockam-comment-header a:visited, .kockam-comment-header a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #24525B;
}

.kockam-comment-header a:hover,  .kockam-comment-header a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #545454;
}

.kockam-comment-content a, 
.kockam-comment-content a:link, 
.kockam-comment-content a:visited,
.kockam-comment-content a.visited,
.kockam-comment-content a:hover,
.kockam-comment-content a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-comment-content a, .kockam-comment-content a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #404040;
}

.kockam-comment-content a:visited, .kockam-comment-content a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #24525B;
}

.kockam-comment-content a:hover,  .kockam-comment-content a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #545454;
}

.kockam-pager
{
   padding:7px;
   margin:2px;
   text-align:center;
}

.kockam-pager>*:last-child
{
   margin-right:0 !important;
}

.kockam-pager>span {
   cursor:default;
}

.kockam-pager>*
{
   background: #949494;
   background: transparent;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px dotted transparent;
   padding:10px;
   margin:0 9px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.kockam-pager a:link,
.kockam-pager a:visited,
.kockam-pager .active
{
   line-height: normal;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #17353A
;
}

.kockam-pager .active
{
   background: #7A7A7A;
   background: transparent;
   border:1px dotted transparent;
   padding:10px;
   margin:0 9px 0 auto;
   color: #17353A
;
}

.kockam-pager .more
{
   background: #949494;
   background: transparent;
   border:1px dotted transparent;
   margin:0 9px 0 auto;
}
.kockam-pager a.more:link,
.kockam-pager a.more:visited
{
   color: #17353A
;
}
.kockam-pager a:hover
{
   background: #7A7A7A;
   border:1px dotted #8AC5D1;
   padding:10px;
   margin:0 9px 0 auto;
}
.kockam-pager  a:hover,
.kockam-pager  a.more:hover
{
   color: #0A171A
;
}
.kockam-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   border-right:1px dotted #696969;
   right: -6px;
   text-decoration:none;
}

.kockam-pager>*:last-child:after{
   display:none;
}

.kockam-commentsform
{
   background: #E5F2F5;
   background: transparent;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:1px solid #A7D3DC;
   padding:5px;
   margin:0 auto;
   margin-top:25px;
   color: #17353A;
}

.kockam-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #17353A;
}

.kockam-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.kockam-commentsform input:not([type=submit]), .kockam-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.kockam-commentsform .form-submit
{
   margin-top: 5px;
}
.kockam-post
{
   padding:3px; /* was 3px */
   margin:3px;
}
a img
{
   border: 0;
}

.kockam-article img, img.kockam-article, .kockam-block img, .kockam-footer img
{
   margin: 0 0 0 0;
}

.kockam-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.kockam-article table, table.kockam-article
{
   border-collapse: collapse;
   margin: 1px;
}

.kockam-post .kockam-content-layout-br
{
   height: 0;
}

.kockam-article th, .kockam-article td
{
   padding: 2px;
   vertical-align: top;
   text-align: left;
}

.kockam-article div.form-type-item {visibility:hidden; }

.kockam-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 0 0 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.kockam-collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.kockam-postheader
{
   color: #404040;
   margin: 5px 0;
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal; display:none;
}

.kockam-postheader a, 
.kockam-postheader a:link, 
.kockam-postheader a:visited,
.kockam-postheader a.visited,
.kockam-postheader a:hover,
.kockam-postheader a.hovered
{
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.kockam-postheader a, .kockam-postheader a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #737373;
}

.kockam-postheader a:visited, .kockam-postheader a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #5BADBE;
}

.kockam-postheader a:hover,  .kockam-postheader a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #9C9C9C;
}

.kockam-postcontent ul>li:before,  .kockam-post ul>li:before,  .kockam-textblock ul>li:before
{
   /*content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   /*display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;*/
   
}
.opera .kockam-postcontent ul>li:before, .opera   .kockam-post ul>li:before, .opera   .kockam-textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.kockam-postcontent li, .kockam-post li, .kockam-textblock li
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; 
   list-style-type:disc; 
   list-style-position:inside; 
   
   /*color: #24525B;*/
   margin: 5px 0 20px 11px; 
}

.kockam-postcontent ul>li, .kockam-post ul>li, .kockam-textblock ul>li, .kockam-postcontent ol, .kockam-post ol, .kockam-textblock ol
{
   padding: 0;
}

.kockam-postcontent ul>li, .kockam-post ul>li, .kockam-textblock ul>li
{
   padding-left: 11px;
}

.kockam-postcontent ul>li:before,  .kockam-post ul>li:before,  .kockam-textblock ul>li:before
{
   margin-left: 0;   
}

.kockam-postcontent ol, .kockam-post ol, .kockam-textblock ol, .kockam-postcontent ul, .kockam-post ul, .kockam-textblock ul
{
   margin: 1em 0 1em 11px;
}

.kockam-postcontent li ol, .kockam-post li ol, .kockam-textblock li ol, .kockam-postcontent li ul, .kockam-post li ul, .kockam-textblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.kockam-postcontent li, .kockam-post li, .kockam-textblock li
{
   margin: 5px 10px 20px 0;
}

.kockam-postcontent ol>li, .kockam-post ol>li, .kockam-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.kockam-postcontent ul>li, .kockam-post ul>li, .kockam-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line 
  overflow-x: visible;
   overflow-y: hidden;*/
}

blockquote
{
   background: #949494 url('images/postquote.png') no-repeat scroll;
   border:1px dotted #A7D3DC;
   padding:15px 15px 15px 39px;
   margin:0 0 0 15px;
   color: #1A1A1A;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .kockam-postcontent blockquote a, .kockam-blockcontent blockquote a, .kockam-footer blockquote a,
blockquote a:link, .kockam-postcontent blockquote a:link, .kockam-blockcontent blockquote a:link, .kockam-footer blockquote a:link,
blockquote a:visited, .kockam-postcontent blockquote a:visited, .kockam-blockcontent blockquote a:visited, .kockam-footer blockquote a:visited,
blockquote a:hover, .kockam-postcontent blockquote a:hover, .kockam-blockcontent blockquote a:hover, .kockam-footer blockquote a:hover
{
   color: #1A1A1A;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

/* Override native 'p' margins*/
blockquote p,
.kockam-postcontent blockquote p,
.kockam-blockcontent blockquote p,
.kockam-footer blockquote p
{
   margin: 0;
   margin:5px;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #757575;
}

.Sorter a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #757575;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #757575;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #595959;
}

.Sorter
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#404040;
}

.kockam-footer
{
   background: #D0E7EC;
   background: transparent;
   border-top:1px dotted #A7D3DC;
   padding:8px;
   margin:5px auto 0;
   position: relative;
   color: #292929;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}

.kockam-footer a,
.kockam-footer a:link,
.kockam-footer a:visited,
.kockam-footer a:hover,
.kockam-footer td, 
.kockam-footer th,
.kockam-footer caption
{
   color: #292929;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer p 
{
   padding:0;
   text-align: center;
}

.kockam-footer a,
.kockam-footer a:link
{
   color: #9C9C9C;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer a:visited
{
   color: #48A4B7;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.kockam-footer a:hover
{
   color: #B8B8B8;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.kockam-footer h1
{
   color: #595959;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer h2
{
   color: #595959;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer h3
{
   color: #7A7A7A;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer h4
{
   color: #474747;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer h5
{
   color: #474747;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer h6
{
   color: #474747;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.kockam-footer img
{
   border: none;
   margin: 12px;
}

.kockam-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left left;
   vertical-align: middle;
}

.kockam-rss-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-facebook-tag-icon
{
   background:  url('images/ico-facebook.png') no-repeat scroll;
   margin:0 auto;
   min-height:20px;
   min-width:20px;
   display: inline-block;
   text-indent: 35px;
   background-position: right center;
   vertical-align: middle;
     float:left;
}

.kockam-facebook-tag-icon:empty
{
   vertical-align: middle;
}


.kockam-textblock { width:85px;float:right; margin-top:85px;   } 

.kockam-twitter-tag-icon
{
   background:  url('images/ico-twitter.png') no-repeat scroll;
   margin:0 auto;
   min-height:20px;
   min-width:20px;
   display: inline-block;
   text-indent: 35px;
   background-position: right center;
   vertical-align: middle;
     float:left;
}

.kockam-linkedin-tag-icon
{
   background:  url('images/ico-linked.png') no-repeat scroll;
   margin:0 auto;
   min-height:20px;
   min-width:20px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   float:left;
   vertical-align: middle;
}


.kockam-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-tumblr-tag-icon
{
   background:  url('images/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.kockam-tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-pinterest-tag-icon
{
   background:  url('images/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.kockam-pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-vimeo-tag-icon
{
   background:  url('images/vimeoicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.kockam-vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-youtube-tag-icon
{
   background:  url('images/youtubeicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.kockam-youtube-tag-icon:empty
{
   vertical-align: middle;
}



.kockam-linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.kockam-footer ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -17px;
}
.opera .kockam-footer ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.kockam-footer li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #141414;
}

.kockam-footer ul>li, .kockam-footer ol
{
   padding: 0;
}

.kockam-footer ul>li
{
   padding-left: 17px;
}

.kockam-page-footer, 
.kockam-page-footer a,
.kockam-page-footer a:link,
.kockam-page-footer a:visited,
.kockam-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #C9C9C9;
}

.kockam-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #B2D9E1;
}

.kockam-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.kockam-lightbox,
.kockam-lightbox-wrapper .kockam-lightbox-image
{
   cursor: pointer;
}

.kockam-lightbox-wrapper .kockam-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.kockam-lightbox-wrapper .kockam-lightbox-image.active
{
   display: inline-block;
}

.kockam-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.kockam-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.kockam-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.kockam-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.kockam-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.kockam-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.kockam-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.kockam-lightbox-wrapper .arrow-t, 
.kockam-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.kockam-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.kockam-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.kockam-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.kockam-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.kockam-lightbox-wrapper .close .cw, 
.kockam-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.kockam-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.kockam-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.kockam-lightbox-wrapper .close-alt, 
.kockam-lightbox-wrapper .arrow-right-alt, 
.kockam-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .kockam-lightbox-wrapper .close-alt, 
.ie8 .kockam-lightbox-wrapper .arrow-right-alt, 
.ie8 .kockam-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .kockam-lightbox-wrapper .cw, 
.ie8 .kockam-lightbox-wrapper .ccw 
{
   display: none;
}

.kockam-content-layout .kockam-sidebar1
{
   background: #A7D3DC;
   background: transparent;
   border-right:1px dotted #A7D3DC;
   margin:0 auto;
   width: 216px;
}

.kockam-content-layout .kockam-content
{
   margin:0 auto;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

body.toolbar-drawer 
{
    padding-top: 65px !important;
}

table
{
	width: 100%;
}

ul li, .item-list ul li, .menu ul li,
ul li.expanded, ul li.leaf, ul li.collapsed,
li.expanded, li.leaf, li.collapsed
{
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

ul.arttabs_primary, ul.arttabs_secondary, .links, img.service-links
{
	padding-left: 0;
	margin-left: 0;
}

ul.arttabs_primary li, ul.arttabs_secondary li
{
	display: inline;
}

ul.arttabs_primary li:before, ul.arttabs_secondary li:before
{
    content: ' ';
	margin-left: 6px;
}

ul.links
{
	overflow: hidden;
}

ul.links li, .block ul
{
	background-image: none;
	padding: 0;
}

ul.menu li a.active
{
	font-weight: bold;
}

#tinymce body ul, #tinymce body.mceContentBody ul, body.mceContentBody ul
{
  margin: 1em 0 1em 2em;
}

li.messages
{
	margin: 5px 0;
}

#user-login-form
{
	text-align: left;
}

#user-login-form ul li
{
	background-image: none;
	padding-left: 0;
}

/* Fix fieldset for IE8 and FFox */
fieldset, fieldset legend
{
	display: block;
}

.breadcrumb
{
	display: block;
	padding-bottom: .7em;
}

#preview-args
{
	width: auto;
}

.tags
{
	float: left;
}

.messages
{
	padding: 5px;
	margin: 5px 0;
}

.status
{
	border: 1px solid #090;
	background: #C9FBC8;
	margin: 5px 0;
}

tr.even, tr.odd
{
	background-color: transparent;
}

#forum .links li
{
	float: none;
	clear: both;
}

#forum table
{
	width: auto;
	margin-top: 15px;
}

#forum td.container
{
	padding-top: 15px;
	border-left: none;
	border-right: none;
}

#forum td.active
{
	background-color: transparent;
}

#forum td.forum, #forum td.topics, #forum td.posts, #forum td.last-reply
{
	padding-top: 4px;
	padding-bottom: 4px;
}

#forum td.container
{
	font-weight: bold;
}

#forum td.active
{
	background-color: transparent;
}

.forum-topic-navigation
{
	border-top: 0 transparent;
	border-bottom: 0 transparent;
}

.forum-topic-navigation .topic-previous
{
	text-align: left;
	float: left;
}

.forum-topic-navigation .topic-next
{
	text-align: right;
	float: right;
}

.read_more
{
	margin: 5px 0;
	text-align: left;
}

.sticky-table H2
{
	font-size: 10px;
}

#footer
{
	text-align: center;
}

.filefield-upload .kockam-button-wrapper
{
	top: 10px;
}

.uc_out_of_stock_throbbing
{
	position: absolute;
	z-index: 1;
	top: 16%;
	left: 3px;
	margin: 0;
	padding: 0;
}

.profile h3
{
	border-bottom: 0 none;
	margin-bottom: 1em;
}

/* BEGIN Image Attach module fix */
img.image
{
	margin: 0;
}

.image-attach-teaser
{
	width: auto;
}
/* END Image Attach module fix */

/* BEGIN ImageField module fix */
img.imagefield
{
	margin: 0;
}
/* END ImageField module fix */

/* BEGIN Support User picture */
.picture, .comment .submitted
{
	clear: right;
	float: right;
}
/* END Support User picture */

/* BEGIN Support Nodeblock module */
.kockam-block-body .kockam-post
{
	margin: 0;
}
/* END Support Nodeblock module */

/* BEGIN Support floating panels in IE8 */
.panel-col-last
{
	clear: right;
}
/* END Support floating panels in IE8 */

/* BEGIN Support FCKEditor text alignment */
.rteleft
{
	text-align: left !important;
}

.rteright
{
	text-align: right !important;
}

.rtecenter
{
	text-align: center !important;
}

.rtejustify
{
	text-align: justify !important;
}
/* END Support FCKEditor text alignment */

/* BEGIN Set alignment for radio buttons */
input.form-radio, input.form-checkbox
{
	margin: 0 0 2px;
	vertical-align: baseline;
}
/* END Set alignment for radio buttons*/

/* BEGIN Move bradcrumb from separate post */
h2.with-tabs
{
	margin-top: 0;
	margin-bottom: 0;
}

.breadcrumb
{
	margin: 1em 0 0 0.7em;
}
/* END Move bradcrumb from separate post */

/* BEGIN Increasing distance between buttons */
span.kockam-button-wrapper
{
	margin: 0 5px 0 0;
}
/* END Increasing distance between buttons */

/* BEGIN Page validation fix */
.half-width
{
	width: 50%;
}

.third-width
{
	width: 33%;
}

.two-thirds-width
{
	width: 67%;
}
/* END Page validation fix */

/* BEGIN FckEditor bug with link disappearing fixed */
#switch_oFCK_1
{
	display: block !important;
}
/* END FckEditor bug with link disappearing fixed */

.kockam-postcontent .calendar-calendar ul li, .kockam-postcontent .calendar-calendar ol ul li,
.kockam-postcontent div.view div.views-admin-links ul li, .kockam-postcontent div.view div.views-admin-links ol ul li
{
  background-image: none;
  padding: 2px;
}

.date-heading h3
{
  text-align: center;
}

tbody, tbody th, tr.even, tr.odd
{
	border: none;
}

form.comment-form input[type="submit"], form.confirmation input[type="submit"]
{
	margin-right: 10px !important;
}

/* BEGIN Taxonomy terms Artisteer styles in Drupal 7 */
.kockam-tags, .kockam-tags .field, .kockam-tags .field .field-label,
.kockam-tags .field .field-items, .kockam-tags .field .field-items .field-item
{
	display: inline;
}

.kockam-tags .field-item a:after
{
	content: ', ';
}

.kockam-tags .field-item:last-child a:after
{
	content: '';
}
/* END Taxonomy terms Artisteer styles in Drupal 7 */

/* BEGIN Action links support in Drupal7 */
.kockam-post ul.action-links li
{
	background-image: none;
	list-style-type: none;
}

.kockam-post ul.action-links a
{
    background: url("images/addicon.png") no-repeat scroll 0 transparent;
    background-position: center left;
    line-height: 30px;
    padding-left: 15px;
}
/* END Action links support in Drupal7 */

/* BEGIN Overlay module support */
#overlay #overlay-content #kockam-page-background-middle-texture
{
    background-image: none;
}

#overlay-tabs li a, #overlay-tabs li a:active, #overlay-tabs li a:visited, #overlay-tabs li a:hover
{
    background-color: transparent;
    font-weight: normal; 
}
/* END Overlay module support */

/* BEGIN Front page list view support */
#first-time ol
{
    list-style-position: outside;
}
/* END Front page list view support */

/* BEGIN Rtl support in Admin menu */
#toolbar, #toolbar *
{
    text-align: left;
}

#toolbar ul li, #toolbar ul li a {
    float: left;
}
/* END Rtl support in Admin menu */

/* BEGIN Contextual links styles support */
ul.contextual-links li
{
   background-image: none !important;
   padding-left: 4px !important;
}

ul.contextual-links li a
{
   font-family: Arial !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-size: 12px !important;
   text-align: left !important;
   text-decoration: none !important;
}
/* END Contextual links styles support */

/* BEGIN Rtl support for Contextual links */
a.contextual-links-trigger
{
    text-indent: 90px !important;
}
/* END Rtl support for Contextual links */

/* BEGIN Superfish support */
.kockam-blockcontent .sf-menu.sf-style-default li 
{
    margin: 0;
    padding: 0;
}
/* END Superfish support */

.status, .status ul li
{   
    color: #234600;
}

.error, .error ul li
{
	color: #660000;
}

/* Begin Drupal Search style */
.kockam-header .kockam-search label
{
    display: none;
}

.kockam-search div.form-item
{
    margin: 0;
}

#block-system-main form.kockam-search
{
  line-height: normal !important;
}

.kockam-search .form-wrapper .action input[type="submit"],
.kockam-blockcontent .kockam-search .container-inline label,
.kockam-postcontent .kockam-search .container-inline label
{
  display: none;
}
/* End Drupal Search style */

.kockam-comment-avatar img
{
    margin: 0;
}

.kockam-comment-footer ul
{
    margin: 0 !important;
}

.kockam-comment-footer li:before
{
    content: ' ' !important;
}

.block {
    border-width: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

/* Begin Autocomplete styles customization */

#node-form  input[type="text"] {
	margin: 0 !important;
}

#node-form  #autocomplete ul li:before {
	content: none !important;
}

/* End Autocomplete styles customization */

/* Begin BUEditor support */
.kockam-commentsform  .bue-ui input:not([type="submit"]),
.kockam-commentsform  .bue-ui input:not([type="image"]) {
    width:auto;  
    max-width:none;	
}
/* End BUEditor support */