/*
 *	MBS Style Sheet
 *
 *  Orange: #EDAC4E
 *  Grau:   #989898
 *  Grau H: #C9C9C9
 *  Orange 2: #FF7F00
 */

@font-face { font-family:stan0753; src:url(http://cawdev.weissi.net/STAN0753.TTF) format(TrueType); }


a,td,p,body,h1,input,table,textarea,select { font-family: Tahoma; font-size: 8pt; }

th,td { color: black; }

h1 { font-size: 14pt; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }

a, a:link, a:visited { text-decoration:none; color: #FF7F00 }
a:hover, a:active    { text-decoration:underline; color: #FF7F00 }

td a { color: #000; }

body {
  font-family: Tahoma;
  scrollbar-base-color:#FF7F00;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#FF7F00;
  scrollbar-darkshadow-color:#f1f1f1;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#f1f1f1;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#f1f1f1;
  margin: 0px;
  background-color: #000;

/*
  scrollbar-DarkShadow-Color:#000000;
  scrollbar-Track-Color:#000000;
  scrollbar-Face-Color:#000000;
  scrollbar-Shadow-Color:#FF7F00;
  scrollbar-Highlight-Color:#FF7F00;
  scrollbar-3dLight-Color:#000000;
  scrollbar-Arrow-Color:#FF7F00;
  */
}

/* XMAS */

#xmas1 {
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 5;
}
#xmas2 {
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 5;
}

/* END XMAS */

#Rahmen {
	width: 900px;
}

#Header {
	background-image: url(images/headerbg.gif);
	background-repeat: no-repeat;
	height: 135px;
}

#MenuTop {
	background-repeat: repeat-x;
	background-image: url(images/menutopbg.gif);
	width: 100%;
	height: 40px;
}
#Footer {
	margin-bottom: 10px;
}
#Footer div {
	margin: 10px 0px 10px 0px;
	background-repeat: repeat-x;
	background-image: url(images/footerbg.jpg);
}
#Footer span {
	font-family:Tahoma;
	font-size:8pt;
	line-height:8pt;
	color:#969696;
}

#MenuTop a, #MenuTop a:link, #MenuTop a:visited, #MenuTop a:hover, #MenuTop a:active {
	color: #e5e5e5;
	height: 26px;
	background-repeat: no-repeat;
	text-decoration:none;
	/* padding: 9px 22px 0px 35px; */
	padding: 9px 7px 0px 35px;
	margin: 0px;
	background-image: url(images/menutopbuttonbg.gif);
	border-bottom: 3px solid #212128;
	display: block;
	float: left;
}
#MenuTop a:hover, #MenuTop a:active {
	/* background-image: url(images/menutopbuttonbghi.gif); */
	border-bottom: 2.5px solid #FF7F00;
	color: #FF7F00;
}
#MenuTop a.first, #MenuTop a.first:link, #MenuTop a.first:visited {
	background-image: url(images/menutopbuttonfirstbg.gif);
	padding-left: 23px;
}
#MenuTop a.first:hover, #MenuTop a.first:active {
	background-image: url(images/menutopbuttonfirstbghi.gif);
	padding-left: 23px;
}

#MenuTopBottom {
	background-repeat: repeat-x;
	background-image: url(images/menutopbottombg.gif);
	width: 100%;
	height: 8px;
	margin-top: 2px;
	margin-bottom: 8px;
	clear: left;
}

#MenuLeft {
	width: 180px;
	padding: 0px 5px 0px 5px;
}

#MenuRight {
	width: 180px;
	padding: 0px 5px 0px 5px;
}

#Content {
	width: 540px;
	padding: 0px 5px 0px 5px;
	color: white;
}

#Line, #LineL, #LineR {
	background-repeat: repeat-y;
	background-image: url(images/linedottedh.gif);
}
#XLine {
	background-repeat: repeat-x;
	background-image: url(images/linedottedv.gif);
}

#MenuLeft div {
	background-image: url(images/menuleftbg.gif);
}

#MenuLeft a, #MenuLeft a:link, #MenuLeft a:visited, #MenuLeft a:hover, #MenuLeft a:active {
	font-family: stan0753, Tahoma;
	display: block;
	border-bottom: 3px solid #000;
	background-image: url(images/menuleftbuttonbg.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 4px 30px;
	text-align: left;
	color: #FF7F00;
}
#MenuLeft div div a, #MenuLeft div div a:link, #MenuLeft div div a:visited, #MenuLeft div div a:hover, #MenuLeft div div a:active {
	background-image: url(images/menuleftbg.gif);
	padding: 4px 3px 4px 8px;
	color: #FAFAFA;
}

#Suche {
	color: #ababab;
}

.suchebox {
	border: 1px solid #fff;
	background-color: #09090b;
	color: #ababab;
	padding-left:2px;
}

.gewinnspiel {
	border: 1px solid #3f4146;
	background-color: #ababab;
	color: #000;
	padding-left:2px;
	width: 200px;
}

