/* FARBEN       */
/*  rot=#E2001A */
/* grau=#2E2E2F */

/* SCHRIFTEN
/* Arial bold 16 Px
/* Arial regular 12 Px
/* Arial regular 10 Px

/* MEMO */
/* border:1px solid #f1f4a9; */
/* background-image: url(../img/hintergrund1.jpg); */
/* background-repeat: no-repeat; */
/* background-color:#222222; */

/* Grundsätzliches */
body{
	padding:0px;
  background-color: #000000;
  color : #FFFFFF;
	margin:0px;
	font-family: Arial, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
}

p, hr, img{
	margin:0px;
}

a:link    {color:#FFFFFF; text-decoration:none;}
a:active  {color:#FFFFFF; text-decoration:none;}
a:visited {color:#FFFFFF; text-decoration:none;}
a:hover   {color:#E2001A; text-decoration:none;}
a.aktiv   {color:#E2001A; text-decoration:none;}

/* Hauptcontainer */
#Hauptcontainer{
	width:820px;
	margin:0px auto;
	height:100%;
	min-height: 650px;
	z-index:0;
	/* height: und min-height:
	/* Für Opera: Stellt minimale Höhe sicher, ohne diesen Wert würde der weisse Bereich 
	/* bei leeren Seiten nicht vollständig sein. %-Wert geht nicht!*/
}

/* 20px Rand links im Hauptcontainer */
#HauptConLinks{
	width:20px;
	height:100%;
	min-height: 650px;
	float:left;
}
/* 800px Hauptbereich im Hauptcontainer */
#HauptConRechts{
	width:800px;
	height:100%;
	min-height: 650px;
	float:right;
}

/* Bereich für Logo oben, enthält TxtLogoOben und SwfLogoOben */
#LogoBereich{
	width:800px;
	height:123px;
}

/* Bereich links vor dem Logo oben */
/* mit width: wird die Position des Logos bestimmt */
#TxtLogoOben{
	width:549px;
	height:123px;
	float:left;
}

/* Das eigentliche Logo */
#SwfLogoOben{
	width:240px;
	height:87px;
	margin-top:3px;
	float:left;
}

#MiniMenue{
	color:#7D7D7D;
  font-size:10px;
	width:800px;
	height:16px;
	text-indent:1px;
}
#MiniMenue p {
	margin-top:0px;
	margin-bottom:0px;
}

#ZweiLinien{
	width:800px;
	height:24px;
	padding-top:7px;
	text-indent:0px;
	background-image: url(../img/zweilinien.gif);
}
#ZweiLinien p {
	color:#E2001A;
  font-size:16px;
  font-weight: bold;
	text-indent:0px;
	margin-bottom:0px;
}
#ZweiLinien1 {
	width:537px;
	height:24px;
	color:#E2001A;
  font-size:16px;
  font-weight: bold;
	text-indent:0px;
	margin-bottom:0px;
	float:left;
}
#ZweiLinien2 {
	width:242px;
	height:24px;
	color:#E2001A;
  font-size:16px;
  font-weight: bold;
	text-indent:0px;
	margin-bottom:0px;
	float:left;
}

#ZweiLinien1Mat {
	width:532px;
	height:24px;
	color:#E2001A;
  font-size:16px;
  font-weight: bold;
	text-indent:0px;
	margin-bottom:0px;
	float:left;
}
#ZweiLinien2Mat {
	width:247px;
	height:24px;
	color:#FFFFFF;
  font-size:16px;
  font-weight: bold;
	text-indent:0px;
	margin-bottom:0px;
	float:left;
}

/* Link nächster Artikel */
#ZweiLinien3 {
	width:18px;
	height:18px;
	text-indent:0px;
	float:left;
}

#Mitte{
	width:800px;
	height:308px;
}

#Mitte1a{
	width:800px;
	height:154px;
}

#Mitte1b{
	width:800px;
	height:154px;
}

#ArtikelLinks{
	width:525px;
	margin-right:5px;
	height:308px;
	float:left;
}

