h1 {
  color: #a27943;
    font-size: x-large;
}

h2 {
  color: #f8e185;
    font-size: medium;
}
h3 {
  color: #;
    font-size: medium;
}


#form_customer_view{
}

.customer_fieldset1{
  float: left;
  width: 48%;
  height: 100%;
}

.customer_fieldset1 label{
  font-size:15px;
  font-weight:700;
  float: left;
  width:20%;
  margin: 3px;
  text-align: right;
}

.customer_fieldset1 input{
  font-size:15px;
  float: left;
  display:block;
  width: 70%;
  margin: 3px;
}

.customer_fieldset1 a:link {
  color: black;
}

.customer_fieldset1 a:visited {
  color: black;
}

.customer_fieldset1 a:hover {
 color: #1a1a16;
}

.customer_fieldset1  a:active {
  color: black;
}

{
text-decoration: none;
}

.customer_fieldset1 span{
  font-size:    15px;
  padding:      7px;
  border:       solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: #c5c5c5; 
  float:        left;
  display:      block;
  width:        70%;
  margin:       3px;
  text-align:   left;
}

.customer_fieldset2{
  float: right;
  width: 48%;
  height: 100%;
}


.diashow-badge{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.diashow-badge{border-radius:50%}
.diashow-display-container{position:relative}
.diashow-container:after,.diashow-container:before,.diashow-panel:after,.diashow-panel:before,.diashow-row:after,.diashow-row:before,.diashow-row-padding:after,.diashow-row-padding:before,
.diashow-content{margin-left:auto;margin-right:auto}
.diashow-content{max-width:980px}
.diashow-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.diashow-display-container:hover .diashow-display-hover{display:block}.diashow-display-container:hover span.diashow-display-hover{display:inline-block}.diashow-display-hover{display:none}
.diashow-container{padding:0.01em 16px}
.diashow-border-0{border:0!important}.diashow-border{border:1px solid #ccc!important}
.diashow-section{margin-top:16px!important;margin-bottom:16px!important}
.diashow-left{float:left!important}.diashow-right{float:right!important}
.diashow-transparent,.diashow-hover-none:hover{background-color:transparent!important}
.diashow-hover-none:hover{box-shadow:none!important}
.diashow-khaki,.diashow-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.diashow-white,.diashow-hover-white:hover{color:#000!important;background-color:#fff!important}
.diashow-text-khaki,.diashow-hover-text-khaki:hover{color:#b4aa50!important}
.diashow-text-white,.diashow-hover-text-white:hover{color:#fff!important}
.diashow-large{font-size:18px!important}


.mySlides {display:none}
.diashow-left, .diashow-right, .diashow-badge {cursor:pointer}
.diashow-badge {height:13px;width:13px;padding:0}

.home_center{
  text-align: left;
  padding-top: 4rem;
  width:100%;
}


.home_picture_right{
  float: right;
  width: 50%;
  margin-left: 2rem;
  margin-bottom: 2rem;
}



.picture_right{
  float: right;

}

.right{
  float: right;
  
}

.left_of_pic{
  float: left;
  text-align: left;
  max-width: 700px;

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

underline_link{
  color: red;
   text-decoration: none;
}



.left a:link{
  color: #a27943;
   text-decoration: none;
}

.left a:visited{
  color: #a27943;
   text-decoration: none;
}

.left a:hover{
  color: #a27943;
   text-decoration: underline;
}

.left a:active{
  color: #a27943;
   text-decoration: underline;
}

.sitemap{
  color: #a27943;
   text-decoration: none;
   text-align: left;
   padding: 1rem;
  
}

.sitemap_header{
  color: #a27943;
   text-decoration: underline;
   text-align: center;
   padding: 1rem;
  
}

.sitemap_row{
  color: #a27943;
   text-decoration: none;
   white-space: nowrap;
   text-align: left;
   padding: 1rem;
  
}


.center_division{
 max-width:1000px;
 margin:auto;
}

.standard_form{
  max-width:1000px;
  margin:1rem auto;
  padding:1rem;
}
.standard_form fieldset{
  margin:1rem auto;
  padding:2rem;
  color: #f8e185;
}

.standard_form  label{
    display:block;
    width:100%;
  }

.standard_form  input, select, textarea{
    display:block;
    width:100%;
    margin:0.5rem;
  }

#button_form{
  border:0;
  padding:.5em;
  margin:1rem 0;
  background: #1a1a16;
  width:auto;
  cursor:pointer;
  border-radius:5px;
  float:right;
}

.standard_form table{
  color: #a27943;
  padding:0.5rem;
}

.standard_form td{
  padding:0.5rem;
}

.standard_form th{
  color: #a27943;
  padding:1rem;
}

.firstrow{
   text-align: center;
    font-size: medium;
  color: #a27943;
}

.secondrow{
   text-align: left;
}


.invoice_table{
  width:95%;
}

.invoice_table td{
  padding:1rem;
}

.invoice_column1{
   text-align: center;
}

.invoice_column2{
   text-align: center;
}

.invoice_column3{
   text-align: right;
}

.invoice_column4{
   text-align: right;
}

.total_amount_label{
   text-align: right;
   font-weight: bold;
   text-decoration: underline;
}

.total_amount{
   text-align: right;
   font-weight: bold;
   text-decoration: underline;
}


.topnav {
  overflow: hidden;
  float:right;
  background-color: #1a1a16;
}

.topnav a {
  float: left;
  display: block;
  color: #a27943;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}
.topnavlogo {
  position: absolute;
  top: 10px;
  left: 25px;
  z-index: 1;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: #a27943;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1a1a16;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #a27943;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}


.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #1a1a16;
 color: white;
}

.dropdown-content a:hover {
  background-color: #a27943;
color: #1a1a16;
}

.dropdown:hover .dropdown-content {
  display: block;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

.standard_ul{
  text-align: left;
  list-style-type: none;
  padding-right: 0.1em;
}

body{
/*Defination of the whole page body*/  
  /*Dynamic patch via php*/
  background-color: #1a1a16;
  /*End of dynamic patch via php*/

  min-height      : 100vh;
  width           : 100%;
  padding         : 0px;
  margin          : 0px;
  font-family: Arial, Helvetica, sans-serif;

}

#language_selection_ul {
  text-align: left;
  list-style: none;
  position: fixed;
  right: -6.5em;
  top: 12%;
  width: 8em;
  background-color: #1a1a16;
  color: white;
  margin: -3em 0 0 0;
  padding: 0.3em 0.2em 0.2em 0.2em;
}

#language_selection_ul li
{
  text-align: left;
  display: inline;
  list-style-type: none;
  padding-right: 0.1em;
}

#language_selection_ul:hover { right: 0 }

#language_selection_ul { transition: 0.2s }


#ask_us {
  position: fixed;
  right: -10.5em;
  top: 60%;
  width: 12em;
  background-color: #1a1a16;
color: #a27943;
  margin: -3em 0 0 0;
  padding: 1em 1em 0.2em 0.2em;
}

#ask_us:hover { right: 0 }

#ask_us:hover #ask_us_right {
 visibility: visible;
}

#ask_us { transition: 0.2s }

#ask_us_left {
 float: left;
  display:flex;
      justify-content:center;
      align-items:center;
      background-color: #1a1a16;
      writing-mode: vertical-lr;
      text-orientation: upright;
      min-height: 12em;
      line-height: 2em;
 }

#ask_us_right {
  float: right;
  visibility: hidden;
  text-align: center;
}

#ask_us_right p{
   margin-top: 0;
   margin-bottom: 0; 
}

.ask_us_fields{
   width: 90%;
   margin: 5px;
}

.ask_us_textarea{
   width: 95%;
   height: 80px;
   margin: 5px;
   resize: none;
}

.ask_us_captcha
{
   width: 95%;
}




#cookie_disclaimer{
  /*Defination of the cookie disclaimer*/
  min-height      : 5vh;
  clear           : both;
  float           : none;
  width           : 98%;
  padding-left    : 1%;
  padding-top     : 1%;
  padding-right   : 1%;
  background-color: #a27943;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
}

