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

@import "fonts.css";

body {
} 

form * {
	
}

/* --- foundation --- */

.row {
}

button,
.button {
}

button:hover,
.button:hover {
}

button.tiny, .button.tiny {
}

/* --- */

p, td, input, ol, ul {
}

td img {
	vertical-align: middle;
}

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

a {
}
a:hover {
}

h2 {
}

h3 {
}

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;
}

blockquote, blockquote p {
	color: #fff;
}

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

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

#wrapper {
}

#main_container {
}

#language_container {
}

#intro_container {
}

#intro_container div{
}

#language_container div#userpanel {
}

#language_container div#flags {
}

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

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

.langs-sub li span:hover {
}

#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;	
	box-shadow: 0px 0px 5px #000;
	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;
}

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

#basketLink {
	margin-right: 1em;
}

/* --- header --- */

#header_container_wrap {
}

#header_container {
}

#header_content {
}

html>body #header_container { /* nicht IE < 7 */
}

#header_content a {
}

/* --- Navigation --- */

#topmenu_container {
}

#topmenu_container_wrap {
}

/* !! foundation !! */

.top-bar {
}

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

.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 {
}

.top-bar-section ul li > a {
}

.top-bar-section .dropdown li a {
  font-size: 100%;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
}

.top-bar-section li.active:not(.has-form):hover a:not(.button) {
}

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

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
}

.top-bar-section ul {
}

.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 {
}

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

/* !!--!! */

/* --- */

#content_container {
}

#content_wrap {
}

#content_container ul,
#content_container ol {
}

#content_container td.td-default ul {
	
}

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

#left_container {
	
	position: relative;
}

html>body #left_container {
}

image::before {
	background: rgba(0, 0, 0, 0) url("/layouts/experimental2/xibisone/img/overlay.png") repeat scroll 0 0;
	border-radius: 8px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Navigation, linke Spalte */

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

#search {
	padding: 0 10px;
}

#search .button-grey {
	padding: 4px 6px;
	width: auto;
}

#left_navbar {
	margin-bottom: 20px;
}

/* --- */

#left_navbar {
	margin-bottom: 20px;
}

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

#left_navbar ul li {
	margin-bottom: 1px;
	background: #fff;
	padding-left: 1em;
	line-height: 1.6em;
}

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

#left_navbar ul ul {
	background: #fff;
}

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

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

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

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

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

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

#left_navbar ul li a,
#left_navbar ul li.level a {
	display: block;
	padding: 4px 0;
	text-decoration: none;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #333;
	
	-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;
}

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

#left_navbar ul li.level-2 a,
#left_navbar ul li.level-3 a,
#left_navbar ul li.level-4 a {
	color: #333;
}

#left_navbar ul li a.alevel {
	background: transparent;
	color: red;
}

#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 li:hover,
#left_navbar ul li a:hover {
	background: #81BCED;
	color: #fc721f;
	color: #fff;
}

#left_navbar ul li a:before {
	font-family: 'icomoon';
	content: "\e059";
	font-size: 10px;
	float: left;
	margin-top: 0;
	margin-right: 8px;
	color: #000;
}

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

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

#middle_container {
}

html>body #middle_container {
	/* Hack: Gilt nicht fuer IE<7 */
}

.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;
}

#history {
}

#history a {
}

#history a:hover {
}

.text_main {
}

.text_main div {
	overflow: hidden;
}

.scroll_main {
}

h1,
h2,
h3,
h4 {
}

p {
	margin-bottom: 0.6em;
}

form {
	margin-bottom: 1em;
}

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

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

.news-headline {
	font-weight: bold;
	border-bottom: solid 1px #ddd;
	margin-bottom: 1em;
	font-size: 100%;
	letter-spacing: 0.1em;
}

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

.news-date {
	float: right;
	font-weight: normal;
	font-size: 80%;
	color: #999;
}

.news-content {
	width: 100%;
	overflow: hidden;
}

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

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

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

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

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

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

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


/* --------------------------------------- */
/* ---- 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 ---- */

