/* Farben */
/*
#222	Schwarz		(Schriftfarbe)
#777				(Farbe H3)
#444				(Farbe H4)
#4682b4	Hellblau	(Links)
#315b7f	Dunkelblau	(Links Visited / Border-Dotted)
#f90	Orange		(Links Hover)
#edeef9	Blassblau	(Hintergrund / Hintergrund Neues)
#ddd	Hellgrau	(Border-Dotted/Solid)
#eee	Hellgrau	(Button Hintergrund)
#f8f8f8	Blassgrau	(Hintergrund Nachrichten)



*/

/* basic elements */
:root {
	--navigation-aufmerksamkeit-color: #7890a8;
}

html {
	margin: 0;
	padding: 0;
	scroll-padding-top: 45px;
}
@supports not (scroll-padding-top: 45px) {
	:target::before {
		content: "";
		display: block;
		height: 45px; /* fixed header height*/
		margin: -45px 0 0; /* negative fixed header height */
		visibility: hidden;
	}
}

body {
	font-family: Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-size: 0.8125em; /* 13px | relativ zur Standardschriftgroesse (normalerweise 16px) des Browsers. */
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

body#dejure {
	background-color: #eee;
	/*text-align: center;*/
}

body#iframe {
	/*max-width: 630px;*/
	min-width: 350px;
}

body#plain {
	background: none;
	background-color: transparent;
}

body#zettel {
	background-color: #ffc;
	font-size: 0.6em;
}

body.noscroll {
	overflow: hidden;
}

a:link, a:visited, a span.underlined {
	text-decoration: none;
	border-bottom: 1px dotted;
	outline: none;
	color: #c30;
}

a span.underlined {
	color: #222;
}

a:hover, a:active, .active {
	color: #036;
}


#content a:focus {
	color: #036;
	border-bottom-style: solid;
}

#dejure a.o_u, #werbungrechtsfloat a {
	border-bottom: 0;
}

p {
	margin: 0 0 15px 0;
}

input, textarea, button {
	border: 1px solid #ddd;
	font-family: Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	font-size: 13px;
}
textarea {
	overflow: auto;
}
input[type=submit] {
	cursor: pointer;
}
input[type=search] {
	-webkit-appearance: textfield;
}
input[type=checkbox],input[type=radio]{
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

/* {{{ RADIOS & CHECKBOXES STYLES */
/* https://gist.github.com/dciccale/1367918 */

/* base styles */
input[type="radio"], 
input[type="checkbox"] {
	height: 1.2em;
	width: 1.2em;
	min-width: 1.2em;
	vertical-align: middle;
	/*margin: 0 0.4em 0.4em 0;*/
	border: 1px solid rgba(255, 255, 255, .8);
	background: #d8e0e8;
	/*background: #8198b5;*/
	-moz-appearance: none;
	-webkit-appearance: none;
}

/* border radius for radio*/
input[type="radio"] {
	-webkit-border-radius:100%;
	border-radius:100%;
}

/* border radius for checkbox */
input[type="checkbox"] {
	-webkit-border-radius:2px;
	border-radius:2px;
}

/* hover state */
input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
	border-color: rgba(0,0,0,0.1);
	/*box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.1);*/
}

/* active state */
input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
	/*
	background: #036;
	box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
	border-color:rgba(0,0,0,0.5);
	*/
}

/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline:none;
	/*
	box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);
	*/
}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:indeterminate,
input[type="checkbox"].halfchecked,
input[type="checkbox"]:checked {
	/*
	border-color:rgba(0, 0, 0, 0.5)
	*/
	background: #8198b5;
}

/* radio checked */
input[type="radio"]:checked:before {
	display: block;
	height: 0.4em;
	width: 0.4em;
	position: relative;
	left: 50%;
	top: 50%;
	background: #fff;
	border-radius: 100%;
	content: '';
	transform: translate(-50%, -50%);
}

/* checkbox checked */
input[type="checkbox"]:checked:after {
	content: '';
	display: block;
	position: relative;
	left: 4px;
	top: 2px;
	width: 3px;
	height: 6px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	/*
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
	display: block;
	*/
}

/* checkbox half-checked */
input[type="checkbox"].halfchecked:after, input[type="checkbox"]:indeterminate:after {
	content: '';
	display: block;
	position: relative;
	left: 4px;
	top: 6px;
	width: 6px;
	height: 0;
	border: solid white;
	border-width: 0 0 2px 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/* disabled input */
input:disabled {
	opacity: .6;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.1);
	box-shadow:none;
}

/* style label for disabled input */
input:disabled + label {
	opacity: .6;
	cursor:default;
	-webkit-user-select: none;
}
/* }}} RADIOS & CHECKBOXES STYLES */

/*
	-webkit-filter: brightness(0.9);
}
input[type="checkbox"]:checked {
	-webkit-filter: grayscale(100%) invert(100%) brightness(1.3);
}
input[type=radio] {
	bottom: 2px;
}
*/

#dejure .align_center {
	text-align: center;
}

.printfassung {
	background: url(pdf.gif) left center no-repeat;
	padding-left: 20px;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, sans-serif;
}

h2 {
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}

#aktuell h2, .aktuell h2 {
	font-size: 1.3em;
	line-height: 1em;
	margin-bottom: 10px;
	margin-top: 0;
}

h2 span.klein {
	display: block;
	font-size: 0.6em;
	padding-top: 10px;
}

h3, #alpha h1, .ersterkasten_inhalt h1 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-top: 25px;
	color: #333;
}

.zettel_lose h3 {
	margin: 5px 0;
	font-family: Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
}

h4 {
	font-size: 1.3em;
	line-height: 1.4em;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 24px;
	color: #444;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

#aktuell h4, .aktuell h4 {
	border: 0;
}

h4 span {
	font-weight: normal;
	font-size: 0.7em;
	margin-left: 40px;
}

h4.small {
	font-size: 1em;
	line-height: 1.2em;
	padding: 5px;
}

h4.small span {
	font-size: 1em;
	margin-left: 0;
}

h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 10px 0 10px 0;
	padding-top: 0;
	border-bottom: 1px dotted #ddd;
	letter-spacing: 1px;
}

h6 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 10px 0 5px 0;
	padding: 0;
}

h6.nospace-top, h6.nobold {
	margin-top: 0;
}

h6.nobold {
	font-weight: normal;
}

ul {
	list-style: none;
	list-style-image: url(ul_list-style.png);
}

li.no_list_style {
	list-style: none;
	list-style-image: none;
	margin-left: -12px;
}

acronym {
	border-bottom: none;
}

.mehr {
	margin: 10px 20px 0 0;
	text-align: right;
}

.mehr span {
	visibility: hidden;
}

a.fea_mehr {
	display: block;
	width: 48px;
	height: 16px;
	background: url(mehr.gif) no-repeat;
	border: 0;
	float: right;
	margin: 0;
}

#wenigerneues {
	position: absolute;
	top: 17px;
	right: 20px;
}

.pfeileoben {
	text-align: center;
	margin: 15px 0;
}
#pfeileunten {
	width: 100%;
}

.ausserkraft .pfeileoben, .altefassung .pfeileoben, .kuenftigesrecht .pfeileoben {
	margin: 15px 55px;
}

.ausserkraft .headgesetz, .altefassung .headgesetz, .kuenftigesrecht .headgesetz {
	padding-left: 110px;
	padding-right: 110px;
}

a.pfeil:link, a.pfeil:visited {
	display: block;
	text-decoration: none;
	border: 0;
	height: 20px;
	width: 20px;
}

a.pfeil:hover {
	text-decoration: none;
	border: 0;
}

.pfeil_links {
	float: left;
	text-align: left;
	background: url(pfeile_sprite.gif) 2px 0% no-repeat;
}

.pfeil_links img, .pfeil_rechts img {
	display: none;
}

.pfeil_rechts {
	float: right;
	text-align: right;
	background: url(pfeile_sprite.gif) -230px 0px no-repeat;
}

.pfeil_unten span {
	margin: 0 15px;
	display: none;
}

.tooltip_oben {
	text-align: center;
	color: #036;
	font-size: 11px;
	padding: 4px;
}

.tooltip_unten {
	text-align: center;
	background-color: #d8e0e8;
	font-size: 10px;
	padding: 2px 3px;
}

.banderole {
	background-position: left top;
	background-repeat: no-repeat;
	height: 138px;
	position: absolute;
	text-indent: -99999px;
	top: 0;
	width: 138px;
	z-index: 5;
}

.banderole_ausserkraft {
	background-image: url(banderole_ausserkraft.gif);
}

.banderole_altefassung {
	background-image: url(banderole_altefassung.gif);
}

.banderole_kuenftigesrecht {
	background-image: url(banderole_kuenftigesrecht.gif);
}

.banderole_nur_intern {
	background-image: url(banderole_nur_intern.gif);
}

.banderole_anhaengig {
	background-image: url(banderole_anhaengiges_verfahren.gif);
	height: 154px;
	width: 154px;
}

.banderole_nichtig {
	background-image: url(banderole_nichtig.gif);
}

.banderole_teilnichtig {
	background-image: url(banderole_teilnichtig.gif);
}

.banderole_nicht_in_kraft {
	background-image: url(banderole_nicht_in_kraft.gif);
}

.banderole_orange {
	background-image: url(banderole_orange.gif);
}

.ausserkraftbg {
	background-image: url(ausserkraft_bg.gif);
}

.altefassungbg {
	background-image: url(altefassung_bg.gif);
}
.kuenftigesrechtbg {
	background-image: url(kuenftigesrecht_bg.gif);
}

/* Fading Tooltips By Dustin Diaz*/
/*
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#fff;border:2px double #fff;text-align:left;min-height:1em;-moz-border-radius:5px; border: 1px solid rgb(127, 152, 178)}
*/
body div#toolTip, #funchelper, #funchelper_gross {
	position:absolute;
	z-index: 9;
	max-width: 220px;
	background-color: #fff;
	text-align:left;
	min-height:1em;
	border: 1px solid #7f98b2;
}

body div#toolTip p { margin:0;padding:0;color:#222;font:11px/12px Verdana, "DejaVu Sans", "Lucida Sans", sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }


/* Divs */
#main, #main_klein {
	line-height: 1.3em;
	padding: 0;
	position: relative;
	text-align: left;
}

#main {
	min-height: 735px;
	min-width: 990px;
}

#main_klein {
	background-color: #edeef9;
	margin-top: 40px;
	width: 540px;
}

#head {
	background-color: #036;
	border-top: 4px solid #7f98b2;
	color: #fff;
	margin: 0;
	position: relative;
}
	#head_wrapper {
		margin: 0 auto;
		position: relative;
		width: 960px;
	}

#logo {
	background: url(logo.svg) no-repeat 0 0;
	background-size: 196px 54px;
}

#logo, #headlink {
	display: block;
	width: 196px;
	height: 54px;
	border: 0;
	text-indent: -99999px;
}

#logo span, #headlink span {
	display: none;
}

.headstand {
	position: absolute;
	right: 0;
	top: 4px;
	color: #fff;
	font-size: 0.85em;
}

#logo_link {
	display: block;
	height:60px;
	width:214px;
}

#suche {
	position: absolute;
	color: #fff;
	right: 230px;
	top: 16px;
}

#suchoptionen {
	font-size: 0.85em;
}

/*
::-webkit-scrollbar-track {
	background-color: #fafafa;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-button {
	background-color: #c1c1c1;
}

::-webkit-scrollbar-corner {
	background-color: #ddd;
}
*/

