/* --------------------------------------- */
/* Import General CSS */
/* --------------------------------------- */

body {
	margin: 0 auto;
	background: #f3f3f3;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.05rem !important;
	color: #555;
	line-height: 1.7rem;
}

.slide-container {
	max-height: 350px !important;
}

/* basics */

a,
a:visited,
a:focus,
.fake-link {
	color: #b80918;
	text-decoration: none;
}

a.lg_small {
	color: #fff;
}

a:hover {
	color: #000;
	text-decoration: none;
}

h1, h2, h3 {
	color: #555;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

input {
	line-height: 1.61rem;
}

img {
}

#content_wrap .main-section a img {
	transition: transform 0.2s;
	border: solid 4px #fff !important;
}

#content_wrap .main-section a img:hover {	
	-moz-transform: rotate(0deg) scale(1.01);
	-ms-transform: rotate(0deg) scale(1.01);
	-o-transform: rotate(0deg) scale(1.01);
	-webkit-transform: rotate(0deg) scale(1.01);
	transform: rotate(0deg) scale(1.01);
	
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

/* header */

#header_container_wrap {
	width: 100%;
}

#header_container {
	padding: 0 0;

/*	
	background: #778e31 url('/layouts/experimental2/krv/img/klassisch.png') no-repeat fixed;
*/
	background: #fff url('/layouts/experimental2/krv/img/bg1.jpg') no-repeat fixed;
	
	webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.header-img-overlay {
	max-width: 1120px;
	margin: 0 auto;
}



/* topmenu */

.top-bar {
	height: 47px;
}

#topmenu_container,
#topmenu_container_wrap,
.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #444;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0 0.5em;
}

.top-bar-section ul {
	background: transparent;
}

.top-bar-section ul ul {
	border: solid 1px #ccc;
	border-top: none;
}

.top-bar-section li.active:not(.has-form):hover a:not(.button) {
	background: #fff;
	color: #555;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #fff;
	color: #555;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: #fff;
	border-bottom: none;
	color: #555;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
	background: #b10c1f;
	background: #e0e0e0;
	color: #555;
}

/* --- top-bar Suche --- */

.top-bar form,
.top-bar #search {
	margin: 0;
	padding: 0;
}

.top-bar-section .has-form {
	background: #fff;
	border-top: solid 7px #444;
	border-bottom: solid 7px #444;
	height: 46px;
	line-height: 46px;
	padding: 0 1px 0 5px;
	overflow: hidden;
}

.top-bar input {
	max-width: 130px;
	min-width: 130px;
	display: inline-block;
	/*padding: 5px 3px 5px 3px !important;*/
	top: 3px;
	float: left;
	font-size: 94% !important;
	border: 0;
	line-height: 16px;
}

.top-bar .button,
.top-bar button {
	font-size: 1.1rem;
	position: relative;
	top: -4px;
	background: #fff;
	color: #333;
	border-radius: 0;
	border: 0;
	border-left: solid 1px #ccc;
	line-height: 12px;
	display: inline-block;
}

.top-bar .button:hover,
.top-bar button:hover {
	color: #ddd;
	background: #fff;
}

@media only screen and (max-width: 72em) {
	.top-bar-section .has-form {
		background: transparent;
		border: none;
		padding: 0;
	}
	
	.top-bar .button,
	.top-bar button {
		border: none;
		width: 100%;
		line-height: 46px;
		height: 46px;
		background: transparent;
		color: #fff;
		text-align: left;
	}
	
	.top-bar .button:hover,
	.top-bar button:hover {
		color: #999 !important;
		background: transparent !important;
		line-height: 46px;
		top: -4px;
	}
}

@media only screen and (max-width: 42em) {
	
	.top-bar .button,
	.top-bar button {
		top: -8px;
	}
	
	.top-bar .button:hover,
	.top-bar button:hover {
		color: #333 !important;
		background: #fff !important;
		line-height: 46px;
		height: 54px;
		top: -8px;
	}
}

