/* Enthaelt Abwaertskomp. 2007/10 */

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

body {
	margin: 0px;
	background-color: #113469;
	background-image: url(/images/bg.jpg); 
	color: #D3E1F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
ol,ul,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #D3E1F1;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #7EA7C7;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #7EA7C7;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #7EA7C7;
}
h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #D3E1F1;
}
b {
	font-weight: bold;
}
small {
	/* wird auch von Exantor genutzt */
	font-size:8pt;
	font-weight:normal;
}
span.nav {
	/* Texte der Formulare im Navigations-Bereich */
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/* Alle Links (bis auf die Navigations-Links */

a {
	font-weight:bold;
	text-decoration:none;
	color:#C8CA02; /* #AEE0FA */
}
a:link {
	text-decoration:none;
	color:#C8CA02;
}
a:visited {
	text-decoration:none;
	color:#C8CA02;
}
a:focus {
	text-decoration:underline;
	color:#FFFFFF;
}
a:active {
	text-decoration:underline;
	color:#FFFFFF;
}
a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

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

#page-top, #page_top {
}
#page-main-nav, #page_main_nav {
	vertical-align: top;
}
#page-main-content, #page_main_content {
	width: 95%;
	padding-top: 20px;
	padding-right: 20px;
	vertical-align: top;
}
#page-main-control, #page_main_control {
	margin-top:35px;
	text-align:right;
	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;
}

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

form {
	margin-top: 0px;
	margin-bottom: 0px;
}
input, select {
	background-color: #C6D3F4;
}
textarea {
	background-color: #C6D3F4;
}

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-style:solid;
	border-width:1px;
	border-color:#555555;
	font-family:Arial,Helvetica;
	font-size:10px;
	background-color:#C6D3F4;
	width:70px;
}
select.nav {
	/* Ausnahme: Formulare im Navigations-Bereich */
	border-style:solid;
	border-width:1px;
	border-color:#555555;
	font-family:Arial,Helvetica;
	font-size:10px;
	background-color:#C6D3F4;
}

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

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

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

/* 1. Tabellen mit Rahmen */

table.boxtab {
	background-color:#000000;
}
th.boxtab {
	font-size:11px;
	font-weight:bold;
	background-image:url(/images/tab_bg_headline.jpg); 
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
td.boxtab {
	color:#E1ECF7;
	background-color:#5B7092;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-highlight, td.boxtab_highlight {
	background-color:#4060BA;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-red {
	/* Als geloescht markierte Zellen */
	background-color: #ECD4D4;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-green {
	/* Als neu hinzugefuegt markierte Zellen */
	background-color: #D4ECD7;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:left;
}
td.boxtab-crop, td.boxtab_crop {
	color: #E1ECF7;
	background-color: #5B7092;
	padding: 0px;
	vertical-align: top;
}
div.boxtab-crop, div.boxtab_crop {
	/* Hinweis: im HTML-Quelltext height angeben! */
	overflow: auto;
	color: #E1ECF7;
	background-color: #5B7092;
	padding: 3px; /* evtl. im HTML-Quelltext dem Attribut 'cellpadding="..."' der Tabelle anpassen */
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}
td.boxtab-options, td.boxtab_options {
	background-color:#2D4A7A;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	text-align:right;
	color:#BFD2EA;
}
select.boxtab-options, select.boxtab_options {
    color:#BFD2EA;
    font-size:8pt;
    font-weight:normal;
    background-color:#2D4A7A;
}

/* 2. Formulare */

.required {
	font-weight:bold;
}
.formmsg {
	font-size:8pt;
	font-weight:normal;
	color:#E1A56F;
}
table.form-err-list {
	/* NEW */
	margin-bottom: 10px;
	background-color: #ff9999;
}
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: #ff9999;
}

/* 3. Tabs */

table.tab-top, table.tab_top {
	/* Umfassende Tabelle der Tab Select */
	margin-bottom: 0px;
	width: 100%;
	border: none;
}
td.tab-top, td.tab_top {
	/* Inaktive Tab Option */
	background: #2D4A7A;
	border: solid 1px #000000;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-over, td.tab_top_over {
	/* Inaktive Tab Option bei MouseOver-Event */
	background: #4D6A9A;
	border: solid 1px #000000;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-active, td.tab_top_active {
	/* Aktive Tab Option */
	background: #5B7092;
	border: solid 1px #000000;
	border-bottom-width: 0px;
	cursor: pointer;
	padding: 5px;
	text-align: center;
}
td.tab-top-remainder, td.tab_top_remainder {
	/* Restlicher Platz neben den Tab Options */
	background: transparent;
	border-bottom: solid 1px #000000;
}
div.tab-content-container, div.tab_content_container {
	/* Umfassender Block des Contents */
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin-top: 0px;
	width: 100%;
	background: #5B7092;
	color: #E1ECF7;
	border: solid 1px #000000;
	border-top: none;
}
div.tab-content, div.tab_content {
	/* Content */
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	background: #5B7092;
	color: #E1ECF7;
}

