/***********************************************
/ Base Settings
/***********************************************/
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font: normal normal 11px/ 120% Arial, Geneva, Helvetica, sans-serif;
	width: 100%; height: 100%;
}

form,ul,li {
	padding: 0;
	margin: 0
}

input,select,textarea {
	font: normal normal 11px/ 120% Arial, Geneva, Helvetica, sans-serif;
	background: #FFF;
	border: 1px solid #B2B2B2;
	color: #7F7F7F;
	font-size: 12px;
	padding: 1px 6px;
	margin: 0 0 5px 0
}

select {
	padding: 0
}

input.standardbutton {
	width: auto !important
}

#printbutton,.functions {display:none}


h1,h2 {
	margin: 0;
	padding-bottom: 15px;
	font-weight: normal;
	color: #1768A6
}

h1 {
	font-size: 23px;
	line-height: 27px
}

h2 {
	font-size: 16px;
	line-height: 22px
}

a {
	color: #1768A6;
	text-decoration: none
}

a img {
	border: 0
}

h6,hr,.access {
	display: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}  /* for IE/Mac */
.left {
	float: left
}

.right {
	float: right;
	text-align: right
}

.fullwidth {width:100%;margin-bottom:10px}

/* Link Buttons*/
ul.link li {
	display: inline;
	font-size: 12px;
	padding: 4px 0 4px 8px;
	background: #B2B2B2
}

.next {
	text-align: right;
	padding: 2px 25px 2px 5px !important;
	cursor: pointer
}

.back {
	padding: 2px 5px 2px 23px !important;
	cursor: pointer
}

ul.link li a,.next,.back {
	border: 0;
	text-decoration: none;
	color: #FFF;
	padding-right: 25px;
	background: url('../gfx/white_arrow_right_big_nopadding.gif') #B2B2B2
		no-repeat right center
}

.back {
	background: url('../gfx/white_arrow_left_big.gif') #B2B2B2 no-repeat 7px
		center;
}

ul.link li.printlink a {
	display: inline-block;
	background: url('../gfx/print_button.gif') no-repeat right center
		#B2B2B2;
	padding: 0 24px 0 0
}

ul.link li.printlink {
	margin: 60px 0 0 0;
	padding: 4px 8px
}

.mainFrame {
	width: 100%;
}

/***********************************************
/ Scanner - Input
/***********************************************/

/***********************************************
/ Content - Top
/***********************************************/
/*#global-zone {*/
/*	width: 100%;*/
/*	background: #fff;*/
/*	height: 72px;*/
/*	margin-bottom: 0;*/
/*}*/
#global-zone {
	width: 100%;
	background: #fff;
	height: auto;
	margin-bottom: 0;
}

.main {
	width: 100%;
	height: auto;
}

/***********************************************
/ Content - left
/***********************************************/
	/***********************************************
/ Content - Middle
/***********************************************/
#content-zone {
	width: 100%;
}

#content-padding {
	padding: 10px;
	font-size:8pt;
	line-height:10pt;
}


#content-padding ul li {
	background:url('../gfx/icon_dot_li.gif') no-repeat 0 4px;
	padding:0 0 0 10px;
	list-style-type:none
}

/* Tabs for Product Details*/
#tabcard {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b2b2b2;
	font-size: 10px
}

#tabcard .tablink {
	display: inline-block;
	margin: 0;
	padding: 2px 0 3px 0;
	left: 0
}

#tabcard .tablink a,#tabcard .tablink span {
	color: #7F7F7F;
	text-decoration: none;
	padding: 1px 4px;
	border: 1px solid #d6d6d6;
	border-width: 1px 1px 0 0
}

#tabcard .tablink span {
	color: #ddd
}

#tabcard span.tabactive {
	padding: 0;
}

#tabcard .tabactive a {
	color: #1768A6;
	text-decoration: none;
	padding: 1px 6px 4px 6px;
	border: 1px solid #b2b2b2;
	border-bottom: 0;
	background-color: #fff
}

#tabcard .tablink a:hover {
	color: #000
}

#tabcard .tabactive a:hover {
	color: #1768A6
}

#tabcardcard {
	min-height: 650px
}

#tabcardcard label {
	display: inline-block;
	width: 138px;
	vertical-align: top;
	margin: 2px 0 0 0
}

#tabcardcard {
	padding-top: 18px
}

#tabcardcard  div.clearfix {
	width: 100%
}

#tabcardcard div.c1,#tabcardcard div.c2,#tabcardcard div.c3 {
	width: 275px;
	text-align: left;
}

#tabcardcard input {
	width: 412px;
	padding: 2px 0
}

#tabcardcard  input.box {
	width: auto;
	border: 0;
	vertical-align: middle;
	margin-top: 6px
}

#tabcardcard input.zip {
	width: 45px
}