/* --- EOF top-bar Suche --- */

/* --- left_navbar Suche --- */

#left_navbar #search {
	width: 99%;
	overflow: hidden;
}

#left_navbar #search .search-box {
	float: left;
	width: 80%;
}

#left_navbar #search .button-box {
	float: right;
	width: 20%;
	text-align: left;
}

#left_navbar #search .button-box button {
	border-radius: 0 !important;
	padding: 7px 12px 6px 12px;
	margin-top: -1px;
}

#left_navbar #search input.search {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 4px 12px;
}

/* --- EOF left_navbar Suche --- */

.show-for-small-only,
.show-for-small-up,
.show-for-small,
.show-for-small-down,
.hide-for-medium-only,
.hide-for-medium-up,
.hide-for-medium,
.show-for-medium-down,
.hide-for-large-only,
.hide-for-large-up,
.hide-for-large,
.show-for-large-down,
.hide-for-xlarge-only,
.hide-for-xlarge-up,
.hide-for-xlarge,
.show-for-xlarge-down,
.hide-for-xxlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge,
.show-for-xxlarge-down {
	background: #cb0c1f;
	background: #b10c1f;
	background: #444;
}

/* content */

#content_wrap {
	background: transparent;
	max-width: 74rem;
	padding: 1rem 1rem;
}

/* news */

.news-content a {
	background: transparent;
	margin-left: 0;
	padding: 0;
	color: #b80918;	
}

/* history */

#history_wrap {
}

#history {
}

#history a {
	color: #888;
}

#history a:hover {
}

#history a:after {
}

#history_wrap form {
}

#history-search {
}

#history-search input[type="text"] {
}

#history_wrap #search {
}

#history_wrap button {
}

/* off-canvas */

.off-canvas-link {
}

.left-off-canvas-toggle,
.left-off-canvas-toggle:active,
.left-off-canvas-toggle:focus {
	color: #d10c1a;
	margin-left: 1em;
}

.left-off-canvas-toggle:hover {
	text-decoration: none;
	color: #000;
}

.icon-menu-2 {
	font-size: 1.5rem;
	color: #d10c1a;
}

.icon-menu-2:hover {
	color: #333;
}

.left-off-canvas-menu {
	background: #ccc;
}

#content_container ul.off-canvas-list {
}

ul.off-canvas-list li {
}

ul.off-canvas-list li a {
}

ul.off-canvas-list a.alevel {
}

ul.off-canvas-list li a:hover {
	background: #000;
}

/* tabelle */

table {
	border: solid 1px #ddd;
}

.divtable {
	border: solid 1px #ddd;
}

.table-header,
.divtable-header {
	background: #e9e9e9;
	color: #333;
}

/* overview */

.overview-header {
	background: #fff;
	border-bottom: none;
}

.subheader {
	margin: 0 !important;
	border-bottom: solid 1px #ddd !important;
}

.overview-border-home {
}

.overview-border-home a,
.overview-border-home span {
	font-weight: bold;
}

.overview-border-aux {
	background: #fff;
	border: solid 1px #ddd;
	color: inherit;
	margin-bottom: 1.25rem;
	min-height: auto;
	padding: 0;
	border-radius: 5px;
}

.overview-border-aux .overview-header {
	border-bottom: none;
	background: #fff;
	color: #111;
}

.overview-border-aux .overview-header:hover {
	background: #fff;
}

.overview-border-aux .overview-header a {
	font-weight: bold;
	color: #b80918;
}

.overview-border-aux .overview-header a:hover {
	color: #111;
}

.overview-border-aux .overview-date {
}

.overview-border-aux .overview-content {
	font-size: 90%;
	background: #fff;
	color: #555;
}

.overview-content .left-inline {
	margin: 1em 1.6em 1em 1em;
}

/* main links */

.mainlink_container_wrap {
	background: #444;
}

#mainlink_container a {
	color: #fff;
}

.main-links a {
	color: #fff;
	text-decoration: none;
	float: left;
}

