/* --------------------------------------- */
/* Hauptnavigation oben / Linke Navigation */
/* --------------------------------------- */

body {
	margin: 0 auto;
	background-color: #eee;
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);*/
	font-family: OpenSans, Arial, sans-serif;
	font-size: 0.95rem !important;
	color: #111;
	line-height: 1.61rem;
	
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;  
} 

/* imageSection */
.scrollimage {
	width: 100% !important;
	background-position: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

form * {
	
}

#bg_content {
	background: transparent;
	height: 250px;
	width: 100%;
	position: absolute;
	top: 0;
}

.scrollAdImage {
	background-repeat: no-repeat;
	width: 100%;
	background-position: center 0;
	background-size: cover;
}

.scrollAdImageText {
	text-align: center;
	width: 100%;
	font-size: 3rem;
	padding: 1em 1em;
	position: absolute;
	top: 1em;
}

.relative {
	position: relative;
}

.ajaxClosed {
	display: none;
}

/* --- Loader --- */

.lds-ring {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
	margin-left: 1.6em;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  margin: 8px;
  border: 5px solid #A8BB80;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #A8BB80 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* --- */

/* --- foundation --- */

.row {
	margin: 0 auto;
	max-width: 78rem;
	width: 100%;
	max-width: 100%;
	text-align: left;
}

.row .row {
	margin: 0;
	max-width: none;
	width: auto;
}

.column,
.columns {
	float: left;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	position: relative;
}

/*
.module_home .column,
.module_default .column,
.module_document .column,
.module_blog .column,
.module_products .column {
	padding-left: 0;
}
*/

blockquote,
blockquote p {
	color: inherit;
	border: none;
}

/* --- */

p, td, input, ol, ul {
	line-height: inherit;
	text-align: left;
	font-size: inherit;
}

td {
	vertical-align: top;
}

td img {
	vertical-align: middle;
}

input, select, option, textarea {
	color: #000;
	font-size: 100%;
}

a,
a:visited,
a:focus,
a:active {
	color: #bb0000;
	text-decoration: none;
}

a.lg_small {
	color: #fff;
}

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

h1, h2, h3, h4, h5 {
	color: #111;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	vertical-align: bottom;
}

h1 {
	font-size: 140%;
	margin-top: 0.3em;
}

.column h1 {
	line-height: 2rem;
}

h2 {
	font-size: 130%;
}

h3,
.headline,
.headline-bold {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

p {
	margin-bottom: 0.8em;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: upper-latin;
	list-style-type: decimal-leading-zero;
	list-style-type: decimal;
}

img {
	border-width: 0px;
}

td hr {
	display: block;
	height: 1px;
	width: 96%;
	border: 0;
	color: #fff;
	background-color: #fff;
	margin: 1em 0;
	padding: 0;
}

/* --- iframe responsive --- */

iframe {
	max-width: 100%;
}

.embed-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

.embed-container iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/* --- */

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

@media only screen and (max-width: 30em) {
	.infoFlyer {
		max-width: 250px !important;
		min-width: 250px !important;
	}
}

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

.infoFlyerHead span.ico {
	background: rgba(179, 0, 0, 1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==") no-repeat scroll 100% 100% / 11px 17px;
	transform: rotate(-90deg);
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	margin-top: 4px;
}

.infoFlyerHead span.ico.up {
	background: rgba(179, 0, 0, 1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==") no-repeat scroll 5% 50% / 11px 17px;
	transform: rotate(90deg);
}

.infoFlyerHead img {
	float: left;
	margin-right: 2em;
}

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

.infoFlyerBody .row {
	padding: 0.5em 0 !important;
	color: #333;
}



/* --------------------------------------- */
/* ---- Struktur ---- */

/* ---------------------------------------- */

#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
	background: #fff;
}

#main_container {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

#language_container {
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: right;
	background: #fff;
}

#intro_container {
	position: relative;
	padding: 0;
	text-align: left;
	background-color: transparent;
	margin-bottom: 1em;
	width: 100%;
	height: 340px;
}

.mobile #intro_container {
	height: auto;
	min-height: 140px;
}

#intro_container div{
	padding: 0px 0px 0px 0px;
}

/* --- */

#language_container div#userpanel {
	margin-top: 0px;
	margin-left: 10px;
	margin: 0 1em 1em 0;
}

#language_container div#flags {
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.langs-sub ul {
	margin: 0;
	padding: 0;
}

.langs-sub li {
	list-style-type: none;
	float: left;
	margin-left: 10px;
}

.langs-sub li span:hover {
	color: #ff6600;
}

#basket {	
	background-color: #0080C0;
	border: solid 1px #fff;	
	font-size: 92%;
	font-weight: normal;	
	text-align: left;	
	padding: 15px 30px 15px 15px;	
	color: #fff;	
	position: absolute;	
	right: 4px;
	top: 4px;
	filter: alpha(opacity=90) !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	-moz-opacity: 0.90 !important;
	-webkit-opacity: 0.9 !important;
	opacity: 0.90 !important;
	zoom: 1;
	z-index: 3000;
}

#basket a {
	font-weight: bold;
	color: #fff;
	font-size: 110%;
}

#basketLink {
	margin-right: 1em;
}

.basketAmount {
	font-family: Arial, sans-serif;
	font-size: 70%;
	position: absolute;
	top: -8px;
	left: 8px;
	color: #cc0000;
}

/* --- header --- */

#header_container_wrap {
	text-align: center;
}

#header_container {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 0;
	background: #008cba;
}

#header_content {
 	width: 100%;
	height: 65px;
	text-align: left;
}

html>body #header_container { /* nicht IE < 7 */
	height: auto;
	min-height: 15px;
	text-align: center;
	width: 100%;
}

#header_content a {
	color: #ccc;
}

/* --- Navigation --- */

#topmenu_container {
	margin-top: 0;
	width: 100%;
	height: 40px;
	position: relative;
	text-align: center;
	background: #111;
}

#topmenu_container_wrap,
.top-bar {
	background: #111;
}

/* !! foundation !! */

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

.top-bar {
	max-width: 72rem;
	margin: 0 auto;
	height: 46px;
}

.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) {
	line-height: 2.9rem;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button) span.show-for-large-up {
	padding: 0 1rem;
	font-family: OpenSans, Arial, sans-serif;
	font-size: 100%;
}

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

.top-bar-section ul li > a {
  color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.top-bar-section .dropdown li a {
  font-size: 90%;
	color: #333;
	font-weight: normal;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
	color: #fff;
	background: transparent;
	font-weight: bold;
}

.top-bar-section li.active:not(.has-form):hover a:not(.button) {
  background: #bbb;
	color: #fff;
}

.top-bar .name h1 {
  font-size: 190%;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #efefef;
  border-bottom: solid 1px #eee;
	color: #333;
	font-weight: normal;
	font-size: 92%;
	text-transform: none;
}

.top-bar-section ul {
	margin-top: 0;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button).parent-link {
	font-weight: bold;
}

.top-bar-section .has-dropdown > a:after {
	border-color: rgba(255, 255, 255, 0.7) transparent transparent;
}

@media only screen and (max-width: 40em) {
	.top-bar-section .has-dropdown > a:after {
		border-color: transparent transparent transparent rgba(255, 255, 255, 0.7);
	}
}

.top-bar .toggle-topbar.menu-icon a {
	color: #fff;
	height: 34px;
	line-height: 33px;
	padding: 0 2.5rem 0 0.9375rem;
	position: relative;
}

a.lg_small {
	color: #fff;
	line-height: 40px;
	margin-left: 1em;
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.back h5 a {
	color: #fff;
	text-decoration: none;
}

.top-bar-section .dropdown li.title h5 a {
	line-height: 2em;
}

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

.top-bar input.search {
	border: none !important;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

li.back h5 {
	margin: 0;
}

.top-bar-section ul.f-dropdown {
}

.top-bar-section ul.f-dropdown li {
	color: #333;
	white-space: nowrap;
}

.top-bar .toggle-topbar.menu-icon a span:after {
	box-shadow: 0 0 0 1px #fff, 0 5px 0 1px #fff, 0 10px 0 1px #fff;
	margin-top: -6px;
}

.top-bar.expanded .toggle-topbar a span:after {
	box-shadow: 0 0 0 1px #fff, 0 5px 0 1px #fff, 0 10px 0 1px #fff;
	margin-top: -6px;
}

/* !!--!! */

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

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

.top-bar-section .has-form {
	background: #fff;
	border-left: none;
	border-top: solid 7px #363636;
	border-bottom: solid 7px #363636;
	height: 40px;
	line-height: 40px;
	padding: 0 1px 0 5px;
	overflow: hidden;
	margin: 0 6px;
}

.top-bar input {
	max-width: 120px;
	min-width: 120px;
	display: inline-block;
	/*padding: 5px 3px 5px 3px !important;*/
	top: 3px;
	float: left;
	font-size: 94% !important;
	border: 0;
	line-height: 20px;
	border-right: solid 1px #ccc;
}

.top-bar .button,
.top-bar button {
	font-size: 1rem;
	position: relative;
	top: -6px;
	background: #fff;
	color: #333;
	border-radius: 0;
	border: 0;
	display: inline-block;
}

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

@media only screen and (max-width: 50.0625em) {

	#history {
		display: none;
	}
	
	.top-bar-section .has-form,
	.has-form {
		display: block;
		width: 100%;
		text-align: left;
		cursor: pointer;
		background: #363636;
		border: none;
		margin: 0;
	}
	
	.has-form:hover {
		background: #8997b1;
	}
	
	.top-bar .button,
	.top-bar button,
	.top-bar .button:hover,
	.top-bar button:hover	{
		color: #fff !important;
		background: transparent;
		border: none;
		padding: 11px 0 0 8px;
		margin: 0;
		top: 1px;
		display: block;
		width: 100%;
		text-align: left;
	}
	
	.icon-user,
	.icon-user:hover {
		color: #fff;
		background: transparent;
		border: none;
		padding-left: 4px;
	}
	
	.menu_icon {
		margin-left: -10px;
	}
}

.top-bar .button:hover,
.top-bar button:hover {
	color: #8997b1;
}

/* -- Icons -- */

[class*='icon-'] {
	font-family: icomoon !important;
}

[class*='icon-arrow-'] {
	font-size: x-small !important;
}


/* --- */

#content_wrap {
	background: transparent;
	padding-top: 1rem;
	padding-left: 0rem;
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#content_container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#content_container ul,
#content_container ol {
	margin-left: 1em;
}

#content_container td.td-default ul {
	
}

/* --- sections show/hide --- */

.dist {
	margin-bottom: 0.5em;
	padding: 6px 0;
}

.dist:after {
	content: '';
	display: block;
	clear: both;
}

.closed {
	display: none;
	transition: 0.1s;
}

.opened {
	display: block;
	padding: 0 6px;
	transition: 0.1s;
}

.dyn,
.dyn2 {
	width: 100%;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4rem;
	font-size: 1.3rem;
	margin-right: 1em;
	padding: 0 0.2em 0.2em 0.2em;
	transition: 0.1s;
}

.ajaxMailForm .dyn2 {
	display: block;
	padding: 4px 3px 4px 6px;
	font-size: 100%;
	background: #f0f0f0;
	border-bottom: solid 1px #fff;
	font-weight: normal;
	color: #888;
	font-weight: bold;
	min-width: 850px;
}

.ajaxMailForm .dyn2:hover {
	line-height: 1em;
	background: #111;
	color: #fff;
}

.dyn span,
.dyn2 span.ltitle {
	font-family: OpenSans, Arial, sans-serif;
	font-size: 0.6em;
	margin-left: 0.5em;
}

.dyn.op {}
.dyn.cl {}

.dyn.icon-plus-alt,
.dyn.icon-minus-alt,
.dyn2.icon-plus,
.dyn2.icon-minus,
.fform .icon-plus-alt,
.fform .icon-minus-alt,
.icon-notebook,
.icon-trashcan,
.icon-stack {
	color: #bbb;
	font-family: icomoon !important;
}

.dyn2 .ico {
	float: right;
	font-weight: bold;
	font-size: 10px;
	line-height: 26px;
	width: 20px;
	text-align: center;
	margin-right: 8px;
	font-family: icomoon !important;
}

.dyn2.icon-plus,
.dyn2.icon-minus {
	float: right;
}

.marginRight {
	margin-right: 10px;
}

section.space {
	padding: 2em 0;
}

.section section .column,
.x-mkp section .column {
	width: 100%;
}

.section section .column .acc .accHead a {
	font-size: 100%;
}