nav h2 {
	font-size: 1.4em;
	margin: 5px 0 0 0;
}
nav#navigation {
	padding: 0;
	margin: 0;
	color: #666;
}
@supports (position: sticky) {
	nav#navigation {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 95;
	}
}
	/* XXX Stellenmarkt Anzeigen Menu */
	#nav_stellenmarkt ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		justify-content: space-between;
		align-items: center;
	}
	#nav_stellenmarkt .anzeige_linkblock, #nav_stellenmarkt .anzeige_sub {
		margin-top: 0;
		width: 22%;
	}
	#nav_stellenmarkt .anzeige_linkblock {
		border: none;
		height: 155px;
		text-align: center;
	}
	#nav_stellenmarkt .anzeige_linkblock a {
		background-color: #fff;
		border: 1px solid #fff;
		border-top-color: #ddd !important;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.1em;
		font-weight: bold;
		height: 71px;
		margin-bottom: 10px;
	}
	#nav_stellenmarkt .anzeige_linkblock a:last-child {
		border: 1px solid #d55d44 !important;
	}
	.anzeige_linkblock a:hover {
		border-color: #ddd !important;
		color: #222 !important;
		background-color: #f9f9f9;
	}
	#nav_stellenmarkt ul a:last-child {
		margin-right: 0;
	}
	#nav_stellenmarkt ul a {
		white-space: inherit !important;
	}
	div#nav_wrapper {
		background-color: #8198B5;
		margin-bottom: 20px;
		position: relative;
		-moz-box-shadow:    0px 4px 5px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
		box-shadow:         0px 4px 5px 0px rgba(0,0,0,0.1);
		z-index: 95;
	}
	nav ul.nav-menu {
		padding: 0;
		position: relative;
		margin: 0 auto;
		width: 960px;
	}
	.nav-item {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	.nav-neu {
		background-color: #d55d44;
	}
	.nav-item > a {
		border: 0;
		color: #fff;
		position: relative;
		display: inline-block;
		padding: 0.5em 1em;
	}
	.nav-item > a:focus,
	.nav-item > a:hover,
	.nav-item > a.open {
		background-color: #eee !important;
		color: #036 !important;
	}
	.nav-item > a.open {
		z-index: 1;
	}
	.nav-item.nav-benachrichtigung > a::after {
		background: #fff;
		border-radius: 50%;
		content: '';
		display: inline-block;
		height: 7px;
		position: absolute;
		top: 6px;
		width: 7px;
	}
	a#benutzerlink {
		background: transparent url(benutzer_avatar_blau.svg) 50% 50% no-repeat;
		background-size: 16px;
		text-indent: -999999px;
		width: 16px;
	}
	a#benutzerlink.loggedin {
		background-image: url(benutzer_avatar_weiss.svg);
	}
	nav #nav_sub_wrapper {
		display: none;
		font-size: .85em;
		background-color: #eee;
		position: relative;
	}
	nav #nav_sub_content {
		height: 240px;
		display: flex;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 960px;
	}
	#nav_sub_content.mini_nav {
		height: auto;
	}
	nav #nav_gesetze_meistgenutzte .column {
		float: left;
	}
	.column_35 {
		width: 35%;
	}
	.column_65 {
		width: 65%;
	}
	.sub-nav, .sub-nav2 {
		clear: both;
		display: none;
		margin: 0;
		position: relative;
		max-width: 100%;
		width: 100%;
	}
	.sub-nav {
		/*background-color: #eee;*/
		box-sizing: border-box;
		padding: 10px 0 10px 15px;
	}
	.sub-nav.open {
		display: block;
	}
	.sub-nav ul {
		/*display: block;*/
		/*vertical-align: top;*/
		margin: 0 0 .5em 0;
		padding: 0;
	}
	.sub-nav-group li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.sub-nav-group {
		border-bottom: 1px solid #fff;
		display: block;
		margin-bottom: 20px;
	}
		.sub-nav-group li {
			padding: 0;
			margin: 0;
		}
		.sub-nav-group span {
			cursor: pointer;
			display: inline-block;
			padding: .5em .8em;
		}
	.sub-nav a {
		color: #666 !important;
		border: 0;
	}
	.sub-nav a:hover, .sub-nav2 a:hover, #nav_verlauf .sub-nav2 a:hover {
		color: #036 !important;
	}
	.sub-nav > .sub-nav2:first-child {
		/*display: block;*/
	}
	.sub-nav-item:hover {
		background-color: #f6f6f6;
	}
	.sub-nav-item > span.open {
		color: #036 !important;
		background-color: #f6f6f6;
	}
	.scrollable {
		overflow: auto;
		height: 220px;
		position: relative;
	}
	.sub-nav2.scrollable {
		height: 180px;
	}
		ul.scrollable li {
			position: relative;
			padding: 2px 0;
		}
		.li_wrapper {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		ul.scrollable li a {
			color: #666 !important;
			display: inline-block;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			width: 98%;
		}
		ul.scrollable li a.wrap {
			white-space: normal;
			text-overflow: inherit;
		}
		ul.scrollable a:hover, ul.scrollable li div.angaben a:hover {
			color: #036 !important;
		}
		ul.nachrichten li {
			padding-left: 74px;
			padding-bottom: 6px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		div.angaben {
			display: inline;
			height: 16px;
			margin-left: 5px;
			padding: 1px 0;
			overflow: hidden;
		}
		ul.scrollable li div.angaben a {
			font-family: Arial, sans-serif;
			border-radius: 3px;
			padding: 1px 3px;
			border: 1px solid #ccc;
			color: #666 !important;
			display: inline;
			margin-right: 4px;
		}
		ul.nachrichten > li > span:first-child {
			position: absolute;
			left: 0;
		}
		ul.nachrichten a {
			display: inline !important;
			line-height: 1.5em;
		}
		ul.verlauf a {
			/*
			display: block;
			float: left;
			width: 320px;
			*/
		}
		ul.verlauf .appendix {
			display: none;
		}
	.sub-nav2.a_list {
	}
	.sub-nav2.a_list a, .sub-nav2.a_list .buchstabe {
		display: block;
		padding: .3em .5em;
		text-overflow: ellipsis;
		overflow: hidden;
		White-space: nowrap;
	}
	.sub-nav2.a_list a.sprung_gesetze {
		color: #aaa !important;
		display: inline;
	}
	.sub-nav2.a_list a.sprung_gesetze.current {
		color: #666 !important;
	}
	#nav_sub_wrapper .infotext {
		background-color: #f9f9f9;
		flex-grow: 1;
		padding: 10px;
	}
		#nav_sub_wrapper .infotext.fullheight {
			height: 200px;
		}
		#nav_sub_wrapper .infotext h2 {
			margin-bottom: 10px;
		}
		#nav_sub_wrapper .infotext a {
			display: inline !important;
		}
	.sub-nav2.a_list a.sprung_gesetze:hover, #menu_login_text a, #nav_sub_wrapper .infotext a {
		color: #036 !important;
		border: 0;
	}
	#nav_sub_wrapper .infotext a:hover, .wrapper_benutzer_login a:hover, #menu_login_text a:hover {
		color: #999 !important;
	}
	.sub-nav2.a_list .buchstabe {
		font-weight: bold;
	}
	.sub-nav2.a_row {
		line-height: 1.5em;
	}
	.sub-nav2.a_row a, .sub-nav2.a_row .buchstabe {
		padding: .5em .5em;
	}
	.sub-nav2.a_row .buchstabe {
		font-weight: bold;
	}
	ul.list-image li {
		list-style-image: none;
		/*margin-left: 1em;*/
		padding: .3em 0;
	}
	ul.list-image li:before {
		float: left;
		display: inline-block;
		width: 0;
		height: 0;
		border-top: solid transparent;
		border-bottom: solid transparent;
		border-left: solid #8198b5;
		border-width: .4em;
		content: ' ';
		margin-right: .5em;
		margin-top: .5em;
	}
	/*
	ul.list-image li:before {
		content: "";
		border-color: transparent #8198b5;
		border-style: solid;
		border-width: 0.4em 0 0.4em 0.5em;
		display: block;
		height: 0;
		width: 0;
		left: -1em;
		top: 1.2em;
		position: relative;
	}
	*/
	ul.list-image a {
		display: block;
		width: 100%;
	}
	nav .merkfunktion_symbolbereich {
		position: relative;
	}
	.gemerkt, .nichtgemerkt {
		padding-left: 20px;
	}
	.gemerkt {
		background: transparent url(merkfunktion_gemerkt.svg) 0 50% no-repeat;
		background-repeat: no-repeat;
		background-size: 16px;
	}

	#nav_suchlink {
		background-image: url(lupe32.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 16px;
		display: none;
		text-indent: -99999px;
		width: 16px;
	}
	#nav_suchlink:hover, #nav_suchlink.open {
		background-image: url(lupe32_grau.png);
	}
	#nav_suchlink.visible {
		display: block;
	}
	#nav_suche .suchfeldform_ajax {
		position: relative;
		z-index: 95;
	}
	#nav_suche input[type=text] {
		border-right: 0;
		box-sizing: border-box;
		height: 30px;
		padding: 5px;
		width: 850px;
	}
	#nav_suche input[type=submit] {
		box-sizing: border-box;
		height: 30px;
		width: 80px;
	}

	#nav_sub_wrapper .infotext .submit_dark, #nav_sub_wrapper .infotext .submit_red {
		color: #fff !important;
		display: inline-block !important;
		margin: 0 auto;
	}
	#nav_sub_wrapper .infotext .submit_dark:hover, #nav_sub_wrapper .infotext .submit_red:hover {
		color: #fff !important;
	}

	.nav_karten .scrollable {
		align-content: flex-start;
		border-top: 1px solid #fff;
		display: flex;
		flex-wrap: wrap;
		max-height: 184px;
	}
	.sub-nav-group ~ .sub-nav2 > .scrollable {
		border-top: 0;
	}
	.nav_karten .scrollable li {
		background: #f9f9f9;
		border: 1px solid #f4f4f4;
		border-radius: 5px;
		box-sizing: border-box;
		display: flex;
		font-family: Arial;
		margin: 5px 10px 5px 0px;
		overflow: hidden;
		padding: 0;
		width: 23.5%;
	}
	.nav_karten .scrollable li:hover {
		background-color: #fff;
	}
	.nav_karten .scrollable li::before {
		display: none;
	}
	.nav_karten .scrollable a {
		box-sizing: border-box;
		flex-grow: 1;
		max-width: 100%;
		overflow: visible;
		padding: 10px;
		position: relative;
		text-overflow: unset;
		width: auto;
		white-space: unset;
		z-index: 1;
	}
	.nav_karten .scrollable a div:first-of-type {
		color: #c30 !important;
		margin-bottom: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.nav_karten .scrollable a div:first-of-type span {
		color: #444;
	}
	.nav_karten .scrollable a:hover div:first-of-type {
		color: #036 !important;
	}
	.nav_karten .scrollable li > a div:last-child {
		display: block;
		font-weight: bold;
		text-overflow: unset;
		white-space: unset;
	}
	.nav_karten .scrollable .typenanzeige {
		display: block;
		left: -4px;
		position: relative;
		top: -3px;
	}
	.nav_karten .scrollable .gemerkt {
		background-position: 100% 0;
	}
	.nav_karten li.bg-image::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		opacity: .1;
		background-image: url(/jcg/virus.svg);
		background-position: right bottom;
		background-size: 48px;
		background-repeat: no-repeat;
	}
	.nav_karten li.bg-image.bg_virus::after {
		background-image: url(/jcg/virus.svg);
	}
	.nav_karten li.bg-image.bg_diesel::after {
		background-image: url(/jcg/diesel.svg);
	}

	.menu_benutzer {
		padding: 10px 0;
	}
	#menu_login_text {
		border-right 1px solid #fff;
		margin-top: 10px;
		margin-right: 20px;
	}
	.sub-nav .infotext {
		margin-right: 20px;
	}
	.nav_sub_content {
		display: flex;
	}
	.wrapper_benutzer_login {
		flex-grow: 1;
	}
		.menu_login form {
			display: none;
			padding-top: 10px;
		}
		.menu_login .form_menu_login {
			display: block;
		}
		.menu_login input[type=checkbox] {
			padding: 0;
			margin:0;
			vertical-align: bottom;
			position: relative;
			*overflow: hidden;
		}
		.menu_login input[type=text], .menu_login input[type=email], .menu_login input[type=password], .login_group select {
			background-color: #fff;
			border: 0;
			font-size: 1em;
			padding: 4px;
			min-width: 155px;
			width: 100%;
			margin-bottom: 10px;
			-ms-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.login_group select option[val=""] {
			color: #aaa;
		}
		.menu_user_form {
			flex-grow: 0;
			flex-shrink: 0;
			width: 350px;
		}
		.menu_user_form .flexbox {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
		}
		.menu_user_form .login_group {
			margin-bottom: 5px;
			min-height: 34px;
		}
		.menu_user_form .input_group {
			display: flex;
			flex: 1 100%;
			justify-content: space-between;
		}
		.menu_user_form .input_group input, .menu_user_form .input_group select {
			display: flex;
		}
		.menu_login .input_group input[type=text], .menu_login .input_group input[type=email], .menu_login .input_group input[type=password], .menu_login .input_group select {
			flex: 0 1 49%;
			-ms-flex: 0 1 46%;
		}
		.login_group input:last-child, .login_group select:last-child, .login_group button {
		}
		.submit_group input[type=submit], .submit_group button {
			float: right;
			margin-left: 6px;
		}
		.menu_user_form .submit_group {
			flex: 1 100%;
		}
		.login_group input[type=checkbox] {
		}
		.menu_form_switch {
			border: 0 !important;
			border-left: 1px solid #666 !important;
			padding-left: 10px;
			margin-right: 10px;
		}
		.menu_form_switch:first-of-type {
			border: 0 !important;
			padding-left: 0;
		}
		.menu_user_form * {
			box-sizing: border-box;
		}
		.menu_login .form_menu_password input[type=email], .menu_user_form input.gen_code, .menu_user_form input.fullwidth {
			width: 100%;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;
			flex: auto;
		}
		.menu_login input:focus, .menu_login select:focus {
			background-color: #ffd;
		}
		.menu_login input[type=submit], .menu_login button {
			cursor: pointer;
			background-color: #666;
			border: 0;
			color: #fff;
			font-size: 1em;
			padding: .2em .5em;
		}
		.menu_login button.reset {
			background-color: #ccc;
			color: #666;
		}
		.menu_login input[type=submit]:focus, .menu_login button:focus, .menu_login input[type=submit]:hover, .menu_login button:hover {
			background-color: #036;
			color: #fff;
		}
		.menu_login input.error {
			background-color: #ffd7d7;
		}
	.menu_benutzer ul {
		display: -ms-grid;
		display: grid;
		height: 100%;
		width: 100%;
		list-style-type: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
		grid-template-columns: repeat(4, 1fr);
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: repeat(6, 1fr);
		-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	.menu_benutzer ul li {
		margin: 0 0 0 10px;
	}
	.menu_benutzer ul li:first-child {
		grid-column-start: 1;
		-ms-grid-column: 1;
		grid-column-end: 5;
		-ms-grid-column-span: 4;
		background: none;
		border: 0;
		font-weight: bold;
		text-align: right;
	}
	.menu_benutzer ul li:nth-child(2) {
		grid-area: 2/4;
		-ms-grid-row: 2;
		-ms-grid-column: 4;
	}
	.menu_benutzer ul li:nth-child(3) {
		grid-area: 3/4;
		-ms-grid-row: 3;
		-ms-grid-column: 4;
	}
	.menu_benutzer ul li:nth-child(4) {
		grid-area: 4/4;
		-ms-grid-row: 4;
		-ms-grid-column: 4;
	}
	.menu_benutzer ul li:nth-child(5) {
		grid-area: 5/4;
		-ms-grid-row: 5;
		-ms-grid-column: 4;
	}
	.menu_benutzer ul li:nth-child(6) {
		grid-area: 2/3;
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.menu_benutzer ul li:nth-child(7) {
		grid-area: 3/3;
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}
	.menu_benutzer ul li:nth-child(8) {
		grid-area: 4/3;
		-ms-grid-row: 4;
		-ms-grid-column: 3;
	}
	.menu_benutzer ul li:nth-child(9) {
		grid-area: 5/3;
		-ms-grid-row: 5;
		-ms-grid-column: 3;
	}
	.menu_benutzer ul li:nth-child(10) {
		grid-area: 6/3;
		-ms-grid-row: 6;
		-ms-grid-column: 3;
	}
	.menu_benutzer ul li:nth-child(11) {
		grid-area: 2/2;
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.menu_benutzer ul li:nth-child(12) {
		grid-area: 3/2;
		-ms-grid-row: 3;
		-ms-grid-column: 2;
	}
	.menu_benutzer ul li:nth-child(13) {
		grid-area: 4/2;
		-ms-grid-row: 4;
		-ms-grid-column: 2;
	}
	.menu_benutzer ul li:nth-child(14) {
		grid-area: 5/2;
		-ms-grid-row: 5;
		-ms-grid-column: 2;
	}
	.menu_benutzer ul li:nth-child(15) {
		grid-area: 6/2;
		-ms-grid-row: 6;
		-ms-grid-column: 2;
	}
	.menu_benutzer ul li:nth-child(16) {
		grid-area: 2/1;
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.menu_benutzer ul li:nth-child(17) {
		grid-area: 3/1;
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.menu_benutzer ul li:nth-child(18) {
		grid-area: 4/1;
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	.menu_benutzer ul li:nth-child(19) {
		grid-area: 5/1;
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.menu_benutzer ul li:nth-child(20) {
		grid-area: 6/1;
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	.menu_benutzer ul li:last-child {
		grid-area: 6/4;
		-ms-grid-row: 6;
		-ms-grid-column: 4;
	}
	.menu_benutzer li a:link, .menu_benutzer li a:visited {
		color: #666;
		padding: 6px 10px;
		display: block;
	}
	.menu_benutzer li div {
		padding: 6px 0;
	}
	.menu_benutzer li a {
		background-color: rgba(255, 255, 255, .6);
		border: 1px solid #fff;
		/*text-align: center;*/
	}
	#nav_sub_wrapper .menu_benutzer li a.icon {
		color: #666;
		padding-left: 32px;
	}
	/*
	.menu_benutzer li:hover a {
		background-color: #f3f5f7;
		color: #666;
	}
	*/
	.menu_benutzer li:first-child {
		background: none;
		border: 0;
		font-weight: bold;
		text-align: right;
		/*width: 100%;*/
	}
	.menu_benutzer li:last-child a {
		color: #fff !important;
		background-color: #036;
	}
	.menu_benutzer ul a:hover {
		background-color: #fff;
		color: #036 !important;
	}
	.preface_text {
		/*padding-right: 20px;*/
	}

	.menu_warning, .menu_success {
		background-color: #ffc;
		margin-top: 10px;
		padding: 5px;
	}
	.menu_success {
		background-color: #cfc;
	}

	.menu_spalte {
		display: block;
		float: left;
		width: 115px;
	}
	.menu_rspr_s2 {
		width: 80px;
	}
	.menu_rspr_s3 {
		width: 100px;
	}
	.menu_bgbl_s1 {
		width: 75px;
	}
	.menu_bgbl_s2 {
		margin-left:75px;
	}
	.menu_verlauf_s1 {
		width: 115px;
	}
	.menu_verlauf_s2 {
		width: 80px;
	}
	.menu_verlauf_s3 {
		width: 100px;
	}
	.menu_verlauf_s100 {
		width: 295px;
	}
	.menu_verlauf_s50 {
		width: 195px;
	}
.fix-nav {
	z-index: 95;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.fix-body #head {
	margin-bottom: 52px;
}
.fix-body-open #head {
	margin-bottom: 285px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #aaa;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #aaa;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #aaa;
}


.bgCover {
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden
}
.overlayBox {
	background: #fff;
	border: 10px solid #ddd;
	box-sizing: border-box;
	display: flex;
	left: 50%;
	opacity: 1;
	max-height: 80%;
	position: fixed;
	text-align: left;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 770px;
	z-index: 999;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.transparent {
	opacity: 0;
}
.overlayBoxContent {
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}
.overlayBoxContent h2 {
	margin: 20px 20px 0 20px;
	font-size: 1.4em;
}
.overlayBoxContent #alpha, .overlayBoxContent .ersterkasten_inhalt {
	margin: 30px 20px 20px 20px;
	line-height: 1.6em;
}
.closeLink {
	top: -26px;
	right: -26px;
	text-indent: -999999px;
	z-index: 999;
}

#centered_content {
	background: #fff;
	border-radius: 5px;
	left: 50%;
	max-height: 90%;
	position: fixed;
	text-align: left;
	top: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	width: 660px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index: 96;
}
#centered_content .overlayBoxContent {
	background: transparent;
}
#centered_content .overlayBoxContent.adblock_warning {
	background-image: url("/jcg/adblock_notification.png");
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-size: 64px;
	padding: 20px;
	padding-left: 104px;
}
#centered_content .overlayBoxContent.inline_content {
	padding: 20px;
}
#dejure #centered_content .fancybox-close {
	top: -18px;
	right: -18px;
}
#overlay_full {
	position: relative;
	z-index: 98;
}
#overlay_full .ui-widget-overlay {
	background: rgba(0, 0, 0, .9);
}
#centered_text {
	color: #fff;
	font-size: 1.6em;
	left: 50%;
	position: fixed;
	text-align: left;
	top: 40%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	max-width: 660px;
	z-index: 98;
}
#centered_text .numbered {
	border-radius: 50%;
	background: #fff;
	color: #000;
	display: inline-block;
	font-weight: bold;
	height: 1.3em;
	margin-right: .3em;
	text-align: center;
	width: 1.3em;
}

.notification {
	background-color: rgba(0, 0, 0, .7);
	border-radius: 5px;
	color: #fff;
	left: 50%;
	max-width: 85%;
	padding: 10px;
	position: fixed;
	text-align: left;
	-ms-transform: translateX(-50%); /* IE 9 */
	-webkit-transform: translateX(-50%); /* Safari */
	transform: translateX(-50%);
	top: 45%;
	z-index: 100;
	hyphens: auto;
}

.close_x {
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 31px;
	font-weight: bold;
	height: 18px;
	right: 20px;
	line-height: 1em;
	position: fixed;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	top: 10px;
	width: 18px;
	z-index: 98;
}
	.close_x:before {
		content: "×";
	}
	.close_x:hover {
		color: #ddd;
	}

.notification_light .close_x {
	color: #777 !important;
	font-weight: normal;
	position: absolute;
	font-size: 1.3em;
	height: 1.5em;
	line-height: 1.5em;
	right: 2px;
	top: 2px;
	text-shadow: none;
	width: 1.5em;
}
.notification_light .close_x:before {
	content: "\2716";
}
.notification_flashy .close_x:before {
	color: #444 !important;
}
.notification_light .close_x:hover {
	color: #aaa;
}
.notification_light {
	background-color: rgba(245, 245, 245, .95);
	display: block;
	font-size: .85em;
	max-width: 300px;
	padding: 1.5em;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	width: 98%;
	z-index: 100;
	hyphens: auto;
}
.notification_flashy {
	background: gold;
	border: 1px solid palegoldenrod;
}
.aktuell .notification_flashy {
	font-size: 1em;
}
.notification_fixed {
	bottom: 10px;
	position: fixed;
	right: 10px;
}

/* Arrow */
.arrow_big {
	color: #fff;
	font-size: 6em;
	position: absolute;
	left: -140px;
	top: -.4em;
	z-index: 99;
}
.arrow_big:before {
	height: 250px;
	content: "\021E1";
}
.bounce {
	-moz-animation: bounce 3s 2;
	-webkit-animation: bounce 3s 2;
	animation: bounce 3s 2;
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.favicon {
	background-image: url(sprite_favicon.png);
	background-position: 0 0;
	background-size: 200px;
	display: block;
	float: left;
	height: 16px;
	margin: 1px 8px 0 0;
	width: 16px;
}
	.favicon_small {
		background-size: 16px;
	}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {*/
	.favicon {
		background-image: url(sprite_faviconx3.png);
	}
}
.favicon_dejure, .favicon_dejure_org {
	background-position: -20px 0;
}
.favicon_zeit_de {
	background-position: -40px 0;
}
.favicon_lto_de {
	background-position: -60px 0;
}
.favicon_faz_net, .favicon_plus_faz_net {
	background-position: -80px 0;
}
.favicon_spiegel_de {
	background-position: -100px 0;
}
.favicon_heise_de {
	background-position: -120px 0;
}
.favicon_beck-blog {
	background-position: -140px 0;
}
.favicon_lawblog {
	background-position: -160px 0;
}
.favicon_tagesschau_de {
	background-position: -180px 0;
}
.favicon_taz_de {
	background-position: 0 -20px;
}
.favicon_blog_burhoff_de {
	background-position: -20px -20px;
}
.favicon_SZ, .favicon_sueddeutsche_de {
	background-position: -40px -20px;
}
.favicon_MIR {
	background-position: -60px -20px;
}
.favicon_dpa {
	background-position: -80px -20px;
}
.favicon_internet-law_de {
	background-position: -100px -20px;
}
.favicon_verfassungsblog_de {
	background-position: -120px -20px;
}
.favicon_juris_de {
	background-position: -140px -20px;
}
.favicon_bverfg_de, .favicon_bundesgerichtshof_de {
	background-position: -160px -20px;
}
.favicon_strafakte_de {
	background-position: -180px -20px;
}
.favicon_kress_de {
	background-position: 0 -40px;
}
.favicon_beck, .favicon_beck-aktuell {
	background-position: -20px -40px;
}
.favicon_haufe {
	background-position: -40px -40px;
}

.loading {
	background-image: url('laden.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

#nr_tipp {
	top: 62px;
	left: -30px;
	position: absolute;
	z-index: 10;
	font: normal 0.99em/1.1em Arial, sans-serif;
}

#nr_tipp_pfeil {
	height: 10px;
	width: 16px;
	position: absolute;
	left: 55px;
	top: -10px;
	background: url(pfeile_sprite.gif) 1px -396px no-repeat;
	z-index: 11;
}

.gross {
	font-size: 1.1em;
	vertical-align: middle;
	display: none;
}

span.paragraph {
	font-weight: bold;
	float: left;
	width: 42px;
	height: auto;
	margin: 0;
}

span.indent {
	display: block;
	float: left;
}

div.indent {
	padding-left: 50px;
	padding-right: 20px;
	position: relative;
}

div.indent .icon {
	position: absolute;
	left: 5px;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.highlight {
	background-color: #fffd00;
}

#suchfeldset, #aufschlagenset {
	border: 0;
	margin: 0;
	padding: 0;
}

#suchfeldset input, #aufschlagenset input {
	font-size: 0.85em;
	line-height: 1.5em;
}

#suchfeldset {
	float: left;
	margin-right: 20px;
}

#aufschlagenset {
	float: left;
}

#suchfeld, #aufschlageng, #aufschlagenp, #sbi, .input {
	vertical-align: middle;
	color: #222;
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 2px;
}
textarea.input {
	padding: 5px 10px;
}

#suchfeld, #aufschlageng, #aufschlagenp {
	border-color: #ddd;
	padding: 1px;
}

legend {
	font: 1.7em/1.5em "Times New Roman", serif;
	margin-bottom: -35px;
	display: block;
}

fieldset {
	border: 0;
}

fieldset.login legend {
	display: none;
}

fieldset.login {
	border: 0;
	margin: 5px 5px 0 5px;
}

.login .input {
	width: 130px;
}