#mainlink_container a:hover,
.main-links a:hover {
	color: #ee0000;
	text-decoration: none;
}

a.main-1 {
	color: #fff;
	font-weight: none;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 0;
}

a.main-2 {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.main-2:hover,
a.main-1:hover,
#feedbackLink:hover {
	color: #ee0000;
}

#mainlink_container ul.f-dropdown li a {
}

#mainlink_container ul.f-dropdown li a:hover {
}

/* footer */

#footernavigation {
	background: #fff;
	border-top: 1px solid #ddd;
	margin: 1.5em auto 0 auto;
	max-width: 100%;
	padding: 0.5em;
	text-align: center;
	width: 100%;
}

.footrow {
	width: 100%;
	max-width: 72rem;
}

.footnav {
	color: #555;
}

.footnav a {
	color: #555;
}

.footnav a:hover {
	color: #b10c1f;
}

/* buttons */

button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"].button-dark {
	background-color: #b10c1f;
	background: #880918;
}

.butt-grey-left a,
.butt-dark-right a,
input.button-grey {
	background: #880918;
}

button:hover,
.button:hover,
.butt-grey-left a:hover,
.butt-dark-right a:hover,
.button-grey:hover,
.buton-grey:hover,
input[type="submit"]:hover {
	background: #999;
}

#userpanel .ico {	
	background: #666;
}

#userpanel .ico:hover {
}

/* mailto */

#mailto {
	font-size: 0.9rem;
}

#mailto h3 {
	font-size: 1em;
}

#mailto label.subline {
	font-size: inherit;
	font-weight: normal;
}

#mailto input[type="text"],
#mailto input[type="password"],
#mailto input[type="date"],
#mailto input[type="datetime"],
#mailto input[type="datetime-local"],
#mailto input[type="month"],
#mailto input[type="week"],
#mailto input[type="email"],
#mailto input[type="number"],
#mailto input[type="search"],
#mailto input[type="tel"],
#mailto input[type="time"],
#mailto input[type="url"],
#mailto textarea {
	float: left;
}

#mailto br {
	clear: both;
}

/* Accordion (accord) */

.acc {
}

.accHead {
	background: #b10c1f;
}

.accHead:hover {
	background: #748f3b;
}

.accHead a {
	color: #fff;
}

.accHead a:hover,
.accHead:hover a {
	color: #fff;
}

.accShow,
.accShow:hover,
.accShow a {
	background: #748f3b !important;
	color: #fff !important;
}
	
.accIcon {
	color: #ddd;
}

.accShow .accIcon {
	color: #fff;
}

.accContent {
	background: #fff;
}

.accContent p {
	color: #666;
}

/* Hilfe-Text right off-canvas */

a.right-off-canvas-toggle {
	margin-right: 1em;
}

.right-off-canvas-menu {
	background: #ccc;
	color: #111;
	font-style: italic;
}

.right-off-canvas-menu p {
	padding: 0.8em 1em;
}

/* Hilfe-Text im content-Bereich */

.help-box {
	width: 100%;
	position: relative;
	margin-bottom: 1em;
}

.help-icon {
	
}

.help-icon-clicked {
	color: #000;
}

.help-icon:hover {
	color: #000;
}

.help-text {
	border: none;
	color: #111;
	font-style: italic;
}

/* foundation lightbox gallery */

.clearing-blackout {
}

.clearing-close {
}

a.clearing-close {;
}

.clearing-close:hover {
}

.clearing-main-next > span {
}

.clearing-main-prev > span {
}

.clearing-main-next > span:hover {
}

.clearing-main-prev > span:hover {
}


.visible-img img {
	max-height: 100%;
	max-width: 100%;
	/* position: absolute;
	left: 60%;
	top: 90%; */
	margin-left: 0 !important;
	margin-top: 0 !important;
	transform: translateY(-50%) translateX(-50%);
}

.clearing-assembled .clearing-container {
	position: relative;
}

