@charset "UTF-8";
/* Bildungswerk Kronsberghof GRID-0 CSS */
/* für bootstrap-480-751-990 */

@media all {
	
/* ------------- Body ---------------- */	

[class*="col-"] {
 	padding: 0px;
}

body {
	padding-top:77px;
}

div.csc-default, div.dce-section {
	clear:both;
}

.clear {
	clear:both;
	float:none;
	height:1px;
	width:100%;
}

div#log {
	position:fixed;
	top:0px;
	left:0px;
	width:30px;
	height:20px;
	background:#fdfdfd;
	color:#444444;
	z-index:30000;
	text-align:center;
}

.container {
	width: 100%;
	/*kein Padding ändern!*/
}

noscript {
	position:fixed;
	top:0px;
	text-align:center;
	color:red;
}

/* --- Accordion --- */

a.mehr-termintext.offen {
	display:none;
}

a.schliessen {
	text-decoration:underline;
}

a.mehr-menu {
	float:right;
	width:23px;
	height:17px;
	margin-left:24px;
	margin-top:4px;
	text-decoration:none;
}

a.mehr-menu:focus, a.mehr-menu:hover, a.mehr-menu:active {
	text-decoration:none;
}

a.mehr-menu.offen {
	background: transparent url("../bilder/_standards/menu-big-up.png") no-repeat scroll center center;
}

a.mehr-menu.geschlossen {
	background: transparent url("../bilder/_standards/menu-big-down.png") no-repeat scroll center center;
}

/* --- PageScroll --- */
/*
.pagescroll-gesamtbox {
	width:138px;
	height:37px;
	position:fixed;
	top:77px;
	right:0px;
	background:#a1c75f;
	z-index:2000;
	opacity:0.95;
}

.pagescroll-down a {
	float:left;
	width:47px;
	height:37px;
	background: transparent url("../bilder/_standards/pagescroll-down.png") no-repeat scroll center center;
}

.pagescroll-up a {
	float:left;
	width:45px;
	height:37px;
	background: transparent url("../bilder/_standards/pagescroll-up.png") no-repeat scroll center center;
}
*/

.pagescroll-pageup {
	display:block;
	clear:both;
	width:100%;
	height:37px;
	margin-top:35px;
}

.pagescroll-pageup a {
	display:block;
	clear:both;
	width:46px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	background: transparent url("../bilder/_standards/pagescroll-pageup.png") no-repeat scroll center center;
}


/* ------------- Kapitelkopf ---------------- */

.kapitelkopf {
	position:relative;
}

.kapitelkopf img {
	width:100%;
	height:auto;
	display:block;
}

#kap-headline {
	width:300px;
	height:180px;
	position:absolute;
	bottom:10%;
	right:21%;
}

#kap-headline h1 {
	width:auto;
	margin-top:0;
	margin-bottom: 0em;
	line-height: 1.1em;
	font-size: 36px;
	font-weight:bold;
	color: #fdfdfd;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: 0px 0px 6px black;
}

#kap-headline h1 span {
	font-size: 18px;
	font-weight:normal;
	line-height: 0.6em;
	text-transform: uppercase;
	
}

#bienen-button {
	width:136px;
	height:136px;
	position:absolute;
	bottom:-20px;
	right:50px;
	background: transparent url("../bilder/bienen-button.png") no-repeat scroll center center;
}


/* ------------- Kästen Startseite ---------------- */

.bildkaesten  {
	padding:38px 0px 18px 0px;
}

.bildkasten-gesamtbox {
	margin-left:auto;
	margin-right:auto;
}

.kasten-box {
	width:240px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:32px;
}

a.kasten-thema-box:hover .kasten-thema, a.kasten-thema-box:focus .kasten-thema, a.kasten-thema-box:active .kasten-thema {
	background:#dde3ee;
}

a.kasten-thema-box:hover span.kasten-pfeil, a.kasten-thema-box:focus span.kasten-pfeil, a.kasten-thema-box:active span.kasten-pfeil {
	color: #92b222;
}

a.kasten-thema-box:hover .kasten-termine, a.kasten-thema-box:focus .kasten-termine, a.kasten-thema-box:active .kasten-termine {
	background:#a5c967;
}