div.sectionGroup {
	padding: 1em 1em;
	margin-bottom: 2em;
	width: 100%;
	position: relative;
}

div.sectionGroupHeader {
	width: 100%;
	background: #f6f6f6;
	padding: 0;
	margin-bottom: 24px;
	line-height: 20px;
}

div.sectionGroupHeader span {
	margin: 0;
	background: #fff;
	line-height: 26px;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	display: inline-block;
	color: #666;
}

div.sectionGroupHeader div.toNavi {
	float: right;
	color: #aaa;
	padding: 6px 6px;
	border-radius: 14px;
	font-size: 12px;
}

div.sectionGroupHeader div.toNavi:hover {
	color: #fff;
	background: #000;
}


div.mode1 {
	border: solid 1px #dedede;
}

div.mode2 {
	background: #f5f5f5;
	border: solid 1px #dedede;
}

div.mode2 div.sectionGroupHeader {
	background: #bbb;
}

div.mode2 div.sectionGroupHeader span {
	background: #f5f5f5;
}

/* --- One-Pager Navigation --- */

section.navi {
	min-height: 20px !important;
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

section.navi .sectionGroup {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: 100% !important;
}

div.sectionNavi {
	margin: 0;
	width: 100%;
	position: relative;
	text-align: center;
}

div.sectionNavi:after {
	content: "";
	display: block;
	clear: both;
}

div.sectionNavi ul {
	list-style-type: none;
	display: block;
	text-align: center;
	margin: 0 !important;
}

div.sectionNavi ul li {
	display: inline;
	float: none !important;
	margin: 0 !important;
}

div.sectionNavi a {
	color: #bb0000;
	font-weight: normal;
	font-size: 1.2rem !important;
	padding: 0.3em 0.6em;
	margin: 0 0.2em;
	text-decoration: none;
	border-radius: 3px;
	border: solid 1px transparent;
	
	background: transparent;
	-webkit-transition: color .4s, background .4s, height .4s;
	-moz-transition: color .4s, background .4s, height .4s;
	-o-transition: color .4s, background .4s, height .4s;
	-ms-transition: color .4s, background .4s, height .4s;
	transition: color .4s, background .4s, height .4s;
}

div.sectionNavi a:hover {
	color: #fff;	
	background: rgba(193, 0, 0, 0.7);
	border-radius: 3px;
	border: solid 1px rgba(193, 0, 0, 0.7);
}

/* --- Personen --- */

.sectionPersons {
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.sectionPersons img {
	min-width: 100%;
  height: auto;
  opacity: 1;
}

.sectionPersons .standard {
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
}

.sectionPersons .sectionPerson {
	float: left;
	margin-right: 0%;
	position: relative;
	max-width: inherit;
	margin-bottom: 1em;
}

.sectionPersonDetails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(245, 20, 20, 0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
	width: calc(100% - 1.875rem);
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  margin: 0 auto;
	width: 90%;
	color: #fff;
	text-align: center;
	padding-top: 1.8em;
	font-size: 1.2rem;
	font-weight: bold;
}

.middle a {
	color: #fff;
	text-decoration: none;
}

.personName:after {
	content: " ";
	display: block;
	border-bottom: solid thin #fff;
	padding: 0 0 1.6em 0;
	margin-bottom: 1.3em;
}

.img-subtext {
	padding: 0 0 1em 0;
}

.personPhone,
.personEmail {
	float: left;
	text-align: center;
	width: 49%;
	margin-top: 1em;
}

.sectionPersons .sectionPerson:hover .middle {
  opacity: 1;
}

.sectionPersons .sectionPerson:hover .sectionPersonDetails {
  height: 100%;
}

.personPhone span,
.personEmail span {
	padding: 0.5em 0.5em;
	transition: .1s ease;
	border-radius: 50%;
	background-color: rgba(245, 200, 200, 0.6);
	font-size: 1.8rem;
}

.personPhone span:hover,
.personEmail span:hover {
	background-color: rgba(245, 200, 200, 0.6);
	border: solid 3px #eee;
	border-radius: 50%;
	text-decoration: none;
}

.personPhone a:hover,
.personEmail a:hover {
	text-decoration: none;
}

.formMailIcon {
	font-size: 1.4em;
}


@media only screen and (max-width: 42em) {
    
	.sectionPersons .sectionPerson {
		float: none;
		width: 100%;
		margin: 0 auto 1em auto;
	}
	
	.sectionPersons .sectionPerson .sectionPersonDetails {
		height: 100%;
		background-color: rgba(205, 0, 0, 0.5);
	}
	
	.middle {
		opacity: 1;
	}
}

/* --- 2017-03-03 --- */

.main-section {
	width: 100%;
}

section {
	width: 100%;
}

.sectionGroup {
	max-width: 70em;
	margin: 0 auto;
	text-align: left;
}

.dist {
	margin: 1em 0 0 0;
}

.dyn.icon-plus-alt,
.dyn.icon-minus-alt {

}

.dyn.cl {
}

.dyn {
	cursor: pointer;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.4rem;
	margin-right: 1em;
	padding: 0 0.2em 0.2em;
	width: 100%;
}

.dyn span {
	padding-left: 0.5em;
	font-family: Arial,Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.8em;
}

/* --- off canvas --- */

.off-canvas-link {
	margin-bottom: 0;
	width: 100%;
	padding-top: 0;
	text-align: right;
}

.left-off-canvas-toggle,
.left-off-canvas-toggle:active,
.left-off-canvas-toggle:focus {
	text-decoration: none;
	display: inline-block;
	color: #444;
	font-size: 0.9em;
	margin-left: 0.6em;
}

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

.right-off-canvas-toggle,
.right-off-canvas-toggle:active,
.right-off-canvas-toggle:focus {
	text-decoration: none;
	color: #444;
	font-size: 1.7rem;
}

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

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

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

.off-left-icon {
	font-family: arrows;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 2rem;
	color: #999;
	margin-top: 6px;
}

.off-left-icon.off:before {
	content: "\ea42";
}

.off-left-icon.on:before {
	content: "\ea44";
	font-family: "icomoon";
	content: "\e049";
	font-size: 0.8em;
	color: #999;
}

.off {
	position: relative;
}

.on {
	color: #222;
	position: relative;
}

.off-left-icon:hover {
	color: #222;
}

.left-off-canvas-menu {
	background: rgba(0, 0, 0, 0.5);
	padding-top: 0.5em;
}

.off-canvas-link .right-off-canvas-toggle {
	padding-right: 10px;
}

.right-off-canvas-menu {
	background: #666;
	color: #fff;
	font-size: 90%;
}

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

#content_container ul.off-canvas-list {
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 3em;
}

ul.off-canvas-list li {
}

ul.off-canvas-list li a {
	color: #fff;
	text-decoration: none;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: none;
}

ul.off-canvas-list a.alevel {
	font-weight: bold;
}

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

/* Hilfe-Text im content-Bereich */

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

.icon-question {
	font-size: 1.8rem;
	cursor: pointer;
	color: #999;
	margin-bottom: 0;
	margin-right: 0;
}

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

.help-icon {
	font-size: 1.8rem;
	cursor: pointer;
	color: #999;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 6px;
	display: block;
}

.help-phone {
	font-size: 1.8rem;
	cursor: pointer;
	color: #999;
	margin-bottom: 0;
	margin-right: 0.5em;
	margin-top: 6px;
}

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

.icon-close {
	font-size: 0.9em;
}

.help-text,
.helpPhone-text {
	padding: 0.3em 0.8em 0.01em 0.8em;
	margin-right: 3.1rem;
	color: #111;
	display: none;
	font-size: 90%;
}

.mailtext {
	display: none;
}

/* --- */

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

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

/* linke Spalte */

html>body #left_container {
	overflow: hidden;
}

#left_container {
	overflow: hidden;
	position: relative;
	padding-left: 0.5em !important;
	padding-right: 0 !important;
	padding-top: 0.8em;
	margin: 0 !important;
}

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

.img_decor {
	margin-bottom: 12px;
	overflow: hidden;
	border: none;
}

#search {
	padding: 0 10px;
}


/* Navigation, linke Spalte */

#left_navbar {
	margin-bottom: 20px;
}

#left_navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent;
}

#left_navbar ul li,
.side-nav li {
	margin-bottom: 3px;
	line-height: 1.3em;
	background: transparent;
	font-size: 95%;
}

#left_navbar ul li.li_last {
	margin: 0px 0px;
}

#left_navbar ul li a,
#left_navbar ul li.level a {
	display: block;
	padding: 4px 0;
	text-decoration: none;
	background: transparent;
	
	-webkit-transition: background .01s;
	-moz-transition: background .01s;
	-o-transition: background .01s;
	-ms-transition: background .01s;
	transition: background .01s;
}

#left_navbar ul li.level {
	padding: 0px 0px;
}

#left_navbar li.level a {
	padding-left: 0em;
}

#left_navbar li.level-2 a {
	padding-left: 0em;
}


#left_navbar li.level-3 a,
ul.off-canvas-list li.level-3 a {
	padding-left: 1.3em;
	font-size: 95%;
}

#left_navbar li.level-4 a,
ul.off-canvas-list li.level-4 a {
	padding-left: 2.3em;
	font-size: 95%;
}

#left_navbar li.level-5 a,
ul.off-canvas-list li.level-5 a {
	padding-left: 3.3em;
	font-size: 95%;
}

#left_navbar ul ul li.li_last {
	border-bottom: none;
}

#left_navbar ul li.level-2 a,
#left_navbar ul li.level-3 a,
#left_navbar ul li.level-4 a,
#left_navbar ul ul a.alevel,
.side-nav li a:not(.button) {
	display: block;
	color: #bb0000;
	border: none;
}

#left_navbar ul li.level-2 a:hover,
#left_navbar ul li.level-3 a:hover,
#left_navbar ul li.level-4 a:hover,
.side-nav li a:not(.button):hover {
	color: #000;
	text-decoration: underline;
}

#left_navbar ul li a.alevel {
	background: transparent;
	color: #000;
	font-weight: bold;
	border: none;
}

#left_navbar ul li a.alevel:hover,
#left_navbar ul li a.alevel_on,
#left_navbar ul li a.alevel_on:hover {
	background: transparent;
	color: #022479;
}

#left_navbar ul ul a.alevel {
	border: none;
}

#left_navbar ul li a:before {
	font-family: 'icomoon';
	content: "\e059";
	font-size: 11px;
	float: left;
	margin-top: 0;
	line-height: 1.6em;
	margin-right: 6px;
	color: #999;
}

#left_navbar ul ul {
	background: transparent;
}

.dates {
	font-size: 94%;
	text-align: center;
}

/* --- */

/* ---------------------------------------- */

#middle_container {
	padding: 6px 0 14px 0;
	height: auto;
	min-height: 550px !important;
	height: 550px;
	text-align: left;
	margin-bottom: 2rem;
}

html>body #middle_container {
	/* Hack: Gilt nicht fuer IE<7 */
	height: auto;
	min-height: 550px !important;
	margin-bottom: 2rem;
}

.c-all {
	margin-left: 221px;
	margin-right: 304px;
}

.c-left {
	margin-left: 221px;
}

.c-aux {
	margin-right: 304px;
}

.c-whole {
	margin: 0;
}

#styleswitch {
	float: right;
	margin-bottom: 0px;
}

/* Breadcrumbs */

#history_wrap {
	width: 100%;
	padding-bottom: 0.2rem;
}

#history {
	font-size: 82%;
	text-align: left;
	color: #333;
	font-size: 80%;	
	font-style: italic;
	float: left;
	width: 70%;
	line-height: 2rem; /* hoehe der off-canvar-icons */
}

#history a {
	text-decoration: none;
	color: #aaa;
	margin-right: 0.3em;
}

#history a:hover {
	color: #333;
}

#history a:after {
	content: "›";
	margin-left: 0.3em;
	text-decoration: none;
}

#history_wrap form {
	margin-bottom: 0;
	padding: 0;
}

#history-search {
	width: 190px;
	float: right;
	white-space: nowrap;
	text-align: right;
}

#history-search input[type="text"] {
	margin: 0;
	min-width: 150px;
	max-width: 170px;
}

#history_wrap #search {
	padding: 0;
	margin: 0;
}

#history_wrap button {
	margin: 0;
}

/* --- */

.text_main {
	margin-top: 1em;
	overflow: none;
	text-align: left;
	position: relative;
}

.text_main div {
	overflow: hidden;
}