.clearing-assembled .clearing-container .carousel > ul li img {
	max-height: 88px;
	width: auto;
	border: none;
}

.clearing-assembled .clearing-container .carousel > ul li {
	width: auto;
	margin-right: 2px;
}

ul.clearing-feature li {
    display: none;
}

.clearing-thumbs li {
	list-style-type: none;
	display: inline-block;
}


@media only screen and (max-width: 42em) {
	.visible-img img {
		/* left: 105%; */
		max-width: 90%;
	}
}

fieldset {
    padding: 1.25rem 1.25rem 0.1rem;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

fieldset legend {
    padding: 0.8em 0.4em;
}

/* --- Megamenu --- */

.top-bar-section .m-menu {
	color: #333;
	min-width: auto;
	top: auto;
	left: auto;
	background: #fff;
	padding: 10px 20px;
}

.top-bar-section ul.m-menu li {
	color: #333;
}

.top-bar-section .m-menu h3 {
	color: #111;
}

div.dropdown-category {
	width: 200px;
	float: left;
	min-height: 230px;
}

div.dropdown-category:after {
	content: "";
	display: block;
	clear: both;
}

div.dropdown-category > a.dropdown-category-title {
	font-weight: bold !important;
	display: block;
	border: none !important;
	padding: 0 5px !important;
	color: #333 !important;
	background: transparent !important;
}

div.dropdown-category a.dropdown-category-item {
	font-size: 0.9em !important;
	font-weight: normal;
	line-height: 30px !important;
	border: none !important;
	display: block;
	height: 30px !important;
	padding: 0 5px !important;
	color: #666 !important;
	overflow: hidden;
	background: transparent !important;
}

div.dropdown-category a.dropdown-category-item:hover {
	background-color: #e4e4e4 !important;
}

.top-bar-section .megamenu {
	position: static !important;
}

.top-bar-section .megamenu > a {
	position: relative !important;
}

.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown {
	border: 1px solid #444;
	margin-top: 0;
}

/* ---- visited articles ---- */

.visitedArticles {
}

.visitedArticle {
}

.visitedArticle a {
}

.visitedArticle:hover,
.visitedArticle a:hover {
}

.visitedArticle img {
}

/* --- autocomplete --- */

.autocomplete-box {
	overflow-x: hidden;
}

.autocomplete-box > div {
	font-size: 0.8em;
	padding: 0 10px;
	vertical-align: middle;
}

.autocomplete-box > a {
	border-bottom: 1px solid lightgrey;
	display: block;
}

.autocomplete-box > a:hover {
	background-color: #f4f4f4;
}

.autocomplete-box > a > img {
	width: 50px;
	max-height: 50px;
}

.autocomplete-box > a > div {
	font-size: 0.8em;
	display: inline-block;
	width: calc(100% - 62px);
	padding: 0 10px;
	line-height: 0.8em;
	vertical-align: middle;
}

/* toTop */

#toTop-right {
	bottom: 10px;
	right: 10px;
}

#toTop-right .icon-arrow-up {
	font-size: 1rem !important;
}

#toTop-right.bttn {
	padding: 8px 15px;
	cursor: pointer;
}

/* infoFlyer */

.infoFlyer {
	position: fixed;
	max-width: 300px;
	min-width: 300px;
	bottom: 11px;
	right: 60px;
	background: #fff;
	font-size: 0.8rem;
	line-height: 1.4em;
}

.infoFlyerHead {
	padding: 9px 0.8em;
	color: #fff;
	background: rgba(179, 0, 0, 1);
}

.infoFlyerBody {
	border: solid 1px #cbcbcb;
	background: #fefefe;
}

/* --- */

.es-caption {
	position: absolute;
	bottom: 5em;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.3);
	color: #111;
	font-size: 1.3rem;
	padding: 1rem;
	margin: 10px 10px;
	width: auto;
	left: 5%;
	right: 5%;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 72em) {
	.es-caption {
		width: 100%;
	}
}