/* Roboto:400,100,300,500,700,900 */

/*Roboto+Condensed:400,300,700*/

/* dunkelblau: #003d8e */



body { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.42857143; color: #666; background-color: #fff; /*background: url( ../bilder/elemente/bg.jpg);*/}


.inhalt{ padding: 20px 0;}

.box { margin: 0 0 5px 0; padding: 5px; background: #fff;}

.box2 { margin: 0 0 5px 0; padding: 5px; border: 1px solid #999;}

.bggrau { background-color: #b7c8d2; color: #fff; padding: 5px 15px;}

/* Text */

h1 { font-family: 'Roboto Condensed', sans-serif; color:#003d8e; font-size: 2.0em; font-weight: 700; }

h2 { color:#003d8e; font-size: 1.6em; line-height: 1.2em; font-weight: 500; margin: 5px 0; }

h3 { color:#003d8e; font-size: 1.6em; line-height: 1.2em; font-weight: 400; padding: 0 0; margin: 5px 0;}

h3 a { color:#203080; }

h4 { color:#999; font-size: 1.2em; text-align: right;}

h5 { color:#203080; font-size: 1.2em; }

span {color: #203080; font-weight: 300; font-size: 1.1em;}

.inhalt p { font-size: 1.1em; font-weight: 300;}

.inhalt a { color:#003d8e; text-decoration: none; font-weight: 400;}

strong { font-weight: 500; color:#203080;}

small { font-size: 0.8em;}

.inhalt ul { padding: 0 0 0 20px; list-style: square;}

.inhalt li { font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight: 300;}

table { font-size: 1.3em; margin-bottom: 10px; }

table td { padding-right: 10px; vertical-align: top;}


/* ###  navi ### */

.balken { padding: 20px 0 5px 0;}

.navbar-default {border: none; background: none; box-shadow: none; margin: 10px 0 0 0;}

.navbar-toggle .icon-bar {
  display: block;
  color: #ccc;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  background-color: #ccc;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-default li a { font-family: 'Roboto Condensed', sans-serif; padding: 0 5px; font-size: 1.0em; text-transform: uppercase; font-weight: 300;}

@media screen and (min-width: 766px) {

  .navbar .nav,  .navbar .nav > li { 

    /*float:none; */
    display:inline-block; *display:inline; /* ie7 fix */ *zoom:1; /* hasLayout ie7 trigger */ vertical-align: top;  }
    .navbar-inner { text-align:center;} ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
  }

.icon-bar { background: #017b72;}

.teiler { margin: 5px 0;}

.bgTrans { background: url(../bilder/elemente/bgTrans.png);}

.bgGruen { background: #017b72 /* url(../bilder/elemente/bgGruen.png) */;}

.bgOrange { background: #fae4ce;}

/* bilder */

.maxbild { width: 100%; }

.boxbild { margin: 10px 0;}

.bild-links{ float: left; margin: 0 10px 0 0;}

.rand { /* border: 1px solid #95b6aa; */ /*box-shadow: 1px 1px 4px #666;*/ border-radius: 5px;}

.icon { width: 210px; margin: 5px;}

/* ### footer ### */

footer{ padding-top: 20px; border-top: 1px solid #003d8e;}

footer p{ color:#003d8e; font-weight: 300; font-size: 1.0em;}

footer p a{ color:#003d8e;}

footer p a:hover{ color:#ff8d1c;}

footer ul { padding: 10px 0 0 20px; list-style: square;}

footer ul li { border-bottom: 1px solid #ccc; color: #0598d1; font-weight: 300; font-size: 1.2em;}

footer ul li a { color: #0598d1;}

footer ul li a:hover{ color:#ff8d1c; text-decoration: none;}