.login div.right {
	float: right;
}

.login_link_kopf {
	padding: 5px 7px;
}

.login_link_kopf:link, .login_link_kopf:visited {
	border-bottom: 0;
	font-size: 0.85em;
	color: #fff;
	border-left: 1px solid #036;
}

a.login_link_kopf:hover, a.login_link_kopf:active {
	color: #036 !important;
	background-color: #f3f5f7;
}

.benutzer_avatar {
	background: url(benutzer_avatar.svg) 50% 50% no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 1em;
	vertical-align: middle;
	width: 1em;
}
.benutzer_avatar_blau {
	background-image: url(benutzer_avatar_blau.svg);
}

#loginlink {
	background: url(benutzer_avatar.svg) 2px center no-repeat;
	padding-left: 20px;
}

#benutzer_link_kopf {
	background: #7f98b2;/* url(benutzer_avatar.png) 1px center no-repeat;*/
	bottom: 0px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 3px 0;
	position: absolute;
	right: 0;
	display: none;
}
	#benutzer_link_kopf ul {
		background-color: #f3f5f7;
		display: none;
		font-size: 0.85em;
		list-style-type: none;
		list-style-image: none;
		margin: 3px 0 0 0;
		padding: 4px;
		position: absolute;
		right: 0;
		z-index: 94;
		-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
		-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
		box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	}
	#benutzer_link_kopf ul li a:link, #benutzer_link_kopf ul li a:visited {
		border-bottom: 0;
		color: #666;
		padding: 6px 10px;
		display: block;
	}
	#benutzer_link_kopf li {
		border-bottom: 1px solid #eee;
	}
	#benutzer_link_kopf li:hover a {
		background-color: #f3f5f7;
		color: #666;
	}
	#benutzer_link_kopf li:last-child, #benutzer_link_kopf li:last-child {
		border-bottom: 0;
	}
	#benutzer_link_kopf ul a:hover {
		background-color: #fff;
		color: #036 !important;
	}
	#benutzer_link_kopf.inline li {
		display: inline;
		border: 0;
	}

label.left {
	width: 155px;
	float: left;
}

label.checkbox {
	display: block;
	padding-left: 25px;
}
	label.checkbox input[type=checkbox] {
		position: absolute;
		left: 0px;
	}

select {
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #bbb;
}

div.formright {
	margin-left: 125px;
}

#dejurelogin {
	margin: 0 auto 30px auto;
	width: 350px;
}
#passwordchangeform .button, #dejurelogin .button {
	display: block;
}

#passwordchangeform label.left, #dejurelogin label.left {
	width: 200px;
	float: left;
}

a.button {
	border-bottom: 1px solid #ddd;
	color: #c30;
	font-weight: bold;
	padding: 2px 4px;
}

.button, .button_big {
	background-color: #eee;
	border: 1px solid #eee;
	border-color: #eee #ddd #ddd #eee;
	color: #222;
	cursor: pointer;
	font-size: 0.85em;
	vertical-align: middle;
}

.button_big {
	font-size: 1em;
	padding: 4px;
}

/*
.submit_light, .submit_dark {
	background-color: #ccc;
	border: 1px solid #bbb;
	color: #222;
	cursor: pointer;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 3px;

}
	.submit_light:hover {
		border-color: #fff;
		text-shadow: 0 -1px 1px #fff, 0 1px 1px #fff;
	}

.submit_dark {
	background-color: #036;
    border: 1px solid #036;
	color: #f4f4f4;
}
	.submit_dark:hover {
		border-color: #fff;
		text-shadow: 1px 1px rgba(0,0,0,0.3);
		text-shadow: 0 -1px 1px #000;
	}
	*/

.submit_dark, .submit_light, .submit_red {
	background-color: #777;
	border: 0 !important;
	color: #fff !important;
	cursor: pointer;
	font-size: 11px;
	font-family: Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	padding: 5px 8px;
	text-align: center;
	box-shadow: 0px 1px 3px 0px #666666;
	transition: all 0.5s;
}

.submit_light {
	background-color: #ddd;
	color: #222 !important;
}

.submit_red {
	background-color: #d55d44;
}

.submit_light:hover, .submit_dark:hover, .submit_red:hover {
	background-color: #036;
	color: #fff !important;
	/*opacity: .8;*/
}
.submit_red:hover {
	background-color: #d00c04;
	background-color: #d53c1d;
}

.submit_success, .submit_success:hover {
	background-color: #309b30;
}

#aufschlagenp {
	width: 30px;
}

#aufschlageng {
	width: 60px;
}

#suchfeld, #sbi, .input {
	width: 130px;
}

.input_mail, .textarea_mail {
	width: 400px;
}

.clearable {
	background: #fff url(close.svg) no-repeat right -16px center;
	background-size: 12px 12px;
	border: 1px solid #bbb;
	padding: 3px 20px 3px 4px;     /* Use the same right padding (20) in jQ! */
	transition: background 0.2s;
	width: 95%;
}
#verlauf_liste .clearable {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
}
.clearable.x { /* (jQ) Show icon */
	background-position: right 5px center;
}
.clearable.onX {              /* (jQ) hover cursor style */
	cursor: pointer;
}
.clearable::-ms-clear { /* Remove IE default X */
	display: none;
	width: 0;
	height:0;
}

.reihe {
	clear: both;
	margin-bottom: 2px;
	position: relative;
}


#navi {
	position: absolute;
	left: 0;
	top: 80px;
	height: 20px;
	border-left: 1px solid #fff;
	display: none;
}

#navi a {
	color: #fff;
	background-color: #4682b4;
	border-right: 1px solid #fff;
	display: block;
	float: left;
	height: 20px;
	padding: 0 4px;
}

#navi a:hover, #navi a.set {
	color: #444;
	background-color: #e6e6f9;
	text-decoration: none;
}

content {
	display: block;
	margin: 0 auto;
	min-height: 620px;
	position: relative;
	width: 960px;
}
#content {
	position: relative;
	/*width: 730px;*/
}

	#content #googlecontent1 {
		height: 60px;
	}

	#googlecontent1 {
		visibility: hidden;
	}

#top, .zettel_top {
	font-size: 0.85em;
	padding-top: 10px;
	margin: 10px 0 -10px 30px;
	clear: both;
	position: relative;
	z-index: 2;
}

.schatten_top_oben {
	background: #ffc;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
}

div.top {
	font-size: 0.85em;
}

#footer {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #fff;
	clear: both;
	color: #666;
	line-height: 1.8em;
	margin-top: 10px;
	min-height: 120px;
	min-width: 970px;
	overflow: auto;
	padding: 20px 10px;
	text-align: center;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.16);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.16);
}

#footer_inhalt {
	font-size: 11px;
	margin: auto;
	text-align: left;
	width: 940px;
}

#footer_inhalt div {
	float: left;
	width: 250px;
}

#footer_inhalt div:nth-child(2) {
	width: 170px;
}

#footer_inhalt a, .was_ist_dejureorg a {
	border: 0;
	color: #666;
	display: block;
}

#footer_inhalt a:hover, .was_ist_dejureorg a:hover {
	color: #036;
}

#footer_inhalt a:before, .was_ist_dejureorg a:before {
	content: "\00b7\00a0";
	font-weight: bold;
}

div.top_inner, div.top_inner_iphone {
	margin: 0px 10px;
	padding: 10px 0;
}

div.top_inner_iphone {
	margin: 0;
	padding: 15px 0 0 12px;
}

.top_kasten .top_inner {
	padding: 0;
	margin: 0;
}
.top_kasten #top_inner {
	height: 250px;
	overflow: hidden;
	padding: 0;
	width: 730px;
}

#top p, div.top p {
	margin: 0;
}

* html .top_kasten .top_inner {
	width: 680px;
}

#top, .top_kasten, .zettel_top {
	width: 670px;
}

#admin {
	width: 730px;
}

#textmarker_kasten .content_inner {
	background: url(textmarker_bild.jpg) 0 0 no-repeat;
	background-size: 100%;
	box-sizing: border-box;
	height: 190px;
	overflow: hidden;
	width: 728px;
	-webkit-transition: background-position .5s ease-in-out;
	-moz-transition: background-position .5s ease-in-out;
	-ms-transition: background-position .5s ease-in-out;
	-o-transition: background-position .5s ease-in-out;
	transition: background-position .5s ease-in-out;
}
#textmarker_kasten:hover .content_inner {
	background-position: bottom;
}

/*
#iphone_top {
	background: transparent url(banner/haufe-werbung_oben.png) left top no-repeat;
	height: 47px;
	position: relative;
}
*/

#iphone_top a {
	border: 0;
	color: #222;
	display: block;
	height: 100%
}

#iphone_top a span {
	display: none;
}

.content_inner {
	background-color: #fff;
	border: 1px solid #fff !important;
	border: 1px solid #bbb !important;
	border-radius: 3px;
	padding-bottom: 14px;
	position: relative;
	/*
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	*/
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 4px 10px 0;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 4px 10px 0;
	box-shadow: rgba(0, 0, 0, .1) 0 4px 10px 0;
	z-index: 2;
	flex: 0 0 730px;
	max-width: 730px;
	box-sizing: border-box;
}

.minheight {
	min-height: 535px;
	height: auto !important;  /* fuer moderne Browser */
	height: 290px;  /*fuer den IE */
}

.minheight2 {
	min-height: 640px;
	height: auto !important;  /* fuer moderne Browser */
	height: 310px;  /*fuer den IE */
}

#content h2 {
	position: relative;
}

#content h2.sub, div.top h2.sub {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	padding: 6px 15px 4px 15px;
	background-color: #d8e0e8;
	font-weight: normal;
	clear: both;
}

#content h2.gesetzgebung {
	background-color: #7890a8;
	color: #fff;
}
	#content h2.gesetzgebung td {
		border-color: #d8e0e8;
	}

.bgbl .headgesetz, .bgbl #headgesetz {
	background-color: #7890a8;
}

.bgbl table {
	width: 100%;
}

#content h2.top, div.top h2.top, #content h2.top_klein {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 2em;
	line-height: 1.2em;
	letter-spacing: 2px;
	padding-bottom: 10px;
}

#content h2.top_klein {
	font-size: 1.4em;
}

h2 span {
	font: normal 0.55em Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	vertical-align: middle;
}

.headgesetz h2 span, #headgesetz h2 span {
	font-size: 0.6em;
	line-height: 1.2em;
	display: block;
	margin: 0.7em 0;
}
#dejure #gesetzesname {
	background-color: transparent;
}

#content h2.sub div {
	border-top: 1px solid #7f98b2;
	padding: 4px 0 0px 0;
	display: inline;
}

table.gesetzesgliederung {
	border-collapse: collapse;
	margin-top: 3px;
}

.gesetzesgliederung td {
	font: 1em/1.3em Arial, sans-serif;
	border-top: 1px solid #7f98b2;
	padding: 3px 2px 3px 2px;
}

.gesetzesgliederung .gliederungtd {
	font-size: 0.7em;
}

#headgesetz, .headgesetz, .BTooltipHead {
	background-color: #d8e0e8;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 10px 10px 10px;
	position: relative;
	text-align: center;
}

.headgesetz.ajax_offen {
	height: 400px;
}

.headgesetz div {
	padding: 5px 0;
}

.headgesetz a:link, .headgesetz a:visited {
	border: 0;
	color: #222;
}

.headgesetz:hover a {
	border-bottom: 1px dotted;
}
	.headgesetz:hover a:hover {
		color: #036;
	}

#content h2.unterkaesten {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #f3f5f7;
	font-size: 1.4em;
}

.ersterkasten_inhalt, #alpha {
	min-height: 150px;
}

#gesetze, .ersterkasten_inhalt, #alpha, .verweise {
	margin: 10px 15px 5px 15px;
	padding: 0px;
	position: relative;
}

.drucksache {
	border-left: 30px solid #7890a8;
	margin-bottom: -14px;
	margin-left: 0px;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
.banner_drucksache {
	color: #fff;
	font-size: 17px;
	left: -65px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.gesetzgebung_pfeil, .gesetzgebung_pfeil_plural {
	background: rgba(0,0,0,0) url(gesetzgebung_pfeil.svg) no-repeat 50% 0;
	background-size: 254px 53px;
	height: 55px;
	margin-top: -10px;
	width: 730px;
}
	.gesetzgebung_pfeil_plural {
		background-image: url(/jcg/gesetzgebung_pfeil_plural.svg);
	}

#gesetze, .ersterkasten_inhalt, #alpha {
	margin-top: 20px;
}

#main .alphapadding {
	padding-top: 15px;
}

.hinweistext {
	font-style: italic;
	font-size: 0.85em;
	margin-top: 60px;
}

.hinweistext span a, .hinweistext span a:visited, .bgbl_zettel span, .bgbl_heute {
	background-color: #7890a8;
	border-radius: 3px;
	font-size: .85em;
	font-style: normal;
	padding: 1px 3px;
	border: 0;
	color: #fff;
}
	.hinweistext span a:hover, .hinweistext span a:active {
		color: #fff !important;
		background-color: #2E5071;
	}
	.bgbl_zettel span, .bgbl_heute {
		font-size: .92em;
	}

.hinweiszeile {
	background-color: #fdffd5;
	border-top: 1px solid #eee;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 10px;
	margin: 30px 0 -14px 0;
	padding: 5px;
	text-align: center;
}

.gesetzestext, .hinweistext {
	padding: 0px 20px;
}

#gesetze_aenderungstabelle, .link_aenderungstabelle {
	font-size: .85em;
	margin: 0 20px;
}

.link_aenderungstabelle {
	background: #eee url(mehrpfeil_dunkel_auf.png) 98% 55% no-repeat;
	background-size: 16px;
	border-radius: 3px;
	border: 1px solid #eee !important;
	color: #222 !important;
	padding: 3px 26px 3px 5px;
}
	.link_aenderungstabelle:hover {
		background-color: #f9f9f9;
	}
#gesetze_aenderungstabelle {
	display: none;
	position: relative;
}
	#gesetze_aenderungstabelle th {
		background-color: #d8e0e8;
	}
	#gesetze_aenderungstabelle td:empty, #gesetze_aenderungstabelle th:empty {
		display: none;
	}
	#gesetze_aenderungstabelle tr:nth-child(even) {
		background: #f4f4f4;
	}
	.mouseover_hinweis {
		background-color: #e9e9e9;
		border: 1px solid #ddd;
		display: none;
		left: 0;
		padding: 3px 6px;
		position: absolute;
		top: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

#gesetzestext table, .gesetzestexte table {
	margin: 0px 0px 10px 0px;
}

td, th {
	padding: 0.4em 0.4em 0.4em 0.6em;
	vertical-align: top;
}

th {
	font-weight: bold;
}

table.kostenordnung {
	border-collapse: collapse;
	width: 100%;
}
table.kostenordnung th {
	text-align: center;
}
table.kostenordnung td, table.kostenordnung th {
	border: 1px solid #ddd;
	font-size: 10px;
}
table.kostenordnung .separate {
	border-left: 3px solid #ddd;
}

div.ueberbreit {
	height: 400px;
	overflow: auto;
	width: 600px;
	margin-bottom: 15px;
}

#gesetze ul, .verweise ul {
	line-height: 1.2em;
	margin-right: 5px;
}

.content_inner li, .verweise li {
	padding-bottom: 1.2em;
}

.verweise ul {
	margin: 5px 0 5px 0;
}
	.verweise > ul {
		margin-top: 20px;
	}

.content_inner ul.nah li {
	padding-bottom: 0.2em;
}

.ersterkasten_inhalt .alpha_links {
	width: 50%;
	float: left;
}
.ersterkasten_inhalt .alpha_klein_rechts {
	border-left: 1px solid #ddd;
	width: 49%;
	float: right;
	font-size: 0.8em;
}

.nbm_abschnitt a.nbm {
	color: #222;
	border-bottom: 0;
}
	.nbm_abschnitt:hover a.nbm {
		color: #777;
		border-bottom: 1px dotted;
	}
	.nbm_abschnitt:hover a.nbm:hover {
		color: #036;
	}
.nbm_abschnitt .nbm_hinweis {
	background-color: #fff;
	box-sizing: border-box;
	color: #888;
	display: none;
	font-size: .85em;
	padding: 5px;
	position: absolute;
	right: -250px;
	top: 25px;
	width: 230px;
}
	.nbm_abschnitt:hover .nbm_hinweis {
		display: block;
	}


/* {{{ Hochgestellte Zahlen */

span.n a {
	font-size: .8em;
	margin-right: 1px;
	position: relative;
	top: -3px;
	vertical-align: top;
	color: grey;
}
.ersterkasten_inhalt span.n {
	white-space: nowrap;
}

/* }}} */

#rechtsgebiete {
	display: none;
}

#aktuell, .aktuell {
	width: 220px;
	/*
	position: absolute;
	right: 0;
	top: 45px;
	top: 5px;
	*/
	font-size: 0.85em;
	padding-top: 5px;
	padding-top: 0;
	position: relative;
	margin-top: 3px;
	margin-left: 10px;
	align-self: flex-start;
}

#aktuell.top, .aktuell.top {
	top: 210px;
}

#aktuell a:link, #aktuell a:visited, .aktuell a:link, .aktuell a:visited, #EinfacheAuflistung a:link, #EinfacheAuflistung a:visited {
	border: 0;
	color: #222;
}

.active, #aktuell a:hover, .aktuell a:hover, a:active, #EinfacheAuflistung a:hover {
	color: #c30;
}

.inaktiv, .ausgegraut {
	color: #999;
}

.appendix, #aktuell a.appendix:link, #aktuell a.appendix:visited, .aktuell a.appendix:link, .aktuell a.appendix:visited {
	color: #777;
	font-size: 0.85em;
	line-height: 1.2em;
}

#verlauf {
	display: none;
}

#verlauf_liste li, ul.urteilsliste li {
	margin-bottom: 8px;
}

.item {
	margin: 5px 0 20px 0;
}

.eingerueckt {
	margin: 5px 0px 10px 20px;
}

#neues_scroll, #verlauf_inner {
	position: relative;
	max-height: 250px;
	width: 210px;
	overflow: auto;
}

#_123-recht_inner {
	position: relative;
	width: 215px;
}

* html #neues_scroll, * html #verlauf_inner {
	height: auto;
}

#navigation, #hinweise {
	padding: 7px 10px 7px 10px;
	margin-bottom: 20px;
}

#werbung a.werbeblock, #information a.werbeblock {
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #fff;
	background: #e6e6f9;
	display: block;
	text-decoration: none;
	color: #222;
	font-weight: normal;
}

#werbung a.werbeblock img, #information a.werbeblock img {
	position: relative;
	z-index: 5;
}

#werbung .titel, #information .titel {
	color: #bbb;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
	padding-right: 5px;
}

.werbung_zettel_voll {
	margin: -10px -10px -15px -10px;
	position: relative;
}

#tgramedia_oben a {
	border-bottom: 0;
}

.schatten {
	background-repeat: no-repeat;
}

* html .schatten {
	height: 1%;
	min-width: 0px;
}

/*
.schatten_top_oben {
	background-image: url(schatten_top_oben.png);
	background-position: left top;
}

.schatten_top_unten {
	background-image: url(schatten_top_unten.png);
	background-position: left bottom;
}

.schatten_content_oben {
	background-color: #fff;
	background-image: url(bg_content_inner.png);
	background-position: left top;
	background-repeat: repeat-y;
	position: relative;
	margin-bottom: 15px;
}

.schatten_content_unten {
	background-image: url(schatten_content_sprite.png);
	background-position: left 0%;
	background-repeat: no-repeat;
	height: 20px;
}
*/
.schatten_content_oben {
	position: relative;
	padding: 10px 0 25px 0;
	display: flex;
}

