/** sivustoperhe - om.fi
---------------------------- **/

/* **************
RESPONSIIVISUUS
*************** */
#mobile-header #nav {
background: #cccccc url("../images/ottk/mobnavi2.png") no-repeat scroll 50% 50% / 60px 40px;
}

#mobile-active {background:#DCDCDC;}
#mobile-active .name a{color:#534d7f;}
#mobile-active .trigger {
background:#518D13;
color:#ffffff;
}
#mobile-active .more {color:#ffffff;}
#mainlevel .trigger {
background:#ffffff;
color:#534d7f;
}
#mainlevel .more {
color:#534d7f;
}
.mobnav-a-selected-parent{background:#FFFFFF;}

.mobile #navback .navigation li span.li_button, 
.mobile #navback .navigation li span.li_button:hover {
background:#534d7f;
color:#ffffff;
}
.mobile .navigation li span.li_button .more {color:#ffffff;}

#mobile-header h1{color:#534d7f;}
.navbottom {background:#518D13;}

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


/* breakpoint 769-1100 */
@media (min-width:769px) and (max-width:1100px) {
	.sector_navigation_wrapper {width:100%;}
	.sector_navigation_wrapper .sector_navigation_item_holder {width:20%;}
	.sector_navigation_wrapper .sector_navigation_item_holder.last {width:20%;}
}

@media (max-width:768px) {
	#mobile-header .sector_navigation_wrapper{
	display:block;
	margin:14px 0 0 0;
	}
	#mobile-header .sector_navigation_item_presentation_responsive {
	background:#FFFFFF;
	display:none;
	padding: 8px;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder {
	background:#E4E2E5;
	border: 1px solid #c1c1c1;
	margin:4px 0;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item{padding:8px;}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector-nav-title{
	font-weight:bold;
	color:#606060;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item_presentation_responsive a{border:none;}
}

/* breakpoint 481-960 */
@media (min-width: 481px) and (max-width: 960px) {
	/*** paanavigaatio - teemasivusto ***/
    .body_wrapper.teemasivusto #navback .navigation li.last a,
    .body_wrapper.teemasivusto #navback .navigation li.last a:visited,
    .body_wrapper.teemasivusto #navback .navigation li.last a:hover {
	border-left:1px solid #534d7f;
	}
}