/* 4. Toolbox (oberhalb von Formularen) */

table.toolbox {
	/* Toolbox */
	margin-bottom:3px;
}
td.toolbox {
	/* Zellen der Toolbox (inkl. der Info-Texte) */
	font-size:11px;
	color:#999999;
}
a.toolbox-button, a.toolbox_button {
	/* Buttons in den Zellen der Toolbox */
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#dddddd;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding-left:5px;
	padding-right:5px;
}
a.toolbox-button:link, a.toolbox_button:link {
	color:#000000;
	text-decoration:none;
}
a.toolbox-button:visited, a.toolbox_button:visited {
	color:#000000;
	text-decoration:none;
}
a.toolbox-button:active, a.toolbox_button:active {
	color:#000000;
	text-decoration:none;
}
a.toolbox-button:hover, a.toolbox_button:hover {
	color:#6666ff;
	background-color:#eeeeee;
	text-decoration:none;
}
a.toolbox-button:focus, a.toolbox_button:focus {
	color:#6666ff;
	background-color:#eeeeee;
	text-decoration:none;
}

/* 5. Spezielle Textbereiche */

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

/* 6. Baum-Darstellung von Ordnern */

table.folder-tree, table.folder_tree {
	/* Baum-Ansicht (definiert durch Software) & Navigations-Bereich */
	width:145px;
}
td.folder-tree, td.folder_tree {
	/* Ordner-Zelle in der Baum-Ansicht (deklariert durch Software) & Navigations-Bereich */
	padding:1px;
	padding-left:12px; text-indent:-12px; /* haengender Einzug wegen img.folder_tree */
}
img.folder-tree, 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, a.folder_tree {
	/* Ordner-Link in der Baum-Ansicht (deklariert durch Software) & Navigations-Bereich */
	font-family:Verdana,Helvetica,Arial;
   font-size:11px;
   font-style:normal;
   font-weight:bold;
	color:#000000;
	text-decoration:none;
}
a.folder-tree:link, a.folder_tree:link {
	color:#000000;
	text-decoration:none;
}
a.folder-tree:visited, a.folder_tree:visited {
	color:#000000;
	text-decoration:none;
}
a.folder-tree:active, a.folder_tree:active {
	color:#FFFFFF;
	text-decoration:underline;
}
a.folder-tree:focus, a.folder_tree:focus {
	color:#FFFFFF;
	text-decoration:underline;
}
a.folder-tree:hover, a.folder_tree:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* 7. Tabellen-Darstellung von Ordnern */

table.folder-tab, table.folder_tab {
	background-color:#000000;
}
td.folder-tab, td.folder_tab {
	color:#E1ECF7;
	background-color:#5B7092;
	padding-left:17px; text-indent:-12px; /* haengender Einzug wegen img.folder_tab */
	padding-right:5px;
	vertical-align:top;
}
img.folder-tab, img.folder_tab {
	/* Icon vor dem Ordner-Namen */
	vertical-align:top;
	padding:0px;
	margin:0px;
	margin-right:4px;
}

/* 8. Private Spans */

span.intern {
	color: #cc9966;
	font-weight: bold;
}
span.sl-info {
	color: #cccc99;
	font-weight: bold;
}

/* ----- SHOP ----- */

/* 1. Shop-Seite */

body.shop {
	background-attachment:fixed;
}

/* 2. Artikel-Listen */

td.altext {
	padding:5px;
	padding-left:0px;
	vertical-align:top;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#4C5D77;
	width:55%;
}
td.alpreview {
	padding:5px;
	padding-left:15px;
	vertical-align:top;
	text-align:center;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#4C5D77;
	width:25%;
}
td.alprice {
	padding:5px;
	padding-left:15px;
	vertical-align:top;
	text-align:right;
	white-space:nowrap;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#4C5D77;
	width:10%;
}
td.alselect {
	padding:5px;
	padding-left:10px;
	padding-right:0px;
	vertical-align:top;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#4C5D77;
	width:10%;
}
