@import url('fonts.css');
@import url('drumtainer.css');

body {
	background-color: #ffffff;
	margin: 0 0 24px 0;
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

h1 {
	font-family: "Frutiger Next Pro 45 Light", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal !important;
	line-height: 33px;
	color: #333333;
	margin: 10px 0 15px;
}

h2 {
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	line-height: 24px;
	color: #333333;
	margin: 10px 0 20px;
}


h3 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #f58b00;
	background-color: #fdeecc;
	padding: 10px;
	border-radius: 4px;
}

h4 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #333;
	background-color: #d2e2ff;
	padding: 11px 16px;
	margin: 24px 0 0;
}

h5 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin: 0 0 20px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #CEA9DA;
	margin: 1px;
	padding: 5px;
}

.errortext {
	color: red;
}


table {

	padding: 0px;
	margin: 0px;
	border: 0px;
}

tbody {
	z-index: 1000;
}


/* basic settings for table cell */

td {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
}

img {
	vertical-align: middle;
}

td.right {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

td.center {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

.tdcenter {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

.tdarticledescription {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	padding: 1px;
	margin: 0px;
}


.tdcenter2 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}

.tdcenter2 img {
	vertical-align: middle;
}

.tdcenterimage {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-left: 0px;
}

.tdright {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

/* basic settings for table cell */

.function_blue {
	color: #FFFFFF;
	background-color: #000099;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* blue line on top and blue footer */

td.blue {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	padding: 0px;
	background-color: #000099;
	border-bottom: 4px #FFFFFF solid;
	border-top: 4px #FFFFFF solid;
}

td.blue_top {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
	padding: 0px;
	background-color: #000099;
	border-bottom: 4px #FFFFFF solid;
	border-top: 4px #FFFFFF solid;
}

/* Standard Paragraph */

p {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px
}

/* Variante */

p.variante {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	color: #000099;
	margin-top: 0px;
	margin-bottom: 5px
}

/* Position line on top */

p.position {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	color: #000099;
	margin-bottom: 5px
}

/* Miniheads within page / Blue line */

p.minihead {
	font-weight: bold;
	color: #000099;
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px #000099 solid;
}

/* Miniheads within page on top of block / blue line */

p.minihead_top {
	font-weight: bold;
	color: #000099;
	padding-bottom: 3px;
	border-bottom: 1px #000099 solid;
}


/* Head for boxes on the right */

p.boxhead {
	font-weight: bold;
	border-bottom: 1px #000099 solid;
	padding-bottom: 3px;
}

p.boxhead_neg {
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
	color: #ffffff;
	padding-bottom: 3px;
}

/* Head for first box on the right */

p.boxhead_top {
	font-weight: bold;
	border-bottom: 1px #000000 solid;
	padding-bottom: 3px;
}


td.content {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #ffffff;
}

/* left navigation menu / first level */

td.menu_left {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px #ffffff solid;
	background: #CCDDFF;
	vertical-align: top;
}

td.menu_left_bottom {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px #ffffff solid;
	background: #CCDDFF;
	vertical-align: bottom;
}

/* left navigation menu / second level */

td.menu_left_sub {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 0px;
	background: #CCDDFF;
	border-top: 1px solid #ffffff;
	margin: 0px;
	vertical-align: top;
}

td.menu_left_sub_second {
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 2px;
	background: #CCDDFF;
	border-top: 1px solid #ffffff;
	margin: 0px;
	vertical-align: top;
	z-index: 1000;
}

td.menu_left_sub_third {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 2px;
	background: #CCDDFF;
	border-top: 0px none;
	margin: 0px;
	vertical-align: top;
	z-index: 1000
}

/* article table row with line */

td.article_line {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px #000099 solid;
}

/* article table row without line */

td.article {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	font-weight: normal;
	line-height: 13px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.article_line_left {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px #000099 solid;
}

/* article table row without line */

td.article_left {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	font-weight: normal;
	line-height: 13px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* headlines within article table (article group) */

td.article_line_head {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000099;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #0000CC solid;
}

td.menu_right {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #e4e4e4;
	border-top: 1px #ffffff solid;
}

/* right menus with 3 backgrounds */

td.menu_right_grey {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #E4E4E4;
}

td.menu_right_blue {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #CCDDFF;
}

td.menu_right_groupblue {
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #E0E7F1;
}

td.menu_right_groupbrown {
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #D1C1B2;
}

td.menu_right_groupgreen {
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #D1D1B2;
}

td.menu_right_transparent {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
}

td.produkt {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #E4E4E4;
}

td.caption {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
}


a {
	color: #002f87;
	text-decoration: none;
}

.arecipient {
	color: #002f87;
	text-decoration: none;
}

.arecipient:hover {
	text-decoration: underline;
}

a.product {
	color: #000000;
}

a.black {
	color: #000000;
}

a.menu_black {
	color: #000000;
	padding-top: 2px;
}

a.menu_black_third {
	color: #000000;
	z-index: 1000;
}

a.blue {
	color: #000099;
}

.white {
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

.submit:hover {
	text-decoration: none;
}

/* Main Headline */

p.head {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #000099;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	margin-right: 30px;
	margin-bottom: 18px;
}

input[type="text"], input[type="password"] {
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #000;
	border: 1px solid #ccc !important;
	-webkit-border-radius: 0;
	width: 400px;
	height: 40px;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	padding: 10px;
	outline: 0;
	box-sizing: border-box;
	margin-right: 10px;
}

input[type="text"] + div, input[type="password"] + div {
	margin-top: 5px;
}


input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus {
	color: #333;
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #009bdf;
	padding: 9px;
}

input.radio {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	border: none;
}

input.checkbox {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	background: #FFFFFF;
	margin-bottom: 5px;
	border: none;
}

input.number {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 9px;
	line-height: 10px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background: #CCDDFF;
	border: 1px solid #4f4f4f;
}


input.content {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background: #e4e4e4;
	margin-bottom: 5px;
	border: 1px solid #4f4f4f;
}

.contentinputint {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	vertical-align: middle;
	color: #000000;
	background: #ffffff;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;

}


.contentinputint2 {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	vertical-align: middle;
	color: #000000;
	background: #ffffff;
	margin-bottom: 5px;
	border-bottom: 2px solid #EFEFEF;
	border-right: 2px solid #EFEFEF;

}

input.submit, a.submit, input.next, input[type="submit"], button {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	cursor: pointer !important;
	text-align: center !important;
	width: auto !important;
	color: #fff !important;
	border: 2px solid #002f87 !important;
	background-color: #002f87 !important;
	padding: 9px 24px !important;
	outline: none;
}

input.cancel, input[type="reset"], .button {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	text-align: center;
	width: auto;
	color: #002f87 !important;
	border: 2px solid #002f87 !important;
	background-color: white !important;
	padding: 9px 22px;
	margin: 0;
}


.button {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	text-align: center;
	width: auto;
	color: #000000;
	border-color: #aaa;
	background-color: #eee;
}

select.content {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background: #e4e4e4;
	margin-bottom: 5px;
	border: 1px solid #4f4f4f;
}

textarea.content {
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background: #e4e4e4;
	margin-bottom: 5px;
	border: 1px solid #4f4f4f;
}

textarea {
	box-sizing: border-box;
	font-family: Verdana, Arial, Helvetica, SanSerif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
	color: #858585;
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	border: none;
	padding: 10px;
	outline: 0;
	width: 400px;
}

textarea + div {
	margin-top: 5px;
}



select, .select {
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #333;
	background: white;
	z-index: 10;
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	width: 400px;
	height: 40px;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-image: url(../arrow_down.png);
	background-position: right 15px bottom 15px;
	background-repeat: no-repeat;
	padding: 10px;
	margin-right: 10px;
}

#filters {
	display: inline-block;
}

.customselect {
	position: relative;
	display: inline-block;

}

.select {
	width: 200px;
	height: 20px;
	cursor: pointer;
}

.options {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	list-style-type: none;
	border: 2px solid #f5f5f5;
	width: 216px;
	margin: 0;
	padding: 0;
	background: white;
	z-index: 10;
	cursor: pointer;
}

.options li {
	display: block;
	padding: 10px;
}

.options li:hover {
	background: #f5f5f5;
	text-decoration: none;
}

select + div {
	margin-top: 5px;
}

img.content {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 4px;
}

img.list {
	margin-bottom: 10px;
	margin-top: 7px;
	border: 0px none;
}

img.inline {
	margin-top: 5px;
}

img.list_v {
	margin-bottom: 10px;
	margin-top: 4px;
	border: 0px none;
}

div.menu {
	display: none;
	visibility: hidden;
	position: relative;
	z-index: 1000;
}

.menu_div_primary {
	position: relative;
	visibility: hidden;
	display: none;
}

.menu_div_secondary {
	position: absolute;
	visibility: hidden;
	display: none;
	left: 135px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	z-index: 1000;
}

.menu_div_secondary_top {
	position: absolute;
	visibility: hidden;
	display: none;
	top: 115px;
	left: 135px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	z-index: 1000;
}

div.Produktinfo {
	z-index: 500;
	visibility: hidden;
	display: none;
	position: relative;
	text-align: right;
}

.welcome {
	font-family: Verdana, sans-serif;
	font-size: 25pt;
	font-weight: bold;
	color: #000099
}


/* TAB-Menu */

#header {
	FONT-SIZE: 100%;
	BACKGROUND: url(../tabmenu/bg.gif) #d0d0d0 repeat-x 50% bottom;
	FLOAT: left;
	CLEAR: left;
	WIDTH: 100%;
	LINE-HEIGHT: normal
}

#header2 {
	FONT-SIZE: 100%;
	BACKGROUND: url(../tabmenu/bg.gif) #d0d0d0 repeat-x 50% bottom;
	FLOAT: right;
	WIDTH: 100%;
	LINE-HEIGHT: normal
}

#header4 {
	FONT-SIZE: 100%;
	BACKGROUND: url(../tabmenu/bg.gif) #d0d0d0 repeat-x 50% bottom;
	FLOAT: right;
	WIDTH: 199%;
	LINE-HEIGHT: normal
}

#header2 UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
	LIST-STYLE-TYPE: none
}

#header2 LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../tabmenu/left.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

#header2 A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../tabmenu/right.gif) no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 4px;
	COLOR: #000000;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none
}

#header2 A {
	FLOAT: none
}

