@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	}

.wrapper {
    margin: 0 auto;
    max-width: 1140px;
}
.wrapper-top {
    max-width: 1170px;
	position:relative;
	margin:0 auto;
}
.container {
	background: none repeat scroll 0 0 ;
    margin: 0;
    width: 100%
	}
img {
	max-width: 100%;
	height: auto;
}

table td {border-color: #ddd;}

 /* GRUNDFARBEN */
.color-01 {background: #111;}
.color-02 {background: #222;}
.color-03 {background: #333;}
.color-04 {background: #444;}
.color-05 {background: #777;}
.color-06 {background: #2c3e50;}
.color-07 {background: #213243;}
.color-08 {background: #4f6073;}

/*Überschriften */
 
h1 {
	color: #00142f;
	margin:0;
	line-height:48px;
	font-size:2.6em;
	padding-bottom:10px;
	font-weight:700;
	}
h2 {
 	font-size:2.2em;
	color: #151515;
	}
h3 {
 	font-size: 1.8em;
	color:#555;
	}
h4 {
 	font-size: 1.2em;
	color:#ccc;
	}
	
/*TOP*/	
.top-first {
	background:url("../images/bg-top.jpg") top center no-repeat;
	text-align:center;
	padding: 40px 0;
	}
	.icons-top { 
		float:right;
		padding-top:40px;
		}
	
	.top-first .btn-lg, .btn-group-lg > .btn {
		margin-right:10px;
	}
	.top-first .btn {
		background:#000;
		border-color:#555;
		color:#fff;
		padding:10px;
		}
		.top-first .btn:hover {
		background:#337ab7;
		border-color:#3276B1;
		color:#fff;
		}

.top-navi {
	background-color:none;
	color:#fff;
	max-width:580px;
	margin:0 auto;
	padding-left:16px;
	}
	.icon-bar { background-color:#333;}


.navbar-wrapper {
    z-index: 20;
}

.navbar-wrapper .navbar {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}
.navbar-inverse {
    background-color: #612a18;
    border-color: #9c0417;
	padding:0;
	margin:0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
	} 
	
.page {
	width: 1020px;
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
	}
/*Navigation*/	
.navbar {
	margin-bottom:0;
	}
.navbar-default {
	background-color:#fff;
	border:none;
	}


/*Logo*/
.logo {
	min-width:280px;
	z-index:18;
	}
a { color:#0058CE;}
a:hover { color:#888}

		
/* NAVIGATION */

.navigation
{
	margin: 0px;
	padding: 0px;
}

	.navigation a
	{
		width:100%;
		display: block;
		font-size: 1.2em;
		color: #777;
		text-decoration:none;
		clear:both;
	}
	
	.navigation ul
	{
		list-style:none;
		padding:0px;
		margin:0px;
		width:100%;
	}
	
 .navigation li {
  	float: left;
	width:100%;}
 
	.navigation li a.current
	{
		color:#777;
	}

	/*1. Ebene */
	.navigation ul li a
	{
		padding:5px 15px;
		display:block;
		text-decoration:none;
		color:#777;
		
	}
	
	/*aktiver Menüpunkt*/
	.navigation ul li.current a
	{	
		color:#390000;
	}
	
	.navigation ul li a:hover
	{
		color:#390000;
	}
          
/*MIDDLE*/

.middle {
	color: #434343;
	padding-bottom: 40px;
	padding:20px 15px;
	height:auto;
	min-height:420px;
	}
.middle a img:hover {
	opacity:0.7;
	}
	
ul { margin-left:25px;}

ul li{
	padding: 0 0 10px 20px;
	}
ul li.glyphicons { 
	display:block;
	}
ul li.glyphicons:before { 
	color:#06A50B;
	}
  
 /* FOOTER */


.footer {
	margin: 0;
	padding:20px 15px;
	color: #999;
	overflow:hidden;
	}
	.footer p {
		text-align:center;
		color:#083572;
		line-height:26px;
		}
		.footer p.first {
			margin-top:0px;
		}
	
	.footer span.glyphicons {
	margin-top:4px;
	}
	
	.footer a { color:#083572;}
	.footer a:hover { 
		color:#999;
		text-decoration:none;
		}


span.line { border-bottom: 1px solid #fff; display:block;margin-top:10px; margin-bottom:10px;}

.footer-bottom { padding:10px 15px 10px 15px; background:#fff;}	
.footer-bottom p { margin-bottom:0;}	
		   	

/*Extras*/
.slimbox img {
	margin:8px;
	}
	
a.btn-default {
	border-color:#002c68;
	background-color:#00142f;
	color:#fff;
	width:100%;
	border-radius:0;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	}
	a.btn-default:hover {
	border-color:#002c68;
	background-color:#ccc;
	color:#013986;
	width:100%;
	border-radius:0;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	}
	input, select, textarea 
{
	font-size:12px; 
	padding:2px;
    border:1px solid #888;
    margin:3px;
}

	input:hover, textarea:hover {

	border:1px solid #888;
	}

form 
{
}
form1 
{
	width:100%;
}
.form01 {
    float: left;
    width: 120px;
}
form hr { border-color: #666}

		
.nowrap {white-space: nowrap;}

/* BOTTOM CMS */
/* TOP */
.top_navi {margin-left: 10px;margin-top: 2px;float: left;}
.top_navi li {float: left;list-style: none;padding: 5px 5px 0 5px;}
.top_navi .glyphicons:before, .top_navi .social:before {color: #fff;}
.top_navi .glyphicons:hover:before, .top_navi .social:hover:before {color: #9bc13a;}

.bottom {margin-top: 10px;padding:0;}
.u1, .u2, .u2-extra {padding-left: 20px;}
.u2-extra li {float: left;list-style: none;margin-right: 20px;margin-top: 50px;}
.bottom .glyphicons {display: block;}
.bottom .glyphicons:before {color: #9bc13a;}
.bottom .u1 ul li {float: none; list-style: none;margin-right: 20px; margin-top: 15px;color: #fff;letter-spacing: 2px;}
.bottom h2 {font-size: 1.1em; color: #fff;margin: 0px; padding: 0px;margin-top: 40px;letter-spacing: 2px;}
.bottom h3 {font-size: 4em; color: #9bc13a;margin: 0px; padding: 0px;margin-top: 30px;}
.bottom h4 {font-size: 1em; color: #888;margin: 0px; padding: 0px;margin-top: 15px;letter-spacing: 2px;}
.bottom a {text-decoration: none;}
.bottom h3:hover, .bottom h4:hover {color: #9bc13a;}
.bottom .social:before {color: #fff;font-size: 2.5em;}
.bottom .social:hover:before {color: #9bc13a;}
.bottom .col-md-4 {margin-top: 30px;}

.copyright {
    color: #aaa;
    padding: 10px 20px;
}
.trenner {border-right: 1px dashed #9bc13a;}
.color-02 { background-color:#3a3a3a;}
.border-01 {border-top: 2px solid #00142f;}
.border-02 {border-top:8px solid #ccc;}

/*TABLE*/
.table{ max-width: 100%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
	font-weight:700;
}
.big	{font-size:18px;}

.zerlegbar {padding: 0px 7px;}
.kontaktbox {width: 40%;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #ddd;}
.wg-table {width: 17%;}
.fahrstuhl {padding-top: 5px;}

@media (max-width: 991px){
.table td { display:block;}
.icons-top { float:none;}
}
@media (max-width: 767px){
.navigation #p7menu li {
	float:none;
	width:100%;
	line-height:20px;	
	}
	.navigation #p7menu li ul {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	}

}