/**
 * 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') center top repeat-x white;
	font-family: Arial, Helvetica;
}

p {
	margin: 0;
	padding: 0;
}

div#page {
	width: 990px;
	position: relative;
	min-height: 100%;
  	height: auto !important;	
	margin: auto;
	padding: 0;	
}

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

div#page div#top {
	width: 990px;
	height: 105px;
	background: url('../../../images/schweif.gif') 477px top no-repeat;	
	margin: 0;
	padding: 0;	
}

div#page div#top div#logo {
	float: left;
	width: 225px;
	height: 105px;
	border: 0;
	margin: 0;
	padding: 0;	
}

div#page div#top div#search {
	float: left;
	width: 755px;
	height: 30px;
	padding-top: 64px;
}

div#page div#top div#search input#searchfield {
	float: left;
	width: 205px;
	height: 15px;
	border: 1px solid #808080;
	color: #666666;
	font-size: 93%;
	padding: 1px 0 2px 3px;
	margin: 0;
}

div#page div#top div#search input#searchbtn {
	background: url('../../../images/btn_suche.gif') center 1px no-repeat;
	width: 20px;
	height: 19px;	
	margin: 0;
	padding: 0;		
}

div#page div#header {
	width: 990px;
	height: 135px;
	float: left;
}

div#page div#header div#mainnavigation {
	float: left;
	width: 158px;
	height: 120px;
	padding: 15px 32px 0 35px;
}

div#page div#header div#headerimage {
	float: left;
	width: 450px;
	height: 135px;
	margin: 0;
	padding: 0;
	background: url('../../../images/header.jpg') left top no-repeat;	
}

div#page div#header div#headerimage img {
	margin: 0;
	padding: 0;
}

div#page div#header div#address {
	float: left;
	width: 272px;
	height: 119px;
	margin: 0;
	padding: 16px 0px 0 30px;
}

div#page div#header div#address p {
	line-height: 138.5%;
	font-size: 85%;
	color: #666666;
}

div#page div#header div#address a {
	color: #003399;
	text-decoration: none;
}

div#page div#main {
	width: 990px;
	min-height: 600px;
}

div#page div#main div#left {
	float: left;
	width: 192px;
	padding: 20px 29px 0 0;	
	margin: 0;
}

div#page div#main div#left div#subnavigation {
	float: left;
	width: 192px;
	padding: 0;
}

div#page div#main div#left div#teaserleft {
	float: left;	
	width: 156px;
	padding: 0 0 25px 36px;
}

div#page div#main div#right {
	position: relative;
	float: left;
	width: 765px;
	padding: 0 0 10px 0;
	background: url('../../../images/bg_content.gif') repeat-y left top;
	margin-bottom: 10px;		
}

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

div#page div#main div#right div#printicon {
	float: left;
	width: 29px;
	height: 30px;
}

div#page div#main div#right div#teaser {
	float: left;	
	width: 230px;
	margin: 20px 0 0 0;
	padding: 0 0 25px 28px;
}

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

div#page div#main div#footer {
	width: 282px;
	padding: 10px 0; 
	float: right;
}

div#page div#main div#footer p {
	line-height: 138.5%;
	font-size: 85%;
	color: #666666;
}

div#page div#main div#footer a {
	color: #666666;
	text-decoration: none;
}