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

/* **************
RESPONSIIVISUUS
*************** */
#mobile-header h1, #mobile-header  .headertitle{color:#701940;}
#nav-content form{margin:0 0 14px 0;}

#mobile-header #nav {
background:#ccc url('../images/vaalit/responsive_search_button.png') 50% 50% no-repeat;
background-size:40px 40px;
}
#mobile-active {
background:#840041;
background: -moz-linear-gradient(top, #840041 0%, #940049 50%, #6E0036 50%, #5A002C 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#840041), color-stop(50%,#940049), color-stop(50%,#6E0036), color-stop(100%,#5A002C));
background: -webkit-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
background: -o-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
background: -ms-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
background: linear-gradient(to bottom, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840041', endColorstr='#5A002C',GradientType=0 );
}
#mobile-active .name a{color:#FFFFFF;}
#mobile-active .trigger {
background:#FFFFFF;
color:#701940;
}

#mobile-active .more {
color:#701940;
padding: 3px 10px 6px; /* huomio! sivustoperheissa 1px ero */
}

#mainlevel .trigger {
background:#ffffff;
color:#701940;
}
#mainlevel .more {color:#701940;}
.mobnav-a-selected-parent{background:#FFFFFF;}
.mobile #navback .navigation li span.li_button, 
.mobile #navback .navigation li span.li_button:hover {
background:#FFFFFF;
color:#701940;
}
.mobile .navigation li span.li_button .more {color:#ffffff;}
.navbottom {background:#701940;}

/* touch button */
body.mobile #navback .navigation li span.li_button,
body.mobile #navback .navigation li span.li_button:hover {background:#FFFFFF;}
body.mobile #navback .navigation li span.li_button .more {color:#701940;}
body.mobile .sub_nav .trigger {color:#701940;}
body.mobile .sub_nav .more {color:#701940;}

/* ratkaisut */
.decisions-subnav-mobile .mobile-declistitems .subnavigation_header{color:#701940;}
.decisions-subnav-mobile .mobile-declistitems .subnavigation_header a {color:#701940;}
.decisions-subnav-mobile .mobile-declistitems .trigger {background:#701940;}


/* breakpoint 1100 */
@media (max-width:1100px){
	.header_largetext {margin: 20px 0 0 115px;}
	.header_largetext h1, .header_largetext .headertitle{font-size:26px;}
	#navback{
	background:#840041;
	background: -moz-linear-gradient(top, #840041 0%, #940049 50%, #6E0036 50%, #5A002C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#840041), color-stop(50%,#940049), color-stop(50%,#6E0036), color-stop(100%,#5A002C));
	background: -webkit-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
	background: -o-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
	background: -ms-linear-gradient(top, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
	background: linear-gradient(to bottom, #840041 0%,#940049 50%,#6E0036 50%,#5A002C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840041', endColorstr='#5A002C',GradientType=0 );
	}
	#navback .navigation li:hover {border-radius:8px;}
	#navback .navigation li:first-child:hover {border-radius:8px;}
	#navback .navigation li.last:hover {border-radius:8px;}
	#navback .navigation li a.first, 
	#navback .navigation li a.first:visited, 
	#navback .navigation li a.first:hover {padding: 8px 1px 8px 2px;}
	.maincontent {background:none;}
}



/* breakpoint 768 */
@media(max-width: 768px) {
	.wrapper .header .logo{background:none;}
	.maincontent .subnavigation_header{display:none;}
}