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

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

body.bg {
	background: url(../images/bg.jpg) repeat-x top left;	
	background-color: #bbbbbc;
}

div#page {
	position: relative;
	margin: auto;
	margin-top: 48px;
	width: 990px;
	min-height: 567px;
	_height: 567px; /* for iE6 */
	background-image: url(../images/bg_page.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
}

div#logo {
	padding-left: 365px;
	padding-top: 27px;	
	float: left;
}

div#topright {
	float: left;
	width: 328px;
	padding-top: 45px;
	text-transform: uppercase;
	font-size: 85%;
	padding-right: 20px;
	letter-spacing: 1px;	
}

div#topright div#title {
	float: right;
	margin-right: 40px;
}

div#topright div#quicklinks {
	float: right;
	
}

div#navigation {
	padding-left: 30px;
	height: 23px;
	
}

div#image {
	position: absolute;
	z-index: 3;
	left: 32px;
	top: 159px;
	width: 612px;
	height: 404px;
}

div#boxtop {
	position: absolute;
	z-index: 3;	
	left: 648px;
	top: 159px;
	width: 304px;
	height: 132px;
	background: url(../images/bg_startbox.gif) repeat-x center center;
	color: white;
}

div#boxmiddle {
	position: absolute;
	z-index: 10;	
	left: 494px;
	top: 291px;
	width: 458px;
	height: 140px;
	background-color: white;
}

div#boxbottom {
	position: absolute;
	z-index: 4;	
	left: 648px;
	top: 431px;
	width: 304px;
	height: 132px;
	background: url(../images/bg_startbox.gif) repeat-x center center;
	color: white;	
}

div#footer {
	position: relative;
	margin: auto;
	width: 990px;
	height: 17px;
	padding-top: 40px;
	background-image: url(../images/bg_footer.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
	color: white;
	font-size: 85%;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

div#footer a {
	color: white;
}

div#footer div#left {
	float: left;
	padding-left: 5px;
}

div#footer div#right {
	float: right;
	padding-right: 5px;
	text-transform: lowercase !important;
}

div#footer div#right a {
	color: #d2d2d2;
}

div#cms {
	float: right;
}

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