/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24-03-2015, 18:32:42
    Author     : Steffen
*/

.height-400 {
    height: 400px;
}
.height-500 {
    height: 500px;
}
    .banner-red{
        background-color: rgb(188,22,22);
        background-position: 0% 0%; 
        background-repeat: repeat;
        color: #fff;
    }
    
    .layoutL1 {
        padding: 45px 20px 20px 50px;  
        width:  1000px;
    }
    .layoutL2 {
        padding: 20px 20px 20px 20px; 
        width: 1000px;
    }
    
    .layoutL3 {
        padding: 50px 20px 100px 20px; 
        width: 1000px;
        color: #fff;
    }
    
    .tableLayout1 {
        padding: 100px 20px 100px 20px;
        width: 250px; 
        text-align: center;
    }
    
    .tableLayout2 {
        width: 275px; 
        text-align: center;
    }
    
    .tableLayout3 {
        width: 500px;
    }
    
    .text-line-height {
        line-height: 1.5;
    }
    
    .img-size-app{
        width: 225px; 
        height: 400px; 
        position: absolute;
    }
    
    .img-size-about {
        width: 125px; 
        height: 175px;
    }
    
    .less-margin {
        margin: 20px;
    }
    
    hr.thickLine{
    margin: 20px auto 50px;
    padding: 0;
    max-width: 365px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}
.center{
    text-align: center;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 15px;
  font-size: 8px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-decoration: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 12px 27px;
  line-height: 1.33;
  border-radius: 10px;
}
.btn-lg2,
.btn-group-lg2 > .btn {
  padding: 12px 20px;
  line-height: 1.33;
  border-radius: 10px;
}
.btn-lg3,
.btn-group-lg3 > .btn {
  padding: 12px 20px;
  line-height: 1.33;
  border-radius: 10px;
}

.btn-outline {
    margin-top: 0px;
    border: solid 1px #000;
    font-size: 18px;
    color: red;
    background: 0 0;
    transition: all .3s ease-in-out;
}
.btn-outline2 {
    margin-top: 0px;
    border: solid 1px #000;
    font-size: 14px;
    color: lightskyblue;
    background: 0 0;
    transition: all .3s ease-in-out;
}
.btn-outline3 {
    margin-top: 0px;
    border: solid 1px #000;
    font-size: 24px;
    color: lightskyblue;
    background: 0 0;
    transition: all .3s ease-in-out;
}
.title-block {
    margin-bottom: 50px;
}

.btn-outline:hover, 
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active,
.btn-outline2:hover, 
.btn-outline2:focus,
.btn-outline2:active,
.btn-outline2.active 
{
    border: solid 1px #000;
    color: #000;
    background: #aaa;
}