/*
Farben
		a:
			#324691 :	SOS-Blau 
			#9399b2 :	SOS-Blau hell für Link-Hover

		b:
			#c8d7b4 :	SOS-Grün hell (Hover bei HG wei�)
			#ebf4df :	Hellgrüner HG bei Eindruckbereich
			
			###### aktuell verwendet
			
			#E9F2DD :	Hellgrüner HG für Box rechte Spalte
			#41a62a :	SOS-Grün Schriftfarbe für Box rechte Spalte
			#266399 :	Dunkelblau für inaktive Kategorie, Links, Texte
			#6994B7 :	Helles Blau für Link-Hover
			#BD371E :   Rot für aktive Kategorie
			
			######
			
			#c5cee7 :	Aktiver Link in blauer Nax-Box

			#ecf5e7 :	Titel HG-Verlauf helles Grün
			#71BF59 :	Titel HG-Verlauf dunkles Grün
*/

body {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

body.popup {
	text-align: center;
}

div.popup {
	text-align: center;
	background-color: #FFFFFF;
	width: 400px;
	height: 200px;
	position: absolute;
	left: 320px;
	top: 200px;
	visibility: visible;
	border: 1px solid black; 
}

div.popup.startseite {
	height: 259px;
	width: 373px;
	left: 280px;
	top: 250px;
	background-image: url(../grafik/popup_hintergrund.gif);
	background-repeat: no-repeat;
	border: none;
}

div.popup.startseite a.link-close {
	margin: 8px 0 0 20px;
	padding: 0 0 0 13px;
	display: block;
	text-align: left;
	background-image: url(../grafik/popup_link_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #8FAECA;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

div.popup.startseite a.link-close:hover, 
div.popup.startseite a.link-close:active {
	background-image: url(../grafik/link_pfeil_a_hover.gif);
	color: #6994B7;
	text-decoration: none;
}

div.popup.startseite a.link-pfeil-weiss {
	margin-top: 5px;
	padding: 0 0 0 13px;
	display: block;
	text-align: left;
	background-image: url(../grafik/link_pfeil_weiss.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

div.popup.startseite a.link-pfeil-weiss:hover, 
div.popup.startseite a.link-pfeil-weiss:active {
	background-image: url(../grafik/link_pfeil_weiss_hover.gif);
	color: #8FAECA;
	text-decoration: none;
}

div.popup.startseite div.inhalt {
	margin: 90px 20px 0 20px;
	color: #FFFFFF;
	text-align: left;
}

div.popup.startseite div.inhalt2 {
	margin: 7px 20px 0 20px;
	color: white;
	text-align: center;
}

div.popup.startseite div.inhalt div.text-links {
	float: left;
	margin-top: 15px;
	width: 170px;
}

form {
	padding: 0;
	margin: 0;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

#div-lieferadresse {
	display: none;
}


/*** Seitenlayout ***/
div.page {
	width: 950px;
	margin: 0;
}

/*** Kopfbereich mit Logo und Login-Feldern ***/

div.page div.titelbalken {
	height: 163px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	border: none;
}

div.page div.titelbalken-unten {
	margin: 0px;
	padding-top: 5px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../grafik/titel_hg_verlauf.jpg);
	background-repeat: repeat-x;
}

/*** Inhaltsbereich ***/

div.page div.content {
	margin: 0px;
}

div.page div.linke_spalte {
	width: 175px;
	padding: 0;
	margin-top: 15px;
	text-align: left;
	background-color: #266399;
	color: #FFFFFF;
	float: left;
}
	
div.linke_spalte div.menue {
	height: 24px;
	font-weight: bold;
}

div.linke_spalte div.menue div.text, div.menue-inaktiv div.text, div.menue-aktiv div.text {
	padding-left: 10px;
	padding-top: 5px;
	font-weight: bold;
}

div.linke_spalte div.menue-inaktiv {
	height: 24px;
	background-image: url(../grafik/nav_hg_verlauf.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
}

div.linke_spalte div.menue-inaktiv div.text a {
	color: #FFFFFF;
	text-decoration: none;
}

div.linke_spalte div.menue-inaktiv div.text a:hover {
	color: #BD371E;
	text-decoration: none;
}

div.linke_spalte div.menue-aktiv {
	height: 24px;
	background-image: url(../grafik/nav_hg_verlauf_aktiv.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
}
div.linke_spalte div.menue-inaktiv.zweizeilig {
	height: 38px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_geschenk.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-aktiv.zweizeilig {
	height: 38px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_geschenk_aktiv.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-inaktiv.schulstart {
	height: 48px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_schulstart.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-inaktiv.schulstart:hover{
	height: 48px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_schulstart_aktiv.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-inaktiv.schulstart div.text a:hover {
  color: white;
	/*color: #BD371E;
	text-decoration: none;*/
}

.menue_schulstart_text {
  color: #85d426;
}

div.linke_spalte div.menue-inaktiv.wunscherfueller {
	height: 38px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_wunscherfueller.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-inaktiv.wunscherfueller:hover{
	height: 38px;
	font-size: 11px;
	background-image: url(../grafik/nav_hg_link_wunscherfueller_aktiv.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.menue-inaktiv.wunscherfueller div.text a:hover {
  color: red;
}

.menue_wunscherfueller_text {
  color: #fffc56;
}

div.linke_spalte div.punktlinie-oben.inaktiv {
	height: 1px;
	font-size: 0px;
	background-image: url(../grafik/nav_punktlinie_hell.gif);
	background-repeat: repeat-x;
}

div.linke_spalte div.punktlinie-oben.aktiv {
	height: 1px;
	font-size: 0px;
	background-image: url(../grafik/nav_punktlinie_aktiv.gif);
	background-repeat: repeat-x;
}

div.linke_spalte div.punktlinie-unten {
	height: 1px;
	font-size: 0px;
	background-image: url(../grafik/nav_punktlinie_dunkel.gif);
	background-repeat: repeat-x;
}

div.linke_spalte div.abschluss {
	height: 250px;
	background-image: url(../grafik/nav_hg_verlauf_abschluss.jpg);
	background-repeat: repeat-x;
}

div.linke_spalte div.abschluss img {
	padding-top: 120px;;
}

div.page div.mittlere_spalte {
	width: 550px;
	padding: 0;
	margin: 0 0 0 15px;
	text-align:left;
	vertical-align: top;
	float: left;
}

div.mittlere_spalte div.teaser {
	margin: 0 0 10px 0;
	padding: 0;
}

div.rechte_spalte {
	float: right;
	margin-top: 15px;
	width: 195px;
}

div.rechte_spalte div.infoBox {
	margin: 0 0 10px 0;
	padding: 9px 9px 0 9px;
	text-align: left;
	vertical-align: top;
	background-color: #E9F2DD;
	font-size: 11px;
	font-weight: normal;
	color: #41a62a;
}
.infoBox-bild {
	margin: 0;
	text-align: right;
	/* float: right; */
	min-width: 30px;
	max-width: 45px;
}
.infoBox-titel {
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	/* float: left; */
	width: 177px;
}
.infoBox-textHTML {
	padding: 0;
	margin: 0;
	width: 177px;
}
.infoBox-link {
	padding: 0 0 9px 0;
	margin-top: 5px;
	/* clear: both; */
}


/*** Formulare ***/

input.checkbox {
	float: left;
	margin-right: 7px;
}

/*** Allgemeine Formatierungen im Inhaltsbereich ***/

div.text-mit-rahmen {
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #7b8ac4;
	font-size: 11px;
	color: #2E448D;
}

div.text-mit-rahmen p {
	padding-bottom: 5px;
}

div.text-mit-rahmen p.headline {
	font-weight: bold;
}

div.text-mit-rahmen.titel {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}

div.text-mit-rahmen div.fehler {
	margin-left: 0px;
	margin-top: 0px;
}

div.text-links {
	float: left;
	margin-right: 20px;
	max-width: 570px;
}

div.bild-rechts {
	text-align: right;
}

div.text-mit-rahmen table.formular {
	margin-top: 5px;
	margin-left: 22px;
}

div.text-mit-rahmen table.formular td {
	padding-top: 3px;
	padding-right: 10px;
	text-align: left;
}

div.text-mit-rahmen table.formular td.label {
	width: 100px;
}

div.text-mit-rahmen input, div.text-mit-rahmen select {
	border: 1px solid #d9e2ee;
	font-size: 11px;
}

/*** Navigationsbox mit Warenkorb etc. links ***/

div.navbox {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #E9F2DD;
	text-align: left;
	vertical-align: top;
	color: #41a62a;
}

div.navbox div.innen {
	padding: 7px 2px 7px 4px;
}

div.navbox div.innen a {
	margin-top: 2px;
	margin-bottom: 2px;
}

div.nav1 {
	text-align: center;
	font-size: 11px;
	color: #9399b2;
}

.span-nav2 {
	padding: 0;
	margin: 0;
	width: 1%;
	display: inline;
	border: solid 1px black;
}

div.footer {
	/** Footer-Bereich derzeit noch nicht hinterlegt **/
}

.input-text-a {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #324691;
	background-color: white;
	color: #324691;
	font-size: 11px;
}

.input-text-b {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #41a62a;
	background-color: white;
	color: #41a62a;
	font-size: 11px;
}

.input-text-b.readonly {
	border-color: #AAAAAA;
	color: #AAAAAA;
}

div.linie-a-solid {
	padding:0;
	margin:0;
	height: 0px;
	border: none;
	font-size: 0px;
	display: block;
	clear: both;
}
.linie-a-dashed {
	padding:0;
	margin:0;
	width:100%;
	height: 1px;
	background-image: url(../grafik/punktlinie_a.gif);
	background-repeat: repeat-x;
	border: none;
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
}
.linie-b-dashed {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	background-image: url(../grafik/punktlinie_b.gif);
	background-repeat: repeat-x;
	border: none;
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
}
.linie-b-dashed.mit-abstand {
	margin-top: 3px;
	margin-bottom: 3px;
}

.linie-weiss-dashed {
	margin:0 0 0 0;
	padding:0;
	width:100%;
	height: 1px;
	background-image: url(../grafik/punktlinie_weiss.gif);
	background-repeat: repeat-x;
	border: none;
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
}

.fehler {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	color: #f00;
	font-weight: bold;
}

.ok {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	color: #41a62a;
	font-weight: bold;
}


.table-a {
	width: 1%;
	margin: 0 0 6px 0;
	padding: 0;
	border: 1px solid #324691;
	background-color: #fff;
}

.table-a.schmal {
	width: 500px;
}

.table-b {
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #324691;
	background-color: #fff;
}

.table-b.mittlereSpalte {
	width: 545px;
	margin: 0;
}

.table-b.warenkorb {
	margin-bottom: 15px;
}

.tabletext_head {
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #edf2fa;
	color: #445e92;
}

.tabletext_klein {			
	padding: 3px 5px 3px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #fff;
	color: #445e92;
}

.tabletext_klein.label {
	width: 250px;
	text-align: right;
}

.tabletext_klein.nowrap {
	white-space: nowrap;
}

.tabletext_klein select {
	border: 1px solid #d9e2ee;
	font-size: 11px;
}

.tabletext_klein input {
	border: 1px solid #d9e2ee;
	font-size: 11px;
	max-width: 140px;
}
	
.text-a {
	font-size: 11px;
	color: #324691;
	white-space: nowrap;
}

.text-b {
	color: #41a62a;
	white-space: nowrap;
}

div.artikelbild {
	margin: 15px;
	padding-top: 10px;
	background-color: #FFFFFF;
	border: 1px solid #266399;
	text-align: center;
	color: #266399;
}

div.popup div.artikelbild {
	background-color: #d9e2ee;
	padding-bottom: 10px;
}

div.artikelbild div.beschreibung {
	padding: 10px; 
	margin-bottom: 5px;
	text-align: left; 
}

div.artikelbild div.beschreibung div.titel {
	margin-bottom: 5px;
	font-weight: bold;
}

div.artikelbild div.beschreibung div.text {
	margin-bottom: 5px;
}


/******   News   ********************/
.news {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	color: #266399;
}
.news img {
	border: none;
}
.news img.bild-links {
	margin: 10px 13px 10px 0;
	float: left;
}
.news img.bild-rechts {
	margin: 10px 0 13px 13px;
	float: right;
}
.news .text-ohne-rahmen-ohne-bild,
.news .text-mit-rahmen-ohne-bild {
	clear: both;
}
.news .text-ohne-rahmen-ohne-bild,
.news .text-ohne-rahmen-mit-bild, 
.news h1,
.news .h2 {
	padding: 10px 0 10px 0;
}
.news .text-mit-rahmen-mit-bild,
.news .text-mit-rahmen-ohne-bild {
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #266399;
}
.news h1 {
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 20px;
	font-weight: bold;
}
.news .h2 {
	padding-bottom: 2px;
	font-size: 15px;
	font-weight: bold;
}

div.news a:link, div.news a:visited {
	color: #266399;
	text-decoration: none;
}

div.news a:hover, div.news a:active {
	color: #6994B7;
	text-decoration: none;
}

.news a.news-bold-ohne-pfeil,
.news a.news-bold-mit-pfeil {
	font-weight: bold;
}


a.news-normal-mit-pfeil,
a.news-bold-mit-pfeil {
	margin: 0;
	padding: 0 0 0 13px;
	background-image: url(../grafik/link_pfeil_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.news-normal-mit-pfeil:hover, 
a.news-normal-mit-pfeil:active,
a.news-bold-mit-pfeil:hover, 
a.news-bold-mit-pfeil:active {
	margin: 0;
	padding: 0 0 0 13px;
	background-image: url(../grafik/link_pfeil_a_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


/******  Anmeldung, wird auch für Gutschein verwendet   ********************/

div.anmeldung {
	margin-top: 10px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	color: #324691;
}

div.anmeldung div.fehler, div.anmeldung div.ok {
	text-align: left; 
	margin: 10px 0 10px 0;
}

div.anmeldung div.fehler div.passwort-vergessen {
	padding: 10px 0 0 0;
}

div.anmeldung div.text-mit-rahmen {
	margin-bottom: 20px;
	border: 1px solid #324691;
}

div.anmeldung div.text-mit-rahmen div.titel {
	font-size: 14px;
	font-weight: bold;
}

div.anmeldung div.text-mit-rahmen form {
	margin-top: 3px;
	margin-bottom: 3px;
}

.anmeldung .text-mit-rahmen form button {
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #324691;
	background-color: white;
	color: #324691;
	font-size: 11px;
}

.anmeldung .text-mit-rahmen form button.readonly {
	border-color: #AAAAAA;
	color: #AAAAAA;
}
	
div.anmeldung div.text-mit-rahmen form button.button-b {
	margin-top: 10px;
	border: none;
}

div.anmeldung div.text-mit-rahmen a:link, div.anmeldung div.text-mit-rahmen a:visited {
	padding: 0 0 0 13px;
	margin-left: 10px;
	background-image: url(../grafik/link_pfeil_a.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #266399;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

/*******   Ende Anmeldung *****************/


/*******   Abschnitt für Kunden mit Sonderkonditionen, eingeblendet über Artikelwahl  ********/

div.einleitung {
	margin: 5px 0 15px 0;	
	padding: 10px;
	color: #324691;
	border: solid #324691 1px;
}

div.einleitung div.logo {
	text-align: right;
	margin-bottom: 15px;
}

div.einleitung div.text {
	display: block;
	text-align: left;
}

.td-but-stdtext {
	padding: 3px 0 0 5px;
	vertical-align: top;
}


.eingabebereich {
	margin:0;
	padding:0;
	border: solid 1px #41a62a;
	background-color: #ebf4df;
	font-size: 11px;
	color: #41a62a;
	text-align: left;
	vertical-align: top;
}

.text-box-a {
	margin: 0 0 6px 0;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #324691;
	background-color: white;
	font-size: 11px;
	color: #324691;
	white-space: nowrap;
}

/*** Eindruckfenster ****************/

td.eindruck {
	vertical-align: top;
	text-align: left;
}

td.eindruck.vorschau {
	padding: 0 0 0 10px;
}

div.eindruck {
	margin: 0 0 6px 0;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #41a62a;
	background-color: #ebf4df;
	font-size: 11px;
	color: #41a62a;
}

.eindruck-ohne-rahmen {
	margin: 0 0 6px 0;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: top;
	border: none;
	background-color: #ebf4df;
	font-size: 11px;
	color: #41a62a;
	white-space: nowrap;
}

.templatewahl {
	margin: 0 0 0 0;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: top;
	border: none;
	background-color: #41a62a;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
}

.eindruck img.inaktiv {
	margin: 0 2px 0 2px;
	padding: 3px;
}
.eindruck img.aktiv {
	margin: 0 2px 0 2px;
	padding: 2px;
	border: solid 1px #41a62a;
}

.element {
	margin: 0 0 6px 0;
	padding: 3px 5px 3px 5px;
	border: none;
	text-align: left;
	vertical-align: top;
	/*border-bottom: solid 1px #41a62a;*/
	background-color: #ebf4df;
	font-size: 11px;
	color: #41a62a;
	white-space: nowrap;
}

.kundenlogo.bild {
	padding: 10px 15px 0 0;
	vertical-align: bottom;
}

.kundenlogo.dateiname {
	padding: 0 15px 10px 0;
	vertical-align: bottom;
}

.edit-prop {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.feprop-label {
	font-size: 9px;
}
.feprop-s {
	font-size: 10px;
}

.feprop-select {
	font-size: 9px;
	border: 1px solid #41a62a;
	background-color: #ebf4df;
}

.feprop-text-rahmen {
	padding: 2px;
	font-size: 10px;
	border: 1px solid #41a62a;
	background-color: #ebf4df;
}

.eingabebereich textarea {
	border: 1px solid #41a62a;
}

.feprop-button-up {
	width: 20px;
	height: 17px;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	border: 1px solid #41a62a;
	background-color: #fff;
	cursor: pointer;
	cursor: hand;
}

.feprop-button-down {
	width: 20px;
	height: 17px;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	border: 1px solid #41a62a;
	background-color: #d2d9e6;
	cursor: pointer;
	cursor: hand;
}


.button-a {
	padding: 0;
	margin: 0;
	height: 34px;
	border: none;
	display: inline;
	vertical-align: top;
	text-align: left;
	background-color: white;
	cursor: pointer;
	cursor: hand;
}
.button-b {
	padding: 0;
	margin: 0;
	height: 24px;
	border: none;
	display: inline;
	vertical-align: top;
	text-align: left;
	background-color: white;
	cursor: pointer;
	cursor: hand;
}

.button-b-hg-gruen {
	padding: 0;
	margin: 0;
	height: 24px;
	border: none;
	display: inline;
	vertical-align: top;
	text-align: left;
	background-color: #ebf4df;
	cursor: pointer;
	cursor: hand;
}

.button-c {
	padding:3px 4px 3px 4px;
	background-color: #fff;
	border: 1px solid #7b8ac3;
	color: #445e92;
	font-weight: normal;
	font-size: 12px;
}

.button-d {
	background-color: #445e92;
	border: none;
	color: #fff;
	font-weight: normal;
	font-size: 9px;
}

.button-e {
	margin: 0px 10px 0px 0;
	padding: 2px 10px 2px 10px;
	background-color: #fff;
	color: #445E92;
	font-weight: normal;
	font-size: 9px;
}

.button-f {
	padding:3px 4px 3px 4px;
	border: none;
	background-color: #fff;
}

/******   Button a, verlinkt   ******/
.button-a-verlinkt-li, .button-a-verlinkt-mi, .button-a-verlinkt-re {
	padding: 0;
	margin: 0;
	height:32px;
	vertical-align: top;
}
.button-a-verlinkt-li {
	width: 9px;
	background-image: url(../grafik/button_a_verlinkt_li.jpg);
	background-repeat: no-repeat;
}
.button-a-verlinkt-mi {
	padding-top: 2px;
	background-image: url(../grafik/button_a_verlinkt_mi.jpg);
	background-repeat: repeat-x;
	text-align: left;
	color: white;
	font-size: 13px;
	font-weight: bold;
}
.button-a-verlinkt-re {
	width: 15px;
	background-image: url(../grafik/button_a_verlinkt_re.jpg);
	background-repeat: no-repeat;
}

/******   Button a, verlinkt, hover   ******/
.button-a-verlinkt-hover-li, .button-a-verlinkt-hover-mi, .button-a-verlinkt-hover-re {
	padding: 0;
	margin: 0;
	height:32px;
	vertical-align: top;
}
.button-a-verlinkt-hover-li {
	width: 9px;
	background-image: url(../grafik/button_a_verlinkt_hover_li.jpg);
	background-repeat: no-repeat;
}
.button-a-verlinkt-hover-mi {
	padding-top: 2px;
	background-image: url(../grafik/button_a_verlinkt_hover_mi.jpg);
	background-repeat: repeat-x;
	text-align: left;
	color: white;
	font-size: 13px;
	font-weight: bold;
}
.button-a-verlinkt-hover-re {
	width: 15px;
	background-image: url(../grafik/button_a_verlinkt_hover_re.jpg);
	background-repeat: no-repeat;
}

/******   Button a, statisch   ******/
.button-a-statisch-li, .button-a-statisch-mi, .button-a-statisch-re {
	padding: 0;
	margin: 0;
	height:32px;
	vertical-align: top;
}
.button-a-statisch-li {
	width: 9px;
	background-image: url(../grafik/button_a_statisch_li.jpg);
	background-repeat: no-repeat;
}
.button-a-statisch-mi {
	padding-top: 2px;
	background-image: url(../grafik/button_a_statisch_mi.jpg);
	background-repeat: repeat-x;
	text-align: left;
	color: #324691;
	font-size: 13px;
	font-weight: bold;
}
.button-a-statisch-re {
	width: 15px;
	background-image: url(../grafik/button_a_statisch_re.jpg);
	background-repeat: no-repeat;
}

/******   Button b, verlinkt   ******/
.button-b-verlinkt-li, .button-b-verlinkt-mi, .button-b-verlinkt-re {
	padding: 0;
	margin: 0;
	height:23px;
	vertical-align: top;
}
.button-b-verlinkt-li {
	width: 9px;
	background-image: url(../grafik/button_b_verlinkt_li.jpg);
	background-repeat: no-repeat;
}
.button-b-verlinkt-mi {
	padding-top: 1px;
	background-image: url(../grafik/button_b_verlinkt_mi.jpg);
	background-repeat: repeat-x;
	text-align: left;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.button-b-verlinkt-re {
	width: 14px;
	background-image: url(../grafik/button_b_verlinkt_re.jpg);
	background-repeat: no-repeat;
}


/******   Artikelbox   ******/

td.artikelbox {
	width: 150px;
	padding: 0;
	margin: 0;
	background-color: white;
	color: #266399;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #266399;
}

td.artikelbox div.titel {
	padding: 4px;
	text-align: center;
	font-weight: bold;
	height: 30px;
}

.artikelbox .text {
	padding: 8px 0px 8px 6px;
	white-space: nowrap;
}

.artikelbox .bild {
	padding: 5px;
	height: 155px;
	text-align: center;
	vertical-align: top;
}

.a-pfeil-statisch {
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	background-image: url(../grafik/link_pfeil_weiss_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #c5cee7;
	font-weight: bold;
	text-decoration: none;
}

.b-pfeil-statisch {
	margin: 0;
	padding: 0 0 0 13px;
	display: block;
	background-image: url(../grafik/link_pfeil_b_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #c8d7b4;
	font-weight: bold;
	text-decoration: none;
}

/******   Navbox a   ******/
/* (blau hinterlegte Navigationsbox) */

div.navbox-a {
	width: 155px;
	padding: 0;
	margin-bottom: 10px;
	background-color: #5974b9;
	color: white;
	font-size: 11px;
	text-align: left;
}
div.navbox-a div.aktiv {
	background-color: #455E9B;
	background-image: url(../grafik/nav_pfeil_aktiv.gif);
	background-repeat: no-repeat;
	background-position: 139px 7px;
}
div.navbox-a div.inaktiv {
	background-color: #324691;
	background-image: url(../grafik/nav_pfeil_inaktiv.gif);
	background-repeat: no-repeat;
	background-position: 139px 7px;
}

div.navbox-a div.aktiv div.text-bold, div.navbox-a div.inaktiv div.text-bold, div.navbox-a div.inaktiv div.text-bold a {
	padding: 0;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.navbox-a-pfeil-statisch {
	margin: 0;
	padding: 0 2px 4px 21px;
	display: block;
	background-image: url(../grafik/link_pfeil_weiss_hover.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	color: #c5cee7;
	font-weight: bold;
	text-decoration: none;
}
.navbox-a-pfeil-verlinkt {
	clear: both;
	padding: 0 2px 4px 6px;
}

.rootline {
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #324691;
}

/* *********************************************** */

a:link, a:visited {
	color: #41a62a;
	text-decoration: underline;
}
a:hover, a:active {
	color: #c8d7b4;
}

a.statisch:link, a.statisch:visited, a.statisch:hover, a.statisch:active{
	color: #c5cee7;
	font-weight: bold;
	text-decoration: none;
}

a.templatewahl:link, a.templatewahl:visited {
	color: #c8d7b4;
	font-weight: bold;
	text-decoration: underline;
}
a.templatewahl:hover, a.templatewahl:active {
	text-weight: bold;
	color: #fff;
}

a.nav1 {
	font-size: 11px;
	color: #266399;
	text-decoration: none;
}
a.nav1:hover, a.nav1:active {
	color: #6994B7;
}


a.link-weiss-pfeil:link,
a.link-weiss-pfeil:visited,
a.link-weiss-pfeil-fett:link,
a.link-weiss-pfeil-fett:visited {
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	background-image: url(../grafik/link_pfeil_weiss.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-decoration: none;
}
a.link-weiss-pfeil:hover, 
a.link-weiss-pfeil:active,
a.link-weiss-pfeil-fett:hover, 
a.link-weiss-pfeil-fett:active {
	background-image: url(../grafik/link_pfeil_weiss_hover.gif);
	color: #c5cee7;
	text-decoration: none;
}
a.link-weiss-pfeil-fett:link,
a.link-weiss-pfeil-fett:visited,
a.link-weiss-pfeil-fett:hover, 
a.link-weiss-pfeil-fett:active {
	font-weight: bold;
}


a.link-a-pfeil:link, 
a.link-a-pfeil:visited {
	padding: 0 0 0 13px;
	display: block;
	background-image: url(../grafik/link_pfeil_a.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #266399;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

a.link-a-pfeil:hover, 
a.link-a-pfeil:active {
	background-image: url(../grafik/link_pfeil_a_hover.gif);
	color: #6994B7;
	text-decoration: none;
}

a.link-a-pfeil.fett:link,
a.link-a-pfeil.fett:visited,
a.link-a-pfeil.fett:hover, 
a.link-a-pfeil.fett:active {
	font-weight: bold;
}

a.link-b-pfeil:link,
a.link-b-pfeil:visited, 
a.link-b-pfeil-fett:link,
a.link-b-pfeil-fett:visited {
	margin: 0;
	padding: 0 0 0 13px;
	display: block;
	background-image: url(../grafik/link_pfeil_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 11px;
	color: #41a62a;
	font-weight: normal;
	text-decoration: none;
}
a.link-b-pfeil:hover, 
a.link-b-pfeil:active,
a.link-b-pfeil-fett:hover, 
a.link-b-pfeil-fett:active {
	background-image: url(../grafik/link_pfeil_b_hover.gif);
	color: #c8d7b4;
	text-decoration: none;
}
a.link-b-pfeil-fett:link,
a.link-b-pfeil-fett:visited,
a.link-b-pfeil-fett:hover, 
a.link-b-pfeil-fett:active {
	font-weight: bold;
}