/* Basic style rule to outline and space block-level elements */
.navbar {
    background: #eee;
    margin-bottom: 10px;
}
.header {
	background: #F4F4F1;
  height: 202px;
}
.nav-container{
	background: #bbb39f;	
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */

}
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 250px;
  padding-top:10px;	
}

.navbar-poecilia {
  background-color: #bbb39f;
  border:0px;
  margin-bottom:0px;
  min-height: 35px;
}
.navbar-poecilia .navbar-brand {
  color: #444444;
  font-size: 18px;
  font-family: 'Trebuchet ms';
  height: 35px;
  line-height: 20px;
  padding: 8px 8px;
}
.navbar-poecilia .navbar-brand:hover,
.navbar-poecilia .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-poecilia .navbar-text {
  color: #444444;
}
.navbar-poecilia .navbar-nav > li > a {
  color: #444444;
  padding: 8px 8px;
  height: 35px;
  font-family: 'Trebuchet ms';
  font-size: 18px;
}
.navbar-poecilia .navbar-nav > li > a:hover,
.navbar-poecilia .navbar-nav > li > a:focus {
  color: #000;
  background-color: #F4F4F1;
}
.navbar-poecilia .navbar-nav > .active > a,
.navbar-poecilia .navbar-nav > .active > a:hover,
.navbar-poecilia .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #bbb39f;
}
.navbar-poecilia .navbar-nav > .active > a:hover,
.navbar-poecilia .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #F4F4F1;
}
.navbar-poecilia .navbar-nav > .disabled > a,
.navbar-poecilia .navbar-nav > .disabled > a:hover,
.navbar-poecilia .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-poecilia .navbar-toggle {
  border-color: #ddd;
}
.navbar-poecilia .navbar-toggle:hover,
.navbar-poecilia .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-poecilia .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-poecilia .navbar-collapse,
.navbar-poecilia .navbar-form {
  border-color: #bbb39f;
}
.navbar-poecilia .navbar-nav > .open > a,
.navbar-poecilia .navbar-nav > .open > a:hover,
.navbar-poecilia .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #bbb39f;
}
@media (max-width: 991px) {
.navbar-poecilia .navbar-nav > li > a {
  color: #444444;
  padding: 6px 6px;
  font-size: 15px;
}
}

@media (max-width: 767px) {
  .navbar-poecilia .navbar-nav .open .dropdown-menu > li > a {
    color: #424242;
  }
  .navbar-poecilia .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-poecilia .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #bbb39f;
  }
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-poecilia .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-poecilia .navbar-link {
  color: #424242;
}
.navbar-poecilia .navbar-link:hover {
  color: #000;
}
.navbar-poecilia .btn-link {
  color: #424242;
}
.navbar-poecilia .btn-link:hover,
.navbar-poecilia .btn-link:focus {
  color: #000;
}
.navbar-poecilia .btn-link[disabled]:hover,
fieldset[disabled] .navbar-poecilia .btn-link:hover,
.navbar-poecilia .btn-link[disabled]:focus,
fieldset[disabled] .navbar-poecilia .btn-link:focus {
  color: #ccc;
}


.panel-footer {
  border: 0px;
}
.panel-footer > .panel-heading {
  color: #444;
  background-color: #eae0c6;
  border-color: #ddd;
}
.panel-footer > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-footer > .panel-heading .badge {
  color: #eae0c6;
  background-color: #444;
}
.panel-footer > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.footer-container {
	background-color: #F4F4F1;
}
.main-container {
	padding-top: 0px;	
}

.headertext {
	padding:15px;
	padding-left:20px;
	font-size: 20px;
  color: #6e603d; 
	font-family: verdana, sans-serif;
	font-weight: bold;	
	font-style: italic;
}