#header2 A:hover {
	COLOR: #000000
}

#header2 #current {
	BACKGROUND-IMAGE: url(../tabmenu/left_on.gif)
}

#header2 #current A {
	BACKGROUND-IMAGE: url(../tabmenu/right_on.gif);
	PADDING-BOTTOM: 5px;
	COLOR: #000000
}


#header UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
	LIST-STYLE-TYPE: none
}

#header LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../tabmenu/left.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

#header A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../tabmenu/right.gif) no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 4px;
	COLOR: #000000;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none
}

#header A {
	FLOAT: none
}

#header A:hover {
	COLOR: #000000
}

#header #current {
	BACKGROUND-IMAGE: url(../tabmenu/left_on.gif)
}

#header #current A {
	BACKGROUND-IMAGE: url(../tabmenu/right_on.gif);
	PADDING-BOTTOM: 5px;
	COLOR: #000000
}


#calendarDiv {
	position: absolute;
	width: 205px;
	border: 1px solid #336699;
	padding: 1px;
	background-color: #FFF;
	font-family: arial;
	font-size: 10px;
	padding-bottom: 20px;
	visibility: hidden;
}

#calendarDiv span, #calendarDiv img {
	float: left;
}

#calendarDiv .selectBox, #calendarDiv .selectBoxOver {

	line-height: 12px;
	padding: 1px;
	cursor: pointer;
	padding-left: 2px;
}

