/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	margin-top: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #beb9aa;
}
#container {
	position: relative;
	width: 820px;
	height: 578px;
	margin: auto;
}
.fett {
	font-weight: bold;
}
.kursiv {
	font-style: italic;
}
.rot {
	color: #a01428;
}
#header {
	height: 130px;
	background-color: #B6AAA0;
	color: #FFFFFF;
}
#loginLink {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 4px;
	height: 4px;
}
#loginLink a {
	text-decoration: none;
}
#logo {
	position: absolute;
	width: 307px;
	height: 69px;
	left: 34px;
	top: 43px;
}
#logo img {
	border: none;
}
#flash {
	position: absolute;
	top: 0px;
	left: 410px;
	width: 410px;
	height: 100px;
}
#logo .konvex {
	font-size: 19pt;
	font-weight: bold;
	color: #a01428;
}
#logo .konvex a {
	color: #a01428;
	text-decoration: none;
}
#logo .kommunikation {
	font-size: 16pt;
	font-weight: bold;
}
/* die Ebene, in der die Bilder liegen */
#imageContainer {
	position: relative;
	height: 392px;
	background-color: #b6aaa0;
	z-index: -1;	
} 

/* die dynamisch erzeugte Box auf jeder Seite */
.contentBox {
	position: absolute;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;	
	z-index: 100;
}
#contentBoxSmall {
	visibility: hidden;
	overflow: hidden;
}
.padderInContentBox {
	margin-top: 14px;
	margin-left: 14px;
	margin-right: 14px;
}
.contentBox img {
	border: none;
	float: right;
}
.contentBox a {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
#footer {
	height: 57px;
	background-color: #b6aaa0;
	color: #FFFFFF;
}
/* Ebene, die die Seitennavigation trägt */
#pageLinks {
	position: absolute;
	width: 600px;
	height: 48px; 
	left: 44px;
	top: 517px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 48px;
	z-index: 1;
}
#pageLinks span {
	display: inline-block;
}
#pageLinks a {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	background-image: none;
}
#pageLinks a:hover {
	color: #a01428;
	text-decoration: none;
	display: inline-block;
	background-image: url(../img/bg_trsp_30.png);
}

/* Ebene, die die Kollektionen-Links trägt */
#collectionLinks {
	position: absolute;
	left: 106px;
	top: 502px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	padding-left: 4px;
	background-image: url(../img/bg_trsp_30.png);
	font-size: 12px;
	z-index: 10;
}
#collectionLinks a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: none;
}
#collectionLinks a:hover {
	color: #a01428;
	text-decoration: none;
	display: inline-block;
}
/* die Ebene mit den als Zahlen dargestellten Links zum austauschen der Hintergrund-Bilder */
#imgLinks {
	position: absolute;
	left: 480px;
	top: 533px;
	color: #a01428;
	z-index: 100;
	font-size: 12px;
}
#imgLinks a {
	color: #a01428;
	text-decoration: none;
}
#imgLinks a:hover {
	color: #a01428;
	text-decoration: none;
	background-image: url(../img/bg_trsp_30.png);
}
/* die Schlagzeilen auf der Startseite */
.slogan {
	font-size: 13px;
	line-height: 12px;
	color: #a01428;
	background-image: url(../img/bg_trsp_30.png);
}
#lanLinks {
	position: absolute;
	width: 100px;
	left: 736px;
	top: 533px;
	color: #FFFFFF;
	font-size: 12px;
}
#lanLinks a {
	color: #FFFFFF;
	text-decoration: none;	
}
#lanLinks a:hover {
	color: #a01428;
	text-decoration: none;	
	background-image: url(../img/bg_trsp_30.png);
}