body {
	background-color: #5a7a92;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	height:100%;
	scrollbar-arrow-color: #546069;
	scrollbarBaseColor: #c1c9d1;
	scrollbar-track-color: #d6dde3;
	scrollbar-face-color: #c1c9d1;
	scrollbar-3dlight-color: #c1c9d1;
	scrollbar-darkshadow-color: #c1c9d1;
	scrollbar-shadow-color: #7c8b98;
}


.contentborder {
	border: 0px solid #FFFFFF;
}
.navbar {
	background-attachment: scroll;
	background-image: url('/pic/canisius_13.jpg');
	background-repeat: repeat-x;
	background-position: left top;
}
.contentbg {
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url('/pic/canisius_30.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
}
.quicklinkbg {
	background-color: #FDE3D3;
	padding-top: 20px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 20px;
}
.quicklinkbg_print {
	background-color: #FFF9F6;
}
.footerbg {
	background-attachment: scroll;
	background-image: url('/pic/canisius_dyn_52.jpg');
	background-repeat: no-repeat;
	background-position: top;
}
.footer_left {
	padding-top: 12px;
	padding-left: 25px;
}
.footer_right {
	padding-top: 12px;
	text-align: right;
	padding-right: 25px;
}
.text_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97A3B3;
}
.text_hell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E0E3E9;
}
.padding_top {
	padding-top: 1px;
}
.printofficebg {
	background-color: #FDE3D3;
	padding-top: 0px;
	padding-left: 0px;
}
.shadowleft {
	background-attachment: scroll;
	background-image: url('/pic/canisius_dyn_38.jpg');
	background-repeat: repeat-y;
	background-position: right;
}
.shadowright {
	background-attachment: scroll;
	background-image: url('/pic/canisius_dyn_39.jpg');
	background-repeat: repeat-y;
	background-position: left;
}
.verlauf_bg1 {
	background-attachment: scroll;
	background-image: url('/pic/verlauf_45.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}
.verlauf_bg2 {
	background-attachment: scroll;
	background-image: url('/pic/verlauf_54.jpg');
	background-repeat: repeat-x;
}
.bg_bottom {
	background-color: #475c6b;
}
.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 168px;
	border: 1px solid #C3C4CE;
	padding-left: 4px;
	vertical-align:middle;
}

/* ************************************** */
/* Statische Font-Classes                 */
/* ************************************** */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

/* ************************************** */
/* Paragraph-Classes Generell             */
/* ************************************** */

p {
	margin: 0px;
}

/* ************************************** */
/* Listen-Classes Generell                */
/* ************************************** */

ul {
	margin: 9px 0px 9px 0px;
	padding: 0;
}

li {
	list-style-type: none;
	list-style-position: outside;
	background-image: url(/pic/list/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	padding-left: 13px;
}

/* ********************** */
/* Search-Classes	      */
/* ********************** */

.searchresult {
	background-color:#FFFBAA;
}
 
/* ********************** */
/* Langswitch-Classes     */
/* ********************** */

.nav_inactive {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;	
}
.nav_active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CFD7E0;
	text-decoration: none;
}
a.nav_active:link, a.nav_active:visited, a.nav_active:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CFD7E0;
	text-decoration: none;
}
a.nav_active:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: underline;
}

/* ********************** */
/* Formular-Classes	  */
/* ********************** */

.form_table {
	margin-top:10px;
}
.form_tr {
}
.form_td_label {
	padding-bottom: 2px;
	padding-right:10px;
}
.form_td_value {
	padding-bottom: 2px;
}
.form_td_comment {
	padding-bottom: 2px;
}
.form_td_buttons {
	padding-bottom: 2px;
}
.form_checkbox {
	padding-bottom: 2px;
}
.form_radio {
	padding-bottom: 2px;
}

.form_textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 400px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.login_textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 220px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.form_textboxsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 30px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.form_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C80;
	background-color: #FFFFFF;
	height: 20px;
	width: 220px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.form_dropdown_product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C80;
	background-color: #FFFFFF;
	height: 20px;
	width: 400px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.form_dropdown_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C80;
	background-color: #FFFFFF;
	height: 20px;
	width: 220px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}
.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 90px;
	width: 400px;
	padding-top: 2px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	resize:none;
}
.form_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #b1b4b5;
	height: 20px;
	width: 120px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}
.form_button_inactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D8DADA;
	background-color: #b1b4b5;
	height: 20px;
	width: 120px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8A9193;
	height: 20px;
	width: 100px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}
.button_inactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D8DADA;
	background-color: #8A9193;
	height: 20px;
	width: 100px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}
.button_autowidth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8A9193;
	height: 20px;
	width: auto;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
	padding-right: 9px;
	padding-left: 9px;
}
.form_delimiter {
	height:1px;
	background-image:url('/pic/form/form_delimiter.gif');
	background-repeat:repeat-x;
}
.form_delpadding {
	height:18px;
}

/* ********************** */
/* Printoffice-Classes    */
/* ********************** */

.print_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6C80;
	background-color: #FFFFFF;
	height: 20px;
	width: auto;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}

.print_couponbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 150px;
	padding-left: 4px;
	border: 1px solid #C3C4CE;
	vertical-align:middle;
}

.print_container_table {
	width: 219px;
	border-bottom: solid 1px #FFFFFF;
}

