body{
background-color:white;
color:gray;
font-family: "Arial", sans-serif;
font-size:16px;
/*margin with footer height*/
margin-bottom: 40px;
}

html {
  position: relative;
  min-height: 100%;
}

.row img{
width:100%;
border-radius: 6px;
border:1px solid white;
}

.navbar{
margin-bottom:5px;
}

.page-header{
border-bottom:2px solid #EEE;
}

.jumbotron p{
font-size:16px;

}
a:focus{

outline:none;
}

h1{
color:#62171D;
text-align:center;
text-transform:uppercase;
font-size:40px;
font-weight:100;
letter-spacing:0.1em;
}
h1 small{
font-size:20px;
color:lightgray;
letter-spacing:0em;
}

h1 small span{
text-transform:lowercase;
}

h4{
margin-top:0px;
}

div.tab-content p {
text-align:left;
text-align:justify;
}

div.tab-content p  small{
font-size:70%;
}

ul.nav li a{
color:gray;
font-size:14px;
font-weight:bold;
}

ul.nav > li.active > a:focus, ul.nav > li.active > a:active, ul.nav > li.active > a{

background-color:#62171D;
color:white;

}
ul.nav > li > a:hover, ul.nav > li.active > a:hover{
/*color:#004A8F;*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: #f5f5f5;
  text-align:center;
  font-size:12px;
}
.footer p{
margin:10px 0px;
}

ol{
list-style-type: square;
list-style-position: outside;
padding-left:16px;
}

ol li{

}

.phoca-flagbox {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.phoca-flag {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
	width: 27px;
    height: 15px;
}

.de {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==") repeat scroll 0% 0% / 100% 100%;
}

.gb {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K") repeat scroll 0% 0% / 100% 100%;
}
