/** general styles **/
body 
{
  margin-left: auto;
  margin-right: auto;
  min-height: 1000px;
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  color:#231f20;
}

div {color:#231f20;}

a
{
    color: #0076bd;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
    color:#003b8b;
}

/* headings */
h1 {
     font-family: "Interstate Light"; font-style: normal; font-weight: normal; font-size:36px;
}
h2 {
     font-family: "Interstate Light"; font-style: normal; font-weight: normal; font-size:30px;
}
h3 {
     font-family: Interstate; font-style: normal; font-weight: normal;  font-size:21px;
}
h4 {
     font-family: Interstate; font-style: normal; font-weight: normal; font-size:17px;
}
h5 {
    font-family:Arial; font-size:15px; font-weight:bold;
}
h6 {
    font-family:Arial; font-size:15px;
}

/* headings with indent */
.indented_heading1
{
    font-family: Interstate; 
    font-style: normal; 
    font-weight: normal;  
    font-size:21px;
}

.indented_heading2
{
    font-family: Interstate; 
    font-style: normal; 
    font-weight: normal;  
    font-size:17px;
    padding-left:10px;
}

.indented_heading3
{
    font-family: Arial; 
    font-style: normal; 
    font-weight: normal;  
    font-size:15px;
    padding-left:20px;
}


.innerpagecontent p img 
{
    border: 1px solid #b1b1b1;
    float:right;
    margin:5px 0 5px 5px;
    padding:2px;
}



/* lists */
.container ul  {
	list-style-type:none;
	/**margin-left:22px;**/
	padding-left:0px;
}

.container ul li 
{
    background:url(images/list_bullet_disc.png) left 12px no-repeat;
    padding-left:10px;
    line-height: 18px;
    padding-top:5px;
   
}

.container ul ul  {
	margin-left:10px;
}

.container ul ul li 
{
    background:url(images/list_bullet_circle.png)  left 13px no-repeat;
}

.container ol {
    margin-left:0px;
    counter-reset: item;
    padding-left:0px; 
}

.container ol li  
{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 18px;
    padding-top:5px;
    
}
.container ol > li:before  {
       content: counter(item) ". "; 
       counter-increment: item;
       color: #008fcb; 
       
 }

.container ol li ul li
{
    padding-left:25px;
}

.container li.longlist, .container ul.longlist li, .container ol.longlist li
{
    background-position: left 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    line-height: 21px; 
}



 
 /* blockquotes */
.blockquote_blue {
     border-left:solid 5px #a2daf4;
     padding-left:20px;
     margin:8px 0 8px 0;
     font-size:18px;
     font-family: Interstate; 
     font-style: normal; 
     font-weight: normal;   
     line-height:1.3 !important;
     display:block;  
     color:#333333;
}
.blockquote_blue_long 
{
     border-left:solid 5px #a2daf4;
     padding-left:20px;
     margin:12px 0 12px 0; 
     display:block; 
     line-height:1.7 !important;
}
.blockquote_green {
     border-left:solid 5px #b0ca34;
     padding-left:20px;
     margin:8px 0 8px 0;
     font-size:18px;
     font-family: Interstate; 
     font-style: normal; 
     font-weight: normal; 
     line-height:1.3 !important;
     display:block;    
     color:#333333;
}
.blockquote_green_long 
{
     border-left:solid 5px #b0ca34;
     padding-left:20px;
     margin:12px 0 12px 0; 
     display:block; 
     line-height:1.7 !important;
}
.blockquote_pink {
     border-left:solid 5px #b6006c;
     padding-left:20px;
     margin:8px 0 8px 0;
     font-size:18px;
     font-family: Interstate; 
     font-style: normal; 
     font-weight: normal; 
      line-height:1.3 !important;
     display:block;    
     color:#333333;
}
.blockquote_pink_long 
{
     border-left:solid 5px #b6006c;
     padding-left:20px;
     margin:12px 0 12px 0; 
     display:block; 
     line-height:1.7 !important;
}

/* text indent */
.indent 
{
     padding-left:20px;
     display:block;   
     
}

/* link list */
a.linklist_item, p.linklist_item a
{
    font-size:14px;
    display:inline-block;
    padding-left: 1em;
    text-indent: -0.8em;
}


a.linklist_item:before, p.linklist_item a:before
{
    color: #B6006C;
    content: "\203A";
    font-weight: bold;
    padding-right: 5px;
}


/** text emphasis **/
span.grey, td.grey
{
    color:#999999;
}
span.blue, td.blue 
{
    color:#0076bd;
}
span.greenyellow, td.greenyellow
{
    color:#99ae35
}
span.purple, td.purple 
{
    color:#8a1a6e;
}
span.green, td.green 
{
    color:#4e8846;
}
span.darkblue, td.darkblue
{
    color:#003b8b;
}

/* tables */
table 
{
    padding:10px;
    margin-bottom:10px;
}

table th, thead tr td, table thead tr:last-child td
{
    padding:10px; 
    border-bottom:2px solid #a2daf4;
    text-align:left;
    font-weight:bold;
}

table td {
    padding:10px; 
    border-bottom:solid 1px #dddddd;   
}

table tr:last-child td {
    border-bottom:none;
}

table tfoot 
{
    border-top:solid 3px #dddddd;
}

/* form elements */
input[type="text"], input[type="password"]  {
    border:solid 1px #cccccc;
    border-radius:3px;
    /**color:#6D6E71;**/
    font-size:15px;
    height:35px;
    padding:0 3px 0 3px;
    padding-top:3px\9;  /* IE8, IE9 */
    display:inline-block;
    margin:0 5px 5px 0;
    float:left;
}

input[type="submit"], input[type="submit"]:focus,
#cookieWarning input[type="button"] {
    background-color:#b6006c;
    color:#ffffff;
    font-weight:bold;
    font-family: 'Open Sans', sans-serif;
    padding:5px;
    border:none;
    border-radius:3px;
    width:75px;
    height:35px;
    margin-bottom:3px;
    cursor:pointer;
}

input[type="submit"]:hover, 
#cookieWarning input[type="button"]:hover {
    background-color:#6c0040;
    color:#ffffff;
}

input[type="checkbox"] 
{
    margin:6px 3px 0 0;
    margin-top:4px\9;
    float:left;
    display:inline-block;
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    input[type="checkbox"] {
        margin:4px 3px 0 0;
    }
}

textarea 
{
    border:solid 1px #cccccc !important;
    border-radius:3px;
    font-family: Arial;
    /**color:#6D6E71;**/
    font-size:15px;
}

input[type="text"]:active, input[type="text"]:focus,
input[type="password"]:active, input[type="password"]:focus,
textarea:active, textarea:focus, select:focus
{
    border-color:#74b9ef !important;
    color:#231F20;
}

select 
{
   background: transparent;
   padding: 5px;
   line-height: 1;
   border: 1px solid #CCCCCC;
   border-radius: 3px;
   height: 34px;
   -webkit-appearance: menulist;
   font-family: Arial;
   /**color:#6D6E71;**/
   font-size:15px !important;
   
}

/* FormBlockControl */

legend 
{
    color:#555555;
    border:none;
    font-size:18px;
}

fieldset 
{
    color:#555555;
}

#id_matrix label 
{
  font-size:13px;  
}

#id_matrix td 
{
    border:none;
    padding-left:0px;
}  

.graph label {
    width: 100px;    
    color:#555555;
    font-size:13px;
}

ul.graph{
    padding-left: 0px;
    margin-left:0px;
}

ul.graph li  {
  list-style: none;
  background-image:none;
  color:#004874;
  font-size:12px;
  font-weight:bold;
  padding-left:0px;
}

.graph li span {
  background-image: url('images/barpic.png');
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: -0.075em;
  margin-right:5px;
}


/** Navbar **/ 

.navbar-collapse {
	padding:0px;
}

/*navbar-brand (Logo)*/
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover  {
	/**color:#000000;
	max-width:230px;**/
	padding:0px;
}

.navbar-default ul 
{
    margin-left:0px;
    width:100%;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
}

.navbar-default .navbar-brand  img {
	display:inline;
	float:left;
	width:97px;
	margin-right:10px;
}

.navbar-default .navbar-brand span {
	display:inline;
	float:right;
	width:90px;
}

.navbar-header {
	width:230px;
	margin-right:5px;
	padding-bottom:10px;
	margin-top:-15px;
}

/*navbar-right = SEARCH*/

/* hide search for mobile version */
.navbar-right.mobile 
{
	 display:none;
}

.navbar-right
{
    /**width: /**220px;25%;**/
	min-width:190px;
    height: 58px;
    float: right;
    border-radius: 5px;
    font-family: Interstate; 
    font-style: normal; 
    font-weight: normal; 
    margin-top: 10px;
	margin:0 4px 0 0;    
}

/* navigation link texts need more space in english and swedish versions -> nav-right must be smaller */
html[lang="en"] .navbar-right 
{
    min-width:180px;
}

html[lang="sv"] .navbar-right 
{
     min-width:160px;
}


.navbar-right li {
	box-shadow: 0 0 3px 1px #a9d0e8;
}

.navbar-right .search input {
	height:58px;
	border:0px;
	margin:0px;
	float:left;
}

.navbar-right.desktop .search input 
{
    height:38px;
}

.navbar-right .search .text {
	width:162px;
	border-radius: 5px 0px 0px 5px;
	padding-left:5px;
	color:#6d6e71;
	font-size:16px;
}

/* IE9 */
html[lang='\en'] .navbar-right .search .text
{
    padding-top:15px;
}
/* IE8 */
@media \0screen 
{
    .navbar-right .search .text{padding-top:15px;}
}

/**html[lang="sv"] .navbar-right .search .text 
{
     width:100px;
}


html[lang="en"] .navbar-right .search .text
{
    width:120px;
}**/

.navbar-right .search .button {
	border-radius: 0px 5px 5px 0px;
	background:url(images/icon_search.png) 10px 12px no-repeat #b6006c;
	text-indent:-9999px;
	width:35px;	
}

.navbar-right .search .button:hover {
    background-color: #6C0040;
}

/* search auto-complete */
.ui-helper-hidden-accessible  
{
    display:none;
}

.ui-autocomplete 
{
    padding-left:5px;
    box-shadow: 0 0 3px 1px #A9D0E8;
    width:128px;
    background:#ffffff;
}

html[lang="sv"] .ui-autocomplete 
{
    width:98px;
}

html[lang="en"] .ui-autocomplete 
{
    width:118px;
}

.ui-autocomplete li 
{
    list-style-type:none;
    color: #6D6E71;
    font-size: 16px;
    font-family: Interstate; 
    font-style: normal; 
    font-weight: normal; 
    font-size:13px;
}

.ui-autocomplete li a 
{
    cursor:pointer;
}

.navbar-fixed-top
{  top: auto;
   
}
.navbar
{
    width: 100%;
    border: 0px none transparent;
    border-radius: 0px;
    font-size: 14px;
    border: 0px none transparent;
	background:#ffffff;
	margin:0;
}

