/***********************************************
/ Base Settings
/***********************************************/

*{
	box-sizing: border-box;
}

@font-face {
    font-family: 'ArialRegular';
    src: url('arial-webfont.eot');
    src: url('arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial-webfont.woff') format('woff'),
         url('arial-webfont.ttf') format('truetype'),
         url('arial-webfont.svg#ArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font: normal normal 11px/ 120% Arial, ArialRegular;
	width: 100%; height: 100%;
}

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

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

input.box, input.blueBox {width:auto!important}

select {
	padding: 0
}

input.standardbutton {
	width: auto !important
}

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
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	font-size:0.8em
}

sup {bottom: 1.1ex}

sub {top: .5ex}

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
}

#context-zone div.portlet ul.link li a,
.containerPageButtons ul.link li a
{
	text-decoration: none;
	color:white;
	padding-right:25px;
	background: url(/2011-gfx/white_arrow_right_big_nopadding.gif) no-repeat right center transparent;
}

ul.more a {
	background:url(/2011-gfx/white_arrow_right_small.gif) no-repeat center right #B2B2B2;
	color:#fff;
	padding:2px 20px 2px 6px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height:32px;
}



#context-zone div.portlet img {margin-bottom:10px}

.next, .content-portlets a {
	text-align: right;
	padding: 2px 25px 2px 5px !important;
	cursor: pointer
}
.backbutton input, .back {
	padding: 2px 5px 2px 23px !important;
	cursor: pointer
}

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

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

.backbutton  br {display:none}

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

#printbutton a, .print{
	padding: 3px 24px 4px 10px;
	margin:0 10px 0 0;
	color:#FFF
}

#printbutton {display:inline-block;width:auto;background:#b2b2b2;float:right}

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

.mainFrame {
	width: 100%;
	background: url('../2011-gfx/bg_body.gif') repeat-x #d6d6d6
}

a.download {display:block;width:auto;text-align:left;margin:3px 0; color:#FFF;padding: 2px 25px 2px 5px;
	background: url('../2011-gfx/white_arrow_right_big_nopadding.gif') #B2B2B2 no-repeat right center}

.download + .next {display:inline-block;}

.nowrap a {white-space:nowrap}

/***********************************************
/ Content - Top
/***********************************************/
#global-zone {
	width: 984px;
	margin: 0 auto;
	background: #fff;
	/*border-bottom: 18px solid #d6d6d6;*/
	height: 72px;
	position:relative;
}

.main {
	width: 984px;
	height: auto;
	margin: 18px auto 0;
	background: url('../2011-gfx/bg_main.gif') repeat-y #d6d6d6;
	background-color: #FFFFFF;
	border-bottom: 52px solid #d6d6d6;
}

.main:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
}

/*.main {min-height:984px;}*/
/*.main {min-height:984px; margin-top: 20px;}*/


#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;
}

/***********************************************
/ Generic Navigation
/***********************************************/
#generic-zone {
	position:absolute;
	top:38px;
	right:0;
	z-index:999;
}

#generic-zone a {
	font-size: 12px;
	line-height: 18px;
	color: #7F7F7F;
	display:inline;

}
#generic-zone a:hover {	color:#000}
#generic-zone .pipe {display:inline;color: #7F7F7F;padding: 0 11px;font-size:13px}

#country-selector {
	float: right;
	margin-left:10px;
}

/***********************************************
/ Content - left
/***********************************************/
/***********************************************
/ Content - Middle
/***********************************************/
/*#content-zone {*/
/*	width: 575px;*/
/*	margin-left: 204px;*/
/*	padding-bottom: 56px*/
/*}*/
#content-zone {
	width: 575px;
	float: left;
	padding-bottom: 56px;
	min-height: 1140px !important;
}

/* Extra Wide Layout */
/*
#global-zone.wide {width: 1500px}
.main.wide{width: 1500px}
.wide #site-logo {margin-left:20px}
.wide #site-id-zone {margin-left: 170px;}
#content-zone.wide {
	width: 1200px;
	background:#FFF;
}
*/
#content-zone.wide {
	width: 800px;
	background:#FFF;
}
#content-zone.wide  table{
}

#content-padding {
	padding: 10px;
	font-size:1.2em;
	line-height:1.5em;
}

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

.instructions ol{
	 margin: 0;
}

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

ul.list li{
	margin-bottom: 15px;
}


.container .heading{
	margin-top: 25px;
}


/*.safety-header{*/
/*	margin-left: 1cm;*/
/*	margin-top: 0.5cm;*/
/*	margin-bottom: 0pt;*/
/*	font-weight: bold;*/
/*	position: relative;*/
/*}*/

/*.safety-header:before{*/
/*	content: url("hinweis.gif");*/
/*	position:absolute;*/
/*	display: table;*/
/*	top: 0;*/
/*	left: -30px;*/
/*}*/

.textmodule{
	position: relative;
}

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

.textmodule .safety-footer{
	display: none;
}


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

/*.safety.first{*/
/*	padding-bottom: 10px;*/
/*	border-top: 1px solid #191919;*/
/*	border-bottom: none;*/
/*}*/

/*.safety.last{*/
/*	padding-bottom: 10px;*/
/*	border-top: none;*/
/*	border-bottom: 1px solid #191919;*/
/*}*/

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

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

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

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


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

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

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


/* 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: 950px
}

#tabcardcard label, 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
}

#fidworkshop ,
#fidrsond,
#wsrsond {width:412px}

#tabcardcard label.inactive {
	color: #999
}

.printonly { display:none;}

.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;*/
}

table[data-legend-id="ID0ELYAG"]{
	margin-top: 1cm;
}

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


.emphasis-underline{
	text-decoration: underline;
}

#overDiv table {margin-bottom: 0}
#overDiv td {padding:2px;border-bottom:0}

#content-padding th,td{
	font-size:1em;
	line-height:1.5em;
}

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

.noborder, input.nobrd, input.box {border:0}
#content-padding .nobrd td input {width:280px}


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

.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('../2011-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, .filterTable {
	background: #ECECEC;
	padding: 5px;
	margin: 0 0 10px 0;
	border-top: 1px solid #fff;
}

.filterTable td { 
padding-top:3px!important
}

.filter select, .filterTable  select {
	width: 300px
}

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

.filter  .standardbutton , .filterTable  .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
}

.addNew {
	position: absolute;
	top: 90px;
	width: 555px;
}

.addNew input {
	cursor: pointer;
	background: url('../2011-gfx/addnew.png') #B2B2B2 no-repeat right center;
	margin-top: 10px;
	border: 0;
	color: #fff;
	float: right;
	padding: 3px 25px 3px 5px !important
}

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

a.edit{background: url('../2011-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('../2011-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;}
	
.ci-color3 img {vertical-align:middle}
	
	

.countrySelect {
	float: left;
	font-size: 10px;
	color: #666;
	width:70px;
	height:80px;
	margin-right:20px;
	text-align:center;
}
.countrySelect p {margin:5px 0 0 0;padding:0;line-height:120%}
.countrySelect a img { border: 1px solid #ccc }
.countrySelect a:link img { border: 1px solid #999999 }
.countrySelect a:hover img {	border: 1px solid #000 }	
	
	
/***********************************************
/ Content  Portlets
/**********************************************/
.content-portlets div.portletbox {
	margin: 0px 0px 16px 0px;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}

.portlet h3 {	
	font-size: 15px!important;
	margin:0 0 5px 0!important;
	color:#333!important;
	padding:0;
	font-weight:normal;
}

.portlet-content p {
font-size: 12px!important;
color:#333!important;
line-height:16px!important;
margin:0 0 10px 0!important;
padding:0!important;
}

.content-portlets a {margin:5px 0;display:inline-block}

ul.more, ul.more li, .content-portlets ul.more li  a{list-style-type:none;margin:-10px 0!important;}	

.containerTwoColumns .leftColumn {
	margin: 0;
	padding: 0 11px 0 0;
	float: left;
	width: 265px;
	border-right: 1px solid #d6d6d6;
}

.containerTwoColumns .rightColumn {
	position:relative;
	left:-1px;
	padding: 0 0 0 11px;
	float: left;
	width: 264px;
	border-left: 1px solid #d6d6d6;
}


/***********************************************
/ 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('../2011-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 {
	float: right;
	width: 192px;
	font-size: 14px;
	line-height: 16px;
	position:relative;
	z-index:2;

}

#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;
}

.flags img {margin-left:3px}
.flags img.first {margin-left:0}

/* 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; 	
	}

.filterTable td {border:0;padding:0 5px;font-size:12px}	
.filterTable b{display:inline-block;width:120px}	
.filterTable #showList {margin-left:120px}
.listContent td {font-size:12px}	
	
#ajaxErsatz #rso_partnumber option {width:260px!important}	
	
.tableuser  #benutzer1 ,
.tableuser  #benutzer12,
.tableuser  #benutzer13,
.tableuser  #benutzer14,
.tableuser  #benutzer15,
.tableuser  #benutzer16,
.tableuser  #benutzer17,
.tableuser  #benutzer18,
.tableuser  #benutzer19,
.tableuser  #benutzer110,
#archivierung_ab,
#archivierung_bis  {width:110px!important}


.WeitereModuleBeschreibung  {width:420px}

 .WeitereModuleBeschreibung input,
#module_scanner_benutzer,
#old_module_scanner_benutzer_show,
#old_module_scanner_benutzer {width:40px!important}
.WeitereModuleBeschreibung input .box {width:auto}
	
.WeitereModuleBeschreibung  .col1 {width:20px}
.WeitereModuleBeschreibung  .col2 {width:200px}	
.WeitereModuleBeschreibung  .col3 {width:200px}
	
.calendar table {width:auto!important}	
	
/***********************************************
/ Footer
/***********************************************/
.containerPageButtons {
	width: 575px;
	height: 30px;
	position: absolute;
	top: -15px;
	left: 420px
}

#content-footer {
	width: 984px;
	margin: 0 auto;
	position: relative;
	top: -64px;
	background: url('../2011-gfx/grey_extension.gif') no-repeat 192px top;
	padding-top: 76px;
	text-align: center;
	color: #7F7F7F;
	font-size: 11px;
	line-height: 13px;
	z-index:1;
}

#footer-padding ul,#footer-padding li {
	display: inline-block
}

#footer-padding ul {
	margin-left: 30px
}

#footer-padding p {
	margin: 4px 0 0 0;
	padding: 0
}

#footer-padding a {
	color: #7F7F7F;
	text-decoration: none
}

div.background-01 {background:#E1EBF7;padding:5px;}
p.hervor {font-weight:bold}

.upgradenumber {position:relative;float:right;width:250px}
.upgradenumber span  {width:auto}
.upgradenumber input {position:absolute;top:0;padding:0!important;margin:0 0 0 1px!important;border:0;width:30px!important;}