html, body {
  /* \*/
  height: 100%;
  /* not for IE on Mac */
} 
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	overflow: scroll;
	text-align: center;
	height: 100%;
}
ul {
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 5px 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	bborder: 1px solid Lime;
}
table.content {
   position: relative;
	width: 990px;
	height: 100%;
	margin: 0px;
	background-image: url(images/hg_main.gif);
	background-repeat: repeat-y;
}
th.colheader-main,
th.colheader,
th.colfooter {
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	background-color: #F8ED37;
	border: 1px solid #999999;
	bborder-bottom: 1px solid #999999;
}
th.colfooter {
	border: none;
}
th.colheader-main {
   font-size: 12px;
	background-image: url(images/hg_boxheader.gif);
}
td {
	font-size: 12px;
	bborder: 1px solid Lime;
}
td.column-left {
	width: 195px;
   padding-top: 150px;
   padding-left: 25px;
	vertical-align: top;
	background-image: url(images/hg_column-left.gif);
	bbackground-color: white;
}
td.column-center {
	width: 548px;
   padding-top: 150px;
	vertical-align: top;
	bborder: 1px solid Blue;
}
* html td.column-center {
	padding-top: 150px;
}
td.column-right {
	width: 195px;
   padding-top: 150px;
	padding-right: 25px;
	vertical-align: top;
	background-image: url(images/hg_column-right.gif);
	bbackground-color: white;
}
td.column-wide {
	width: 745px;
   padding-top: 150px;
	padding-right: 25px;
	vertical-align: top;
	bborder: 1px solid Blue;
}
table.formular {
	border-spacing: 0px;
	margin: 10px 0px 10px 0px;
}
table.column-center_table {
   width: 100%;
	border: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
* html table.column-center_table {
	margin: 0px 0px 0px 0px;
}
td.spacer3 {
   padding: 3px 3px 3px 3px;
}
td.artikel {
	padding: 2px;
	bborder-top: 2px solid white;
	border: 1px solid #999999;
	background-color: #F8ED37;
	font-size: 11px;
}
ul {
	list-style: square;
}
#main {
	position: relative;
	text-align: left;
	margin: auto;
	padding: 0px;
	width: 990px;
	height: 100%;
	bbackground-image: url(images/hg_main.gif);
	bbackground-repeat: repeat-y;
	bborder: 1px solid Blue;
}

#header {
	position: absolute;
	top: 0px;
	left: 24px;
	height: 80px;
	width: 942px;
	background-image: url(images/hg_header.gif);
	background-repeat: repeat-x;
	bborder: 1px solid #ff0000;
	display: block;
	z-index: 1;
}
#main-navi {
	position: absolute;
	top: 80px;
	left: 24px;
	height: 30px;
	width: 942px;
	background-image: url(images/hg_boxheader.gif);
	background-repeat: repeat-x;
	z-index: 10;
}
#main-navi .navi-left-spacer {
	margin-left: 200px;
	float: left;
}
* html #main-navi .navi-left-spacer {
	margin-left: 100px;
}
#content-top-line,
#content-top-line-wide {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 110px;
	left: 24px;
	height: 40px;
	width: 942px;
	background-image: url(images/hg_header2.gif);
	background-repeat: repeat-none;
	z-index: 10;
	bborder: 1px solid red;
}
#content-top-line-wide {
	background-image: url(images/hg_header2-wide.gif);
}
#box {
   margin: 0px 0px 10px -1px;
	width: 195px;
	bborder: 1px solid green;
}
#box h1 {
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	ttext-transform: uppercase;
	bborder: 1px solid green;
}
#box .box-header-left,
#box .box-header-right {
	height: 30px;
	background-image: url(images/hg_boxheader.gif);
	background-repeat: repeat-x;	
}
#box .box-header-left {
	border-right: 1px solid #86801E;
}
#box .box-header-right {
	border-left: 1px solid #86801E;
}
#box .box-content-left,
#simpleForm .box-content-left,
#extendedForm .box-content-left,
#box .box-navi {
   width: 164px;
	padding: 15px 15px 5px 15px;
	bborder: 1px solid red;
}
#box .box-content-right {
	width: 188px;
	padding: 5px 5px 5px 5px;
	bborder: 1px solid red;
}
#box .box-navi {
	padding-left: 0px;
	padding-right: 0px;
}
* html #box .box-content-left,
* html #simpleForm .box-content-left,
* html #extendedForm .box-content-left,
* html #box .box-content-right,
* html #box .box-navi {
   width: 194px;
}
#content,
#content-wide {
   width: 490px;
	padding: 0px 20px 10px 10px;
	margin-top: 0px;
   margin-left: 17px;
	background-image: url(images/hg_content.gif);
	bborder: 1px solid green;
}
.content-footer,
.content-footer-wide {
	width: 490px;
	height: 67px;
	padding-left: 10px;
	padding-right: 20px;
	margin-top: 0px;
	margin-left: 17px;
	background-image: url(images/hg_content-footer.gif);
   text-align: right;
}
* html #content,
* html .content-footer {
	width: 520px;
}
#content-wide {
   width: 696px;
	background-image: url(images/hg_content-wide.gif);
	bborder: 1px solid green;
}
.content-footer-wide {
	width: 696px;
	background-image: url(images/hg_content-footer-wide.gif);
}
* html #content-wide,
* html .content-footer-wide {
	width: 726px;
}
#footer {
	margin: 0px;
	margin-left: 23px;
	margin-right: 25px;
	padding-top: 15px;
	padding-bottom: 0px;
	width: 942px;
	height: 28px;
	text-decoration: none;
	background-image: url(images/hg_footer.gif);
	background-repeat: repeat-x;
	text-align: center;
	bborder: 1px solid green;
}
* html #footer {
	height: 43px;
}
#content .headline,
#content h1,
#content-wide h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 1.25em;
	margin: 0px;
	padding: 0px;
}
#content h2 {
   margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