#tabcardcard input.town {
	width: 362px
}

#tabcardcard textarea {
	width: 400px;
	height: 100px
}

#tabcardcard  div span {
	font-weight: bold;
	display: inline-block;
	width: 410px;
	height: 11px;
	background: #dedede;
	color: #666;
	border: 1px solid #ccc;
	padding: 3px 0 3px 2px;
	margin-bottom: 3px
}

#tabcardcard  div span.zip {
	width: 43px
}

#tabcardcard  div span.town {
	width: 360px
}

#tabcardcard  div span.claimDate {
	width: auto;
	margin-left: 5px
}

#tabcardcard .left.c1 input,#tabcardcard .left.c1  select,#tabcardcard input#manufacturingDate,#tabcardcard .right.c2 input,#tabcardcard .right.c2  select
	{
	width: 132px
}

#tabcardcard .left.c1 span,#tabcardcard .right.c2 span,#tabcardcard .right.c2  select
	{
	width: 130px
}

#tabcardcard .right.c2 label {
	margin-left: 15px;
	width: 122px
}

#tabcardcard label.inactive {
	color: #999
}

.tooltip {
	background-color: #000;
	border: 1px solid #fff;
	padding: 10px 15px;
	width: 200px;
	display: none;
	color: #fff;
	text-align: left;
	font-size: 12px;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.upload {
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	padding: 5px 0 0 0;
	margin: 5px 0 10px 0;
	width: 100%;
}

.attachment {
	vertical-align: middle;
	padding-bottom: 3px;
	cursor: pointer
}

.upload input {
	margin: 5px;
	width: 250px;
}

.upload input.standardbutton {
	background: #B2B2B2;
	color: #FFF;
	cursor: pointer
}

.upload a {
	font-weight: bold;
	text-decoration: none;
	color: #1768A6;
}

.upload a.close {
	display: block;
	background: #d6d6d6;
	text-align: right;
	padding: 0 3px 5px 0;
	color: #FFF
}

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px
}

th,td {
	text-align: left;
	border-bottom: 1px solid #D6D6D6;
	padding: 8px 0;
	font-size: 8pt;
	vertical-align:top
	}

#content-padding th,td{
	font-size:8pt;
	line-height:10pt
}

#content-padding td ul {
margin:0 0 10px 0
}

#content-padding .nobrd th, #content-padding .nobrd td {
border-bottom:0;padding:2px 0;line-height:120%
}

.claimInfo {
	float: left
}

.claimInfo table {
	margin-bottom: 0;
	border: 2px solid #ccc;
	margin-bottom: 5px;
	width: 555px;
}

.claimInfo .col1,.claimInfo .col3 {
	width: 120px
}

.claimInfo th,.claimInfo td {
	padding: 2px 3px
}

.claimInfo a {
	display: block;
	text-decoration: none;
	color: #FFF;
	margin-bottom: 5px;
	padding-right: 25px;
	background: url('../gfx/white_arrow_right_big_nopadding.gif') #B2B2B2
		no-repeat right center
}

.claimInfo2 {
	float: right;
	width: 340px;
}

.claimInfo2 div {
	border: 2px solid #ccc;
	padding: 3px;
	margin-bottom: 5px
}

.claimInfo2 b {
	display: block
}

.claimInfo2 .box {
	margin-right: 6px
}

.claimInfo2 label {
	display: block;
	width: 100% !important
}

.claimInfo2 textarea {
	width: 99% !important;
	margin-top: 0px;
	padding: 0
}

.claimInfo2 #rejectReasons {
	border: 0;
	margin-left: 10px
}

#form_search {
	background: #ECECEC;
	padding: 5px;
}

#form_search  input {
	width: 300px
}

#form_search  .standardbutton {
	cursor: pointer;
	background: #B2B2B2;
	border: 0;
	color: #fff;
	float: right;
	padding: 3px 5px !important
}

.filter {
	background: #ECECEC;
	padding: 5px;
	margin: 0 0 10px 0;
	border-top: 1px solid #fff;
}

.filter select {
	width: 300px
}

.filter .buttons {
	border-top: 1px solid #fff;
	padding: 10px 0 0 0
}

.filter  .standardbutton {
	cursor: pointer;
	background: #B2B2B2;
	border: 0;
	color: #fff;
	float: right;
	padding: 3px 5px !important
}

.emptyfilter {
	border-top: 0;
}

.rowResult {
	border-bottom: 1px solid #D6D6D6
}

.pageBrowser {
	margin-top: 10px;
	padding-bottom: 5px;
	font-weight: bold
}

