/*
 * pko/www/css/pko-sites.css
 * Version 2.0
 * 04.02.2017
 */

body { background-color: #39414a; }
h1, h2 { color: #191970; }
h1 { font-size: 20pt; }
h2 { font-size: 18pt; }
.container { background-color: #d8d8d8; }
.pko-header { margin-top: 15px; }
.pko-footer { margin-bottom: 15px; }
.pko-title,
.pko-footer {
	padding: 10px 0;
	background-color: #c2c2c2;
}
.pko-mein-menu { margin-top: 20px; }
.nav-pills li.active a { background-color: #00008B; }
.pko-title h1 { margin: 0; padding: 6px 0 0 0;}
.pko-footer p { margin: 0; padding: 2px 0 0 0;}
.row {}
.table-striped>tbody>tr:nth-child(odd)>th { background-color: #c2c2c2; }
.table-striped>tbody>tr:nth-child(odd)>td { background-color: #e4e4e4; }
.table-striped>tbody>tr:nth-child(even)>td { background-color: #eeeeee; }

/* carusel */
.carousel { 	margin: 10px; padding: 10px; border: solid 2px #fff; }
.carousel-inner { margin-bottom: 35px; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { 	width: 96%; margin: auto; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 16px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 16px; }
.carousel-indicators { bottom: 0; }
.carousel-indicators {
/*	position: absolute; */
/*	bottom: 10px; */
	left: 50%;
	left: 30%;
/*	z-index: 15; */
	width: 60%;
	width: 90%;
	padding-left: 0;
	margin-left: -30%;
	margin-left: -25%;
/*	text-align: center; */
/*	list-style: none; */
/*	border: solid 1px; */
}

@media (max-width: 767px) {
	.carousel-indicators {
		display: none;
		visibility: hidden;
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
}

/* ab hier neu */

/* vertical menu pko */
@media (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
/*	.sidebar-nav .navbar ul:not {
		display: block;
	}*/
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (min-width: 992px) {
	.navbar {
		width: 212px;
		width: 141px;
	}
}
@media (min-width: 1200px) {
	.navbar {
		width: 262px;
		width: 177px;
	}
}
.sidebar-nav .navbar-header {
	float: none;
}

/* menu-anpassungen pko */
.nav-pills { /* home-menu */
	background-color: #c2c2c2; /* like .pko-title */
	border: solid 1px #d8d8d8; /* like .container */
}
.navbar { /* main-menu */
	min-height: 42px;
	background-color: #d8d8d8; /* like .container */
	border: solid 1px #c2c2c2; /* like .pko-title */
}
@media (max-width: 450px) { /* mobile workaround */
	.collapse, .sidebar-navbar-collapse, .navbar-collapse,
	ul.navbar-nav { margin-top: 0; margin-bottom: 0; border: none; }
	ul.navbar-nav { border-top: solid 1px #c2c2c2; /* like .pko-title */ }
}
.navbar li { /* main-menu */
	border-bottom: solid 1px #c2c2c2; /* like .pko-title */
}
.navbar li:last-child { /* main-menu */
	border-bottom: none;
}
.nav-pills  li { /* home-menu */
	float: none;
 	display: block;
}
.nav-pills > li > a { /* home-menu */
	color: #555;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 0;
}
.navbar-default .navbar-nav > li > a { /* main-menu */
	color: #555;
}
.nav-pills li.active a { /* home-menu */
	color: #444;
	background-color: #d8d8d8; /* like .container */
	background-color: #c2c2c2; /* like .pko-title */
	background-color: #d2d2d2; /* heller */
}
.navbar-default .navbar-nav > .active > a { /* main-menu */
	color: #444;
	background-color: #c2c2c2; /* like .pko-title */
	background-color: #d8d8d8; /* like .container */
	background-color: #c8c8c8; /* duenkler */
}
.nav-pills li a:hover,
.nav-pills li.active a:hover {  /* home-menu */
	color: #262626;
	background-color: #f5f5f5; /* menu hover */
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a:hover {
	background: #f5f5f5; /* menu hover */
}
@media (min-width: 992px) { /* home-menu */
	.nav-pills { width: 141px; }
}
@media (min-width: 1200px) { /* home-menu */
	.nav-pills  { width: 177px; }
}