/* CSS Document | Peyer Baumanagement AG (c) 2007 / kammerlander / dasKonkubinat.ch  */

/* Global Reset und Standard-Einstellungen
----------------------------------------------------------------------------------------------------------------------------------------- */ 
* html {
	overflow: hidden;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height: 100%;
	background: url(../bilder/bg.gif) no-repeat right top;
	overflow: hidden;
}
/* Hierdurch wird ein Container mit einer Breite erstellt, die " % % der Browserbreite beträgt. 
   Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert (margin: 0 auto), 
   der Text wird wieder auf "links" gestellt
------------------------------------------------------------------------------------------------------------------------------------------ */
.thrColLiqHdr #container {
	text-align: left;
	margin: 2% 5% 0 2%;
}
/*	Der Header, padding entfernen wenn ein Bild eingefügt wird 
----------------------------------------------------------------------------------------------------------------------------------------- */
.thrColLiqHdr #header {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 97px;
}
/* Wenn der Rand des letzten Elements im #header-div nicht auf 0 gesetzt ist, kann es zu unerwarteter Abstände zwischen divs kommen. 
Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. Durch die Verwendung der Auffüllung 
anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt.
----------------------------------------------------------------------------------------------------------------------------------------- */
.thrColLiqHdr #header h1 {
	margin: 0; 
}
.thrColLiqHdr #sidebar1 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 140px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
}
.thrColLiqHdr #mainContent {
	overflow: auto;
	width: 600px;
	margin: 0px;
	height: 430px;
	position: relative;
}
.thrColLiqHdr #redBoxes {
	overflow: auto;
	width: 135px;
	height: 180px;
	margin: 0px;
	position: relative;
	float: left;
}
.thrColLiqHdr #mainContent-follow {
	overflow: auto;
	width: 600px;
	margin: 0;
	height: 530px;
	position: relative;
	float: left;
	text-align: left;
	overflow: auto;
}

/* footer 
-------------------------------------------------------------------------------------------------------------------------------------------- */
#footer-place {
	position: absolute;
	bottom: 0px;
	height: 80px;
	right: 0;
	overflow: hidden;
}
#footer-content {
	background: url(../bilder/bgBlack.gif) no-repeat right top;
	width: 620px;
	position: relative;
	height: 80px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
/* text format
------------------------------------------------------------------------------ */
.thrColLiqHdr #mainContent-follow h1 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.thrColLiqHdr #mainContent-follow h2 {
	font: 13px Arial, Helvetica, sans-serif;
	padding-left: 40px;
	padding-top: 2px;
	font-weight: bold;
}
.thrColLiqHdr #mainContent-follow p {
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 40px;
	padding-bottom: 5px;
	width: 500px;
}
.thrColLiqHdr #mainContent-follow table {
	font-size: 12px;
}
.thrColLiqHdr #mainContent-follow a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
.thrColLiqHdr #mainContent-follow a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}


/* Classes
----------------------------------------------------------------------------------------------------------------------------------------------  */

/* float right */
    .fltrt { 
	float: right;
	margin-left: 8px;
}
/* float left */
.fltlft { 
	float: left;
	margin-right: 8px;
}
/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
img {
	border: none;
}
/*------------------------------------------------------------------
	Classes | .redBox | Img no-Border | red boxes etc.
------------------------------------------------------------------ */
.thrColLiqHdr .redBox {
	background: url(../bilder/bgRedBox.gif) no-repeat;
	width: 500px;
	height: 260px;
}
.thrColLiqHdr .redBoxPortrait {
	background: url(../bilder/txt_portrait.gif) no-repeat;
	width: 135px;
	height: 180px;
}
.redBoxDienstleistungen {
	background: url(../bilder/txt_dienste.gif) no-repeat;
	width: 135px;
	height: 180px;
}
.redBoxStandort {
	background: url(../bilder/txt_ort.gif) no-repeat;
	width: 135px;
	height: 180px;
}
.redBoxPartner {
	background: url(../bilder/txt_partner.gif) no-repeat;
	width: 135px;
	height: 180px;
}
.redBoxReferenzen {
	background: url(../bilder/txt_referenzen.gif) no-repeat;
	width: 135px;
	height: 180px;
}
img:active {
	border: none;
}