.navbar-nav
{   
    padding-left: 0px;
    	
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
    font-weight: bold;  
	border-radius:5px 0 0 5px;	
	padding:5px 10px 0 10px;
	padding:5px 12px 0 10px\9;  /* IE8, IE9 */
	background: -webkit-linear-gradient(#7f8184, #5b5c5e); /* For Safari */
	background: -o-linear-gradient(#7f8184, #5b5c5e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7f8184, #5b5c5e); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#7f8184, #5b5c5e);
	background: linear-gradient(#7f8184, #5b5c5e); /* Standard syntax */
	filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#7f8184', endColorstr='#5b5c5e',GradientType=0 ); /* For IE */
	background-color:  #7f8184; 
	float:left;
	height:58px;
	/**max-width:140px;
	max-width:120px\9;**/ /* IE8, IE9 */
	text-align:right;
	font-family:'Interstate';
	font-size:16px;
}

/** Tietoa ja ohjeita **/
.navbar-default .navbar-nav > li:first-child  + li > a:first-child 
{
    width:105px;
    
}


/** Toiminta ja ratkaisut **/
.navbar-default .navbar-nav > li:first-child  + li  + li > a:first-child 
{
    width:115px;
}

/** Ajankohtaista **/
.navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child
{
    width:145px;
    padding-top:16px;
    border-radius:5px;
    text-align:left;
     padding-left:15px;
}

/** Tietoa KKV:stä **/
.navbar-default .navbar-nav > li:first-child  + li + li  + li + li > a:first-child 
{
    width:180px;
    width:155px\9;
    padding-top:16px;
    border-radius:5px;
    text-align:left;
    padding-left:15px;
   
}

/** Yhteystiedot **/
.navbar-default .navbar-nav > li:first-child  + li + li  + li + li + li > a:first-child 
{
    width:130px;
    padding-top:16px;
    border-radius:5px;
    text-align:left;
    padding-left:15px;
   
}

/** Information och anvisningar **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li > a:first-child
{
    padding-top:5px !important;
    width:155px;
}

/** Verksamhet och beslut **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li > a:first-child
{
    width:145px;
}

/** Aktuellt **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li + li > a:first-child
{
    width:110px;
}

/** Om oss **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li + li + li > a:first-child
{
    width:100px;
}

/** Kontaktuppgifter **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li + li + li + li > a:first-child
{
    width:160px;
}

/** Facts and advice **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li > a:first-child
{
    width:125px;
}

/** Activities and decisions **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li > a:first-child
{
    padding-top:5px !important;
    width:150px;
}

/** Current issues **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li + li + li > a:first-child
{
    width:155px;
}

/** About us **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li + li + li > a:first-child
{
    width:120px;
}

/** Contact information **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li + li + li + li > a:first-child
{
    padding-top:5px;
}


/**_:-moz-tree-row(hover), html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li > a:first-child
{
    padding-top:16px !important;
}**/

html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child,
html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child
{
     padding-top:16px  !important;
}







/* smaller font for english and swedish to fit link texts to navigation */
/**html[lang="sv"] .navbar-default .navbar-nav > li > a, 
html[lang="sv"] .navbar-default .navbar-nav > li > a:hover,
html[lang="en"] .navbar-default .navbar-nav > li > a, 
html[lang="en"] .navbar-default .navbar-nav > li > a:hover  
{
    font-size:15px;
    font-size:13px\9;  /* IE8, IE9 */
/**}**/

.navbar-default .navbar-nav > li > a.dropdown-toggle, 
.navbar-default .navbar-nav > li > a.dropdown-toggle:hover {
	border-radius:0 5px 5px 0;
	padding:15px 15px 0 8px;
}

.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:hover{

    padding-left: 3px;
    padding-right: 0px;
	border-right:solid 3px #ffffff;
	border-radius:5px;
	height:85px;
	position:static;
	background:none;
}


.navbar-default .navbar-nav > li:first-child a 
{
    border-radius:5px;
    width:155px;
    text-align:center;
}




.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus
{
    color: #ffffff;
}

.navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover {
	padding:0px;
	border:none;
	border: solid 1px #68aed8;
	height:auto;
}


/* navigation button's white lines (mobile size) */
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #ffffff;
}



/*active top navigation*/

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover
{
    background: -webkit-linear-gradient(#008eca, #0075a6); /* For Safari */
	background: -o-linear-gradient(#008eca, #0075a6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#008eca, #0075a6); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#008eca, #0075a6); /* For IE */
	background: linear-gradient(#008eca, #0075a6); /* Standard syntax */
	background-color: #8a1a6e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008eca', endColorstr='#0075a6',GradientType=0 ); /* For IE */
    color: #ffffff;

}

/* top navigation dropdown open */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
}


/** top navigation inactive dropdown open -> grey arrow  **/
.navbar-default .navbar-nav > .open > a:first-child:after {
    /**background:url(images/menu_active.png) 20px 58px no-repeat;**/ 
    border-radius: 3px;
    border-right:10px solid transparent;
    border-top:10px solid #5B5C5E;
    border-left:10px solid #5B5C5E;
    border-bottom:10px solid transparent;
    content: " ";
    height: 0;
    left: 25px;
    pointer-events: none;
    position: absolute;
    top: 97%;
    width: 0;
    
}

/** top navigation active dropdown open -> blue arrow  **/
.navbar-default .navbar-nav > .open.active > a:first-child:after 
{
    border-right:10px solid transparent;
    border-top:10px solid #0075A6;
    border-left:10px solid #0075A6;
    border-bottom:10px solid transparent;
}

/*top navigation dropdown image*/
.caret{
	background-image: url('images/topnavplus.png');
	background-repeat: no-repeat;
    width:23px; 
    height: 22px;
    border: 0px none transparent;
    margin-left: 10px;
}

/* dropdown image when dropdown is open */
.open .caret 
{
    background-image: url('images/topnavminus.png');
}

.navbar-nav  li:first-child a, .navbar-nav  li:first-child a:hover  {
	padding-top:16px;
}

/**.navbar-nav  li:last-child a, .navbar-nav  li:last-child a:hover   {
	max-width:155px;
}**/

 /* for ie8 */
/**.linkboxes .linkbox:first-child + .linkbox + .linkbox **/
/**.navbar-nav li + li +li a
{
    
   max-width:155px\9 !important;
}**/


/* dropdown-toggle (link to open dropdown menu) */
.navbar-default .navbar-nav > li > a.dropdown-toggle, 
.navbar-default .navbar-nav > li > a.dropdown-toggle:hover { 
	background: -webkit-linear-gradient(#757678, #5b5c5d); /* For Safari */
	background: -o-linear-gradient(#757678, #5b5c5d); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#757678, #5b5c5d); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#757678, #5b5c5d);
	background: linear-gradient(#757678, #5b5c5d); /* Standard syntax */
	background-color: #757678;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757678', endColorstr='#5b5c5d',GradientType=0 ); /* For IE */
	
}

/* active menu link dropdown-toggle  */
.navbar-default .navbar-nav > li.active > a.dropdown-toggle, 
.navbar-default .navbar-nav > li.active > a.dropdown-toggle:hover { 

	background: -webkit-linear-gradient(#0b6c97, #0b5c7e); /* For Safari */
	background: -o-linear-gradient(#0b6c97, #0b5c7e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0b6c97, #0b5c7e); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#0b6c97, #0b5c7e);
	background: linear-gradient(#0b6c97, #0b5c7e); /* Standard syntax */
	background-color: #0b6c97;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6c97', endColorstr='#0b5c7e',GradientType=0 ); /* For IE */
}

a.dropdown-toggle
{
    height: 58px;
}

/** dropdown-menu (megamenu) **/
.dropdown-menu.mobile 
{
    display:none;
}

.dropdown-menu {
    max-width:975px;
    position:absolute;
    top:128px;
    /**left:15%;**/
    /**float:left;**/
    box-shadow:none;
    border:30px solid transparent;
    left:50%;
    /**margin-left:-285px;**/
    margin-left:-355px;    
    border-radius:0 0 5px 5px;
    background:transparent; 
}

.dropdown-menu > div:first-child 
{
     box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.43);
     float:left;
     border-radius:5px 5px 5px 5px;
     background:#ffffff;
}
    
.dropdown-menu .column {
    float:left;
    width:240px;
    padding:10px;
}

.dropdown-menu .column h3 a 
{
    color:#231F20;
    font-size:21px !important;
}

.dropdown-menu .column h4 a 
{
    color:#231F20;
    font-size:17px !important;
}

.dropdown-menu .column ul.bluelink {
    padding-top:0px;
    margin:0px;
}

.dropdown-menu .column ul.bluelink li a 
{
    padding-top:0px;
    font-size:14,5px;
    
}

/*  navigation ends */


/** mainbanner on startpage **/
.advertisement
{
    min-height: 100px;   
	background-image: url(images/bg_banner.png);
    background-repeat: no-repeat; 
	background-position:center top;
}

.banner {
	height:266px;
    padding-top:50px;
	 font-family: "Interstate Light"; 
	 font-style: normal; 
	 font-weight: normal;
}

.banner div {
	max-width:430px;
	margin:auto;
	font-size:35px;
	color:#414042;
}

.banner a
{
	background:url(images/icon_button.png) 145px 5px no-repeat #b6006c;
	color:#ffffff;
	padding:8px 50px 8px 10px;
	font-size:14px;
	font-weight:bold;
	display:block;
	width:180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:10px;
	font-family:'Arial';
}

.banner a:hover 
{
    background-color: #6C0040;
}

/* coloured link boxes on startpage */
.boxes .box {
	width:134px;
	height:134px;
	margin:4px;
	border-radius: 3px;
	text-align:center;
	padding:0;
}

.boxes .box:first-child 
{
    margin-left:0px;
}


/* background gradients for linkboxes on startpage, on sectionstartpage and on the rightside of a standard page */
.boxes .box1, .linkboxes .box1, .rightside .box1 {
	background: -webkit-linear-gradient(#dad846, #cfcd00); /* For Safari */
	background: -o-linear-gradient(#dad846, #cfcd00); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#dad846, #cfcd00); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#dad846, #cfcd00); /* Standard syntax */
	background-color: #cfcd00;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad846', endColorstr='#cfcd00',GradientType=0 );	
}

.boxes .box2, .linkboxes .box2, .rightside .box2 {
	background: -webkit-linear-gradient(#b1c554, #98b31e); /* For Safari */
	background: -o-linear-gradient(#b1c554, #98b31e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b1c554, #98b31e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b1c554, #98b31e); /* Standard syntax */
	background-color: #98b31e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c554', endColorstr='#98b31e',GradientType=0 ); /* For IE */
}
	
.boxes .box3, .linkboxes .box3, .rightside .box3 {
	background: -webkit-linear-gradient(#7fc372, #52b944); /* For Safari */
	background: -o-linear-gradient(#7fc372, #52b944); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7fc372, #52b944); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7fc372, #52b944); /* Standard syntax */
	background-color: #52b944;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc372', endColorstr='#52b944',GradientType=0 ); /* For IE */
}
	
.boxes .box4, .linkboxes .box4, .rightside .box4 {
	background: -webkit-linear-gradient(#4ea2bc, #0085a7); /* For Safari */
	background: -o-linear-gradient(#4ea2bc, #0085a7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4ea2bc, #0085a7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4ea2bc, #0085a7); /* Standard syntax */
	background-color: #0085a7;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea2bc', endColorstr='#0085a7',GradientType=0 ); /* For IE */
}
	
.boxes .box5, .linkboxes .box5, .rightside .box5 {
	background: -webkit-linear-gradient(#4a6ca0, #144084); /* For Safari */
	background: -o-linear-gradient(#4a6ca0, #144084); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4a6ca0, #144084); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4a6ca0, #144084); /* Standard syntax */
	background-color:#144084;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6ca0', endColorstr='#144084',GradientType=0 ); /* For IE */
}
	
.boxes .box6, .linkboxes .box6, .rightside .box6 {
	background: -webkit-linear-gradient(#a65491, #8a1a6e); /* For Safari */
	background: -o-linear-gradient(#a65491, #8a1a6e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a65491, #8a1a6e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a65491, #8a1a6e); /* Standard syntax */
	background-color: #8a1a6e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65491', endColorstr='#8a1a6e',GradientType=0 ); /* For IE */
	width:264px;	
	margin-right:0px;
}

.boxes .box7, .linkboxes .box7, .rightside .box7 {
    background: linear-gradient(#008ECA, #0075A6) repeat scroll 0 0 #8A1A6E;
    background: -o-linear-gradient(#008ECA, #0075A6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#008ECA, #0075A6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#008ECA, #0075A6); /* Standard syntax */
	background-color: #0075A6;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ECA', endColorstr='#0075A6',GradientType=0 ); /* For IE */
	width:260px;	
}

.boxes .box8, .linkboxes .box8, .rightside .box8 {
    background: linear-gradient(#ff6700, #cc5a0d) repeat scroll 0 0 #ff6700;
    background: -o-linear-gradient(#ff6700 , #cc5a0d); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ff6700 , #cc5a0d); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ff6700 , #cc5a0d); /* Standard syntax */
	background-color: #cc5a0d;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6700 ', endColorstr='#cc5a0d',GradientType=0 ); /* For IE */
	width:260px;	
}

/* sectionstart page linkboxes */
.linkboxes .linkbox 
{
    background-size:100% 70px;
}


/* no margin on the right side for every third linkbox */
.linkboxes .linkbox:nth-child(3n) 
{
    margin-right:0px;
}

/* for ie8 */
.linkboxes .linkbox:first-child + .linkbox + .linkbox,
.linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
      margin-right:0px\9;
}


/* startpage linkboxes */
.boxes  .box a {
	color:#ffffff;
	width:134px;
	height:134px;
	float:left;
	padding:60px 10px 0 10px;
	font-size:16px;
	font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
}

.boxes .box h4 {
	font-size:18px;
	font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
	padding-top:0px;
}

/* background icons for startpage linkboxes */
.boxes .box1 h4 a {background:url('images/icon_box1.png') center 15px no-repeat;}
.boxes .box2 h4 a {background:url('images/icon_box2.png') center 15px no-repeat;}
.boxes .box3 h4 a {background:url('images/icon_box3.png') center 15px no-repeat;}
.boxes .box4 h4 a {background:url('images/icon_box4.png') center 15px no-repeat;}
.boxes .box5 h4 a {background:url('images/icon_box5.png') center 15px no-repeat;}
.boxes .box6 h4 a {background:url('images/icon_box6.png') center 15px no-repeat;width:260px;}


.linkboxes .linkbox {
	width:305px;
	background-color:#f0f0f0;
	border-radius:4px;    
	margin:10px 30px 20px 0;
	padding:0 0 0px 0;   
}

.linkboxes .linkbox h4 {
	color:#ffffff;
	font-size:19px;
	font-size:18px\9; /* IE8, IE9 */
	margin:0px;
	width:100%;
	height:70px;
	border-radius: 4px 4px 0 0;
	
	background-repeat:no-repeat;
	background-position:20px 15px;	
}

.linkboxes .linkbox.box7 h4 a,
.linkboxes .linkbox.box8 h4 a
{
    padding-left:30px;
}

.linkboxes .linkbox h4 a 
{
    color:#ffffff;
	font-size:19px;
	font-size:18px\9;  /* IE8, IE9 */
	margin-left:0px;
	padding:10px 35px 15px 70px;
	display:block;
}

/* IE9 */
/**:root .linkboxes .linkbox h4, :root .linkboxes .linkbox h4 a
{
    font-size:22px\0;
}**/

html[lang="en"] .linkboxes .box2 h4,
html[lang="en"] .linkboxes .box4 h4 
{
    padding-top:15px;
}


.linkboxes .box6 h4 
{
    padding-top:15px;
}

.linkboxes .box6 h4 
{
    padding-top:15px;
}

.linkboxes .box7:first-child h4,
.linkboxes .box7 + .box7 + .box7 + .box7 h4
{
    padding-top:15px;
}

html[lang="en"] .linkboxes .box7 + .box7 h4,
html[lang="en"] .linkboxes .box7 + .box7 + .box7 h4
{
    padding-top:15px;
}

html[lang="en"] .linkboxes .box7 + .box7 + .box7 + .box7 + .box7 + .box7 h4 
{
    padding-top:0px;
}

.linkboxes .box8:first-child h4,
.linkboxes .box8 + .box8 + .box8 + .box8 + .box8 h4
{
    padding-top:15px;
}

.linkboxes .box8 + .box8 + .box8 + .box8 + .box8 + .box8 h4
{
     padding-top:5px;
}


.linkboxes .linkbox div
{
    background-color:#f0f0f0;
    border-radius:0 0 3px 3px;
    padding:10px;
    height:300px;
    
}

.linkboxes .linkbox div div 
{
    background-color:transparent;
    border-radius:0 0 3px 3px;
    padding:0px;
    height:auto;
}

/* background icons for sectionstartpage linkbox headings */
.linkboxes .box1 h4 {
	background-image:url('images/icon_box1.png');
}
.linkboxes .box2 h4 {
	background-image:url('images/icon_box2.png');
}
.linkboxes .box3 h4 {
	background-image:url('images/icon_box3.png');
}
.linkboxes .box4 h4{
	background-image:url('images/icon_box4.png');
}
.linkboxes .box5 h4 {
	background-image:url('images/icon_box5.png');
}
.linkboxes .box6 h4 {
	background-image:url('images/icon_box6.png');
}

.linkboxes .bluelink 
{
    margin-bottom:5px;
}

.linkboxes .bluelink li {
	padding:3px 0 3px 0;
}

.linkboxes .linkbox .bluelink  a:before {
	color:#0076BD;
}

.linkboxes .linkbox a {
   margin-left:15px; 
   font-size:15px;
}

.linkboxes .linkbox p {
    margin:5px 15px 0px 15px;
    font-size:15px;
   font-style:italic;
}

/**.linkboxes .box1 p {
    color:#b6b400;
}

.linkboxes .box2 p {
    color:#99ae35;
}

.linkboxes .box3 p {
    color:#4e8846;
}

.linkboxes .box4 p {
    color:#1886a8;
}

.linkboxes .box5 p {
    color:#003b8b;
}

.linkboxes .box6 p {
color:#8a1a6e;
}**/

.linkboxes .linkbox a:before 
{
    content:"\203A "; /** › **/
    color:#B6006C;  
    font-weight: bold;
    padding-right: 5px;
}

.linkboxes .linkbox h4 a:before 
{
    content:normal;
}




/** headings **/
.jumbotron H1
{
    font-size: 28px !important;
	color:#231f20;   
}

.jumbotron .innerpage  H1
{
    font-size: 36px;
	color:#231f20;
    
}

/* "cookieWarning" */
#cookieWarning 
{
    
    background-color:#F1F6F9;
    border-width:2px 0 2px 0;
    border-color:#5B5C5E;
    border-style:solid;
    padding: 0 20px 0 20px;
    display:block;
    
}

#cookieWarning .CookieWarningText 
{
    float:left;
    padding-top:20px;
}


#cookieWarning input[type="button"] 
{
    float:right;
    margin-top:20px;
    width:135px;
    font-size:15px;
}

/** Breadcrumbs (headerlinks, breadcrumb, footer)  **/
.breadcrumb
{
    background-color: transparent;
    border: 0 none transparent;
    font-size: 12px;
    text-align: right;
    padding-left: 0px;
	float:left;
	margin:0px;
}

ul.breadcrumb {
    margin:0px;
}

ul.breadcrumb li 
{
    background:none;
    padding-left:0px;
}

ul.breadcrumb.inner li + li:before,
.mobilemenu ul.breadcrumb.inner li:before {
    content:"\203A "; /** › **/
    font-size:15px;
    color:#0076BD;
    padding-right:2px;
    
}



.breadcrumb li {
	display:inline-block;
	float:left;
}
	
/* breadcrumb2 = headerlinks on the right side */
.breadcrumb2
{
    padding-right: 0px;
    padding-top:3px;
    
}

.logorow .breadcrumb2:not(:last-child):first-child:after
{
    content:"|";
    color: #bb2679;
	font-weight:bold;
	padding:0 5px 0 5px;
}

.logorow .breadcrumb > li + li:before {
    color: #bb2679;
	font-weight:bold;
	padding-right:0px;
}

.logorow .breadcrumb > li + li:before 
{
    padding-right:5px;
    content:"|";
}

.logorow .breadcrumb li.active a 
{
    color:#231F20;
    cursor:default;
}




.row
{
    max-width: 978px;
    margin-left: auto;
    margin-right: auto;
}

.jumbotron
{
    padding: 0 !important;
    margin: 0px;
    font-size: 13px;
    line-height: normal;
	background:#ffffff;
}

/* logorow =headerlinks */
.logorow
{
    background-color: #ffffff;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px; 
    padding:20px 0 0 5px; 
}

.logorow .col-lg-4  {
	padding:0px;
}

.logorow .col-xs-4 
{
    padding-right:0px;
}



/**.logorow .col-xs-4 ul li
{
    float:right;
}**/



/**.logorow .col-lg-4:last-child  {
	padding-left:45px;
}**/
    
/*
.container > .navbar-collapse{
    width: 978px;
	margin-right: auto;
	margin-left: auto;
}*/

.container
{
    padding-left: 0px;
    padding-right: 0px;
    width: 100% !important;  
}




/** Links section on startpage (links on blue background) **/

.links .col-md-4 {
	/**padding-left:0px;
	padding-right:30px;**/
	width:330px;
	background-color:#e0f2fb;
    border-radius:5px;
    padding-left:15px;
    min-height:190px;
    margin:10px 0 0 0;
}

.links .col-md-4:first-child
{
    margin-right:0px;
    border-radius:5px 0 0 5px;
}

.startpage.links .col-md-4 + .col-md-4 
{
    border-radius: 0 5px 5px 0;
    margin-right:15px;
    padding-left:0px;
    width:300px;
}

.links .col-md-4:last-child {
	padding-right:0px;
	width:305px;
}

/** for ie8 **/
.links .col-md-4 + .col-md-4 + .col-md-4 
{
    padding-right:0px;
    width:305px;
}

.startpage.links .col-md-4 + .col-md-4 + .col-md-4 
{
    
    padding-left:15px;
	width:330px;
	margin-right:0px;
	border-radius:5px;
}

.links .bluelink 
{
    padding-top:0px;
}

.sectionstartpage .links {
	background:#f2f6f8;
	border-top:solid 1px #dbdada;
	margin-top:25px;
}

.sectionstartpage .links .col-md-4 + .col-md-4 + .col-md-4 
{
    padding-left:0px;
}
/**.links .list-group 
{
    background-color:#e0f2fb;
    border-radius:5px;
    padding-left:15px;
    min-height:160px;
}**/

.sectionstartpage .links .col-md-4
{
    background-color:transparent;
    border-radius:0px;
    padding-left:0px;
    min-height:0px;
}

/** themes (= Tietoa ja ohjeita) **/
.themes h1 a
{
    color:#231F20; 
}

/** announcements (= Ajankohtaista) **/

.announcements {
	margin-bottom:25px;
}

/**.announcements  .row:last-child {
	background:url('images/triangle.png') right bottom no-repeat;
	padding-bottom:85px;

}**/

.announcements h1 {
	/**border-bottom:dashed 4px #68c1c4;**/
	background:url('images/bg_dashed.png') left bottom repeat-x;
	padding-bottom:10px;
	margin-top:35px;
	height:42px;
	
}

.announcements h1 a
{
    color:#231F20;
    float:left;
    display:inline-block;
   
}

.announcements a.rss {
	background:url(images/icon_rss.png) right top no-repeat;
	width:26px;
	height:26px;
	float:left;
	margin-left:10px;
}

.announcements h4, .announcements h4 a {
    font-size:21px;
    color:#231F20;
}


.announcements  .col-sm-6 {
	padding-left:0px;
}

.announce
{
    color: #01549c;
	padding-bottom:100px;
}

.announcetitle {
	border-bottom:solid 1px #e4e4e5;
	padding-bottom:10px;
	font-weight:normal;
	font-size:15px;
}

.announcetitle:last-of-type {
	border-bottom:none;
}

.announcedate {
	padding-top:10px;
	font-size:14px;
	font-style:italic;
    width: 100%;
    font-style: italic;
    padding-bottom: 2px;
}

.more {
	margin-top:15px;
	float:left;
	font-size:14.5px;
}

.more:before {
	color: #B6006C;
    content:"\203A "; /** › **/
    font-weight: bold;
    padding-right: 5px;
	}

/** Statistics (= Käydyimmät sivut, Käytetyimmät asiasanat, KKV sosiaalisessa mediassa) **/
.statistics
{
    min-height: 100px;
	background:#e0f2fb;
	/**border-top:solid 2px #d0dfe7;**/
	box-shadow:0px -2px 2px #d0dfe7;
	padding-bottom:25px;
}

.statistics .col-sm-6.nopadding 
{
    display:inline-block;
}

.statistics ol 
{
    padding-left:15px;
}

.statistics ol li
{
    padding:5px 0 5px 0;
    font-size:14.5px;
}

.statistics ol li:before {
    color: #b6006c;
    font-size:12px;
    font-weight:bold;
    padding-right:5px;
}

.statistics .some_link  a {
	display:block;
	color:#231f20;
	padding:5px 0 0 25px;
	text-indent:0px;
	font-size:15px;
}

.statistics .some_link .fb {
	background:url(images/icon_fb.png) left 5px no-repeat;
}

.statistics .some_link .twitter {
	background:url(images/icon_twitter.png) left 5px no-repeat;
}

.statistics ul 
{
    padding:0px;
    margin:0px;
}

.statistics .arrowboxLeft, .statistics .arrowboxRight
{
    list-style-type:none;
    position: relative;
	background:#a2daf4;
	width: 305px;
	height: 100%;
	border-radius: 7px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	font-size:15px;
}

/* Twitter boxes */
.arrowboxLeft:after {
	top: 97%;
	left: 6%;
	position: absolute;
	pointer-events: none;
	content: " ";
	width:0; 
    height:0; 
    border-right:7px solid transparent;
    border-top:7px solid #a2daf4;
    border-left:7px solid #a2daf4;
    border-bottom:7px solid transparent;
    border-radius: 2px;
}

.arrowboxRight:after {
	top: 97%;
	left: 90%;
	position: absolute;
	pointer-events: none;
	content: " ";
	width:0; 
    height:0; 
    border-right:7px solid #a2daf4;
    border-top:7px solid #a2daf4;
    border-left:7px solid transparent;
    border-bottom:7px solid transparent;
    border-radius: 2px;
}

/**.statistics .arrowboxRight 
{
    background:url(images/arrowboxRight.png) right bottom no-repeat #a2daf4;
    
}**/

/**.statistics .arrowboxLeft a, .statistics .arrowboxRight a 
{
    padding-left:5px;
}**/

.statistics .arrowboxLeft span, .statistics .arrowboxRight span 
{
    color:#ffffff;
    font-size:12px;
    padding-left:0px;
    padding-top:15px;
    font-style:italic;
}

.arrowboxRightSpan
{
    color:#ffffff;
    font-size:12px;
    padding-left:0px;
    padding-top:7px;
    padding-bottom:0px;
    margin-bottom:0px;
    font-style:italic;
}

.statistics .sidelinks 
{
    padding-top:0px;
}

.statistics .keyword
{
    font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
	line-height:24px;
}



.statistics .keyword:after
{
    content:", ";
}

.statistics .keyword:last-child:after
{
    content:normal;
}

.statistics .keyword_1 
{
    color:#003b8b;
    font-size:20px;
}

.statistics .keyword_1:hover {
    color:#022c65;
}


.statistics .keyword_2
{
    color:#008fcb;
    font-size:17px;
    line-height:1.8em;
}

.statistics .keyword_2:hover
{
   color:#036994;
}

.statistics .keyword_3 
{
    font-size:14px;
    color:#5ec5ed;
}

.statistics .keyword_3:hover {
    color:#50a4c4;
}








/**.date
{
    color: black;
    width: 100%;
}

.subject
{
    color: #01549c
}**/



/** bluefooter = BottomMenu **/

.bluefooter
{
    background-color: #0076bd;
    min-height: 100px;
	color: #ffffff;
	font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
	padding:0px 0 80px 0;
}

.bluefooter .col-md-2 
{
    /**width:20%;**/
}

.bluefooter ul li:before {
	content:"\203A "; /** › **/
}

.bluefooter h4 {
	font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
	font-size:21px;
	
    margin:30px 0 20px 0;
    color:#ffffff;
    
}

.bluefooter h4 a 
{
    font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;
	font-size:19px;
	margin:0px;
    display:inline-block;
    padding-left:0;
    text-indent:0;
}

.bluefooter p 
{
    margin:0px;
}
    
.bluefooter a {
	color:#ffffff;
	font-size:14px;
	margin:5px 0 5px 0;
	padding-left: 1em;
    text-indent: -0.8em;
    display:inline-block;
    font-family:Arial;
}

.bluefooter a:before {
	content:"\203A "; /** › **/
	padding-right:5px;
	color:#ffffff;
	font-weight:bold;
}

.bluefooter h4 a:before {
    content:"";
    padding-right:0px;
}

/**.keywords {
	padding-right:30px;
}**/



/** blackfooter = Bottom Footer **/

.blackfooter
{
    background-color: #003b8b;
    height: 38px;
    text-align: left;
    color: #ffffff;
}

.blackfooter a {
	color:#ffffff;
	font-size:14px;
	padding:0 15px 0 10px;
	
}
.blackfooter li 
{
    white-space:nowrap;
}

.blackfooter .breadcrumb > li:before{
  content: "|";
  color:#BB2679;
}

.blackfooter .breadcrumb > li.copyright:before,
.blackfooter .breadcrumb > li:nth-child(2):before
{
  content: normal;
}

/* copyright */
.blackfooter .breadcrumb li.copyright {
	padding:5px 25px 0 0;
	font-size:15px;
}

/* hide copyright for mobile size */
.blackfooter .breadcrumb li.copyright.mobile 
{
    display:none;
}




/** Contentpage **/

/*left navigation*/

/* hide mobile menu */
 .innerpage .mobilemenu 
 {
     display:none;
 }

/* well = left navigation */
.well
{
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    background-color: #ffffff;
    border: 0px none transparent;
    box-shadow: none;
    width:250px;
    /**font-family:'Interstate Regular';**/
    font-size:16,5px;
    margin:30px 0 0 -15px;
}

.well > a 
{
   /**color:#231F20;**/
   font-weight:bold;
   display:inline-block;
   padding-left: 1em;
   text-indent: -0.7em;
   line-height:17px;
}

.well .nav
{
    padding-top: 6px;
    margin-left:0px;
    padding-right:40px;
    padding-left:12px;
}


.well .nav li
{
    /**font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;**/
    font-size: 17px;
    padding-bottom: 5px;
    background-image:none;
    padding-left:0px;
    padding-top:0px;
    line-height:22px;
    
}

.well .nav li a
{
    font-family: Arial;
    font-weight: bold; 
    background-color: #ffffff;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 1px;
    font-size: 15px; 
    line-height:17px;
    display:inline-block;
}

/* selected upper level on navigation */
.well .nav li.active a, 
.well .nav li.active {
	font-weight:bold;
}

.well .nav li.active ul li a 
{
    font-weight:normal;
}

.well .nav li.active ul.level2 li.active > a 
{
    font-weight:bold;
}


/* selected link */
.well .selected a, 
.well .selected {
	color:#b6006c;
	font-weight:bold !important;
}

.well .selected ul li a 
{
  color:#0076BD;
  font-weight:normal !important;
}

.well a:before
{
    content:"\203A "; /** › **/
    color: #b6006c;
    padding-right:5px;   
}

.well .level1 li a {
	padding-left: 1em;
    text-indent: -0.7em;
}

.well .level2 
{
    margin-left:30px;
    padding-top:5px;
}

.well .level2 li a:before, 
.well .level3 li a:before {
	content:normal;
}

.well .level2 li a {
	padding-left:0px;
	text-indent:0px;
	font-weight:normal;
}

.well .level3 {
    margin-left:20px;
    padding-left:0;  
    padding-top:5px;  
}

.well .level3 li 
{
    background:url(images/list_bullet_disc.png) left 10px no-repeat;   
    padding-left:10px;
}

.well .level3 li a {
	padding-left:0px;
	font-weight:normal;
}



/* breadcrumb inner = contentpage breadcrumb */
.inner
{
    padding-top: 6px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}

/**.inner > li + li:before  {
    color: #b6006c;
    font-weight: bold;   
}**/


/* container for innerpage (breadcrumb + sidebar + content) */
.innerpage
{
    padding-top: 20px;
    font-size: 15px;
	line-height:22px;
	margin-bottom:25px;
}

.innerpagecontent H1
{
    padding: 0px;
    margin-top: 0px;    
    padding-top: 21px;
    padding-bottom: 8px;
}

.innerpagecontent .ingress 
{
    font-weight:bold;
    margin-bottom:10px;
    display:block;
}

/**.innerpagecontent h4.sidetitle 
{
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

.innerpagecontent #keywords a 
{
    font-size:13px;
}**/

/**.innerpagecontent {
    padding-left:15px;
}**/

.nopadding
{
    padding-left: 0px;
}

/* pagetitle on top of left navigation */
.pagetitle, .pagetitle a, .pagetitle a:hover
{
    font-family: "Interstate Light"; 
    font-style: normal; 
    font-weight: normal;
    font-size: 25px;  
    color:#0076bd;  
}

/* sidetitle on the right side */
.sidetitle
{
    font-size: 21px;
    font-family: Interstate; 
    font-style: normal; 
    font-weight: normal; 
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

.sidetitle a 
{
    color:#231F20;
}

.sidelinks
{
    padding-bottom: 26px;
    padding-top:15px;
    display:block;
    clear:both;
    
}

.rightside a#A1 
{
    display:block;
    float:left;
}

.rightside a#A1:before {
    color: #B6006C;
    content:"\203A "; /** › **/
    font-weight: bold;
    padding-right: 2px;
}

/**.sidelinks a:after 
{
    content:", ";
}**/

.sidelinks a:last-child:after 
{
    content:normal;
}


/* coloured boxes on the rightside  */
.rightside .green 
{
    background-color: #68c1c4;
}

.rightside .gradient {
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    padding:8px 7px 0 7px;
}



.rightside .gradient h4 
{
    margin-top:0px;
}

.rightside .gradient ul
{
    padding-top: 10px;
}


.rightside .gradient ul
{
   margin-left:0px;
}

.rightside .gradient ul li
{
    background:url(images/list_bullet_disc_white.png) left 10px no-repeat; 
 
}

.rightside .gradient ul li ul li
{
    background:url(images/list_bullet_disc_white_circle.png) left 10px no-repeat; 
 
}

.rightside .gradient ul li.linklist_item
{
    background:none;
}

.rightside .gradient ol 
{
    padding-left:0px;
}

.rightside .gradient ol li:before  {
       color: #ffffff; 
 }
 



.rightside .gradient ul li, .rightside .gradient ul li a,
.rightside .gradient ol li, .rightside .gradient ol li a,
.rightside .gradient p a, .rightside .gradient p
{
    color:#ffffff;
    font-size:14.5px;
}
{
    color:#ffffff;
    font-size:14.5px;
}

.rightside .gradient p.linklist_item
{
    padding-left:10px;
}


.rightside .gradient .sidetitle
{
    font-family: "Interstate Light"; 
    font-style: normal; 
    font-weight: normal;
	color:#ffffff;
    font-size: 21px !important;
    /**border-bottom: 2px dashed #ffffff;**/
    background:url(images/bg_dashed_white.png) left bottom repeat-x;
    padding-bottom:15px;
}

.rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle
{
    background:url(images/bg_dashed_black.png) left bottom repeat-x;
}


.rightside .gradient .sidetitle a
{
    color:#ffffff;
}

.rightside .gradient ul li, .rightside .gradient ul li a,
.rightside .gradient p a, .rightside .gradient p,
.rightside .gradient .announcetitle a, .rightside .gradient .announcedate,
.rightside .gradient  .PagingContainer ul li:after
{
    color:#ffffff;
    font-size:14.5px;
}

.rightside .listitem
{
    font-family: Arial;
    font-size: 15px;
    color: #b6006c;
    font-weight: bold;
}

.rightside .gradient .list-group .list-group-item 
{
    background-image:none;
    padding:3px 0 3px 0;
}

.rightside .gradient a.linklist_item 
{
    line-height:16px;
    display:inline-block;
    padding-top:3px;
}


.rightside .gradient a.linklist_item:before, 
.rightside .gradient p.linklist_item a:before,
.rightside .gradient ul.bluelink a:before {
    color: #ffffff;
}




 /** black font color for yellow and yellowgreen boxes **/
.rightside .gradient.box1 ol li:before,  .rightside .gradient.box2 ol li:before,
.rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li, 
.rightside .gradient.box1 ul li a, .rightside .gradient.box2 ul li a,
.rightside .gradient.box1 p a, .rightside .gradient.box2 p a,
.rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle,
.rightside .gradient.box1 .sidetitle a, .rightside .gradient.box2 .sidetitle a,
.rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li, 
.rightside .gradient.box1 ul li a, .rightside .gradient.box2 ul li a,
.rightside .gradient.box1 ol li, .rightside .gradient.box2 ol li, 
.rightside .gradient.box1 ol li a, .rightside .gradient.box2 ol li a,
.rightside .gradient.box1 p a, .rightside .gradient.box2 p a,
.rightside .gradient.box1 p, .rightside .gradient.box2 p,
.rightside .gradient.box1 a.linklist_item:before, .rightside .gradient.box2 a.linklist_item:before, 
.rightside .gradient.box1 a.linklist_item:before, .rightside .gradient.box2 a.linklist_item:before,
.rightside .gradient.box1 p.linklist_item a:before, .rightside .gradient.box2 p.linklist_item a:before,
.rightside .gradient.box1 ul.bluelink a:before, .rightside .gradient.box2 ul.bluelink a:before,  
.rightside .gradient.box1 .announcetitle a, .rightside .gradient.box2 .announcetitle a,
.rightside .gradient.box1 .announcedate, .rightside .gradient.box2 .announcedate,
.rightside .gradient.box1 .PagingContainer ul li:after, .rightside .gradient.box2 .PagingContainer ul li:after {
 
       color: #231F20; 
 }
 
 .rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle 
 {
     border-color: #231F20;
 }
 
 .rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li 
 {
     list-style-type:disc;
     background-image:none;
     margin-left:15px;
     padding-left:0px;
 }
 
 .rightside .gradient.box1 ul li ul li, .rightside .gradient.box2 ul li ul li
 {
     list-style-type:circle;
 }
 
 .rightside .gradient .PagingContainer  ul li, .rightside .gradient .PagingContainer ul li 
 {
     margin-left:0;
     background-image:none;
 }



/* keywords (bottom of a content page content) */
.keywords
{
    font-size: 13px;
    padding-bottom: 10px;
}

/* info = print link, date and add this toolbar (bottom of page content) */
.info 
{
    font-size:13px;
    margin:5px 0 10px 0;
}

.info a 
{
    margin-left:3px;
}

.info .date_print  a:before,
.addthis_button_compact:before
{
    content:"|";
    color:#BB2679;
    font-weight:bold;
    padding-right:5px;
    font-family:Arial;
}

.info .date_print 
{
    display:inline;
    float:left;
}

.info .addthis_toolbox 
{
    margin-left:3px;
    display:inline;
    width:150px;
}

.addthis_button_compact 
{
    
    
}

.list-group-item
{
    background-color: transparent;
    border: 0px none transparent;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-top: 0px;
}


.bluelink a
{
    padding-left: 2px;
    font-size: 15px;
	display:inline-block;
	padding-left: 1em;
    text-indent: -0.8em;
	
}
ul.bluelink a:before {
	content:"\203A "; /** › **/
	padding-right:5px;
	color:#b6006c;
	font-weight:bold;
}

ul.bluelink
{
	margin:0px;
	padding:15px 15px 15px 0;
	list-style-type:none;
}

 ul.bluelink li {
	padding:3px 5px 3px 5px;
	background:none;
}

ul.bluelink li  a
{
    line-height:18px;
}

ul li ul.bluelink li 
{
    background:none;
}



ol.bluelink {
	color:#b6006c;
	margin-left:20px;
}

/* sitemap */
ul.sitemap 
{
    margin-left:0px;
}

ul.sitemap li 
{
    padding: 3px 0 3px 0;
    font-size:15px;
    font-weight:bold;
    list-style-type:none;
    background:none;
}

.sitemap li a:before {
    color: #B6006C;
    content:"\203A "; /** › **/
    padding-right:5px;
}

.sitemap li li a:before {
    content: normal;
}

ul.sitemap li li 
{
    font-weight:normal;
    background:url(images/list_bullet_disc.png) left 13px no-repeat;
    padding-left:10px;
}

ul.sitemap li li li 
{
    font-weight:normal;
    background:url(images/list_bullet_circle.png) left 13px no-repeat;
}


/** FeedbackForm **/
.xForm 
{
    background-color:#f1f6f9;
    /**border:solid 1px #cccccc;**/
    border-radius:5px;
    padding:30px 20px 30px 20px;
}

.xForm table td 
{
    border:none;
}

.xForm label {
    font-family: 'Open Sans', sans-serif; 
    font-size:14px;
    color:#333333;
    width:130px;
    text-align:right;
    padding-right:25px;
}

.xForm input, .xForm textarea
{
    width:230px;
    float:none;
}

.xForm input[type="submit"] 
{
    width:90px;
    float:right;
    margin-right:5px;
}

.xForm span
{
    font-size:13px;
}

.xForm .xformvalidator 
{
    color:#b94a48;
    font-weight:bold;
    font-size:15px;
    display:block;
    text-align:right;
}

/** Search **/
.linkbutton  
{
    color: #0076bd; 
    cursor: pointer; 
    clear:both; 
 }
 .linkbutton:hover 
 {
     color:#003b8b;
 }
 
.linkbutton:before { 
    color: #B6006C;
    content: "\203A";
    font-weight: bold;
    padding-right: 5px; 
}

#searchOptions table td 
{
    border:none;
    padding:0px;
}

#searchOptions table td label 
{
    font-weight:normal;
}

.searchOptionsHeader 
{
    font-weight:bold;
    margin-top:15px;
}


.listResult h3 img 
{
    margin:0 5px 3px 0;
}

.listResult 
{
    border-bottom: 1px solid #E4E4E5;
}


/** KeywordIndexBlockControl (Asiasanaluettelo) **/

.keywordblock .letters 
{
    margin:10px 0 30px 0;
}

.keywordblock .letters a:before {
     color: #BB2679;
    content: "|";
    padding-right:5px;
}

.keywordblock .letters a:first-child:before 
{
    content:normal;
}

.keywordblock h4 
{
    text-transform:uppercase;
}

.keywordblock ul li, .keywordblock ul li ul li 
{
    background-image:none;
    padding-left:0px;
}

.keywordblock ul, .keywordblock ul ul 
{
    margin-left:0px;
}

.keywordblock ul li {
    border-top: 3px solid #CCCCCC;
    padding-bottom:5px;
    width:170px;
    display:inline;
    float:left;
    margin-right:15px;
}

.keywordblock ul li:nth-child(3n+1) 
{
   clear:both;
}


.keywordblock ul ul li
{
    border-top:none;
    display:block;
    min-height:0px;
    clear:none !important;
}

/** keywordsearch (FAQMainPage) **/
.keywordssearch 
{
    display:block;
    clear:both;
}

.keywordssearch .keywordscolumn 
{
    margin-top:10px;
    float:left;
    width:130px;
    margin-right:20px;
    /**border-top: 3px solid #CCCCCC;**/
    padding:5px 0 0 2px;
}


.keywordssearch .keywordscolumn:nth-child(4n) 
{
    clear:both;      
}

.keywordssearch a 
{
    line-height:18px;
    display:inline-block;
    padding-bottom:7px;
}


/* End of contentpage */


/** ResolutionSearch (Ratkaisuhaku) **/

input[type="text"].txtSearch,
input[type="submit"].btn 
{
    margin-top:15px;
}

.linkbox input[type="text"].txtSearch 
{
    margin-left:15px;
    width:170px;
}

.resultblock 
{
    border-bottom: 1px solid #CCCCCC;
    padding-top:10px;
    margin-top:20px;
    padding-bottom:10px;
    float:left;
}

.resolution_search 
{
    /**background-color: #F1F6F9;**/
    /**border: 1px solid #CCCCCC;**/
    border-radius: 5px;
    padding: 30px 20px 30px 0px;
    margin-top:20px;
}

.rqSearch {
    color:#b94a48;
    font-weight:bold;
    font-size:22px;
}

#dcol {
    margin-bottom:20px;
    clear:both;
}

.tbSearch 
{
    margin-bottom:20px;
    
}

#acol:before {
    color: #B6006C;
    content:"\203A "; /** › **/
    font-weight:bold;
    padding-right:5px;
}

#searchExtent a 
{
    font-size:13px;
}



#searchExtent a.deselectall:before
{
  content:"|";
  padding-right:5px;
  color:#BB2679;
  font-weight:bold;
 font-size:13px;
}

/**#searchExtent a:before {
    color: #B6006C;
    content: "\203A";
    font-weight: bold;
    padding-right: 5px;
}**/



.lbInBetween, .ltKilpailu, .ltKuluttaja, .ltToimiala  {
    font-weight:bold;
    font-size:15px;
    color:#333333;    
}

input.datePicker  
{
    width:100px;
    margin-bottom:30px;
    float:none;
}

.ui-datepicker {
    width:auto;   
    margin-bottom:30px;
    background:#ffffff;
    padding:10px;
    border:solid 1px #cccccc;
    border-radius:5px;
}

.ui-datepicker .ui-datepicker-prev 
{
    cursor:pointer;
}

.ui-datepicker .ui-datepicker-prev:before 
{
    content:"\2039 "; /** ‹ **/
    padding-right:5px;
    font-size:15px;
}

.ui-datepicker .ui-datepicker-next 
{
    float:right;
    cursor:pointer;
}
.ui-datepicker .ui-datepicker-next:after 
{
    content:"\203A "; /** › **/
    padding-left:5px;
    font-size:15px;
}

.ui-datepicker select 
{
   margin:5px;
   
}

.Kilpailu, .Kuluttaja, .Kilpailu td, .Kuluttaja td, .Industry, .Industry td {
    border:none;
    padding:0px;
}

.Kilpailu td label, .Kuluttaja td label, .Industry td label {
   font-weight:normal;
   font-size:14px;
   /**font-family: 'Open Sans', sans-serif; **/
   padding-left:3px;
   
}

.searchResults 
{
    margin-top:20px;
}

.searchResults .lbParties p {
    margin-bottom:0px;
}

.searchResults a {
    display:block;
    font-weight:bold;
}

.searchResults .lbIDRow 
{
    font-size:12px;
}

 .result {
   margin-bottom:10px; 
   /**border-bottom: 1px solid #E4E4E5;**/
   padding-bottom:10px;
}

.result p 
{
    margin-bottom:0px;

}

.result a.resultLink
{
    font-weight:bold;
}

.result span 
{
    font-size:13px;
}

.result .keywords 
{
    display:block;
    
}

.result .keyword 
{
    font-weight:normal;
   
    display:inline;
}

.PagingContainer 
{
    margin-bottom:20px;
    display:block;
}

.PagingContainer ul 
{
    margin-left:0px;
}

.PagingContainer ul li 
{
    display:inline;
    background-image:none;
    padding: 2px 5px 2px 0;
    font-size:14px;
    float:left;
    
}

.PagingContainer ul li:after 
{
    color: #BB2679;
    content: "|";
    padding-left:5px;
    font-weight:bold;
}

.PagingContainer ul li:last-child:after  
{
    content:normal;
}

.PagingContainer ul li a 
{
    font-size:14px;
}

.searchResults .pager a, .searchResults .pager span {
     display:inline;
     font-weight:normal;
     font-size:14px;
}

.pager 
{
    float:left;
    margin-top:10px;
}

.pager a:before, .pager span:before {
    color: #BB2679;
    content: "|";
    padding-right: 5px;
    font-weight:bold;
}

.pager a:first-child:before 
{
    content:normal;
}

.pager .aspNetDisabled 
{
    display:none;
}


/**.searchResults .pager a:before 
{
  content: "|";
  color:#BB2679;
  padding-right:3px;

}**/

.resolution_info 
{
    font-size:13px;
    padding:10px 0 20px 0;
    font-style:italic;
}

.resolution_info .info_label 
{
    font-weight:bold;
}

.Casenumber 
{
    margin-bottom:25px;
}

.AdditionalLinks ul li, .ExternalLinks ul li
{
    background-image:none;
}

.AdditionalLinks ul li a, .ExternalLinks ul li a
{
    
    line-height: 16px;
    padding-top: 3px;
    padding-left: 1em;
    text-indent: -0.8em;
    display:inline-block;
   
}

.AdditionalLinks ul, .ExternalLinks ul
{
    margin-left:0px;
    padding-left:0px;
}

.AdditionalLinks ul li, .ExternalLinks ul li
{
    padding-left:0px;
}

.AdditionalLinks ul li a:before, .ExternalLinks ul li a:before
{
    color: #B6006C;
    content: "\203A";
    font-weight: bold;
    padding-right: 5px;
}


/**DebtAndFinancialAdviceContactSearch (talous- ja velkaneuvonta) **/

.letters 
{
    margin-bottom:20px;
}

.letters .separator 
{
    color:#BB2679;
}

.alphabeticalGroup 
{
    margin-top:10px;
    float:left;
    width:130px;
    margin-right:15px;
    border-top: 3px solid #CCCCCC;
    padding:5px 0 0 2px;
}


 .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) 
{
    clear:both;      
}

.alphabeticalGroup span 
{
    font-weight:bold;
    clear:right;
}

.searchResults .contact 
{
    padding:0;

}

.searchResults .contact h2 
{
    margin:30px 0 10px 0;
}


.searchResults .contactrow 
{
    margin:10px 0 10px 0;
}

.searchResults .contactrow.address1 
{
    margin-bottom:0px;
}

.searchResults .contactrow.address2 
{
    margin-top:0px;
}

.searchResults .contactrow .lblWww 
{
    float:left;
   padding-right:5px;
}

.searchResults .contactrow .www a
{
    font-weight:normal;
}

.searchResults .contactrow a 
{
    display:inline;
    font-weight:normal;
}


/** ContactSearch, ContactList (Yhteystiedot) **/

h2.contact_header,
h3.contact_header,
h4.contact_header
{
    font-family:Arial; 
}

h2.contact_header 
{
    font-size:27px;
}

h3.contact_header 
{
    font-size:22px;
}

h4.contact_header 
{
    font-size:18px;
}

ul.abgroup 
{
    margin-left:0px;
}

ul.abgroup li 
{
    padding:0 0 10px 0;
    background-image:none;
    font-size:13px;
}

ul.abgroup .name 
{
    font-weight:bold;
    font-size:15px;
    display:block;
}

ul.abgroup .designation 
{
    font-weight:bold;
}

.contact 
{
    padding:30px 0 30px 0;
}

.contact .designation 
{
    
    font-size:17px;
}

.contact h2 
{
    margin:8px 0 20px 0;
}


.contact .contactgroups 
{
    margin-top:15px;
}

.contact .phone 
{
    margin-top:10px;
}

.contact .email
{
    margin-bottom:10px;
}

/** Marek  **/
.abgroup h3 img 
{
    
    
}

/**.abgroup h3 img:before 
{
  font-family: 'Glyphicons Halflings';
  content: "\e084";   
  color:#0076bd;
  padding-right:10px;
  
}**/

.abgroup.marek li 
{
    padding-top:15px;
    font-size:15px;
}

.abgroup.marek li div
{
    display:block;
    clear:both;
}

.abgroup.marek h3  
{
    display:inline;
    float:left;
    margin-top:8px;
    width:220px;
}



.glyphicon-ok-sign
{
    color:#0076bd;
    font-size:32px;
    margin:5px 0  0 10px; 
    cursor:default;
}

.glyphicon-exclamation-sign 
{
    color:#B6006C;
    font-size:32px;
    margin-left:10px;
    cursor:default;
}

/** Login page (to extranets) **/

.loginpage 
{
    padding-top:30px;
}


.loginpage.container
{
    width:350px !important;
    margin:auto;
}

.loginpage.innerpage 
{
    padding:15px;
     background-color: #F1F6F9;
     margin-top:10px;
     border-radius:5px;
}

.loginpage .row table 
{
    padding:0px;
}

.loginpage .row table td 
{
    text-align:left;
    padding:2px 10px 2px 0;
    border:0px;
    vertical-align:middle;
}

.loginpage .row table td input[type="text"],
.loginpage .row table td input[type="password"]
{
    float:left;
    width:150px;
}
.loginpage .row table td span 
{
    float:left;
    color:#b94a48;
    font-weight:bold;
    font-size:22px;
    margin-top:10px;
}

.loginpage .row table td input[type="submit"]
{
    float:right;
    margin-right:15px;
}


#Main_MainContent_ctrlLogin label 
{
    color:#333333;
    
}
.loginpage.blackfooter,
.loginpage.blackfooter ul
{
    background-color:#ffffff;
    color:#231F20;
    padding:5px 0 0 0;
}

.loginpage.blackfooter ul li:before 
{
    content:normal;
}



.loginpage .navbar-toggle 
{
    display:none;
}


/** Keywords (Admin) **/
.formKeywords 
{
    padding-left:25px;
    font-size:14px;
}

.formKeywords .dataTables_length
{
   width:200px;
   display:inline-block;
}

.formKeywords .dataTables_filter  
{
 
   display:inline-block;  
}

.formKeywords .dataTables_length select 
{
   margin: 0 0 10px 5px;
  background: transparent;
   padding: 5px;
   line-height: 1;
   border: 1px solid #CCCCCC;
   border-radius: 3px;
   height: 34px;
   -webkit-appearance: none; 
   font-size:14px;
}

.formKeywords .dataTables_length select option 
{
   
}

.formKeywords .tblKeywords {
    border-spacing: 0;

}

.formKeywords .tblKeywords td  
{
    vertical-align:middle;
}

.formKeywords .tblKeywords tr:nth-child(even) 
{
    background:#f2f9fd;
}


.formKeywords .tblKeywords td input[type="text"]
{
    width:150px;
}

.formKeywords .tblKeywords td input[type="button"] 
{
    background:transparent;
    border:0px;
    cursor:pointer;
    color: #0076BD;
}

.formKeywords .tblKeywords td input[type="button"]:hover 
{
    color: #003B8B;
}


.formKeywords .tdGroupPopup  .grouppopup table tr 
{
    background:#ffffff;
}

.formKeywords .tdGroupPopup  .grouppopup table td 
{
    border:0px;
    padding:0px;
}

/**.formKeywords .dataTables_info 
{
   padding-left:20px; 
}**/

.formKeywords .dataTables_paginate 
{
    margin-top:10px;
}

.formKeywords .dataTables_paginate a 
{
    padding-right:20px; 
}

.formKeywords .dataTables_paginate .paginate_disabled_previous,
.formKeywords .dataTables_paginate .paginate_disabled_next 
{
    color:#999999;
}


.formKeywords .dataTables_paginate a:first-child:before
{
    content:"\2039 "; /** ‹ **/
    font-weight: bold;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
    padding-right: 5px;
    font-size:15px;
}

.formKeywords .dataTables_paginate a:last-child:after {
    content:"\203A "; /** › **/                                                                               
    padding-left:5px;
    font-size:15px;                                                 
}

.formKeywords input[type="submit"] 
{
    width:155px;
    cursor:pointer;
}

.formKeywords #btnUpdate,
.formKeywords #btnUpdateGroups,
.formKeywords #btnSave 
{
    background:#0076bd;
}

.formKeywords #btnUpdate:hover,
.formKeywords #btnUpdateGroups:hover,
.formKeywords #btnSave:hover
{
    background:#004874;
}

.formKeywords .dataTables_wrapper 
{
    padding-top:40px;
}

.formKeywords #pnlEditItem 
{
    padding-top:20px;
}

.formKeywords #pnlEditItem table 
{
    padding:0px;
}

.formKeywords #pnlEditItem table td 
{
    border:0px;
    padding:5px 5px 5px 0;
    vertical-align:middle;
}

.formKeywords #pnlEditItem #btnSave 
{
    float:right;
    width:70px;
}



/** Feedbacks (Admin) **/

.formFeedbacks input[type="text"],
.formSignatures input[type="text"]
{
    float:none;
}

.formFeedbacks, .formSignatures {
    padding-left: 25px;
    font-size:14px;
}

.formFeedbacks .tblFeedbacks,
.formSignatures .tblSignatures 
{
    border-spacing: 0;
}

.formFeedbacks .tblFeedbacks td,
.formSignatures .tblSignatures td
{
    vertical-align:middle;
}

.formSignatures .tblSignatures input[type="submit"] 
{
    font-size:12px;
    height:28px;
    width:80px;
}

.formSignatures #pnlEditItem table td 
{
     border:0px;
    padding:5px 5px 5px 0;
    vertical-align:middle;
}

.formSignatures #pnlEditItem table td #btnSave 
{
    float:right;
    margin-right:2px;
    background:#0076bd;
}

.formSignatures #pnlEditItem table td #btnSave:hover
{
    background:#004874;
}

#FeedbackAnswer_pnlFeedback a:before
{
    content:"\2039 "; /** ‹ **/
    font-weight: bold;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
    padding-right: 5px;
    font-size:15px;
    color:
}

.feedbackAnswer 
{
    margin-top:15px;
    }


.answerLabel 
{
    width:150px;
    display:inline-block;
    float:left;
}

.feedbackAnswerRow 
{
    vertical-align:top;
    padding:5px 0 5px 0;
}

.feedbackAnswerRow table 
{
    padding:0px;
}

.feedbackAnswerRow table td 
{
    border:0px;
    padding:0px;
}

.answerChk 
{
    display:inline-block;
}



.feedbackAnswerRow select 
{
  background: transparent;
   padding: 5px;
   line-height: 1;
   border: 1px solid #CCCCCC;
   border-radius: 3px;
   height: 34px;
   -webkit-appearance: none; 
   font-size:14px;
}

.feedbackAnswerBtnsRow 
{
    margin:15px 0 25px 0;
}

.feedbackAnswerBtnsRow input[type="submit"] 
{
   
    background:#0076BD;
}

.feedbackAnswerBtnsRow input[type="submit"]:hover
{
   
    background:#004874;
}

.feedbackAnswerBtnsRow #FeedbackAnswer_btnRemove 
{
    background:#B6006C;
}

.feedbackAnswerBtnsRow #FeedbackAnswer_btnRemove:hover
{
    background:#6C0040;
}


.feedbackAnswerBtnsRow #FeedbackAnswer_btnSaveSend,
.feedbackAnswerBtnsRow #FeedbackAnswer_btnRedirectToAddress {
    width:auto;
}




/*media queries*/


/** this is for Windows Phone 8 devices to render correctly in landscape mode **/
@-ms-viewport{
	width: device-width;
}

/* Large desktop */
@media screen and (min-width: 1200px) { }




/** this media query is only for setting width and padding for header and main menu and position of dropdownmenu **/
@media  screen and (min-width:979px) and (max-width: 1200px) 
{
    .navbar-default .navbar-nav > li:first-child a {
        width: 140px;
    }
    .logorow .col-xs-4 {
        padding-right: 15px;
    }
    .dropdown-menu 
    {
       margin-left:-370px; 
    }
    
  

}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px)  
{
     .logo, .logorow 
     {
         padding-left:5px;
     }
     
     .logo img 
     {
         max-width:230px;
     }
     
     #MainMenu 
     {
         height:85px;
     }
     
       /** Tietoa ja ohjeita **/
    .navbar-default .navbar-nav > li:first-child  + li > a:first-child 
    {
        width:90px;
    }
    html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li > a:first-child
    {
        /**max-width:140px;**/
        width:130px;
    }
    
    html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li > a:first-child 
    {
        /**max-width:140px;**/
        width:90px;
    }
    
    /** Toiminta ja ratkaisut **/
    .navbar-default .navbar-nav > li:first-child  + li  + li > a:first-child 
    {
        width:110px;
        /**max-width:175px;**/
    }
    
    html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li  + li > a:first-child
    {
        /**max-width:150px;**/
        width:100px;
        padding-top:5px;
    }
    
    html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li  + li > a:first-child 
    {
        width:120px;
        padding-top:5px;
    }
    

    /** Ajankohtaista **/
    .navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child 
    {
        width:auto;
        max-width:100%;
        padding-left:10px;
    }
    
    html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child 
    {
        padding-top:5px !important;
        width:90px;
    }
    
    html[lang="sv"] .navbar-default .navbar-nav > li:first-child  + li + li  + li > a:first-child 
    {
        width:75px;
    }

    /** Tietoa KKV:stä **/
    .navbar-default .navbar-nav > li:first-child  + li + li  + li +li > a:first-child 
    {
        width:90px;
        padding-top:5px;
        padding-left:10px;
    }
    
    html[lang="sv"]  .navbar-default .navbar-nav > li:first-child  + li + li  + li +li > a:first-child
    {
        /**max-width:100px;**/
        width:75px;
        padding-top:16px;
    }
    
    html[lang="en"]  .navbar-default .navbar-nav > li:first-child  + li + li  + li +li > a:first-child 
    {
        width:85px;
        padding-top:16px;
    }
    
     /** Yhteystiedot **/
    .navbar-default .navbar-nav > li:first-child  + li + li  + li + li +li > a:first-child 
    {
        width:115px;
        padding-left:10px;
    }
    
    html[lang="sv"]  .navbar-default .navbar-nav > li:first-child  + li + li  + li + li +li > a:first-child 
    {
        width:130px;
        padding-left:5px;
    }
    
    /** .navbar-header
    {
        clear:both;
        display:block;
        float:none !important;
        margin-top:0px;  
    }**/
      
    .navbar-brand 
    {
        display:none;
    }
      
    /**.navbar 
    {
        max-width: 768px;
    }**/
      
    .navbar-default .navbar-nav > li > a:first-child {
      font-size:15px;
    }
    
    html[lang="en"]  .navbar-default .navbar-nav > li a:first-child,
    html[lang="sv"]  .navbar-default .navbar-nav > li a:first-child {
      font-size:14px;
    }
      
    .navbar-default .navbar-nav > li:first-child a:first-child 
    {
      width:80px;
      padding-left:6px;
    }
    
    html[lang="sv"] .navbar-default .navbar-nav > li:first-child a:first-child
    {
      width:90px;
      padding-left:6px;
      padding-top:5px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child a:first-child 
    {
      width:90px;
      padding-left:6px;
    }

.navbar-right 
{
    min-width:160px;
}
    
    .navbar-right .search .text 
    {
        width:125px;
    }
    
    .pull-right 
    {
        padding-left:10px;
        display:inline-block;
    }
    
    .navbar-header 
    {
        display:none;
    }

      .dropdown-menu {
          left:0;
          
          border-left:0px;
          margin-left:0px;
        }
        
        .well 
        {
            width:200px;
        }
        
        
       .container.links,
       .container.announcements,
       .container.statistics,
       .pageheading,
       .container.linkboxes,
       .container.innerpage, 
       .container.blackfooter
       {
            padding-left:5px;
       }
       
      
       
       .container.announcements 
       {
           padding-right:5px;
       }
       
       .boxes .box:first-child 
       {
           margin-left:4px;
       }
        
      .boxes .box6 {
            width: 276px;
       }
        
      /**.links .col-md-4:last-child {
            padding-right: 30px;
       }**/
        
        /**.linkboxes .box4 
        {
            margin-left:30px;
        }**/
        
        /* no margin on the right side for every second linkbox */
        .linkboxes .linkbox:nth-child(3n) 
        {
            margin-right:30px;
        }
         .linkboxes .linkbox:nth-child(2n) 
        {
            margin-right:0px;
        }
        
          /* for ie8 */
        .linkboxes .linkbox:first-child + .linkbox + .linkbox,
        .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
          margin-right:30px\9;
        }
        .linkboxes .linkbox:first-child + .linkbox,
        .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox {
              margin-right:0px\9;
        }
        
       
        
        .xForm label 
        {
            text-align:left;
        }
        
        .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) 
        {
            clear:none;  
        }
    
        .alphabeticalMunicipalities .alphabeticalGroup:nth-child(2n+2) 
        {
            clear:both;      
        }
    
        .keywordblock ul li:nth-child(3n+1) 
        {
            clear:none;
        }
    
        .keywordblock ul li:nth-child(2n+1) 
        {
            clear:both; 
        }
        

        .keywordssearch .keywordscolumn
        {
            clear:both;      
            margin-top:0px;
            padding-top:0px;
            width:100%;
        }
    
        .bluefooter  .col-sm-6 {
            width: 50%;
        }
    
    }
    
    
/** this media query is only for setting  main navigation font size **/    
 /**@media screen and (min-width: 768px) and (max-width: 830px) 
{
    .navbar-default .navbar-nav > li a:first-child {
        font-size:14px;
      }
      
}**/
    
    

/*tablet size*/

@media screen and (max-width: 767px)
 {
     
     /**.row
     {
         max-width: 595px;
     }**/
     
     
     #epi-quickNavigator
     {
         
         right:0px !important;
     }
     
      #cookieWarning 
     {
         height:100% !important;
     }
     
     #cookieWarning .CookieWarningText 
     {
         float:none;
     }
     
     #cookieWarning input[type="button"] 
    {
        float:none;
        display:block;
        margin:0 0 10px 0; 
    }
     
     /* navbar-header = logo + navigation button */
      .navbar-header 
     {
         width:100%;
         /**min-width:400px;**/
         margin-top: 0px;  
         /**padding-right:20px;**7
         padding-left:4px;
     }
     
      .navbar-brand 
     {
         display:none;
     }
     
     .logo 
     {
         /**float:left;  **/ 
         
     }
     
     .logorow .col-lg-4:first-child 
     {  
         float:left;  
     }
     
     .logorow .col-lg-4:last-child  {
	        padding-left:5px;
       }
     
       .navbar
    {
        background-color: #ffffff;
        border: 0px none transparent;
    
    }
    
     
     /* Navigation */
     
     /*navibutton*/
    button.navbar-toggle{
 	    background: -webkit-linear-gradient(#008eca, #0075a6); /* For Safari */
	    background: -o-linear-gradient(#008eca, #0075a6); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#008eca, #0075a6); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#008eca, #0075a6); /* Standard syntax */
	    background-color: #008eca;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008eca', endColorstr='#0075a6',GradientType=0 );
 	    color: #ffffff;
 	    margin-right: 0px;
 	    margin-bottom: 0px;
 	    float:right;
 	    height: 38px;
        width: 93px;
        padding-left: 47px;
        background-image: url('images/searchicon.png');
        background-repeat: no-repeat;
        background-position: 10px 8px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #008eca;
    }

    .navbar-toggle .icon-bar
    {    width: 29px;
         height: 3px;
    }

         
    /* navbar-collapse opens from navibutton */     
    .navbar-collapse 
    {
        padding:0px;
        /**background:url(images/navbar_open.png) 90% top no-repeat;**/
        border:0px;
	    box-shadow:0px;
	    width:100%;
	    /**padding-right:20px;**/
	    /**height:100% !important;
	    display:block !important;**/
    }
    
    /* blue triangle before opened dropdown list */
	.navbar-collapse:before {
	    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #DFF2FB;
        border-style: solid;
        border-width: 0 12.5px 13px;
        content: " ";
        height: 0;
        right:35px;
        position: absolute;
        top: 18.5%;
        width: 0;
        
	}
     
	.navbar-collapse.in {
		overflow:visible;
	}
	
	.navbar-nav 
	{
	    margin:0 0 10px 0px;
	    background: #dff2fb;
	    padding:10px !important;
	    
	    float:right;
	   /** min-width:300px;
	    max-width:700px;**/
	    width:100%;
	}
	
	/* hide search for desktop */
	.navbar-right.desktop 
	{
	    display:none;
	}
	
	/* show search for mobile/tablet versions on top of navigation */
	.navbar-right.mobile
	{
	    display:block;
	    margin:9px 0 0 0px;
	    border-radius:0px;
	    height:70px;
	    /**min-width:300px;
	    max-width:700px;**/
	    width:100%;
	   padding-left:10px !important;
	}
	
    .navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover {
        border: 1px solid #68AED8;
        padding: 0;
        float:right;
    }
    
   .navbar-default .navbar-nav > li > a:first-child, .navbar-default .navbar-nav > li > a:first-child:hover {
		/**width:220px;
		max-width:220px;**/
		min-width:200px;
		max-width:100%;
	    /**max-width:100%\9;
		max-width:590px;**/
		width:100%;
		text-align:left;
		padding-top:15px;
		float:left;
		border-radius:5px;
	}
	
	html[lang="sv"] .navbar-default .navbar-nav > li > a:first-child,
    html[lang="en"] .navbar-default .navbar-nav > li > a:first-child 
    {
        padding-top:15px !important;
        font-size:14px;
    }
	
	/* navibutton for opening dropdown-menu */
	.navbar-default .navbar-nav li .dropdown-toggle, .navbar-default .navbar-nav li .dropdown-toggle:hover 
	{
	    width:58px;
	    margin-left:-58px;
	    float:right;
	}
	
	.navbar-default .navbar-nav > li:last-child > a:first-child, .navbar-default .navbar-nav > li:last-child > a:first-child:hover 
	{
	    padding-top:5px;
	}
	
	.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:hover {
        border-radius: 5px;
        border:0px;
        padding-right: 0;
        height:58px;
        text-align:left;
        position: relative;
        display:block;
        clear:both;
        width:100%;
        min-width:200px;
        background: linear-gradient(#7F8184, #5B5C5E);
        margin-bottom:10px;
        padding-left:0px;
        padding-top:0px;
        
    }
    
    .navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover 
    {
        height:auto;
        padding-left: 0px;
        width:100%;
        max-width:340px;
    }


	.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:hover {
		/**background:none;**/
		background: linear-gradient(#008ECA, #0075A6);
		border-radius: 5px;
		height:58px;
		margin-bottom:10px;
	}
	
	.navbar-default .navbar-nav > li a:first-child {
        width:100% !important;
        padding-right:60px;
      }
      
      .navbar-default .navbar-nav > .open > a:first-child:after 
      {
          content:normal;
      }
	
	
	/* hide dropdown-menu for desktop (megamenu) */
	.navbar-nav .open .dropdown-menu 
	{
	   display:none;
	}
	
	/* show dropdown-menu for mobile/tablet versions */
	.navbar-nav .open .dropdown-menu.mobile 
	{
	    display:block;
	    margin:10px 0 10px 0;
	    /**background:url(images/dropdown-menu_open.png) 230px top no-repeat ;**/
	}
	
	/* blue triangle before opened dropdown list */
	.dropdown-menu.mobile:before {
	    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00568A;
        border-style: solid;
        border-width: 0 12.5px 13px;
        content: " ";
        height: 0;
        /**left: 92%;**/
        right:20px;
        position: absolute;
        top: 105%;
        width: 0;
        
	}
	

	.navbar-nav .open .dropdown-menu.mobile li
	{
		background:#00568a;
		float:left;
		min-width:180px;
		/**max-width:700px;**/
		width:100%;
		background-image:none;
		padding:5px 10px 5px 20px;
		clear:both;
	}
	
	.navbar-nav .open .dropdown-menu.mobile li:first-child 
	{
	    border-radius:5px 5px 0 0;
	    padding-top:15px;
	    /**margin-top:10px;**/
	    
	}
	
	.navbar-nav .open .dropdown-menu.mobile li:last-child 
	{
	    border-radius: 0 0 5px 5px;
	    padding-bottom:30px;
	}
	
	.navbar-nav .open .dropdown-menu.mobile  {
		float:left;
		padding:0px;
		width:100%;
		/**max-width:700px;**/
		margin:15px 0 15px 0;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu li a  {
		color:#ffffff !important;
		padding:0px;
		font-size:15px;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu li a:before 
	{
	    color: #82c0df;
        content:"\203A "; /** › **/
        font-weight: bold;
        padding-right: 5px;
        font-size:15px;
	}
	
	
   /** ul.bluelink a:before {
        color: #82c0df;
        content: ">";
        font-weight: bold;
        padding-right: 5px;
    }**/
 
    /* search */
	.navbar-right {
		width:100%;
		text-align:left;
	}
	
	.navbar-right .search .text {
		 float: left;
        /**max-width: 590px;**/
        /**min-width: 250px;**/
        width:100%;
	}
	
	.navbar-right .search .button 
	{
	    width:58px;
	    background-image:url('images/searchicon.png');
	    background-position:18px 20px;
	    margin-left:-58px;
	}
	
	.navbar-right .search {
		width:100%;
	}
	

	/* left navigation */
	#sidebar 
	{
	    padding-left:0px;
	}

    /* hide left navigation for desktop */
    #sidebar .sidebar-nav 
    {
        display:none;
       
    }
    
    /* shoe left navigation for mobile/tablet versions */
    .innerpage .mobilemenu 
    {
        display:block;
        
    }
    
    .innerpage .mobilemenu .sidebar-nav 
    {
        width:100%;
        margin:5px 0 0 0;
        padding:0px;
    }
    
    .innerpage .mobilemenu .sidebar-nav .nav
    {  
        margin:0 0 10px 0;
	    background: #dff2fb;
	    padding: 0 0 0 20px !important; 
	    min-width:300px;
	    max-width:750px;
	    width:100%;
	    height:auto;
    }
    
    .innerpage .mobilemenu .sidebar-nav h3 
    {
        margin-top:0px;
        padding-left:5px;
    }
    
    .innerpage .mobilemenu .nav li a
    {
       background:transparent;
       
    }
    
     .innerpage .mobilemenu .col-3  
     {
         float:left;
         width:100%;
         padding-right:0px;
     }
     
     
    
    .innerpage .mobilemenu .breadcrumb 
    {
        float:left;
        padding-left:5px;
    }
    
    
    /**.innerpage .mobilemenu .breadcrumb > li:after {
        
        content: "/";
        padding-left:1px;
    }**/
  
    
    .innerpage .mobilemenu .breadcrumb li a,.innerpage .mobilemenu .breadcrumb li
    {
        float:left;
        padding-right:2px;
        
    }
    
     .innerpage .mobilemenu .breadcrumb > li:before 
     {
         padding-left:3px;
     }
    
    .pagetitle, .innerpagebreadcrumb
    {
        display:none;
    }
    

     
     /* mainbanner on startpage */
      .banner 
    {
        padding-top:20px;
        height:200px;
        text-align:left;
    }
    
     .banner div 
    {
        font-size:28px;   
    }
    
    .banner a 
    {
        min-width:120px;
        font-size: 14px;
        margin-top: 10px;
        padding: 8px 30px 8px 10px;
        background-position:90% 5px;
    }

      
    .advertisement 
    {
        background-position:right top;
    }

    /* coloured linkboxes on startpage */
    .boxes .box:first-child 
    {
           margin-left:4px;
    }
    
    .boxes .box 
    {
        border-radius:0px;
    }
    
	.boxes .box6
	{
	    width:134px;
	    
	}
	
	.boxes .box6 h4 a 
	{
	    width:134px;
	}
	
	/* Linksarea on startpage */
	
	.links  {
        padding-left: 4px;
    }
    
    /* Links */
	.startpage.links .list-group 
	{
	    min-height:0px;
	}
	
	.startpage.links .col-md-4:first-child
	{
	    width:276px;
	    border-radius: 5px 5px 0 0;
	    min-height:100%;
	}
	
	.startpage.links .col-md-4 + .col-md-4 
	{
	    width:276px;
	    margin-top:0px;
	    padding-left:15px;
	    border-radius: 0 0 5px 5px;
	    min-height:0px;
	   
	}
	
	.startpage.links .col-md-4 + .col-md-4 + .col-md-4 
	{
	   width:276px;
	   margin-top:10px;
	   border-radius:5px;
	   min-height:0px;
	   
	}
	
	.startpage.links .col-md-4 h4 
	{
	    margin-top:0px;
	   
	    
	}
	
	.startpage.links .col-md-4 + .col-md-4 h4 
	{
	    display:none;
	}
	
	.startpage.links .col-md-4 + .col-md-4 + .col-md-4 h4 
	{
	    display:block;
	}
	
	.startpage.links .col-md-4:first-child .bluelink 
	{
	    padding-bottom:0px;
	}
    

    
    /**.links .col-md-4:last-child {
            padding-right: 30px;
        }**/
	
    
    /* no margin on the right side for every second linkbox */
    .linkboxes .linkbox:nth-child(3n) 
    {
        margin-right:30px;
    }
    .linkboxes .linkbox:nth-child(2n) 
    {
        margin-right:0px;
    }
    
    
    /* for ie8 */
    .linkboxes .linkbox:first-child + .linkbox + .linkbox,
    .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
      margin-right:30px\9;
    }
    .linkboxes .linkbox:first-child + .linkbox,
    .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox {
          margin-right:0px\9;
    }
 
    
    
    
    
    /* Announcements on startpage */
    .announcements 
    {
        padding-left:4px;
    }
    
    .announcements h4 
    {
        clear:both;
    }
    
    .announcements a.more 
    {
        margin-bottom:30px;
    }
    
    .statistics 
    {
        padding-left:4px;
        padding-right:4px;
    }
    
    
    .sectionstartpage .pageheading,
    .container.linkboxes,
    .sectionstartpage .container.links
    {
        padding-left:0px;
    }
    
    .innerpagecontent,
    .info,
    .keywords
    {
        padding:0 5px 0 15px;
    }
    
    .keywordblock ul li:nth-child(3n+1) 
    {
        clear:none;
    }
    
    .keywordblock ul li:nth-child(2n+1) 
    {
        clear:both; 
    }
    
  
    
    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) 
    {
        clear:both;      
    }
    
    .keywordssearch .keywordscolumn
    {
        clear:both;      
        margin-top:0px;
        padding-top:0px;
        width:100%;
    }

    
    

    /* coloured boxes on rightside of a contentpage */
     .rightside .green,
     .rightside .box1,
     .rightside .box2,
     .rightside .box3,
     .rightside .box4,
     .rightside .box5,
     .rightside .box6,
     .rightside .box7,
     .rightside .box8
     {
        max-width:290px;
        float:left;
        margin:0 15px 15px 0;
     }
     
     .rightside .gradient:nth-child(3n) 
     {
         clear:both;
     }
     
     .rightside {
	    padding:35px 5px 35px 15px;
      }
	
	/** Footer **/
    .bluefooter 
    {
        padding-top:0px;
    }
    
    .bluefooter  .col-md-2 {
        width: 100%;
    }
    
    
    .bluefooter h4 
    {
        
    }

    .bluefooter h4 a
    {
        margin-top:20px;
        padding:5px;
        text-indent:0;
    }

    .bluefooter a 
    {
        clear:both;
    }

    .blackfooter a
    {
        font-size:15px;  
    }
    
    .blackfooter 
    {
        height:auto;
        padding:20px;
    }

    .blackfooter ul
    {
        
	    padding-left:0px;
        margin-left:0px;
	
    }
    
    .blackfooter .breadcrumb li.copyright 
    {
       margin:30px 0 10px 0; 
       background:none;
    }
    
    .loginpage .breadcrumb li.copyright 
    {
        margin-top:0px;
    }
    
    .blackfooter .breadcrumb li.copyright.desktop 
    {
        display:none;
    }
    
     .blackfooter .breadcrumb li.copyright.mobile 
    {
        display:block;
    }


    .blackfooter ul.breadcrumb li 
    {
        display:list-item;
        float: left;
        width:100%;
        text-align:left;
        padding:3px 0 3px 10px;
        background:url(images/list_bullet_disc_pink.png) left 10px no-repeat;
    
    }

    .blackfooter ul li a 
    {
        padding-left:0px;
        margin-bottom:3px;
        float:left;
    
    
    }
    .blackfooter .breadcrumb > li + li:before {
        content: "";
        padding: 0;
    }


    .blackfooter .breadcrumb > li+li:after{
      content: "";

    }

 }
 
 /*mobile size*/
  @media screen and (max-width: 480px)
 {
     .container 
     {
         margin:0px;
     }
     
     .logorow .col-lg-3, .logorow .col-lg-6
     {
         padding-left:0px;
     }
     
     .logorow .breadcrumb > li + li:before 
     {
         padding:0 2px 0 2px;
     }
     
     .logorow .breadcrumb2:first-child:after 
     {
        padding:0 2px 0 2px; 
     }

     .navbar-header 
     {
         width:100%;
         min-width:60px;
         margin-top: 0px;  
     }
     
    .navbar .breadcrumb 
    {
        display:none;
    }
    
    .navbar .breadcrumb.breadcrumb2 
    {
        display:block;
        float:left;
    }
    
    .navbar .breadcrumb li a 
    {
        font-size:11px;
    }
    
    .navbar-collapse 
    {
        background-position:250px 0px;
         padding-right:0px;
    }
    
    .navbar-nav 
    {
        float:left;
        /**padding-left:0px !important;
        padding-right:0px !important;**/
    }
    
     

	.navbar-nav .open .dropdown-menu.mobile li:first-child:before 
	{
	    left:88%;
	}
     
     .navbar-brand 
     {
         display:none;
     }
     
     .logo 
     {
         float:left;  
     }
     
     .logo img 
     {
         max-width:175px;
         min-width:80px;
         margin:15px 0 0 10px;
        
     }
	
	/* advertisement */
    .advertisement 
    {
        background-position:right top;
        height:140px;
        
    }
    
    .banner 
    {
        padding-top:30px;
        height:140px;
    }
    
    .banner div 
    {
        font-size:20px;
    }
    
    .banner p a, .banner p a:hover 
    {
       background:transparent;
       text-indent:-9999px;
       position:absolute;
       top:-10px;
       left:0px;
       height:140px;
       width:300px;
    }
	
	/* Boxes */
	.boxes .box6
	{
	    width:134px;
	}
	
	/* Announcements */
	.announcements h1  
	{
	    width:284px;
	    }
	
	.announcements .rss 
	{
	    display:none;
	    }
	.announcements .col-md-6
	{
	    display:block;
	    float:left;
	    padding-top:10px;
	}
	
	.announcements .row:last-child 
	{
	    background-image:none;
	}
	
	.announcements .announcetitle 
	{
	    width:284px;
	}
	
	
	/* Links */
	.links .list-group 
	{

	}
	
	
	
	
	
	/* Statistics */
	.statistics .arrowboxLeft, .statistics .arrowboxRight 
	{
	    min-width:180px;
	    width:100%;
	}
		
     /**.row
     {
         max-width: 322px;
     }**/
     
     .nopadding
     {

         padding-right:0px;
     }
     
     .well 
     {
         padding-left:0px;
     }
     
       /* mobile sidemenu */
    /**.innerpage .mobilemenu .sidebar-nav h3  
    {
        margin-left:10px ;
    }**/
   
   /**.innerpagecontent 
   {
       padding-left:0px;
   }**/
   
   /* FeedbackForm */
   .xForm label
   {
       text-align:left;
   }
   
   
   .Kilpailu label 
   {
       max-width:200px;
   }
   .Kilpailu td 
   {
       vertical-align:top;
   }
    .Kilpailu td input 
   {
        margin-right:5px;
        float:left;
   }
   
   
   
   .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) 
    {
        clear:none;  
    }
    
    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(2n+2) 
    {
        clear:both;      
    }


    iframe 
    {
        max-width:280px;
    }
    
    
   .info .addthis_toolbox 
    {
        display:block;
        float:none;
        clear:both;
        margin-left:0px;
    }
    
    .info .addthis_toolbox .addthis_button_compact:before 
    {
        content:normal;
    }
    
    .info .addthis_toolbox .addthis_button_compact 
    {
        margin-left:0px;
    }

    /** Footer **/
    .bluefooter 
    {
        padding-top:0px;
    }

    .bluefooter h4 a
    {
        margin-top:20px;
    }

    .bluefooter a 
    {
        clear:both;
    }
    

}


/** 404 NotFound page **/
#FileNotFoundForm .navbar 
{
    background:#ffffff;   
}
#FileNotFoundForm .navbar .navbar-toggle 
{
    display:none;
}

#FileNotFoundForm .innerpagecontent 
{
    padding-left:0px;
}

.notfoundbox
{
    padding: 10px 10px 10px 10px;
    width: 100%;
    background-color: #f0f0f0;
    font-weight: bold;
    width: 100%;
    margin-bottom:10px;
} 

#FileNotFoundForm .blackfooter .breadcrumb > li:before 
{
    content:normal;
}

#FileNotFoundForm .blackfooter .breadcrumb > li 
{
    padding-top:0px;
}



.epi-overlay-block {float:left;}