/*
.kasten-termine:focus, .kasten-termine:hover, .kasten-termine:active {
	text-decoration: none;
	background-color: #a5c967;
}
*/

.kasten-thema {
	width:220px;
	height:67px;
	background: #e7edf7;
}

.kasten-thema h1 {
	float:left;
	width:195px;
	max-height:67px;
	margin-bottom: 0em;
	line-height: 1.1em;
	font-size: 16px;
	color: #62941c;
	padding-left:12px;
	margin-top:-2px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.kasten-pfeil {
	display:block;
	float:right;
	font-size: 12px;
	color: #c1d893;
	padding-right:5px;
	padding-top:27px;
}

.kasten-bild {
	width:220px;
	height:153px;
	border-bottom: 12px solid #e7edf7;
	overflow:hidden;
}

.kasten-termine {
	width:220px;
	height:37px;
	height:24px;
	background: #c1d893;
}

.kasten-termine p {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-size: 15px;
	color: #fdfdfd;
	text-align:center;
	padding-top:10px;
	margin-bottom:0px;
}

span.kasten-pfeil-termin {
	font-size:10px;
	top:0px;
	color: #fdfdfd;
}

a.kasten-termine-box:hover, a.kasten-termine-box:focus, a.kasten-termine-box:active {
	text-decoration:none;
}


/* ------------- Terminebox/Aktionsbox ---------------- */

.termine-gesamtbox {
	margin-left:auto;
	margin-right:auto;
	padding-left:240px;
	width:940px;
}

.termine-oberkategorie {
	width:100%;
	background:#adcd71;
	padding:6px 16px 6px 16px;
	color:#fdfdfd;
	letter-spacing:0.1em;
	margin-bottom:46px;
}

.termine-oberkategorie h1, .termine-oberkategorie h1 strong {
	color:#fdfdfd;
	margin-bottom:0px;
}

.termine-oberkategorie h1 {
	font-size:21px;
}

.termine-oberkategorie h1 strong {
	padding-left:2px;
	text-transform: uppercase;
}

.termin-dreieck {
	float:left;
	background: transparent url("../bilder/termin-dreieck.png") no-repeat scroll center center;
	width:38px;
	height:29px;
	margin-top:5px;
	margin-left:68px;
}

.termine-unterkategorie {
	width:100%;
	xxxbackground:#eaf2dc;
	background:#f3f5ec;
	padding:8px 16px 10px 16px;
	color:#fdfdfd;
	margin-bottom:25px;
}

.termine-unterkategorie h2, .termine-unterkategorie h2 strong {
	color:#91b15b;
	margin-top:0px;
	margin-bottom:0px;
	line-height: 1.2em;
}

.termine-unterkategorie h2 {
	font-size:16px;
}

.termine-unterkategorie a {
	padding-left: 11px;
	color:#91b15b;
	font-size:12px;
	text-decoration:underline;
}

.termine-unterkategorie a:hover, .termine-unterkategorie a:focus, .termine-unterkategorie a:active {
	text-decoration:underline;
	color:#689d25;
}



.termine-box, a.aktionsbox {
	margin-bottom:32px;
	margin-top:24px;
}

.termine-headbox {
	width:100%;
	display:block;
	background:#e7edf7;
	padding:8px 16px 11px 16px;
	color:#fdfdfd;
	border-top:4px solid #a3c665;
}

.termine-headbox:focus, .termine-headbox:hover, .termine-headbox:active {
	text-decoration: none;
	background:#e3eaf6;
}

.termine-headbox h1, .termine-headbox h1 span {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#616874;
	margin-top:0px;
	margin-bottom:0px;
	letter-spacing:0px;
}

.termine-headbox h1 {
	font-size:20px;
}

.termine-headbox span.datum {
	float:right;
	padding-left:28px;
	white-space:nowrap;
}

.termine-textbox {
	background:#ffffff;
	padding:0px 16px 1px 16px;
	min-height:148px;
}

p.termine-textbox-clear {
	clear:both;
	height:1px;
	margin:0px;
}

.termine-textbox p.klapptext {
	padding-top:7px;
	margin-bottom:0.8em;
}

.termine-textbox p span.info {
	margin-right:21px;
}

.termine-textbox p span.info strong {
	color: #80ae3c;
	white-space:nowrap;
}

.terminepic-bu-right {
	float: right;
	display: inline;
	overflow:hidden;
	margin-left: 10px;
	margin-right:-16px;
	margin-bottom: 10px;
	width: 220px;
	height:148px;
}

/* --- Termine aufklappen --- */

a.mehr-termintext {
	white-space: nowrap;
}

a.mehr-termintext.offen {
	display:none;
}

a.termin-schliessen {
	float: right;
	margin-bottom:0.8em;
	display:block;
	text-decoration:underline;
}

/* --- Aktionsbox (baut auf Terminebox auf) --- */

.aktionsbox .termine-textbox {
	background:#f6f2ea;
}

a.aktionsbox {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#5f5f55;
	border-top:4px solid #e18f07;
}

a.aktionsbox:focus .termine-textbox, a.aktionsbox:hover .termine-textbox, a.aktionsbox:active .termine-textbox {
	background-color: #f4efe4;
	text-decoration: none;
}

a.aktionsbox .termine-textbox {
	padding-top:13px;
}

a.aktionsbox h2 {
	padding:0px;
	margin:0px;
	margin-bottom:7px;
	margin-top:2px;
	line-height:1.2em;
	color:#616874;
	font-size:20px;
}

a.aktionsbox span {
	white-space: nowrap;
	color: #ee8900;
}

a.aktionsbox span.glyphicon {
	top:-2px;
	font-size:11px;
	white-space: nowrap;
	color: #79754f;
}

a.aktionsbox span img {
	padding-bottom:2px;
}


/* ------------- Redaktioneller Inhalt ---------------- */

.redaktion-gesamtbox {
	margin-left:auto;
	margin-right:auto;
	padding-left:240px;
	padding-top:16px;
	width:940px;
}

.redaktion-oberkategorie {
	width:100%;
	background:#eaf2dc;
	padding:8px 16px 10px 16px;
	margin-bottom:25px;
}

.redaktion-oberkategorie h1, .redaktion-oberkategorie h1 strong {
	color:#91b15b;
	margin-top:0px;
	margin-bottom:0px;
	line-height: 1.2em;
	font-size:16px;
}

.textpic-bu-left {
	clear:both;
	float: left;
	display: inline;
	overflow:hidden;
	margin-right: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 375px;
}

.textpic-bu-right {
	clear:both;
	float: right;
	display: inline;
	overflow:hidden;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 375px;
}

.textpic-bu-left-hoch {
	clear:both;
	float: left;
	display: inline;
	overflow:hidden;
	margin-right: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 220px;
}

.textpic-bu-right-hoch {
	clear:both;
	float: right;
	display: inline;
	overflow:hidden;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 220px;
}

.textpic-bu-left strong, .textpic-bu-right strong, .textpic-bu-left-hoch strong, .textpic-bu-right-hoch strong, .bildgalerie strong, .medien-einbindung strong, .eigenes-bild strong, .logo-mit-text strong {
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 12px 1.3em 5px 1.3em;
	background: none;
	font-size:11px;
	font-weight: normal;
	color: #689d25;
	font-style:italic;
}

.bildgalerie strong, .medien-einbindung strong, .eigenes-bild strong, .logo-mit-text strong {
	margin-bottom: 7px;
}

.textpic-bu-left strong img, .textpic-bu-right strong img, .textpic-bu-left-hoch strong img, .textpic-bu-right-hoch strong img, .bildgalerie strong img, .eigenes-bild strong img {
	margin-top:-12px;
	margin-right:4px;
	width:auto;
}

.bildgalerie {
	display:block;
	width:100%;
	min-height: 0px;
	clear:both;
	margin-top:3px;
	margin-bottom:5px;
}

.bildgalerie a:focus, .bildgalerie a:hover, .bildgalerie a:active {
	text-decoration: none;
}

.bildgalerie a img {
	width:136px;
	height:128px;
	margin-right:14px;
	margin-bottom:17px;
}

.bildgalerie strong {
	margin-top:-17px;
	padding-bottom:7px;
}

.medien-einbindung {
	display:block;
	width:100%;
	margin-top:3px;
	margin-bottom:5px;
}

.medien-einbindung iframe {
	width:585px;
	border:0;
}

.medien-einbindung strong {
	padding-top:7px;
}

.eigenes-bild {
	display:block;
	width:100%;
	margin-top:7px;
}

.eigenes-bild img {
	max-width:700px;
	overflow:hidden;
}

.logo-mit-text {
	width:220px;
	height:195px;
	overflow:hidden;
	float:left;
	margin-top:21px;
	margin-bottom:21px;
	margin-right:12px;
}

.logo-bild {
	width:220px;
	height:135px;
	overflow:hidden;
}

.logo-bild a {
	background: transparent;
	padding-left: 0px;
	display:block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.logo-bild a img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}

a.link-ohne {
	cursor:default;
}

a.terminhinweis {
	display:block;
	width:288px;
	height:79px;
	padding-top:21px;
	padding-bottom:21px;
}

a.terminhinweis:focus, a.terminhinweis:hover, a.terminhinweis:active {
	opacity:0.8;
}

div#c1751 a.terminhinweis {
	display:block;
	width:288px;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
}