.scroll_main {
	margin-top: 12px;
	overflow: auto;
	text-align: left;
	
	height: 600px;
}

form {
	margin-bottom: 1em;
}

.text-box {	
	margin-bottom: 1em;
	padding: 12px;
	color: #000;
}

/* --- RSS --- */

.rss-box-header {
	
}

.layout_rssreader .rss-box {
	margin-bottom: 1em;
	padding: 1em;
	border: dotted 1px #ddd;
	background: #f8f8f8;
}

.rssHeader {
	margin-bottom: 1em;
}

.rssDescription {
}

.rssDescription img {
	margin: 0 1em 1em 0;
	float: left;
}

@media only screen and (max-width: 32em) {
	.rssDescription img {
		float: none;
	}
}

/* ---------------------------------------- */

#right_container {
	float: right;
	padding: 10px 10px;
	
	overflow: hidden;
}

/* --- news --- */

.layout_newslist .panel {
	margin-bottom: 1em;
}

.news-handler .icon-arrow-down-3,
.news-handler-2 .icon-arrow-up-3 {
	font-size: 1.1rem !important;
	margin-right: 0.5em;
	vertical-align: middle;
	cursor: pointer;
}

.news-handler {
	width: 80%;
	float: left;
}

.news-handler-2.navButton {
	cursor: pointer;
	margin: 0;
}

.news-box {	
	margin-bottom: 1em;
	padding: 12px;
	background-color: #fff;
	color: #000;
	border: solid 1px #fff;
	margin-left: 3px;
  width: 96%;
}

.newslist .box .box2_1 {
	width: 20%;
	overflow: hidden;
}

.newslist .box .box2_2 {
	width: 78%;
}

.news-headline {
	font-weight: bold;
	border-bottom: solid 1px #ddd;
	margin-bottom: 1em;
	font-size: 1rem;
	padding: 0.3em 0.6em;
}

.news-headline a {
	text-decoration: none;
}

.news-box .subheader {
	margin-bottom: 1em !important;
}

.news-date {
	float: right;
	font-weight: normal;
	font-size: 80%;
	color: #999;
	cursor: default;
	margin-top: 4px;
}

.publish-date {
	margin-bottom: 5px;
	font-weight: bold;
}

@media only screen and (max-width: 40em) {
	.news-handler {
		width: 100%;
		margin-bottom: 1em;
	}
}

.news-content {
	width: 100%;
	overflow: hidden;
	padding: 0.3em 0.6em;
}

.news-content p {
}

.news-content a {
	background: #999;
	padding: 0 10px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-left: 0.5rem;
}

.news-image {
	max-width: 140px;
	float: left;
	margin: 0 1.5em 1em 0;
}

.news-image img {
	max-width: 140px;
}

.news-text {
	padding: 0;
	margin: 0;
}

.news-text-icon {
	padding: 0;
	margin: 0;
	margin-left: 160px;
}

.news-more {
	margin-top: 1.5em;
	width: 100%;
	text-align: right;
	text-decoration: none;
}

.news-more a {
	text-decoration: none;
}

.news-more .button {	
	margin-bottom: 0.3em;
}

.more-link {
	font-style: italic;
}

.more-link:before {
	content: "... ";
}

.ics-link {
	margin: 1em 0 0 0.1em;
	width: 50px;
}

.ics {
	font-size: 1.4rem !important;
	color: #0080c0;
	cursor: pointer;
}

/* --------------------------------------- */
/* ---- Navigation 2. Ebene : Rahmen ---- */

.menu-2-0 {
	padding-top: 10px;
	padding-left: 20px;
	border-right: solid 2px #a0a0a0;
	background-color: #f4f4ff;
}

/* --------------------------------------- */
/* ---- Navigation 2. Ebene : Verweise ---- */

.menu-2top {
	border-top: dotted 1px #555555;
}

.menu-2 {
	border-top: dotted 1px #555555;
	border-bottom: dotted 1px #555555;
}

.menu-2-1 {
	color: #022479;
	font-weight: normal;
	text-decoration: none;
}

.menu-2-1:hover {
	color: #fff;
	text-decoration: none;
}

.menu-2-2 {
	color: #022479;
	font-weight: normal;
	text-decoration: none;
}

.menu-2-2:hover {
	color: #fff;
	text-decoration: none;
}

.menu-2on {
	background-color: #ffffff;
}

.menu-2off {
}

/* --------------------------------------- */
/* ---- Navigation 3. Ebene : Verweise ---- */

.menu-3top {
	border-top: dotted 1px #555555;
}

.menu-3 {
	border-top: dotted 1px #ffffff;
	border-bottom: dotted 1px #ffffff;
}

.menu-3-1,
.menu-4-1,
.menu-5-1,
.menu-6-1,
.menu-7-1,
.menu-8-1 {
	font-weight: normal;
	text-decoration: none;
}

.menu-3-1:hover,
.menu-4-1:hover,
.menu-5-1:hover,
.menu-6-1:hover,
.menu-7-1:hover,
.menu-8-1:hover {
	text-decoration: none;
}

.menu-3-2,
.menu-4-2,
.menu-5-2,
.menu-6-2,
.menu-7-2,
.menu-8-2 {
	font-weight: bold;
	text-decoration: none;
	color: #ff6600;
	background: #f1f1f1;
}

.menu-3-2:hover {
	text-decoration: none;
}

.menu-3on {
	background-color: #ffffff;
}

.menu-3off {
}

/* --------------------------------------- */
/* ---- Zusatzspalte rechts ---- */

.aux {
	border-left: solid 2px #a0a0a0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: #e6e6e6;
}

/* ---------- Login ---------- */
.content-overbox-login {
	background: transparent;
	border-left: none;
	background: #f1f1f1;
}

.login-text {
	float: left;
	width: 48%;
}


/* --------------------------------------- */
/* ---- Bilder ---- */

#middle_container img {
}

#middle_container img.navButton {
}

.layout_personlist #photo,
.layout_overview #photo,
.layout_datelist #photo {
	margin-bottom: 0.5em;
}

.left-inline {
	max-width: 100%;
	float: left;
	margin-top: 0.7em;
	margin-left: 0;
	margin-right: 1.6em;
	margin-bottom: 1em;
	font-size: 10px;
	font-style: italic;
}

.right-inline {
	max-width: 100%;
	float: right;
	margin-top: 0.7em;
	margin-right: 0;
	margin-left: 1.6em;
	margin-bottom: 1em;
	font-size: 10px;
	font-style: italic;
}

.left-inline img, 
.right-inline img {
	border-width: 0px;
	max-width: 500px;
	width: 100%;
}

@media only screen and (max-width: 319px) {

	.left-inline,
	.right-inline	{
		float: none !important;
		margin: 1em 0;
	}
	
	.left-inline img, 
	.right-inline img {
		width: 100%;
	}
}

.standard {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 1.5em;
}



/* --------------------------------------- */
/* ---- Misc ---- */

.head {
}

.present {
	color: #008000;
}

.absent {
	color: #f00000;
}

.search {
	border: solid 1px #cccccc;
	width: 140px;
	padding: 3px 3px;
	line-height: 20px;
}

.search-text {
	color: #555555;
	font-size: 11px;
	font-weight: bold;
}


/* --------------------------------------- */
/* ---- Inhalt ---- */

.content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.td-left {
	width: 50%;
}

.td-right {
	width: 50%;
}


.box_person_left {
	float: left;
	width: 29%;
	overflow: hidden;
	margin-bottom: 1em;
}

.box_person_right {
	float: right;
	width: 69%;
	overflow: hidden;
}

.box {
	margin-bottom: 0.6em;
	overflow: hidden;
	width: 99.6%;
}

.date-key {
	float: left;
	overflow: hidden;
	width: 96%;
}

.normal-box,
.date-key {
	margin-bottom: 0.6em;
	overflow: hidden;
}

.box-link {
	margin-bottom:1em;
}

.link-header {
	margin-right: 4px;
	float: left;
}

.box img {
  margin-right: 12px;
}

.box-leftinline {
	float: left;
	
	margin-right: 5px;
	margin-bottom: 5px;
}

.box-rightinline {
	float: right;
	
	margin-left: 5px;
	margin-bottom: 5px;
}

/* --- boxes --- */

.box1 {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

.box2_1,
.box2_2 {
	overflow: hidden;
}

.box2_left {
	overflow: hidden;
}

.box2_right {
	overflow: hidden;
}

.box3_1,
.box3_2,
.box3_3 {
	overflow: hidden;
}

.box3_left {
	overflow: hidden;
	float: left;
}

.box3_right {
	overflow: hidden;
	float: right;
}

.box3_1 img {
	max-width: 100%;
}

.box4_1,
.box4_2,
.box4_3,
.box4_4 {
	overflow: hidden;
}

.box4_1 img,
.box4_2 img, 
.box4_3 img,
.box4_4 img {
	max-width: 90%;
}

@media only screen and (max-width: 30em) {

	#right_container {
		float: none !important;
		margin: 0;
	}
	
	.box {
		margin: 0;
	}
	
	.box [class*="column"] + [class*="column"]:last-child,
	.box2_1, .box2_2,
	.box3_1, .box3_2, .box3_3,
	.box4_1, .box4_2, .box4_3, .box4_4	{
		float: none;
		padding: 0;
		margin: 0;
		margin-bottom: 0.3rem;
		width: 100% !important;
		height: auto !important;
	}
	
	.overview-content {
		height: auto !important;
	}
}

@media only screen and (max-width: 40em) {

	#right_container {
		float: none !important;
		margin: 0;
	}
}

/* --- */

.leftbox img,
.rightbox img {
	max-width: 250px;
	width: expression(document.body.clientWidth > 250 ? "250px": "auto");  /* IE */
}

.left {
	float: left;
}

div.main {
	overflow: auto;
	scrollbar-base-color: #cccecf;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #000000;
  scrollbar-darkshadow-color: #cccccc;
  scrollbar-face-color: #cccecf;
  scrollbar-highlight-color: #efefef;
  scrollbar-shadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
	width: 100%;
	height: 350px;
}

div.businesscondition {
	overflow: auto;
	scrollbar-base-color: #cccecf;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-face-color: #cccecf;
	scrollbar-highlight-color: #efefef;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	width: 100%;
	height: 250px;
	background: #fff;
	padding: 3px;
}

/* --------------------------------------- */
/* ---- Listen ---- */

.datelist-date {
	font-weight: bold;
}

.datelist-header {
	color: #e59700;
	font-size: 12px;
	font-weight: bold;
}

.date-date {
	font-weight: bold;
	color: #444;
}

.imagelist-nav {
	margin: 1em 0;
}

.imagelist-nav-left,
.imagelist-nav-up,
.imagelist-nav-right {
	float: left;
	margin-right: 6px;
}

/* --------------------------------------- */
/* ---- Hauptseite ---- */

.copyright-container {
	line-height: 1em;
	margin-top: 1em;
}

.mainlink_container_wrap {
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	background: #111;
	color: #fff;
}

#mainlink_container {
	min-height: 4rem;
	line-height: 4rem;
}

.mainlink-sep {
	margin: 0 1rem;
}

.main-links {
}

#mainlink_container a {
	color: #fff;
}

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

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

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

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

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

ul.f-dropdown li a,
#mainlink_container ul.f-dropdown li a {
	color: #333;
}

ul.f-dropdown li a:hover,
#mainlink_container ul.f-dropdown li a:hover {
	color: #bb0000;
}

@media only screen and (max-width: 30em) {

	.mainlink-sep {
		margin: 0;
		display: none;
	}
	
	#mainlink_container a {
		float: none;
		display: block;
		line-height: 2rem;
		padding: 0;
		margin: 0;
	}
}

/* ---- VIPS ---- */

#vips {
	background: transparent;
	text-align: center;
	width: 100%;
	margin: 1em 0;
}

#vips ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#vips div.spacer {
	width: 180px;
	height: 160px;
	float: left;
	margin: 0.7em 0.7em 0 0;
	border: solid 1px #ddd;
	text-align: center;
	background: #fff;
}

.vip-div {
	height: 160px;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
}

.vip-div img {
	width: 90%;
	opacity: 0.5;
  filter: alpha(opacity=50);
}

div.spacer:hover {
	border: solid 1px #888;
}

.vip-div:hover img {
	opacity: 1;
  filter: alpha(opacity=100);
}

/* ---- Footer-Sitemap ---- */

#footer {
	width: 100%;
}

.footnav {
	color: #000;
}