.left-inline {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.4em;
	font-size: 10px;
	font-style: italic;
}

.right-inline {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	font-style: italic;
}

.standard {
	font-size: 10px;
	font-style: italic;
}

/* --------------------------------------- */
/* ---- 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 {
	float: left;
	width: 49%;
	overflow: hidden;
}

.box2_2 {
	float: right;
	width: 49%;
	overflow: hidden;
}


.box3_left {
	float: left;
	width: 66%;
	overflow: hidden;
}

.box3_right {
	float: right;
	width: 66.7%;
	overflow: hidden;
}

.box2_left {
	float: left;
	overflow: hidden;
}
.box2_right {
	overflow: hidden;
	float: right;
}

.box3_1 {
	float: left;
	width: 32.8%;
	overflow: hidden;
}

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

.box3_2 {
	float: left;
	width: 32.8%;
	margin-left: 0.5%;
	overflow: hidden;
}

.box3_3 {
	float: right;
	width: 32.8%;
	overflow: hidden;
}

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

	#right_container {
		float: none !important;
		margin: 0;
		margin-left: 2em;
	}
}

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

	#right_container {
		float: none !important;
		margin: 0;
		margin-left: 1em;
	}
	
	.box [class*="column"] + [class*="column"]:last-child,
	.box2_1, .box2_2,
	.box3_1, .box3_2, .box3_3 {
		float: none;
		margin-bottom: 1em;
		width: 100% !important;
	}
}

/* --- */

.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;
}

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

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

#mainlink_container {
}

.main-links {
}

.main-links a {
}

.main-links a:hover {
}

a.main-1 {
}

a.main-2 {
}

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


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

#footer {
}

.footnav {
}

#footernavigation {
	max-width: 100%;
}

#footernavigation .footnav-switch,
#footernavigation .footnav-noswitch {
}

#footernavigation .footrow {
	padding: 1.5em 0;
}

#footernavigation .footnav {
}

#footernavigation .footnav a {
}

#footernavigation .footnav strong,
#footernavigation .footnav h4 {
}

#footernavigation .footnav ul {
}

#footernavigation .footnav ul li {
}

#footernavigation .footnav ul li.seperator {
}

#footernavigation .footnav ul li a {
}

#footernavigation .footnav a:hover,
#footernavigation .footnav ul li a:hover {  
}

.icon-right {
}


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

.position {
}

.position a {
}


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

.headline,
.headline-bold {
}

dl {
}

dt {
	position: relative;
}

dt .headline-bold {
}

dd {
}

.headline-bold {
}

.subline {
}

.faq span.headline-bold {
}

li a.faq span.headline-bold {
}

.faq2 {
}

.faq {
}

.half-headline {
}

.half-subline {
}

/* --------------------------------------- */
/* ---- Artikel Übersicht ---- */

.item-headline {
}

.item-frame {
}

/* --------------------------------------- */
/* ---- Artikel Übersicht ---- */

.item-headline {
}

.item-frame {
}

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

.table-border {
}

.table-header {
}

.table-header a {
}

.table-header table {
	background-color: transparent;
}

.table-content {
}

.table-content-right {
}

.table-row-even {
}

.table-row-odd {
}


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

.mail-table-border {
}

.mail-table-header {
}


.mail-table-row-even {
}

.mail-table-row-odd {
}

/* --------------------------------------- */
/* ---- 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 ---- */

.overview-border {
}

.overview-header {
}

.overview-header a {
}

.overview-content {
}

.overview-content div {
}

.overview-link {
}

.overview-abstract {
	
}

.metas { }

.panel {
}

/* --------------------------------------- */
/* ---- 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: #880000;
}

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

.hide {
  display: none;
}

.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;
	height: 290px;
}

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;
	font-size: 120%;
}

.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-top: 1em;
	overflow: auto !important;
	
	padding: 5px;
	
	width: 100%;
	height: 110px;
}

.addedProducts {
	margin-bottom: 1em;
}

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

.item-headline {
	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 {
	height: 33px;
}

.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;
}

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

.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;
}

/* --- News --- */

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

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

