@charset "utf-8";

html {
	overflow-y: scroll;
}

/*
-------------------------------------------------------------------
	Bootstrap
-------------------------------------------------------------------
*/

.dl-horizontal {
	margin-left: -.9375rem;
	margin-right: -.9375rem;
}

/*.dl-horizontal dt {
	white-space: normal;
	width:215px;
	padding:0 5px;
	text-align:left;
	clear:both;
	line-height:25px;
}

.dl-horizontal dd {
	margin-left: 215px;
	padding:0 10px;
	line-height:25px;
}*/

.card {
	margin-bottom: 1rem;
}

/* The max width is dependant on the container (more info below) */
.tooltip-inner {
	max-width: 50rem !important; /* Max Width of the popover (depending on the container!) */
}

/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0 0 1px;
	padding:47px 0;
	font-family: 'Open Sans', sans-serif, Verdana, Arial;
}

/*
-------------------------------------------------------------------
	Navbar
-------------------------------------------------------------------
*/

@media (max-width:575px) {
	.navbar-toggleable-md .container {
		width: 100%;
	}
}

@media (max-width:991px) {
	.navbar-toggleable-md > .container {
		padding-right: 0;
		padding-left: 15px;
	}

	.navbar-toggler {
		top: .5rem;
	}
}

@media (max-width:991px) {
	#nav_main > li > a, #nav_user > li > a {
		line-height: 36px;
	}

	#nav_user {
		padding-bottom: 15px;
	}

	.dropdown-menu {
		margin-right: 15px;
		border-radius: 0rem;
		background: rgba(255,255,255,0.1);
		box-shadow: none;
	}

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

	.dropdown-menu li.dropdown-divider {
		opacity: 0.25;
	}

	.dropdown-item:focus, .dropdown-item:hover {
		background: none;
	}

	.dropdown-item.active, .dropdown-item:active {
		background: rgba(255,255,255,0.1);
	}
}

@media (min-width:992px) {
	#nav_main > li > a, #nav_user > li > a {
		line-height: 47px;
	}
}

#nav_main > li > a {
	margin-right: 1rem;
}



/*
-------------------------------------------------------------------
	Header
-------------------------------------------------------------------
*/

#header {
	position:relative;
	height:233px;
	overflow:hidden;
	background:url(header.jpg) no-repeat center top;
}

	#logo {
		position:absolute;
		left:10px;
		top:77px;
	}

/*
-------------------------------------------------------------------
	Container
-------------------------------------------------------------------
*/



/*
-------------------------------------------------------------------
	Comments
-------------------------------------------------------------------
*/

div.comments {

}

	div.comment {
		margin:6px 0 2px;
		padding:4px 12px;
		font-size:13px;
		line-height:18px;
	}

		p.headline {
			margin:0;
			padding:6px 0 2px;
			border-bottom:1px dotted #CCC;
		}

		p.signature {
			margin:12px 0 0;
			padding:0;
			color:#999;
			border-top:none;
		}

/*
-------------------------------------------------------------------
	Gallery
-------------------------------------------------------------------
*/

.gallery {
	cursor:pointer;
}

#gallery {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(bg-gallery-layer.png);
	z-index:9999;
}

	#gallery_content {
		position:relative;
		width:760px;
		margin:0 auto;
		padding:18px 20px 42px !important;
		background:#FFF;
	}

		#g_view {
			margin:0;
			padding:0;
		}

		#g_caption {
			position:absolute;
			bottom:12px;
			left:20px;
			width:500px;
			height:20px;
			font-size:13px;
			line-height:20px;
			z-index:6;
			overflow:hidden;
		}

		#g_actions {
			position:absolute;
			right:20px;
			bottom:10px;
			height:20px;
			margin:0;
			padding:0;
			font-size:13px;
			line-height:16px;
			overflow:hidden;
		}

			#g_actions span {
				float:left;
				height:18px;
				margin:0;
				padding:0 5px 1px;
				cursor:pointer;
				z-index:7;
			}

			#g_prev { }
			#g_close { }
			#g_next { }



/*
-------------------------------------------------------------------
	Content
-------------------------------------------------------------------
*/

