﻿body {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}

h1, h2, h3, h4 {
word-break: normal;

}
.row a {
	color:#c50533;
	font-style:italic;
}
.row a h2 {
font-style:normal;
}
/*
h1 {
  margin-top:55px;
  padding-bottom: 28px;
}

h2 {
  padding-bottom: 28px
}
*/
h1 
  margin-top:28px;
  padding-bottom: 28px;
}
h2 {
  padding-bottom: 0px;
}

h3 {
	font-weight: bold;
	font-size: 12pt;
	line-height:17pt;	
}
h4 {
	font-size: 12pt;
	line-height:12pt;	
	color:#c50533
}
p, li {
	font-size: 12pt;
	line-height:17pt;
}
.foot p {
	font-size: 11pt;
	line-height:16pt;	
	color:#868686;
}
.foot a {
	font-style:normal;
	color:#868686;
	padding-right: 24px;
}
.teaser {
	font-size: 19pt;
	line-height:26pt;
	color: #c50533
}
.lead {
	font-size: 18pt;
	line-height:26pt;
	margin: 0;
}
.zitat {
	font-size: 22pt;
	line-height:31pt;
}
.space55 {
	margin-top: 55px
}
.space20 {
	margin-top: 20px
}
.img-responsive.space16 {
	margin-top:16px
}
.navbar,.navbar-default{
  height: 310px;
  background: #000 url("../img/header-trustbit.jpg") no-repeat;
}

.dropdown, .dropdown-menu {
  z-index:2;
}
.navbar {
  z-index: 1;
}

.navbar-brand {
  background: url("../img/logo-trustbit.png") center / contain no-repeat;
  transform: translateX(-50%);
  left: 50%;
  top: 100px;
  position: absolute;
  width: 400px;
  height: 100px
}

.collapse {
  position:absolute;
  bottom:0;
  width: 100%;
  text-align:center;
  line-height:0
}

ul.nav {
	display:inline-block;
	float:none;
	background-color:white;
}
ul.static-menu {
	z-index:1000;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	text-align:left;
}
.static-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.static-menu>li>a:focus,.static-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.static-menu>.active>a,.static-menu>.active>a:focus,.static-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}

.img-responsive {
     margin: 0 auto;
}
.upperborder {
  margin-left: 0;
  margin-right: 0;
  margin-top: 28px;
  padding-top: 28px;
  border-top:2px #555 solid
}

.dropdown-menu .divider {
	background-color:#990033
}

ul{
	padding-left:0
}
ul.raute {
	list-style-type:none
}

ul.raute > li  {
    background: url('../img/anstrichrot.png') white no-repeat;
    background-position:left 6px;
    padding-left: 16px
}

ul.raute > li.grau  {
    background: url('../img/anstrichgrau.png') white no-repeat;
    background-position:left 6px;
}

.lowerborder {
  margin-left: 0;
  margin-right: 0;
  border-top: 1px gray solid;
}


.foot {
	padding-top: 16px;
	padding-bottom: 16px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

@media (max-width: 768px) {
	.lead {	
		font-size: 15pt;
		line-height:19pt;
	}
	h1 {
		font-size: 22pt;
		line-height:25pt;
	}
	h2 {
		font-size: 18pt;
		line-height:21pt;
	}
	.teaser {
		font-size: 16pt;
		line-height:19pt;
	}
	.zitat {
	font-size: 16pt;
	line-height:21pt;
	margin-top:20px;
	}
	.navbar-collapse {
	position: fixed;
	right: 16px;
	border: 1px #555 solid;
	}
	.space55 {
	margin-top: 28px
	}
}
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar,.navbar-default{
		height: 220px;
	}
	.navbar-brand {
 		top: 50px;
	 	width: 300px;
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
    	border: none;
        text-align:right;
     }
    .navbar-nav {
	    border: 1px #555 solid;
        text-align:right;
        box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 8px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align:left;
        font-weight: bold;
    }
    .navbar-nav>li>a span.caret {
		display:none;
    }

	.collapse {
	  top:51px;
	}
    .collapse.in{
        display:block !important;
    }
}