#calendarDiv td {
	padding: 3px;
	margin: 0px;
	font-size: 10px;
}

#calendarDiv .selectBox {
	border: 1px solid #E2EBED;
	color: #E2EBED;
	position: relative;
}

#calendarDiv .selectBoxOver {
	border: 1px solid #FFF;
	background-color: #336699;
	color: #FFF;
	position: relative;
}

#calendarDiv .topBar {
	height: 16px;
	padding: 2px;
	background-color: #336699;


}

#calendarDiv .activeDay {
	color: #FF0000;
}

#calendarDiv .todaysDate {
	height: 17px;
	line-height: 17px;
	padding: 2px;
	background-color: #E2EBED;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 201px;
}

#calendarDiv .monthYearPicker {
	background-color: #E2EBED;
	border: 1px solid #AAAAAA;
	position: absolute;
	color: #336699;
	left: 0px;
	top: 15px;
	z-index: 1000;
	display: none;

}

#calendarDiv #monthSelect {
	width: 70px;
}

#calendarDiv .monthYearPicker div {
	float: none;
	clear: both;
	padding: 1px;
	margin: 1px;
	cursor: pointer;
}

#calendarDiv .monthYearActive {
	background-color: #336699;
	color: #E2EBED;
}

#calendarDiv td {
	text-align: right;
	cursor: pointer;
}

#calendarDiv .topBar img {
	cursor: pointer;
}

#calendarDiv .topBar div {
	float: left;
	margin-right: 1px;
}


.errormessage {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #993300;
	background-color: #FFFFCC;
	margin: 1px;
	padding: 1px;
	width: 99%;
	border: thin solid #EFEFE7;
}


/* GRID Anfang */

  /*

  -------------- Scrolling Grid --------------------------- */
.tableWidget_headerCell, .tableWigdet_headerCellOver, .tableWigdet_headerCellDown { /* General rules for both standard column header and mouse on header of sortable columns */
	cursor: pointer;
	border-bottom: 3px solid #C5C2B2;
	border-right: 1px solid #ACA899;
	border-left: 1px solid #FFF;
	background-color: #ECE9D8;

}

#dg_tdid {
	font-size: 11px;
	padding: 3px;
	overflow: -moz-scrollbars-vertical;
	width: 100px;
	word-wrap: break-word;

}

.tableWidget_headerCell { /* Standard column header */
	border-top: 2px solid #ECE9D8;

}

.tableWigdet_headerCellOver { /* Rollover on sortable column header */
	border-top: 2px solid #FFC83C;
}

.tableWidget tbody .tableWidget_dataRollOver { /* Rollover style on mouse over (Data) */
	background-color: #FFF; /* No mouseover color in this example - specify another color if you want this */
}

.tableWigdet_headerCellDown {
	border-top: 2px solid #FFC83C;
	background-color: #DBD8C5;
	border-left: 1px solid #ACA899;
	border-right: 1px solid #FFF;
}

.tableWidget td {
	margin: 0px;
	padding: 2px;
	border-bottom: 1px solid #EAE9E1; /* Border bottom of table data cells */

}

.tableWidget tbody {
	background-color: #FFF;


}

.tableWidget {
	font-family: arial;
	font-size: 12px;
	width: 400px;
}

/* End layout CSS */


div.widget_tableDiv {
	border: 1px solid #ACA899;
	/*height: 200px;*/
	overflow: auto;
	overflow-y: auto;
	overflow: -moz-scrollbars-vertical;
}


.tableWidget thead {
	position: relative;

}

.tableWidget thead tr {
	position: relative;
	top: 0px;
	bottom: 0px;
}


/* GRID ENDE */

/*DIVS*/
#div_admin_menu {
	width: 174px;
	height: 700px;
	float: left;
	background: #ffffff;
	z-index: 10;
}

