/* CSS Datei für Container */

/* Style für den Kopf wo NaviOben drin ist */
#head {
	position:absolute; 
	width:96%;
	left:2%; 
	right:2%; 
	z-index:1; 
	top:10px; 
	margin:0px; 
	padding:0px;
	text-align:center;
}

/* Style für das weiterempfehlen des Artikels */
#empfehlen {
	position:absolute; 
	width:96%;
	height:100%;
	left:2%; 
	right:2%; 
	z-index:1; 
	top:10px; 
	margin:0px; 
	padding:0px;
	background-color:#e1e1ff; 
	/*layer-background-color:#e1e1ff; */
	border: 1px none #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}

/* Style für den großen Container*/
#PageContainer {
	position:relative;
	width:898px; 
	z-index:1;
	margin:auto; 
	padding: 0px 0px 0 0; 
	text-align:left;
}

/*Style für den Haupt-Container*/
#PageContent { 
	position:absolute;
	width:74%; 
	top:0px; 
	z-index:1; 
	padding-right:0px;
	background-color: rgb(235, 247, 255)  ;/*#EBF7FF alt e1e1ff ffffff*/
	/*layer-background-color:#cdcdff; */
	border: 1px none #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000000;
}

#PageContent img {
	border:none;
}

/* Style für die Leiste rechts*/
#PageLeiste {
	position:absolute; 
	width:26%; 
	height:445px; 
	top:0px; 
	right:0px;
	z-index:1;
	background-color:rgb(204,236,255)/* alte #E5F5FF*/;
	/*alt ccccff 66cc66; */
	border: 1px none #000000;
}
/* Style für das Login Fenster in der Leiste rechts*/
#LogInBereich {
	color:rgb(18,52,86)/*#FF6600*/;
	width:100%;
	margin-top:10px;
	margin-bottom:0px;
	position:relative;
	width:100%;
	z-index:0; 
	/*border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	/*visibility:hidden;*/
}

.input {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:rgb(235, 247, 255)/*#e1e1ff*/;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.button {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(255, 255, 153) /*#FF9966*/;
	background-color:rgb(18,52,86)/*#333333*/;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.buttonkat {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	color:/*#FF9966;*/
/*	background-color:/*#333333;*/
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
/*	border-right: 1x solid #000000;*/
}

.buttontable {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color:rgb(18,52,86)/*#333333*/;
}

.buttontable2 {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color:rgb(255, 255, 153)/*#FF9966*/;
}

.button2 {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(255, 255, 153)/*#FF9966*/;
	background-color:transparent;
	border:none;
}

.button3 {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(18,52,86)/*#333333*/;
	background-color:transparent;
	border:none;
}

.button4.field {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(18,52,86)/*#333333*/;
	background-color:transparent;
	background-color:red;
	border:none;
}

td.loginb {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}


/* Style für den Fussbereich im großen Container*/
#Footer { 
	position:absolute; 
	bottom:-22px;
	width:898px; 
	height:22px; 
	z-index:3;
}
/* Style für das untere Flash */
#FlashBorder  {
	position:relative;
	left:0px; 
	width:100%; 
	height:20px; 
	z-index:-10; 
	text-align:center;
}
/* Style für das Copyright unten*/
#copy { 
	position:absolute; 
	width:74%; 
	left:0px; 
	top:3px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:rgb(102,153,255)/*#ff9966; /*0066FF*/;
	font-size: 12px;
	text-align:center;
}
#copy2 {
	position:absolute; 
	width:55%; 
	left:0px; 
	top:3px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#ff9966; /*0066FF*/
	font-size: 12px;
	text-align:right;
}
/* Style für die Links unten rechts*/
#utility{
	width:25%;
	text-align:center;
	bottom:0px;
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 3px;
	right: 5px;
	color: #919999;
	z-index:5;
}
#utility a{
	color: #ffffff;
	text-decoration:none;
}
#utility a:hover{
	text-decoration:underline;
}
/* Style für die generierungszeit */
#generiert {
	position:relative; 
	bottom:-22px; 
	width:100%; 
	height:44px; 
	z-index:10; 
	text-align:center; 
	color: #ffffff; 
	font:75% Verdana,sans-serif;
}
#utility2{
	color: #ffffff;
	text-align:center;
	bottom:0px;
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 3px;
	left: 15px;
	z-index:5;
}

/* Style für den NEWS-Bereich */
#news1 {
	color:#0099FF; 
	border:1px outset #0099FF; 
	background-color: #CCCCCC
}
#news2 {
	border:1px outset #0099FF; 
	background-color:#00CCFF;
}