/* ------------- Submenu ---------------- */

.submenu {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	width:956px;
	margin-top:21px;
}

.submenu ul {
	margin-left:9px;
	margin-right:0px;
	width:100%;
	margin-bottom:0px;
}

.submenu li {
	float:left;
	font-size:14px;
	line-height: 1.2em;
	width:227px;
	height:57px;
	margin-left:0px;
	margin-right:12px;
	margin-bottom:13px;
	padding-bottom:0px;
	list-style-type: none;
	list-style-image: none;
	xxxbackground:#ededed;
	background:#f0f0f0;
	border-radius:16px;
}

.submenu li a {
	display:block;
	color: #62941c;
	width:100%;
	height:100%;
	padding:0px 6px 0px 16px;
}

.submenu li a span {
	display:block;
	position: relative;
	top: 48%;
	-webkit-transform: translateY(-48%);
	-ms-transform: translateY(-48%);
	transform: translateY(-48%);
}

.submenu li a:focus, .submenu li a:hover, .submenu li a:active {
	text-decoration: none;
	background:#eaf1dc;
	border-radius:16px;
}

.submenu li.active a {
	xxxbackground: #eaf1dc;
	background: #e4ebd4;
	border-radius:16px;
}


/* ------------- Sitemap ---------------- */

.sitemap {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.linie-footer-abstand {
	border-bottom: 1px #cecece solid;
	height:50px;
	clear:both;
	margin-bottom:27px;
}

.sitemap-trennlinie-dotted {
	border-bottom: 1px #cecece dotted;
	height:1px;
	clear:both;
	margin-bottom:27px;
}

#sitemap-trenn-2, #sitemap-trenn-3, #sitemap-trenn-6 {
	display:none;
}

