* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fffdd0;
}

/* Style the top navigation bar */
.topnav {
	clear:left;
    overflow: hidden;
    background-color: #ff0000;
	}

.header{
    display: block;
    color: #000000;
    background-color: #fffdd0;
    padding: 10px;
    text-decoration: none;
	height:150px;
	
	
}
.header a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ffffff;
    color: black;
}

/* Style the content */
.content {
    background-color: #fffdd0;
    padding: 10px;
    /*height: 200px; /* Should be removed. Only for demonstration */
}

.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	background-color: #ffffff;
}

/* Style the footer */
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
height:50px;
  background-color: #000000;
  text-align: center;
	
    padding: 10px;
}
.footertext{
  background-color: #000000;
  font-size:10px;
  color:#000000;
}


.footertext a{
  background-color: #000000;
  font-size:10px;
  color:#ffffff;
}


#logo{
	float:left;
}
/*#logo img
	{
	box-shadow: 5px 5px 10px #888888;
	}  
	*/
#companyname{
	float:left;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 40px;
	font-weight:bold;
	text-shadow: 5px 5px #cccccc;		
		
		
}


.imageleft {
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    padding: 20px 20px 20px 20px;
}

.imageright 
	{
	float:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	padding:20px 20px 20px 20px;
	}
	
.heading 
	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	text-align: left;
	padding:5px 5px 5px 5px;
	}	
	
#customertext 
	{
	/*margin-left:40px;
	margin-right:40px;*/
	width:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: center;
	/*background-color: yellow;*/
	}
	
.fontleft{
	text-align:left;
}	



input[type=password] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=password]:focus 
{
border-color:#f00; 
}


input[type=submit] {
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 500ms;
	-moz-transition:ease-in all 500ms;
	-webkit-transition:ease-in all 500ms;
	-o-transition:ease-in all 500ms;	
	}

input[type=submit]:hover{
	background:#f00; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 500ms;
	-moz-transition:ease-in all 500ms;
	-webkit-transition:ease-in all 500ms;
	-o-transition:ease-in all 500ms;	
}


input[type=submit]:active{
	background:#ff0; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 0ms;
	-moz-transition:ease-in all 0ms;
	-webkit-transition:ease-in all 0ms;
	-o-transition:ease-in all 0ms;	
}
input[type=text] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=text]:focus 
{
border-color:#f00; 
}



select {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

select:focus 
{
border-color:#f00; 
}



.menubutton{
/*clear:both;*/
font-size:12pt;
cursor: pointer;
margin-top:1px;
padding-top:10px;
padding-left:5px;
height:50px;
width:100px;
background-color: #ff0000; 
color:black;
-webkit-transition:width 1s; /* For Safari 3.1 to 6.0 */
transition:width 1s;
vertical-align: middle;
float:left;
}

.menubutton:hover
{
/*width:290px;*/
color:#ff0000;
background-color: #000000; 

}
.menubutton:active{
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 0ms;
	-moz-transition:ease-in all 0ms;
	-webkit-transition:ease-in all 0ms;
	-o-transition:ease-in all 0ms;	

}


::-webkit-input-placeholder { /* Edge */
  color: red;
  /*font-size: 0.8em;*/
  width: 500px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
  /*font-size: 0.8em;*/
  width: 500px;

}

::placeholder {
  color: red;
  /*font-size: 0.8em;*/
  width: 500px;

}

/*
td {
    position: relative;
}


table td input{
  position: absolute;
  display: block;
  top:0;
  left:0;
  margin: 0;
  height: 100%;
  width: 100%;
  border: none;
  padding: 10px;
  box-sizing: border-box;
}

input[type=submit]{
  position: absolute;
  display: block;
  top:0;
  left:0;
  margin: 0;
  height:100%;
  width: 100%;
  border: none;
  padding: 20px;
  box-sizing: border-box;
}
*/