/**************************
	INHALTSVERZEICHNISS

	- GENERAL
	- HEADER
	- HEADER_LOGO
	- HEADER_NAVIGATION
	- MENU
	- CONTENT
	- KITA_DETAILS
	- DOCUMENTS
	- ROUTING
	- PRINTPAGE
	- MAP_DETAILS
	- TREFFERLISTE
	- TREFFERLISTE_PRINT_PAGE
	- VORANMELDUNG
	- FOOTER
	- IE 7 HACKS
**************************/

@charset "UTF-8";

body{
	font-size: 1.4em;
	color: #333;
}

a, a.btn.btn-link{
	color: #000;
	font-weight: bold;
}
 a:hover, a.btn.btn-link:hover{
	color: #A80345;
}
.wk_hp{
	display: none;
}

.wk_body_style{
	padding-top: 127px;
}

/*HEADER*/

nav{
	font-size: 0.85em;
}

form.bs-docs-sidenav,
#sidebar .list-group{
	font-size: 0.85em;
}

.logo-frielendorf{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 183px;
}

.navbar-toggle .icon-bar{
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

.navbar-toggle .icon-bar + .icon-bar{
	margin-top: 4px;
}

.icon-bar{
	background-color: #000;
}



.navbar{
	border-bottom: none;
}

.responsive-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 59.5%;
	height: 100%;
}

.responsive-video{
	position: relative;
	padding-bottom: 25.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-left: 25%;
}

.cell-kitainfo a.btn.btn-link{
	padding-left: 0;
}

.cell-kitainfo a.btn.btn-link i{
	margin-right: 3px;
}

.navbar-default .navbar-nav > li > a, .dropdown-menu li a, .navbar-default .btn-link{
	color: #8eb647;
}

.panel-title a,
h1.Headline{
	color: #A80345;
}
h1.Headline{
	border-bottom: 1px solid #A80345;
}


.headerpic{
	margin-bottom: 10px;
}

.headerpic-frielendorf{
	width: 100%;
	max-height: 450px;
}

@media (min-width: 1200px){
	
	#navbar ul.nav{
		margin-top: 60px;
		margin-left: 100px
	}
	div#navbar li.active > a{
		
		color: #A80345;
	}
/*
	#navbar ul.nav a.active{
		background: url("arrow_down.png") no-repeat scroll 50% 8px;
	}
	*/
	
	#navbar ul.nav a{
		color: #000;
		font-size: 17px;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover{
		color: #A80345;
		background: transparent;
		text-decoration: underline;
	}
	
	.header-balken{
		height: auto;
		background-color: transparent;
	}
		
	.balken1{
		float: left;
		background-color: #ffcc03;
		min-height: 10px;
		width:33.33%;
		border-right: 1px solid #fff;
	}

	.balken2{
		float: left;
		background-color: #a81548;
		min-height: 10px;
		width:33.33%;	
		border-right: 1px solid #fff;
	}

	.balken3{
		float: left;
		background-color: #019939;
		min-height: 10px;
		width:33.33%;	
	}
}

@media (max-width: 1200px){	

	#navbar ul.nav{
		margin-top: 60px;
		margin-left: 70px
	}
	
	div#navbar li.active > a{		
		color: #A80345;
	}
	
	#navbar ul.nav a{
		color: #000;
		font-size: 15px;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover{
		color: #A80345;
		background: transparent;
		text-decoration: underline;
	}
	
	.header-balken{
		height: auto;
		background-color: transparent;
	}
		
	.balken1{
		float: left;
		background-color: #ffcc03;
		min-height: 10px;
		width:33.33%;
		border-right: 1px solid #fff;
	}

	.balken2{
		float: left;
		background-color: #a81548;
		min-height: 10px;
		width:33.33%;	
		border-right: 1px solid #fff;
	}

	.balken3{
		float: left;
		background-color: #019939;
		min-height: 10px;
		width:33.33%;	
	}
}

@media (max-width: 992px){

	.navbar-header button{
		margin-top: 40px;
		background-color: #fff;
		border: 1px solid #ddd;
		z-index: 1;
	}
	.wk_navbar_background{
		margin-left: -25px;
	}
	
	#navbar ul.nav{
		margin-top: 60px;
		margin-left: 0px
	}
	
	div#navbar li.active > a{		
		color: #A80345;
	}
	
	#navbar ul.nav a{
		color: #000;
		font-size: 13px;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover{
		color: #A80345;
		background: transparent;
		text-decoration: underline;
	}
		
	.header-balken{
		height: auto;
		background-color: transparent;
	}
		
	.balken1{
		float: left;
		background-color: #ffcc03;
		min-height: 5px;
		width:33.33%;
		border-right: 1px solid #fff;
	}

	.balken2{
		float: left;
		background-color: #a81548;
		min-height: 5px;
		width:33.33%;	
		border-right: 1px solid #fff;
	}

	.balken3{
		float: left;
		background-color: #019939;
		min-height: 5px;
		width:33.33%;	
	}
}