#content {
	position:relative;
	padding-bottom:48px;
}

	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
		display:none;
	}

	#content h1 {
		margin:0 0 12px 0;
		padding:32px 0 8px;
		font-size:18px;
		font-weight:500;
		line-height:24px;
		color:#444;
		border-bottom:1px solid #DDD;
		clear:both;
	}

	#content h2, #content h3 {
		margin:0 0 12px 0;
		padding:32px 0 8px;
		font-size:18px;
		font-weight:500;
		line-height:24px;
		color:#444;
		border-bottom:1px solid #DDD;
		clear:both;
	}

	#content h4 {
		font-size:16px;
		font-weight: 700;
	}

	/*#content h2, #content h3, #content h4 {
		margin:0 0 12px 0;
		padding:32px 0 8px;
		font-size:18px;
		font-weight:500;
		line-height:24px;
		color:#444;
		border-bottom:1px solid #DDD;
		clear:both;
	}*/

		#content h1 a, #content h2 a, #content h3 a, #content h4 a {
			text-decoration:none;
		}

	/*#content h4 {
		margin:0;
		padding:6px 0 6px;
		font-size:16px;
		font-weight:500;
		line-height:23px;
		color:#555;
	}*/

	/*#content p {
		margin:0;
		padding:6px 0 6px;

	}*/

#hs {
	width:1px;
	height:432px;
	overflow:hidden;
	float:left;
}

/*#content p a, #content div a {
	padding:0 0 0 0;
	font-size:15px;
	font-weight:500;
	line-height:21px;
	color:#632c23 !important;
	text-decoration:none;
}

a.red_arrow, a.blue_arrow {
	padding:0 0 0 0;
	font-size:14px;
	font-weight:500;
	line-height:17px;
	color:#632c23 !important;
	text-decoration:none;
}

span.red_arrow {
	padding:0 0 0 0;
	font-size:14px;
	font-weight:500;
	line-height:17px;
	color:#632c23 !important;
}*/

.hr, .dhr {
	clear:both;
	height:1px;
	margin:15px 0;
	overflow:hidden;
	border-top:1px solid #DDD;
}

.form_hr {
	height:1px;
	overflow:hidden;
	border-top:1px dotted #DDD;
	margin:7px 0 3px;
}

.rimg {
	float:right;
	clear:both;
	margin:0 0 12px 20px;
}

	a.rimg img {
		margin:0;
	}

.limg {
	float:left;
	clear:both;
	margin:0 20px 12px 0;
}

	a.limg img {
		margin:0;
	}

	#content span.legend {
		position:relative;
		display:block;
		width:100%;
		overflow:hidden;
	}

		#content span.legend span {
			display:block;
			width:100%;
			position:absolute;
			bottom:0;
			margin:0;
			padding:0 7px;
			background:url(bg-gallery-layer.png);
			color:#FFF;
			line-height:20px;
			font-size:13px;
		}


/*
-------------------------------------------------------------------
	Topics
-------------------------------------------------------------------
*/

.topic {
	margin:0 0 24px;
	padding:0;
}

	.topic_title {
		position:relative;
		margin-top:0;
		padding-top:0;
		clear:both;
	}

		.topic_title span {
			font-size:15px;
			color:#999;
		}


/*
-------------------------------------------------------------------
	Catalog
-------------------------------------------------------------------
*/

#screen_content_admin {
	display:block;
}

#print_content_admin {
	display:none;
}