#div_admin_menu td:first-child {
	display: none;
}

#div_admin_menu img {
	margin-left: -28px;
	margin-right: 8px;
	position: relative;
	top: -1px;
	left: 1px;
	width: 24px;
	flex-shrink: 0;
}

#div_admin_menu a {
	display: flex;
	align-items: center;
	width: 113px;
	line-height: 16px;
}

#div_admin_menu td {
	background: #f5f5f5 !important;
	padding: 15px 10px 15px 45px;
	color: #002f87;
	position: relative;
	left: -5px;
}

#div_admin_menu td[nowrap] {
	white-space: normal;
}

#div_admin_menu td a:hover {
	color: #009bdf;
	text-decoration: none;
}

#div_admin_menu nobr {
	white-space: normal;
}

#div_admin_content {
	margin-left: 10px;
}

#div_admin_content:not(.orderform) .indent {
	margin-left: 0;
}

#testdiv {
	position: absolute;
	left: 49px;
	top: 05px;
	width: 10000px;
	height: 500px;
	background: #ffffCC;
	z-index: 100000;
}

#div_grid_content {
	position: absolute;
	left: 150px;
	top: 70px;
	float: left;
}

/*
.divwithborder {
	margin-left: 10px;
	margin-top: 5px;
	width: 800px;
	border-style: solid;
	border-width: 2px;
	border-color: #CCDDFF;
	BACKGROUND: url(../icons/verlauf_grau.jpg) #ffffff repeat-x;
}
*/


.mytableheaderwithverlauf {

	font-style: normal;
	font-weight: bold;
	font-variant: normal;

	border-style: solid;
	border-width: 2px;
	border-color: #CCDDFF;
	BACKGROUND: url(../icons/verlauf_grau2.jpg) #ffffff repeat-x;
}

.headerschmuckdiv {
	height: 48px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	width: auto;
	color: #333;
	background-color: #f5f5f5;
	vertical-align: middle;
}

.headerschmuckdiv > td {
	border-bottom: 2px solid #009bdf;
}

.headerschmuckdivfont {
	font-family: "Frutiger Next Pro 45 Light", Arial, Helvetica, sans-serif !important;
	color: #333 !important;
	vertical-align: middle;
	font-size: 14px;
	text-align: right;
	text-transform: uppercase;
}

.headerschmuckdivfont > div {
	width: 972px;
	margin-top: 5px;
}

.headerschmuckdivfont strong {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.headerschmuckdivfont .arecipient {
	margin-left: 40px;
}

.headerschmuckdivfont .arecipient img {
	position: relative;
	top: -4px;
	margin-right: 5px;
}

/*
.headerschmuckdivstarseite {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 12px;
	width: auto;
	height: 20px;
	border-top: medium none #000099;
	border-right: thin none #000099;
	border-bottom: thin solid #000099;
	border-left: thin none #000099;
	color: #ffffff;
	background-color: #808080;
	vertical-align: middle
}
 */

/*
.kleinbuchstaben {
	background-color: #CCDDFF;
	vertical-align: middle;
	font-variant: normal;
	text-transform: lowercase;
	letter-spacing: 6px;
	word-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
 */

/*divs ende */

.boldblackunderlined {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.boldblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}

.boldRedunderlined {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}


/* Bestellunge */
.orderdiv, .divwithborder {
	border: 4px solid #d2e2ff;
	border-top: none;
	background-color: white !important;
	width: 797px;
}

.orderdiv {
	margin-top: 20px;
}

.orderdiv .headline {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	background: #d2e2ff;
}

.orderdiv .headline table {
	float: right;
	width: auto !important;
	margin: 10px 15px 0;
}

.orderdiv .headline table td {
	padding-left: 20px;
}

.orderdiv h4 {
	margin: 0;
}

.orderdiv .links {
	width: 100%;
	padding: 0 15px;
}

.orderdiv .links table td {
	padding-right: 30px;
}

.orderdiv .delete {
	text-align: right;
}

.orderdiv .content {
	padding: 6px 15px 20px;
}

.divwithborder > table {
	padding: 6px 15px 26px;
	width: 100%;
}

.orderdiv .content td,
.divwithborder > table td {
	padding-bottom: 12px;
}

.orderdiv .content td:first-child,
.divwithborder > table td:first-child {
	width: 192px;
}

.orderdiv .content td:nth-child(2) {
	width: 292px;
}

.orderdiv > table td b,
.divwithborder > table td b {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.orderhead {
	border-top: 4px solid #d2e2ff;
	padding: 5px 20px 20px;
	width: 100%;
}

.orderhead b {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.orderhead .v-top {
	padding-top: 15px;
}

.orderhead h2 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	margin: 15px 0 0;
}

.orderhead td:nth-child(2) {
	width: 430px;
}

#orderhead-toggle {
	display: inline-block;
	margin-bottom: 15px;
}

#shopping_cart {
	margin-bottom: 20px;
}

#shopping_cart_totalprice {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	margin-bottom: 16px;
	border-bottom: 1px solid black;
	padding: 16px 0;
}

.clear {
	clear: both;
}

/*
#rightColumn {
	width: 844px;
	float: left;

	height: 600px;
	overflow-y: auto;
}
*/

