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

/*bootstrap Zeilen 3235, 3658, 3669, 4181 und 4212 rausgenommen (hover-Farben)*/

/*Rücken des Menues im IE Windows entspricht bootstrap 3996 navbar-nav margin: 7.5px -15px, noch mal nachschauen*/

.Linie_Abstand_Hauptmenue_waagerecht{
	padding-top: 2px !important;
    padding-bottom: 2px !important;
	border-right: 1px solid #bbb;
}
.Abstand_Hauptmenue_waagerecht_rechts{
	padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.navbar_mod li .navbar_rechter_Link{
	border-right: 0px;
}


.navbar-nav_mod{
	/*Abstand der Navigationsleiste nach oben*/
	margin-top: 48px;
	/*mögliche Definitionen für Schrift der Hauptmenues*/
	/*font-weight: 700;*/
}


.navbar-default_mod{ /*Fläche hinter und oberhalb von Hauptmenue*/
	background: none;
	border: 0px;
}
.container-fluid_mod{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.navbar-collapse_mod{
	padding-left: 0px;
}
.Linie_in_Submenue{
	height: 1px;
	clear: both;
	float: left;
	width: 75%;
	background: #ddd;
	margin-left: 20px;
}
.dropdown-menu_mod{
	padding-top: 5px;
}

/*für Smartphone*/
@media (max-width: 992px) {
	
	/*Schatten bei Test_10_Menue_bootstrap.css Linie 3194 (wie bei Desktop-Variante)
	für Schatten links bei aufgeklapptem Menue padding-left 0px bei bootstrap 3644 rausnehmen
	steht bei 4001 als gestrichen bezieht sich nur auf das Untermenü, da bei der waagerechten Variante nur das Untermenue einen Schatten hat.
	Jetzt soll aber das Hauptmenü auch bei Smartphone einen Schatten haben.
	Die Gesamtfläche vom Klappmenue Smartphone hat jedoch keine Fläche, nur die einzelnen Balken.*/
	.navbar-nav > li {
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	/*entsprechend kann bei der bestehenden Konstruktion keine Linie um die Gesamtfläche gezogen werden
	daher Klassen für äußere Linien der Balken: oberster Balken, alle mittleren Balken, unterer Balken
	muss entsprechend in die Links der Haupt- und Submenues eingesezt werden*/
	.Bo{
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.Bm{
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.Bu{
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	
	.navbar-default_mod{
		background: none; /*ist die größere Fläche um die aufgeklappte Navbar mit Schatten*/
	}
	
	
	/*für schwarzen Hauptmenue-Button*/
	.navbar-toggle_mod{
		border: 0px;
		background: #000;
		margin-top: 0px;
		margin-bottom: 0px;
		/*schwarzer Hauptmenue-Button oben keine runden Ecken*/
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;  
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	/*.navbar-toggle:hover bei Test_04_Menue_bootstrap.css 4201 rausgenommen
	weiße Linien und Abstände im schwarzen Button*/
	.navbar-toggle .icon-bar_mod + .icon-bar_mod{
		margin-top: 6px;
	}
	.navbar-toggle .icon-bar_mod{
		width: 26px;
		height: 4px;
	}
	/*Ende für schwarzen Hauptmenue-Button*/
	
	
	/*Breite des ausgeklappten Menues*/
	.navbar-nav li{
		width: 300px;
		margin-right: 15px;
		background: #fff;
	}
	.navbar-nav_mod{
		margin-top: 0px; /*Abstand der Navbar zum Button*/
		margin-left: 0px; /*Abstand der Hauptmenuetexte zur Fläche*/
		margin-bottom: 15px; /*damit der Schatten ganz zu sehen ist*/
	}
	.container-fluid_mod{
		padding-bottom: 0px;
	}
	.dropdown-menu_mod{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.dropdown-menu_mod li a{
		margin-left:0px;
	}
	.navbar-collapse_mod{
		border: 0px;
	}
	.Linie_in_Submenue{
		width: 250px;
		margin-left: 25px;
	}
	.navbar_mod li a{
		border-right: 0px;
	}
	.Linie_Abstand_Hauptmenue_waagerecht{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		border-right: 0px;
	}
	.Abstand_Hauptmenue_waagerecht_rechts{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.Linie_in_Hauptmenue{
		height: 1px;
		clear: both;
		float: left;
		width: 100%;
		background: #ddd;
		margin-top: -30px;
	}
}