#content h3 {
   margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#content hr {
	height: 1px;
	width: 490px;
	color: #000000;
	background: #000000;
	border: none;
	margin: 0px;
	padding: 0px;
}
#content .mainTextleft,
#content .mainTextjustify,
#content .teaserImageContent {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 1.30em;
	padding-top: 10px;
}
#content .mainTextLeft {
	text-align: left;
}
#content .mainTextJustify {
	text-align: justify;
}
#content .mainTextJustify P {
	margin-top: 0px;
}
#content .teaserImageContent {
	margin: 0px 0px 25px 5px;
}
/****************************************/
/* Styles Artikelliste                  */
/****************************************/
#listblock {
   width: 490px;
	padding: 10px 0px 0px 0px;
	bborder: 1px solid red;
}
#listblock .l_image {
   width: 70px;
	padding: 0px 5px 0px 5px;
	float: left;
	bborder: 1px solid green;
}
* html #listblock .l_image {
	width: 80px;
}
#listblock .l_description {
	width: 250px;
	float: left;
	bborder: 1px solid green;
}
#listblock hr {
	height: 1px;
	width: 100%;
	color: 1px solid #F2F2F2;
	margin: 10px 0px 10px 0px;
	border: none;
	overflow: hidden;
}
#listblock .l_preis {
	width: 150px;
	padding-left: 10px;
	float: left;
	bborder: 1px solid green;
}
* html #listblock .l_preis {
	width: 160px;
}
#listblock .l_preistext {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#listblock .l_zusatztext,
.zusatztext {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
#listblock a {
	text-decoration: underline;
	font-weight: normal;
}
/****************************************/

/****************************************/
/* Styles Detailseite                  */
/****************************************/
#detailblock {
	width: 490px;
	margin-top: 10px;
}
* html #detailblock {
	margin-top: 0px;
}
#detailblock .d_image {
   width: 190px;
	padding: 0px 5px 0px 5px;
	float: left;
	bborder: 1px solid green;
}
* html #detailblock .d_image {
	width: 200px;
}
#detailblock .d_infos {
   width: 280px;
	padding: 0px 5px 0px 5px;
	float: left;
	bborder: 1px solid green;
}
* html #detailblock .d_infos {
	width: 290px;
	float: left;
}
#detailblock a {
	text-decoration: underline;
	font-weight: normal;
}
#InfoBoxContent {
	width: 488px;
	margin-top: 25px;
	border: 1px solid #999999;
	float: none;
}
* html #InfoBoxContent {
	width: 490px;
}
#InfoBoxContent .ibc_header {
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	background-color: #F8ED37;
	border-bottom: 1px solid #999999;
}
#InfoBoxContent .ibc_boxtext {
  padding: 5px 10px 5px 10px;
}
/****************************************/

/****************************************/
/* Styles Teaser auf Start-             */
/* und Kategorieseite                   */
/****************************************/
#TeaserBoxContent {
	width: 230px;
	margin: 6px;
	float: left;
	border: 1px solid #999999;
}
#TeaserBoxContent .tbc_boxHead {
	width: 225px;
	padding: 2px 0px 2px 5px;
	border-bottom: 1px solid #999999;
	background: #fef200;
	font-size: 13px;
	font-weight: bold;
	bbackground-image: url(images/hg_boxheader.gif);
}
* html #TeaserBoxContent .tbc_boxHead {
  width: 230px;
}

