body {
font-family: 'Josefin Slab', serif;
color:#5A6566;
background: #fff;
  
}

.big {
font-size: 16px;
font-weight: bold;
}

header { 
width: 100%; 
height:auto; 


}

 header h1 {
font-family:"Raleway", sans-serif;
font-size: 32px !important;
font-weight:bold;
color: #34495E;

}




header h2 {

font-family:"Raleway", sans-serif;
font-size: 25px !important;
font-weight:500;
 color:#336E7B;
}

header p {
font: "Raleway", sans-serif;
color: #34495E;
font-weight:400;
font-size: 20px !important;
}

h3 {
font-weight:bold;
font: 35px "Raleway", sans-serif;
color:#16a085;
}

h1 {
font-weight:bold;
font-family:"Raleway", sans-serif !important;
font-size:30px !important;
/*color:#96281B;*/
color: #34495E !important;
}

.divider {
  display: block;
  width: 100px;
  height: 2px;
  margin: 0px auto 20px;
  background-color: #34495e;
}




.bg.jumbo {
  background: #000 url("../img/gelb.jpg") center;
  position: fixed;
  width: 100%;
  height: 350px; /*same height as jumbotron */
  top:0;
  left:0;
z-index:-1;
opacity: 0.4;
  
}

.jumbotron {
  height: 350px;
 background:transparent !important;
}

.imgCenter {
 margin: 0 auto;	
}

/* *********************** NAVBAR ********************** */
.navbar
{
    background-color: #fff !important;

}


.navbar .navbar-nav {
 display: inline-block;
 float: none;
 vertical-align: top;

font-size: 14px;
 color:#fff;
/* border-top-style: solid;
  border-bottom-style: solid;
border-width: 1px;*/
background:#fff;
border-color: #d3d3d3;
}


 .navbar-default .navbar-nav > li > a {
   color: #b1b1b1; /*Change text color here*/
   font-size: 15px;
   font-family:"Raleway", sans-serif;
 }
 
  /* navbar active */
 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
    	background-color:#fff !important;
    	color: #336E7B !important;
    	/*border-bottom: 1px solid #16a085;
    	border-bottom-width: 100%;*/
    	
    	
    /*	position: absolute;
  width: 100%;
  height: 1px;
 bottom: 10px;
  left: 0;
  background-color: #16a085;*/
    	
    	/*text-decoration: underline;*/
      /* opacity:1; border-top: 2px solid #092930;*/


 }
 
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: white;
     color: #b1b1b1;
}
 
 
 
 
 /* hover */
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 	 background:#fff;
   color: #336E7B !important;
   /* opacity:1; border-top: 2px solid #092930;*/
  /* border-bottom: 2px solid #85b530; */


}




.navbar .navbar-collapse {
 text-align: center;
}



 .navbar-default .navbar-nav > li > a {
 /* position: relative;*/
  color:#336E7B;
  text-decoration: none;
}

 .navbar-default .navbar-nav > li > a:hover {
  color: #336E7B;
}


 .navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
 bottom: 10px;
  left: 0;
  background-color: #336E7B;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

 .navbar-default .navbar-nav > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}







footer {
background:#336E7B;	
/*background: #34495E;*/
color: #f2f2f2;
font-size:11px;
text-align:center;

}

 a.anders:link {
  color:#fff;
  text-decoration:underline;
  }
 a.anders:visited {
  color:#fff;
  text-decoration:underline;
  }
 a.anders:hover {
  color:#22313F;
  }


/* ************************ NAVBAR **************************** */


/*
nav { 
width: 100%;  

  font-family: "Yanone Kaffeesatz", Arial, serif;   

 color:#fff;
 border-top-style: solid;
  border-bottom-style: solid;
border-width: 1px;
background:#fff;
border-color: #d3d3d3;
 
 }
 
nav ul {
list-style:none;
display: block;
padding: 10px 0 5px 0;  
margin: 0 auto;  

	
}

nav li a {
color:#95a5a6;
font-weight:bold;
text-decoration:none;
font-size: 1.2em;


}

nav li a:visited {
color:#95a5a6;
}

nav li {



padding-left: 56px;


	display: inline;




}
nav li a.active { 
color: #2c3e50; 
opacity:1;

}

nav li a:hover, nav li a:focus { 
color: #2c3e50; opacity:1;  }

footer {

background-color: #95a5a6;
color:#fff;
padding-top: 20px;
}

nav a#pull {
	display: none;
}

    .clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    .clearfix {  
        zoom: 1;  
    }  
*/