/*
.schatten_zettel_oben {
	background-image: url(schatten_zettel_oben.png);
	background-position: left top;
}

.schatten_zettel_unten {
	background-image: url(schatten_zettel_unten.png);
	background-position: left bottom;
	padding: 20px 15px 20px 10px;
}
*/

.marker:link, .marker:visited, .active, .inaktiv, .none, .start, .inhalt, a.gesetzestext {
	display: block;
	padding-left: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	border: 0;
}


a.buch3 {
	background-image: url(buch4.png);
	background-position: 0;
	padding-left: 20px;
}

a.buch4 {
	background-image: url(buch32.gif);
	background-position: 0;
	padding-left: 34px;
	vertical-align: middle;
	height: 33px;
}

a.marker:hover, .active {
	background: url(pfeile_sprite.gif) -238px -196px no-repeat;
	color: #c30;
}

#aktuell .marker {
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}

.pfeil_black {
	background: url(pfeile_sprite.gif) -238px -396px no-repeat;
}

span.floating {
	width: 62px;
	padding: 0;
	margin: 0;
	padding-left: 6px;
	background-image: none;
}

.reihe .marker {
	/*float: left;*/
}

.hits {
	float: right;
	width: 80px;
	margin-top: 6px;
}

a:link.hits {
	border: 0;
}

.resultcount {
	color: #888;
	font-weight: normal;
	margin-left: 4px;
	font-size: 0.85em;
}

#content a.resultcount {
	border-bottom: 0;
}

.versteckte_rechtsgebiete {
	border-left: 1px solid #ddd;
	float: right;
	width: 315px;
}

.sichtbare_rechtsgebiete {
	float: left;
	width: 315px;
}

.zettel {
	background-color: #f9f9f9;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 0;
}

.zettel_kopf {
	background: #d8e0e8;
}

.zettel_kopf input {
	width: 200px;
}

.zettel_innen {
	position: relative;
}
.zettel_button {
	background: #eee;
	border: 1px solid #ddd !important;
	font-weight: normal;
	font-size: .75em;
	letter-spacing: 0;
	padding: 1px 5px;
	position: relative;
}
	.zettel_button.aufheben {
		float: right;
		padding-right: 14px;
		top: -3px;
	}
	.zettel_button.aufheben:before {
		color: #666;
		content: "×";
		font-weight: bold;
		font-size: 1.3em;
		right: 4px;
		position: absolute;
		top: 2px;
	}
	.zettel_button:hover {
		background: #ddd;
	}

.zettel_lose, .zettel_lose_unten {
	position: absolute;
	left: 740px;
	top: 0;
	width: 240px;
	font-size: 0.85em;
	z-index: 2;
}

.abschnitt_toolbar {
	display: flex;
	font-family: Arial, sans-serif;
	float: right;
	height: 23px;
}
.abschnitt_toolbar .switch-label {
	align-self: flex-end;
}
.abschnitt_optionen {
	display: inline-block;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.abschnitt_optionen_offen {
	display: block;
	max-width: 210px;
}
.abschnitt_optionen textarea {
	width: 100%;
}
.abschnitt_optionen input[type=submit] {
	margin-top: 15px;
}

.o_abschnitt_optionen {
	background: transparent url(optionen.png) 50% 50% no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	position: relative;
	top: 5px;
	width: 20px;
}
.abschnitt_optionen_inner {
	background-color: #fff;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	-moz-box-shadow:    0px 1px 5px 3px #eee;
	-webkit-box-shadow: 0px 1px 5px 3px #eee;
	box-shadow:         0px 1px 5px 3px #eee;
	width: 250px;
	z-index: 2;
}
.abschnitt_optionen.abschnitt_optionen_offen .abschnitt_optionen_inner {
	display: block;
}
.abschnitt_optionen .hinweislink {
	float: right;
	margin-right: 26px; 
}

.zettel_eingerueckt {
	margin-left: 25px;
	float: left;
}

.zettel_ausgerueckt {
	margin-left: -25px;
	float: left;
}

#main .zettel_innen a {
	border: 0;
	color: #222;
}

#aktuell .formular_zettel {
	margin-top: 10px;
	padding: 0;
}
	#aktuell .formular_zettel fieldset {
		margin: 0;
		padding: 0;
	}
.haken_blau {
	background: url(/jcg/haekchen_blau_14x14.png) 0 50% no-repeat;
	float: right;
	height: 16px;
	width: 16px;
}

#verlauf_inner, #_123-recht_inner {
	height: auto;
	overflow: auto;
}

#google_oben, #werbung_oben {
	width: 728px;
	margin-left: 15px;
	height: 25px;
}

#werbung .google, #information .google {
	text-align: center;
	padding: 17px 0px;
}

#werbung_oben.pluginwerbung {
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	display: none;
	height: auto !important;
	padding: 10px;
	width: 708px;
	text-indent: 25px;
	background: #d55d44 url(/jcg/icon_multisuche_64.png) 10px 10px no-repeat;
	background-size: 16px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 8px 0;
	text-align: left;
}
#werbung_oben.pluginwerbung:hover {
	background-color: #fff;
	color: #d55d44;
}
#werbung_oben.pluginwerbung .close {
	background: transparent;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-indent: 0;
	top: 0;
}
	#werbung_oben.pluginwerbung .close:before {
		content: "×";
	}
#werbung_oben.pluginwerbung:hover .close {
	color: #c30;
}
#werbung_oben.pluginwerbung .close:hover {
	color: #036;
}

#zettel-multi-suche {
	background: #d55d44;
	color: #fff;
	position: relative;
	padding: 10px 10px 5px 10px;
	margin: 10px 0 10px 5px;
}
#zettel-multi-suche-inner {
	background: transparent url(/jcg/icon_multisuche_64.png) 100% 0 no-repeat;
	background-size: 16px;
}

a.googlelike {
	display: block;
	font-size: 0.85em;
	line-height: 1.2em;
	margin: auto;
	width: 468px;
	height: 60px;
	border: 1px solid #efefef;
	color: #000;
	text-align: left;
	padding: 3px 3px 0 3px;
}

.googlelike .head {
	color: #ce3031;
	font-size: 1.4em;
	font-weight: bold;
}

.googlelike .link {
	color: #c30;
	text-decoration: underline;
}

#extra_werbung {
	position: absolute;
	left: 0;
	right: 0;
}

#werbungrechtsfloat, .werbungrechtsfloat {
	position: absolute;
	display: none;
	left: auto;
	right: 32px;
	width: 160px;
	top: 560px;
	z-index: 0;
}

.werbunglinksfloat {
	left: -170px !important;
	right: auto !important;
	top: -3px;
}
.fix-skyscraper {
	left: 50% !important;
	margin-left: 260px;
	top: 20px;
	position: fixed !important;
}
.werbunglinksfloat.fix-skyscraper {
	margin-left: -660px !important;
	margin-right: 0 !important;
}

.googlediv {
	background: rgba(0,0,0,0) url(anzeige_vertikal.svg) no-repeat 0 1%;
	padding: 0 13px;
	margin: 0 auto;
}
.googlediv a {
	border: 0;
}

#g_small_right, #werbungrechtsfloat, .werbungrechtsfloat, .google_horizontal {
	background-size: 40px 12px;
	background: rgba(0,0,0,0) url(anzeige_horizontal.svg) no-repeat 99% 0;
	padding-top: 13px;
}
.keine_anzeige {
	background: none !important;
}

#werbungrechtsfloat.werbunglinksfloat.anzeige_davor {
	background-position: 99% 100%;
	margin-top: 3px;
	padding: 0 0 13px 0;
}

.google_horizontal {
	background-position: 90% 0;
}
	.googlediv.google_horizontal {
		background-position: 0 100%;
		padding: 0 0 13px 0;
	}

.linkkasten a:link.active, .linkkasten a:visited.active, #aktuell a:link.elem_toggle.active {
	padding-left: 15px;
	background-image: url(pfeile_sprite.gif);
	background-position: 1px -596px;
}
	#aktuell a:link.elem_toggle.active {
		margin-left: 5px;
	}

.start {
	background-image: url(pfeile_sprite.gif);
	background-position: 1px -196px;
}

.inhalt {
	background-image: url(pfeile_sprite.gif);
	background-position: 1px -396px;
}

.linkkasten .abstand_u {
	margin-bottom: 15px;
}

.neuesscrollauf {
	padding-right: 5px;
	overflow: auto;
}

#nachrichten {
	padding: 5px 20px 10px 20px;
	line-height: 1.4em;
	display: none;
}

#nachrichten p a {
	padding-left: 15px;
	background: url(pfeile_sprite.gif) -238px -195px no-repeat;
}

.waagenlink {
	background: url(waage.svg) 50% 50% no-repeat;
	background-size: 16px;
	padding: 1px 10px;
}

#aktuell .auswahl, .aktuell .auswahl {
	margin-left: 15px;
	width: 160px;
}

#aktuell .auswahl a, .aktuell .auswahl a {
	display: block;
}

#aktuell .auswahl a:hover, .aktuell .auswahl a:hover {
	color: #c30;
	border-color: #c30;
}

#aktuell .auswahl_kurz a, .aktuell .auswahl_kurz a {
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	width: 13px;
	margin: 0 4px 4px 0;
}

#aktuell .auswahl_lang a, .aktuell .auswahl_lang a {
	margin: 0 0 8px 0;
	padding-left: 8px;
	background: url(list-item.gif) left top no-repeat;
}

hr {
	height: 0;
	padding: 0;
	margin: 5px 0 10px 0;
	border: 0;
	border-top: 1px dotted #ddd;
}

div.links {
	float: left;
	width: 33%;
	font-weight: bold;
	text-align: right;
	margin-right: 2%;
}

div.rechts {
	float: left;
	width: 65%;
	margin-bottom: 30px;
	text-align: left;
}

div.rechts, div.links {
	line-height: 25px;
}

.accesskey {
	text-decoration: underline;
}

img {
	border: 0;
}

img.img_left {
	float: left;
	margin: 0 5px 5px 0;
}

img.img_right {
	float: right;
	margin: 0 0 5px 5px;
}

.tipp {
	background: #fff;
	border: 1px dotted #315b7f;
	padding: 4px;
}

.kasten {
	background-color: #f3f5f7;
	border: 1px solid #eee;
	padding: 10px;
	margin: 20px 0;
}

.kasten p {
	margin: 0 0 0 65px;
}

.kasten img {
	float: left;
	margin: 0 10px 5px 0;
}

#funchelper, #funchelper_gross {
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.8em;
	text-align: left;
	position: absolute;
	top: 70px;
	display: none;
	padding: 4px;
}

#funchelper_gross {
	width: 602px;
	z-index: 96;
	left: 50%;
	margin-left: -301px;
}

#funchelper_liste, #funchelper_meist {
	display: none;
}

#funchelper_liste_inner {
	overflow: auto;
	height: 280px;
}

#funchelper_gross .buchstabe {
	color: #666;
	font-weight: bold;
	padding: 0 2px;
	background-color: #d8e0e8;
	margin: 0 2px;
	border-bottom: 0;
}

#funchelper_gross .gesetze_bg {
}

#funchelper_liste_inner a, #funchelper_liste_inner span.buchstabe, #funchelper_meist a {
	display: block;
}

#funchelper_liste_inner span.buchstabe {
	margin-top: 10px;
}

#funchelper_liste_inner a:hover, #funchelper_meist a:hover {
	background: #f0f0f0;
}

#funchelper_pfeil {
	color: #666;
	cursor: pointer;
	padding-left: 2px;
	vertical-align: -21%;
	border: 0;
}

.funcoben, .funcunten {
	background-color: #edeef9;
	padding: 0 3px;
}

.funcoben {
	background-color: #edeef9;
	margin-bottom: 5px;
}

.funcunten {
	margin-top: 5px;
}

ul.block {
	margin: 0;
	padding: 0;
}

ul.block li {
	list-style: none;
}

ul.block a {
	display: block;
	background: #eee;
	padding: 0 4px;
	border-bottom: 1px solid #fff;
}

ul.block a:hover {
	background: #f8f8f8;
}

ul.wiki_liste {
}

.einrueckung {
	margin: 3px 0px 5px 15px;
	padding-left: 4px;
	font-style: italic;
	border-left: 2px solid #cfcfcf;
}

dl {
	margin-left: 20px;
}

dd {
	margin-left: 0;
	padding-bottom: 10px;
}

div.e0 {
	font-weight: bold;
	margin-bottom: 35px;
	text-align: center;
}

.e1 {
	margin-bottom: 15px;
}

.e2 {
	margin-left: 45px;
	margin-right: 45px;
	display: none;
}

.e3 {
	padding: 4px 0;
}

.e3, .e4, .e5, .e6 {
	margin-left: 30px;
	display: none;
}

.pp, .p {
	font-style: italic;
	display: none;
}

div.pp, .e2 {
	border: 1px dotted #ddd;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 10px 10px 10px 24px;
	background: #f8f8f8;
}

/* <!-- Aufklapptext */

h4.container {
	margin-top: 5px;
}

.display a {
	display: block;
}

h4.display {
	font: bold 1.1em Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	letter-spacing: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(pfeil_switch_r21.gif) left top no-repeat;
}

.subtext p {
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 4px 0 4px;
	margin: 0 0 20px 0;
}


/* Rechtsprechung */

#aktuell .seitenblaettern a:link, #aktuell .seitenblaettern a:visited, .aktuell .seitenblaettern a:link, .aktuell .seitenblaettern a:visited {
	border: 1px solid #ddd;
}

#aktuell .seitenblaettern a:hover, .aktuell .seitenblaettern a:hover {
	color: #c30;
	border-color: #c30;
}

.seitenblaettern .nummern, .aktiveseite, .buchstaben {
	border: 1px solid #ddd;
}

.aktiveseite, .buchstaben_aktiv {
	background: #c30;
	color: #fff;
}
.seitenblaettern .nummern, .aktiveseite, .buchstaben {
	box-sizing: border-box;
	display: inline-block;
	min-width: 18px;
	padding: 0 4px;
	text-align: center;
}
.merkfunktion_symbolbereich .buchstaben {
	margin-right: 4px;
}
.merkfunktion_symbolbereich .buchstaben:first-child {
	margin-left: 4px;
}

a.gesetzestext {
	background: url(pfeile_sprite.gif) -238px -395px no-repeat;
}

.haupt, .vorspann, .entscheidungen {
	padding: 0px 12px 10px 0px;
	margin-top: 12px;
}

.haupt, .entscheidungen {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 0px;
}

.entscheidungen, .notiz {
	border-left: 5px solid #d8e0e8;
	padding: 10px 0 0 10px;
	margin: 20px 0;
}

.notiz {
	padding: 10px;
}

.notiz_top {
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.notiz_top p {
	margin-bottom: 0;
}

.haupt {
	margin: 0 0 30px 0;
	float: right;
	width: 610px;
	position: relative;
	z-index: 3;
}

.zaehlung {
	float: left;
	width: 50px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	border-left: 5px solid #d8e0e8;
	background: #f3f5f7;
	position: relative;
	z-index: 3;
}

.zaehlung .von {
	font-size: 1em;
	font-weight: normal;
}


/* Rechtsprechung Einzel */

.headleft {
	float: left;
	width: 148px;
	margin-bottom: 10px;
}

.headright {
	font-weight: bold;
}

.headright, .textright {
	float: left;
	width: 540px;
}

.textright {
	margin-bottom: 15px;
}

.site {
	background: #edeef9;
	display: block;
	padding: 2px 4px;
	margin-bottom: 5px;
}

.textright_sub {
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#content .textright a.button {
	display: block;
	width: 150px;
	margin-top: 10px;
	text-align: center;
}

.formulargross {
	background: #f8f8f8;
	border: 1px dotted #ddd;
	padding: 10px 10px 0 10px;
}

.formulargross .rechts {
	line-height: 1.2em;
}

a.pfeillinks {
	margin-left: 3px;
}

.bgblue {
	background-color: #036;
}

.blue, .textblue {
	color: #036;
}

.green, .textgreen {
	color: #0a0;
}

.red, .textred {
	color: #a00;
}

.red_white {
	background-color: #a00;
	color: #fff;
	padding-left: 2px;
	padding-right: 2px;
}

.orange, .textorange {
	color: #ff8a00;
}

.infogreen, .infored, .infoyellow {
	border: 1px solid #fff;
	margin: 10px 0;
	padding: 10px;
}

.infogreen {
	background-color: #d6ffb8;
	border-color: #afcc7f;
}

.infored {
	background-color: #ffccb8;
	border-color: #fd5a1a;
	border-color: #fd8a6b;
}

.infoyellow {
	background-color: #fffbb8;
	border-color: #fdc51a;
}

.alert {
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 15px;
}
.alertgreen {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alertyellow {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alertred {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

#gesetzesuebersicht {
	margin-bottom: 15px;
}

.suche div.gesetzesliste, .suche div.gesetzesliste_b, .suche div.gesetzesliste_c {
	height: 165px;
}

div.gesetzesliste, div.gesetzesliste_b, div.gesetzesliste_c {
	padding: 5px;
	background: #f5f5f5;
	border: 5px solid #f8f8f8;
}

div.gesetzesliste_b {
	background: #fff;
}

div.gesetzesliste_c {
	background: #e3ebf4;
}

.rahmen a.down, .rahmen2 a.down {
	background: transparent url(pfeil_down_g.gif) right center no-repeat;
}

a.gliederungpfeil {
	background: url(pfeil_down_g.gif) left center no-repeat;
	display: inline;
	position: relative;
}

.tooltip {
	color: #036;
	display: none;
	font-size: .85em;
	position: absolute;
	z-index: 10;
	padding: 5px;
	width: 200px;
	background: #fff;
	border: 1px solid #036;
}

a.gliederungpfeil:hover ul {
	display: block;
}

.rahmen, .rahmen2 {
	margin: 0 5px 5px 0;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #dedede;
}

.rahmen {
	width: 223px;
	float: left;
	position: relative;
}

.rahmen2, .rahmen2 .gesetzesliste, .rahmen2 .gesetzesliste_b , .rahmen2 .gesetzesliste_c {
}

.suche .gesetzesliste p {
	width: 90px;
	float: left;
}

.gesetzesliste .spalte {
	border-left: 1px solid #ddd;
}

.rahmen p, .rahmen2 p {
	padding-left: 10px;
}

.rahmen a {
	border: 0;
	display: block;
}

.rahmen a, #rechtsgebiete .rahmen2 a {
	margin: 7px 0;
}

#rechtsgebiete .rahmen2 div.gesetzesliste, #rechtsgebiete .rahmen2 div.gesetzesliste_b, #rechtsgebiete .rahmen2 div.gesetzesliste_c {
}

#rechtsgebiete .rahmen2 a {
	line-height: 1.5em;
	margin-top: 0;
}

#rechtsgebiete .rahmen2 div {
	padding-left: 5px;
}

#rechtsgebiete .rahmen2 div.abstand {
	margin: 0 0 15px 0;
}

.rechtsprechung_hinweis, blockquote.hinweis, .text_hinweis {
	border: 1px dotted #ddd;
	font-size: 0.75em;
	margin-top: 5px;
	padding: 5px;
}

.rechtsprechung_hinweis, blockquote.hinweis {
	background: #fff url(hinweis.png) 4px center no-repeat;
	margin: 6px 0 0 10px;
	min-height: 34px;
	padding-left: 42px;
}

