body {color: black;   }
.media-object { max-width: 90px;   min-width: 90px;  }
 
.jumbotron {  
		 margin:0 auto; width: 96%; margin-bottom: 15px;
		padding: 0px 10px 2px 10px; 
		background-color: #9dcc07;  /* 9dcc07 oder 9dcc07 */
		-webkit-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.6);
		box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.6);
		border-radius: 5px;
		border: 1px solid grey;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dcc07+0,ffffff+100 */
background: #9dcc07; /* Old browsers */
background: -moz-linear-gradient(45deg, #9dcc07 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #9dcc07 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #9dcc07 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcc07', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.media	{padding-bottom: 20px; }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	
	 
}

.visible-md {text-align: center;  }


#logo-container img { 
   width: 100%;
   height: auto;
   padding-top: 50px;
    padding-bottom: 10px;
	position: relative; 
}

.btn:hover
{
background-image:none;
background-color:#9dcc07;
}
 
.dropdown_width_px {width: 100%; margin-top: 3px;  margin-bottom: 3px; } 
 

.text-center { text-align: center !important; }
.font-bold {font-weight: bold;}


@media (orientation:portrait) {
    .hide-on-portrait {
       display: none;
    }
	 
}

 
@media (orientation:landscape) {
    .show-not-on-landscape {
        display: none;
    }
	 
}



.dropdown_100prozent {
  width: 100%; text-align: center;
}

th{background-color: #9dcc07;}
table.table-bordered > thead > tr > th{
  border:1px solid #9dcc07;
}


.custom-tooltip + .tooltip > .tooltip-inner {background-color: #9dcc07; color: #000000;}

  
.scrollable-menu {
    height: auto;
    max-height: 180px;
    overflow-x: hidden;
}
	.scrollable-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;        
    }    
.scrollable-menu::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: lightgray;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
    }	
	
 
	<!-- http://bootstrap3-menu.codedorigin.com/#sthash.qCU04n3W.dpbs-->
.navbar-inverse { background-color: #9dcc07}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #8F8F8F; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #9dcc07; }
.dropdown-menu { background-color: #FFFFFF}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #000000; background-color: #9dcc07}
 
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #9dcc07 ; color: #000000; }

@media (max-width: 767px) {
	.navbar-inverse a{font-size: 1.4em; font-weight: bold; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; font-size: 1.3em;  font-weight: bold; margin-top: 10px;  }
	 
}  


.navbar-nav>.active {background-color: yellow !important;}



@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #000000 !important;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
		margin: 7.5px 50px 7.5px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


 
.superadmin_nav {border-left: 8px solid red;}
.sbl_nav {border-left: 8px solid green;}
.adminonly_nav {border-left: 8px solid #4da6ff;}
.pokal_nav {border-left: 8px solid  #ffcc00;}
.kassenwart {border-left: 8px solid  #c0c0c0;}
 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



.dropdown-backdrop {
  position: static;
}

 
@media print {
  a[href]:after {
    content: none !important;
  }
}

@media print {
  .panel {
    display: none !important;
  } 
  
 
@media print{
  .jumbotron {
	border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow:    none !important;
    box-shadow:         none !important; 
  }
  .print_legs {visibility: visible !important; }
}