.sitemap h1 {
	padding-left:8px;
	color:#c9c9c9;
}

.sitemap ul {
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:240px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:24px;
}

.sitemap li {
	font-size:12px;
	line-height: 1.2em;
	padding-bottom:8px;
	width:220px;
	margin-left:0px;
	list-style-type: none;
	list-style-image: none;
}

.sitemap li a {
	color: #999999;
}

.sitemap li a:focus, .sitemap li a:hover, .sitemap li a:active {
	color: #555555;
	text-decoration: none;
}

.sitemap li.active {
	list-style-image: url("../bilder/_standards/listenpunkt-gruen-innen.gif");
}

.sitemap li.active a {
	color: #80ae3c;
}

.sitemap li.menuhead a {
	font-size:11px;
	font-weight:bold;
	color: #80ae3c;
	text-transform:uppercase;
}


/* ------------- Footer ---------------- */

.footer-trennlinie {
	border-bottom: 1px #cecece solid;
	height:1px;
	clear:both;
}

.footer-gesamtbox {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

a.footer-logo {
	float:left;
	background: transparent url("../bilder/kronsberghof-logo-footer.png") no-repeat scroll left top;
	width:218px;
	height:50px;
	margin-top:36px;
	margin-bottom:38px;
	margin-left:12px;
	margin-right:18px;
}

.footer-adressenbox {
	margin-top:57px;
}

.footer-adresse {
	float:left;
	margin-bottom:2px;
}

#footer-email{
	margin-bottom:24px;
}