blockquote.hinweis {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	background-position: 4px 16px;
}

.hinweislink {
	/*
	background: transparent url(hinweis.gif) center center no-repeat;
	background-size: 16px;
	padding: 2px 6px;
	*/

	background: #036;
	border-radius: 50%;
	color: #fff !important;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	margin-top: -1px;
	position: relative;
	text-align: center;
	width: 20px;
}
.hinweislink:before {
	content: "?";
	position: absolute;
	left: 0;
	right: 0;
}

* html .rechtsprechung_hinweis {
	height: 34px;
}

a.extern {
	margin-left: 10px;
}

.external, .external_inline {
	background: url(external.png) right top no-repeat;
}

.external_inline {
	background-position: 50% 50%;
	display: inline-block;
	padding: 0 8px;
}
.external_inline:before {
	content: '.';
	visibility: hidden;
}

.gesetzesliste_b a.down, .gesetzesliste_b a.up, a.down, a.up {
	background: url(pfeil_switch_b31.gif) 3px center no-repeat;
	cursor: pointer;
	display: block;
	margin-left: 22px;
	padding: 2px 3px 2px 18px;
	text-align: left;
	width: 72px;
}

.rechtsprechung {
	text-align: left;
}

.wortfeld {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.wortfeld .appendix {
	color: rgba(0, 0, 0, .35);
}
.wortfeld .wort, ul.wortfeld li {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: rgba(0, 0, 0, .7);
	cursor: pointer;
	line-height: 1;
	text-align: center;
	padding: 8px 12px;
	margin: 8px 8px 0 0;
	transition: all 0.1s ease-in-out;
	white-space: nowrap;
	list-style: none;
	list-style: none;
}
.wortfeld .wort:hover, ul.wortfeld li:hover {
	background-color: #f4f4f4;
}

#gesetzesuebersicht .down {
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 3;
	top: -7px;
	right: 7px;
}

#top .down, div.top a.down, div.top a.top_link, #top .top_link, .rahmen .down, a.down, * html #main a.down {
	border: 0;
}

.top_link {
	display: block;
	margin-right: 3px;
	margin-bottom: 5px;
}

#top a.top_link_set, div.top a.top_link_set {
	color: #036;
	border-bottom: 1px solid;
}

.top_link span {
	display: inline;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	border-color: #eee #ddd #ddd #eee;
	padding: 1px 3px;
	color: #666;
	margin-right: 4px;
}

.ptop {
	padding: 10px;
	margin: 5px 20px 10px 80px;
	border: 1px solid #eee;
	background: #f8f8f8;
	display: none;
}

.rahmen h3, .rahmen2 h3 {
	font-family: Verdana, "DejaVu Sans", "Lucida Sans", sans-serif;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
	color: #aaa;
}

#aufklappen p {
	display: none;
}

h6.gliederung {
	margin: 0;
	padding-top: 18px;
	padding-bottom: 3px;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: normal;
}

h6.gliederung a {
	position: relative;
	z-index: 3;
}

.ebenentiefe h6 {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-top: 20px;
	padding-bottom: 2px;
}

.ebenentiefe .ebenentiefe h6 {
	font-size: 1.1em;
	padding-top: 10px;
}

.ebenentiefe {
	margin-left: 30px;
}
table.ebenentiefe {
	border-collapse: collapse;
}

.gliederung_ziel {
	background: #fff781;
	background: #f4f4f4;
	border-left: 3px solid #c30;
	padding: 3px 0 5px 10px;
}

.gliederung_inhalt {
	line-height: 1.6em;
}

.gliederung_inhalt p {
	padding-left: 5em;
	margin: 5px 0 10px 0;
}

.gliederung_inhalt .ausgerueckt {
	display: block;
	width: 4.5em;
	float: left;
	margin-left: -4.5em;
}

.ausgerueckt1 {
	width: 2em;
	margin-left: -2em;
}

.ausgerueckt2 {
	width: 2.5em;
	margin-left: -2.5em;
}

.ausgerueckt3 {
	width: 3em;
	margin-left: -3em;
}

.ausgerueckt4 {
	width: 3.5em;
	margin-left: -3.5em;
}

.ausgerueckt5 {
	width: 4em;
	margin-left: -4em;
}

.ausgerueckt6 {
	width: 4.5em;
	margin-left: -4.5em;
}


#aktuell img, .aktuell img {
	position: relative;
	z-index: 5;
}

#allesauf, #alleszu, .aufklappen, .zuklappen {
	padding-left: 19px;
	background: transparent url(aufklappen.gif) left center no-repeat;
	border: 0;
	margin: 6px 0;
}

#alleszu, .zuklappen {
	background-image: url(zuklappen.gif);
}

#klappgesetze {
	background: url(klappgesetze.png) center center no-repeat;
	border: 0;
	display: block;
	position: absolute;
	top: 0;
	right: -30px;
	height: 24px;
	width: 24px;

	/* Resize */
	display: none;
}

a span {
	cursor: pointer;
}

a.plus, a.plusgrau, a.minus, a.close, a.fragezeichen, #close_funchelper_gross {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	width: 15px;
	height: 15px;
	border: 0;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-image: url(sidebar_button_sprite.gif);
}

a.plus {
	right: 15px;
	background-position: 1px -36px;
}

a.plusgrau {
	right: 15px;
	background-position: 1px -72px;
}

a.close {
	background-position: 1px 0%;
}

.infoyellow a.close {
	right: 5px;
	top: 5px;
}

a.close_zettel {
	float:right;
	right: 15px;
	top: 15px;
}

a.close_zettel {
	top: 6px;
	right: 6px;
	background: transparent;
	border-radius: 50%;
	line-height: 24px;
	height: 24px;
	width: 24px;
	text-align: center;
}
a.close_zettel:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
a.close_zettel:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
a.close_zettel::before, a.close_zettel::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 75%;
	top: 50%;
	left: 10%;
	margin-top: -1px;
	background: #888;
	border-radius: 5px;
	height: .15em;
	margin-top: 0px;
	margin-bottom: 20px;
}

a.fragezeichen {
	background-position: 1px -18px;
}

#funchelper_gross a.close {
	top: 6px;
	right: 6px;
	z-index: 11;
	background-position: 1px 0%;
}

a.minus {
	background-position: 4px -54px;
	display: none;
}

* html a.minus {
	right: 33px;
	background-position: 3px -54px;
}

* html a.fragezeichen {
	right: 15px;
}

a.delete, a.edit, a.haekchen, .delete, .edit, .haekchen, a.sichtbarlink {
	border: 0;
	padding: 0px 7px;
	opacity: .6;
	background-size: 16px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
a.delete:hover, a.edit:hover, a.haekchen:hover, .delete, .edit, .haekchen, a.sichtbarlink {
	opacity: 1;
}
a.delete, .delete {
	background-image: url(trash_filled.svg);
}
a.edit, .edit {
	background-image: url(pencil_filled.svg);
}

a.haekchen, .haekchen {
	background-image: url(check_bordered.svg);
}

.notiz_link {
	background-image: url(pencil_filled.svg);
	background-size: 16px;
	background-color: transparent;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.icon_link {
	height: 20px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 20px;
}

.mail_link {
	background: transparent url(icon_mail.png) 0 0 no-repeat;
}

.twitter_link {
	background: transparent url(twitter_logo.svg) 0 0 no-repeat;
	background-size: 110%;
}

.zitiervorschlag {
	margin-bottom: 10px;
	padding-left: 78px;
	position: relative;
}
.zitiervorschlag_icons {
	left: 0;
	position: absolute;
	top: 0;
}

.image_link {
	background-position: 0 1px;
	display: block;
	padding-left: 22px;
}

.hover_opacity {
	opacity: .6;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
	.hover_opacity:hover {
		opacity: 1;
	}
	.dokumente {
		background: url(dokumente.png) 0 0 no-repeat;
		background-size: 16px;
		display: inline-block;
		height: 18px;
		vertical-align: middle;
		width: 16px;
	}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 100dpi) {
	.dokumente {
		background-image: url(dokumentex3.png);
	}
}


.nachrichten_kasten {
	background-color: #f9f9f9;
	border-radius: 3px;
	margin: 0 0 20px 0;
}
.white {
	background-color: #fff;
}

.blue, .red, .green {
	color: #222;
	padding-left: 2px;
	padding-right: 2px;
}
#gesetzestext .blue {
	padding: 0;
}
.blue {
	background: #d8e0e8;
}

.blue_light {
	background: #edf6ff;
	background: #e3f1ff;
	background: #e6e8ec;
	background: #f3f5f7;
}

.nachrichten_kasten {
	padding: 10px;
}
.nachrichten_kasten .urteilszeile {
	color: #c30;
	display: block;
	margin-bottom: 4px;
}
.nachrichten_kasten a:first-child {
	display: block;
	line-height: 1.7em;
}

#fea_div {
	padding: 5px 10px;
	border: 1px dotted #ddd;
}

#fea_div div {
	padding: 6px 8px 7px 8px;
}

.green {
	background: #0a0;
}

.red {
	background: #efae8c;
}

.red_light {
	background: #f7efeb;
}

.target_titel_anzeigen li {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.titel_sichtbar li {
	margin-bottom: 10px;
}

/* Slider-Switch */
.switch-label {
	cursor: pointer;
	letter-spacing: 0;
	font-weight: normal;
}
.switch {
	display: inline-block;
	flex-shrink: 0;
	height: 14px;
	position: relative;
	top: 2px;
	width: 24px;
}
.switch input {
	display: none;
}
.switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .2s;
	transition: .2s;
}
.switch-slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .2s;
	transition: .2s;
}
input:checked + .switch-slider {
	background-color: #8198b5;
}
input:focus + .switch-slider {
	box-shadow: 0 0 1px #8198b5;
}
input:checked + .switch-slider:before {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.switch-slider.round {
	border-radius: 34px;
}
.switch-slider.round:before {
	border-radius: 50%;
}


#derTooltip {
	position: absolute;
	left: 0;
	top: 28px;
	z-index: 96;
	padding-top: 10px;
	margin-bottom: 3px;
	background: transparent url(pfeil_tooltip_oben.png) left top no-repeat;

	/* Resize */
	top: 36px;
}

	#derTooltip div, #derSuchtip div {
		font-size: 0.75em;
		line-height: 1.2em;
		background: #fff;
		width: 320px;
		padding: 4px;
		color: #222;
		border: 1px solid #7f98b2;
		border-top: 0;
	}

#derSuchtipp {
	position: absolute;
	left: 400px;
	top: 67px;
	z-index: 9;
	padding-top: 39px;
	margin-bottom: 3px;
	background: url(tipp-pfeil.gif) center top no-repeat;
}

.headgesetz .gesamtgliederung_toggle {
	background-image: url(sidebar_button_sprite.gif);
	background-position: 100% -32px;
	cursor: pointer;
	display: none;
	height: 22px;
	min-width: 5px;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 25px;
	background-repeat: no-repeat;
	padding-right: 15px;
	z-index: 4;
}
.headgesetz:hover .gesamtgliederung_toggle {
	display: block;
}

.headgesetz.ajax_offen .gesamtgliederung_toggle {
	background-image: url(sidebar_button_sprite.gif);
	background-position: 6px -50px;
}
.headgesetz.ajax_offen .gesamtgliederung_toggle span {
	display: none;
}

#gesamtgliederung_div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 718px;
	height: 410px;
	background-color: #d8e0e8;
	text-align: left;
	margin: 0 10px 10px 10px;
	overflow: auto;
}
.headgesetz.ajax_offen #gesamtgliederung_div {
	display: block;
}

#gesamtgliederung_div h2 {
	font-weight: normal;
	letter-spacing: 2px;
	border-bottom: 1px solid #7f98b2;
	margin-right: 10px;
	margin-bottom: 5px;
}

.gliederung_set {
	background-color: #fff;
}

.zusatzangabe, .bezahldienst, .einloggschranke, .freier_dienst {
	color: #999;
	font-size: 0.8em;
}
.bezahldienst, .einloggschranke, .freier_dienst {
	background: url(bezahldienst.png) left top no-repeat;
	background-size: 12px 12px;
}
	.bezahldienst, .einloggschranke {
		padding-left: 16px;
		margin-left: 10px;
	}
	.einloggschranke {
		background-image: url(schloss.png);
	}

	.freier_dienst {
		background-image: url(freier_dienst.gif);
		background-position: left 1px;
		padding-left: 25px;
		margin-left: 15px;
	}

.angabe_weitere_entscheidungen_container {
	display: inline-block;
	position: relative;
	padding: 0 5px;
}
.angabe_weitere_entscheidungen_container:hover .angabe_weitere_entscheidungen {
	display: block;
}
.angabe_weitere_entscheidungen {
	box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
	background-color: #f3f5f7;
	border: 1px solid #fff;
	max-height: 300px;
	overflow: auto;
	padding: 10px;
	position: absolute;
	width: 400px;
	z-index: 2;
}
.angabe_weitere_entscheidungen b {
	display: block;
	margin-bottom: 5px;
}
.angabe_weitere_entscheidungen a {
	display: inline-block;
	margin: 4px 0;
	white-space: nowrap;
}
.angabe_weitere_entscheidungen i {
	display: block;
}
#content li .angabe_weitere_entscheidungen p.kursiv {
	display: block;
	height: 1.6em;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.angabe_weitere_entscheidungen_anzahl {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: inline-block;
	font-size: .75em;
	line-height: 1;
	padding: 2px 4px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 100dpi) {
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {*/
	.bezahldienst {
		background-image: url(bezahldienstx2.png);
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {*/
	.bezahldienst {
		background-image: url(bezahldienstx3.png);
	}
}

a.adm_link {
	background-color: #c30;
	color: #fff;
	padding: 0 2px;
}

.deakt {
	background-color: #ccc;
}

.grau {
	background-color: #f4f4f4;
}

.anlc, .anl {
	display: block;
	overflow: auto;
	border-collapse: collapse;
	empty-cells: show;
	margin: 10px;
	padding: 0;
}

.anlc td, .anl td {
	border: 1px solid #ddd;
	font-size: 90%;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}

.anlc td {
	padding-right: 10px;
}
	table.uvpg_tabelle>tbody>tr>td:nth-child(3), table.uvpg_tabelle>tbody>tr>td:nth-child(4) {
		font-weight: bold;
		text-align: center;
	}

.kuerzelkasten, .kuerzelkasten2, .kuerzelkasten3 {
	padding: 0px 2px;
	border: 1px solid #000;
}

.kuerzelkasten2 {
	border-style: dotted;
}

.kuerzelkasten3 {
	color: #fff;
	background-color: #999;
}

#klebehinweis {
	background-color: #d8e0e8;
	/*background: #d8e0e8 url(mir_logo_blass.gif) 50% 50% no-repeat;*/
	border: 2px solid #8198b5;
	border-bottom-width: 0;
	border-right-width: 0;
	text-align: left;
	padding: 15px 5px 5px 25px;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 180px;
	z-index: 10;
	font-size: 0.85em;
}

.randhinweis {
	background: url(hinweis_klein.gif) 0 0 no-repeat;
	display: block;
	height: 16px;
	left: -5px;
	position: absolute;
	width: 16px;
}

.BTooltip {
	background-color: #fff;
	border: 1px solid #fff;
	display: block;
	font-size: 0.85em;
	/*left: 0px;*/
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 0px;
	white-space: normal;
	width: 400px;
	z-index: 94;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-webkit-transition: all .5s;
	transition: all .5s;
}

	.BTooltipArrow {
		display: block;
		height: 18px;
		position: absolute;
		width: 52px;
	}

	.leftTop, .leftBottom, .rightTop, .rightBottom, .centerTop, .centerBottom {
		background-image: url(tooltips/arrow-b.png);
		background-repeat: no-repeat;
		background-position: center top;
	}

	.leftTop, .rightTop, .centerTop {
		background-image: url(tooltips/arrow-t.png);
	}

	.whiteTop {
		background-image: url(tooltips/arrow-t_w.png);
	}

	.leftTop {
		left: 0;
		top: -17px;
	}

	.leftBottom {
		bottom: -10px;
		left: 0;
	}

	.rightTop {
		right: 0;
		top: -17px;
	}

	.rightBottom {
		bottom: -10px;
		right: 0;
	}

	.centerTop {
		left: 45%;
		top: -17px;
	}

	.centerBottom {
		bottom: -10px;
		left: 45%;
	}

	.BTooltipHeadcursor {
		cursor: move;
	}

* html .BTooltip {
	background-image: none !important;
	background-color: #c9c9c9 !important;
	padding: 0;
	padding-right: 2px;
	padding-bottom: 2px;
}

.BTooltip .close {
	background: none;
	color: #fff;
	display: inline-block;
	height: 20px;
	width: 20px;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
}
.BTooltip .close:before {
	content: "\00d7";
}

	* html .BTooltipHead, *+html .BTooltipHead {
		margin-top: -2px;
	}

	* html .BTooltipHead {
		margin: -2px 0 0 -1px;
	}

	* html .BTooltipText {
		padding-top: 0;
		margin: 0;
	}

/* {{{ Gesetzestooltips */

.ui-tooltip, .arrow:after {
	background: #fff;
}
.ui-tooltip {
	border: 1px solid #fff;
	display: block;
	font-size: 0.85em;
	/*left: 0px;*/
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	white-space: normal;
	width: 400px;
	z-index: 99;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;

	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 4px 35px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 4px 35px 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 4px 35px 0px;

	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 4px 30px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 4px 30px 0px;
	box-shadow: rgba(0, 0, 0, 0.4) 1px 4px 30px 0px;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-tooltip.tt_leer {
	width: 40px;
}
.tooltip_head {
	background-color: #d8e0e8;
	padding: 15px 10px 15px 10px;
	position: relative;
	text-align: center;
}
.tooltip_content {
	padding: 10px;
}
.tooltip_content b:first-child {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.tooltip_footer {
	background: #f4f4f4;
	color: #666;
	padding: 10px;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* Tooltip arrows */
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	background-color: #d8e0e8;
	bottom: -20px;
	top: auto;
}

.rfenster_icon {
	background: transparent url(icon_rfenster.png) 0% 0%;
	background: transparent url(icon_rfenster.svg) 0% 0% no-repeat;
	background-size: 100%;
	display: block;
	height: 24px;
	opacity: .6;
	width: 24px;
}
.rfenster_icon:hover {
	opacity: 1;
}

div.tt_rechtsprechung div.tooltip_content {
	padding-left: 42px;
	min-height: 24px;
}
div.tt_rechtsprechung .arrow.top:after {
	background-color: #fff;
}
div.tt_rechtsprechung a.rfenster_icon {
	left: 10px;
	position: absolute;
	top: 10px;
}

.ui-tooltip.standard_tt {
	padding: 10px;
	max-width: 400px;
	width: auto;
}


.djo_karte_ul {
	display: block;
	height: 40px;
	list-style: none;
	margin: 0 auto 10px auto;
	padding: 0;
}
	.djo_karte_ul li {
		border-left: 1px solid #ddd;
		display: block;
		font-family: Arial, sans-serif;
		font-size: 9px;
		float: left;
		padding: 0 3px;
		margin: 0;
		text-align: center;
		width: 21%;
	}
	.djo_karte_ul li:first-child {
		border: 0;
	}
	.djo_rspr_karte_anzahl {
		color: #036;
		display: block;
		fonz-size: 13px;
		font-weight: bold;
		margin-top: 10px;
	}
	.djo_rspr_karte_haekchen {
		background: url(/jcg/haekchen_blau_14x14.png) 50% 50% no-repeat;
		height: 14px;
		margin-top: 6px;
	}

/* }}} */

.lupe {
	background-image: url(search_grey.svg);
	background-position: 0% 55%;
	background-size: 14px;
}

table.spr td {
	border-left: solid black thin;
	border-right: solid black thin;
}

.zentr {
	text-align: center;
}

div.screenshots_right {
	left: 45px;
	position: absolute;
}

div.screenshots_right img {
	background: transparent url("iphone/screenshot_schatten.png") right bottom no-repeat;
	margin-top: 40px;
	padding: 0 5px 5px 0;
}

#baugeruest {
	background-color: #ffc;
	color: #222;
	display: none;
	font-size: 0.85em;
	position: absolute;
	top: 85px;
	text-align: left;
	width: 960px;
	z-index: 10;
}


/* {{{ Werbung */

#googlecontent_lex {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin: 10px 0 35px -30px;
	text-align: center;
}

#googlecontent_lex span {
	background: #eee url(banner/werbung_hinweis_60.png) 0 0 no-repeat;
	display: block;
	height: 60px;
	padding-left: 20px;
	width: 468px;
	margin: 15px auto;
}

/* }}} */


/* Rechtsprechung */
#content li p.kursiv {
	font-style: italic;
	margin-bottom: 0;
}

