H1
{font-family: Verdana, Tahoma, Arial;
 color: #0080FF;
 font-size: 22px;
 font-weight: bold;}

H2
{font-family: Verdana, Tahoma, Arial;
 color: #0080FF;
 font-size: 20px;
 font-weight: bold;}
 
H3
{font-family: Verdana, Tahoma, Arial;
 color: #0080FF;
 font-size: 18px;
 font-weight: bold;}
 
H4
{font-family: Verdana, Tahoma, Arial;
 color: #000000;
 font-size: 16px;
 font-weight: bold;}
 
H5
{font-family: Verdana, Tahoma, Arial;
 color: #000000;
 font-size: 14px;
 font-weight: bold;}

BODY
{
 background: url(./images/user-manual-background.jpg) repeat;
 font-family: Verdana, Tahoma, Arial;
 font-size: 10pt;
 font-weight: normal;
 color: #000000; 
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
}

TABLE, TR, TD                
{font-family:Verdana, Tahoma, Arial;
 font-size: 10pt; 
 color: #000000;}

.borderTable {	
border: 1px dotted #660000;
}

.borderDashed {	
border: 1px dashed #D6D6D6;
}

.borderBottom {	
border-bottom: 1px dashed #D6D6D6;
}

a:link, a:visited, a:active  
{#text-decoration:none; 
 color: #C00000;}
 
#bl a:link, #bl a:visited, #bl a:active  
{text-decoration:none;
font-weight: bold;
 color: #C00000;}
 
a:hover 
{text-decoration:none;
 background-color: #0080FF;
 color: #ffffff;}
 
.produkt
{border: 1px dashed #808080;
background-color: #FFFFFF;
margin: 5px;
padding: 5px;
#height: 220px;
#width: 330px;}

.producer
{
margin: 5px;
padding: 5px;
display: inline-block;
height: 10px;
}

#textarea {
#    -webkit-box-sizing: border-box;
#    -moz-box-sizing: border-box;
#    box-sizing: border-box;
#    width: 100%;
#}

/*discussion style start*/
/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit][disabled]{
    background-color: #cccccc;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  cursor: no-drop;
  float: left;
}


/* Style the submit button */
input[type=submit] {
  background-color: #0080FF;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;
}


/* Style the submit - browse file */
input[type=file] {
  background-color: #00BB4D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}
/*discussion style end*/


/*upload progress bar*/
.progress 
{
  display:none; 
  position:relative; 
  #width:400px;
  width:200px; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 
}
.bar 
{ 
  background-color: #B4F5B4; 
  width:0%; 
  height:20px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}