@charset "utf-8";
/*

	This CSS File is the result of hard work so please respect the
  COPYRIGHT 2009 BY GSTALTIG GMBH [www.gstaltig.ch] -
  You are not allowed to use this or any other css-files or parts
  of it that make this beautifull website come alive without our
  written permission. Of course you are very welcome to have a look
  at the way we've done the stuff and use the techniques in your own
  personal work - or in other words: you may look and learn,
  but don't copy and steal. Thank you.

  Please visit our website and drop us a note if you've got any
  questions or if you're interested in hiring us. Because it's nice
  to now you're interested in the work we do, we would be glad to
  offer you a one-time, non-cumulatable discount of 10% on your
  next webproject. The only thing you have to do for this, is
  mention you've seen the CSS. This offer is for new customers
  aswell as existing ones.

*/

/* http://meyerweb.com/eric/tools/css/reset/index.html */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*  */
body {
  position: absolute;
	width: 100%;
  height: 100%;
	margin: 0;
  padding: 0;

  background-color: #3C4D3A;
}
.grid16 {

	position: relative;

  /* 100% höhe */
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */

  z-index: 10;
}
.page {
	position: relative;
	width: 960px;
  /* 100% höhe */
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
  z-index: 10;
}
body.centerLayout .page { /* center the page */
	margin-left: auto;
  margin-right: auto;
}
/* HEAD */
.head {
	height: 170px;
  padding: 20px 0;
}
/* CONTENT */
.content {
  float: left;
  width: 100%;
  height: auto;
 	margin: 0 0 90px 0; /* bottom margin = footer height + additional space */
}
.contentBox {
  background-color: rgba(255,255,255,0.9);
  min-height: 400px;
  padding: 40px;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* FOOT */
.foot {
  clear: both;
  position: absolute;
  bottom: 0;
  height: 70px;
  width: 100%;

  font-size: 12px;
  line-height: 19px;

  z-index: 10;
}
.footContent {
  width: 960px; /* 960px */

  z-index: 10;
}
.foot .adresse {
	padding: 5px 40px;
  height: 60px; /* 70px */
  background-color: rgba(255,255,255,0.6);
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}
.foot .gstaltig {
	position: absolute;
  left: 0;
  bottom: 0;
}

/* SCREEN SIZED BACKGROUND */
.bodyBg img {
	position: fixed;
  top: 0;

  width: 100%;
  z-index: 1;
}
.bodyBg img.hidden {
  display: none;
}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */