{
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    height: 100%;
    overflow-y: auto;
}
body, html {
    background-color: #bdceec;
    color: #787878;
    font-family: Arial,Helvetica,Tahoma,Sans-serif,sans-serif;
    font-size: 13px;
    margin: 0;
    text-align: center;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none outside none;
}
th{
    padding:4px;
    border-bottom: 1px solid;
}
td{
    vertical-align:top;
    padding:4px;
}
h4 {
    margin-bottom: 17px;
    margin-top: 6px;
}
p {
    margin-bottom:12px;
}
form[name="fileUp"]{
    margin: 12px 0px;
}
form[name="fileUp2"]{
    margin: 12px 0px 0px;
}
fieldset{
    padding:12px;
   /* border: 1px solid SandyBrown;*/
}
select{
	height: 26px;
	min-width:80px;
  border: 1px solid #ccc;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 background: url(../images/Rabbit-Icon-26px.png) right / 26px no-repeat #eee;
	
}
#ansMemo{
	position: relative;
	left: 100px;
	width: 345px;
	height: 288px;
	margin-top: -1px;
	border: 1px solid #d0d0d0; 
	border-top-width: 0px;
	background-color: #fff;
	padding: 10px;
}

#kontaktMemo{
	position: relative;
	left: 79px;
	top: -50px;
	padding-top: 12px;
	padding-left: 12px;
	width: 330px;
	height: 296px;
	float: left;
	border: 1px solid #d0d0d0; 
	border-left: 0px;
	/*border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;*/
	background-color: #fff;
}

.sincroSize{
	height: 261px;
}

hr{
    border: 0px;
    border-style: solid;
    border-top: 1pt solid SandyBrown;
    margin: 10px 0px 12px;
}
legend{
    padding: 0 5px;
}
label {
    padding-right:12px;
}
#calculator label{
    padding: 0px;
    display: inline-block;
    overflow: hidden;
    line-height:19px;
}
#calculator li{
    display:inline;
    height:19px;
}
#calculator ul li label{
    display: inline-block;
    height: 19px;
    padding-top: 4px;
    overflow: visible;
    margin: 0px 12px;
}
#selectProduct{
	margin-left: 87px;
}
#quantityKult{
	margin-left: 73px;
}


#calculator select{
    float: right;
    width:120px;
}

input[name="prio"]{
    margin: 0px 6px;
}
input[type="button"], input[type="submit"]:hover {
    background-color: #fcb563;
    border: 1px solid #d35d1d;
    color: #d35d1d;
    cursor: pointer;
    font-family: inherit;
    line-height: 16px !important;
    min-width: 74px !important;
    padding: 0 5px;
    text-align: center;
    margin: 12px 0px 0px 0px;
    
}
input[type="button"]:hover, input[type="submit"] {
    background-color: #FBFBFB;
    border: 1px solid #d35d1d;
    color: #d35d1d;
    cursor: pointer;
    font-family: inherit;
    line-height: 16px !important;
    min-width: 74px !important;
    padding: 0 5px;
    text-align: center;
    margin: 12px 0px 0px 0px;
}
input[type="radio"] {
    cursor: pointer;
}
input[name="print"], input[name="print"]:hover, input[name="send_email"], input[name="send_email"]:hover, input[name="saveClient"], input[name="saveClient"]:hover, input[name="saveContact"], input[name="saveContact"]:hover, input[name="uploaded_file"], input[name="send_as_attachment"], input[name="send_as_attachment"]:hover, input[name="copy"], input[name="copy"]:hover{
    margin-right: 12px;
}
input[name="entry_search"], input[name="saveContact"], input[name="saveContact"]:hover, input[name="save_history"], input[name="save_history"]:hover {
    margin-left: 12px;
}
#outbox, #ressources, #orders{
    background-color: AliceBlue;
    color: SlateGrey;
    border-collapse: collapse;
}
#outbox tr:nth-child(even) td
    {
      background-color: #fff;
    }

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
    margin-bottom:12px;
}
#header {
   
    width:100%;
  /* margin-bottom: -9px;*/
}
#login{
    display:inline-block;
    float:right;
    width: auto;
    padding: 6px 20px;
    line-height: 22px;
}

.left{
   /* float: left;*/
    text-align: left;
  
   margin-bottom: 20px;
}
.leftup{
   /* float: left;*/
    text-align: left;
  
   margin-bottom: 20px;
}
.right{
   /* float: right;*/
    text-align: right;
   
}
.rightup{
   /* float: right;*/
    text-align: right;
   margin-bottom: 20px;
}


#navi-main{
    position:fixed;
   overflow: scroll;
    height: 100%;
   	background-color: #002d4c;
   border-bottom: 1pt solid black;
    z-index: 999;
}
#navi-main-sub{
    
    padding:0;
    margin-top: 50px;
    
    max-width: none;
}
#footer{
    margin: 20px auto;
    padding:0px;
    font-size:8pt;
    text-align:left;
    color: SandyBrown;
    border-top: 1pt solid SandyBrown;
    width:960px;
}
#topnav {
    background-color: Wheat;
    box-shadow: 3px 3px 3px #002d4c;
    display: block;
    height: 33px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    position:fixed;
    z-index: 1000;
}

#company {
    color: Tomato;
    display:inline-block;
    float: left;
    width: auto;
    padding: 6px 20px;
    line-height: 22px;
}
#topnav ul {
    list-style-type: none;
    margin: 0 auto 1px;
    padding: 0;
}
#content-wrapper {
   /*  border: 2px solid Wheat;
   border-radius: 8px 8px 8px 8px;*/
   /* box-shadow: 3px 3px 3px Sienna;*/
    display: inline-block;
    font-size: 1em;
    margin: 125px auto 10px;
    text-align: left;
    width: 1000px;
    background-color: #f1f1f1;
}
#content-wrapperAngebot{
   /*  border: 2px solid Wheat;
   border-radius: 8px 8px 8px 8px;*/
    /*box-shadow: 3px 3px 3px Sienna;*/
    display: inline-block;
    font-size: 1em;
    margin: 125px auto 10px;
    text-align: left;
    width: 1100px;
    background-color: #f1f1f1;
}
#content {
   /* border: 0px solid Wheat;
    border-radius: 6px 6px 6px 6px;*/
    font-size: 1em;
    margin-top: -6px;
    padding: 14px;
}
#pagetitle {
     background-color: #787878;
    border: 6px solid #787878;
    color: #000;
    /*border-bottom: 2px solid #787878;
    
    border-radius: 6px 6px 0 0;*/
    margin: 0;
    padding: 4px 20px 2px
}
#ansprechpartner_position_company{
    background-color: #d3ebd5;
}
#ansprechpartner_rechnung_info{
    background-color: #d3ebd5;
}

li.navilink {
    background: none repeat scroll 0 0 ;
    /*border: 1px solid Sienna;
    float: left;
    display: inline-block;*/
    color: Sienna;
    
    
    font-size: 9pt;
    margin: 0px 0px 0 0;
    padding: 0;
    
    text-align: left;
    width: 210px  !important;
}
a:link {
    color: Tomato;
    text-decoration: none;
}
.table-wrapper-production a:visited {
     color: Tomato;
    text-decoration: none;
}
a:visited {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #008080;
    text-decoration: underline;
}

a.navi:link {
    /*border: 1px solid Wheat;*/
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
    height:30px;
    //width: 100%;
}
a.navi:visited {
    /*border: 1px solid Wheat;*/
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
    //width: 100%;
}
a.navi:hover {
    background-color: #FBFBFB;
    border: 1px solid Wheat;
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
    //width: 100%;
}
a.navi:active {
    border: 1px solid #CC0000;
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
    //width: 100%;
}
a.navi-selected:link {
   /* border: 1px solid Wheat;*/
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
   // width: 100%;
}
a.navi-selected:visited {
   /* border: 1px solid Wheat;*/
    color: Sienna;
    display: block;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    white-space: nowrap;
    //width: 100%;
}
li.navilink.inactive, a.navi.inactive{
	 background: none repeat scroll 0 0 #C0C0C0;  /*grey*/
    color: #383838 ;  /*Dark Grey*/
}
.selected {
    color: Tomato !important;
    background-color: white;
}
.selected:hover {
    color: Sienna !important;
}
.selected:active {
    color: Sienna !important;
}
.selected:visited {
    color: Sienna !important;
}
.corner-all-3, .corner-top-3, .corner-left-3, .corner-tl-3 {
    border-top-left-radius: 3px;
}
.corner-all-3, .corner-top-3, .corner-right-3, .corner-tr-3 {
    border-top-right-radius: 3px;
}
.corner-all-3, .corner-bottom-3, .corner-left-3, .corner-bl-3 {
    border-bottom-left-radius: 3px;
}
.corner-all-3, .corner-bottom-3, .corner-right-3, .corner-br-3 {
    border-bottom-right-radius: 3px;
}
.corner-all-5, .corner-top-5, .corner-left-5, .corner-tl-5 {
    /*border-top-left-radius: 5px;*/
}
.corner-all-5, .corner-top-5, .corner-right-5, .corner-tr-5 {
    /*border-top-right-radius: 5px;*/
}
.corner-all-5, .corner-bottom-5, .corner-left-5, .corner-bl-5 {
  /*  border-bottom-left-radius: 5px;*/
}
.corner-all-5, .corner-bottom-5, .corner-right-5, .corner-br-5 {
   /* border-bottom-right-radius: 5px;*/
}
.bc a:visited {
    color: Sienna;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}
.bc a:hover {
    color: #CC0000;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}
.bc a:active {
    color: #CC0000;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}
.errors {
    color: #009900;
    font-family: Verdana,Helvetica,Arial,Tahoma,Sans-serif,sans-serif;
    font-size: 11px;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
}
.copy{
    margin: 0px 9px 0px 9px;
}
.up{
    display:inline;
    float:right;
    text-align: right;
    margin: -10px 5px 0px 5px;
}
.fitWidth {
    display:inline-block;
    width:100%;
}
.fitWidth2 {
    display:inline-block;
    width:100%;
}

.floatRight {
    display:inline-block;
    float:right;
}
.floatLeft {
    display:inline-block;
    float:left;
}
.oneThird{
    width: 32%;
}
.half{
    width: 49%;
}
.twoThirds{
    width: 66%;
}
.figure{
    text-align: right;
}
#debug, #messages{
    background-color: black;
    background-image:url('/css/images/overlay.png');
    display:none;
    position:absolute;
    top: 0px;
    left: -500px;
    z-index:999;
    margin:auto;
    padding: 0px;
    color: seaShell;
    font-weight: 700;
    text-align: left;
    width:400px;
    min-height: 200px;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}
.dbtitle{
    display: inline-block;
    background-color: LightSeaGreen !important;
    text-transform: uppercase;
    color: white;
    text-align: center;
}
.dbheader{
    text-align: center;
    background-color: LightSeaGreen ! important;
    height: 20px;
}
.dbclose{
    color: white; 
    display: inline-block; 
    float: right;
    border: 2px solid white;
    padding: 0px 2px;
    height: 20px;
    cursor: pointer;
}
a.close {
    cursor: pointer;
    color: white !important;
    text-decoration: none;
    font-weight: 900;
    height: 100%;
    line-height: 16px;
    width: 100%;
}
.msgs {
    padding: 12px;
}
.attention{
    background-color: LightCoral;
    color:white;
}
.upload_process{
	z-index:100;
	position:absolute;
	visibility:hidden;
	text-align:center;
	width:400px;
	margin:0px;
	padding:0px;
	background-color:#fff;
	border:1px solid #ccc;
}
.cityDiv{
	height:30px;
}
#outer { 
	width: 940px;
}
#inner { 
	width: 405px;
	margin: 0 auto;
	float: right;
}

#preview_kult:disabled { 
    background: #C0C0C0;
}
#copy_kult:disabled { 
    background: #C0C0C0;
}
#place_order_kult:disabled { 
    background: #C0C0C0;
}
#send_email:disabled {
	background: #C0C0C0;
}

.table-wrapper
{
  /*border: 1px solid #F27200;*/
  height: 165px;
  overflow: scroll;
  overflow-x: hidden;
  width: 100%;
}

.table-wrapper table
{
    border: 1px solid black;
    margin-right: 20px;
    width: 100%;
}

.table-wrapper td
{
    width: 20px;
    height: 20px;
    background-color: #ccc;
}
.table-wrapper table tr:nth-child(even) td
    {
      background-color: #f1f1f1;
    }
.table-wrapper-reminder
{
	 
    /*border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px Sienna;
     border: 1px solid #F27200;*/
    display: inline-block;
    font-size: 1em;
    margin: 75px auto 10px;
    text-align: left;
    width: 1000px;
 
  margin: 125px auto 10px;
}
.table-wrapper-EPK
{
     
    /*border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px Sienna;
     border: 1px solid #F27200;*/
    display: inline-block;
    font-size: 1em;
    margin: 75px auto 10px;
    text-align: left;
    width: 1000px;
 
  margin: 125px auto 10px;
}
.table-wrapper-EPK table
{
    border: 1px solid black;
    margin-right: 20px;
    width: 100%;
}
.table-wrapper-reminder table
{
    border: 1px solid black;
    margin-right: 20px;
    width: 100%;
}
.table-wrapper-EPK th
{
    width: 150px;
    height: 20px;
    background-color: white;
    border-style: solid;
    border-width: 0.08em;
    border-color: grey #bdceec ;
}
.table-wrapper-EPK td
{
    width: 150px;
    height: 20px;
    background-color: #ccc;
    border-style: solid;
    border-width: 0.08em;
    border-color: grey #bdceec ;
}
.table-wrapper-reminder td
{
    width: 150px;
    height: 20px;
    background-color: #ccc;
    border-style: solid;
    border-width: 0.08em;
    border-color: grey #bdceec ;
}

.table-wrapper-production
{
    /*border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px Sienna;
    border: 1px solid #F27200;
    */
    display: inline-block;
    font-size: 1em;
    margin: 75px auto 10px;
    text-align: left;
    width: 1100px;
  color: black;
  margin: 125px auto 10px;
}

.table-wrapper-production table
{
    border: 1px solid black;
    background-color: #e2e2e2;
    margin-right: 20px;
    width: 100%;
     border-spacing: 0px;
     
}
.table-wrapper-production select{
     width: 150px;
}
.divhistoryproduction{
    border: 1px solid black;
    position: absolute;
    background-color: #fff;
}
.divhistoryproduction table{
   
    background-color: #fff;
}
.table-wrapper-production.divhistoryproduction td{
   
    background-color: #fff;
}

.table-wrapper-production input[type=text]{
    height: 20px;
    font-size:13px;
    font-family: Arial;
}
input[type="text"]:disabled {
    background: #cccccc;
    color: #879097;
     height: 23px;
    
}
input[type=text]{
	background: #f1f1f1;
	 height: 23px;
}
.table-wrapper-production td
{
    border:0;
     padding: 5px;
    height: 20px;
   font-size:12px;
   font-weight: bold; 
   font-family: Arial;
}
.table-wrapper-production textarea
{
    font-size: 13px;
    font-family: Arial;
     
}
#nextPage:disabled {
    background: #C0C0C0;
}
#prevPage:disabled {
    background: #C0C0C0;
}
.inputCss{
	float:left;
}
.labelCss{
	float:left; 
	width: 170px;
}
#offersTableDiv{
	background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    left: 18%;
    padding: 10px;
    position: absolute;
    z-index: 1;
}
#offersTable{
    background-color:#f1f1f1;
}
#offersTable th{
    font-size: 11px;
    background-color:#fff;
    color: #d45d1b;
}
#equalCompany{
    background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    left: 20%;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom:35px;
}

.invi {
    display:none;
}


.table-wrapper-preproduction
{
    /*border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px Sienna;
    border: 1px solid #F27200;
    */
    display: inline-block;
    font-size: 1em;
    margin: 75px auto 10px;
    text-align: left;
    width: 1100px;
  color: black;
  margin: 125px auto 10px;
}

.table-wrapper-preproduction table
{
    border: 1px solid black;
    background-color: #d3ebd5;
    margin-right: 20px;
    width: 100%;
     border-spacing: 0px;
     
}
.table-wrapper-preproduction textarea
{
    font-size: 13px;
    font-family: Arial;
     
}

.table-wrapper-preproduction select{
     width: 150px;
}
.divhistorypreproduction{
    border: 1px solid black;
    position: absolute;
    background-color: #fff;
}
.divhistorypreproduction table{
   
    background-color: #fff;
}
.table-wrapper-preproduction.divhistorypreproduction td{
   
    background-color: #fff;
}

.table-wrapper-preproduction input[type=text]{
    height: 20px;
     font-size:13px;
    font-family: Arial;
}
.table-wrapper-preproduction a:visited {
     color: Tomato;
    text-decoration: none;
}
.table-wrapper-preproduction td
{
    border:0;
     padding: 5px;
    height: 20px;
   font-size:12px;
   font-weight: bold; 
   font-family: Arial;
}


.tooltip {
    border: 1px solid #2BB0D7;
   
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

.tooltip:hover span {
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    left: 5em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}
.tooltip span {
    margin-left: -999em;
    position: absolute;
}
.info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}
.tooltip:hover img {
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}

/*Bernos Apfel Paule eingef��gt mit den ids werden die Javascript Style Funktionen ��berschrieben*/
@media (max-height: 888px) {
#navi-main{
   overflow: scroll;
   visibility: visible;
   }
#navi-main-sub {
	
	}   
}