.footer-adresse a {
	color:#999999;
}

.footer-adresse a:focus, .footer-adresse a:hover, .footer-adresse a:active {
	color:#999999;
}

a.footer-spenden {
	float:right;
	background: transparent url("../bilder/spenden.png") no-repeat scroll left top;
	width:69px;
	height:70px;
	margin-top:16px;
	margin-bottom:38px;
	margin-left:10px;
	margin-right:12px;
}

a.footer-logo:focus, a.footer-logo:hover, a.footer-logo:active, a.footer-spenden:focus, a.footer-spenden:hover, a.footer-spenden:active {
	text-decoration:none;
}

#copyright {
	text-align:center;
	color: #fdfdfd;
	margin-left:auto;
	margin-right:auto;
	padding-top:11px;
}

.footer-endbalken {
	clear:both;
	float:none;
	width:100%;
	height:46px;
	background:#adcd71;
}

#preload {
	display: none;
}



/* ------------- Navbar ---------------- */

.navbar {
	font-family: "PT Sans Caption", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:0px;
	opacity:0.95;
	background:#a1c75f;
}

.navbar-toggle {
	margin-right:27px;
	background-color:#fdfdfd;
}

.navbar-header {
	height:77px;
}

.navbar-brand {
	width:259px;
	height:59px;
	margin-top:12px;
	margin-left:29px!important;
	padding:0px;
	background: transparent url("../bilder/kronsberghof-logo.png") no-repeat scroll center center;	
}

.nav-button-label, .nav-menudivider, #ie-suchbutton {
	display:none;
}

.navbar-collapse {
	float:right;
	padding-top:27px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:#c1d893;
}

.navbar-nav li {
    padding-bottom:0px;
	margin-left: 0px;
}

.navbar-default .navbar-nav > li > a {
	color: #fdfdfd;
	font-size:14px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	padding-left:13px;
	padding-right:13px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #444444;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #e4eaef;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #555555;
	background-color: transparent;
	background-color: #c1d893;
}

.form-control {
	background-color:#fdfdfd;
}

ul.dropdown-menu {
	border:0;
}

#suche-nav input {
	width:145px;
}

.home-suche {
	width:auto;
	height:34px;
	margin:8px 0px;
	float:left;
}

a.homebutton, a.suchebutton {
	display:block;
	float:left;
	width:65px;
	height:34px;
	margin-left:15px;
	padding-top:7px;
	background-color:#84b33e;
	background-color:#8dba48;
	border-radius:12px;
	font-size:16px;
	text-align:center;
	color:#fdfdfd;
}

a.homebutton:focus, a.homebutton:hover, a.homebutton:active, a.suchebutton:focus, a.suchebutton:hover, a.suchebutton:active {
	background-color:#80b03a;
}

a.suchebutton {
	font-size:18px;
	padding-top:5px;
	margin-right:26px;
}


/* yamm-Navigation */

.yamm .yamm-content {
    padding-left: 18px;
    padding-right: 30px;
	padding-top: 11px;
	padding-bottom: 9px;
}

.yamm-content ul {
	float:left;
	width:160px;
	margin-left:14px;
	margin-right:1px;
}

.yamm-content li {
	font-size:12px;
	line-height: 1.2em;
	padding-bottom:8px;
	list-style-type: none;
	list-style-image: none;
}

.yamm-content li a {
	color: #999999;
}

.yamm-content li a:focus, .yamm-content li a:hover, .yamm-content li a:active {
	color: #555555;
	text-decoration: none;
}

.yamm-content li.active {
	list-style-image: url("../bilder/_standards/listenpunkt-gruen-innen.gif");
}

.yamm-content li.active a {
	color: #80ae3c;
}

.yamm-content li.menuhead a {
	font-size:11px;
	font-weight:bold;
	color: #80ae3c;
	text-transform: uppercase;
}

}