ul#obstarten {
	list-style:none;
	margin:0;
	padding:0;
	color:#777;
}

	ul#obstarten span.obstart {
		float:left;
		width:321px;
		padding:0 0 0 8px;
		font-weight:500;
		color:#444 !important;
		text-decoration:none;
	}

	ul#obstarten a.toggle {
		font-weight:400;
		color:#632c23 !important;
		text-decoration:none;
	}

		ul#obstarten a.toggle:hover {
			text-decoration:underline;
		}

	div.obstsorten {
		display:none;
		height:200px;
		margin:8px 12px 10px 0;
		overflow:auto;
		background:#FFF;
		border:1px dotted #CCC;
		border-radius: .25rem;
	}

		div.obstsorten ul.obstsorten {
			display:block;
			border:none;
			margin:6px 0 12px;
		}

	ul.sortengruppen {
		list-style:none;
		margin:0 0 12px;
		padding:12px 12px 12px 18px;
		background:#FFF;
	}

	ul.obstsorten {
		display:none;
		list-style:none;
		margin:12px 0 12px;
		padding:4px 12px 12px 18px;
		background:#FFF;
	}

		ul.obstsorten a {
			font-weight:400;
			text-decoration:none;
			clear:left;
		}

			ul.obstsorten a:hover {
			}

	a.obstsorte {
		float:left;
		width:321px;
	}

	div.item_obstsorten {
		height:200px;
		overflow:auto;
	}

		div.item_obstsorten ul.item_obstsorten {
			display:block;
			border:none;
		}

	ul.item_obstsorten {
		list-style:none;
		padding:12px 12px 12px 18px;
	}

		ul.item_obstsorten a, a.obstsorte {
			font-weight:400;
			text-decoration:none;
		}

			ul.item_obstsorten a:hover, a.obstsorte:hover {
			}

.dl-info {

}

.dl-info dt {
	border-top: none !important;
}

.dl-info dd {
	padding-left: 1.5rem;
	border-top: 1px dotted #DDD;
}




/*
-------------------------------------------------------------------
	Right
-------------------------------------------------------------------
*/

#right {
	padding-top:0.9375rem;
	padding-bottom:0.9375rem;
}

/*	#right h3 {
		margin:8px 0 6px 0;
		padding:0 0 0 1px;
		color:#555;
		font-size:15px;
		font-weight:500;
		line-height:23px;
		border-bottom:1px solid #DDD;
	}

			#left h3 a {
				text-decoration:none;
				color:#555;
			}

	#right .first_teaser {
		position:relative;
		margin:0 0 32px;
		padding:0;
	}

	#right .teaser {
		position:relative;
		margin:12px 0 0;
		padding:12px 0 0;
	}*/

/*		#right .first_teaser h4, #right .teaser h4 {
			margin:8px 0 6px;
			padding:0 0 0 1px;
			color:#555;
			font-size:15px;
			font-weight:500;
			line-height:23px;
			border-bottom:1px solid #DDD;
		}

		#right .first_teaser p, #right .teaser p {
			margin:0;
			padding:0 0 6px 1px;
		}

		#right .first_teaser p.link, #right .teaser p.link {
			padding:4px 0 0;
		}

		#right .first_teaser a, #right .teaser a {
			color:#AAA;
			text-decoration:none;
		}

			#right .first_teaser a:hover, #right .teaser a:hover {
				color:#632c23;
			}*/

	#right span.legend {
		position:relative;
		display:block;
		overflow:hidden;
	}

		#right span.legend span {
			position:absolute;
			bottom:0;
			width:156px;
			padding:0 7px;
			background:url(bg-gallery-layer.png);
			color:#FFF;
			line-height:16px;
			font-size:11px;
		}


/*
-------------------------------------------------------------------
	Message boxes
-------------------------------------------------------------------
*/

.info, .success, .warning, .error, .validation {
    border:1px solid;
    margin:12px 12px 12px 0 !important;
    padding:10px 10px 10px 42px !important;
}

	.info {
		color:#00529B;
		background:#BDE5F8 url(icons/info.png) no-repeat 5px center;
	}

	.success {
		color:#4F8A10;
		background:#DFF2BF url(icons/success.png) no-repeat 5px center;
	}

	.warning {
		color: #9F6000;
		background:#FEEFB3 url(icons/warning.png) no-repeat 5px center;
	}

	.error {
		color: #D8000C;
		background:#FFBABA url(icons/error.png) no-repeat 5px center;
	}

	.validation {
		color: #D63301;
		background:#FFCCBA url(icons/validation.png) no-repeat 5px center;
	}


/*
-------------------------------------------------------------------
	Shortcuts
-------------------------------------------------------------------
*/

.cb { clear:both; }