div.loginform {
  padding-left: 20px;
  padding-right: 20px;
	padding-top: 30px;	
  width:230px;
}
input.loginform {
	margin-top: 3px;
	margin-bottom: 3px;	
}
img.toplogo {
	height:200px;
}
.headerdiv {
	float:right;	
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header {
      height: 182px;
  }
    img.toplogo {
    height:180px;
  }
  div.loginform {
    padding-left: 10px;
    padding-right: 10px;
    width:210px;    
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header {
      height: 152px;
  }  
    img.toplogo {
    height:150px;
	}
	div.loginform {
    padding-left: 5px;
    padding-right: 5px;
		width:160px;		
	}
  .headertext {
      font-size: 18px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .header {
      height: auto;
  }  
    img.toplogo {
    height:180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  div.loginform {
    padding-left: 5px;
    padding-right: 5px;
    width:100%;
    float:left;
  }
  div.loginform input {
    max-width:40%;
    float:left;
    margin-left:5px;
  }
  .headerdiv {
    width:100%;
  }
  .headertext {
      font-size: 18px;
      display: none;
  }
}
@media (max-width: 480px) {
  .header {
      height: auto;
  }    
  img.toplogo {
    height:150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  div.loginform {
    padding-left: 5px;
    padding-right: 5px;
    width:100%;
    float:left;
  }
  div.loginform input {
    max-width:35%;
    float:left;
    margin-left:5px;
  }
  .headerdiv {
    width:100%;
  }
  .headertext {
      font-size: 16px;
      display: none;
  }  
}
@media (max-width: 767px) {
	.headerdiv {
		float:left;	
	}
}
 
.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}
@media (max-width: 991px) {
	.equal, .equal > div[class*='col-'] {  
	    display: block;
	}
}


.panel-frontpage {
	background-color: #EEE4CB;	
	border:0px;
}
.panel-social {
	background-color: #F4F4F1;
	border:0px;
}
.panel-social > .panel-heading {
	background-color: #EEE4CB;	
	border:0px;
}
.search-form {
	margin-top: 2px;	
	margin-bottom: 0px;
	padding-left:0px;	
	padding-right:0px;	
}
.search-form-div {
	padding-left:0px;	
	padding-right:0px;	
}
body, p, div {
  font-family: verdana, sans-serif;
  color:#444444;
  line-height: 19pt;
  font-size: 14pt;
} 
td { padding:2px; 
  font-family: verdana, sans-serif;
  color:#444444;
  font-size: 14pt;
  line-height: 19pt;
}
h1 {
	font-family: verdana, sans-serif;
	font-weight: bold;
  color:#444444;
	font-size: 22pt;
}
h2 {
	font-family: verdana, sans-serif;
	font-weight: normal;
  color:#444444;
	font-size: 22pt;
}
h3 {
	font-family: verdana, sans-serif;
	font-weight: bold;
  color:#444444;
	font-size: 18pt;
}
h4 {
	font-family: verdana, sans-serif;
	font-weight: bold;
  color:#444444;
	font-size: 14pt;
}
.panel-body h2 {
  margin-top:0px;  
}
.panel-heading h2 {
  margin-top:0px;  
}
.panel-heading {
  padding-top: 15px;
}
.left-menu {
  padding-top: 12px;
}
.main-container > .row > div {
  padding-top:25px;
}
.main-div {
  padding-top:2px !important;
  padding-right: 25px;
}
.breadcrumb {
  padding:0px;
  font-size:14px;  
  background-color: #fff;
  margin-bottom:5px;
}
.main-div > h2 {
  margin-top:5px;
}

.nav-list{padding-right:15px;padding-left:15px;margin-bottom:0;}
.nav-list-main{padding-left:0px;padding-right:0px;margin-bottom:0;}
span.nav-toggle-icon{font-size:7px !important;top:-2px !important;color:#888 !important;}

/**.nav-list-main li>label.nav-toggle::before {
  position: absolute;
  top: 6px;
  right: 10px;
  display: inline-block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid #ccc;
  border-left-color: rgba(0, 0, 0, 0.4);
  content: '';
}

.nav-list-main li>label.nav-toggle::after {
  position: absolute;
  top: 0px;
  right: 10px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid red;
  border-left-color: rgba(0, 0, 0, 0.4);
  content: '';
}*/

.panel-spalte > .panel-body {
  border:0px;
  padding:5px;
}
.panel-spalte {
  border:0px;
  width:100%;
}
.panel-frontpage {
  width:100%;
}
.only-mobile {
  display:none;
  visibility: hidden;
}
.sub-arrow {display:none!important;}
@media (max-width: 767px) {
.only-mobile {
  visibility: visible;
} 
.sub-arrow {display:inline-block!important;
  width:40px;
  height:20px;
}
}

/*Tree-menu left*/

.left-menu {
  padding:0px;
  overflow: hidden;
}
.left-menu-column {
  padding-left:12px;
  padding-right:0px;
}

.tree-menu ul { list-style: none; padding-left: 13px; }
.tree-menu ul li { margin-left:0px; }

.tree-menu > ul { padding: 0px; }

.tree-menu a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0px;
  background-color: #fff;
  border-radius: 0px;
  margin-bottom: 1px;
  color: #444444;
  font-size:11pt;
  -moz-transition: background-color 0.25s linear;
  -webkit-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.tree-menu a:hover {
  color: #000;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.tree-menu .active > a:hover,
.tree-menu .selected > a,
.tree-menu a:hover { background-color: #fff; }

.tree-menu .selected > a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tree-menu .active > a { background-color: #fff; font-weight: bold; color: #000; }

.tree-menu .closed > a,
.tree-menu .opened > a {
  padding-left: 14px;
  background-position: 0px 6px;
  background-repeat: no-repeat;
}

.tree-menu .closed > a { background-image: url(/img/icon-expand.gif); }

.tree-menu .opened > a { background-image: url(/img/icon-collapse.gif); }

.infoboxtop {
    font-size: 12pt;
}
.infoboxtop img {
    float: right;
}

.artikelListePreview{
  line-height: 13px;
}
.fullpage_tiny {
  width:100%;
  min-height:500px;
}

@media only screen and (max-width : 992px) {

  /* Force table to not be like tables anymore */
  .medlemsliste table, .medlemsliste thead, .medlemsliste tbody, .medlemsliste th, .medlemsliste td, .medlemsliste tr { 
    display: block; 
  }
  
  .medlemsliste td { 
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50%; 
    width:100% !important;
  }
  
  .medlemsliste td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }