﻿/* RLOA 2014 Anpassung der Bootstrap-Vorgaben
   die CSS muss nach den Bootstrap-CSS eingebunden werden
   WKT Farben:
    "Schunk Company Blau": #011F4D
    "Menü oliv": #9ba302 
    "Menü grau in PartnerArea": 
     
    
 */ 
#ListSeries{
        height:220px;
    }
#ListGeräte{
        height:220px;
    }
/*Anpassungen  kleinere Auflösungen */
@media screen and (max-width: 570px){
    h1 {font-size:150%;
        } 
    .input-group-addon  {
        font-size:95%;
        padding:1px 2px;
                        } 
    #ListSeries{
        height:70px;
    }
    #ListGeräte{
        height:70px;
    }
}
@media screen and (max-width: 400px){
    h1 {font-size:100%;
        }
     .input-group-addon  {
        font-size:80%;
        padding:1px 2px;
                        }    
}
/*Anpassungen  kleinere Auflösungen ENDE*/

/*fix IE9 Probleme darstellung Bootstrap input-group-addon */
.form-control {float:left;}


.page-header {
    background-color: #011F4D;
    color:#FFFFFF;
    padding: 5px 5px 5px 5px;
    margin:0 0 0 0;
    max-width:1400px;
    text-align:center
}
.page-header_logo{
    float:left;
    max-height:70px;
}
.btn-primary,.btn-primary:hover,.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color:#9ba302;
    border-color:#9ba302;
}

.panel-PAStart {
  border-color: #959494;
}

.panel-PAStart > .panel-heading {
  color: #000000;
  background-color: #D5D5D5;
  border-color: #D5D5D5;
}


.panel-PAStart > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-PAStart > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.navbarPA{
    background-color: #555;
    border-color: #555;
    margin-bottom:0;
}
/* title */
.navbarPA .navbar-brand {
    color: #FFFFFF;
}
.navbarPA .navbar-brand:hover,
.navbarPA .navbar-brand:focus {
    color: #FFFFFF;
}
/* link */
.navbarPA .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbarPA .navbar-nav > li > a:hover,
.navbarPA .navbar-nav > li > a:focus {
    color: #FFFFFF;
}

.navbarDC {
    background-color: #9ba302;
    border-color: #9ba302;
    margin-bottom:0;
}
/* title */
.navbarDC .navbar-brand {
    color: #FFFFFF;
}
.navbarDC .navbar-brand:hover,
.navbarDC .navbar-brand:focus {
    color: #FFFFFF;
}
/* link */
.navbarDC .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbarDC .navbar-nav > li > a:hover,
.navbarDC .navbar-nav > li > a:focus {
    color: #FFFFFF;
}
.navbarDC .navbar-nav > .active > a, 
.navbarDC .navbar-nav > .active > a:hover, 
.navbarDC .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #011F4D;
}
.navbarDC .navbar-nav > .open > a, 
.navbarDC .navbar-nav > .open > a:hover, 
.navbarDC .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}


.btnzurück {
        border: 1px solid #9ba302;
        border-radius: 5px;
        color: white;
        padding: 10px 15px 10px 45px;
        margin-left: 10px;
        background-image: url(links32.png);
 
        background-color: #9ba302;
        background-repeat:no-repeat;
    }
.btnvor {
        border: 1px solid #9ba302;
        border-radius: 5px;
        color: white;
        padding: 10px 15px 10px 45px;
        background-image: url(rechts32.png);
 
        background-color: #9ba302;
        background-repeat:no-repeat;
    }
.btncalculate {
        border: 1px solid #9ba302;
        border-radius: 5px;
        color: white;
        padding: 10px 15px 10px 15px;
        background-color: #9ba302;
        background-repeat:no-repeat;
    }

/* input-group-addon mit fester breite */
.inputwidth{
    width:55px;
}

