/*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

html,body {
	height:100%;
    background-size: cover;
}

.icon-bar {
	background-color:#fff;
}

.navbar-trans {
	background-color:#7ECF32;
    color:#fff;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#6ABB1E;
}

.navbar-trans a{
    color:#000000;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:70px;  
    padding-bottom:50px; 
    min-height:calc(100% - 1px);
}

.v-center {
    padding-top:5%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #74C528;
    color:#fff;
}
  
#section1 {
	background-color: #e5e5ef;
    color:#686868;
}
  
#section2 {
	background-color: #168ccc;
    color:#dedeff;
}
  
#section3 {
	background-color: #494949;
    color:#ddd;
}

#section4 {
	background-color: #fff;
    color:#444;
}

#section5,#section7,#section7 a {
    color:#f5f5f5;
}

#section6 {
	background-color: #168ccc;
    color:#ddd;
}

footer {
	background-color:#494949;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}
.contul li
{
    text-align: left;
}
.flagLi
{
    margin-top:15px;
    padding:2px;
}
.flagLi form button
{
    width:20px;
    height:15px;
    margin-top:1px;
    margin-left:2px;
}
li a
{
    font-weight: bold;
}
@font-face {
    font-family: 'Myriad';
    src: url("../fonts/MyriadPro-Black.otf") format("opentype");
}
.testText
{
    font-family: 'Myriad', sans-serif;
    font-size: 30px;
    font-weight: bold;
}
h2
{
    font-family: 'Myriad', sans-serif;
    font-size: 40px;
    font-weight: bold;
}
.remorquesContainer div
{
    border-bottom:1px solid grey;
    margin-left:0px;
    background-color: transparent;
    border-left:0 transparent;
    border-top:0 transparent;
    border-right:0 transparent;
    border-radius: 0;
    color:grey;
    height:175px;
    /*cursor: url(../images/cursor.png), auto;*/

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.remorquesContainer div:hover
{
    color:#000000;
}

.remorquesContainer div:hover
{
    background-color:lightgray;
    cursor: pointer;
}
.remorquesContainer div h3
{
    margin-top:0px;
    font-family: 'Myriad', sans-serif;
}
.remorqueButton
{

}
.popover-content
{
    background-color:white;
}
.popover-content:hover
{
    background-color:white;
}
#myModal
{
    margin-top:10%;
}
.modal-content
{
    background-color:#7ECF32;
}
.modal-body
{
    border-bottom:1px solid black;
    border-top:1px solid black;
    border-radius:5px;
}
.modal-header
{
    border-bottom: 0px solid black;
}
.modal-footer
{
    border-top: 0px solid black;
}
.languageButtons
{
    background-color:transparent;
    border:1px solid transparent;
    border-radius:0;
    background-repeat: no-repeat;
    background-size: cover;
}
.remorquesContainer div h3
{
    font-family: 'Arial',sans-serif;

}
.imgInModal
{
    max-width:200px;
}
.divInModal
{
    max-width:204px;
}
.modalMiniImage
{
    width:150px;
    height:65px;
}
#modalBigImage
{
    height:150px;
    width:150px;
}
#anhaengerContainer1
{
    height:0;
    display: none;
}
#anhaengerContainer2
{
    height:0;
    display: none;
}
#anhaengerContainer3
{
    height:0;
    display: none;
}
.delPadding
{
    padding:0px;
}
.containerDreieck
{
    display: none;
    margin-top:-15px;
    font-weight: bold;
    font-size: 40px;
}
.remorquesContainer div h3
{
    font-size: 17px;
}
#divBigImage
{
    max-height:300px;
    border-bottom:2px solid black;
}
#divBigImage2
{
    /*height:200px;*/
}
.bigIMgDiv
{
    min-height:300px;
}
.bigImgClass
{
    margin-right:auto;
    margin-left:auto;
}
.buttonDownload
{
    display:block;
    border-radius: 0;
    background-color: #7ECF32;
    border:1px solid #74C528;
    color:#000000;
    font-weight: bold;
    height:20px;
    width:45px;
    text-align: center;
}
.buttonDownload:hover
{
    text-decoration: none;
    color:black;
    font-size:15px;
    font-weight: bold;
}
.col-sm-2
{
    padding:2px;
}
/*@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/