.kv {
	border-left: 3px solid #d8e0e8;
	color: #666;
	margin-top: 10px;
	padding: 0px 0px 0px 10px;
}

.vorschaukasten {
	background-color: #fff;
	border: 1px solid #ddd;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	font-size: 0.85em;
	max-height: 150px;
	overflow: auto;
	position: absolute;
	padding: 10px;
	z-index: 99;
}

.kv p, .vorschaukasten p {
	font-style: normal;
	padding-top: 5px;
}

.vorschaukasten p {
	margin-bottom: 0;
}

.wzv b {
	text-shadow: 0.1em 0.1em 0.2em yellow;
	background-color: #ffc;
}

.sprechblase {
	background: #fff;
	display: inline-block;
	width: 14px;
	height: 8px;
	border: 1px solid #ccc !important;
	padding: 0px;
	position: relative;
	border-radius: .25em;
	top: 0;
	margin-right: 4px;
}
.sprechblasegrau {
	background: #d8e0e8;
	border: 1px solid transparent !important;
}

.sprechblase:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 3px solid #ccc;
	border-right: 3px solid transparent;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid transparent;
	left: 24%;
	bottom: -6px;
}
.sprechblasegrau:before {
	border-left-color: #d8e0e8;
	border-top-color: #d8e0e8;
}

.sprechblase:after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 4px solid #fff;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	border-bottom: 4px solid transparent;
	left: 32%;
	bottom: -3px;
}
.sprechblasegrau:after {
	border-color: transparent;
}

.dhtmllink {
	padding: 0 4px;
}

.laden {
	background-image: url(laden.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
}


/* {{{ Ajax-Suche */

#suchfeld_ajax {
	background-color: #fff;
	border: 1px solid #ddd;
	border-right: 0;
	box-sizing: border-box;
	color: #222;
	height: 24px;
	padding: 1px;
	position: relative;
	vertical-align: top;
	width: 330px;
	z-index: 96;

	/* Resize */
	width: 355px;
}
.unser-suchfeld {
	width: auto;
	overflow-x: hidden;
}
.unser-suchfeld .ui-menu-item {
	border-top: 1px dotted silver;
}
	#head.smaller #logo {
		opacity: 0;
	}
	#head.smaller #suche {
		top: 11px;
	}
	#head.smaller #suchfeld_ajax {
		width: 665px;
		height: 30px;
		font-size: 1.4em;
	}
	#head.smaller #suchbutton_ajax {
		height: 30px;
	}
	#logo, #suche, #suchfeld_ajax, #suchbutton_ajax {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

#suchbutton_ajax {
	border-left: 0;
	box-sizing: border-box;
	color: #222;
	height: 24px;
	margin: 0;
	position: relative;
	vertical-align: top;
	width: 60px;
	z-index: 96;
}

.ui-autocomplete {
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	border-top: 0;
	color: #222;
	font-family: Arial, sans-serif;
	font-size: 13px;
	/*line-height: 1.5em;*/
	padding: 0;
	text-align: left;
	width: 500px;
	z-index: 96;
	/* prevent horizontal scrollbar */
	overflow: hidden;
}

.ui-widget-overlay {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 95;
}

.ui-autocomplete ul {
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	width: 100%;
}

.ui-autocomplete li {
	cursor: pointer;
	display: block;
	margin: 0px;
	/*
	 * 	if width will be 100% horizontal scrollbar will apear
	 * 	when scroll mode will be used
	 *	*/
	/*width: 100%;*/
	/*font: menu;
	font-size: 12px;*/
	/*
	* 	it is very important, if line-height not setted or setted
	* 	in relative units scroll will be broken in firefox
	*	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete li a, .ui-autocomplete > li > div {
	border: 0;
	color: #222;
	display: block;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-autocomplete li a.instanzpfeil {
	background-image: url(autocomplete_pfeil.svg);
	background-repeat: no-repeat;
	background-position: 20px 8%;
	background-size: 16px;
	padding-left: 40px;
}
.ui-autocomplete li a.instanzpfeil .ergebnis_h2 {
	text-indent: 0;
}
.ui-menu-item, .ui-menu-item a, .ui-menu-item div {
	margin: 0;
	padding: 0;
}

.ac_loading {
	background: white url('laden.gif') right center no-repeat;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active {
	border: 0;
	background-color: #d8e0e8;
}

.ergebnis_h {
	color: #444;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ergebnis_h small {
	display: inline-block;
	color: #fff;
	font-weight: normal;
	background-color: #a00;
	margin-top: -2px;
	vertical-align: middle;
	padding: 0 3px 0 2px;
	line-height: .85em;
	font-family: Arial, sans-serif;
}
	.ergebnis_h span {
		font-weight: normal;
	}

.ergebnis_h2 {
	color: #565454;
	display:block;
	overflow: hidden;
	padding-top: 3px;
	text-indent: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ergebnis_zusatz {
	color: #bbb;
	position: absolute;
	right: 0;
	top: 0;
}

.ergebnishigh {
	background-color: transparent;
	border-bottom: 1px solid grey;
	color: #444;
	font-weight: bold;
}

.listhead {
	font-family: Cambria, Times, "DejaVu Serif", serif;
	background-color: #eee;
	color: #888;
	padding: 4px 10px;
	position: relative;
	text-transform: uppercase;
}

.ac_odd {
	background-color: none;
}

.ac_over {
	background-color: #fff;
}
.ui-state-focus {
	border: 0;
	background: #eee;
}

/* }}} */

/* {{{ Entscheidungssuche */
#entscheidungssuche {
	margin: 15px auto;
	padding-bottom: 13px;
	text-align: center;
	vertical-align: bottom;
	width: 240px;
}
#entscheidungssuche form {
	display: flex;
}

#suchfeld_rspr {
	display: flex;
	padding: 0 0 5px 15px;
}
#suchfeld_rspr input[type=search], #entscheidungssuche input[type=search] {
	box-sizing: content-box;
	font-size: inherit;
	min-width: 0;
	padding: 5px;
	vertical-align: bottom;
}
#entscheidungssuche input[type=search] {
	background: #fff;
	border: 1px solid #ccc;
	flex: 1;
	width: 200px;
}
	#suchfeld_rspr ::-webkit-input-placeholder {
	   color:transparent;
	}

	#suchfeld_rspr :-moz-placeholder { /* Firefox 18- */
		color:transparent;
	}

	#suchfeld_rspr ::-moz-placeholder {  /* Firefox 19+ */
		color:transparent;
	}

	#suchfeld_rspr :-ms-input-placeholder {
		color:transparent;
	}
button.abschicken {
	background: #777;
	border: 1px solid #777;
	box-sizing: content-box;
	display: inline-block;
	font-size: inherit;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
button.abschicken:after {
	border-top: 0.2em solid #fff;
	border-right: 0.2em solid #fff;
	content: '';
	display: block;
	height: .4em;
	width: .4em;
	vertical-align: bottom;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* }}} */

#mobilschalter {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fefefe /*{b-body-background-start}*/), to( #fff /*{b-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fefefe /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#fefefe /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#fefefe /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#fefefe /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#fefefe /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/);
	border: 1px solid #ddd;
	color: #036;
	display: block;
	font-size: 1.5em;
	margin: 20px auto 50px auto;
	padding: 10px 20px 10px 20px;
	text-align: center;
	width: 200px;
}

#cookie_info {
	background-color: #ddd;
	bottom: 0;
	font-family: Candara, Lucida Grande, sans-serif;
	left: 50%;
	padding: 5px 25px;
	position: fixed;
	z-index: 11;
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Safari */
	transform: translate(-50%, 0%);
}
	.cookie_info_link {
		background-color: #fff;
		border: 0 !important;
		border-radius: .3em;
		margin-left: 6px;
		padding: 1px 4px;
	}

.bgbl_aufmerksamkeit, .navigation_aufmerksamkeit {
	/*width: 320px;*/
	background-color: #7890a8;
	background-color: var(--navigation-aufmerksamkeit-color);
	border-color: #7890a8;
	border-color: var(--navigation-aufmerksamkeit-color);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 15px;
	position: relative;
	top: -7px;
	left: 50%;
	margin-left: -374px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 10;
}
.bgbl_aufmerksamkeit:after, .navigation_aufmerksamkeit:after {
	border-color: inherit;
	content: " ";
	position: absolute;
	left: 30px;
	top: -8px;
	border-top: none;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #7890a8;
	border-bottom-color: inherit;
}
.bgbl_aufmerksamkeit .close, .navigation_aufmerksamkeit .close, .close_gen {
	border: 0 !important;
	color: #fff;
	display: inline-block;
	height: 20px;
	width: 20px;
	font-size: 1.2em;
	font-weight: bold;
	opacity: .7;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
}
.bgbl_aufmerksamkeit .close:before, .navigation_aufmerksamkeit .close:before, .close_gen:before {
	content: "\00d7";
}
.bgbl_aufmerksamkeit .close:hover, .navigation_aufmerksamkeit .close:hover, .close_gen:hover {
	opacity: 1;
}
.close_gen {
	right: 0;
	top: 1px;
}
.close_gen.close_dark {
	color: #999;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Vor IE/Mac verstecken \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

abbr {
	border: 0;
}

#rel_home span {
	display: none;
}
#rel_home:after {
	content: 'Titelseite';
}

a:active.linkfocus, #aktuell a:active.linkfocus {
	text-decoration: underline;
}

#pfeildiv {
	background: transparent url(/jcg/arrow_focus.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 12;
}

#dejure .fancybox-close {
	background: url(close_form.png) center center no-repeat;
	border: 0;
	position: absolute;
	top: -26px;
	right: -26px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 80;
}

.fancybox-skin {
	background-color: #f3f5f7;
	border: solid 2px #eee;
}
#fancybox-skin::-webkit-scrollbar {
	display: none;
}
.fancybox-wrap {
}
.registration {
	min-height: 420px;
	overflow: hidden;
	width: 630px;
}

#passwort_staerke, .form-error, #dejurelogin label.error {
	font-size: .85em;
	position: absolute;
	display: block;
}
	.form-error, .error {
		color: #ab0000;
	}
	#dejurelogin .form-error, #dejurelogin label.error {
		bottom: -15px;
		/*margin-top: -27px;*/
	}
	input.error {
		background-color: #ffebef;
	}
	.strength-meter {
		right: 13px;
		top: 43px;
	}
	#dejurelogin .strength-meter {
		right: 1px;
		top: 46px;
	}

#dejurelogin p, #dejurelogin h1, #dejurelogin form, #dejurelogin button{border:0; margin:0; padding:0;}
#dejurelogin .spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.form_einstellungen input[type=email], .form_einstellungen input[type=password], .form_einstellungen input[type=password] {
	width: 200px;
}


/* ----------- registrationdiv ----------- */
#registrationdiv, #loginframe {
	background-color: #e1f1fa;
	border: solid 1px #fff;
	padding:14px;
	position: absolute;
	text-align: left;
	z-index: 1001;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
}
#dejurelogin fieldset, .form2 fieldset {
	margin: 5px 0 0 5px;
}
#dejurelogin h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}
#registrationform {
	float: left;
	width: 300px;
}
.userinfo {
	border-left: 1px solid #fff;
	float: right;
	font-size: .85em;
	padding: 0 6px 0 15px;
	width: 294px;
}
/*
#dejurelogin label {
	display: block;
}
*/
#dejurelogin .small {
	color: #666666;
	font-size: .75em;
	font-weight: normal;
}
#dejurelogin input[type=text], #dejurelogin input[type=password], #dejurelogin select, #dejurelogin textarea, .form2 input[type=text], .form2 input[type=password], .form2 select {
	background-color: #fff;
	border: solid 1px #c6d6e4;
	color: #222;
	display: block;
	margin: 2px 0 0 0;
	padding: 4px 2px;
	width: 280px;
}
input.error {
	color: #ab0000 !important;
}
input.error {
	background-color: #ffebef !important;
}
#dejurelogin .reihe {
	margin-bottom: 30px;
}
#dejurelogin input[type=checkbox] {
	display: inline;
	width: auto;
}
#dejurelogin button {
    /* Styles */
    cursor: pointer;
	display: block;

    /* Font styles */
	background-color: #777;
    color: #f4f4f4;
	clear: both;
	padding: 3px 10px;
	/*width: 100px;*/
	text-align: center;
	box-shadow: 0px 1px 3px 0px #666666;
}
#dejurelogin button:hover {
	background-color: #036;
}

optgroup {
	font-weight: normal;
	font-style: normal;
}


.ausblendung {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(70%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#e6ffffff',GradientType=0 );
}

.mehrfade {
	background: #fff;
	bottom: 0;
	left: 18px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1;

	-webkit-box-shadow: 0 -8px 6px -6px rgba(215, 215, 215, 1);
	-moz-box-shadow: 0 -8px 6px -6px rgba(215, 215, 215, 1);
	box-shadow: 0 -8px 6px -6px rgba(215, 215, 215, 1);
}
	.mehrfade a {
		background: transparent url(ellipsis_round.svg) 50% 50% no-repeat;
		background-size: 20px;
		display: block;
		filter: alpha(opacity=25);
		height: 30px;
		margin: 0;
		opacity: 0.25;
		padding: 0;
		text-align: center;
		text-indent: -99999px;
		width: 100%;
	}
		.mehrfade a:hover {
			filter: alpha(opacity=60);
			opacity: .6;
		}

	.mehrfade a.mehrfadeout {
		background-image: url(ellipsis_round_inverted.svg);
	}


/* {{{ Benutzereinstellungsseite */
#alpha.benutzereinstellungen {
	min-height: 250px;
}
.benutzereinstellungen h2, .benutzereinstellungen .kasten {
	background-color: #f7f7f7;
	border: 1px solid #e0e0e0;
	border: 0;
	background: transparent;
}

.benutzereinstellungen label {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 10px;
	margin-left: 20px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.benutzereinstellungen input[type=checkbox], .benutzereinstellungen input[type=radio] {
	margin: 3px 4px 0 -20px;
}

.benutzereinstellungen h2 {
	letter-spacing: -1px;
	margin-bottom: 0;
	margin-top: 30px;
	padding-left: 10px;
	padding-top: 5px;
}

.benutzereinstellungen .kasten {
	border-top-color: #fff;
	padding: 10px;
	margin: 0;
}

.form_einstellungen .kasten {
	border-top-color: #e0e0e0;
	margin-top: 20px;
}

.benutzereinstellungen .einstellung_spalte {
	padding-left: 260px;
	margin-bottom: 20px;
}

.benutzereinstellungen .einstellung_titel {
	float: left;
	width: 240px;
}
.einstellung_zwischenueberschrift {
	color: #8f8f8f;
	margin: 0 0 20px 0;
}

.form_einstellungen .einstellung_abschnitt {
	border-left:1px solid #eee;
	float: left;
	height: 190px;
	padding-left: 10px;
	width: 32%;
}
.form_einstellungen .einstellung_abschnitt:first-child {
	border: 0;
	padding-left: 0;
}
.form_einstellungen .einstellung_abschnitt .reihe {
	margin-bottom: 24px;
}
.form_einstellungen .einstellung_abschnitt select {
	margin-top: 17px;
}
/* }}} */


/* {{{ Merkfunktion */
small.kreis_rot {
	background-color: #c30;
	border-radius: 1em;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}

.meldung_merkliste {
	background-color: #c30;
	border: 1px solid #ddd;
	color: #fff;
	font-family: Arial, sans-serif;
	padding: 1px 0;
}
	.meldung_merkliste span {
		background-color: #fff;
		border: 2px solid #c30;
		border-left-width: 0;
		border-right-width: 3px;
		color: #c30;
		font-size: .8em;
		position: relative;
		top: -1px;
		padding: 0 1px;
	}

.merkfunktion_ordnerliste {
	display: flex;
	flex-wrap: wrap;
}

.merkfunktion_meldung_anzahl_ordner, .merkfunktion_meldung_anzahl {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: .85em;
}
.merkfunktion_meldung_anzahl {
 	background: #c30;
	border-radius: 3px;
	padding: 1px 3px;
}

.merkfunktion_meldung_anzahl_ordner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 0 6px 0;
	position: absolute;
	right: 18px;
	top: 0;
	width: 20px;
}

.merkfunktion_meldung_anzahl_ordner div {
	background: #c30;
	line-height: .5em;
	padding: 0.7em 0 .6em 0;
	text-align: center;
}

.merkfunktion_meldung_anzahl_ordner div:after {
	border-left: 10px solid #c30;
	border-right: 10px solid #c30;
	border-bottom: 6px solid transparent;
	bottom: 0;
	content: '';
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.beobachtung_ordner {
	background: url(beobachtung_ordner.png) 0 0 no-repeat;
	height: 140px;
	float: left;
	margin-right: 25px;
	padding: 20px;
	position: relative;
	width: 170px;
	transition: background .2s;
}
	.beobachtung_ordner:nth-child(3n+3) {
		margin-right: 0;
	}
	.beobachtung_ordner:hover {
		background-image: url(beobachtung_ordner_mo.png);
		cursor: pointer;
	}

.merkfunktion_ordner {
	background-color: #23CBF4;
	background-color: #f4f4f4;
	cursor: pointer;
	/*display: inline-block;*/
	float: left;
	margin: 16px 20px 24px 0;
	padding: 5px 20px;
	position: relative;
	width: 218px;
	height: 144px;
	border-radius: 0 10px 10px;
	box-sizing: border-box;
	transition: background .2s;
}
.merkfunktion_ordner:nth-child(3n) {
	margin-right: 0;
}
.merkfunktion_ordner:hover {
	background-color: #eee;
}
.merkfunktion_ordner::after, .merkfunktion_ordner::before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
}
.merkfunktion_ordner:before {
	background-color: #06BAEE;
	background-color: #eee;
	top: -16px;
	left: 0;
	width: 64px;
	height: 16px;
	border-radius: 10px 0 0;
}
.merkfunktion_ordner:after {
	top: -32px;
	left: 48px;
	border: 16px solid transparent;
	border-bottom-color: #06BAEE;
	border-bottom-color: #eee;
}
.merkfunktion_ordner h3 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 30px -10px 10px -10px;
}
.ordner_notizen {
	background-color: #23CBF4;
	background-color: #ccfaff;
}
.ordner_notizen:before {
	background-color: #b5f5fc;
}
.ordner_notizen:after {
	border-bottom-color: #b5f5fc;
}
.ordner_notizen:hover {
	background-color: #b5f5fc;
}

