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

/* **************
RESPONSIIVISUUS
*************** */
#mobile-header h1, #mobile-header  .headertitle{color:#000000;}
#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: #0473db;
background: -moz-linear-gradient(top, #0473db 0%, #2485e0 50%, #0473db 50%, #0473db 100%, #770232 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0473db), color-stop(50%,#2485e0), color-stop(50%,#0473db), color-stop(100%,#0473db), color-stop(100%,#770232));
background: -webkit-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
background: -o-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
background: -ms-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
background: linear-gradient(to bottom, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0473db', endColorstr='#770232',GradientType=0 );
}
#mobile-active .name a{color:#FFFFFF;}
#mobile-active .trigger {
background:#FFFFFF;
color:#0473DB;
}

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

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

/* 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:#0473DB;}
body.mobile .sub_nav .trigger {color:#0473DB;}
body.mobile .sub_nav .more {color:#0473DB;}


/* breakpoint 1100 */
@media (max-width:1100px){
	.header_largetext {margin: 20px 0 0 160px;}
	.header_largetext h1, .header_largetext .headertitle{font-size:26px;}
	#navback{
	background: #0473db;
	background: -moz-linear-gradient(top, #0473db 0%, #2485e0 50%, #0473db 50%, #0473db 100%, #770232 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0473db), color-stop(50%,#2485e0), color-stop(50%,#0473db), color-stop(100%,#0473db), color-stop(100%,#770232));
	background: -webkit-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
	background: -o-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
	background: -ms-linear-gradient(top, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
	background: linear-gradient(to bottom, #0473db 0%,#2485e0 50%,#0473db 50%,#0473db 100%,#770232 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0473db', endColorstr='#770232',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;}
	
	#KuulutusHakuFormi .form_keywords_label, 
	#KuulutusHakuFormi .form_keywords_input{width:100%;}
	#KuulutusHakuFormi .form_keywords_label{margin:0 0 8px 0;}
	.center #KuulutusHakuFormi .ui-datepicker-trigger {margin: 0 0 -3px 4px;}
	#KuulutusHakuFormi .form_keywords_input input.datepicker {width:30%;}
	
	
}