/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {font-family:Courier, Courier-New; padding:0;background-color:rgb(227,232,232);}

.navbar {margin-bottom:0;}
.navbar .brand {display:block; width:auto; float:none;font-size:36px; font-weight:bold; color:rgb(75,108,52); text-shadow:none; padding-top:24px; padding-bottom:24px;width:10em;float:left;}
.navbar .impressum {display:block; text-align:right;padding-top:29px;font-weight:bold;}
.navbar .container,
.container {width:870px;max-width:100%;}
.container a {color:rgb(75,108,52);}
.navbar .navbar-inner {background-color:transparent;background-image:url();border-width:0;}
.navbar .nav > li > a {	font-size:18px; font-weight:bold; color:#000; text-shadow:none; padding: 7px 10px; margin-right:1em;}
.navbar .nav > .active > a, .navbar .nav > li > a:hover {
	background-color:transparent;box-shadow:none;
	color:#fff;
	background-color:rgb(75,108,52);

	}
.navbar .nav > li > a:hover { }
.navbar.nav2 .nav > li > a {	margin-right:0.4em; font-size:17px;  }
.navbar.nav2 .nav > li.active > a, .navbar.nav2 .nav > li > a:hover {background-color:rgba(75,108,52,0.5);color:#000;}
.navbar.nav2 .container { border-top:3px solid rgb(75,108,52); padding-bottom:24px; }

.hero-unit {padding:60px; display:none; }

.span2 {width:110px;}

.controls-row [class*="span"] + [class*="span"] {
    margin-left: 24px;
  }

hr {border-color:rgb(75,108,52);border-width:0 0 3px 0; margin-top:0; }

footer { font-family: verdana; font-size:11px;}
footer ul { list-style:none; }
footer li {padding:0;margin:0;line-height:1.2em;}
footer a {color:#000!important;}
footer a:hover {color:rgb(75,108,52);}


.bilder {width:auto;max-width:910px;padding-bottom:40px;}
.bilder img {box-shadow:3px 3px 3px rgb(100,100,100);margin-bottom:30px;width:150px!important;height:150px!important;transition:0.3s}
.bilder img:hover {box-shadow:5px 5px 5px rgb(100,100,100);position:relative;top:-2px;left:-0px;transform: rotate(-0.5deg);
   -moz-transform: rotate(-0.5deg);
   -webkit-transform: rotate(-.5deg);}
.bilder .ut {display:block;padding:10px 8px 8px 8px;font-weight:bold;font-size:18px;background-color:rgba(255,255,255,0.6);margin-top:-30px;}

h1 {display:block; width:134px;;padding:10px 8px 8px 8px;font-weight:bold;font-size:18px;background-color:rgba(255,255,255,0.6);margin:0;color:rgb(75,108,52)}

/* .bilder a {display:block;float:left;margin-right:30px;}
.bilder a.last {float:none;margin-right:0px;} */

.gruen-titel {padding:8px;background-color:rgba(75,108,52,0.5);font-size:17px;font-weight:bold;}

.row + .row { margin-top:16px; }
[class*="span-"] {padding:16px 8px;}
.span-l {width:494px;background-color:rgba(255,255,255,0.6);/*min-height:380px;*/max-width:86%;
	position:relative; left:10px;}
.span-r {width:314px;background-color:rgba(100,100,100,0);max-width:100%; padding-top:0;}
.gruenblock {padding:16px 0px;margin-right:20px;position:relative; left:10px;}
.gruenblock .span-r {width:294px;}
.gruenblock [class*="span-"] {background-color:transparent;}
.gruenblock [class*="span-"]:first-child {margin-left:0;}
.gruenblock {display:block;background-color:rgba(179,194,180,0.5)!important;margin-left:30px!important;}
.gruenblock:before,
.gruenblock:after {
    display: table;
    line-height: 0;
    content: "";
  }
.gruenblock:before,
.gruenblock:after {
	clear:both;
}
.span-r.text {background-color:rgba(255,255,255,0.6);}

.text {font-family:Verdana; padding-top:30px;}
.text h1, 
h1.text {font-size:18px;font-weight:normal;line-height:1.2em;margin:0;padding:10px 0 20px 10px;width:auto;color:#000;
	background-color:transparent;}
.text p {line-height:1.2em;}
.text p.indent {padding-left:60px; padding-right: 30px;}
.mittig {text-align:center;}

.span-r img {box-shadow:3px 3px 3px rgb(100,100,100);}

@media (max-width: 869px) {
	.navbar-inner {padding:0 10px;}
	.span-l, .gruenblock {left:0; margin-bottom:10px;}
	.span-l.text p {height:auto!important;}
	.gruenblock {margin-right:0;}
	div.bilder.row {margin-left:-10px;}
	div.bilder.row a.span {margin-left:20px;}
	.text p.indent {padding-left:30px; padding-right: 10px;}
}