@media (max-width: 767px){
	
	.wk_body_style {
		padding-top: 103px;
	}
	
	.wk_nav_panel{
		display: block!important;
	}
		
	.navbar-header button{
		margin-top: 40px;
		background-color: #fff;
		border: 1px solid #ddd;
		z-index: 1;
	}
		.wk_navbar_background{
		margin-left: 0px;
	}
	
	.logo-frielendorf{
		width: 130px;
	}
	
	#navbar ul.nav{
		margin-top: 0px;
		margin-left: 0px
	}
	
	#navbar ul.nav a{
		color: #000;
		font-size: 15px;
		font-weight: bold;
	}
	
	#navbar ul.nav a:hover{
		color: #A80345;
		background: #eee;
		text-decoration: underline;
	}
	.header-balken{
		height: auto;
		background-color: transparent;
	}
		
	.balken1{
		float: left;
		background-color: #ffcc03;
		min-height: 5px;
		width:33.33%;
		border-right: 1px solid #fff;
	}

	.balken2{
		float: left;
		background-color: #a81548;
		min-height: 5px;
		width:33.33%;	
		border-right: 1px solid #fff;
	}

	.balken3{
		float: left;
		background-color: #019939;
		min-height: 5px;
		width:33.33%;	
	}
}

/*OFF CANVAS*/

.wk_nav_panel{
	margin-top: 60px;
}

.wk_menu_button{
	position: absolute;
	top: 10px;
	right: 20px;
}

@media screen and (max-width: 992px){
	
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 40%; /* 6 columns */
	margin-top: 60px;
	margin-right: 60px;
	word-break: break-word;
  }
  
  .wk_nav_panel  {
	position: static;
	margin-top: 0;
 }
}
@media screen and (max-width: 465px){
	.row-offcanvas-right  .sidebar-offcanvas {
    right: -90%; 
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%; 
	margin-top: 60px;
	margin-right: 60px;
	word-break: break-word;
  }	
  
}
/* CONTENT */

h1.wk_page_headline,
h2.wk_page_headline{
	border-bottom: 1px solid #A80345;
	color: #A80345;
}


a.list-group-item{
	background-color: #fff;
	color: #A80345;
	font-weight: bold;
	border-color: #ddd;
}

.list-group-item.active{
	background-color: #A80345;
	color: #fff;
	font-weight: bold;
	border-color: #ddd;
}

.list-group-item.active:hover{
	background-color: #A80345;
	color: #fff;
	font-weight: bold;
	border-color: #ddd;
}

a.list-group-item:hover{	
	background-color: #A80345;
	color: #fff;
	font-weight: bold;
}

a.wk_bearbeiten_button,
.wk_bearbeiten_button{
	position: absolute;
	top: 3px;
	right: 17px;
}

.bs-docs-sidenav.affix{
	position: fixed;
	top: 130px;
}

.col-md-4 .bs-docs-sidenav.affix{
	width: 32.2%;
}

.wk_details_panel{
	margin-bottom: 20px;
}

.wk_details_panel .panel{
	height: 100%;
}

a.wk_loeschen_button{
	position: absolute;
	top: 13px;
	right: 17px; 
}

.wk_label{
	font-size: 100%;
}

/* MAP_DETAILS */

h4 a.btn{
	font-size: 18px;
}

.mapSize{
	height: 600px;
	//height: 80%;
	//height: calc(100% - 0px);
}

/* TREFFERLISTE */



/* TREFFERLISTE_PRINT_PAGE */
.print-pageframe{
	border: 1px solid black;
	padding-top: 20px;
	margin-bottom: 20px;
}

.invisible{
	visibility: hidden;
}

.print-only{
	display: none;
}

.infoportal-previewbox{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #f0f0f0;
	border-radius: 6px 6px 6px 6px;
	background-color: #f9f9f9;
}

.infoportal-preview{
	height: 18em;
	margin-bottom: 1em;
	overflow: hidden;
}

.infoportal-preview table td{
	vertical-align: top;
	padding: 0 5px;
	font-size: 14px;
}

/* FOOTER */

.footer{
	background-color: #5f0127;
	border-top: 1px solid #ddd;
	height: auto;
	color: #fff;
}
.footer a{
	color: #fff;
}

.footer a:hover{
	color: #009933;
}

#footerfriel{
	color: #fff;
}

#footerfriel:hover {
	color: #009933;
}


/* Content */
.wk_label_Panel{
	font-weight: bold;
}

.wk_legende{
	font-size: 100%;
}

.popover{
	width: 250px;
}