#gewinnspiel {
	background-image: url(images/bunny.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


/* Old Styles .... */

.herlogo {
	/*border: 1px dotted #000000;*/
	MARGIN: 3px 0px 3px 3px;
	padding: 0px;
	border: 0px;
}

/* Style for menu */
.bildchen {
	background-image: url(images/menu_bg_item.gif);
	background-repeat: no-repeat;
	width: 390;
	height: 333;
}


#herstellerliste a {
	margin: 5px;
}

A.herstellergroup, A.herstellergroup:link, A.herstellergroup:visited, A.herstellergroup:hover, A.herstellergroup:active {
	DISPLAY: block;
	color: #000000;
	font-weight:bold;
	FONT-SIZE: 11px;
}
A.herstellergroup:hover, A.herstellergroup:active {
	background-color: #ffffff;
}
A.herstellergroupParent, A.herstellergroupParent:link, A.herstellergroupParent:visited {
	color: #ffffff;
	font-weight:bold;
	FONT-SIZE: 11px;
}

#logininfo {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

table.kontakt {
	FONT-SIZE: 12px;
}
th.kontakt {
	background-color : #808080;
	color: #ffffff;
}
td.kontakt {
	background-color : #C0C0C0;
}
A.kontakt, A.kontakt:link, A.kontakt:visited {
	color: #ffffff;
	font-weight:bold;
}
INPUT.kontakt {
	BORDER: #000000 1px solid;
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	LINE-HEIGHT: 10px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #C0C0C0;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 1px 0px 1px 6px;
	width: 150px;
}
TEXTAREA.kontakt {
	BORDER: #000000 1px solid;
	FONT-SIZE: 12px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	LINE-HEIGHT: 10px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #C0C0C0;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 1px 0px 1px 6px;
	width: 150px;
}

table.warenkorb {
	FONT-SIZE: 12px;
}
th.warenkorb {
	background-color : #808080;
	color: #ffffff;
}
td.warenkorb {
	background-color : #C0C0C0;
}
A.warenkorb, A.warenkorb:link, A.warenkorb:visited {
	color: #ffffff;
	font-weight:bold;
}
INPUT.warenkorb {
	BORDER: #000000 1px solid;
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	LINE-HEIGHT: 10px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #C0C0C0;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 1px 0px 1px 6px;
	width: 40px;
}
SELECT.warenkorb {
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	BACKGROUND-COLOR: #C0C0C0;
}

INPUT.adresse {
	BORDER: #000000 1px solid;
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	LINE-HEIGHT: 10px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #C0C0C0;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 1px 0px 1px 6px;
	width: 150px;
}

table.artikel {
	FONT-SIZE: 12px;
}
th.artikel {
	background-color : #808080;
	color: #ffffff;
}
td.artikel {
	background-color : #C0C0C0;
}
A.artikel, A.artikel:link, A.artikel:visited {
	color: #ffffff;
}
A.artikel:hover {
	text-decoration: underline;
}

#aAction1, #aAction2, #aAction3 {
	display:block;
	vertical-align: middle;
	height: 20px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
#aAction1 {
	background-image: url(images/lupe.gif);
}
#aAction2 {
	background-image: url(images/warenkorb.gif);
}
#aAction3 {
	background-image: url(images/billiger.gif);
}

INPUT.search {
	BORDER-RIGHT: #000000 1px;
	BORDER-TOP: #000000 1px;
	FONT-SIZE: 10px;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #000000 1px;
	COLOR: #000000;
	LINE-HEIGHT: 12px;
	BORDER-BOTTOM: #000000 1px;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #ffffff;
	MARGIN: 0px 12px 0px 12px;
	PADDING: 2px 2px 2px 6px;
	width: 137px;
}

INPUT.filterb {
	BORDER: #000000 1px solid;
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #ffffff;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #808080;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 2px 2px 2px 6px;
	width: 120px;
	font-weight: bold;
}
INPUT.filter {
	/*
	FONT-SIZE: 9px;
	VERTICAL-ALIGN: middle;
	COLOR: #000000;
	LINE-HEIGHT: 10px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #C0C0C0;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 2px 2px 2px 6px;
	width: 240px;
	border: 1px solid #3f4146;
	*/
	border: 1px solid #3f4146;
	background-color: #09090b;
	color: #ababab;
	padding-left:2px;
	width: 200px;
}
SELECT.filter {
	background-color: #09090b;
	color: #ababab;
	font-size: 8pt;
	margin-left: 3px;
}


/* menu nur noch fuer admin */


#menu a,#menu a:link,#menu a:visited,#menu a:hover,#menu a:active, #menub a,#menub a:link,#menub a:visited,#menub a:hover,#menub a:active {
	DISPLAY: block;
	FONT-SIZE: 11px;
	MARGIN: 7px 17px 7px 12px;
	PADDING: 2px 2px 2px 6px;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	background-repeat: no-repeat;
}
#menu a:link, #menu a:visited, #menu a {
	color: #FF7F00;
	background-image: url(images/menu_bg_item_grey.gif);
}
#menu a:hover, #menu a:active {
	color: #0066FF;
	background-image: url(images/menu_bg_item_blue.gif);
}