#footernavigation {
	margin: 2em auto 0 auto;
	padding: 1em 1em;
	text-align: center;
	background: transparent;
	border-top: solid 1px #333;
	text-align: left;
	width: 100%;
	max-width: 70rem;
}

#footernavigation .footnav-switch,
#footernavigation .footnav-noswitch {
	padding: 4px 4px;
	font-weight: bold;
	color: #000;
	margin-top: 6px;
	font-size: 120%;
}

#footernavigation .footrow {
	margin-top: 2px;
	width: 100%;
	max-width: 72rem;
}

#footernavigation .footnav {
	float: left;
	text-align: left;
	padding: 6px 15px 6px 12px;
	
	min-height: 100%;
	height:auto !important; 
	height:100%;
	overflow: hidden !important;
	
	margin-top: 6px;
	margin-bottom: 15px;
}

#footernavigation .footnav a {
	text-decoration: none;
}

#footernavigation .footnav strong,
#footernavigation .footnav h4 {
	font-size: 110%; 
}

#footernavigation .footnav ul {
	margin-top: 10px;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}

#footernavigation .footnav ul li {
	list-style-type: none;	
	display: block;
}

#footernavigation .footnav ul li.seperator {
	line-height: 0.8em;
	height: 8px;
}

#footernavigation .footnav ul li a {
	text-decoration: none;	
	font-size: 90%;
}

#footernavigation .footnav a:hover,
#footernavigation .footnav ul li a:hover {
	text-decoration: none;    
}

@media only screen and (max-width: 64em) {
	
	#footernavigation .footrow.row {
		width: 100%;
		margin: 0 0 1px 0 !important;
	}
	
	#footernavigation .footnav {
		display: block;
		margin-right: 2em;
		text-align: center;
		float: none;
		width: 100%;
	}
	
	#footernavigation .footnav ul {
		margin: 0 auto;
		width: 100%;
	}
	
	#footernavigation .footnav ul li {
		text-align: center;
	}
}

.icon-right {
	float: right;
	font-size: 120%;
}


/* --------------------------------------- */
/* ---- History ---- */

.position {
	font-size: 10px;
	text-decoration: none;
	font-style: italic;
}

.position a {
	text-decoration: none;
}


/* --------------------------------------- */
/* ---- Ueberschriften ---- */

dl {
	margin-top: 0.5em;
}

dt {
	position: relative;
}

dt .headline-bold {
	font-size: 100%;
	display: block;
}

dd {
	padding-left: 4px;
}

.headline-bold {
	font-weight: bold;
}

.subline {
	font-weight: bold;
	color: #4F4F50;
}

.faq span.headline-bold {
	font-size: 110%px;
	font-weight: bold;
}

li a.faq span.headline-bold {
	display: inline;
	background: none;
}

.faq2 {
	font-size: 100%;
	color: #ee3535;
	font-weight: bold;
}

.faq {
	font-size: 94%;
	text-decoration: none;
	margin-bottom: 20px;
}

.half-headline {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

.half-subline {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}


/* --------------------------------------- */
/* ---- Copy-Mailbox ---- */

.mail-table-border {
	background-color: #000000;
}

.mail-table-header {
	background-color: #4d656b;
	color: #ffffff;
}


.mail-table-row-even {
	background-color: #ffffff;
	border: solid 1px #80ABDE;
}

.mail-table-row-odd {
	background-color: #eff3eb;
	border: solid 1px #80ABDE;
}

/* --------------------------------------- */
/* ---- Sitemap ---- */

.sitemap-extension {
	margin: 0px;
	padding: 0px;
}

.sitemap-margin {
	margin-left: 14px;
}

.sitemap-border {
	border: 1px solid #efefef;
}

.sitemap-header {
	padding: 4px;
	margin: 1px;
	background-color: #efefef;
}

.sitemap-link {
	text-decoration: none;
}

.sitemap-content {
	background-color: #ffffff;
}

.metas { }


/* --------------------------------------- */
/* ---- Overview ---- */

.layout_overview .box .column,
.layout_event .box .column {
	padding-left: 0;
	padding-right: 0;
}

#home-dates {
	margin-bottom: 1em;
	margin-top: 0.3em;
}

.home-date-list dt {
	font-size: 90%;
	margin-bottom: -4px;
}
.home-date-list dd {
	margin-left: 1em;
}
.home-date-list dd a {
	font-weight: normal;
}

.metas { }

.panel {
	background: #fff;
	border: solid 1px #ddd;
	color: inherit;
	/*margin-bottom: 0;*/
	min-height: auto;
	padding: 0;
	border-radius: 3px;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p {
	color: inherit;
}

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

.overview-header,
.overview-abstract {
	padding: 0.3em 0.6em;
}

.overview-header {
	background: #eee;
	border-bottom: solid 1px #ddd;
}

.overview-header:hover {
}

.overview-header form {
	padding: 0;
	margin: 0;
}

.overview-border,
.overview-border-left,
.overview-border-right {
	margin: 0 0.1em;
}

.overview-border {
	margin-bottom: 1.25rem;
}

.overview-link {
	display: block;
}

.overview-spacer {
	padding-top: 5px;
	padding-bottom: 5px;
}

.overview-date {
	width: 100%;
	text-align: right;
	font-size: 76%;
	font-style: italic;
}

.overview-content {
	overflow: hidden;
}

.overview-2-nav {
	overflow: hidden;
	width: 99.9%;
}

.overview-2 {
	overflow: hidden;
}

.overview-border-home {
	margin-bottom: 1em;
}

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

.overview-border-aux .overview-header {
	border-bottom: solid 1px #ccc;
	background: #333;
	color: #fff;
}

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

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

.overview-border-aux .overview-content {
	background: rgba(9, 9, 9, 0.1);
	color: #111;
}

/* --------------------------------------- */
/* ---- Drop Menu ---- */

.drop {
	position: relative;
}

.drop_menu {
	border: solid 1px #80ABDE;
	border-style: outset;
	background-color: #ffffff;
}

.drop_menu a {
	color: #00206f;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.drop_menu a:hover {
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}

/* --------------------------------------- */
/* ---- Upload Formular ---- */

.upload-form {
}

.upload-form input {
}

.upload-comment {
	overflow: auto;
	width: 100%;
	padding-right: 2px;
	height: 50px;
	font-size:96%;
	font-style: italic;
	
	scrollbar-base-color: #cccecf;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-face-color: #cccecf;
	scrollbar-highlight-color: #efefef;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

/* --------------------------------------- */
/* ---- E-Mail Formulare ---- */

/*
.form-fields {
	max-width: 300px;
}
*/


/* --- */

.fake-link {
	cursor: pointer;
	color: #bb0000;
}

.fake-link:hover {
	color: #000;
	text-decoration: none;
}

.hide {
  display: none !important;
}

.show {
  display: inline;
}

.disabled {
	opacity: 0.45;
}

* html .disabled {
  filter: alpha(opacity=45);
}

.editable-inputfield {
	height: 30px;
}

.editable-inputfield, .replaceable-module {
	border: 1px solid #ccc;
	padding: 5px;
}

.replaceable-module {
	background-color: #fff;
	font-size: 10px; 
}

.styleswitch-css_huge {
	font-size: 16px;
}

.styleswitch-css_small {
	font-size: 8px;
}

.styleswitch-css {
	font-size: 12px;
}

div.content {
	display: none;
	clear: both;
	
	padding: 0;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}
div.controls a {
	padding: 5px;
}

div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 100%;
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 50px;
}

div.slideshow-container {
	position: relative;
	clear: both;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('dynatree-skin/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/*
		line-height: 502px;
		text-align: center;
	*/
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: left;
	position: relative;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 100%;
}

div.caption {
	font-face: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
}

div.image-title {	
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	position: relative;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	
	padding-bottom: 20px;
}

#restrictionFilters div.title,
#restrictionFilters div div {
	border-bottom: 1px solid #888;
}

#restrictionFilters div.title {
	cursor: hand;
	cursor: pointer;
	
	font-size: 120%;
	
	padding: 2px 2px 2px 10px;
}

#restrictionFilters {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}

#restrictionFilters div p {
	padding: 0;
	margin: 0;
}

#restrictionFilters div p {
	margin-left: 15px;
}

#restrictionFilters a {
	color: #000;
}

#restrictionFilters div div.right-inline {
	border: none;
}

/* --------------------------------------- */
/* ---- Warenkorb ---- */

.head-line {
	/*overflow: hidden;*/
	font-weight: bold;
	margin-bottom: 0.6em;
	margin-top: 1em;
	clear: both;
}

.basket-sum-total {
	font-size: 15px;
	font-weight: bold;
}

.configurator_refresh_button,
.reservation_refresh_button,
.reservation_order_button,
.reservation_extend_button,
.reservation_coupon_button {
	background-color: transparent;
	border: none;
		
	text-align: right;
	
	cursor: pointer;
	cursor: hand;

	width: 190px;
	height: 20px;
}

.configurator_refresh_button {
	background: transparent url(/images/right.gif) no-repeat top left;
	
	width: 140px;
}

.reservation_refresh_button {
	background: transparent url(/images/update.gif) no-repeat top left;
}

.reservation_order_button {
	background: transparent url(/images/right.gif) no-repeat top right;
	
	width: 115px;	
	
	text-align: left;
}

.customershop_order .reservation_order_button,
.customershop_order .reservation_order_button {
	width: 165px;
}

.reservation_extend_button,
.reservation_coupon_button {
	background: transparent url(/images/hinzufuegen.gif) no-repeat top left;
}

.reservation_coupon_button {
	width: 160px;
}

.reservation_form_data td {
	line-height: 1.8em;
}	

.businessconditions {
	border: solid 1px #ddd;
	margin-bottom: 1em;
	overflow: auto !important;
	
	padding: 5px;
	
	width: 100%;
	height: 400px;
}

.addedProducts {
	margin-bottom: 1em;
}

#continueOrder {
	margin: 0;
}

/* --------------------------------------- */
/* ---- Artikelübersichten ---- */

.prodHeader {
	margin-bottom: 1em;
	font-weight: bold;
}

.prodTable-container {
	background: #fff;
	padding: 10px 10px;
	border: 1px solid #ddd;
	font-size: 0.875rem;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 56em;
}

.prodTable {
	border: 1px solid #ddd;
	border-top: none;
}

.prodTable table {
	border: none;
}

option.inBasket {
	color: #87ae11;
}

/* layout_family, layout_group -> mobil */

.family {
	max-width: 32em;
}

.family .prodTable {
	border: 1px solid #ddd;
}

.family .prodTable table {
	border: solid 1px #ddd;
}

.family label,
.family .prodTable label {
	width: 70px;
	line-height: 2.5em;
	float: left !important;
	font-weight: bold;
}

.family input.amount[type="text"] {
	float: none;
}

.right input.amount[type="text"] {
	float: right !important;
	width: auto !important;
	max-width: 60px;
}

.right label {
	width: 200px;
}

/* --- */

.prodTable .table-content {
	padding: 0 0.5rem;
}

.prodTable table tr th,
.prodTable table tr td {
	color: #222;
	font-size: 0.875rem;
	padding: 0.3rem 0.625rem;
}

.prodTable .column {
	padding: 0;
}

.prodTable .table-header {
	color: #222;
	font-size: 0.875rem;
	padding: 0.28rem 0.625rem;
	background: #efefef;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	line-height: 2.5em;
}

.prodTable .prods table {
	width: 100%;
	background: #fff;
}

.prodTable .show-small {
	font-weight: bold;
	color: #111;
	padding: 0.3em 0.3em;
	display: none;
	visibility: none;
}

.shop-table-amount {
	background: #efefef;
	border-top: solid 1px #ddd;
	font-weight: bold;
	line-height: 2.7em;
}

@media only screen and (max-width: 64em) {
	.prodTable .show-small {
		display: inline-block;
		visibility: visible;
	}
	
	.prodTable .table-header-amount {
		display: none;
		visibility: none;
	}
	
	.prodTable .prodOrAmt {
		border-top: solid 1px #ddd;
		background: #efefef;
	}
}

.prodTable .amount {
	vertical-align: bottom;
	margin-left: 6px;
}

.prodTable-container .button-grey {
	margin-right: 10px;
}

.articleItemLine .icon-info {
	margin-right: 4px;
	font-size: 120%;
}

.articleItemLine .icon-info:hover {
	color: #000;
	text-decoration: none;
}

.articleItem .text-details {
	word-wrap: break-word;
}

.item-headline {
	color: #ee3535;
	font-weight: bold;
	border-bottom: solid 1px #efefef;
	height: 33px;
}