.merkfunktion_ordner_form {
	background-color: #f9f9f9;
	left: 0;
	padding: 15px 0 0 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	border: 1px solid transparent;
	border-radius: 0 10px 10px;
}
.merkfunktion_ordner_form input {
	margin-bottom: 10px !important;
	width: 90% !important;
	box-sizing: border-box;
}
.merkfunktion_ordner_form button, .merkfunktion_ordner_form input {
	font-size: 12px;
}

.merkfunktion_datum {
	float: right;
}

.m_ordner_zusatzangaben {
	color: #999;
	display: none;
	font-size: .9em;
	line-height: 1em;
	margin-top: 4px;
}

.merkfunktion_symbolbereich {
	position: absolute;
	display: inline;
}
	.merkfunktion_ordner .merkfunktion_symbolbereich {
		bottom: 14px;
		left:10px;
	}
.merkfunktion_ordner .bearbeitungsbereich a {
	margin-right: 4px;
}

#loading {
	background: transparent url(/jcg/loading-bar.gif) 50% 50% no-repeat;
	border: 1px solid #ccc;
	height: 19px;
	left: 50%;
	position: fixed;
	margin-left: -110px;
	top: 50%;
	width: 220px;
	z-index: 11;
}

.funktionsbereich {
	min-height: 25px;
	padding: 40px 30px 15px 30px;
	position: relative;
}
.hat_banderole .funktionskasten {
	padding-top: 30px;
}
.hat_banderole .funktionsbereich {
	z-index: 6;
}

.form_disabled, .funktion_disabled {
	opacity: .7;
}

.funktionstabs {
	position: absolute;
	right: 0;
	top: 0;
}

.funktionstab {
	background: url(tabs/tab_inaktiv.png) 0 0 no-repeat;
 	float: right;
	height: 34px;
	width: 25px;
	opacity: .6;
}
.funktionstab_aktiv {
	background: url(tabs/tab_aktiv.png) 0 0 no-repeat;
}
a.funktionstab:hover, .funktionstab_aktiv {
	opacity: 1;
}

.funktionstab_img {
	margin:6px 0 0 5px;
}


/* }}} */

#meistgenutzte_gesetze {
	margin-top: 20px;
}

/* Key classes */
/* Base style, essential for every key. */
kbd, .key {
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal 11px/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
kbd[title], .key[title] {
	cursor: help;
}

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
	color: rgb(250, 250, 250);
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
	background: rgb(250, 250, 250);
	background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
	color: rgb(50, 50, 50);
	text-shadow: 0 0 2px rgb(255, 255, 255);
	-moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}


/* {{{ Merkfunktion Ordnerauswahl */
.dropdown {
	border: 1px solid #bbb;
	border: 1px solid #eaeaea;
	margin: 0;
	width: 340px;
}
.dropdown dd, .dropdown dt {
	margin: 0px;
	padding: 0px;
}
.dropdown ul {
	margin: -1px 0 0 0;
}
.dropdown dd {
	position: relative;
}
.dropdown a,
.dropdown a:active,
.dropdown a:visited {
	color: #222 !important;
	border: 0;
	text-decoration: none;
	outline: none;
	font-size: 12px;
}
.dropdown dt a {
	background: #fff;
	display: block;
	padding: 8px 36px 5px 10px;
	min-height: 25px;
	line-height: 24px;
	overflow: hidden;
	position: relative;
	border: 0;
}
.dropdown dt a:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 10px;
	display: inline-block;
	border-right: 4px solid #bbb;
	border-bottom: 4px solid #bbb;
	width: 10px; height: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: all 0.2s ease-in-out;
}
.dropdown dt a.dropdown_open:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	top: 16px;
}
.dropdown dt a span, .multiSel span {
	cursor: pointer;
	display: inline-block;
	padding: 0 0 2px 0;
}
.dropdown dd ul {
	background-color: #fff;
	border: 0;
	display: none;
	left: 0;
	overflow: auto;
	padding: 0;
	/* damit die Liste nichts verdeckt */
	/*position: absolute;*/
	top: 2px;
	width: 100%;
	list-style: none;
	height: auto;
	max-height: 300px;
	z-index: 1;
	box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
}
.dropdown span.value {
	display: none;
}
.dropdown dd ul li a {
	padding: 5px;
	display: block;
}
.dropdown dd ul li a:hover {
	background-color: #fff;
}
.multiSelect .merkordner_filtern {
	border: 0;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}

.multiSelect label {
	cursor: pointer;
	display: block !important;
}
.multiSelect input[type=checkbox] {
	float: left;
}

.multiSelect li {
	border-bottom: 1px solid #eee;
	padding: 10px;
}
.multiSelect li:first-child, .multiSelect li:last-child {
	border: 0;
}
.multiSelect li:first-child {
	background-color: #eee;
	display: flex;
	left: 0;
	padding: 0;
	position: sticky;
	top: 0;
	z-index: 1;
}
.flexwrapper {
	display: flex;
	flex-wrap: nowrap;
	flex: 1;
	padding: 8px 10px;
	text-align: right;
}
li .flexwrapper:first-child {
	flex-grow: 6;
}
.solid_button {
	background-color: #ddd;
	border: 2px solid transparent;
	border-radius: 3px;
	box-sizing: border-box;
	color: #666 !important;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	padding: 6px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	outline: none;
	position: relative;
	top: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	box-shadow: 0 3px 0 #eee;
}
.multiSelect .solid_button {
	background: transparent url(add_folder.svg) center center no-repeat;
	background-size: 90%;
	font-size: 1.6em;
	height: 1.4em;
	line-height: 1em;
	margin: 0 4px 0 0;
	padding: 0px 4px;
	white-space: nowrap;
	width: 1.4em;
}
.multiSelect .neuer_ordner {
	opacity: .7;
}
.multiSelect .solid_button:last-child {
	margin-right: 0;
}
.solid_button:hover {
	opacity: 1;
}
.multiSelect .toggle_switch {
	background: none;
	padding: 0;
	margin: 0 8px 0 0;
}
.multiSelect .toggle_switch input {
	background: transparent url(clock.svg) center center no-repeat;
	background-size: 24px;
	background-size: 100%;
	cursor: pointer;
	opacity: .5;
	display: block;
	height: 100%;
	margin: 0;
	top: 1px;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.multiSelect .toggle_switch input:checked {
	opacity: 1;
}
.multiSelect .toggle_switch input:hover {
	border: 0;
	opacity: .7;
}
.multiSelect .toggle_switch input:before, .multiSelect .toggle_switch input:after {
	display: none;
}
/* }}} */


/* Nachrichtenseite */
#kasten_nachrichten {
}

#kasten_nachrichten {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#kasten_nachrichten li.top_margin {
	margin-top: 20px;
}
#kasten_nachrichten li.n_padding {
	padding-left: 84px;
}
#kasten_nachrichten li {
	padding-bottom: 16px;
}
	#kasten_nachrichten .nachrichten_datum {
		display: block;
		left: 0;
		position: absolute;
		width: 82px;
	}
	#kasten_nachrichten li a {
		border: 0;
		display: block;
		/*
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		*/
	}
	#kasten_nachrichten li a .favicon {
		margin-right: 10px;
	}
#kasten_nachrichten li div.angaben a:hover {
	color: #036 !important;
}
#kasten_nachrichten li div.angaben {
	display: block;
	height: auto;
	margin-left: 25px;
	margin-top: 2px;
}
#kasten_nachrichten li div.angaben a {
	font-family: Arial, sans-serif;
	border-radius: 3px;
	padding: 1px 4px;
	border: 1px solid #ccc;
	color: #666 !important;
	display: inline;
	font-size: .85em;
	margin-right: 4px;
	width: auto;
}

.versteckt, #keintreffer {
	display: none;
}
.hidden {
	visibility: hidden;
}
.sichtbar {
	display: block;
}
.force_sichtbar {
	display: block !important;
}


/* {{{ Zitierfunktion */
#zitierdiv {
	background-color: #ddd;
	display: none;
	height: 170px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
	#zitierdiv.zitierdiv_unten {
		bottom: 0;
		top: auto;
	}
	#zitierdiv_sub {
		left: 50%;
		margin-left: -280px;
		position: absolute;
		text-align: left;
		top: 0;
		width: 322px;
	}
	#zitierdiv h3 {
		font-weight: normal;
		text-align: center;
	}
	#zitierdiv label {
	}
#zitierinput {
	margin-bottom: 8px;
	padding: 10px;
	width: 300px;
}

.progress-bar {
	width: 100%;
	height: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.progress-bar-fill {
	display: block;
	height: 4px;
	background: #7f98b2;
	transition: width 5s ease-in-out;
	width: 100%;
}
.zitierdiv_unten .progress-bar {
	bottom: 0;
	left: 0;
	position: absolute;
}

/* }}} */


/* {{{ Stellenanzeigen */
.default_button {
	cursor: pointer;
	background-color: #666;
	border: 0;
	color: #fff;
	font-size: 1em;
	padding: .2em .5em;
}
.einzelne_anzeige h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
}
.einzelne_anzeige h3 {
	font-size: 1.4em;
	margin: 15px 0;
}
.default_button:hover, .default_button:focus {
	background-color: #036;
	color: #fff;
}
#stellenanzeigen {
	display: none;
	font-family: Arial, sans-serif;
	font-size: .9em;
	left: auto;
	margin: 10px 0 10px 10px;
	position: absolute;
	right: 0;
	width: 220px;
	top: 530px;
}
#stellenanzeige_button {
	background-color: #fff;
	border: 1px solid #fff;
	float: right;
	margin-top: 4px;
	padding: 2px 5px;
}
	#stellenanzeige_button:hover {
		border-color: #ddd;
	}
#stellenanzeigen .anzeige_kopf a {
	color: #444;
	border-bottom: 0;
}
	#stellenanzeigen:hover .anzeige_kopf a {
		color: #c30;
		border-bottom: 1px dotted;
	}
	#stellenanzeigen:hover .anzeige_kopf a:hover {
		color: #036;
	}
.anzeige_sub {
	background-color: #fff;
	border: 1px solid #fff !important;
	border-top-color: #ddd !important;
	color: #222 !important;
	cursor: pointer;
	display: block;
	height: 135px;
	margin-top: 10px;
	padding: 10px;
	position: relative;
}
.anzeige_sub:hover {
	border-color: #ddd !important;
	color: #222 !important;
	background-color: #f9f9f9;
}
.anzeige_sub.step {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.anzeige_sub.step .bookmark {
	background: #eee;
	background-image: url(/jcg/stellenmarkt/stepstone_icon.png);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: 50% 30%;

	height: 36px;
	position: absolute;
	top: 0;
	left: 10px;
	width: 20px;
}
.anzeige_sub.step .bookmark:after {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	bottom:0;
}
.anzeige_sub.step:hover .bookmark:after {
	border-bottom-color: #f9f9f9;
}
.anzeige_sub.step .anzeige_logo img {
	max-width: 146px;
}
.anzeige_sub .anzeige_logo {
	align-items: center;
	display: flex;
	height: 60px;
	justify-content: center;
	max-height: 60px;
}
.anzeige_sub .anzeige_logo img {
	display: inline-block;
}
.anzeige_sub .sm_taetigkeit {
	font-weight: bold;
	max-height: 32px;
	overflow: hidden;
}
.anzeige_sub .sm_bereich {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.anzeige_self {
	background: #d8e0e8;
	color: #222 !important;
	text-align: center;
}
.anzeige_self:hover {
	color: #222 !important;
	opacity: .9;
}
.anzeige_self h3 {
	color: #222;
	margin-top: 40px;
}
.anzeige_logo {
	margin-bottom: 5px;
	position: relative;
	width: 200px;
	text-align: center;
}
.anzeige_logo img {
}
.anzeige_kopf {
	color: #444;
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	/*text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);*/
}

#list-container {
	overflow: hidden;
	width: 220px;
}

.list {
	min-width: 1400px;
	float: left;
}
.anzeigen_item {
	margin-right: 10px;
}

.anzeige_link {
	background-color: #fff;
	border: 1px solid #fff;
	border-top-color: #ddd;
	color: #fe5f3a;
	cursor: pointer;
	font-weight: bold;
	margin-top: 10px;
	width: 169px;
	padding: 5px;
	text-align: center;
}
.anzeige_link:hover {
	background-color: #f9f9f9;
	border-color: #ddd;
}

#arrowR, #arrowL {
	background-color: #666;
	border: 1px solid #ddd;
	color: #ddd;
	cursor: pointer;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 0;
	text-align: center;
	vertical-align: center;
	width: 15px;
}
#arrowR:hover, #arrowL:hover {
	background-color: #fff;
	color: #666;
}
#arrowR {
	float: right;
}
#arrowL {
	float: right;
}
#arrowR.disabled, #arrowL.disabled {
	opacity: .5;
	cursor: default;
}
#arrowR.disabled:hover, #arrowL.disabled:hover {
	background-color: #666;
	color: #ddd;
	cursor: default;
}

.anzeigen_item {
	width: 220px;
	float: left;
	position: relative;
}

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: "";
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.45em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: -.15em;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.15em;
	transform: rotate(-135deg);
}

.dropdown-elem {
	cursor: pointer;
	position: relative;
}
.dropdown-elem::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: "";
	display: inline-block;
	height: 0.45em;
	right: 0.15em;
	position: absolute;
	top: 0.35em;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.45em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.dropdown-elem.open::before {
	top: 0.45em;
	transform: rotate(-45deg);
}
.dropdown-content {
	margin-top: 10px;
}
/* }}} */

#zettel_pluginhinweis {
	border: 1px solid #fff;
	border-bottom-width: 0;
	color: #ddd;
	cursor: pointer;
	display: block;
	font-size: .85em;
	height: 16px;
	overflow: hidden;
	padding: 10px;
	width: 170px;
	position: fixed;
	bottom: 0;
	right: 50px;
	background: #222 url(/jcg/icon_multisuche_64.png) 10px 10px no-repeat;
	background-size: 16px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px 0;
	text-align: left;
	z-index: 3;
	/*transition: all 0.5s ease-in-out;*/
}
#zettel_pluginhinweis b {
	margin-left: 24px;
}
#zettel_pluginhinweis a {
	color: #fff !important;
}
#zettel_pluginhinweis:after {
	content: "";
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	position: absolute;
	right: 10px;
	top: 16px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transition: all 0.5s ease-in-out;
}
#zettel_pluginhinweis:hover {
	background-color: #ddd;
	border-color: #fff;
	color: #222;
	height: 140px;
}
#zettel_pluginhinweis:hover a {
	color: #c30 !important;
}
#zettel_pluginhinweis:hover a:hover {
	color: #036 !important;
}
#zettel_pluginhinweis:hover:after, #zettel_pluginhinweis.extended:after {
	border-color: #aaa;
	top: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#minimize_pluginhinweis {
	border: 0;
	height: 18px;
	position: absolute;
	top: 8px;
	right: 6px;
	width: 18px;
	z-index: 2;
}
#minimize_pluginhinweis:hover {
	background: #444;
}
#minimize_pluginhinweis:hover:after {
	content: "";
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	position: absolute;
	right: 4px;
	top: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.fixed_bottom_info {
	background-color: #222;
	background: linear-gradient(to bottom, #283244 0%, rgba(21, 26, 35, 0.75) 100%);
	border: 1px solid #fff;
	border-bottom-width: 0;
	bottom: 0;
	color: #ddd;
	cursor: pointer;
	display: block;
	font-size: .85em;
	height: 50px;
	overflow: hidden;
	padding: 10px;
	position: fixed;
	right: 4%;
	text-align: center;
	width: 160px;
	z-index: 3;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 4px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 4px 0;
	box-shadow: rgba(0, 0, 0, 0.15) 0 4px 4px 0;
	/*box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);*/
}
.fixed_bottom_info:hover {
	background: #ddd;
	border-color: #fff;
	color: #222;
}
.fixed_bottom_info h2 {
	font-size: 1.4em;
	margin: 5px 0 5px 0;
}
/*
.fixed_bottom_info a {
	background-color: rgba(0, 0, 0, 0.2);
	border: solid 1px rgba(255, 255, 255, 0.1);
	padding: 3px 10px;
}
.fixed_bottom_info:hover a {
	background-color: rgba(255, 255, 255, 0.2);
	border: solid 1px rgba(0, 0, 0, 0.1);
}
*/


@-webkit-keyframes flashing {
	0% {
		background-color: transparent;
	}
	50% {
		background-color: #ffe981;
		background-color: cornsilk;
		background-color: lightyellow;
		background-color: lemonchiffon;
	}
	100% {
		background-color: transparent;
	}
}

.flash {
	-webkit-animation-name: flashing;
	-webkit-animation-duration: 1400ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
}


/* {{{ Funktionsbereich (Merkfunktion, Teilen */
.zeige_merkfunktion {
	cursor: pointer;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 4px;
	width: 16px;
}

.zeige_merkfunktion .icon_merkfunktion {
	background: #666;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 1.5em;
	line-height: 1.5em;
	position: relative;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	width: 16px;
}
.zeige_merkfunktion .icon_merkfunktion:before {
	content: '+';
}
.zeige_merkfunktion .icon_merkfunktion:after {
	border-left: 8px solid #666;
	border-right: 8px solid #666;
	border-bottom: 4px solid transparent;
	border-top: 1px solid #666;
	bottom: -4px;
	content: '';
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
}

.zeige_merkfunktion .icon_merkfunktion.zeige_gemerkt {
	background: #c30;
}
.zeige_merkfunktion .icon_merkfunktion.zeige_gemerkt:before {
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	content: '';
	color: #fff;
	height: 4px;
	left: .2em;
	margin-top: 4px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: .2em;
	width: 8px;
}
.zeige_merkfunktion .icon_merkfunktion.zeige_gemerkt:after {
	border-left-color: #c30;
	border-right-color: #c30;
	border-top-color: #c30;
}

.zeige_teilen, .zeige_einstellungen {
	background: url(share.svg) 0 0 no-repeat;
	background-size: 100%;
	display: inline-block;
	margin-top: 4px;
	height: 24px;
	width: 24px;
}
.zeige_einstellungen {
	background-image: url(settings.svg);
}

.kasten_zeige {
	background-color: #7f98b2;
	background-color: #f4f4f4;
	background-color: transparent;
	height: 32px;
	position: absolute;
	right: 15px;
	top: 0;
}
.kasten_zeige .tabs {
	background-color: rgba(0, 0, 0, .04);
	/*border-radius: 5px 5px 0 0;*/
	cursor: pointer;
	float: right;
	height: 32px;
	margin-right: 4px;
	padding: 0 6px;
	text-align: center;
	width: 28px;
	/*opacity: .6;*/
}
.kasten_zeige .tabs.aktiv {
	background-color: #fff;
	opacity: 1;
}
.kasten_zeige .tabs:hover {
	background-color: #fff;
	opacity: 1;
}
.funktionsbereich_oben {
	background-color: #f4f4f4;
	min-height: 32px;
}
.funktionskasten {
	/*height: 0;*/
	display: none;
}
.funktionskasten.offen {
	/*border-top: 3px solid #fff;*/
}
.kasten_merkfunktion, .kasten_teilen {
	background-color: #f4f4f4;
}
.formular_merkfunktion {
	padding: 10px;
}
.formular_merkfunktion .close_overlay {
	display: none;
}

.funktionsbereich_hinweis {
	margin: 0 0 20px 0;
	overflow: auto;
}
.merkfunktion_form {
	margin-bottom: 10px;
}
.merkfunktion_form fieldset {
	padding: 0;
}
.merkfunktion_form > fieldset > .segment {
	margin: 30px 0 0 0;
}
.merkfunktion_form > fieldset > .segment:first-of-type {
	margin-top: 0;
}
.mf_standardeinstellungen .segment {
	margin: 15px 0 0 0;
}
.mf_standardeinstellungen .segment:first-of-type {
	margin-top: 0;
}
.merkfunktion_form label {
	cursor: pointer;
	display: block;
	padding-left: 26px;
	position: relative;
}
.merkfunktion_form label input {
	margin-left: -24px;
}
.merkfunktion_form .merkfunktion_notiz {
	position: relative;
}
.merkfunktion_form .merkfunktion_notiz .zeichenzahl {
	position: absolute;
	display: block;
	font-size: .625rem;
	min-height: 12px;
	right: 0;
	top: -20px;
}
.merkfunktion_form textarea {
	border-color: #eaeaea;
	box-sizing: border-box;
	height: 13em;
	padding: 10px;
	resize: none;
	transition: all .2s ease;
	transition-delay: .1s;
	width: 100%;
}
.funktionsbereich .subheading, .merkfunktion_form .subheading {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.merkfunktion_form .textarea_minimized {
	height: 3.3em;
	width: 340px;
}
.merkfunktion_form .textarea_minimized:focus {
	height: 13em;
	width: 100%;
}
.merkfunktion_form .curvedarrow {
	margin-left: 6px;
}
.merkfunktion_form button {
	display: inline-block;
	margin-right: 10px;
}
.merkfunktion_form button:last-child {
	margin-right: 0;
}
.merkfunktion_form .merkfunktion_speichern {
	min-width: 70px;
}

.funktion_info {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px;
}

/* Slider:
 * https://codepen.io/trevanhetzel/pen/rOVrGK
 * https://codepen.io/thebabydino/pen/bNQeeV
 * https://codepen.io/thebabydino/pen/jEeGXq
 */
.range {
	position: relative;
	width: 236px;
	height: 5px;
}
.range input {
	width: 100%;
	position: absolute;
	top: 2px;
	height: 0;
	-webkit-appearance: none;
}
.range input:focus {
	outline: none;
}
input[type=range]::-moz-focus-outer {
	border: 0;
}
.range input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 10px;
	height: 18px;
	margin: -8px 0 0;
	background: #ddd;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 2px;
}
.range input::-moz-range-thumb {
	width: 10px;
	height: 18px;
	margin: -8px 0 0;
	background: #ddd;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 2px;
}
.range input::-ms-thumb {
	width: 10px;
	height: 18px;
	margin: -8px 0 0;
	background: #ddd;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 2px;
}
.range input::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #ccc;
}
.range input::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #ccc;
}
.range input::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #ccc;
}
.range input:focus {
	background: none;
	outline: none;
}
.range input::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.range-labels {
	margin: 18px -19px 0;
	padding: 0;
	list-style: none;
}
.range-labels li {
	position: relative;
	float: left;
	width: 56px;
	text-align: center;
	color: #888;
	cursor: pointer;
}
.range-labels li:hover {
	color: #444;
}
.range-labels li:hover::before {
	background: #999;
}
.range-labels li::before {
	position: absolute;
	top: -23px;
	right: 0;
	left: 0;
	content: "";
	margin: 0 auto;
	width: 3px;
	height: 9px;
	background: #ccc;
	border: 1px solid #fff;
}
.range-labels .range_selected {
	color: #222;
}
.range-labels .range_selected::before {
	display: none;
}

