/**
 * Brunner AG - Druck und Medien, Kriens
 * @copyright      Copyright 2009, Brunner Web, all rights reserved
 * @link           http://www.bag.ch/web
 */
 
@import url('fonts.css');

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url('../../../images/bg.gif') left top repeat-x fixed #0266b3;
	font-family: Verdana, Helvetica, Arial;
}

p {
	margin: 0;
	padding: 0;
}

div#mainpage {
	width: 100%; 
	height: 760px; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('../../../images/bg_cross.gif') center top no-repeat;
}

div#mainpage div#page {
	width: 990px;
	position: relative;
	min-height: 100%;
  	height: auto !important;	
	margin: auto;
	padding: 0;	
	background: url('../../../images/page_shadow.png') center top repeat-y transparent;
}

* html div#mainpage div#page {
	height: 100%;
}

div#headerimage {
	position: absolute;
	z-index: 5;
	width: 900px;
	height: 370px;
	left: 45px;
	margin: 0;
	padding: 0;
}

div#mainpage div#page div#main {
	width: 900px;
	min-height: 600px;
	background: url('../../../images/page_bottom.jpg') center bottom no-repeat white;
	margin: 0 45px 0 45px; 
}

div#page div#main div#left {
	position: relative;
	width: 200px;
	margin: 0 2px;
	padding: 0 17px 0 23px;
	z-index: 6;
	background: url('../../../images/nav_shadow.png') left top no-repeat transparent;
	float: left;
}

div#page div#main div#left div#logo {
	float: left;
	width: 200px;
	height: 106px;
	border: 0;
}

div#page div#main div#left div#navigation {
	float: left;
	width: 200px;
	padding-top: 14px;
	min-height: 250px;
	padding-bottom: 30px;
	background: url('../../../images/nav_abschluss.gif') no-repeat left bottom transparent;	
}

div#page div#main div#left div#teaser {
	float: left;	
	width: 162px;
	padding: 10px 19px 50px 19px;
	background: url('../../../images/nav_abschluss2.gif') no-repeat left bottom transparent;	
}

div#page div#main div#left div#extrateaser {
	float: left;	
	width: 162px;
	padding: 10px 19px 50px 19px;
}

div#page div#main div#right {
	position: relative;
	float: left;
	width: 651px; /* 5px reserve, 656 */
	z-index: 4;	
}

div#page div#topnavigation {
	position: absolute;
	width: 645px;
	top: 20px;
	left: 301px;
	height: 35px;
	z-index: 10;
}

div#page div#main div#right div#content {
	float: left;
	width: 625px;
	padding: 0;
	margin: 0;
	min-height: 455px; /* needed */
	padding: 364px 0 80px 0;
}

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

div#mainpage div#footer {
	width: 900px;
	padding: 0 45px 0 45px; 
	margin: auto;
	background: url('../../../images/page_shadow.png') center top repeat-y transparent;
	margin-bottom: -1px; /* fixes the 1px line from the cms footer div */
}

div#mainpage div#footer div#partners {
	width: 900px;
	background-color: white;
}

div#mainpage div#footer span.cms {
	position: absolute;
	z-index: 20px;
	right: 10px;
	top: 60px;
	display: none;
}

div#mainpage div#footer span.cms a {
	color: #424242;
	font-size: 86%;
	text-decoration: none;
	padding-right: 20px;
}

div#mainpage div#footer span.cms a:hover {
	color: #000;
	font-size: 86%;
	text-decoration: none;
}

div#mainpage div#finisher {
	width: 900px;
	height: 65px;
	padding: 0 45px 0 45px; 
	margin: auto;
	background: url('../../../images/bottom.gif') no-repeat left top transparent;
}

/*  makes the headerimage layer editable, needed */
body.cms_editpage div#headerimage {
	z-index: 5;
}