html, body {height:101%; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: justify;}
body {margin:0; padding:0}
.clear{clear:both;}

h1 {font-size: 1.5em; padding-bottom: 15px; color: #555;}
h2 {font-size: 1.3em; padding-bottom: 10px; color: #555;}
h3 {font-size: 1.1em; padding-bottom: 10px; color: #555;}
h4 {font-size: 1em; padding-bottom: 10px; color: #555;}

.container {width: 100%; background: url(../Images/bg-top.gif) repeat-x; height: 200px;}
.wrapper {width: 918px; margin: 0px auto;}

/* NAVIGATION */

.navigation {margin-top: 20px;}
.navigation ul {width: 885px; background-image: linear-gradient(to top, #cecece, #ececec);border-bottom: 1px solid #777;}
.navigation ul li {float: left; border-left: 1px solid #ccc;}
.navigation ul li:last-child {border-right: 1px solid #ccc;}
.nav > li > a:focus, .nav > li > a:hover {background-image: linear-gradient(to top, #333, #888); color: #fff;}
.navigation .active a {background-image: linear-gradient(to top, #333, #888); color: #fff;}
.navigation ul li a {color: #333; font-size: 0.9em;}

.navbar-default { background-color: transparent; border-color: transparent;}

li.item-101 a {color: transparent !important; margin-top: -1px;}
li.item-120 a {color: transparent !important; margin-top: -1px;}
.glyphicons-home:before {color: #333; padding: 0px; font-size: 1.4em; }
.glyphicons-home:focus:before, .glyphicons-home:hover:before {color: #fff;}
.active .glyphicons-home:before {color: #fff;}

/* FADER */
.fader img {width: 100%;}

.logo-name {position: absolute; bottom: 0px; left: 30px;}
.logo-name h2 {color: #fff; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.9)}

/* AKTUELLES */
.aktuelles h2 {background: url(../images/pfad.gif) repeat-x; color: #fff; padding: 11px 15px;}

/* BOTTOM */
.bottom {border-top: 1px solid #ccc; width: 100%; margin-top: 20px;}
.bottom ul li {float: left;}
.bottom ul li a {color: #666;}
.bottom ul li a:hover {color: #333; background: none;}
.bottom ul.nav {width: 310px;;margin: 0px auto;}

/* SCROLL TO TOP */
#scrollToTop {font-size: 1.9em; padding: 4px 10px 0px 8px;}

/* KONTAKTFORMULAR */
#b2jcontainer_c115, #b2jcontainer_c127 {margin-top: 20px !important;}
.b2jcontainer h2, .b2jcontainer h2 {background: transparent; color: #555; padding: 11px 15px; font-size: 1.3em !important;}
div#b2jcontainer_c115.b2jcontainer {border: 0px solid transparent;}
#b2jcontainer_c127 {border: 0px solid transparent;}

/* ---------- RESPONSIVE DESIGN ----------*/
@media screen and (max-width: 700px) {
	.wrapper {width: 100%;}
	.nav > li > a {float: none;}
	.navigation ul li {width: 100%;}
	.navigation ul {margin-bottom: 20px;}
}