/* ===========================================
 * Fonts
 * ======================================== */
@font-face {
	font-family: "RockSolid Icons";
	src: url("fonts/rocksolid-icons.eot");
	src: url("fonts/rocksolid-icons.eot?#iefix") format('eot'), url("fonts/rocksolid-icons.woff") format('woff');
	font-weight: normal;
	font-style: normal;
}

 * ======================================== */

button {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: #bb7e42;
}

.header-navigation-inner {
	color: #ff0000;     /* Schriftzug "Suchen" (nicht Safari) */
}


/* Eingabefeld */
.main-navigation-search {
	position: absolute;
	top: 25px;
	right: 30px;     /* damit sich das Feld nach links öffnet, muß die Position von "right" angegeben werden */
	z-index: 3;
	height: 2.85714em;
	min-width: 3.42857em;
	margin-top: -1.35714em;
	border-radius: 3px;
	overflow: hidden;
	font-size: 0.875em;
	background: #ffffff;
}

/* vertikaler Strich (vor Eingabe) */
.main-navigation-search:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 1.07143em;
	margin: -0.5em 0 0;
	border-left: 2px solid #000000;
}

.main-navigation-search input {
	/* Fixes border-radius on iOS 7 */
	-webkit-appearance: none;
	float: right;
	width: 11.78571em;
	margin: 0.57143em 0.85714em 0 -10.35714em;
	padding: 0.14286em 0 0.21429em;
	border: 0;
	border-bottom: 1px solid #d7cfc8;     /* Unterstrich vor Eingabe (= Untergrundfarbe) */
	border-radius: 0;
	font-size: inherit;
	background: none;
	box-shadow: none;
	-webkit-transition: margin-left 0.2s ease-out;
	-moz-transition: margin-left 0.2s ease-out;
	-o-transition: margin-left 0.2s ease-out;
	transition: margin-left 0.2s ease-out;
}

/* Hauptfeld nach hover */
.main-navigation-search:hover,
.main-navigation-search.focus {
	margin-right: -1px;
	border: 1px solid #000000;
}

.main-navigation-search:hover input,
.main-navigation-search.focus input {
	margin-left: 0.85714em;
	border-color: #d7cfc8;
	box-shadow: none;
}
.main-navigation-search:hover:after,
.main-navigation-search.focus:after {
	content: none;
}

.main-navigation-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.57143em;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;     /* Farbe kleines Quadrat vor hover */
	text-align: left;
	text-indent: -99em;
	text-shadow: none;
	line-height: 0;
	background: none;
	box-shadow: none;
}
.main-navigation-search button:after {
	font: 1.5em/1 "RockSolid Icons";     /* Größe der Lupe */
	content: "\e0cb";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
	text-align: center;
}
.main-navigation-search button:hover,
.main-navigation-search button:focus {
	color: #bb7e42;
}

input,
textarea {
	padding: 0.85714em 1.35714em;
	line-height: normal;
	border: 1px solid #d7cfc8;
	border-bottom-color: #ccc2b9;
	border-radius: 3px;
	font-size: 0.875em;
	color: inherit;
	background: #ffffff;
}

.valid input,
.valid textarea {
	border-color: #b5da44;
}

.invalid input,
input.error,
.invalid textarea,
textarea.error {
	border-color: #990100;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
	outline: none;
}

.mod_search {
	margin: 1.6875em 0;
}
.mod_search form input {
	vertical-align: middle;
}
.mod_search form input[type="search"] {
	width: 74.375%;
	margin: 0;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
.mod_search form input[type="submit"] {
	width: 25%;
	margin: 0 -2% 0 0;
}

.mod_search .relevance {
	float: right;
	margin-top: 0.71429em;
	font-size: 0.58333em;
}
.mod_search .header {
	padding-bottom: 0.3125em;
	border-bottom: 1px solid #d7cfc8;
	color: #666666;
}
.mod_search .highlight {
	padding: 0 0.25em;
	font-weight: bold;
	background: #f1e5d9;
}
.mod_search .url {
	padding-bottom: 1.42857em;
	border-bottom: 1px dotted #d7cfc8;
	font-size: 0.875em;
	color: #666666;
}
.mod_search .url:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0b5";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.35714em;
}
.mod_search .url .filesize {
	font-size: 0.85714em;
}

.mod_search fieldset {border: none;}