#myproducts {
	margin: 10px;

	width: 150px;
	float: left;

	height: 500px;
	overflow-y: auto;

}


/* ende Bestellungen 






/* tooltipp*/
#mainContainer {
	width: 630px;
	border-left: 1px solid #317082;
	border-right: 1px solid #317082;
	margin: 0 auto; /* Center align content, equivalent to margin-left:auto;margin-right:auto; */
	text-align: left; /* Override inherited text-align:center from the body tag */
	background-color: #FFF;
	height: 100%;
}

#menuColumn {
	width: 160px;
	float: left;
	padding: 5px;
	font-size: 0.9em;
}

#mainContent {
	width: 440px;
	float: left;
}

.oddRow {
	background-color: #FFF;
}

.evenRow {
	background-color: #EEE;
}

.productTable {
	border: 3px double #000;
}

h3 {
	margin-top: 0px;
}


/* End css for the demo */

/* CSS needed for the script */

#ajax_tooltipObj {
	z-index: 1000000;
	text-align: left;
}

#ajax_tooltipObj div {
	position: relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow { /* Left div for the small arrow */
	background-image: url('../images/arrow.gif');
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center left;
	z-index: 1000005;
	height: 60px;
}

#ajax_tooltipObj .ajax_tooltip_content {
	border: 2px solid #317082; /* Border width */
	left: 18px; /* Same as border thickness */
	top: 0px;
	position: absolute;
	width: 150px; /* Width of tooltip content */
	height: 200px; /* Height of tooltip content */
	background-color: #FFF; /* Background color */
	padding: 5px; /* Space between border and content */
	font-size: 0.8em; /* Font size of content */
	overflow: auto; /* Hide overflow content */
	z-index: 1000001;
}

#contentcenter,
#notice,
#search_ordernumber,
#search_orderdate,
#add_articles,
.details_routing {
	width: 700px;
	position: fixed;
	left: 50%;
	top: 160px;
	background: #fff;
	margin-left: -350px;
	z-index: 1;
}

#add_articles {
	width: 1100px;
	margin-left: -550px;
}

#add_articles .modal-content {
	width: auto;
}

#add_articles .wrapper {
	height: 300px;
	overflow: auto;
	margin-bottom: 20px;
}

.add-articles {
	max-width: 1045px;
}

#error-selection {
	display: none;
}

#notice {
	display: none;
	top: 100px;
}


#booking_div {
	width: 700px;
	position: absolute;
	left: 50%;
	top: 260px;
	background: #fff;
	margin-left: -350px;
	border-bottom: 3px solid #104A7B;
	border-right: 3px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top: 1px solid #AFC4D5;
}

#contentcenter2 {

	width: 700px;
	position: absolute;
	left: 50%;
	top: 260px;
	background: #fff;
	margin-left: -350px;
}

#contentcenter3 {

	width: 230px;
	position: absolute;
	left: 50%;
	top: 260px;
	BACKGROUND: url(../icons/verlauf_grau.jpg) #ffffff repeat-x;
	margin-left: -350px;
	border-bottom: 3px solid #104A7B;
	border-right: 3px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top: 1px solid #AFC4D5;
}


#contentcenter4 {
	width: 400px;
	position: absolute;
	left: 50%;
	top: 260px;
	margin-left: -200px;
	background: white;
}

/*tootip ende */


.specialh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background-color: #EFEFEF;
	margin: 1px;
	padding: 5px;

	border-top: thin none #000099;
	border-right: thin none #000099;
	border-bottom: thin solid #000099;
	border-left: thin none #000099;

}


/* --- menu styles ---*/

.mXPtable {
	background-color: white;
	z-index: 10000;
	box-shadow: 3px 5px 5px #ccc;
}

.mXPtable td {
	vertical-align: middle;
}

.mXPtable2 {
	z-index: 10000;
}

.mXPtable2 td, .mXPtable2 table {
	width: auto;
}

.mXPtable2 > tbody > tr > td {
	padding-right: 30px;
	padding-top: 12px;
}


.mXPmouto {
	z-index: 10000;
}

.mXPmouto td {
	position: relative;
	color: #002f87;
	vertical-align: baseline;
}

.mXPmouto td:empty {
	display: none;
}

.mXPmouto td.a0:after {
	position: absolute;
	top: 6px;
	right: -10px;
	content: "";
	width: 11px;
	height: 8px;
	background: url(../arrow_down.png);
	background-repeat: no-repeat;
}

.a0 {
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	vertical-align: middle;
}

.a1 {
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	vertical-align: middle;
}

p, tr, td, ul, li {
	color: #000000;
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.intd {
	color: #000000;
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 15px;
}

.btn {
	color: #000066;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 13px;
	background: #D6E7EF;
	border-bottom: 1px solid #104A7B;
	border-right: 1px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top: 1px solid #AFC4D5;
	text-decoration: none;
	cursor: pointer;

}

.a3 {
	background-image: url(start.png);
	background-position: left;
	background-repeat: no-repeat;
	cursor: default;
}

/*--------------------- HILFE -------------------------------------------*/

#dhtmlgoodies_leftPanel { /* Styling the help panel */

	background-color: #3c94c8;
	color: #FFF;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

	/* You shouldn't change these 5 options unless you need to */
	height: 100%;
	left: 0px;
	z-index: 1330;
	position: absolute;
	display: none;
	overflow-y: auto;
}

