html{
	height: 100%;
}

.initial::first-letter { 
	font-size: 150%;;
}

.sortable, .hand {
	cursor: pointer;
}
.sortable:before {
   font-family: "FontAwesome";
   content: "\f0dc \20";
}

/* ------------------------------------ */
/** common settings **/
body {
	background-color:#FFFFFF;
	color:#616161;
	font-size: 14px;
}

a {
	/*color:#2196f3;*/
	color: rgb(30, 112, 182);
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
	margin-bottom: 15px;
}

h3 {

}


/** Wastel ID **/
#wastel {
	margin: 0;
	padding: 0;
}

#top {
	width:100%;
	background-color: #2196F3;
	color:#fff;
	padding-top:15px;
	padding-bottom: 15px;
	padding-right: 0px;
	position: fixed;
	z-index: 999;
	top: 0px;
}

#top .logo {
	margin-bottom: 0;
	padding:10px;
	margin-right: 30px;
}

#top .logo p {
	margin: 0;
}

#top .logo img {
	height: 100%;
	max-height: 38px;
}

#header {
	/*max-height:400px;*/
	background: #ffffff;
	max-width: 1030px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	/*position: relative;*/
}

#contentContainer {
	margin-top: 110px;

}

#content {
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#footer {
	height:120px;
	width:100%;
	background-color: #2196F3;
	color:#fff;
	padding-top:10px;
}

#wastelFooter {
	width:100%;
	background-color: #2196F3;
	color:#fff;
	font-size: 80%;
	padding:5px;
}

#footer .menu {
	max-width:195px;
	margin-left: auto;
	margin-right: auto;
}

#iconmenu {
	/*float:left;*/
	/*margin-top: 10px;*/
}

#topmenu {
	/*z-index: 10;*/
	/*position: absolute;*/
	/*top:4px;*/
	/*width:680px;*/
	padding-left: 20px;
	padding-right: 0px;
}

#topmenu .menu {
	font-size:12px;
	margin-top: 0px;

}

#iconmenu {
	margin-top: 20px;
	margin-bottom: 10px;
}

#breadcrumbDiv {
	margin-top: 25px;
}
.breadcrumb .active {
	font-weight: normal;
	font-size: 14px;
}

/** classes **/
.card {
	background-color: #fff;
	/*padding: 10px;*/
	margin-bottom: 15px;
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
	border-radius: 4px;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.slider {
	padding-top: 20px;
}

.slider img{
	width: 100%;
}

div.slogan {
	font-size: 16px;
	padding-left: 20px;
	padding-top: 10px;
	/*
    padding-top:20px;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    */
}

.fa-rounded {
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
}
.tableFixHead          { overflow-y: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; background: #FFFFFF}

.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 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.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-menu:before {
	content: none;
	width: 0;
	height: 0;
	border: none;
	position: absolute;
	top: -7px;
	right: 20px;
}
/** Bootstrap overwrite **/
@media (min-width: 768px) {
	/*ul.nav li.dropdown:hover ul.dropdown-menu{*/
	/*display: block;*/
	/*margin-top:0px*/
	/*}*/
}

.breadcrumb {
	background-color: #f5f5f5;
	margin-bottom: 10px;
}

.breadcrumb span.divider {
	display: none;
}

.page-header {
	margin: 0;
	border:none;
	padding-bottom: 0;
}

.published {
	font-size: 0.9em;
	font-style: italic;
	color:#999;
}

#content .article-info {
	margin-bottom: 15px;
}

#content .leading-0,
#content .item {
	border-bottom: 1px solid #ddd;
}

#content #searchForm .searchintro {
	margin-top: 10px;
	margin-bottom: 20px;
}

#content #searchForm fieldset {
	margin-bottom: 20px;
}

#content #searchForm fieldset legend {
	margin-bottom: 0px;
}

#content #searchForm .phrases-box,
#content #searchForm .only label {
	padding-left: 7px;
}

#content #searchForm .phrases .radio,
#content #searchForm .only .checkbox{
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

#content .search-results .result-created {
	margin-bottom: 20px;
}

#content div.pagination ul {
	list-style-type: none;
	padding: 0;
}

#content div.pagination ul li {
	display: inline-block;
}

#content div.pagination ul li span,
#content div.pagination ul li a {
	padding:10px;
	border:1px solid #ccc;
	border-radius:4px;
}

#content div.pagination ul li span:hover,
#content div.pagination ul li a:hover {
	background-color: #2196F3;
	border-color: #22a2ff;
	color:#fff;
}

#content ul.glossar-blog li a {
	padding: 8px 12px;
}

ul.alphabet {

}

ul.alphabet li {
	display: inline-block;
}