#TeaserBoxContent .tbc_image {
	width: 60px;
	margin: 7px;
	float: left;
}

#TeaserBoxContent .tbc_description {
   width: 150px;
	margin: 7px 0px 0px 0px;
	float: left;
	bborder: 1px solid red;
}

#TeaserBoxContent .tbc_preistext {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#TeaserBoxContent .tbc_zusatztext {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
#TeaserBoxContent .tbc_boxfooter {
	width: 226px;
	padding: 2px;
	border-top: 1px solid #999999;
	text-align: right;
	background: #fef200;
}

* html #TeaserBoxContent .tbc_boxfooter {
	width: 230px;
	padding: 2px 0px 0px 2px;
}
/****************************************/

/****************************************/
/* Styles Teaser für News               */
/****************************************/
#NewsTeaserBoxContent {
	width: 465px;
	margin: 6px;
	float: left;
	border: 1px solid #999999;
}
#NewsTeaserBoxContent .ntbc_boxHead {
	width: 460px;
	padding: 2px 0px 2px 5px;
	border-bottom: 1px solid #999999;
	background: #fef200;
	font-size: 13px;
	font-weight: bold;
}
* html #NewsTeaserBoxContent .ntbc_boxHead {
  width: 465px;
}
#NewsTeaserBoxContent .ntbc_image {
	wwidth: 100px;
	margin: 13px 7px 7px 7px;
	padding: 5px;
	bborder: 1px solid #999999;
	float: left;
}
#NewsTeaserBoxContent .ntbc_text {
   wwidth: 350px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	font-weight: normal;
	ffloat: right;
	bborder: 1px solid red;
}
* html #NewsTeaserBoxContent .ntbc_text {
	wwidth: 343px;
}

#NewsTeaserBoxContent a {
	 text-decoration: underline;
}
/****************************************/

/****************************************/
/* Styles Teaser für Kernthemen         */
/****************************************/

#TopicBoxContent {
	width: 190px;
	margin: 10px 10px 20px 10px;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
#TopicBoxContent .tpbc_boxfooter {
	width: 186px;
	padding: 2px;
	border-top: 1px solid #999999;
	text-align: right;
	background: #fef200;
}

* html #TopicBoxContent .tpbc_boxfooter {
	width: 190px;
	padding: 2px 0px 0px 2px;
}
.tpbc_trenner {
	width: 55px;
	height: 10px;
	float: left;
}
/****************************************/

/****************************************/
/* Styles Bestell- / Kontaktformular    */
/****************************************/
form {
	padding: 0px;
	margin: 0px;
}
input, select, textarea {
   height: 20px;
   font-size: 11px;
   background : #ffffff;
}
input.inputField, Textarea.inputField {
	border: 1px solid #1369B1; /* Rahmen */
}
input.inputFieldActive, Textarea.inputFieldActive {
	border: 1px solid red; /* Rahmen */
}
input.buttonok {
	/* Button aus dem Warenkorb für __anzaendern__ */
	margin: 0px;
	padding: 1px;
	border: 1px solid #1369B1; /* Rahmen */
	background-image: url(images/button_ok.gif); /* Bild auf dem Button */
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 20px; /* Breite = Höhe = 15 Pixel */
}
#boxLieferanschrift {
	display: none;
}
#boxSchulanschrift {
	display: none;
}
#boxZahlungsoptionenEltern {
	display: none;
}
/****************************************/

#footer .copyright {
	top: 15px;
	left: 15px;
	width: 167px;
	color: #000000;
	font-size: 11px;
	ffont-weight: bold;
}
.img-win_content {
   width: 370px;
	margin: 10px;
	
	bnborder: 1px solid green;
}
.img-win_content-footer {
	width: 370px;
	height: 20px;
	margin: 10px;
	text-align: right;
	bbackground-color: #F8ED37;
	bborder: 1px solid green;
}

.bottom-line {
   width: 100%;
	height: 1px;
	background-color: #DBD23D;
	color: #DBD23D;
	overflow: hidden;	
}

.none {
  display: none;
}
#min-height {
  /* Footer Hack */
  width: 1px;
  bbackground-color: #ff0000;
  min-height: 100%;
  float: left;
  margin-bottom: -69px;
  overflow: hidden;
  border: 1px solid #ff0000;
}

.bold,
a.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}
.underline {
	text-decoration: underline;
}
.uppercase {
	text-transform: uppercase;
}
.miniwarenkorb {
	font-size: 11px;
}
.yellow {
	background-color: #F8ED37;
}
.red {
	color: #FF0000;
}

a {
   color: #000000;
	ttext-decoration: underline;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #86801E;
}
a.small {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.main-navi,
a.main-navi-active {
	padding-left: 12px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.main-navi-active {
	background-image: url(images/icon_main-active.gif);
	background-repeat: no-repeat;
}
a.main-navi:hover,
a.main-navi-active:hover {
	background-image: url(images/icon_main-active.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #000000;
}
a.menu1,
a.msel1 {
   width: 179px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 15px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	bborder: 1px solid red;
}
* html a.menu1,
* html a.msel1 {
	width: 194px;
}
a.menu1:hover,
a.msel1:hover {
	color: #000000;
   background-color: #DBD23D;
	text-decoration: none;
}
a.msel1 {
   bborder-top: 1px solid #86801E;
	bborder-bottom: 1px solid #86801E;
	background-color: white;
}
a.menu2,
a.msel2 {
   width: 164px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 30px;
	line-height: 20px;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	bborder: 1px solid red;
}
* html a.menu2,
* html a.msel2 {
	width: 194px;
}
a.msel2 {
	bborder-top: 1px solid #86801E;
	bborder-bottom: 1px solid #86801E;
	background-color: white;
}
a.menu2:hover,
a.msel2:hover {
	color: #000000;
   background-color: #DBD23D;
	text-decoration: none;
}

a.menu3,
a.msel3 {
   width: 144px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 50px;
	line-height: 20px;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	bborder: 1px solid red;
}
* html a.menu3,
* html a.msel3 {
	width: 194px;
}
a.msel3 {
	bborder-top: 1px solid #86801E;
	bborder-bottom: 1px solid #86801E;
	background-color: white;
}
a.menu3:hover,
a.msel3:hover {
	color: #000000;
   background-color: #DBD23D;
	text-decoration: none;
}

a.menu4,
a.msel4 {
   width: 164px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 70px;
	line-height: 20px;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	bborder: 1px solid red;
}
* html a.menu4,
* html a.msel4 {
	width: 194px;
}
a.msel4 {
	bborder-top: 1px solid #86801E;
	bborder-bottom: 1px solid #86801E;
	background-color: white;
}
a.menu4:hover,
a.msel4:hover {
	color: #000000;
   background-color: #DBD23D;
	text-decoration: none;
}

a.moreLink {
	color: #7B91C1;
}
a.moreLink:hover {
	color: #003399;
}
a.subnaviActive {
   font-weight: bold;
}
a.link_underline {
	text-decoration: underline;
}
fieldset {
	margin: 0px 0px 0px 0px;
	border: 1px solid #999999;
	padding: 0px 10px 5px 10px;
}
legend {
   font-size: 11px;
   color: #000000;
   text-transform: uppercase;
   font-weight: bold;
   padding-left: 5px;
   padding-right: 5px;
}
a.button {
   padding: 2px 8px 2px 8px;
	color: #ffffff;
	font-weight: bold;
	background-color: #006EB9;
}
a.button:hover {
	color: #7B91C1;
}


.detail-autor {
	color: #000000;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.detail-titel {
	color: #000000;
	line-height: 20px;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.detail-preis {
	color: #000000;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.TextBlau10 {
	color: #003399;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.TextSchwarz11 {
	color: #000000;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/****************************************/
/* Styles Kontaktformular               */
/****************************************/
.TextErrorFeedback {
	font-size: 12px;
	font-weight: bold;
	color: #DA4035;
	text-decoration: none;
	border: 1px solid #DA4035;
	margin-top: 10px;
	padding: 2px 4px 2px 4px;
	background-color: #ffffff;
}
.FrameErrorMarker {
	border-bottom: 2px dotted #DA4035;
	padding: 1px 1px 1px 1px;
}
.ClassErrorMarker_tx {
	background-image: url(/images/icon_pflichtfeld.gif);
}
.ClassErrorMarker_ta {
	background-image: url(/images/icon_pflichtfeld.gif);
}
.ClassErrorMarker_ch {
	background-color: #ff0000;
}
/****************************************/

/****************************************/
/* Styles Print Template                */
/****************************************/
.address {
	margin-left: 20px;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left; 
}
body.left {
		text-align: left;
}
hr.print {
	height: 1px;
	padding: 0px;
	margin: 0px 20px 0px 20px;
	background: #000000;
	color: #000000;
	overflow: hidden;
}
table.print {
	width: 570px;
	margin: 0px 20px 0px 20px;
}
/****************************************/

/****************************************/
/* Styles Shoppilot                     */
/****************************************/
.ws_brackets {
	display: none;
}
.ws_active {
	font-weight: bold;
	font-size: 14px;
	background-color: #DBD23D;
	padding: 0px 3px 0px 3px;
}
/****************************************/