/** sivustoperhe - oikeus.fi
---------------------------- **/

/* #################
-3- Peruselementit
################# */
h1,h2,h3,h4,h5,h6 {color:#701940;}
.lift_header.colorful {
background:#820040 url("../images/kko2/sidebar_header_background.png") repeat-x scroll 0 bottom;
}
.lift_header.omstyle_header1 {border-bottom: 4px solid #701940;}
.lift_header.omstyle_header1 h4 {color: #535353;}
header.variant.omstyle_header1 {border-bottom: 4px solid #701940;}
header.variant.omstyle_header1 h4 {color: #535353;}

/* #################
-4- sivupohjarakenne - perus-palaset jotka toistuvat melkein jokaisessa templatessa
################# */

/* #################
--4.3-- ylatunniste header-wrapper-header_largetext
################# */
.header_largetext {margin:20px 0 0 115px;}
.additional-info .bullet {color:#701940;}


/* #################
--4.6-- ylatunniste header
################# */
.languages, .languages a, .languages a:visited {color: #701940;}
.wrapper .header .logo {background: #ffffff url("../images/kko2/kko_logo.png");}
.header_largetext h1, .header_largetext .headertitle  {color:#701940;}


/* #################
--4.7-- p��navigaatio-navback
################# */
#navback {background: transparent url("../images/kko2/main_navigation_background.png") repeat scroll 0 0;}
#navback .navigation li:hover {background: #733955;}
#navback .navigation li:hover {background: #733955;}
#navback .navigation li:first-child:hover {background:#733955;}	
#navback .navigation li.last:hover {background: #733955;}
#navback .navigation li a,
#navback .navigation li a:visited,
#navback .navigation li a:hover {
border-left: 1px solid #733955;
background: url("../images/kko2/main_navigation_arrow.png") no-repeat scroll right center transparent;
}
#navback .navigation li ul {border:1px solid #733955;}
#navback .navigation ul.sub_nav .arrow-right{
/*background: url('../images/kko2/main_navigation_arrow_right.png') no-repeat;*/
border-right: 0.1em solid #701940;
border-top: 0.1em solid #701940;
content: "";
display: inline-block;
height: 0.4em;
margin-right:0;
position: relative;
top: 3pt;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 0.4em;
}
#navback .navigation ul.sub_nav li a {border-bottom: 1px solid #c288a4;}
#navback .navigation ul.sub_nav li a:hover {
background: #e7d4dd;
color: #6c3851;
}
#navback .navigation li li a.first,
#navback .navigation li li a.first:visited,
#navback .navigation li li a.first:hover {
border-bottom: 1px solid #c288a4;
}
#navbottom {background:#701940;}



/* #################
--4.8-- sivunavigaatio
################# */
.maincontent .subnavigation_header {background:#820040 url("../images/kko2/sidebar_header_background.png") repeat-x scroll 0 bottom;}
.maincontent .subnavigation li a.open {color: #701940;}
.maincontent .subnavigation li a.selected {color: #701940;}
.maincontent .subnavigation li.selected a{color: #701940;}



/* #################
--4.10-- sisaltoalue-maincontent - palstojen marginaalit yms yleistetty oikeus-gon mukaisesti
################# */
/** sisaltoalue **/
.maincontent {background: transparent url("../images/kko2/maincontent_background.png") repeat-y scroll -1px 0;}
.maincontent a {color:#701940;}

/* #################
--4.11-- alatunniste-footer
################# */
.footer {border-top: 3px solid #701940;}
.footer .bottom-border {
background: #737373;
background: -moz-linear-gradient(top, #737373 0%, #676767 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#676767));
background: -webkit-linear-gradient(top, #737373 0%,#676767 100%);
background: -o-linear-gradient(top, #737373 0%,#676767 100%);
background: -ms-linear-gradient(top, #737373 0%,#676767 100%);
background: linear-gradient(to bottom, #737373 0%,#676767 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#676767',GradientType=0 );
display:inline;
}

/* #################
--4.12-- hyppylinkki - skiplink
################# */
#skip_to_primary_content a {
background: #820040;
border: 1px solid #820040;
color:#fff;
}



/* #################
-5- maincontentin yleiset, sisaiset asiat
################# */
img.media_border {border: 1px solid #701940;}



/* #################
-6- poimittavat elementit
################# */

/* ##########################
--6-- PORTAALILINKKI
########################## */
.maincontent .link-with-background-middle {
background: transparent url("../images/kko2/sidebar_header_background.png") repeat-x scroll 0 0;
}

/* ##########################
--6-- GALLUP
########################## */
.gallup-lift-wrapper {
border:thin solid #701940;
}
.gallup-lift-options .bar_frame .bar_percent {
background:#5A002C;
background: -moz-linear-gradient(left, #96004A 0%, #5A002C 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#96004A), color-stop(100%,#5A002C));
background: -webkit-linear-gradient(left, #96004A 0%,#5A002C 100%);
background: -o-linear-gradient(left,#96004A 0%,#5A002C 100%);
background: -ms-linear-gradient(left, #96004A 0%,#5A002C 100%);
background: linear-gradient(to right, #96004A 0%,#5A002C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96004A', endColorstr='#5A002C',GradientType=1 );
}

/* ##########################
--6-- Bannerilinkki
########################## */
.bl_wrapper.bannerilinkki a,.bl_wrapper.bannerilinkki a:hover,.bl_wrapper.bannerilinkki a:visited{
color:#FFFFFF;
text-decoration:none;
}
.bl_wrapper.blue.bannerilinkki {
background: #820040;
border: 1px solid #820040;
}
.bl_wrapper.green.bannerilinkki {
background: #9d0044;
border: 1px solid #9d0044;
}
.bl_wrapper.white.bannerilinkki a,.bl_wrapper.white.bannerilinkki a:hover,.bl_wrapper.white.bannerilinkki a:visited{
color:#515151;
text-decoration:none;
}
.bl_wrapper.white.bannerilinkki {
background: #e5e5e5 url("../images/ottk/sidebar_header_background_white.png") repeat-x scroll 0 bottom;
border: 1px solid #d0d0d0;
}
.raquo_colored.white {color:#515151;}


/* ##########################
--6-- Bloginosto
########################## */
.blogi-nosto .lift_item_bloginosto img {
border:1px solid #701940;
}

/* ##########################
--6-- Linkki hakutuloksiin
########################## */
.bl_wrapper.linkkihakutuloksiin {background:#820040;}
.bl_wrapper.linkkihakutuloksiin p.content_search{color: #ffffff;}

/* ##########################
--6-- Laskuri
########################## */
.laskuri-elementti .counter .label-row > span,
.laskuri-elementti .counter .value-row > span{
color:#701940;
}

/* ##########################
--6-- Nostolista uusi-merkinta
########################## */
.lift_list_new_item{
background:#701940;
}


/* ##########################
--7-- sivuun liittyvat linkit, liitteet, avainsanat
########################## */
.additional-info .additional-info-header h2 {color:#701940;}
.additional-info .item span.raquo {color:#701940;}


/* #################
-8-  sivutyyppikohtaiset asiat
################# */

/* ##########################
--8-- sivukartta 
########################## */
.maincontent .sitemap ul.child-branch {color: #701940;}
.maincontent .sitemap .child-branch li::before {color: #5a0025;}


/* ##########################
--8-- BLOGI
########################## */
.blog_image {border: 1px solid #701940;}


/* ##########################
--8-- aiheesta lis�� - readmore
########################## */
#readMoreContainer.additional-info .bullet {color:#701940;}
#readMoreContainer.additional-info .additional-info-header h2 {color:#701940;}






/* ##########################
--8-- ratkaisut - ennakkopaatokset
########################## */
/* ei taida olla enaa kaytossa */
.ratkaisut-nosto .lift_info_stamp {
color: #535353;
}

/* ##########################
--8-- ratkaisut - lausunnot
########################## */
/* ei taida olla enaa kaytossa */

/* ##########################
-x- imports
########################## */
/* jquery-ui-datepicker */
.prjct-datepicker-wrapper .ui-datepicker-header {border-bottom:2px solid #701940;}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-state-active {
color:#701940;
border-color:#701940;
}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {color:#701940;}
.prjct-datepicker-wrapper .ui-datepicker-today{background:#701940;}

/* ##########################
-PRINT- TULOSTUS
########################## */
@media print {
.wrapper .header .logo {display:none;}
.wrapper #navbottom{border-top:3px solid #701940;}
}