/*!
 * Bootstrap v2.0.4
 * systatde.css
 *
 * Changes for systat.de/sigmaplot.de pages, 
 * 1. overriding bootstrap.css
 * 2. a) new; based on SWR project, example hero.html
 *    b) new, cont.
 * Last change: 23.08.2014
 */

 /*
  * Changes:
 *  .hero-unit (2x)
 *  navBar background
 * .nav-list {
 * .thumbnail
  ...
 */


.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: color:#00a3e1; /* #00958e; -> #00a3e1;*/
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-unit {
  padding: 30px;         /* 60 */
  margin-bottom: 30px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 30px;   /* 60 */
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.hero-unit p {
  font-size: 16px;   /* 18 */
  font-weight: 200;
  line-height: 27px;
  color: inherit;
}


/* color:#eeeeee */
/* color:#00958e */
@navBarBgStart: #3D368B;
@navBarBgEnd: #232051;

.navbar-inner {
  background-color: #00a3e1; /* background color will be black for all browsers */ /* #00958e; -> #00a3e1;*/

  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}

.navbar {
  color: #232051;  /* #999999; */
}
.navbar .brand {
  display: block;
  float: left;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: white;
}

.navbar .navbar-link {
  /*color: #999999;*/
    color: blue;
}

.navbar .navbar-link:hover {
  /* color: #ffffff; */
  /* color: red; */
  color: white;
}

.navbar .nav > li > a {
  float: none;
  padding: 9px 10px 11px;
  line-height: 19px;
  /*color: #999999;*/
  /* color: red; */
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .nav > li > a:hover {
  /*color: #ffffff;  */
  /*color: green; */
  color: white;
  text-decoration: none;

  /* background-color: transparent;  */
  /* background-color: blue;  */
  /* background-color: #00574f;   /*dark green*/
  color: #000000;                 /*black*/
  background-color: #B2DBEB;   /*mid SPW*/

}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  /* color: #ffffff;  */
  color: white;
  text-decoration: none;
  /* background-color: #222222; */
  /* background-color: yellow;  */
  background-color: #00a3e1;  /* #00958e; -> #00a3e1;*/
    font-weight: bold;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  /* background-color: #080808 \9;  */
  background-color: blue \9;
}

.nav .nav-header {
  /*color: #999999;*/
  color: black;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;    /* (? from 15 to 10 or 5: that's it // now adjust this for hover and active, too! */
  margin-bottom: 0;
}


.thumbnail {
  border: 0px solid #ddd;
} /* 0, from 1: removes the border of unselected items of middle... 1 and 2 */
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
    /*vertical-align: middle; */
    margin-left: 0px;
}

 /* ---------------------------------------------------------------------------
 * 2. new
 Changes:
 *  .hero-unit-small (no extra padding-bottom)
 * ...
   ...
 */