.item-headline a:hover {
	color: #1a9494;	
	text-decoration: none;
}

.item-icon {
	position: relative;	
	background-repeat: no-repeat;
	background-position: center;	
	height: 137px; 
}

.item-separator {
	clear: both;	
	padding-bottom: 10px;
}

.item-frame {
	width: 165px;
	height: 260px;	
	border: 2px solid #1a9494;
	background-color: #000;
	float: left;
}

.item-frame-margins {
	margin-right: 20px;
}

.item-headline .overview-link {
	color: #fff;	
	font-size: 120%;
}

.item-details {
	position: relative;	
	height: 30px;
}

.item-foreignkey {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #646464;
	font-size: 10px;	
	display: none;
}

.item-special-price {
	color: #f00;
	font-size: 80%;
	text-decoration: line-through;
}

.item-price {
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #1a9494;	
	font-size: 135%;
	font-weight: bold;
}

.item-price a {
	font-weight: normal;
	font-size: 10px;
}

.item-detailimages {
	display: inline;
	overflow: hidden;
	float: right;
	width: 49px;
}

.item-detailimages .item-detailimage {
	padding-bottom: 4px;
}

.item-special-marker {
	background-repeat: no-repeat;
	background-position: center;
	
	height: 190px;
}

.item-special-marker ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-Index: 3;
}

.item-special-marker ul li {
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 1px;
	display: inline;
	float: right;
}

.pagination-link,
.pagination-here {
	padding: 2px 4px 2px 4px;
	border: 1px solid #777;
	color: #fff;
	background-color: #000;
	text-decoration: none;	
	font-size: 120%;
}

.pagination-link:hover,
.pagination-here:hover {
	text-decoration: none;
}

.pagination-here,
.pagination-link:hover {
	background-color: #1a9494;
	border: 1px solid #333;
	color: #fff;
}

.configurator #left_container,
.login #left_container {
	display: none;
}

.configurator #middle_container_whole,
.login #middle_container_whole {
	margin: 0;
}

.configurator #middle_container,
.configurator #middle_container_whole,
.login #middle_container,
.login #middle_container_whole {
	margin-left: 0;
}

.login #middle_container_whole {
	width: 100%;
}

ul.thumbs li {
	overflow: hidden;
	height: 76px;
	width: 76px;	
	border: 1px solid #ccc;
	padding: 1px;
}

div.cmDiv {
	border: none;	
}

.clickMenu {
	margin: 0;
	padding: 0;
	
	cursor: default;
}

.clickMenu, .clickMenu ul {
	list-style: none;
}

.clickMenu ul {
	margin: 0;
	padding: 2px;
	border: 1px solid #000;
	background-color: #fff;
	min-width: 100px; /* ie doesnt know this :/ */
	//float: left;/*ie again*/
	//width: 100%;/*and again*/
}

.clickMenu div.outerbox {
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}

.clickMenu div.inner {
	//top: 20px; /* for ie */
	left: 0;
	margin: 0;
}

.clickMenu div.inner div.outerbox {
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}

.clickMenu li {
	position: relative;
	padding: 1px;
	/*white-space: nowrap; does not really work in ie */
}

.clickMenu li.main {
	float: left;
	padding: 0;
	background-color: #1a9494;
	//height: 20px; /* for ie */
}

.clickMenu li.main li {
	z-index: 2;
	min-width: 78px;
}

.clickMenu li.hover {
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #1a9494;
	color: #fff;
}

.clickMenu img.liArrow {
	position: absolute;
	right: 5px;
	top: 0.41em;
}

.clickMenu a {
	text-decoration: none;
	color: black;
	cursor: default;
}

li.advon,
li.advoff {
	padding-left: 20px;
	
	font-weight: normal;
}

li.advon {
	background: url(/images/tick.png) no-repeat 0 50%;
}

li.advoff {
	background: url(/images/cross.png) no-repeat 0 50%;
}

.marker-menu {
	text-align: right;
}

div.clear {
	clear: both;
	overflow: hidden;
}

#details {
	margin-bottom: 15px;
}

#price {
	float: right;
}

#articleTitle {
	text-transform: uppercase;
	
	font-size: 140%;
	font-weight: bold;
}

#foreignkey {
	font-size: 100%;
	font-weight: normal;
}

#singlePrice,
#currency {
	font-size: 210%;
	font-weight: bold;
	
	color: #1a9494;
}

ul#simple-navi {
  list-style-type: none;
  width: 100%;
  float: left;

  margin: 0;
  padding: 10px 0 0 0;
  
  border-bottom: 4px solid #1a9494;
}
 
ul#simple-navi li {
  display: block;
  float: left;
  margin: 0  4px 0 0;
}
 
ul#simple-navi li a {
  display: block;
  padding: 5px 8px;
  text-decoration: none;
}

ul#simple-navi li.active a,
ul#simple-navi li a:hover {
  color: #fff;
  background-color: #1a9494;
}

ul#simple-subnavi {
  list-style-type: none;
  width: 100%;
  float: left;

  margin: 0;
  padding: 10px 0 0 0;
}
 
ul#simple-subnavi li {
  display: block;
  float: left;
  margin: 0  4px 0 0;
}
 
ul#simple-subnavi li a {
  display: block;
  padding: 2px 8px;
  text-decoration: none;
}

ul#simple-subnavi li.active a,
ul#simple-subnavi li a:hover {
  color: #1a9494;
  
  border-bottom: 2px solid #1a9494;
}

.internal-link {
	display: block;
}

/* --- FAQ --- */

#toggle {
	width: 100%;
	text-align: right;
	margin-bottom: 1em;
}

#faq_open_all,
#faq_close_all {
	border: none;
	padding: 8px 12px 0 8px;
	background: none;
}

#faq_close_all {
	display: none;
	color: #cc0000;
}

.icon-list {
	font-size: 16px;
	color: #aaa;
}

.icon-list:hover {
	font-size: 16px;
	color: #000;
}

dt {

}

dd{ 
	font-weight: normal;
}

/* Trennlinie */

hr {
	display: block;
	height: 1px;
	width: 100%;
	border: 0;
	color: #ddd;
	background-color: #ddd;
	margin: 1.6rem 0;
	padding: 0;
}

/* --- */

#right_container {
	overflow: hidden;
	text-align: left;
}

.word-wrap, h1 {
	overflow: hidden;
}


/* Feedback Balloon */

#feedbackLink {
	color: #fff;
	margin-right: 14px;
}

.feedbackBalloon {
	width: 450px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

.feedbackBalloon #feedbackForm {
	padding: 10px;
}

.feedbackBalloon label {
	font-weight: bold;
}

.feedbackBalloon textarea {
}

.feedbackBalloon input[type=submit] {
}

.feedbackBalloon .feedbackClose {
	position: absolute;	
	right: 10px;
	top: 10px;	
	font-size: 90%;
}

.image form {
	padding: 0;
	margin: 0;
}

/* user panel */

#userpanel {
	margin: 7px 1em 1em 0;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	border-bottom: dashed 1px #aaa;
}

#userpanel:after {
	clear: both;
}

#userpanel .userpanel {
	display: block;
}

#userpanel .ico {	
	 background: #008cba;   
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
  border-radius: 3px;

	color: #fff;
	padding: 9px 9px;    
	box-shadow: 0 1px 0 0 #fff;
	font-size: 18px;
	
	margin-left: 0;
}

#userpanel .ico:hover {
	background: #a0a0a0;
	
	color: #fff;
	box-shadow: 0 1px 0 0 #ddd;
}

/* -- */

.comment-box {
	background-color: #F1F1F1;
	
	color: #000;
	
	padding: 10px;
	width: 98%;
}

.ui-datepicker {
	font-size: 85%;
	line-height: 1.0em;
}

.Icon {
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

a.back {
	font-size: 140%;
	text-decoration: none;
	color: #ccc;
}

a.back:hover {
	text-decoration: none;
	color: #800000;
}

/* Accordion (accord) */
.acc {
	margin-bottom: 0.2em; 
}

.accHead {
	display: block;
	background: #aaa;
	padding: 4px 12px;
	font-weight: normal;
}

.accHead a {
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

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

.accHead:hover {
	background: #666;
}

.accShow,
.accShow:hover,
.accShow a {
	background: #666 !important;
	color: #fff !important;
}
	
.accIcon {
	color: #ddd;
	float: right;
	font-size: 18px;
	font-weight: normal;
	padding-right: 0;
	line-height: 1.5em;
}

.accShow .accIcon {
	color: #fff;
}

.accContent {
	background: #fff;
	padding: 8px 12px;
	line-height: 1.4em;
	overflow: auto;
	font-weight: normal;
	color: #666;
	font-size: inherit;
}

.accContent p {
	color: #666;
}

a.Icon {
	font-weight: normal;
	text-decoration: none;
}´

a.Icon:hover {
	font-weight: normal;
	text-decoration: none;
}

.navButton {
	margin: 1em 0;
}

object.pdf {
	min-height: 500px;
}

.border-bottom {
	border-bottom: solid 1px #ddd;
}

/* --------------------------------------- */
/* ---- Tabellen ---- */

.table-border {
}

.table-border tr {
	border-bottom: solid 1px #ddd;
}

.divtable {
	border: solid 1px #ddd;
	padding: 1px 1px;
	background: #fff;
	max-width: 920px;
	font-size: 0.875rem;
}

.divtable form {
	margin: 0;
	padding: 0;
}

.table-header,
.divtable-header {	
	text-align: center;
	background: #eee;
	font-weight: bold;
	font-family: inherit;
	padding: 0.5625rem 0.625rem;
}

.table-header a {
}

.table-header table {
}

.table-content,
.divtable-row {
	font-family: inherit;
}

.divtable-row {
	background: #fff;
}

.divtable-cell {
	padding: 0.4625rem 0.625rem;
}

.divtable .odd {
	background: #f6f6f6;
}

.table-content-right {
	text-align: right;
}

.table-content-left {
	text-align: left;
}

table#searchnavigation,
table#searchnavigation table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

table#searchnavigation td {
	height: 2em;
	font-size: 90%;
	padding: 0 4px;
	vertical-align: middle;
}

table#searchnavigation td img {
	vertical-align: middle;
}

table#searchnavigation input[type="submit"] {
	border: solid 1px #ddd;
	color: #333;
	padding: 1px 10px;
	background: #f5f5f5;
	margin: 0;
}

table#searchnavigation input[type="submit"]:hover,
table#searchnavigation input[type="submit"].current {
	border: solid 1px #333;
}

table.table-search-results {
	width: 100%;
}

table tr:nth-of-type(2n) {
	background: transparent;
}

table tr th,
table tr td {
	color: #222;
	font-size: 0.875rem;
	padding: 0.5625rem 0.625rem;
}

.layout_imagelist table {
	border: none;
}

td.right {
	text-align: right;
	white-space: nowrap;
}

td.center {
	text-align: center;
}

table.zebra {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}

table.tb-update {
	width: auto !important;
	float: right;
}

table.tb-update:after {
	clear: both;
}

img.sort {
	cursor: pointer;
}

table.class1 caption {
	font-size: 100%;
	caption-side: top; /* bottom */
	margin: 0px 0px 4px 0px;
	color: #cc0000;
}

.table-row-even {
	background: #f6f6f6;
}

.table-row-odd {
	
}

/* --- Person --- */

table.person {
	margin-bottom: 20px;
	width: auto;
	table-layout: auto;
	border-collapse: collapse;
	font-size: 98%;
	float: left;
	background: #f4f4f4;
}

table.person td {
	padding: 6px 10px;
	min-width: 160px;
	max-width: 240px;
	vertical-align: top;
}

/* --- Warenkorb --- */

table.cart-table {
	margin-bottom: 20px;
	width: auto;
	table-layout: auto;
	border-collapse: collapse;
	font-size: 100%;
	float: left;
	border: none;
	width: 100%;
	border: solid 1px #ddd;
}

table.cart-table td,
table.cart-table th,
table.cart-table tr {
	padding: 6px 10px;
	font-weight: normal;
	font-size: 90%;
}

table.cart-table tr.tr-head,
table.cart-table th {
	background: #ccc;
	color: #fff;
}

table.cart-table td span.highlight {
	background-color: none;
	font-weight: bold;
}

table.cart-table th.right {
	float: none;
}

table.cart-table td.bold {
	font-weight: bold;
}

table.cart-table-submit {
	width: 100%;
	border: none;
	background: transparent;
	padding: 0;
}

table.cart-table-submit td.sbm,
table .cart-table-navigation td.sbm {
	padding: 0;
}