#dhtmlgoodies_leftPanel #leftPanelContent {
	padding: 0px;
}

#dhtmlgoodies_leftPanel .closeLink {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #FFF;
	position: absolute;
	top: 2px;
	right: 2px;
	border: 1px solid #000;
	color: #000;
	font-size: 0.8em;
}

#dhtmlgoodies_leftPanel .closeLink:hover {
	color: #FFF;
	background-color: #000;
}


/*-------------------- HILFE ENDE --------------------------------------*/

div#wrapper {
	float: left;
	width: 100%
}

div#navigation {
	float: left;
	width: 180px;
	margin-left: -100%;
	border: 1px solid silver;
	padding-left: 6px;
	overflow-x: auto;
	overflow: auto;
}

div#content {
	margin-left: 200px;

}

/* Rote Messagebox */
.round-a-error {
	background: #CC0000;
	color: #FFFFFF;
	text-align: center;
}

.round-a-error div {
	background: #CC0000;
	padding: 4px;
}

div.lb {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: url('../images/screen.png');
}

div.lb:target {
	display: block;
}

#uploadRecipientWrapper {
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.distributorRequestTable td:first-child {
	width: 54px;
}

.divwithborder_bill {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	border-color: #000099;
	padding: 5px;
}

.desiArtReqTA {
	width: 100%;
	height: 70px;
	resize: none;
}

.desiArtReqLb {
	width: 150px;
	padding-right: 3px;
	text-align: right;
}

.mlyrh td {
	background: transparent;
}

.mXPtable > tbody > tr > td {
	border-bottom: 1px solid #eaeaea;
}

.mXPtable > tbody > tr > td > div {
	width: auto !important;
	height: auto !important;
}

.mXPtable .mlyrh table {
	background: transparent;
}

.mXPtable .mlyrh img {
	 width: 10px;
}

.mXPtable .mlyrh img[src*="/arr.gif"] {
	width: auto !important;
}

.mXPtable .mlyrh > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:first-child {
	position: relative;
	left: -1px;
	border-left: 5px solid #009bdf;
}

.mXPtable div > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td,
.mXPtable .mlyrh > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td,
.mXPtable .mlyri a {
	padding: 15px 0;
}

.mXPtable > tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > td:last-child,
.mXPtable .mlyrh > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:last-child {
	padding-right: 8px;
}

.mXPtable .mlyri a {
	position: relative;
	top: 12px;
}

#homp_menu {
	margin-bottom: 11px;
	width: 100%;
}

#homp_menu .logo {
	width: 250px;
}

#homp_menu .logo img {
	margin-left: 32px;
}

#homp_menu #nav {
	width: 995px;
}

#homp_menu #nav td > .mlyrh:not([id*="_"]) {
	top: 62px !important;
}

#homp_menu > tbody > tr > td > table > tbody > tr > td {
	float: right;
}

#homp_menu td {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #002f87;
}

.form th {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #d2e2ff;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #474747;
	padding-left: 12px;
	color: #333;
	height: 40px;
	white-space: nowrap;
}

.form td {
	height: 55px;
	vertical-align: middle !important;
}

.form td.v-top {
	vertical-align: top !important;
	padding-top: 10px;
}

.form.condensed td, .condensed td {
	height: auto;
	padding: 12px 0;
}

.condensed tr:first-child td {
	padding-top: 6px;
}

.form.narrow td {
	height: 40px;
}

.form td:first-child {
	width: 180px;
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	vertical-align: top !important;
}

.form td:first-child:before, td.movedown:before {
	content: '';
	margin-top: 16px;
	display: block;
}

.form.narrow td:first-child:before {
	margin-top: 11px;
}

.form td table td:first-child:before {
	margin-top: 0 !important;
}

.form td table {
	margin-top: 12px;
}

.form.autowidth td:first-child, .autowidth td:first-child {
	width: auto;
}

.form table.special-radio td:first-child {
	width: auto;
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
}

.form > tbody > tr > td:first-child b {
	padding-right: 5px;
}

#orders, #rebook-orders {
	margin-left: 12px;
}

#orders .errormessage,
#rebook-orders .errormessage,
#create-prescription .errormessage {
	margin-left: 0;
}

#create-prescription .errormessage {
	margin-top: 24px;
}

#orders form[name="statistik"] {
	margin: 0 0 40px 0;
}

#orders form[name="statistik"] td {
	vertical-align: middle;
}

img[src*="calendar_button.gif"] {
	position: relative;
	left: 5px;
	top: -3px;
}

/* custom checkboxes and radio buttons */
input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label:before {
	width: 20px;
	height: 20px;
	background-image: url("../icons/checkbox_unchecked.png");
	background-size: 20px;
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
}

input[type="checkbox"] + label.spacing:before {
	margin-top: 8px;
	margin-right: 20px;
}

input[style="visibility:hidden"] + label:before {
	background-image: none;
}

input#selectalldelete + label:before {
	margin-top: -4px;
}

input[type="checkbox"]:checked + label:before {
	background-image: url("../icons/checkbox_checked.png");
}