/* --- FAQ --- */

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

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

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

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

dt {

}

dd{ 
	font-weight: normal;
}

/* Trennlinie */
hr {
	display: block;
	height: 1px;
	width: 100%;
	border: 0;
	color: #fff;
	background-color: #fff;
	margin: 1em 0;
	padding: 0;
}

/* --- */

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

#left_container {
	overflow: hidden;
	padding-top: 40px;
}

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

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

.overview-2 {
	overflow: hidden;
}

.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 {
	float: right;
	margin-top: 7px;
	margin-right: -26px;
}

#userpanel:after {
	clear: both;
}

#userpanel .userpanel {
	display: block;
}

#userpanel .ico {	
	background: #cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc');	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc')";	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#cccccc)) no-repeat;
	background: -moz-linear-gradient(top, #f3f3f3, #cccccc) no-repeat;
	
    border: 1px solid #dcdcdc;    
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;

    color: #000;
    padding: 6px 6px;    
    box-shadow: 0 1px 0 0 #fff;
    font-size: 16px;
    
    margin-left: 0;
}

#userpanel .ico:hover {
	background: #a0a0a0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000')";	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#000000)) no-repeat;
	background: -moz-linear-gradient(top, #999999, #000000) no-repeat;
	
	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.2rem; 
}

.accHead {
}

.accHead a {
}

.accHead a:hover,
.accHead:hover a {
}

.accHead:hover {
}

.accShow,
.accShow:hover,
.accShow a {
}
	
.accIcon {
}

.accShow .accIcon {
	color: #fff;
}

.accContent {
}

.accContent p {
}

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;
}

/* Table */

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;
}

/* --- 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%;
}

table.cart-table td,
table.cart-table th {
	padding: 6px 10px;
}

table.cart-table td.highlight {
	background-color: none;
}

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

table.cart-table td.sbm,
table.cart-table tr.sbm {
}

.dynamicBasketRow {
	border: none;
}

/* --- Allgemein --- */

table.class1 {
	margin-bottom: 20px;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	font-size: 98%;
	float: left;
}

table.class1 td {
	padding: 0;
}

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

table.class1 th,
table.cart-table th,
table.cart-table th.right {
	color: #000;
	font-weight: normal;
	padding: 2px 3px;
	border: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
	
	background: #dddddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	
	text-shadow: 1px 1px 1px #fff;
}