table.cart-table-submit input[type="submit"] {
	margin-top: 0;
}

table.cart-table-navigation,
div.cart-table-navigation {
	width: 100%;
	border: none;
	background: transparent;
	padding: 0;
	margin-top: 2em;
}

table.cart-table-navigation td,
table.cart-table-navigation td.sbm,
table.cart-table-navigation tr.sbm {
	background: transparent;
	padding: 0;
}

div.cart-table-navigation .butt-grey-left a {
	display: block;
	padding: 3.5px 12px;
}

table.paymentTable {
	border: none;
}

.dynamicBasketRow {
	border: none;
}

a.remove-item {
	padding-top: 0.5em;
	display: block;
}

.cart-icon-remove {
	font-size: 1rem;
}

input[type="text"].amount {
	max-width: 45px;
	min-width: 45px;
	width: 45px;
	padding: 0.1em 0.3em;
	margin-top: 0.3em;
	float: right;
	clear: right;
}

select.family-number {
	background: #fff;
	max-width: 300px;
}

.fam-descr {
	background: #fff;
	padding: 0.5em 0.5em;
}

.famt input[type="text"].amount {
	float: none;
}

/* --- Formular --- */

.form-div {
	margin: 1em 0;
}

.90pc {
	width: 90%;
}

.captcha-box {
	text-align: left;
	margin-left: 200px;
}

@media only screen and (max-width: 40em) {

	.captcha-box {
		text-align: left;
		margin-left: 0;
	}
}

#captcha-image {
	margin-bottom: 1em;
	float: none;
	display: block;
}

.required-box {
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0;
}

.formdiv {
	width: 100%;
}

.formdivvalue:after {
	clear: both;
}

.elements-2 .formdiv {
	width: 47%;
	float: left;
	margin-right: 4px;
}

.elements-3 .formdiv {
	width: 32%;
	float: left;
	margin-right: 4px;
}

.elements-4 .formdiv {
	width: 22%;
	float: left;
	margin-right: 4px;
}

.formdiv input[type="checkbox"],
.formdiv input[type="radio"] {
	margin: 0;
	margin-top: 7px;
	vertical-align: bottom;
	float: left;
}

.elements-2 .formdiv input,
.elements-3 .formdiv input,
.elements-4 .formdiv input {
	float: left;
}

.elements-2 .formdiv:after {
	clear: left;
}

.formdivvalue {
	margin-left: 20px;
}

.emailConfirmationText,
.emailErrorText,
.captchaErrorText {
	font-weight: bold;
	font-size: 110%;
	display: inline-block;
	border: solid 1px #ccc;
	padding: 10px 10px;
	margin-top: 1em;
	border-radius: 3px;
}

.emailErrorText,
.captchaErrorText {
	background: #990000;
	color: #fff;
}

.emailConfirmationText .ico,
.emailErrorText .ico,
.captchaErrorText .ico {
	margin-right: 6px;
	font-size: 120%;
}

.emailNewText {
	padding: 6px 12px;
	width: auto !important;
	min-width: 0px;
	margin-top: 2em;
	float: none;
	display: inline-block;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	border: solid 1px transparent;
	
	background: #008cba;
	border-radius: 3px;
	
	-webkit-transition: color .1s, background .1s, height .1s;
	-moz-transition: color .1s, background .1s, height .1s;
	-o-transition: color .1s, background .1s, height .1s;
	-ms-transition: color .1s, background .1s, height .1s;
	transition: color .1s, background .1s, height .1s;
	
	cursor: pointer;
}

.emailNewText:hover {
	background: #777;
}

/* --- foundation --- */

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	width: 40%;
	min-width: 240px;
	max-width: 380px;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 5px 12px;
	height: auto;
	box-shadow: none;
	font-size: inherit;
	font-family: inherit;
}

@media only screen and (max-width: 40em) {
	input[type="text"] {
		min-width: 160px;
	}
	img {
		min-width: 47px;
	}
}

select {
	width: 40%;
	min-width: 260px;
	max-width: 380px;
	margin-bottom: 0.5em;
}

input[type="checkbox"],
input[type="radio"] {
	border: none;
	float: left;
	margin-right: 12px;
	max-width: 20px;
	min-width: 10px;
	vertical-align: middle !important;
	width: auto !important;
	margin-top: 7px;
}

input[type="submit"],
input[type="reset"],
input[type="button"].button-dark,
input[type="button"].butt-dark-right {
	padding: 6px 12px;
	width: auto !important;
	min-width: 0px;
	margin-top: 2em;
	float: none;
	display: inline-block;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	border: solid 1px transparent;
	
	background: #008cba;
	border-radius: 3px;
	
	-webkit-transition: color .1s, background .1s, height .1s;
	-moz-transition: color .1s, background .1s, height .1s;
	-o-transition: color .1s, background .1s, height .1s;
	-ms-transition: color .1s, background .1s, height .1s;
	transition: color .1s, background .1s, height .1s;
}

input[type="button"].button-dark {
	margin-right: 6px;
}

input[type="button"].butt-dark-right {
	float: right;
}

input[type="submit"]:hover,
input[type="button"].button-dark:hover,
input[type="button"].butt-dark-right:hover {
	background: #777;
}

/* shop detail-warenkorb */

#detailbasket {
	border: solid 1px #ddd;
	background: #dfdfdf;
	margin-bottom: 1.5rem;
	border-radius: 5px;
	padding: 3px 3px;
}

#detailbasket span.icon-cart {
	margin-right: 0.5em;
}

#detailbasket a#basketLink,
#detailbasket a#orderLink {
	font-size: 0.9rem;
	line-height: 1rem;
}

#detailbasket a#basketLink:before {
	font-family: 'icomoon';
	content: "\e014";
	font-size: 0.9rem;
	margin-right: 6px;
}

#detailbasket a#orderLink:before {
	font-family: 'icomoon';
	content: "\e04a";
	font-size: 0.96rem;
	margin-right: 4px;
}

#detailbasket .detailbasket-header {
	padding: 0.2em 0.2em;
	text-align: center;
}

#detailbasket .cart-table {
	background: #dfdfdf;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0;
}

#detailbasket .cart-table th {
	font-weight: normal;
	background: #aaa;
	color: #fff;
	padding: 3px 6px;
}

#detailbasket .cart-table td,
#detailbasket .cart-table tr {
	background: #fff;
	padding: 2px 6px;
}

#detailbasket .detailbasket-header,
#detailbasket .cart-table th,
#detailbasket .cart-table th.right,
#detailbasket .cart-table td {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top !important;
}

#detailbasket .cart-sep {
	position: relative;
	background: #000;
}

#detailbasket .cart-sep hr {
	background-color: #bbb;
	border: 0;
	color: #bbb;
	display: block;
	height: 0px;
	margin: 0.3rem 0;
	padding: 0;
	width: 100%;
}

#detailbasket .cart-summary {
	border-collapse: collapse;
	border-spacing: 0;
}

#detailbasket .cart-summary td,
#detailbasket .cart-summary tr {
	background: #dfdfdf;
	padding: 2px 6px;
}

#detailbasket td.cart-summary-label {
	font-style: italic;
}

#detailbasket td.cart-summary-total {
	font-weight: bold;
	border-top: solid 1px #bbb;
}

#detailbasket td.cart-summary-vat {
	color: #888;
	padding-bottom: 0.5em;
}

/* shop detail-warenkorb top */

#detailbasket-top {
	background: #fff;
	margin-bottom: 0;
	padding: 3px 3px;
}

#detailbasket-top span.icon-cart {
	margin-right: 0.5em;
}

#detailbasket-top a#basketLink,
#detailbasket-top a#orderLink {
	font-size: 0.9rem;
	line-height: 1rem;
	color: #bb0000;
	background: transparent;
}

#detailbasket-top a#basketLink:hover,
#detailbasket-top a#orderLink:hover {
	color: #000;
}

#detailbasket-top a#basketLink:before {
	font-family: 'icomoon';
	content: "\e014";
	font-size: 0.9rem;
	margin-right: 6px;
}

#detailbasket-top a#orderLink:before {
	font-family: 'icomoon';
	content: "\e04a";
	font-size: 0.96rem;
	margin-right: 4px;
}

#detailbasket-top .detailbasket-header {
	padding: 0.2em 0.2em;
	text-align: center;
}

#detailbasket-top .cart-table {
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0;
	max-width: 100%;
}

#detailbasket-top .cart-table th {
	font-weight: bold;
	background: #aaa;
	color: #fff;
	padding: 3px 6px;
}

#detailbasket-top .cart-table td,
#detailbasket-top .cart-table tr {
	background: #fff;
	padding: 3px 6px;
	vertical-align: top !important;
}

#detailbasket-top .cart-table td a {
	color: #bb0000;
	background: transparent;
	white-space: normal;
	line-height: 1.2em;
}

#detailbasket-top .cart-table td a:hover {
	color: #000;
	background: transparent;
}

#detailbasket-top .detailbasket-header,
#detailbasket-top .cart-table th,
#detailbasket-top .cart-table th.right,
#detailbasket-top .cart-table td {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top !important;
}

#detailbasket-top .cart-table td.table-content-middle {
	white-space: normal;
	min-width: 200px;
	padding: 6px 6px 3px 1px;
}

#detailbasket-top .cart-table td.table-content-middle a {
	margin-right: 3px;
	display: block;
}

#detailbasket-top .cart-table td.detail-price {
	white-space: nowrap;
}

#detailbasket-top .cart-sep {
	position: relative;
	background: #000;
}

#detailbasket-top .cart-sep hr {
	background-color: #bbb;
	border: 0;
	color: #bbb;
	display: block;
	height: 0px;
	margin: 0.3rem 0;
	padding: 0;
	width: 100%;
}

#detailbasket-top .cart-summary {
	border-collapse: collapse;
	border-spacing: 0;
}

#detailbasket-top .cart-summary td,
#detailbasket-top .cart-summary tr {
	background: #fff;
	padding: 2px 6px;
}

#detailbasket-top td.cart-summary-label {
	font-style: italic;
}

#detailbasket-top td.cart-summary-total {
	font-weight: bold;
	border-top: solid 1px #bbb;
}

#detailbasket-top td.cart-summary-vat {
	color: #888;
	padding-bottom: 0.5em;
}

/* --- buttons --- */

button,
.button {
	background-color: #008cba;
	border-color: transparent;
	padding: 6px 12px;
	transition: color 0.1s ease 0s, background 0.1s ease 0s, height 0.1s ease 0s;
	border-radius: 3px;
}

.top-bar .buton-grey {
	margin: 0;
	padding: 0.6em 1em 0.57em 1em;
	vertical-align: top;
	border-radius: 0;
}

button.tiny,
.button.tiny {
	padding: 8px 20px;
	font-size: 1rem;
}

.fform .butt-dark-right {
	float: right;
}

.butt-grey-left,
.butt-dark-right {
	height: 30px;
	line-height: 30px;
}

input.butt-dark-right {
	line-height: 0px;
}


.butt-grey-left a,
.butt-dark-right a {
	width: auto !important;
	min-width: 0px;
	float: none;
	display: inline;
	margin-right: 4px;
	color: #fff;
	border: none;	
	margin-bottom: 0.5em;
	padding: 10px 12px;
	height: auto;
	box-shadow: none;
	font-size: inherit;
	font-family: inherit;
	
	border-radius: 3px;
	
	background: #005177;
	
	-webkit-transition: color .1s, background .1s, height .1s;
	-moz-transition: color .1s, background .1s, height .1s;
	-o-transition: color .1s, background .1s, height .1s;
	-ms-transition: color .1s, background .1s, height .1s;
}

.butt-dark-right a {
	margin-right: 0;
	margin-left: 4px;
}

button:hover,
.button:hover,
.butt-grey-left a:hover,
.butt-dark-right a:hover,
.button-grey:hover,
.buton-grey:hover,
button:focus,
.button:hover,
.butt-grey-left a:focus,
.butt-dark-right a:focus,
.button-grey:focus,
.buton-grey:focus,
button:active,
.button:active,
.butt-grey-left a:active,
.butt-dark-right a:active,
.button-grey:active,
.buton-grey:active {
	color: #fff;
	text-decoration: none;
	background: #bbb;
	cursor: pointer;
}

.button:visited,
.butt-grey-left a:visited,
.butt-dark-right a:visited,
.button-grey:visited,
.buton-grey:visited {
	color: #fff;
}