#cookie_detail_text{
  /*Defination of the cookie detail text*/
  padding-left    : 2%;
  padding-top     : 2%;
  padding-right   : 2%;
  padding-bottom  : 2%;
  background-color: #a27943;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
}


#cookie_disclaimer h1 {
color: #a27943;
    font-size: x-large;
}

#cookie_disclaimer h2 {
color: #f8e185;
    font-size: large;
}

#cookie_disclaimer h3 {
color: #;
    font-size: medium;
}



#cookie_disclaimer a:link {
    color: #f8e185;
    background-color : transparent;
    text-decoration  : none;
}

#cookie_disclaimer a:visited {
    color: #f8e185;
    background-color: transparent;
    text-decoration: none;
}

#cookie_disclaimer a:hover {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

#cookie_disclaimer a:active {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}



#cookie_text{
  width           : 75%;
  float           : left;
  text-align      : center;
}

#cookie_button{
  width           : 10%;
  float           : right;
  margin-right    : 5%;
  padding-right   : 5%;
  text-align      : center;
}

#cookie_button_text{
  border-color    : black;
  border-width    : 1px;
  border-style    : solid;
  text-align      : center;
}

#cookie_button_text a:link {
    color            : black;
    background-color : transparent;
    text-decoration  : none;
}

#cookie_button_text a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