/* }}} */




/* Addon Box */
#slidebox {
	width: 730px;
}
#slidebox_inner {
	display: block;
	border: 0;
	color: #222;
	height: 236px;
	overflow: hidden;
	position: relative;
	margin-bottom: -14px;
	background: transparent url(/jcg/icon_multisuche_64.png) 98% 5% no-repeat;
	background-size: 32px;
}
	#slidebox_inner h2 {
		color: #555;
		margin-left: -15px;
		text-indent: -15px;
		line-height: 2em;
		margin-bottom: 6px;
	}
	#slidebox_inner .button {
		background: #d55d44;
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
		padding: .5em 1em;
		margin-left: 20px;
	}
	#slidebox_inner .button:hover {
		background-color: #036;
	}
	#slidetext {
		margin-left: 330px;
		margin-top: 10px;
		padding: 20px;
	}
	.imagebox {
		height: 250px;
		left: 0;
		position: absolute;
		top: 0;
		width: 440px;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-clip-path: polygon(0 0, 57% 0, 77% 100%, 0% 100%);
		clip-path: polygon(0 0, 57% 0, 77% 100%, 0% 100%);
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.imagebox {
			width: 300px;
		}
	}
	@supports (-ms-ime-align:auto) {
		.imagebox {
			width: 300px;
		}
	}
	#slidebox1 {
		/*
		background: transparent url(/jcg/multi-suche-screenshot02.gif) 0 0 no-repeat;
		background-size: 730px 240px;
		*/
		z-index: 2;
	}
	#plugin_video {
		margin-left: -60px;
	}
	#slidebox_inner .imagebox:hover {
		width: 1550px;
	}
	#slidebox_inner .imagebox:hover video {
		margin-left: 0px;
	}
	#slidebox1 {
		display: none;
		background-color: #e5e5e5;
		background-image: url('/jcg/multi-suche-spritesheet.png');
		background-repeat: repeat-x;
		background-size: 3640px 239px;
		animation-duration: 35.0s;
		animation-timing-function: steps(5);
		animation-iteration-count: infinite;
	}
	.slidebox_anim1, .slidebox_google {
		background-position: 0 0;
	}
	.slidebox_anim1 {
		animation-name: slidebox_anim1;
	}
	.slidebox_anim2, .slidebox_bing {
		background-position: -728px 0;
	}
	.slidebox_anim2 {
		animation-name: slidebox_anim2;
	}
	.slidebox_anim3, .slidebox_duckduckgo {
		background-position: -1456px 0;
	}
	.slidebox_anim3 {
		animation-name: slidebox_anim3;
	}
	.slidebox_anim4, .slidebox_ecosia {
		background-position: -2184px 0;
	}
	.slidebox_anim4 {
		animation-name: slidebox_anim4;
	}
	.slidebox_anim5, .slidebox_yahoo {
		background-position: -2912px 0;
	}
	.slidebox_anim5 {
		animation-name: slidebox_anim5;
	}
	@keyframes slidebox_anim1 {
		100% { background-position: -3640px 0; }
	}
	@keyframes slidebox_anim2 {
		100% { background-position: -4368px 0; }
	}
	@keyframes slidebox_anim3 {
		100% { background-position: -5096px 0; }
	}
	@keyframes slidebox_anim4 {
		100% { background-position: -5824px 0; }
	}
	@keyframes slidebox_anim5 {
		100% { background-position: -6552px 0; }
	}

#centered_content.multisuche_hinweis {
	border-radius: 0;
	width: 720px;
	height: 236px;
	font-size: .85em;
}
#centered_content.multisuche_hinweis h2 {
	font-size: 1.7em;
}
#centered_content.multisuche_hinweis #slidetext {
	padding: 15px 0 0 15px;
}
#centered_content.multisuche_hinweis .overlayBoxContent {
	overflow: hidden;
}

/* Video elements play button */
.video-wrapper {
	border: 3px solid #ddd;
	margin: 30px 0;
	position: relative;
}

.video-wrapper > video {
	width: 100%;
	vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
	display: none;
}

.video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(50% - 50px);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	cursor: pointer;
	background: rgba(0, 0, 0, .1);
	transition: opacity 150ms;
}

.video-overlay-play-button:hover {
	opacity: 1;
}

.video-overlay-play-button.is-hidden {
	visibility: none;
}

/* Plugin install buttons */
.browser-button-box {
	display: none;
	margin: 15px 0 25px 0;
	text-align: center;
}
.browser-button-wrapper {
	display: none;
}
.browser-button {
	background-color: #f5f6f7;
	border: 1px solid #eee;
	cursor: pointer;
	height: 64px;
	margin: 8px auto;
	position: relative;
	width: 250px;
}
.browser-button.disabled {
	cursor: default;
	opacity: .6;
}
.browser-button:hover {
	background-color: #eee;
}
.browser-button.disabled:hover {
	background-color: #f5f6f7;
}
.browser-button-text {
	font-weight: bold;
	color: #666;
	position: absolute;
	text-shadow: 0 -1px 1px #fff, 0 1px 1px #fff;
	left: 25%;
	top: 50%;
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Safari */
	transform: translate(0%, -50%);
}
.button-chrome {
	/*float: right;*/
}
.button-chrome .browser-button {
	background-image: url(logo_chrome.svg)
}
.browser-button {
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 40px;
}
.button-firefox {
	/*float: left;*/
}
.button-firefox .browser-button {
	background-image: url(logo_firefox.svg);
}

div.infoseite {
	font: 14px/22px "Euphemia", Arial;
}


/* {{{ Misc Icons */
.minimize, .maximize {
	background: transparent url(minimize.png) 0 0/100% no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.maximize {
	background: transparent url(maximize.png) 0 0/100% no-repeat;
}
.maximized {
	max-height: none !important;
}
.toggle_minmax_wrapper {
	bottom:10px;
	position: absolute;
	right: 10px;
	text-indent: -90000px;
	z-index: 1;
}
/* }}} */



/* {{{ Modal */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0vh;
	background-color: transparent;
	overflow: hidden;
	transition: background-color 0.25s ease;
	z-index: 98;
}
.modal.open {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	transition: background-color 0.25s;
}
.modal.open > .modal-wrapper {
	transform: scale(1);
}
.modal .modal-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 400px;
	max-width: 760px;
	max-height: 85%;
	transition-delay: 0.15s;
	background-color: white;
	border-radius: 0.2125rem;
	box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
	transform: scale(0);
	transition: transform 0.25s;
}
.modal .content-wrapper {
	box-sizing: border-box;
	margin: 0;
	overflow: auto;
	padding: 2.5rem;
	width: 100%;
}
.modal .modal-wrapper .modal-close {
	cursor: pointer;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	background-color: transparent;
	font-size: 1.5rem;
}
.modal .modal-wrapper .modal-close:before, .modal .modal-wrapper .modal-close:after {
	position: absolute;
	content: '';
	width: 1.25rem;
	height: 0.125rem;
	background-color: #444;
	background-color: #666;
	border-radius: 5px;
	height: 0.24rem;
}
.modal .modal-wrapper .modal-close:before {
	transform: rotate(-45deg);
}
.modal .modal-wrapper .modal-close:after {
	transform: rotate(45deg);
}
.modal .modal-wrapper .modal-close:hover:before, .modal .modal-wrapper .modal-close:hover:after {
	background-color: #b00;
}
.modal .content-wrapper .modal-header {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0 0 1.25rem;
	padding: 0 0 2rem;
}
.modal .content-wrapper .modal-header h2 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0;
}
.modal .content-wrapper .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: 0.875rem; /* 14px */
	font-size: 0.813rem; /* 13px */
	line-height: 1.6em;
}
.modal .content-wrapper .modal-content > ul {
	padding-left: 2.5rem;
	list-style: disc;
	list-style-image: none;
}
.modal .content-wrapper .modal-content > p, .modal .content-wrapper .modal-content > ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
.modal .content-wrapper .modal-content > ul > li {
	margin-bottom: .75rem;
}
.modal .content-wrapper .modal-footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: 0;
	padding: 1.875rem 0 0;
}
.modal .content-wrapper .modal-footer .action {
	position: relative;
	margin-left: 0.625rem;
	padding: 0.625rem 1.25rem;
	border: none;
	border-radius: 0.25rem;
	color: white;
	font-size: 0.87rem;
	font-weight: 300;
	overflow: hidden;
	z-index: 1;
}
.modal .content-wrapper .modal-footer .action:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	transition: width 0.25s;
	z-index: 0;
}
.modal .content-wrapper .modal-footer .action:hover:before {
	width: 100%;
}
.modal.pending .modal-content, .modal.pending footer {
	opacity: .5;
}
.modal.success .modal-content {
	display: none;
}
.modal.success .modal-footer {
	display: none;
}
.modal.success .modal-success {
	display: block;
}
.modal .modal-success {
	color: #0b0;
	display: none;
	height: 12rem;
	font-size: 13rem;
	line-height: 9rem;
	text-align: center;
}
.beispieltext {
	background-color: lavender;
	background-color: lightblue;
	/*background-color: linen;*/
}
/* }}} */

/* {{{ Suchseite */
#verlauf_liste .tokenfield {
	line-height: 2.4em;
	padding: 4px 0;
}
.tokenfield .token {
	background-color: #eee;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	height: 1.1em;
	line-height: 1.1em;
	margin: 0 6px 0 0;
	max-width: 50%;
	position: relative;
	overflow: hidden;
	padding: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tokenfield .filter {
	background-color: #d8e0e8;
}
#nav_verlauf .tokenfield .token {
	border: 1px solid #fff;
	display: inline;
	padding: 0 5px;
}
/* }}} */

/* {{{ Icons */
.arrow-up.icon {
	color: #444;
	position: absolute;
	margin-left: 10px;
	margin-top: 3px;
	width: 1px;
	height: 14px;
	background-color: currentColor;
}

.arrow-up.icon:before {
	content: '';
	position: absolute;
	left: -4px;
	top: 1px;
	width: 8px;
	height: 8px;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.edit-pen.icon {
	color: #888;
	position: relative;
	margin-left: 5px;
	width: 14px;
	height: 2px;
	border-radius: 1px;
	border: solid 1px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	top: -2px;
}
.edit-pen.icon:before {
	content: '';
	position: absolute;
	left: -12px;
	top: -1px;
	width: 0px;
	height: 0px;
	border-left: solid 5px transparent;
	border-right: solid 5px currentColor;
	border-top: solid 2px transparent;
	border-bottom: solid 2px transparent;
}

.curvedarrow {
	float: left;
	position: relative;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-right: 9px solid #999;
	transform: rotate(224deg);
}
.curvedarrow:after {
	content: "";
	position: absolute;
	border: 0 solid transparent;
	border-top: 3px solid #999;
	border-radius: 20px 0 0 0;
	top: -12px;
	left: -9px;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
}

.mail.icon {
	background: #fff;
	color: #666;
	position: absolute;
	margin-left: 2px;
	margin-top: 4px;
	width: 15px;
	height: 10px;
	border-radius: 1px;
	border: solid 1px currentColor !important;
}
.mail.icon:before {
	content: '';
	position: absolute;
	left: 7px;
	top: -4px;
	width: 1px;
	height: 10px;
	background-color: currentColor;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transform: rotate(-54deg);
	transform: rotate(-54deg);
}
.mail.icon:after {
	content: '';
	position: absolute;
	left: 7px;
	top: -4px;
	width: 1px;
	height: 10px;
	background-color: currentColor;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transform: rotate(54deg);
	transform: rotate(54deg);
}

.share-filled.icon {
	position: absolute;
	margin-left: 4px;
	margin-top: 9px;
	width: 4px;
	height: 4px;
	background-color: #444;
	border-radius: 2px;
	box-shadow: 9px -5px 0 0 #444, 9px 5px 0 0 #444;
}
.share-filled.icon::before {
	content: '';
	position: absolute;
	display: block;
	top: 1px;
	left: 3px;
	width: 8px;
	height: 1px;
	background-color: #444;
	transform-origin: left bottom;
	transform: rotate(-30deg);
}
.share-filled.icon::after {
	content: '';
	position: absolute;
	display: block;
	top: 2px;
	left: 3px;
	width: 8px;
	height: 1px;
	background-color: #444;
	transform-origin: left top;
	transform: rotate(30deg);
}

.paperclip.icon {
	color: #666;
	position: absolute;
	margin-left: 9px;
	margin-top: 2px;
	width: 6px;
	height: 12px;
	border-radius: 4px 4px 0 0;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
	border-top: solid 1px currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paperclip.icon:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -1px;
	width: 4px;
	height: 6px;
	border-radius: 0 0 3px 3px;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
	border-bottom: solid 1px currentColor;
}
.paperclip.icon:after {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 2px;
	height: 10px;
	border-radius: 4px 4px 0 0;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
	border-top: solid 1px currentColor;
}

.copy.icon {
	margin-left: 2px;
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border: 1px solid #666;
}
.copy.icon::before {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px dotted #666;
	left: 2px;
	top: 2px;
}

.check.icon {
	color: #090;
	margin-left: 3px;
	margin-top: 4px;
	width: 14px;
	height: 7px;
	border-bottom: solid 4px currentColor;
	border-left: solid 4px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.download.icon {
	color: #666;
	position: absolute;
	margin-left: 3px;
	margin-top: 12px;
	width: 13px;
	height: 4px;
	border-radius: 1px;
	border: solid 1px currentColor;
	border-top: none;
}
.download.icon:before {
	content: '';
	position: absolute;
	left: 6px;
	top: -9px;
	width: 1px;
	height: 10px;
	background-color: currentColor;
}
.download.icon:after {
	content: '';
	position: absolute;
	left: 4px;
	top: -4px;
	width: 4px;
	height: 4px;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.menu.icon {
	color: #888;
	position: absolute;
	width: 17px;
	height: 1px;
	background-color: currentColor;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.menu.icon:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 17px;
	height: 1px;
	background-color: currentColor;
}
.menu.icon:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 17px;
	height: 1px;
	background-color: currentColor;
}

.merkfunktion_icon {
	background: transparent url(merkfunktion_nichtgemerkt.svg) 0 50% no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 1em;
	position: relative;
	vertical-align: middle;
	width: 1em;
}
.merkfunktion_icon.merkfunktion_gemerkt {
	background-image: url(merkfunktion_gemerkt.svg);
}

.bookmark.icon {
	box-sizing:border-box;
	color: #000;
	position: absolute;
	margin-left: 5px;
	margin-top: 3px;
	width: 10px;
	height: 15px;
	border-radius: 1px 1px 0 0;
	border-top: solid 1px currentColor;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
}

li a.icon {
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding-left: 32px;
}
li a.icon_verlauf {
	background-image: url(history.svg);
}

li a.icon_merkfunktion {
	background-image: url(merkfunktion_nichtgemerkt.svg);
}

li a.icon_suche {
	background-image: url(search_grey.svg);
}

li a.icon_einstellungen {
	background-image: url(settings.svg);
}

li a.icon_daten {
	background-image: url(benutzer_avatar_grey.svg);
}

li a.icon_ausloggen {
	background-image: url(logout_white.svg);
}
li:hover a.icon_ausloggen {
	background-image: url(logout.svg);
}

.zahnrad {
	background: url(settings.svg) 50% 50% no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 1em;
	vertical-align: middle;
	width: 1em;
}

.ellipsis.icon {
	background: url(ellipsis_round.svg) 50% 50% no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 1em;
	vertical-align: middle;
	width: 1em;
}

.nach_oben_dreieck {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 8px 4px;
	border-color: transparent transparent #333333 transparent;
	margin-bottom: 1px;
}
.nach_oben_dreieck:hover {
	border-color: transparent transparent #c30 transparent;
}

/* https://projects.lukehaas.me/css-loaders/ */
.loader,
.loader:after {
	border-radius: 50%;
	width: 2em;
	height: 2em;
}
.loader {
	margin: 10px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border: .4em solid rgba(0, 0, 0, 0.2);
	border-left-color: #888;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* }}} */

.mobile_only {
	display: none;
}