@charset "utf-8";
body  {
    	font: 12px "Trebuchet MS", Verdana, Arial;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    .thrColAbsHdr #container {
	position: relative;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: url(background.jpg) center no-repeat;
	margin: 0 auto;
	text-align: left;
	top: 3px;
	min-height:1000px;
	z-index: 99;
    } 

    .thrColAbsHdr #header {
	height: 162px;
	padding: 0 10px 0 20px;
	;
    } 
    .thrColAbsHdr #header h1 {
	margin: 0; 
	padding: 10px 0;
	float: right;
    }
    .thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 210px;
	left: 0px;
	width: 123px;
	background: #4489B9;
	height: 455px;
    }
	.thrColAbsHdr #sidebar1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	}
    .thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 163px;
	right: 0px;
	width: 160px;
	background: #EBEBEB;
	padding: 10px;
	height: auto;
    }
    .thrColAbsHdr #mainContent {
	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	margin-right: 250px;
	margin-left: 150px;
	left: 15px;
	height: 500px;
    }
    .thrColAbsHdr #footer { 
    	padding: 0 10px 0 20px; 
    	background:#DDDDDD;
    }
	
	.thrColAbsHdr #footer a{
	text-decoration:none;
	color:#000000;
    } 
    .thrColAbsHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }

#getaclogo {
	height: 37px;
	width: 714px;
	font-size: 14px;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	padding-top:490px;
	text-align: center;
}
	
#getaclogo_trans {
	position:absolute;
	float:left;
	left: 218px;
	top: 343px;
	height: 143px;
	width: 158px;
	z-index: 90;
}
#getaclogo_trans2 {
	position:absolute;
	float:left;
	left: 411px;
	top: 338px;
	height: 143px;
	width: 168px;
	z-index: 90;
}
#getaclogo_trans3 {
	position:absolute;
	float:left;
	left: 609px;
	top: 339px;
	height: 149px;
	width: 158px;
	z-index: 90;
}

#logiclogo {
	float:left;
	top:5px;
	left:15px;
	position: absolute;
	height: 45px;
}

#flash {
	position:absolute;
	left: auto;
	top: 0px;
	right: 0px;
	width:539px;
	height:162px;
}

#toplinkeiste {
	color:#FFFFFF;
}

#toplinkeiste a{
	text-decoration:none;
	color:#FFFFFF;}

#pro_box1 {
	height:180px;
	width:120px;
	border:1px solid;
	float: left;
	position: relative;
	margin: 10px;
}

#pro_box2 {
	height:180px;
	width:120px;
	border:1px solid;
	position: relative;
	float: left;
	margin: 10px;
}
#pro_box3 {
	height:180px;
	width:120px;
	border:1px solid;
	position: relative;
	float: left;
	margin: 10px;
}
#pro_box4 {
	height:180px;
	width:120px;
	border:1px solid;
	position: relative;
	float: left;
	margin: 10px;
}
#pro_box5 {
	height:180px;
	width:120px;
	border:1px solid;
	float: left;
	margin: 10px;
	position: relative;
}
#pro_box6 {
	height:180px;
	width:120px;
	border:1px solid;
	float: left;
	margin: 10px;
	position: relative;
}
#pro_box7 {
	height:180px;
	width:120px;
	border:1px solid;
	float: left;
	margin: 10px;
	position: relative;
}
#pro_box8 {
	height:180px;
	width:120px;
	position: relative;
	float: left;
	margin: 10px;
	border: 1px solid;
}

#pro_box1 a{
	text-decoration:none;
	color:#990000;}
#pro_box2 a{
	text-decoration:none;
	color:#990000;}
#pro_box3 a{
	text-decoration:none;
	color:#990000;}
#pro_box4 a{
	text-decoration:none;
	color:#990000;}
#pro_box5 a{
	text-decoration:none;
	color:#990000;}
#pro_box6 a{
	text-decoration:none;
	color:#990000;}
#pro_box7 a{
	text-decoration:none;
	color:#990000;}
#pro_box8 a{
	text-decoration:none;
	color:#990000;}

#start_content {
	height:auto;
	width:550px;
	margin: 10px;
	position: absolute;
	left: 160px;
	top: 660px;
}
#prod_content {
	width:550px;
	height:auto;
	margin-top: 30px;
}

#produktnavleiste {

}