.print_container_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #54575B;
	background-color: #FDDCC8;
	font-weight: bold;
	height: 20px;
	vertical-align:middle;
	padding-left: 13px;
	padding-right: 13px;
}

.print_container_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #54575B;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 8px;
}
.print_container_text_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #54575B;
	padding-top: 2px;
	padding-left: 1px;
	padding-bottom: 2px;
}
.print_container_textfield {
	padding-left: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.print_container_titlebutton {
	background-color: #FDDCC8;
	vertical-align: middle;
}
.print_container_textbutton {
	background-color: #FEF3ED;
	padding-top: 8px;
	padding-bottom: 8px;
}

.print_picsmall {
	margin: 3px 10px 2px 0px;
	border: none;
}

.print_product_table {
	width: 100%;
	border: 0px solid #5C6678;
}

.print_productlisttable {
	width: 100%;
	border: 0px solid #5C6678;
}

.print_categorylisttable{
	width: 100%;
	border: 0px solid #5C6678;
}

.print_baskettable {
	width: 100%;
	border: 0px solid #5C6678;
}

.print_logintextbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 186px;;
	border: 1px solid #C3C4CE;
	padding-left: 4px;
	vertical-align:middle;
}
.print_dataformats {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 100px;
	border: 1px solid #C3C4CE;
	margin-right: 5px;
}
a.print_nav_active:link, a.print_nav_active:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f19068;
	text-decoration:underline;
	font-weight:bold;
	line-height:17px;
}
a.print_nav_active:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f19068;
	text-decoration:underline;
	font-weight:bold;
	line-height:17px;
}
a.print_nav_active:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f19068;
	text-decoration:underline;
	font-weight:bold;
	line-height:17px;
}
a.print_nav_inactive:link, a.print_nav_inactive:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #70767C;
	text-decoration:none;
	font-weight:bold;
	line-height:17px;
}
a.print_nav_inactive:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f19068;
	text-decoration:none;
	font-weight:bold;
	line-height:17px;
}
a.print_nav_inactive:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f19068;
	text-decoration:underline;
	font-weight:bold;
	line-height:17px;
}

.print_invoicepreview {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	color: #000000;
}

.print_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #b1b4b5;
	height: 20px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}

.print_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #C3C4CE;
	padding-left: 4px;
	padding-top: 2px;
	resize:none;
}

.print_button_ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1AA621;
	height: 20px;
	width: 100px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}

.print_button_nok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CE140B;
	height: 20px;
	width: 100px;
	cursor:pointer;
	border: 1px solid #FFFFFF;
	vertical-align:middle;
	padding-bottom: 1px;
}

/* ********************** */
/* Printoffice-Steps Classes    */
/* ********************** */

.print_step_table {
}
.print_step_inactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	border: 2px solid #FFFFFF;
}
.print_step_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC33;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	border: 2px solid #FFFFFF;
}
.print_step_line {
	vertical-align: middle;
	height: 40px;
	width: 11px;
	background-image:url('/pic/form/form_delimiter.gif');
	background-repeat:repeat-x;
	background-position:center;
}

/* ********************** */
/* FAQ-Classes	  */
/* ********************** */

.faq_textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 214px;
	border: 1px solid #C3C4CE;
	padding-left: 4px;
	vertical-align:middle;
}

/* Layout helpers (FIX)
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* FAQ Container CSS
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(/pic/jquery/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(/pic/jquery/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #cccccc;
	background: #ffffff url(/pic/jquery/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	outline: none;
}
/* BG Answer Container */
.ui-widget-content { 
	border: 1px solid #dddddd;
	background: #eeeeee url(/pic/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
}
.ui-state-hover a, .ui-state-hover a:hover {
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(/pic/jquery/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
	background-image: url(/pic/jquery/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/pic/jquery/ui-icons_ffffff_256x240.png);
}
/* Icons Template FAQ default */
.ui-state-default .ui-icon {
	background-image: url(/pic/jquery/ui-icons_a1a1a1_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(/pic/jquery/ui-icons_a1a1a1_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/pic/jquery/ui-icons_a1a1a1_256x240.png);
}
/* Icons FAQ end */

/* Icon Auswahl (Position) */
/* Icon FAQ closed -32px -16px */
.ui-icon-triangle-1-e { background-position: -48px -208px; }
/* Icon FAQ open -48px -16px */
.ui-icon-triangle-1-s { background-position: -64px -208px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
	background: #666666 url(/pic/jquery/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .50;
	filter:Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url(/pic/jquery/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .20;
	filter:Alpha(Opacity=20);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Accordion
----------------------------------*/
/* FAQ Classes - Added by RHA */
.ui-accordion .ui-accordion-header {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
	display: inline;
}
.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
	display: block;
	padding: .5em .5em .5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: 2px; top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 10px;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}
.ui-accordion .ui-accordion-content-active {
	display: block;
}

/* ********************** */
/* List-Classes           */
/* ********************** */

.list_table {
}
.list_header {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6b6e72;
}
.list_row1 {
	/*background-color:#E6E6E6;*/
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: dotted 1px #6b6e72;
}
.list_row2 {
	/*background-color:#DADADA;*/
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: dotted 1px #6b6e72;
}
.searchbox_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA6B5;
	background-color: #FFFFFF;
	height: 18px;
	width: 150px;
	border: 1px solid #C3C4CE;
	padding-left: 4px;
	vertical-align:middle;
}