/* Tabelle mit Beschreibung */
#ArtikelRechts{
	width:270px;
	height:308px;
	overflow: auto;
	scrollbar-base-color:#000000;
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#2E2E2F;
	scrollbar-highlight-color:#2E2E2F;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#121212;
}

/* Katalogbereich */
#Katalog{
	width:776px;
	height:358px;
}

table.ArtTabelle{
  font-size: 10px;
}
table.ArtTabelle td{
	border-bottom:1px solid #ffffff;
}
table.ArtTabelle td.Beschreibung{
  font-size: 11px;
	border-bottom:1px solid #ffffff;
}

/* Einteilung bei Adminmenü mit Löschen/Ändern Links */
#MitteAdm{
	width:800px;
	height:345px;
}

#Mitte1aAdm{
	width:800px;
	height:170px;
}

#Mitte1bAdm{
	width:800px;
	height:170px;
}

/* Auswahlbilder B113xH113 */
#AswRahmen1{
	width:121px;
	height:152px;
	float:left;
	margin-right: 43px;
}

#AswRahmen1:hover {
	color:#E2001A;
  font-weight: normal;
}

#AswRahmen1 p {
	margin-top:13px;
	margin-bottom:3px;
	text-indent:2px;
}

#AswRahmen1 img {border:4px solid #000000;}
#AswRahmen1 img:hover {border:4px solid #626366;}

/* Auswahlbilder B151xH113 */
/* 4 Bilder 151+8px Rahmen = 159*4=636px für Bilder, noch 776-636=140px übrig*/
/* 140px / 3 Zwischenräume = 46.6 margin-right*/
#AswRahmen2{
	width:159px;
	height:152px;
	float:left;
	margin-right: 47px;
}

#AswRahmen2:hover {
	color:#E2001A;
  font-weight: normal;
}

#AswRahmen2 img {border:4px solid #000000;}
#AswRahmen2 img:hover {border:4px solid #626366;}

/* Auswahlbilder für OnlineShops */
#AswRahmen3{
	width:121px;
	height:152px;
	float:left;
	margin-left:40px;
}

#AswRahmen3:hover {
	color:#E2001A;
  font-weight: normal;
}

#AswRahmen3 p {
	margin-top:13px;
	margin-bottom:3px;
	text-indent:2px;
}

#AswRahmen3 img {border:4px solid #000000;}
#AswRahmen3 img:hover {border:4px solid #626366;}

/* Menü unten */
#Unten{
	width:800px;
	height:168px;
	background-image: url(../img/hunten.jpg);
	background-repeat: no-repeat;
}

#Eb0{
	width:auto; /* vorher 98, ohne padding-right */
	padding-right:12Px;
	padding-top:10Px;
	height:158px;
	float:left;
	margin-right: 0px;
}

#Eb1{
	width:auto; /* vorher 98, ohne padding-right */
	padding-right:12Px;
	padding-top:10Px;
	height:158px;
	float:left;
	margin-right: 0px;
}

#Eb2{
	width:auto; /* vorher 125, ohne padding-right */
	padding-right:12Px;
	padding-top:10Px;
	height:158px;
	float:left;
	margin-right: 0px;
}

#Eb3{
	width:auto; /* vorher 125, ohne padding-right */
	padding-right:12Px;
	padding-top:10Px;
	height:158px;
	float:left;
	margin-right: 0px;
}

/* Eingabefelder */
.StdInput {
	background:#ffffff;
	height:20px;
	font:14px Arial,Verdana,sans-serif;
	border:1px solid #000000;
	padding-top:4px;
	padding-left:2px;
}

.StdButton {
  background: #CCCCCC;
}

#EinPx{
	background-color:#FFFFFF;
	height: 1px;
	margin:0px;
  font-size: 1px;
  width: auto;
}

.ErrTxt{
	color:red;
	font-weight:bold;
	text-align:center;
}

.OkTxt{
	color:green;
	font-weight:bold;
	text-align:center;
}