#cookie_button_text a:hover {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

#cookie_button_text a:active {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

#header_section{
/*Defination of the header part of the page*/  

/*Dynamic patch via php*/
  background-color: #1a1a16;
  /*End of dynamic patch via php*/
  
  min-height      : 12vh;
  width           : 100%;
  text-align      : center;
  border-bottom   : 1px solid  #a27943;
}

#left_section{
/*Defination of the left part of the page*/  

/*Dynamic patch via php*/
  background-color: #80D9E8;
  /*End of dynamic patch via php*/
  
  clear           : both;
  min-height      : 77vh;
  float           : left;
  width           : 20vh;
  padding-left    : 1px;
  text-align      : center;
}


#center_section{
/*Defination of the center part of the page*/  

/*Dynamic patch via php*/
  background-color: #1a1a16;
color: #a27943;
  /*End of dynamic patch via php*/
  clear           : both;
  min-height      : 77vh;
  min-width:      : 60vh;
  padding-top     : 1px;
  padding-left    : 1px;
  margin-top      : 1px;
  text-align      : center;
}

#right_section{
/*Defination of the right part of the page*/  

/*Dynamic patch via php*/
  background-color: #80D9E8;
  /*End of dynamic patch via php*/
  
  min-height      : 77vh;
  float           : right;
  width           : 20vh;
  padding-left    : 1%;
  text-align      : center;
}


.flex-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.flex-container > div {
/*Dynamic patch via php*/
  color: #a27943;
  /*End of dynamic patch via php*/
  text-align      : center;
  margin-left     : 10%;
  margin-right    : 10%;
 }


#footer_section{
/*Defination of the footer*/  

/*Dynamic patch via php*/
  background-color: #1a1a16;
  /*End of dynamic patch via php*/
  
  clear           : both;
  min-height      : 12vh;
  width           : 100%;
  text-align      : center;
  padding: 1em;
  margin: 0em;
  border-top   : 1px solid  #a27943;
  
}

#footer_section p{
    padding: -2em;
    margin: -1em;
    display: inline-block;
}

#footer_section a:link{
  color: #a27943;
   text-decoration: none;
}

.footerlink{
  color: #a27943;
   text-decoration: none;
}

#contactform_left{
/*Defination of the left contactform div*/  
  float         : left;
  text-align    : left;
  margin-right  : 2em;
  margin-bottom : 1em;
}

#contactform_right{
/*Defination of the right contactform div*/  
  float         : right;
  text-align    : left;
  margin-top    : 2em;
  margin-right  : 2em;
  margin-bottom : 1em;
}

#visitor_title{
   display:none;
   visibility:hidden;
}

input[type=text], [type=tel], [type=email], [type=submit] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  background-color: #a27943;
  color: white;
}

textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #a27943;
  color: white;
  resize: none;
}


#legals{
  /*Dynamic patch via php*/
  background-color: #1a1a16;
  /*End of dynamic patch via php*/

  min-height      : 100vh;
  width           : 100%;
  padding         : 0px;
  margin          : 0px;
  font-family     : Arial, Helvetica, sans-serif;
  text-align      : left;
  font-size       : small;

}

.loginform a:link{
  color: #a27943;
   text-decoration: underline;
}

.loginform a:visited{
  color: #a27943;
   text-decoration: underline;
}

.loginform a:hover{
  color: #a27943;
   text-decoration: underline;
}

.loginform a:active{
  color: #a27943;
   text-decoration: underline;
}

}