input.button-grey {
	padding: 6px 12px;
	width: auto !important;
	min-width: 0px;
	float: none;
	display: inline;
	margin-right: 0;
	color: #fff;
	border: none;
	
	background: #005177;
	
	-webkit-transition: color .1s, background .1s, height .1s;
	-moz-transition: color .1s, background .1s, height .1s;
	-o-transition: color .1s, background .1s, height .1s;
	-ms-transition: color .1s, background .1s, height .1s;
}

.butt-img,
.button-grey {
	vertical-align: middle;
}

label,
.label {
	background: transparent;
	color: #333;
	font-size: 0.9rem;
	text-align: left;
	font-family: inherit;
	float: left;
	width: 200px;
	padding: 0;
	white-space: normal;
	margin-bottom: 6px;
}

label.bold {
	float: none;
	display: block;
	font-weight: bold;
	min-height: 1.2em;
	margin-bottom: 1em;
}

fieldset {
	padding: 1.25rem 1.25rem 0.1rem 1.25rem;
}

fieldset legend {
	padding: 0 0.4em;
	background: transparent;
	font-weight: normal;
	color: #555;
	font-style: italic;
}

fieldset h2 {
	margin: 0;
}

.ajaxMailForm fieldset {
	padding: 0;
	padding-top: 20px;
}

/* --- */

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	border: solid 1px #000;
}

input[type="image"] {
	border: none;
	min-width: 10px;
	max-width: 90px;
}

input:disabled,
textarea:disabled,
select:disabled {
	background: #f9f9f9;
}

/* --- lucene search --- */

.search-results {
	width: 100%;
	padding: 2px 6px;
	margin-bottom: 1em;
	font-size: 85%;
	color: #666;
}

.search-results-border {
	border: solid 1px #ddd;
}

.search-results-empty {
	font-weight: bold;
	font-size: 115%;
}

input[type="text"].search-input {
	float: left;
	max-width: 380px;
	min-width: 230px;
}

_:-ms-input-placeholder, :root input[type="text"].search-input {
	padding: 8px 12px 10px 12px;
}

.lucene-button {
	padding: 11px 12px 11px 12px;
	border-radius: 0;
}

#history-search .lucene-button {
	padding: 10px 12px 11px 12px;
	border-radius: 0;
}

.lucenesearch .calenderselect {
	width: 40px;
}

.lucenesearch #searchquery {
	clear: left;
	margin:0;
	vertical-align: top;
	width: 200px;
	line-height: 20px;
}

.lucenesearch .searchButton {
	padding: 5px 8px;
    background-color: #005177;
    display: inline;
    float: none;
    margin-right: 0;
    width: auto !important;
}

.lucenesearch .boxes {
	overflow: auto;
	height: 150px;
}

#constraint td {
	padding-top: 0px;
	padding-bottom: 0px;
}

#constraint td span {
	cursor: pointer;
	text-decoration: underline;
}

.constraint-layer {
	padding: 10px 10px;
}

#granulate {
	cursor: pointer;
	font-weight: bold;
	margin-top: 1em
}

.granulate-box {
	padding: 6px 0 12px 0;
}

.granulate-box-span {
	margin-right: 3em;
	cursor: pointer;
}

.downup {
	margin-right: 0.3em;
}

/* ------ */

/*
.fform .fbox {
	width: 10px;
	min-width: 10px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

.fform input[type="checkbox"].mid {
	margin-top: 5px;
}

form.newsletter {
	background: #f6f6f6;
}

.fform .inp {
	float: left;
	margin-right: 10px;
	padding: 0;
}

*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	.fform label {
		float: none;
		padding: 0;
		font-weight: bold;
	}
	
	.formdiv {
		width: 100% !important;
	}
	
	#content_wrap {	
		background-image: none;
		padding-top: 1rem;
		padding-right: 0.7rem;
	}
}

table.newsletter-edit {
	width: auto !important;
}

table.newsletter-edit .fsubmit {
	margin-top: 0;
}

/*
.ftext {
	min-width: 300px;
	max-width: 380px;
}
*/

.small-field,
.amount {
	text-align: right;
	width: 32px;
}

/* --- Daten --- */

table.address-table {
	margin-bottom: 20px;
	width: auto !important;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 1px;
	float: left;
	min-width: 400px;
}

table.address-table th {
	font-weight: bold;
	background: #f1f1f1;
	padding: 3px 10px;
}

table.address-table td {
	padding: 2px 10px;
	border: dotted 1px #ddd;
}

/* --- */

/* --- */

.gallery-box {
	width: 100%;
	margin: 20px 0;
}

.gallery-img,
.gallery-image {
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.gallery-box ul{
	list-style-type: none;
}

.gallery-img-responsive .standard {
	margin: 0;
}

/* --- foundation clearing (lightbox) --- */

.clearing-blackout {
	background: rgba(10, 10, 10, 0.9);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
}

.clearing-assembled {
  margin-bottom: 1em;
}

.clearing-assembled .clearing-container .visible-img {
	background: transparent;
	height: 85%;
	overflow: hidden;
}

.clearing-assembled .clearing-container .carousel {
	margin: 0;
	background: #000;
	height: 100px;
	text-align: center;
	padding-top: 6px;
}

.clearing-thumbs .th,
.gallery-box .th {
	border: none;
	box-shadow: none;
}

.clearing-thumbs .th {
	margin: 0 10px 14px 0;
}

.clearing-blackout {
	background: rgba(0, 0, 0, 0.9);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
}

.clearing-close {
	color: #fff;
	display: none;
	font-size: 2.5rem;
	z-index: 999;
}

a.clearing-close {
	font-size: 2.5rem;
}

.clearing-close:hover {
	color: #cc0000;
}

.clearing-main-next > span {
	border: 18px solid;
	border-color: transparent transparent transparent #fff;
}

.clearing-main-prev > span {
	border: 18px solid;
	border-color: transparent #fff transparent transparent;
}

.clearing-main-next > span:hover {
	border-color: transparent transparent transparent #cc0000;
}

.clearing-main-prev > span:hover {
	border-color: transparent #cc0000 transparent transparent;
}

li.fix-height {
	overflow: hidden;
	max-height: 130px;
	margin-bottom: 0.2em;
}

/* ------------------------------------------------- */
/* Lightbox */

#lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #999;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
	display: none;
	overflow: hidden;
}

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

#lightbox img {	
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #333;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 10px;
}

.lb-loader {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	outline: none;
}

.lb-prev, .lb-next {
	width: 49%;
	height: 100%;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	/* Trick IE into showing hover */
	display: block;
}

.lb-prev {
	left: 0;
	float: left;
}

.lb-next {
	right: 0;
	float: right;
}

.lb-prev:hover {
	background: url(/images/prev.png) left 48% no-repeat;
}

.lb-next:hover {
	background: url(/images/next.png) right 48% no-repeat;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	background: #333;
	
	-moz-border-radius-bottomleft: 4px;
	 -webkit-border-bottom-left-radius: 4px;
	 -ms-border-bottom-left-radius: 4px;
	 -o-border-bottom-left-radius: 4px;
	 border-bottom-left-radius: 4px;
	 -moz-border-radius-bottomright: 4px;
	 -webkit-border-bottom-right-radius: 4px;
	 -ms-border-bottom-right-radius: 4px;
	 -o-border-bottom-right-radius: 4px;
	 border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 10px;
	color: #bbbbbb;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 11px;
}

.lb-data .lb-close {
	width: 35px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

.lb-data .lb-close:hover {
	cursor: pointer;
}

/* --- Suchseite --- */
#constraint {
	margin-top: 0.5em;
}

#constraint td span {
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
}

div.constraint-layer {
	padding-bottom: 10px;
}

.sheadline {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.shide {
	display: none;
}

.searchIcon {
	border: 0px;
	width: 65px;
	padding: 2px;
}

/* --- calendar --- */

.calendar table td,
.calendar table table td {
	width: auto;
	padding: 2px 2px;
	font-size: 96%;
	border: dotted 1px #ccc;
	vertical-align: middle;
}

.calendar select {
	border: solid 1px #ddd;
	padding: 1px 3px;
	margin-top: 3px;
	margin-bottom: -6px;
}

.calendar table table table td {
	width: auto;
	padding: 2px 2px;
	font-size: 96%;
	border: none;
	vertical-align: middle;
}

.calender-navigation {
	margin-right: 1px;
	cursor: pointer;
	padding: 2px 4px;
}

/* --- user panel --- */

a.trigger {
	position: fixed;
	text-decoration: none;
	top: 80px;
	right: 0;
	font-size: 160%;
	color: #fff;
	padding: 20px 10px 20px 10px;
	font-weight: 700;
	background: #cc0000;
	
	z-index: 1001;
	
	border-top-left-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-khtml-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	
	border-bottom-left-radius: 18px;
	-moz-border-radius-bottomleft: 18px;
	-khtml-border-radius-bottomleft: 18px;
	-webkit-border-bottom-left-radius: 18px;
	
	display: none;
}

a.trigger:hover {
	color: #cc0000;
	background: #fff;
}

a.tactive {
	color: #cc0000;
	background: #f1f1f1;
}

.panel {
	/*
	position: fixed;
	top: 70px;
	right: 0;
	display: none;
	background: #7597BD;
	background: #000;
	border: 1px solid transparent;
	z-index: 1000;
	text-align: left;
	color: #fff;
	
	width: 280px;
	height: auto !important;
	min-height: 140px;
	padding: 10px 40px 10px 10px;
	
	filter: alpha(opacity=90)) !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	-moz-opacity: 0.90 !important;
	-webkit-opacity: 0.90 !important;
	opacity: 0.90 !important;
	zoom: 1;
	
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
	box-shadow: 1px 1px 5px #666;
	*/
}

/* Accordion Sidebar */

.accordionButton .right-inline {
	margin: 0;
}

.accordionButton {
	background-color: #666;
	font-weight: lighter;	
	padding: 4px 6px;	
	color: #fff;	
	margin-top: 2px;
	width: 180px;
}

.accordionButton:hover {
	background-color: #999;
}

.accordionButtonHandler span {
	color: #ccc;
}

.accordionButton .fake-link {
	color: #ccc;
}

.accordionButton .fake-link:hover {
	text-decoration: none;
}

.accordionContent {
	padding: 4px 6px;
	max-height: 200px;
	width: 180px;
	display: block;
}

#content_container .accordionContent ul {
	list-style-type: none;	
	padding: 0;
	margin: 0;
}

#content_container .accordionContent ul li {
	line-height: 25px;	
	border-bottom: 1px solid #183681;
}

#content_container .accordionContent ul li a {
	text-decoration: none;	
	line-height: 1.5em;
}

/* Notifications */

.notificationSubject {
	font-weight: bold;
}

.notificationDetails {
	font-style: italic;
}

.countOfNotifications {
	font-weight: bold;
	margin-left: 4px;
}

/* ----- Kontaktformular Personenliste ----- */

.personlist {
	overflow: hidden;
}

#mailto,
.mailto {	
	position: fixed!important;
	position: absolute;
	height: auto;
	width: auto;
	max-width: 450px;
	min-width: 280px;
	margin: -200px 0px 0px -200px;
	top: 30%;
	left: 50%;
	background-color: #f5f5f5;
	border: solid 8px #fff;
	z-index: 1002;
	overflow: hidden;
	padding: 20px;
	border: solid 1px #777;
	
	display: none;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	width: 100%;
	background: rgba(100, 100, 100, 0.5);
	
	display: none;
}

#close,
.close {
	float: right;
	cursor: pointer;
	border: none;
}

div.sbm {
	margin-top: 25px;
}

div.notop {
	margin-top: 22px;
}

.paymentmethod {
	font-style: italic;
	font-size: 96%;
}

.paymentmethod .highlight,
.paymentmethod .address {
	font-style: normal;
}

fieldset .column #paymentmethod_PAYPAL,
fieldset .column #paymentmethod_CASH_ON_DELIVERY {
	margin-left: 40px;
}

.fform input.nomargin {
	margin: 0;
	vertical-align: middle;
	margin-top: 30px;
	margin-right: 0.6em;
}

/* To top button */

#toTop-right {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 16px;
	outline: none;
	color: #fff;
}

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

#toTop-left {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	outline: none;
}

#toTop-center {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: -20px;
	outline: none;
}

.bttn {		
	background: #333;
	background: rgba(3, 3, 3, 0.7);
	color: #fff;
	padding: 10px 17px;
	border: solid 1px #fff;
	border-radius: 0;
}

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

.bttn:hover {
	background: #999;
	color: #000;
}