a.edit{background: url('../gfx/edit.gif') #FFF no-repeat left center;color:#000;padding:3px 0 0 23px;margin-top:3px}
a.edit:hover {text-decoration:underline}


a.close{
	background: url('../gfx/close.gif') #FFF no-repeat left center;
	margin-top: 10px;
	padding:3px 0 0 23px;
	/*margin: 0;
	padding-bottom: 15px;*/
	font-weight: normal;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	width:520px;
}
a.close:hover {text-decoration:underline}

select#manufacturer {width:135px}

#laborcoststable table {cellspacing:0px;cellpadding:0px;}
#laborcoststable input {width:80px}
#laborcoststable .col1 {width:140px;}
#laborcoststable .col2,.col4,.col6 {width:110px;}
#laborcoststable .col3,.col5 {width:35px;}
input.laborcosts {background: #D6D6D6;border: 1px solid #b2b2b2;}


/***********************************************
/ Calendar
/***********************************************/

input.date-pick {width:110px!important}

a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 3px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../gfx/calendar.png) no-repeat;

}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
#calendar-me {margin: 20px}

/***********************************************
/ Content - right
/***********************************************/
#context-zone {
	display:none
}

#context-zone p {
	margin: 0;
	padding: 0 0 10px 0
}

#context-zone h3,#content-zone h3 {
	font-size: 17px;
	line-height: 18px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0
}

/* Content Middle mod */
#content-zone h3 {margin-top:10px}

#context-zone div.portlet {
	background-color: #ffffff;
	padding: 8px 8px 12px 8px;
}

#context-zone  div.spacer-portlet {
	height: 8px;
}

/* Errorcodes */

/* ---- Hinweis, Tipp, Voraussetzung --- */
img.picto {
			float:left;
}

p.hinweistext-vorhinweistext {
	margin-left:1cm;
	margin-top:0pt;
	margin-bottom:6pt;
	}

P.hinweistext {
	margin-left:1cm;
	margin-top:0pt;
	margin-bottom:12pt;
	}

p.signalwort {
	margin-left:1cm;
	margin-top:0cm;
	margin-bottom:0pt;
	font-weight:bold;
	}



/* ********************************************************************************************/
.text-left img{
	max-width: 220px;
}

#site-logo {
	display: inline-block;
	margin: 30px 30px 0 0;
	float: left;
}

#site-id-zone {
	position: relative;
	height:51px;
	margin-left:151px;
	vertical-align:bottom;
	z-index: 5;
}

#site-id-zone h3								/* contains: Site Identifier */
{
	position:absolute;
	bottom:-2px;
	color: #7F7F7F;
	font-size:22px;
	font-weight:bold;
	margin:0;padding:0;
}


.textmodule{
	position: relative;
}


.img_original{
	margin: 0;
	padding: 0;
}
.img_original img{
	max-width: 500px;
	height: auto;
}

.container .heading{
	margin-top: 10px;
	margin-bottom: 10px;
}



.safety{
	padding-bottom: 10px;
	border-top: 1px solid #191919 !important;
	border-bottom: 1px solid #191919 !important;
	margin-top: 25px;
}

.safety-body{
	margin-top: 0;
}

.textmodule, .safety-body .row {
	background: #fcfcfc !important;
}

.safety-header{
	padding: 5px 0 5px 10px;
	font-weight: bold;
	position: relative;
	background: #d9d9d9 !important;
}

.safety-consequence{
	padding: 5px 0 0 5px;
	margin-bottom: 6pt;
	margin-top: 0;
}

.procedural-instructions {
	margin-bottom: 20px;
}

.schema-instruction{
	margin: 0;
	padding: 0;
}

.instructions ol li {
	margin-left: 15px;
}



* {
	-webkit-print-color-adjust: exact; /*economy | exact*/
	print-color-adjust:exact;
	color-adjust: exact;
	font-family: Arial;
	font-size: 10px;
}
/*@page { padding: 10%; size: A4 landscape } */
@page { padding: 10%; size: A4 portrait; }

a:after { content:''; }
a[href]:after { content: none; }


.main {
	position: absolute;
	top: 60px;
}

.main:after {
	content: none;
	display: none;
	clear: none;
}

#content-zone {
	width: 100%;
	float: none;
	padding-bottom: 0;
}

#content-padding ul li, .instructions ol li {
	list-style-type: lower-alpha;
}


.img_original img {
	max-width: 90%;
	height: auto;
}

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

/***********************************************
/ Footer
/***********************************************/
.containerPageButtons {
	width: 575px;
	height: 30px;
	position: absolute;
	top: -15px;
	left: 420px
}

#content-footer {
	display:none
}

h1 {margin:0;padding:0}

#prim-nav-zone,
#generic-zone,
#scannerblock,
#transparentLayer,
#scannerinput,
#scannerinputShadow,
#scannerinput textarea,
.buttons,
.addNew,
#tabcard,
.standardbutton,
.printlink,
#scannerinput table {display:none}