.dropdown-menu {
	background-color: rgba(255,255,255,1);
	border: none;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.navbar-collapse {
	border:none;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
	background-color: #fff;
}

#iconmenu .navbar-nav>li {
	float: left;
}

#iconmenu .navbar-nav {
	float: right;
	margin: 0px 0px;
}

#iconmenu .search {
	float: right;
	width:163px;
}

#topmenu .navbar-default {
	background: none;
	border:none;
	padding-top: 4px;
}

#topmenu .navbar-default ul li a,
#iconmenu ul li a {
	color:rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.25);
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 15px;
	border-radius: 4px;
	transition: all .35s ease;
}

#topmenu .navbar-default ul li a:hover,
#topmenu .navbar-default ul li.active a,
#iconmenu ul li a:hover {
	background-color: rgba(255,255,255,1);
	color:rgba(0,0,0,0.7);
}

#topmenu .navbar-default ul li.active .dropdown-menu li.active {
	background-color: #2196F3;
}


#content ul.cardmenu {
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 10px;

}

#content ul.cardmenu li {
	width:100%;
	height:90px;
	margin:0;
	padding-right: 15px;
	padding-left: 15px;
}

#content ul.cardmenu li a {
	background-color: #fff;
	color:#000;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border-radius:4px;
	transition: all .5s ease;
	border:3px solid #fff;
}

#content ul.cardmenu li a:hover {
	/*background-color: #f0f0f0;*/
	border:3px solid #2196F3;
}

#content ul.cardmenu li a span {
	margin-left: 7px;
}

.cardmenu-lang {
	padding: 0px 15px !important;
}

#iconmenu .form-control {
	width:120px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#footer .nav-pills li a {
	transition: all .35s ease;
	font-weight:bold;
	color:rgba(255,255,255,1);
	padding:5px 8px;
	font-size: 14px;
	border-radius: 0px;
	display: block;
	border-radius: 4px;
}

#footer .nav-pills li a:hover,
#footer .nav-pills li a:focus{
	background-color: rgba(255,255,255,1);
	color:rgba(0,0,0,0.7);
}


@media (min-width: 768px) and (max-width: 991px) {
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-header .collapse, .navbar-toggle {
		display:block !important;
	}
	.navbar-header {
		float:none;
	}
}


/** Media Queries **/
@media (max-width: 1068px) {
	#topmenu .navbar-default {
		padding-top: 0px;
	}

	div.slogan {
		font-size: 14px;
	}


	#topmenu #iconmenu ul > li > a {
		color:#000;
		background-color: #fff;
	}

	#topmenu {
		position: inherit;
	}

	#topmenu .menu {
		margin:0;
		max-width: initial;

	}

	#topmenu .navbar-default ul li a,
	#topmenu .navbar-default ul li.parent ul li a{
		color:#fff;
		background: inherit;
		font-size:14px !important;
	}

	#topmenu .navbar-default ul li.parent ul li.active a {
		color:rgba(0,0,0,0.7);
		background-color: #fff;
	}

	#topmenu .navbar-collapse {
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		box-shadow: none;
	}

	.navbar-toggle {
		margin-top:0px;
		margin-left:0px;
		border: 3px solid #bbb !important;
		background-color: #fff;
	}

	.navbar-brand {
		background-color: #fff;
		border-radius: 4px;
		height: initial;
		max-width: 170px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	}

	.navbar-brand img {
		width:100%;
	}

	.dropdown-menu > li > a {
		color:rgba(0,0,0,1);
	}



}


/** Media Queries **/
@media (max-width: 767px) {
	div.slogan {
		padding-bottom: 0px;
		padding-top:5px;
	}

	#top .logo img {
		height: 100%;
		max-height: 18px;
	}


	#iconmenu {
		/*padding:7px;*/
		margin-top: 5px;
		margin-bottom: 7px;
		height: 34px;
	}
	#contentContainer {
		margin-top: 92px;
	}

}


@media (min-width: 768px) {
	#content ul.cardmenu li {
		width: 33.333333%;
	}

	#topmenu .dropdown-menu {
		margin-top:15px;
	}

	.dropdown-menu > li > a {
		margin-right: 0px !important;
		background: none !important;
		color:rgba(0,0,0,1) !important;
	}

	.dropdown-menu > li.active > a {
		color:rgba(180,180,180,1) !important;
	}

	.dropdown-menu > li > a:hover {
		background-color: #2196F3 !important;
		color:rgba(255,255,255,1) !important;
	}


}


@media (max-width: 1134px) {
	#topmenu .navbar-default ul li a,
	#iconmenu ul li a {
		font-size: 12px;
	}

}