@charset "utf-8";

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/lato-v23-latin/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* CSS Document */


body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;

}
img{
 vertical-align: left;
 }

.btn-default {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}

h2, .h2 {
    font-size: 24px;
}

h3, .h3 {
    font-size: 18px;
}

a:link { text-decoration:none; color: #666; }
a:visited { text-decoration:none; color: #666; }
a:hover { text-decoration:none; color: #333; }
a:active { text-decoration:none; color: #333; }
a:focus { text-decoration:none; color: #666; }

a:focus{
 outline:0
 }
 a:active,a:hover{
 outline:0
 }
 
 .header-oe {
width: 100%;
background-color: #ffffff;
border-top: 5px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.csc-firstHeader {
    font-size: 20px;
}
 .pull-right {
  float: right !important;
}
.support {
  float: right;
  padding-top: 50px;
  margin-right: -480px;
}
#social {
 align: right;
 border: 0;
}
#trust {
float: left;
padding-right:20px;
padding-top: 10px;
}
#bmwe {
float: right;
}
.img-responsive {
    display: inline !important;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#0099ff;background-color:#fff}

 .nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:transparent; color:#0099ff;}
 .nav>a:hover,.nav>a:focus{text-decoration:none;background-color:transparent; color:#0099ff;}
 .nav>li.disabled>a{color:#999}
 .nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}
 .nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#666;border-color:#428bca}
 .nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
 .nav>li>a>img{max-width:none}
 //*.nav-tabs{border-bottom:1px solid #fff}
 .nav-tabs>li{float:left;margin-bottom:-1px}
 .nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}
 .nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
 .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #fff;border-bottom-color:transparent}
 .nav-tabs.nav-justified{width:100%;border-bottom:0}
 .nav-tabs.nav-justified>li{float:none}
 .nav-tabs.nav-justified>li>a{text-align:center}
 @media(min-width:768px){
 .nav-tabs.nav-justified>li{display:table-cell;width:1%}
 }
 .nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}
 .nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}*//

 .nav-pills>li{float:left}
 .nav-pills>li>a{border-radius:0px}
 .nav-pills>li+li{margin-left:2px}
 .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#0099ff;background-color:transparent;}
 .navbar{position:relative;z-index:1000;min-height:20px;margin-bottom:0px;border:0px solid transparent}
 .navbar-default{background-color:#fff;border-color:#e7e7e7}
 .navbar{border-radius:0px}
 .nav-tabs {
  margin-top: -42px;
  margin-right: 50px;
  background-color: transparent;
  color: #0099ff;
 }
 
 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.nav li ul li.dropdwon:hover > ul li ul.dropdown-menu {
  display: block;
}
 
 .dropdown-tab {
   background-color: #cccccc;
 }
 .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li ul li>a:hover,.dropdown-menu>li ul li>a:focus{color:#0099ff;text-decoration:none;background-color:#fff}
 .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#0099ff;text-decoration:none;background-color:#fff;outline:0}
 .nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:transparent;border-color:#428bca}
.header>.dropdown-toggle>.active>a:hover,.dropdown-toggle>.active>a:focus{color:#0099ff;text-decoration:none;background-color:#fff;outline:0}

.jumbotron {
background-color: transparent;
background-image: url("../img/go-eidas-openecard-cert-de.jpg");
height: 480px;
border-bottom: 1px solid #cccccc;
margin-bottom: 5px;
background-size: 800px;
background-repeat: no-repeat;
background-position: center; 
}

.jumbotron a {
  display: block;
  height: 100%;
}
.jumbotron a span {
  display: none;
}

.jumbotron-en {
background-color: transparent;
background-image: url("../img/go-eidas-openecard-cert-en.jpg");
height: 480px;
border-bottom: 1px solid #cccccc;
margin-bottom: 5px;
background-size: 800px;
background-repeat: no-repeat;
background-position: center;
}

.jumbotron-en a {
  display: block;
  height: 100%;
}
.jumbotron-en a span {
  display: none;
}

 .container{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}


 .row{margin-right:0px;margin-left:0px}

  .pull-right {
  float: right !important;}

 .row2{margin-right:0px;margin-left:0px;border-top: 2px solid #cccccc; }
 .row2:before,.row2:after{display:table;content:" "}
 .row2:after{clear:both}
 .row2:before,.row2:after{display:table;content:" "}
 .row2:after{clear:both}
  
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -10px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 50px;
}
#footer {
  background-color: #fff;
  font-size: small;

}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}
#footer {
    background-color: #333;
    border-top: 5px solid #cccccc;
    color: #999999;
    padding: 10px 0;
}
#footer hr {
    border-top: 1px solid #555555;
    margin: 10px 0;
}    
.lang {
    float: right;
    padding: 5px 10px;
}
.pull-right ul {
    float: left;
}

#devices {
  padding-top: 10px; 
  padding-bottom: 20px;
}
ol { list-style-type: none; }

ul.f3-widget-paginator > li {
    display: inline;
    padding-right: 2px;
}
h5, .h5 {
    font-size: 14px;
    font-weight: bold;
}