/* ----- BASIS-DEFINITIONEN ----- */

body {
	margin: 0px;
	background-color: #D6D6D6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
}
body.popup {
	background-color:#FFFFFF;
}
ol,ul,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style: normal;
	font-weight:normal;
	text-decoration:none;
}
h1,h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
}
h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
}
b {
	font-weight:bold;
}
small {
	font-size:8pt;
}
pre, tt {
	font-family: "Courier New", "Courier", monospace;
	font-size:12px;
}
a:link, a:visited {
	text-decoration: none;
	color: #0D5883;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #cc6600;
}
p.groupdescr {
	margin-top:25px;
	margin-left:15px;
	font-size:8pt;
	color:#808080;
}


/* ----- BEREICHE AUF DER SEITE ----- */

#page-top {
}
#page-mid {
}
#page-main-nav {
}
#page-main-content {
}
#page-main-i {
}
#page-main-right {
	width: 130px;
	vertical-align: top;
}
#page-main-right-info {
	margin-top:30px;
	margin-right:10px;
}
#page-footer {
}
#page-main-control {
	margin-right: 15px;
	font-size: 12px;
	color: #888888;
}
a.page:link, a.page:visited {
	color: #888888;
	text-decoration: none;
}
a.page:hover, a.page:active, a.page:focus {
	color: #6666ff;
	text-decoration: underline;
}
#page-msg {
	position:fixed; left:0px; top:0px; width:100%; margin:0px; padding:0px; border-bottom:solid 1px #000000; background-color:#FFFF66; color:#000000;
}
#page-msg-c {
	margin:0px; padding:6px 20px 6px 110px;
}

/* Mittlerer Bereich zwischen Top- und Content-Bereich  */

a.mid {
   font-size:8pt;
}

/* Warenkorb-Info-Block (rechts oben) */

td.nav1 {
	background-color:#AFC5D1;
}
td.nav {
	background-color:#CECFDA;
}

/* Rabatt-Tabelle am rechten Rand */

table.discount {
	width: 84px;
	border-width: 1px;
	border-style: solid;
	border-color: #D5D3D3;
	background-color: #F5F8FB;
}
td.discount {
	text-align: left;
	vertical-align: bottom;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
}

/* Zufaellige Produkte (aeussere Tabelle und innere Bloecke) */

table.rndout {
	table-layout: fixed;
	margin-top: 15px;
	padding: 0px;
	border-style: none;
}
td.rndout {
	width: 130px;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: top;
}
.rndin {
	width: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #D5D3D3;
}
.rndinh {
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D3D3;
	background-color: #D5D3D3;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.rndinimg {
	padding: 5px;
	text-align: center;
}
.rndintxt {
	white-space: normal; /* notwendig wg. Bug im IE */
	padding: 5px;
	text-align: center;
	font-size: 9pt;
}
.rndinprice {
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/* XLink-Produkte */

table.xlink {
	margin-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5D3D3;
}
td.xlink {
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D3D3;
	text-align: center;
}

/* Animationen */

#animit {
	position:relative; top:0px; left:0px;
    padding:0px;
    border:solid 1px #999999;
    overflow:hidden;
}
#animit-img {
	position:absolute;
	left:0px;
	top:0px;
}

/* ----- FORMULARE ----- */

form {
	margin-top: 0px;
	margin-bottom: 0px;
}
input, select, textarea {
	background-color: #F5F8FB;
	border-width: 1px;
	border-style: inset;
}
input.checkbox {
	border: none;
	background: transparent;
}
input.radio {
	border: none;
	background: transparent;
}
input.image {
	border: none;
	background: transparent;
}

