/**
 * Brunner AG - Druck und Medien, Kriens
 * @copyright      Copyright 2014, Brunner Web, all rights reserved
 * @link           http://www.bag.ch/
 */

 
 
@import url('fonts.css');

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'UniversLTPro-Condensed', Arial, Verdana, sans-serif;	
}

body.bg {
	background: url(../../../images/background_lisibach.jpg) repeat-x 0 0;
}

div#page {
	position: relative;
	margin: auto;
	min-height: 100%;
	_height: 100%;
	width: 100%;	
	background: url(../../../images/top_lisibach.jpg) no-repeat top center;
}

/* /////////////////////////////// TOP //////////////////////////////// */

div#top {
	width: 980px;
	height: 83px;
	margin: auto;
	position: relative;
}

div#top div#logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

div#top div#sprachwahl {
	position: absolute;
	right: 25px;
	top: 13px;
}

div#top div#location {
	position: absolute;
	top: 108px;
	left: 265px;
	z-index: 20;
}

div#top #menu-toggle{
	color: #008737 !important;
	background: transparent url("/_local/images/menu-toggle_green.svg") no-repeat scroll center center;
}

div#top #menu-toggle::after{
	color: #008737 !important;
}

div#top #navigation .centered #close{
	background: transparent url("/_local/images/close_green.png") no-repeat scroll 0% 0% / contain;
}

div#top #mainnavigation ul li a{
	color: #008737;
}

/* /////////////////////////////// MAIN //////////////////////////////// */

div#main {
	min-height: 320px;
	_height: 320px;
	padding-bottom: 110px;
	width: 980px;
	margin: auto;
	position: relative;	
	overflow: hidden;
}

div#main div#left {
	width: 240px;
	min-height: 200px;
	_height: 200px;
	float: left;
}

div#main div#left div#subnavigation {
	padding-top: 150px;
	padding-left: 28px;
}

div#main div#left div#teaser {
	width: 211px;
	min-height: 200px;
	padding-left: 28px;
}

div#main div#content {
	width: 717px;
	padding-right: 11px;
	padding-left: 12px;
	min-height: 200px;
	_height: 200px;
	padding-bottom: 120px;
	padding-top: 55px;
	float: left;
}

/* /////////////////////////////// FOOTER //////////////////////////////// */

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 203px;
	width: 100%;
	min-width: 980px;
	background: url(../../../images/footer_lisibach.jpg) repeat-x 0 0;
}

div#footer div#footer_inner {
	width: 980px;
	height: 203px;
	margin: auto;
	position: relative;
}

div#footer div#footer_inner div#shortcuts {
	width: 211px;
	margin-left: 28px;
	float: left;
	padding-top: 71px;
	margin-right: 20px;
}

div#footer div#footer_inner div#address {
	width: 475px;
	float: left;
	padding-top: 65px;	
}

div#footer div#footer_inner div#quicklinks {
	width: 220px;
	float: right;
	padding-top: 71px;
	padding-right: 25px;
}

div#footer div#footer_inner div#footer_icon {
	position: absolute;
	right: 25px;
	bottom: 20px;
}

/* /////////////////////////////// SPECIALS //////////////////////////////// */

div.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;	
}

@media screen and (max-width: 979px){
	#navigation>div{
		background: #FC0 !important;
	}
	
	body #mainnavigation > ul.level1{
		background: #FC0 !important;
	}
	
	#mainnavigation li > span.more::before{
		color: #008737 !important;
	}

}