/* Page Basics*/
body {
	background-color: #CCCCCC;
	padding:0;
	margin:0;
	font-size:0.8em;
	font-family: Verdana,sans-serif;
	display: block;
}
a {
	color:#cc0000;
}
a:visited {
	color:#ff3333;
}

.pagewidth {
	width: 1200px;
}

.leftcol {
	width: 860px;
}
.rightcol {
	width: 300px;
}
.pagecenter {
	width: 1200px;
	padding-left:50%;
	margin-left:-600px;
}

#topshadow {
	width:100%;
	background-image: url('../images/layout/topshadow.png');
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #999999;
}
#contentshadow {
	width:100%;
	background-image: url('../images/layout/contentshadow.png');
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #CCCCCC;
}
#bottomshadow {
	width: 100%;
	background-image: url('../images/layout/bottomshadow.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	height:10px;
}
#head {
	padding-left: 0.4em;
	height:75px;
}

#logininfo {
	padding:0.5em 0.5em 0 0;
	font-size: 0.8em;
	line-height: 1.5em;
}

#headwrapper {
	background-image: url('../images/layout/logo.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000;
}

#menuwrapper {
	height:24px;
	position: absolute;
	background-color: #FFFFFF;
	/* width:900px; */
}

#searchbar {
	height:31px;
	background-image: url('../images/backgrounds/searchbar_bg.png');
	border-bottom: 1px solid #000;
	line-height: 31px;
	/* width: 900px; */
	z-index: -1000;
	margin-top:24px;
}

#searchbread {
	float:left;
}

#searchbread a{
	color:#000;
	padding-right: 10px;
	padding-left: 10px;
}

#searchinput {
	height:30px;
	width:338px;
	background-image: url('../images/layout/search_input.png');
	float:right;
}

#searchinput input {
	color:#777777;
	width:260px;
	height:30px;
	background-color: transparent;
	border: 0;
	padding:0;
	margin:0;
	padding-left:30px;
	line-height: 1.2em;
}

#searchinput input:focus {
	color:#000;
}

#contentwrapper {
	z-index: -1000;
	/* width:900px; */
	background-color: #FFF;
}

#content {
	padding: 5px 5px 5px 5px;
}

#content h1 {
	font-size: 1.2em;
	border-bottom: 1px dotted #AAA;
}

#content h2 {
	font-size: 1em;
	border-bottom: 1px dotted #AAA;
}

.sitebar {
	border-left:1px dotted #AAA;
}
/* Menu Basics */
#navi, #navi ul { list-style-type:none; margin:0; padding:0;} /* Style-Reset */
#navi li { width:128px; float:left; margin-left: 1em;} /* Horizontale Anordnung */
#navi li ul { display:none;} /* Normalzustand eingeklappt */
#navi li:hover ul { display:block;} /* Ausgeklappt */
#navi li ul a{ background: url('../images/backgrounds/menutab_bg.png') repeat scroll 0 0 transparent !important; font-weight: normal !important; color:#FFF;}
#navi li ul a:hover{ background: url('../images/backgrounds/menutab_hover_bg.png') repeat scroll 0 0 transparent !important; font-weight: normal !important; color:#FFF;}
#navi li a{  text-decoration: none;  line-height: 24px; background: none;}
#navi li.active a { background-image: url('../images/layout/menutab.png'); background-position:0px 25px; font-weight: bold;}
#navi li.inactive a { background-image: url('../images/layout/menutab.png'); background-position:0px 0px; font-weight: bold;}
#navi li.inactive a:hover { background-image: url('../images/layout/menutab.png'); background-position:0px 50px; font-weight: bold;}
#navi ul li { border:none; margin:0;}
#navi a { display:block; text-align: center; color:#FFFFFF;}

/* Sidebar Menu */
.sidebar_col_l {
	width: 180px;
	height:100%;
	float:left;
}
.sidebar_col_l ol {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.sidebar_col_l li {
	width: 150px;
}
.sidebar_col_l li a {
	display: block;
	line-height:30px;
	color:#000000;
	text-decoration: none;
	padding-left: 0.5em;
}
.sidebar_col_l li.active a {
	background-repeat: no-repeat;
	background-image: url('../images/layout/sidebar_menu.png');
	background-position: right bottom;
	color:#FFFFFF;
	background-color: #d25050;
}
.sidebar_col_l li.inactive a:hover {
	background-repeat: no-repeat;
	background-image: url('../images/layout/sidebar_menu.png');
	background-position: right center;
	background-color: #d19952;
	color:#FFFFFF;
}

.sidebar_col_r {
	width: 700px;
	height:100%;
	float:right;
}

#loginbox {
	width:350px;
	margin-left: 425px;
	margin-top: 50px;
	font-size: 0.9em;
}

h1 {
	padding-left:20px;
	background-image:url('../images/layout/h1deko.png');
	background-position: bottom left;
	background-repeat: no-repeat;

}
h2 {
	padding-left:20px;
	background-image:url('../images/layout/h1deko.png');
	background-position: bottom left;
	background-repeat: no-repeat;

}
#footer {
	height:75px;
	padding-left:10px;
	padding-top:5px;
	background-color: #EEEEEE;
	background-image: url('../images/backgrounds/footer_bg.png');
}
#footer a {
	float:left;
	display: block;
	height:75px;
}
#footer a:hover {
	background-position: 0px 75px;
}
a.footer_lf {
	width:76px;
	background-image: url('../images/organisationen/lf2.png');
}
.myPin div {
	color:#000 !important;
}

.myPin {
	color:#000 !important;
}

a.info span {
	display: none;
}

a.info:hover span	{ 
	display:block;
	position:fixed;
	top:2em;
	left:2em;
}

div.justify-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.mergebox {
	display: flex;
	border-bottom: 1px dotted #000000;
}

div.mergebox input[type='checkbox']{
	height: 40px;
	width: 40px;
}

div.mergebox.inactive {
	background-color: #ffadad;
}

div.mergebox.active {
	background-color: #adffbb;
}

div.mergebox.inactive input[type='radio'] {
	pointer-events: none;
	visibility: hidden;
}

div.mergebox.active input[type='radio'] {
	pointer-events: auto;
	height: 40px;
	width: 40px;	
}

div.mergebox .mergebox-50 {
	width: 50%;
}

div.mergebox .mergebox-25 {
	width: 25%;
}

div.mergebox .mergebox-10 {
	width: 10%;
}

div.mergebox .mergebox-40 {
	width: 40%;
}

div.mergebox .mergebox-col-1 {
	border-right: 1px dotted #000000;
	padding: 10px 10px 10px 10px;
}

div.mergebox .mergebox-col-2 {
	padding: 10px 10px 10px 10px;
}

div.mergebox .mergebox-col-3 {
	border-left: 1px dotted #000000;
	padding: 10px 10px 10px 10px;
}

div.betrieb-container {
	width: 30%;
	border: 1px solid #AAA;
	margin: 0.5%;
	padding: 1%;
	height: 200px;
}
div.googlehit {
	background-image: url('../images/icons/google.png');
	background-repeat: no-repeat;
	background-position-y: center;
	padding-left: 40px;
}

div.solrhit {
	background-image: url('../images/icons/solr.png');
	background-repeat: no-repeat;
	background-position-y: center;
	padding-left: 40px;
}

.filter-box {
	padding: 1em;
}

.setting-tile {
	margin: 10px 10px;
	flex-grow: 1;
}

div.highlights {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

div.highlights .showcase {
	width: 350px;
}