input.nav {
	/* Ausnahme: Formulare im Navigations-Bereich */
	border-color: #8494A5;
	border-width: 1px;
	border-style: solid;	
	background-color: #F5F8FB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

/* Button mit Grafik und zusaetzlichem Text, z.B. in Produkt-Liste */

button.addit {
	margin: 0px;
	padding: 0px;   /* diese Angabe ist wichtig, da der Button sonst ein Padding erhaelt */
	border: none;
	background: transparent;
	color: #0D5883;   /* gleich a */
	font-size: 8pt;   /* gleich small */
}
button.addit:hover, button.addit:active, button.addit:focus {
	color: #cc6600;   /* gleich a */
	cursor: pointer;
}

/* ----- SEITEN-LINKS ----- */

span.pageno {
	font-weight:bold;
}
a.pageno {
}

/* ----- EXANTOR ----- */

/* 1. Tabellen mit Rahmen */

table.boxtab {
	border-collapse: collapse;
	border-spacing: 1px; /* beim derzeitigen HTML-Code nicht nutzbar */
}
th.boxtab {
	/* Titel-Zeilen von Tabellen (und evt. des Login-/Logout-Blocks in der Nav.) */
	border-bottom: solid 1px #E5E3E3;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #EEEEEE;
	color: #555555;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
td.boxtab {
	border-bottom: solid 1px #E5E3E3;
	padding-left:5px;
	padding-right:5px;
	background-color: #ffffff;
	vertical-align: top;
	text-align: left;
}
td.boxtab-light {
	/* Leicht hervorgehobene Zellen */
	border-bottom: solid 1px #E5E3E3;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F0F0F0;
	vertical-align: top;
	text-align: left;
}
td.boxtab-highlight {
	/* Hervorgehobene Zellen */
	border-bottom: solid 1px #E5E3E3;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f3f4d9;
	vertical-align: top;
	text-align: left;
}
td.boxtab-red {
	/* Als geloescht markierte Zellen */
	background-color: #ECD4D4;
	border-bottom: solid 1px #E5E3E3;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-green {
	/* Als neu hinzugefuegt markierte Zellen */
	background-color: #D4ECD7;
	border-bottom: solid 1px #E5E3E3;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-crop {
	/* Zellen mit Scrollbalken fuer grosse Text-Mengen (1) */
	border-bottom: solid 1px #E5E3E3;
	padding: 0px;
	background-color: #ffffff;
	vertical-align: top;
}
div.boxtab-crop {
	/* Zellen mit Scrollbalken fuer grosse Text-Mengen (2) */
	/* Hinweis: im HTML-Quelltext height angeben! */
	overflow: auto;
	border-bottom: solid 1px #E5E3E3;
	padding: 3px; /* evtl. im HTML-Quelltext dem Attribut 'cellpadding="..."' der Tabelle anpassen */
	padding-left: 5px;
	padding-right: 5px;
	background-color: #ffffff;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
td.boxtab-options {
	/* Einstellungs-Zellen (z.B. Auswahl der Sortierung) */
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f1f1f1;
	color: #555555;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}
select.boxtab-options {
	/* Drop-Down-Menues in Einstellunges-Zellen (z.B. Auswahl der Sortierung) */
	color: #555555;
	font-size: 10px;
}

/* 2. Formulare */

.required {
	font-weight:bold;
}
.formmsg {
	font-size:8pt;
	font-weight:normal;
	color:#D37631;
}
table.form-err-list {
	/* NEW */
	margin-bottom: 10px;
	background-color: #ffeeee;
}
td.form-err-list {
	/* NEW */
	padding: 2px;
	color: #cc0000;
}
td.form-err-list > ul {
	/* NEW */
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 18px;
	color: #cc0000;
}
.form-err-input {
	/* NEW */
	background-color: #ffcccc;
}

/* 3. Tabs */

table.tab-top {
	/* Umfassende Tabelle der Tab Select */
	margin-bottom: 0px;
	width: 100%;
	border: none;
}
td.tab-top {
	/* Inaktive Tab Option */
	background: #bbbbbb;
	border: solid 1px #999999;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-over {
	/* Inaktive Tab Option bei MouseOver-Event */
	background: #dddddd;
	border: solid 1px #999999;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-active {
	/* Aktive Tab Option */
	background: #ffffff;
	border: solid 1px #999999;
	border-bottom-width: 0px;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-remainder {
	/* Restlicher Platz neben den Tab Options */
	background: transparent;
	border-bottom: solid 1px #999999;
}
div.tab-content-container {
	/* Umfassender Block des Contents */
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin-top: 0px;
	width: 100%;
	background: #ffffff;
	border: solid 1px #999999;
	border-top: none;
}
div.tab-content {
	/* Content */
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	background: #ffffff;
}

/* 5. Spezielle Textbereiche */

.new {
	background-color:#FEFFB7;
}
.info {
	font-size:7pt;
	font-weight:normal;
	color:#AAB0B8;
}
.info-box {
	margin-top: 2px;
	border: dotted 1px #dddddd;
	padding: 5px;
}
.inactive {
	color:#888888;
}
p.highlight, div.highlight {
	border: 1px solid #dddddd;
	padding: 10px;
	background-color: #ffeebb;
}
.exantor-icon-inline {
	margin-left:0px;
	margin-right:10px;
}
div.exantor-separator {
	margin:0px;
	text-align:left;
	border-bottom: 1px solid #444444;
	width:100px;
}
.exantor-signature {
	margin-top:15px;
	font-size:12px;
	color:#444444;
}
.exantor-footnotes {
	margin-top:15px;
	font-size:11px;
	color:#444444;
}

/* 6. Baum-Darstellung von Ordnern */

table.folder-tree {
	/* Baum-Ansicht (deklariert durch Software) */
	width:100%;
}
td.folder-tree {
	/* Ordner-Namen in der Baum-Ansicht (deklariert durch Software) */
	padding:1px;
	padding-left:12px; text-indent:-12px; /* haengender Einzug wegen img.folder_tree */
	/* font-family: Verdana, Helvetica, Arial, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#0D5883;
}
img.folder-tree {
	/* Icon vor dem Ordner-Namen in der Baum-Ansicht (deklariert durch Software) */
	vertical-align:top;
	padding:0px;
	margin:0px;
	margin-right:4px;
}
a.folder-tree {
	/* Ordner-Link in der Baum-Ansicht (deklariert durch Software) & Navigations-Bereich */
	text-decoration:none;
	color:#0D5883;
}
a.folder-tree:link {
	text-decoration:none;
	color:#0D5883;
}
a.folder-tree:visited {
	text-decoration:none;
	color:#0D5883;
}
a.folder-tree:active {
	text-decoration:underline;
	color:#cc6600;
}
a.folder-tree:focus {
	text-decoration:underline;
	color:#cc6600;
}
a.folder-tree:hover {
	text-decoration:underline;
	color:#cc6600;
}

/* 7. Tabellen-Darstellung von Ordnern */

table.folder-tab {
}
td.folder-tab {
	background-color: #eeeeee;
	padding: 5px;
	padding-left: 27px; text-indent: -22px; /* haengender Einzug wegen img.folder_tab */
	vertical-align: top;
	font-size: 14px;
}
img.folder-tab {
	/* Icon vor dem Ordner-Namen */
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	margin-right: 4px;
}

/* 8. Private Spans */

/* 9. Buttons */

a.button {
	display: block;
	width: 100px !important;
	height: 20px !important;
	overflow: hidden;
	background-image: url(/images/buttons/universal_out.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
}
a.button:hover {
	background-image: url(/images/buttons/universal_over.gif);
}
input.button, button.button {
	/* margin-top: 15px; */
	width: 100px !important;
	height: 20px !important;
	border: none;
	background-image: url(/images/buttons/universal_out.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
}
input.button-over, button.button-over {
	/* margin-top: 15px; */
	width: 100px !important;
	height: 20px !important;
	border: none;
	background-image: url(/images/buttons/universal_over.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
}

/* 10. Step Bar */

div.sb {
	width: 100%;
	margin: 0px 0px 15px 0px;
	border: solid 1px #CCCCCC;
	padding: 1px 0px 1px 0px;
}
table.sb {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px !important;
	counter-reset:SBCounter;
}
tr.sb {}
td.sb {
	border-left: solid 1px #DDDDDD;
	padding: 1px 2px 1px 2px;
	text-align: center;
	color: #888888;
	font-size: 80%;
	font-weight: normal;
}
td.sb:first-child {
	border-left: none !important;
}
td.sb:before {
	counter-increment:SBCounter;
	content:counter(SBCounter) ". ";
}
tr.sb > td.selected {
	font-size: 100%;
	font-weight: bold;
	background-color: #F0F0F0;
}
tr.sb > td.done:after {
	content:" " url(/images/icons/ok.gif);
}