table.class1 th a.Icon {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

table.class1 td a.Icon:hover {
	text-decoration: none;
}

table.class1 td {
	vertical-align: top;
	padding: 6px 6px;
	font-size: 96%;
	line-height: 1.4em;
}

table.class1 tr:hover {
	background-color: #ffffb7;
}

table.class1 thead td {
	background: #226588;
	border: none;
}

table.class1 tfoot td {
	background: #bbbbbb;
}

table.class1 tbody tr:hover {
}

table.class1 .asc {
	margin-right: 12px;
	cursor: pointer;
}

/* --- Form --- */

.fform {
	margin: 0;
	width: 99%;
	padding: 10px;
	overflow: hidden;
}

.90pc {
	width: 90%;
}

.fform .head {
	font-size: 120%;
	padding: 3px 6px;
	width: 100%;
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
}

.fform table {
	width: 100%;
}

.fform table td {
	margin: 4px 5px;
	padding: 2px 3px;
}

.fform input,
.fform select,
.fform textarea,
.fform .form-fields {
	border: solid 1px #ddd;
	padding: 4px 5px;
	margin-bottom: 4px;
}

.fform label {
	width: 150px;
	float: left;
}

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

.fform .fselect {
	border: solid 1px #ddd;

	padding: 2px 2px;
	vertical-align: left;
	max-width: 200px;
}

.fform .farea {
	height: 100px;
	width: 300px;
}

.fform .farea-2 {
	border: solid 1px #ddd;

	padding: 4px 6px;
	vertical-align: left;
	min-width: 400px;
	max-width: 400px;
}

.fform h4 {
	margin-top: 1em;
}

.fform fieldset {
	padding: 1em 1em;
	margin-bottom: 1em;
	border: solid 1px #eee;
}

.fform legend {
	font-weight: bold;
	font-size: 110%;
	padding: 0 10px;
	margin-left: 0;
	margin-bottom: 4px;
}

.fform legend a {
	font-weight: normal;
	font-size: 90%;
}

.fform legend.header {
	font-weight: normal;
	font-size: 120%;
	font-weight: bold;
}

.fform input[type="checkbox"],
.fform input[type="radio"] {
	border: none;
    float: left;
    margin: 2px 6px;
    max-width: 20px;
    min-width: 10px;
    vertical-align: middle;
    width: auto !important;
}

.fform .fsubmit,
.feedback-submit,
.fform .submit {
	padding: 6px 12px;
	width: auto !important;
	min-width: 0px;
	margin-top: 2em;
	float: none;
	display: inline;
	margin-right: 4px;
	color: #fff;
	border: none;
	
	background: #0080C0;
	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;
}

.fform .fsubmit:hover,
.fform .submit:hover  {
	background: #81bced;
}

.fform .submit {
	margin-top: 0.5em;
}

.fform .searchButton {
	padding: 3px 12px;
	margin-top: 0;
	margin-left: 10px;
	font-weight: normal;
	height: auto;
}

.fform #searchquery {
	height: auto;
	border: solid 1px #ddd;

	padding: 4px 6px;
	vertical-align: left;
	max-width: 200px;
}

.fform input.mandatory,
.fform select.mandatory,
.fform textarea.mandatory {
	border: dashed 1px red;
}

.fform .div-submit {
	margin-bottom: 1em;
}

.fform small {
	font-size: 80%;
}

.fform .fieldset_form {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	padding-top: 2px;
}

.fform .payment_method {
	margin-right: 1.5em;
	padding-right: 10px;
	float: left
}

.fform input:focus,
.fform button:focus,
.fform select:focus,
.fform textarea:focus {
	border: solid 1px #000;
}

/* --- 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%;
	margin: 0;
	padding: 0;
	height: auto;
	box-shadow: none;
	font-size: 100%;
}

.label {
	background: transparent;
	color: #333;
	font-size: 100%;
	text-align: left;
}

/* --- */

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;
}

.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;
}

.fform div:first-child {
	margin-bottom: 6px;
}

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;
}

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

.lucenesearch .calenderselect {
	width: 40px;
}

.lucenesearch #searchquery {
	clear: left;
	margin:0;
	vertical-align: top;
	width: 350px;
	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;
}

/* ------ */

/* --- 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;
}

/* --- 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 .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;
}

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

/* ------------------------------------------------- */
/* 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(/scripts/lightbox/img/prev.png) left 48% no-repeat;
}

.lb-next:hover {
	background: url(/scripts/lightbox/img/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 {	
	position: fixed!important;
    position: absolute;
    height: auto;
    width: 450px;
    margin: -200px 0px 0px -200px;
    top: 50%;
    left: 50%;
    background-color: #f5f5f5;
    border: solid 8px #fff;
    z-index: 1002;
    overflow: hidden;
	padding: 20px;
	
	box-shadow: 0px 0px 10px #333;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	
	display: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: #7597aa;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
    
    display: none;
}

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

/* --- buttons --- */

.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;
	padding: 12px 12px;
	
	background: #6c8093;
	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-grey-left a:hover,
.butt-dark-right a:hover,
.button-grey:hover {
	color: #fff;
	text-decoration: none;
	background: #800000;
	background: #81BCED;
}

input.button-grey {
	padding: 6px 12px;
	width: auto !important;
	min-width: 0px;
	float: none;
	display: inline;
	margin-right: 0;
	color: #fff;
	border: none;
	
	background: #6c8093;
	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;
}

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

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

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

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

.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-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.8);
	color: #fff;
	padding: 10px 16px;
}

.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;
}