input[type="checkbox"]:disabled + label:before {
	background-image: url("../icons/checkbox_disabled_unchecked.png");
}

input[type="checkbox"]:checked:disabled + label:before {
	background-image: url("../icons/checkbox_disabled.png");
}

input[type="radio"] {
	display: none;
}

input[type="radio"] + label {
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 15px;
}

input[type="radio"] + label:before {
	width: 20px;
	height: 20px;
	background-image: url("../icons/radio_unchecked.png");
	background-size: 20px;
	background-repeat: no-repeat;
	display: block;
	content: "";
	float: left;
	position: relative;
	top: -4px;
	margin-right: 5px;
}

input[type="radio"]:checked + label:before {
	background-image: url("../icons/radio_checked.png");
}

input[type="radio"].advanced_search_distributor {
    display: inline;
}

.special-radio td {
	height: auto;
	line-height: 18px;
}

.special-radio label {
	white-space: nowrap;
	top: 1px !important;
}

.special-radio label:before{
	position: relative !important;
	top: -2px !important;
}


.radioselection input[type="submit"] {
	margin-right: 110px;
}

.radioselection a {
	font-size: 14px;
	margin-right: 24px;
}

td.radioselection  {
	position: relative;
	top: -6px;
	padding-right: 24px;
}

td.radioselection input[type="radio"] + label {
	top: 9px;
	margin-right: 0;
}

/* OK */
.indent {
	margin-left: 192px;
	max-width: 1015px;
}

tr.v-middle td, td.v-middle {
	vertical-align: middle;
}

tr.formrow {
	height: 40px;
}

input.narrow {
	width: 65px;
	height: 33px;
	margin: 8px 0;
}

input.medium {
	width: 150px;
}

select.medium {
	width: 180px;
}

td input.narrow {
	margin: 0;
}

select.narrow {
	width: 120px;
}


/* !!! derzeit identisch mit h3 weiter oben (bis auf Farbe) !!! */
.errormessage {
	display: inline-block;
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #f58b00;
	background-color: #fdeecc;
	padding: 10px 10px 7px 10px ;
	border-radius: 4px;
	margin-bottom: 24px;
}

.errormessage img {
	float: left;
	margin-right: 7px;
}

.data-table {
	border-collapse: collapse;
	clear: both;
	width: 100%;
}

.data-table th {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: white;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #474747;
	padding-left: 12px;
	padding-right: 5px;
	color: #333;
	height: 40px;
	white-space: nowrap;
}

.data-table td a {
	display: flex;
	align-items: center;
	float: left;
}

.data-table th a {
	color: #333;
}

.data-table td {
	border: 1px solid #d6d6d6;
	padding: 6px 12px 8px;
	vertical-align: middle;
}

.data-table tr:nth-child(2n+1) {
	background: #f9f9f9;
}

.data-table td:first-child {
	border-left: 0;
}

.data-table table td {
	border: 0;
	background: transparent;
	padding: 0 0 2px 0;
}

.data-table .sorting:after,
.data-table .sorting_asc:after,
.data-table .sorting_desc:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 13px;
	margin-left: 15px;
}

.data-table .sorting:after {
	background: url(../images/sort_both.png) no-repeat;
}

.data-table .sorting_asc:after {
	background: url(../images/sort_asc.png) no-repeat;
}

.data-table .sorting_desc:after {
	background: url(../images/sort_desc.png) no-repeat;
}

.dataTables_wrapper td {
	border-right: 0 !important;
}

.dataTables_wrapper td.selectBox,
.dataTables_wrapper td.deleteBox,
.dataTables_wrapper td.inhouseCopyBox {
	padding: 5px 0 3px 5px !important;
}

.dataTables_wrapper td.addBox {
	padding: 5px 5px 3px 10px !important;
}


#ajaxGrid_advanced_basket td:first-child {
	padding: 3px 3px 3px 8px;
}

table.search {
	margin-bottom: 20px;
}

.modal {
	box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
}

.ui-dialog {
	position: absolute !important;
}

.modal-headline, .ui-dialog-titlebar {
	background: #009bdf;
	color: white;
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 16px 10px 16px 30px;
}

.modal-close {
	float: right;
	margin-right: 10px;
}

.modal-content {
	width: 100%;
	padding: 10px 20px 20px;
}

.modal-content input[type="submit"],
.modal-content input[type="button"] {
	margin-top: 26px;
}

.modal-content input[type="submit"] {
	margin-right: 20px;
}

#modal-overlay {
	background: #aaaaaa;
	opacity: .30;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.configuration th:nth-child(2n),
.configuration td:nth-child(2n),
.configuration th:last-child,
.configuration td:last-child {
	text-align: center;
}

.configuration td:last-child input[type="checkbox"] + label:before {
	display: inline-block;
	float: none;
	margin-right: 0;
}

input.calendar {
	width: 150px;
}

