/* CSS Document */
body {
	background-color: #232323;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}
/* ----------container zentriert das layout-------------- */
#container {
	width: 900px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
/* ----------CSS Startseite -------------- */
#left{
	float:left;
	width: 500px;
	height:572px;
	background-color:#000000;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	text-align:center;
}
#right{
	float:left;
	width: 397px;
	height:572px;
	background-color:#000000;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}
#leftBig{
	float:left;
	width: 592px;
	height:572px;
	background-color:#000000;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	text-align:center;
}
#rightBig{
	float:left;
	width: 306px;
	height:572px;
	background-color:#000000;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}
/* ----------CSS Block oben -------------- */
#top {
	text-align: right;
	background-image:url(../images/abb_top.jpg);
	background-repeat:no-repeat;
	
	padding: 3px 18px 0 0;
	margin: 0 0 3px 0;
	height:98px
}
#navigation {
	text-align: left;
	background-image:url(../images/hg_navigation.gif);
	background-repeat:repeat-x;
	
	padding: 0;
	margin-bottom: 10px;
	*margin-bottom: 9px;
	height:36px
}
img.nav {
	padding:3px 40px 9px 0;
	}
#LAYKOLLEKTION {
	position:absolute;
	margin-top: 295px;
	*margin-top: 285px;
	margin-left:13px;
	z-index:10;

	}
/* NAVIGATION LAYER OBEN */
.LAY {
	position:absolute;
 	margin-top:35px;
	z-index:10;
}
.navLAY {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.navLAY a {
	color: #afaeae;
}
.navLAY a:hover, .navLAY a.active{
	color: #FFFFFF;
}
.navLAY ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.navLAY li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 10px;
	line-height:14px;
}
/* NAVIGATION LINKS EBENE I. */

.unav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index:10;

	position:absolute;
 	margin-top:38px;
 	*margin-top:35px;
	width:144px;
}
.unav ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.unav li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 11px;
	line-height:21px;
	
	color: #afaeae;
}
.unav ul li a:hover, .unav ul li a.active {
	color: #FFFFFF;
	background: url(../images/hg_unav_over.gif) no-repeat;
}
.linkAktive{
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 11px;
	line-height:21px;
	color: #FFFFFF;
	background: url(../images/hg_unav_over.gif) no-repeat;
}
/* Beispiel für 2`te Ebene */
.unav ul ul li a { 
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 25px;
	line-height:18px;
}
.unav ul ul li a:hover, .unav ul ul li a.active {
	color: #FFFFFF;
	background:none;

}

/* -----------------CSS Inhalt--------------------- */
#CONTENT {
	text-align: left;
	padding: 0;
	margin:0;
	background-color:#FFFFFF;
}
/*div#content { 
	min-height:432px;
	height:expression(this.scrollHeight > 432 ? "auto":"432px"); 
}*/
/* -------------- Tabelle im Content mit Unternavigation------------- */
.tabelle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#3A3A39;
	margin-left:145px;
	height:423px;
	background-color:#FFFFFF;
	}
#BottomVerlauf {
	position:absolute;
	top:573px;
	_top:567px;
	margin-left:145px;
	
	background-image:url(../images/hg_content_bottom.gif);
	height:9px;
	width:11px;
	}
.head{
	padding:21px 0 9px 0;
	}
/* --------------Unternavigation links------------- */
#CONTENTNAVI {
	position:absolute;
	top:151px;
	*top:150px;
	width: 144px;
	height:423px;
	margin: 0px;
	padding: 0px;
	z-index:5;
	
	background-image:url(../images/hg_unav.gif);
	background-repeat:repeat-y;
}
#BOGENNAVI {
	position:absolute;
	top:574px;
	*top:573px;
	width: 144px;
}
/* -------------------CSS News ------------------ */
.TabDetail {
	background-color:#f3f3f4;
	border-bottom: solid 1px #2f2f2f;
	border-top: solid 1px #2f2f2f;
	margin-bottom:4px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#3A3A39;
	}
/* -------------------CSS Text ------------------ */
.TextRed{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#781919;
}
.TextRedSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#781919;
}
.TextGrey{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#3A3A39;
}
.TextGreySmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#3A3A39;
}
.TextBeige{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#fef4a8;
}
.TextWhite{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
}
.TextBack{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
/* --------------CSS Links ------------- */
a.LinkBlackSmall:link, a.LinkBlackSmall:visited, a.LinkBlackSmall:active, a.LinkBlackSmall:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
a.LinkRed:link, a.LinkRed:visited, a.LinkRed:active, a.LinkRed:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#781919;
	text-decoration:none;
}
a.LinkRed_11:link, a.LinkRed_11:visited, a.LinkRed_11:active, a.LinkRed_11:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#781919;
	text-decoration:underline;
}
a.LinkGrey:link, a.LinkGrey:visited, a.LinkGrey:active, a.LinkGrey:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#3A3A39;
	text-decoration:none;
}
a.LinkWhite:link, a.LinkWhite:visited, a.LinkWhite:active, a.LinkWhite:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:8px;
	background-image:url(../images/pfeil.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}
a.LinkSound:link, a.LinkSound:visited, a.LinkSound:active  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	outline: none;
}
a.LinkSoundActive:link, a.LinkSoundActive:visited, a.LinkSoundActive:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#781919;
	text-decoration:underline;
	outline: none;
}
/* - Formular Felder - */
label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
  	width: 114px; /* Breite.*/
	padding:2px 0 2px 0;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
label {text-align: left;}

.input, .select, .textarea{
	height:15px;
	*height:18px;
	color: #781919;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin:2px 0 2px 0;
	border:1px solid #b2b2b2;
	width:175px;
	*width:160px;
	padding-left:3px;
}
.select {
	height:16px;
	*height:18px;
}
.textarea{
	height:80px;
	width:280px;
}