.line {
    margin-bottom: 0px;
    margin-top: 12px;
}
.bold {
    font-weight: bold;
}

/* --- Sprachen 2013-09-26 --- */

#language_container {
	position: relative;
	height: 36px;
	background-color: transparent;
}

#flags {
	width: auto;
	position: absolute;
	right: 1px;
	top: 1px;
}

ul.langs-sub li {
	float: left;
	border-right: solid 1px #666;
	padding: 7px 0 0 0;
	margin: 0;
}

ul.langs-sub li:last-child {
	border-right: none;
}

ul.langs-sub li span.fake-link {
	padding: 0 8px;
	text-transform: uppercase;
	color: #000;
	cursor: pointer;
	font-size: 18px;
}

ul.langs-sub li span.fake-link:hover {
	background: #fff;
}

ul.langs-sub li span.fake-link:last-child {
	border-right: none;
}

ul.langs-sub li.highlight {
	background: none;
}

/* --- image over navbar --- */

 /* left */
.imgovernavi {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 200;
	width: 200px;
}

.nav-imgleft {
	margin-left: 260px;
}

/* right */
.imgoveraux {
	position: absolute;
	top: -17px;
	right: 20px;
	z-index: 200;
	width: 200px;
}

.nav-imgright {
	margin-right: 260px;
}

.searchMark {
	background: yellow;
}

.section {
	background: transparent;
}

/* excoloSlider
----------------------------------------------------------*/
.sIntro, 
.sHead {
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

.sIntro {
	margin-bottom: 1.5em;
}

.slide > * {
	max-width: 100%;
}

.sIntro img, 
.sHead img {
	width: 100%;
}

.slide-container {
	cursor: move;
}

.slider {
	width: 100%;
}

.slider .slide-prev,
.slider .slide-next{
	cursor: pointer;
	height: 50px;
	width: 48px;
	position: absolute;
	top: 45%;
	margin-top: -24px;
	background-color: rgba(0,0,0,0);
	padding: 0px;
	opacity: 0.8;
	color: #fff;
}

.slider .slide-prev  {
	left: 10px;
}

.slider .slide-next  {
	right: 10px;
}

.slider .slide-prev:before,
.slider .slide-next:before {
	display: block;
	width: 48px;
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	font-family: arrows, 'Open Sans', sans-serif;
	position: absolute;
}

.slider .slide-prev:before {
	content: "\f104"; 
}

.slider .slide-next:before {
	left: 0px;  /* for better central alignment */
	content: "\f105";
}

.slider .slide-next:hover,
.slider .slide-prev:hover {
	background-color: rgba(0,0,0,0);
}

/* --- Fader --- */

.headimages-box {
	position: relative;
	width: 100%;
	max-width: 1000px; /* Bildbreite */
	margin: 0 auto;
	white-space: nowrap;
}

#faderHeader .sHead,
#faderHeader .sHead0 {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	background: #fff;
	text-align: right;
	float: right;
	display: table-cell;
}

#faderHeader .sHead img {
	max-height: 100%;
	height: auto;
	max-width: 100%;
}

/* --- */

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

.es-caption .fa-external-link {
	font-size: 90%;
	vertical-align: middle;
	margin-left: 6px;
}

ul.es-pager {
	width: 100%;
	text-align: center;
	margin: 7px auto;
	padding: 0;
	line-height: 0px;
	position: relative;
	bottom: 0px;
}

ul.es-pager li {
	display: inline-block;
	margin: 2px;
	padding: 0;
	height: 1rem;
	width: 1rem;
	cursor: pointer;
	border: 2px solid #888;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-khtml-border-radius: 1rem;
}

ul.es-pager li:hover,
ul.es-pager li.act {
	background-color: #888;
}

ul.es-pager li.act {
	cursor: default;
}


.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

/* --- */

.f-dropdown:after,
.f-dropdown:before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #fff transparent transparent;
	border-image: none;
	border-style: solid inset inset;
	border-width: 6px;
	bottom: -12px;
	content: "";
	display: none !important;
	height: 0;
	left: 10px;
	position: absolute;
	right: auto;
	top: auto;
	width: 0;
	z-index: 99;
}

/* --- Onepager --- */

.onepager {
	width: 100%;
	height: 100%;
	text-align: left;
}

.onepager #wrapper {
	text-align: left;
}

.onepager section {
	min-height: 200px;
	padding: 2em 0;
}

.onepager section#menu {
	padding: 0;
}

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

.onepager .off-canvas-wrap {
	background: #eee;
	overflow: hidden;
	position: relatve;
	width: 100%;
	color: #333;
}

.onepager .side-nav {
	padding: 0.3em 0.3em;
}

.onepager #left_navbar ul li.level-2 a,
.onepager #left_navbar ul li.level-3 a,
.onepager #left_navbar ul li.level-4 a,
.onepager #left_navbar ul ul a.alevel,
.side-nav li a:not(.button) {
	color: #333;
}

.onepager #navigation {
	height: 2.9rem;
}

.onepager .section {
	padding : 40px 0;
}

.onepager .section-collapse {
	padding : 0;
}

.onepager #onepagerHead {
	background: #000;
	color: #fff;
	min-height: 200px;
	text-align: center;
	line-height: 3em;
}

.onepager #navigation,
.onepager #top-bar,
.onepager .top-bar-section ul li,
.onepager .top-bar-section li:not(.has-form) a:not(.button) {
	background: #fff;
	color: #111;
}

.onepager .top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #eaead5;
}

.onepager .top-bar .name {
	line-height: 2.8rem;
	padding-left: 0.5rem;
	color: #E6D94C;
	font-weight: bold;
	font-size: 1.5rem;
}

.onepager .top-bar .name a {
	color: #E6D94C;
}

.onepager .top-bar-section ul li > a {
	font-size: 1rem;
	font-weight: bold;
	color: #efefef;
}

.onepager .top-bar .toggle-topbar.menu-icon a {
	color: #333;
}

.onepager .top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 2px #333, 0 6px 0 2px #333, 0 12px 0 2px #333;
	content: "";
	display: block;
	height: 0;
	margin-top: -7px;
	position: absolute;
	right: 0.9375rem;
	top: 50%;
	width: 24px;
}

.onepager .top-bar.expanded .title-area {
	background: #eee;
}

.onepager h1 {
	font-weight: bold;
	font-size: 2rem;
}

.onepager h2 {
	font-weight: bold;
	font-size: 1.3rem;
}

/* Piwik */

.privacyPolicy {
	width: 100%;
	border: none;
}

.privacyPolicy body {
	font-style: italic;
}

/* ElevateZoom-Plugin */
/*set a border on the images to prevent shifting*/
/* bruss */
#ez-gallery img {
	border: 2px solid transparent;
}

/*Change the colour*/
#ez-gallery > .active img {
	border: 2px solid #fff !important;
}

#fbplus-content {
	border: none !important;
}

#fbplus-title {
	border: none !important;
	margin: 0px !important;
	text-align: center;
}
/* /bruss */

/* --- Product page --- */

.prodTable .table-content .prodHeader-table {
	border: none;
	padding: 0;
	margin: 0;
}

.table-content .prodHeader-table tr th,
.table-content .prodHeader-table tr td {
	 padding: 0;
	 padding-right: 4px;
	 text-align: left;
}

/* Tabs */

.tabs li {
	margin: 0 !important;
}

.tabs li a {
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-khtml-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;

	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	
	border-right: solid 1px rgba(0, 0, 0, 0.5);
}

.tabs li a,
.tabs dd > a,
.tabs .tab-title > a {
	background-color: #efefef;
	color: #000;
	font-family: inherit;
	font-size: 1rem;
	padding: 0.8rem 2rem;
	font-weight: bold;	
	opacity: 0.4;
}

.tabs li a:hover,
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
	background-color: #ddd;
	color: #111;
	opacity: 1;
}

.tabs li.active a,
.tabs li.active a:hover {
	margin-bottom: 0;
	background-color: #fff;
	opacity: 1;
}

.tabs-content {
	background: #fff;
	z-index: 10;
}

.tabs-content * {
	color: #111 !important;
}

/* Logos */

ul.logobox {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.logobox li {
	float: left;
	margin: 0 !important;
	margin: 0 1rem 1rem 0 !important;
	background: transparent;
	overflow: hidden;
}

ul.logobox li div {
	position: relative;
	overflow: hidden;
	
	border: solid 3px #999;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	border-radius: 3px;
}

ul.logobox li a {
	transition: all 0.5s ease;
}

ul.logobox li a img {
	opacity: 0.8;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);
}

ul.logobox li a:hover img {
	opacity: 1;
	transition: all 0.5s ease;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1.2);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1.2);   
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1.2);
	transition: all 200ms ease-in;
	transform: scale(1.2);
}

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

.visitedArticles {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 100%;
	margin: 2em 0 1em 0;
	font-style: italic;
}

.visitedArticles:after {
	content: "";
	display: block;
	clear: both;
}

.visitedArticlesHeader {
	padding: 10px 15px 0 15px;
	color: #858b8d;
	font-weight: bold;
	font-size: 110%;
}

.visitedArticle {
	width: 16%;
	float: left;
	opacity: 0.6;
}

.visitedArticle a {
	display: block;
	width: 100%;
	padding: 1em 1em;
}

.visitedArticle:hover,
.visitedArticle a:hover {
	color: #858b8d;
	opacity: 1;
}

.visitedArticle img {
	max-width: 80px;
}

.visitedArticle:after {
	content: "";
	display: block;
	clear: both;
}

@media only screen and (max-width: 40em) {
	
	.visitedArticles {
		width: 100%;
		margin: 0;
	}
	
	.visitedArticle {
		float: none;
		width: 100%;
	}
	
	.visitedArticle img {
	}
}

/* --- wishlist --- */

.mywishes {
	width: 100%;
}

.mywish {
	margin: 1em 0;
	padding: 1em 0;
}

.mywish:after {
	content: "";
	display: block;
	clear: both;
}

.mywishPanel {
	float: left;
	width: 50px;
}

.mywishContent {
	margin-left: 50px;
}

.remove_from_wishlist,
.add_to_wishlist {
	cursor: pointer;
}

.remove_from_wishlist:hover,
.add_to_wishlist:hover {
}

.wishlistIcon {
	font-size: 124% !important;
	float: right;
	margin-right: 10%;
}

.add-to {
	color: #999;
}

.remove-from {
	color: #ddcf22;
}

.add-to:hover {
	color: #111;
}

.add-to:before {	
	font-family: 'fa' !important;
	content: "\f006";
}

.remove-from:before {
  font-family: 'fa' !important;
	content: "\f005";
}

.wishlistButton {
	font-size: 100% !important;
	margin-right: 6px;
}

.wishlistButton.add-to {
	color: #fff;
}

.wishlistButton.remove-from {
	color: #ddcf22;
}

.plusBasketIcon {
	margin-right: 0 !important;
	margin-top: 0 !important;
	padding-left: 40px !important;
	vertical-align: middle !important;
	color: #fff;
}

.input-btn {
	display: inline-block;
	position: relative;
}

.input-btn input[type="submit"] {
	padding-left: 2em;
}

.input-btn .glyphi {
	display: inline-block;
	position: absolute;
	left: 0.65em;
	top: 15%;
}

.glyphi:before {
	font-family: 'fa' !important;
	content: "\f07a";
	color: #fff;
}

.table-content-amount .hide-for-large-up {
	background: transparent !important;
	width: auto !important;
	float: left;
	line-height: 2em;
}

video.videoResponsive {
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
	object-fit: scale-down;
}

/* ------- */

.logoContainer {
	width: 100%;
	margin: 0;
	padding: 0;
}

.logoBox {
	float: left;
	width: 160px;
	height: auto;
	margin: 9px 4px 9px 0;
}

.logoImage {
	float: left;
	height: 130px;
	width: 160px;
	vertical-align: middle;
	border: solid 1px #ddd;
	line-height: 128px;
	padding: 0 5px;
	text-align: center;
	margin: 9px 9px;
}

.logoImage img {
	max-height: 120px;
}


/* ------- */


.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 40em) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    border-radius: 3px; }
  .reveal-modal.round {
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem; }


/* ------------------------------------------------- */
/* Lightbox */

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12000;
  background-color: rgba(90, 90, 90, 0.8);
  display: none;
	overflow: hidden;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 13000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {	
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 100%;
	margin: 0 auto;
	max-width: 98%;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url('/images/prev.png') left 48% no-repeat;
}

.lb-next:hover {
  background: url('/images/next.png') right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
	background: #fff;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}