/* jQuery UI */
.ui-corner-all {
	border-radius: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
	box-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane button {
	float: none !important;
	margin-left: 24px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none !important;
	background: #002f87 !important;
}

.ui-widget-header .ui-icon {
	background-image: url(../icons/modal-close.png) !important;
}

.ui-widget-header .ui-icon-closethick {
	background-position: 0 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding: 0 !important;
	right: 17px !important;
}

form[action="/admin/administration/admin.php"] .submit {
	margin-left: -182px;
}

.startpage .divwithborder {
	margin-bottom: 20px;
	clear: both;
}

.startpage .divwithborder:empty {
	border: 0;
}

.startpage .divwithborder .files {
	margin: 0 15px;
}

.startpage .divwithborder h4 {
	margin-top: 0;
}

.startpage .divwithborder table {
	padding-bottom: 14px;
}

.headerstartseite {
	width: 805px;
}

.headerstartseite h1 {
	float: left;
	margin-bottom: 30px;
}

.headerstartseite .date {
	float: right;
	margin-top: 24px;
}

#ajaxGrid_homp_distributor td:last-child,
#ajaxGrid_homp_trade_agreement td:last-child {
	width: 95%;
}

.dataTables_filter {
	width: auto !important;
}

.dataTables_wrapper td {
	padding: 10px 12px 12px !important;
}

.dataTables_wrapper td td {
	border: none;
}

.v-center {
	vertical-align: middle;
}

.v-top {
	vertical-align: top !important;
}

.btn-mr {
	margin-right: 24px;
}

.linkicon {
	margin: -3px 5px 0 0;
}

.text-dimmed {
	display: block;
	margin-left: 25px;
	color: #858585;
}

td.wide {
	width: 400px !important;
}

body.popup {
	padding: 20px;
}

a.imagelink:hover {
	text-decoration: none;
}

.filter-orders {
	background: #f9f9f9;
}

.filter-orders td {
	padding: 5px;
}

.paging {
	margin: 0 -4px;
	padding-right: 4px;
	color: #000;
}

.paging:hover {
	text-decoration: none;
}

#orders .dataTables_paginate {
	margin-top: -2px;
	margin-right: -2px;
	clear: both;
}

.hint td {
	height: auto !important;
}

.hint p {
	color: #858585;
}

.spacer-sm-left {
	margin-left: 30px;
}

.spacer-md-left {
	margin-left: 40px;
}

.icon-link {
    position: relative;
    padding-left: 27px;
}

.icon-link.full-width-icon {
    padding-left: 30px;
}

.icon-link img {
    position: absolute;
    top: -3px;
    left: 0;
}

.icon-link-after {
	position: relative;
	padding-right: 27px;
}

.icon-link-after img {
	position: absolute;
	top: -3px;
	right: 0;
}

.quicklinks ul {
	margin: 0;
	padding: 0;
}

.quicklinks li {
	list-style-type: none;
	margin: 15px 0 0;
}

.quicklinks table {
	margin: -7px 0 12px;
}

.quicklinks td {
	border-right: 1px solid #ccc;
	padding: 0 10px 0 33px !important;
}

.quicklinks td:first-child {
	padding-left: 20px !important;
	width: auto;
}

.quicklinks td:last-child {
	border-right: 0;
}

#theorderhead {
	margin-bottom: 24px;
	width: 1008px;
}

#shopping_cart_items th:first-child {
	padding-left: 40px;
	padding-right: 60px;
}

#shopping_cart_items img,
#add_articles img {
	cursor: pointer;
}

#shopping_cart_items input,
#add_articles input[type="text"] {
	margin: 0 7px;
}

#add_articles input {
	margin: 0 14px 0 0;
}

#add_articles #error-selection {
	width: 927px;
	margin-bottom: 16px;
}

.ui-dialog .ui-dialog-content {
	height: auto !important;
}
.notice {
	background-color: #dff2ff;
	width: 769px;
	padding: 12px 18px;
	margin-bottom: 20px;
	clear: both;
}

.notice h2 {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif !important;
	font-size: 23px;
	font-weight: normal;
	color: #009bdf;
	margin-bottom: 12px;
}

.notice h2 span {
	font-family: "Frutiger Next Pro 55 Roman", Arial, Helvetica, sans-serif;
}

.notice p {
	font-family: "Frutiger Next Pro 65 Bold", Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	color: #009bdf;
}

.notice a {
	display: inline-block;
	padding-top: 12px;
}

#notice .modal-headline {
	font-size: 18px;
}

#notice .modal-headline span {
	float: right;
	margin-right: 12px;
	cursor: pointer;
}

#notice .slider {
	margin: 12px 0 22px 57px;
	width: 556px;
}

#notice .close {
	position: absolute;
	right: 58px;
	bottom: 25px;
}

.paginator li.prev,
.paginator li.next {
	display: block;
	position: absolute;
	top: 236px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.paginator li.prev {
	left: 21px;
	 background: url('../icons/arrow_left.gif') no-repeat;
 }

.paginator li.next {
	right: 26px;
	 background: url('../icons/arrow_right.gif') no-repeat;
 }

#notice .paging {
	margin-left: 58px;
}

.headertable {
	width: 100%;
	max-width: 1034px;
}

.new_item {
	background-color: #C3E0CE !important;
}

#search_articles {
	margin: 16px 0 24px;
}

.paging_full_numbers span.paginate_button {
	background-color: #f5f5f5;
	padding: 11px 15px;
}

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
	border: 1px solid #d6d6d6;
	border-radius: 0;
	margin: 0 3px;
	cursor: pointer;
}

.ui-dialog {
	top: 20px !important;
}