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

body {
	background-color: #fff;
	color: #303030;
	font-family: Arial, Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	overflow-x: hidden;
	margin: 0;
}

p, td, input, ol, ul {
	line-height: 1.8em;
	text-align: left;
}

td img {
  vertical-align: middle;
}

input, select, option, textarea {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
}

a {
	color: #e2007a;
	text-decoration: none;
}

a:hover {
	color: #666;
}

h2 {
}

h3 {
	color: #444;
	font-weight: bold;
}

ul {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

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

#script-warning {
	top: 40px;
}

.close div {
	display: none;
}

.just-print {
	visibility: hidden;
	display: none;
}

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

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

#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

.mainWrapper {
	width: 100%;
	background: #fff;
	text-align: center;
	height: 100px;
	z-index: 10001;
	padding-top: 10px;
}

.mainWrapper:after {
	display: block;
	content: "";
	clear: all;
	height: 0;
}

.mainWrapper-div {
	width: 1400px;
	margin: 0 auto;
}

.mainWrapper-img {
	float: left;
	width: 240px;
	z-index: 2000;
}

#main_container {
	margin: 4px auto 10px auto;
	width: 1200px;
	position: relative;
}

#nav_background {
}

#header_background {
}

#nav_kids {
}

#nav_teaser {
}

#language_container {
	width: 996px;
	height: 119px;
	margin: 0 auto;
	
	background: #000;
	
	z-index: 2;
	display: none;
	height: 0;
}

#header_container {
	width: 100%;
	background: #aec342;
	background: rgb(0,165,155);
	background: #fff;
	text-align: left;	
	position: relative;	
	z-index: 2;
	margin-bottom: 0;
	overflow: hidden;
}

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

#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;	
	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_content {
 	width: 100%;
	height: 65px;
	background: #0F3081;
	text-align: left;
	margin-top: 0;
}

html>body #header_container { /* nicht IE < 7 */
	height: auto;
	min-height: 65px;
	text-align: left;
}

#header_content a {
	color: #fff;
}

.imageCollage {
	width: 2000px;
	background: #777;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 3em;
	white-space: nowrap;
	height: 132px;
}

/* Navigation */

#topmenu_container {
	width: auto;
	height: 74px;
	position: relative;
	text-align: left;
	z-index: 10000;
	background: #fff;
	
	padding-top: 5px;
	margin-bottom: 2em;
	margin-left: 270px;
}

#topmenu_container:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}

#navbar {
	margin-top: 5px;
	height: 74px;
	position: relative;
	bottom: 2px;
	text-align: left;
	min-width: 1280px;
	background: #e2007a;
	background: #fff;
	
	z-index: 2;
	
	/*overflow: hidden;*/
}

#navbar:after,
#navbar ul:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.icon-home {
	font-size: 16px;
}

.nav-bar {
	padding: 0;
	margin: 0;
	display: inline-block;
	list-style: none;
	background: #fff;
}

.nav-bar,
.to-bourse {
}

.nav-bar li {
	float: left;
	line-height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav-bar li:last-child {
}

.nav-bar li a {
	display: block;
	padding: 0px 10px;
	color: #111;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	
	font-family: Arial, sans-serif;
	font-size: 14px;
	
	-webkit-transition: color .06s, background .1s;
	-moz-transition: color .06s, background .1s;
	-o-transition: color .06s, background .1s;
	-ms-transition: color .06s, background .1s;
	transition: color .06s, background .1s;
}

.nav-bar li:hover,
.nav-bar li.active,
.nav-bar li.active:hover {
	position: relative;
	background: transparent;
	color: #e2007a;
}

.nav-bar li a:hover,
.nav-bar li.active a:hover {
	color: #e2007a;
}

.nav-bar li.active {
	background: transparent;
}

.nav-bar li.active a {
	color: #e2007a;
}

.nav-bar li.showHide,
.nav-bar li.showHide2 {
	display: none;
	visibility: hidden;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* dropdown */
ul.dropdown li ul {
	position: absolute;
	width: auto;
	min-width: 200px;
	max-width: 300px;
	margin: 0;
	left: 0;
	top: 100%;
	z-index: 5000;
	display: none;
	list-style: none;
}

ul.use-hover li:hover ul {
	display: block;
}

ul.dropdown li li,
ul.dropdown li li:last-child {
	float: none;
	background: #7597bd;
	background: rgb(0, 165, 155);
	text-align: left;
	border: none;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	white-space: nowrap;
}

ul.dropdown li li a:hover,
ul.dropdown li.active li a:hover {
	background: #506587;
	background: #e2007a;
}

ul.dropdown li li a,
ul.dropdown li.active li a {
	color: #fff !important;
	font-size: 94%;
	line-height: 36px;
	text-shadow: none;
}

ul.dropdown li li a span.mr {
	float: right;
	vertical-align: top;
	font-size: 120%;
	position: absolute;
	top: -2px;
	right: 6px;
}

ul.dropdown li ul ul,
ul.use-hover li:hover ul ul,
ul.dropdown li ul ul ul,
ul.use-hover li:hover ul ul ul {
	left: 100%;
	top: 0;
	margin-left: 1px;
	display: none;
}

ul.dropdown li li:hover ul,
ul.dropdown li li li:hover ul {
	display: block;
	color: red;
}

.to-bourse {
	width: 1200px;
	margin: 0 auto;
	color: #e2007a;
	margin-bottom: 1em;
	z-index: 1001;
	display: block;
	margin-left: 272px;
	position: absolute;
	top: 50px;
	z-index: 10000;
}

.to-bourse a {
	display: inline-block;
	padding: 6px 10px;
	color: #999;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.2px;
}

.to-bourse a.bourse {
	width: auto;
	padding: 6px 10px;
	margin-top: 0;
	border: none;
}

.to-bourse a:hover {
	color:  #e2007a;
}

.icon-arrow-right-3 {
	font-size: 140%;
	margin-left: 0.5em;
	vertical-align: middle;
}

/* --- */

#content_container {
	width: 100%;
	/*border: solid 1px #999;*/
	margin: 12px auto 0 auto;
	line-height: inherit;
	background: transparent;
	position: relative;	
	overflow: hidden;	
	z-index: 2;
}

#content_container ul,
#content_container ol {
	margin-left: 24px;
	margin-bottom: 0.6em;
	/* display: inline-block; */
	list-style-position: outside;
}

#content_container ul#menu_left {
	margin-left: 0;
	margin-top: 6px;
	z-index: 10000;
	width: 230px;
	
	position: absolute;
	top: 0;
	left: 0;
}

#content_container ul#menu_left li {
	line-height: 2em;
}

#content_container ul#menu_left a {
	font-size: 120%;
	text-decoration: none;
	display: block;
	color: #000;
	
	border: solid 1px #AEC342;
	border: solid 1px rgb(0,165,155);
	margin-bottom: 4px;
	padding: 4px 10px;
}

#content_container ul#menu_left a:hover {
	color: #fff;
	background: #e2007a;
}

#content_container td.td-default ul {
	
}

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

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

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

#content_container .dyn,
#content_container .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: #e2007a;
	color: #888;
	font-weight: bold;
	min-width: 850px;
}

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

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

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

#content_container .dyn.op {}
#content_container .dyn.cl {}

#content_container .dyn.icon-plus-alt,
#content_container .dyn.icon-minus-alt {
	color: #e2007a;
}

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

#content_container  .dyn.icon-plus-alt span {
	font-family: Arial, Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.6em;
	margin-left: 0.5em;
	color: #999;
}

#content_container .closed {
	display: none;
	height: 0;
	transition: 0.1s;
}

#content_container .opened {
	display: block;
	height: auto;
	padding: 0 6px;
	transition: 0.1s;
}

#content_container section.space {
	margin-bottom: 1.6em;
}

.short {
	
}

#content_container .long {
}

#content_container .long .navButton {
	margin-left: -0.9rem;
	font-size: 1.3rem;
	margin-top: 0;
	cursor: pointer;
}

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

#left_container {
	width: 240px;
	float: left;
	overflow: hidden;
}

html>body #left_container {
	width: 240px;
	overflow: hidden;
}

/* Navigation, linke Spalte */

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

#search {
	margin-top: 6px;
	margin-bottom: 0;
	padding: 0 10px;
}

#left_navbar {
	margin-bottom: 20px;
}

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

#left_navbar ul li {
	margin-bottom: 1px;
	background: #fff;
	padding-left: 1em;
	line-height: 2em;
	background: #aec342;
	background: rgb(0,165,155);
	background: #f5f5f5;
}

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

#left_navbar ul ul {
	background: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
}

#left_navbar ul ul li {
	margin-bottom: 1px;
	background: #f5f5f5;
}

#left_navbar ul ul li.li_last {
}

#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;
	font-size: 100%;
	
	-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 a.menu-3-1,
#left_navbar ul li a.menu-3-2,
#left_navbar ul li a.menu-4-1,
#left_navbar ul li a.menu-4-2,
#left_navbar ul li a.menu-5-1,
#left_navbar ul li a.menu-5-2,
#left_navbar ul li a.menu-6-1,
#left_navbar ul li a.menu-6-2,
#left_navbar ul li a.menu-7-1,
#left_navbar ul li a.menu-7-2 {
	color: #000;
	font-size: 100%;
}

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

#left_navbar ul li.level a#level_1,
#left_navbar ul li.level a#level_2 {
	padding-left: 1em;
}

#left_navbar ul li.level a#level_3 {
	padding-left: 1em;
	margin-left: 1em;
}

#left_navbar ul li.level a#level_4 {
	padding-left: 2.8em;
}

#left_navbar ul li.level a#level_5 {
	padding-left: 3.3em;
}

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

#left_navbar ul li.level a#level_7 {
	padding-left: 4.8em;
}


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

#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,
#left_navbar ul li a.menu-2-2,
#left_navbar ul li a.menu-2-2:hover {
	background: #E2007A;
	color: #fc721f;
	color: #fff;
}

#left_navbar ul li a.menu-3-1:hover {
	background: none;
}

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

#left_navbar ul li.spacer {
	display: block;
	height: 10px;
	background: #fff;
}

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

#middle_container,
#middle_container_whole {
	/*margin: 0px 240px 0px 260px;*/
	height: auto;
	min-height: 450px !important;
	height: 450px;
	text-align: left;
	padding: 0 10px 20px 10px;
	
	background-color: #fff;
}

#middle_container_whole {
	/*margin: 0px 0px 0px 260px;*/
	height: auto;
	min-height: 450px !important;
	height: 450px;
	
	padding: 0 0 20px 20px;
}

#middle_container {
	/*margin: 0px 0px 0px 260px;*/
}

.c-all {
	margin: 0px 0px 0px 260px;
}

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

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

.c-whole {
	margin-left: 0px;
}

html>body #middle_container,
html>body #middle_container_whole {
	/* Hack: Gilt nicht fuer IE<7 */
	height: auto;
	min-height: 450px !important;
}

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

#history {
	height: 20px;
	font-size: 82%;
	width: 100%;
	margin: 0px 0px;
	margin-bottom: 2em;
	text-align: left;
	color: #e2007a;
}

#history a {
	text-decoration: none;
	color: #666;
}

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

#history:before {
	content: "Sie befinden sich hier:";
	display: inline-block;
	margin-right: 4px;
	color: #111;
}

.history-sep {
	display: inline-block;
}

.history-sep:before {
	content: "► ";
	font-size: 10px;
	color: #666;
	display: inline-block;
	margin-left: 0.6em;
	margin-right: 0.6em;
}

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

.text_main div {
	overflow: hidden;
}

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

h1,
h2,
h3,
h4 {
	font-size: 120%;	
	font-weight: bold;
	letter-spacing: 0.05em;
	min-height: 1.2em;
	margin-bottom: 1em;
}

h1 {
	font-size: 135%;
	color: #4066ad;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
	margin-bottom: 0.6em;
}

h4 {
	font-size: 108%;
	margin-bottom: 0.6em;
	letter-spacing: auto;
	font-weight: normal;
}

h5 {
	font-size: 104%;
	font-weight: bold;
	margin-bottom: 0.4em;
}

p {
	margin-bottom: 0.6em;
	clear: both;
}

form {
	margin-bottom: 1em;
}

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

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

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

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

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

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

.news-image {
	max-width: 120px;
	float: left;
	margin-right: 1em;
}

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

.news-text ul {
	margin: 1em 0;
}

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

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

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

.news-more-link {
	margin-top: 0.6em;
	width: 100%;
	text-align: right;
	text-decoration: none;
	display: block;
	float: right;
	border-top: dashed 1px #ddd;
}

.ico {
	font-size: 11px;
	margin-left: 4px;
}

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

.news-disclaimer {
	margin: 80px auto 10px auto;
	font-size: 10px;
	color: #a0a0a0;
	width: 99.8%;
	text-align: center;
}

/* --- Messekalender --- */


#content_container ul.eventList {
	margin-left: 16px;
	margin-bottom: 1em;
	padding: 0;
}

#content_container ul.eventList .li-first {
	padding: 0;
	margin-left: -1em;
	list-style-type: none;
}

/* --- Hallenplan --- */

.hp-image {
	float: left;
	min-width: 190px;
	min-height: 112px;
	border: dotted 1px #eee;
	margin-right: 20px;
}

.hp-color {
	margin-bottom: 6px;
}

.hp-cat-color {
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 8px;
}

/* --- webcode --- */

.webcode-exh-box {
	margin-bottom: 1em;
	overflow: hidden;
}

.webcode-exh-box:after {
	clear: both;
}

.webcode-exh-box .indent {
	padding-left: 12px;
	line-height: 1.6em;
}

.webcode-sta-logo {
	width: 200px;
	margin: 0 40px 20px 20px;
	padding: 0;
	height: 150px;
	line-height: 150px;
	border: solid 1px #bebebe;
	overflow: hidden;
	text-align: center;
}

.webcode-sta-logo img {
	max-width: 170px;
	max-height: 130px;
	margin: 0 auto !important;
	float: none;
}

.webcode-sta-profile img {
	margin: 0 0 20px 0;
	border: solid 2px #e2007a;
	width: auto;
	max-width: 600px;
	max-height: 600px;
}

.webcode-sta-virtual {
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #e2007a;
	font-style: italic;
}

.webcode-table td {
	vertical-align: top;
	padding: 2px 4px;
	margin-bottom: 3px;
}

.webcode-table td.nowrap {
	white-space: nowrap;
}

.webcode-table td input,
.webcode-table td textarea {
	width: 210px;
}

#webcodeform input {
	width: 200px;
	color: #333;
	background: transparent url('/layouts/azubitage2/standard/images/search2.png') no-repeat 3px;
	padding-left: 26px;
}

#jobstab {
	position: relative;
	min-height: 160px;
}

#jobstab h2 {
	color: #e2007a;
	color: #333;
	font-size: 110%;
	font-weight: bolder;
	line-height: 1.4em;
	margin-top: 1em;
}

#jobstab h3 {
	padding: 4px 4px;
	font-weight: bold;
	font-size: 104%;
	background: #efefef;
}

.job-table {
	border-collapse: separate;
	border-spacing: 2px;
	position: relative;
	overflow: auto;
}

.job-table a,
.job-table td a {
	text-decoration: underline;
}

.job-table th,
.job-table tr.list td h3 {
	background-color: #b9b9b9;
	color: #fff;
	font-weight: normal;
	text-align: left;
	padding: 3px 5px;
	font-size: 100%;
}

.offer_header {
	margin-bottom: 1em;
}

.offer_detail {
	display: none;
	margin: 1em 1.2em;
	padding: 1em 0;
	border-left: solid 1px #000;
}

.offer_detail td {
	padding: 8px 0;
	line-height: 1.6em;
}

.offer-col-1 {
	width: 58%;
	float: left;
	padding: 0;
}

.offer-col-2 {
	width: 20%;
	float: left;
	padding: 0;
}

.show-for-small-only {
	display: none;
}

.offer_detail .row {
	height: auto;
	padding: 0.6em 0;
}

.webcodeAd {
	text-align: center;
}

/* --- Exhibitor list --- */

#exhlist-banners {
	width: 100%;
	text-align: left;
	height: 150px;
	margin: 3em 0 2em 0;
	vertical-align: middle;
	white-space: nowrap;
}

#exhlist-banners .exhlist-banner {
	float: left;
	height: 140px;
	width: 164px;
	margin: 0 9px;
	vertical-align: middle;
	border: solid 1px #ddd;
	line-height: 140px;
	padding: 0 5px;
	text-align: center;
}

#exhlist-banners .exhlist-banner:hover,
.eventLogoImage:hover,
.eventAdvertImage:hover {
	border: solid 1px #E2007A;
	border: solid 1px #999;
}

#exhlist-banners img {
	max-height: 130px;
	max-width: 150px;
	margin: 0;
	vertical-align: middle;
}

/*
.exhlist-banner img {
	-webkit-filter: grayscale(1) opacity(.7);
	filter: grayscale(1) opacity(.7);
	opacity: 0.7;
}

.exhlist-banner:hover img {
	-webkit-filter: grayscale(0) opacity(1);
  filter: grayscale(0) opacity(1);
	opacity: 1;
}
*/

.eventCardBox {
	text-align: center;
}

.eventCardImage {
	width: auto;
	margin: 0 auto;
	display: block;
	float: none;
	margin-bottom: 2em;
	max-width: 600px;
}

.eventCardImage img {
	border: solid 1px #ccc;
}

.eventCardImage img:hover {
	border: solid 1px #e2007a;
}

#exhlist-pagination {
	width: 99%;
	text-align: left;
	margin: 0 0 1em 0;
}

#exhlist-pagination ul#abisz {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

#exhlist-pagination li.abiszlist {
	background: #848F9C;
	display: inline;
	padding: 6px 10px;
	line-height: 30px;
	margin-right: 20px;
}

#exhlist-pagination li.abiszaktiv,
#exhlist-pagination li.abiszlist:hover,
#exhlist-pagination span.abiszaktiv,
#exhlist-pagination span.abiszlist:hover {
	background-color: #E2007A;
	display: inline;
	padding: 6px 10px;
	margin-right: 20px;
}

#exhlist-pagination li a,
#exhlist-pagination li span {
	color: #fff;
	font-size: 110%;
	padding: 12px 8px;
	text-decoration: none;
	cursor: pointer;
}

.exhlist-letter {
	border-bottom: solid 1px #666;
	padding-bottom: 6px;
	margin-top: 1.3em;
	color: #4066ad;
	font-size: 130%;
	font-weight: bold;
}

.exhlist-item {
	margin-bottom: 1.6em;
	margin-left: 0;
}

.exhlist-location {
	float: left;
	width: 22%;
}

.exhlist-exhibitor {
	width: 78%;
	width: 100% !important;
}

.exhlist-exhibitor img {
	margin-left: 1em;
	max-width: 130px;
}

a.exhname {
	font-size: 118%;
	color: #e2007a;	
}

a.exhname:hover {
	color: #666;
}

.exhListLogo {
	border: 1px solid #ddd;
	padding: 5px 5px;
	text-align: center;
	vertical-align: middle;
	width: 164px;
	height: 140px;
	line-height: 130px;
	transition: border-color 0.2s;
	background-color: #fff;
}

.exhListDescription {
	width: 70%;
	margin-top: 1em;
	font-size: 90%;
	background: #fbfbfb;
	padding: 4px 4px;
}

.exhListLogo img {
	margin: 0;
	max-height: 110px;
	max-width: 110px;
	vertical-align: middle;
}

.exhListLogo:hover {
	border: solid 1px #E2007A;
	border-color: #999;
}

.large {
	width: 50%;
}

.mylist {
	cursor: pointer;
	padding: 3px 7px;
	width: 30px;
	height: 30px;
	background: #00a59b;
	display: inline-block;
	margin-top: 6px;
	border-radius: 3px;
	color: #fff;
	font-family: inherit;
}

.mylist:hover {
	background-color: #e2007a;
}

.rem {
	background: #800000;
}

.icon-plus-alt,
.icon-minus-alt,
.icon-envelope {
	margin-right: 12px !important;
	font-size: 1rem;
	vertical-align: middle;
}

.send-mails,
.ics-link {
	cursor: pointer;
	padding: 7px 12px 8px 12px;
	width: 140px;
	text-align: center;
	background: #0080c0;
	margin-top: 0.5em;
	margin-left: 0;
	border-radius: 3px;
	color: #fff;
	font-family: inherit;
	display: inline-block;
}

.ics-link {
	width: auto;
	padding: 4px 9px;
	text-align: left;
	margin-top: 1.2em;
	font-size: 90%;
	white-space: nowrap;
}

.icon-envelope {
	font-size: 20px;
}

.send-mails:hover,
.ics-link:hover {
	background-color: #e2007a;
}

.exhibitors-head {
	margin-bottom: 1em;
	font-weight: bold;
	color: #999;
}

#exhibitors {
	font-style: italic;
}

/* --- Webmeeting Liste --- */

.wm-date {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	width: 100%;
	padding: 0 !important;
}

.wm-box {
	text-align: left;
	margin-bottom: 1.5em;
	padding: 1em 0 2em 0;
	position: relative
}

.wm-details {
}

.wm-exhibitor {
	font-size: 120%;
	margin-bottom: 1em;
}

.wm-time {
	font-size: 110%;
	font-weight: bold;
}

.wm-link {
}

.wm-link a {
	padding: 4px 12px;
	background: #e2007a;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
}

.wm-inactive {
	padding: 4px 12px;
	background: #eee;
	color: #bbb;
	border-radius: 3px;
	display: inline-block;
}

.wm-inactive-small {
	font-size: 88%;
	font-style: italic;
	color: #bbb;
}

.wm-link a:hover {
	background: #666;
}

.wm-link .icon-new-tab {
	vertical-align: middle;
	margin-right: 10px;
	font-size: 18px;
}

.wm-text {
	margin-top: 2em;
	color: #666;
	line-height: 1.2em;
}

.wm-letter {
	border-bottom: solid 1px #666;
	padding-bottom: 6px;
	margin-top: 1.3em;
	color: #4066ad;
}

.wm-time-box {
	float: left;
	width: 20%;
}

.wm-exhibitor-box {
	width: 60%;
}

.wm-person-box {
	float: right;
	width: 20%;
	line-height: 1.2em;
	color: #666;
	margin-top: 1em;
}

.wm-image {
	width: 100px;
	height: 110px;
	overflow: hidden;
	margin-top: 1em;
	object-fit: cover;
	object-position: top center;
}

.wm-image img {
	width: 100%
}


/* --- presentations --- */

.pres-head {
	border-bottom: solid 1px #ddd;
	padding-bottom: 3px;
	color: #333;
}

.pres-courses {
	margin-bottom: 1em;
	width: 100%;
}

.pres-course {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.pres-time {
	float: left;
	width: 13% !important;
}

.pres-detail {
	width: 80% !important;
}

.talksLink {
	margin-top: -1em;
	margin-bottom: 1em;
	display; block;
}

.talksLink:before {
	content: "➪";
	margin-right: 6px;
	display: inline;
	font-size: 26px;
	vertical-align: middle;
}

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

#right_container {
	width: 166px;
	/* border: solid 1px #999; */
	float: right;
	padding: 10px 10px;
	
	overflow: hidden;
	
	/*
	padding-bottom: 15000px;
	margin-bottom: -15000px;
	*/
}

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

.menu-3-2:before,
.menu-4-2:before,
.menu-5-2:before,
.menu-6-2:before,
.menu-7-2:before,
.menu-8-2:before {
	font-family: fa !important;
	content: "\f292";
	display: inline-block;
	margin-left: -17px;
	margin-right: 7px;
	margin-top: -4px;
	font-size: 0.6rem;
	font-weight: normal;
	color: rgb(245, 247, 0);
	color: #e2007a;
}

.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-top: 10px;
	background-color: #e6e6e6;
}

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


/* --------------------------------------- */
/* ---- 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,
.webcodeWbg {
	font-size: 10px;
	font-style: italic;
	text-align: center;
}

.webcodeWbg {
	margin-top: 20px;
}

.webcodeWbg a {
}

.webcodeWbg img {
	border: solid 1px #e2e2e2;
	vertical-align: top;
	margin: 0 10px 20px 10px;
	max-width: 800px;
}

.box .standard img:before {
	clear: both;
}

.box .standard img {
	text-align: center;
}

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

.head {
}

.present {
	color: #008000;
}

.absent {
	color: #f00000;
}

.search {
	border: solid 1px #ddd;
	width: 152px;
	padding: 3px 3px;
	line-height: 20px;
	background: #fff url('/layouts/azubitage2/standard/images/search2.png') no-repeat 3px;
	padding-left: 26px;
}

.search-text {
	color: #555555;
	font-size: 11px;
	font-family: Arial;
	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: 1em;
	/*width: 99.6%;*/
	width: auto;
}

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

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

.box2_1 {
	overflow: hidden;
	float: left;
	width: 46%;
}

.box2_2 {
	overflow: hidden;
	float: right;
	text-align: left;
	width: 46%;
}

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

.box3_1 {
	float: left;
	width: 32.8%;
	overflow: hidden;
}
.box3_2 {
	float: left;
	width: 32.8%;
	margin-left: 0.8%;
	overflow: hidden;
}
.box3_3 {
	float: right;
	width: 32.8%;
	overflow: hidden;
}

.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: 1.3em;
	margin-top: 1em;
	text-align: center;
}

#mainlink_container {
	background-color: #fff;
	height: 45px;
	line-height: 45px;
	position: relative;
	width: 100%;
	text-align: center;
	border: none;
	z-index: 50;
	border-top: solid 2px #eee;
	border-bottom: solid 1px #fff;
}


.main-links {
}

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

.main-links a:hover {
	color: #005c57;
	text-decoration: none;
}

a.main-1 {
	color: #111;
	font-weight: none;
	text-decoration: none;
	cursor: pointer;
}

a.main-2 {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.main-2:hover,
a.main-1:hover,
#feedbackLink:hover {
	color: #e2007a !important;
}

.mainlink-sep {
	margin: 0 4px;
}

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

#footer {
	width: 100%;
	background: #cc0000;
}

.footnav {
	color: #000;
}

#footernavigation {
	width: 100%;
	padding: 20px 0;
	text-align: left;
	background: transparent;
	color: #000;
}

#footernavigation .footnav-switch {
	background: #a3a3a3;
	padding: 4px 4px;
	font-weight: bold;
	color: #fff;
	margin-top: 6px;
}

#footernavigation .footnav-switch:hover {
	background: #e2007a;
}

#footernavigation .icon-right {
	color: #fff;
	text-align: center;
	line-height: 16px;
  width: 20px;
	font-size: 10px;
	font-weight: bold;
}

#footernavigation .footrow {
	background: #fff;
}

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

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

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

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

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

#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;
	color: #888;	
	font-size: 90%;
}

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

#footnav-switch {
	padding: 4px 10px;
	background: #eee;
	width: 98%;
	margin-top: 4px;
	font-weight: bold;
	cursor: pointer;
}

.icon-right {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #e2007a;
}


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

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

.position a {
	text-decoration: none;
}


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

.headline,
.headline-bold {
	background: #f1f1f1;
	display: block;
	font-size: 110%;
	padding: 3px 6px;
	width: 100%;
}

dl {
	margin-top: 2em;
}

dt {
	position: relative;
}

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

dd {
	padding-left: 4px;
}

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

.subline {
	font-size: 110%;
	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: #000;
	font-size: 14px;
	font-weight: bold;
}

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

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

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

.item-frame {
	border: solid 1px #00206f;
	border-style: outset;
}

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

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

.item-frame {
	border: solid 1px #00206f;
	border-style: outset;
}

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



.table-border {
	background-color: #f9f9f9;
}

.table-header {	
	padding: 4px 2px;
	
	color: #777;
	font-weight: normal;
	padding: 2px 3px;
	border: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
	white-space: nowrap;
	background: #ddd;
	
	text-shadow: 1px 1px 1px #fff;
}

.table-header a {
	color: #555555;
}

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

.table-content {
	padding: 4px 2px;
}

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

.table-row-even {
	background-color: #ffffff;
}

.table-row-odd {
	background-color: #f3f3f3;
}


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

.overview-border {
	background-color: #fff;
}

.overview-header {
	background-color: #f3f3f3;
	background-color: transparent;
	padding: 2px 4px;
	margin-bottom: 4px;
	border-bottom: dotted 1px #666;
}

.overview-content {
	background-color: #ffffff;
	
	padding: 12px 6px 2px 6px;
}

.overview-content div {
	overflow: visible;
}

.overview-link {
	text-decoration: none;
	font-size: 110%;
	color: #000;
	font-weight: bold;
	
	padding: 2px 4px 6px 0px;
}

.metas { }

.overview-header {
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
}

.overview-link {
	display: block;
	padding: 0.5em 0.5em;
}

.box1_1 {
	width: 100%;
}

.box1_1 .overview-header {
	text-align: left;
}

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

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

.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-family: Verdana, Arial, Helvetica, sans-serif;
	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('/images/loader.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 ---- */

ul.right {
	position: absolute;
	top: 38px;
	right: 24px;
	list-style-type: none;
	/* background: #e2007a; */
	color: #111;
	border-radius: 3px;
}

ul.right .icon-cart-4 {
	font-size: 16px;
}

ul.right a {
	color: #111;
	font-family: Arial, sans-serif;
	padding: 6px 16px;
}

ul.right a:hover {
	text-decoration: underline;
	color: #e2007a;
	background: #efefef;
}

ul.right .basketAmount {
	display: inline-block;
	margin-left: 8px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

ul.right .show-for-large-up {
	font-family: Arial, sans-serif;
	font-size: 12px;
}


.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;
	
	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 {
	position: absolute;

	top: 0px;
	right: 0px;

	color: #fff;
	font-size: 11px;
}

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

.news-handler,
.news-handler-2 {
	padding: 6px 1px;
}

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

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

.news-handler-2 .news-title {
	font-size: 16px;
}


/* --- FAQ --- */

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

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

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

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

dt {

}

dd{ 
	font-weight: normal;
}

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

/* --- */

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

#left_container {
	overflow: hidden;
	padding-top: 0;
}

#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;
	    
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

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

#userpanel .ico:hover {
	background: #a0a0a0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#a0a0a0');	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#a0a0a0')";	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#a0a0a0)) no-repeat;
	background: -moz-linear-gradient(top, #f0f0f0, #a0a0a0) no-repeat;
	
	color: #0080ff;
}

/* -- */

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

.icon-earth,
.icon-new-tab,
.icon-image {
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	margin-right: 6px;
}

.icon-earth {
	
}

.icon-new-tab {
	vertical-align: middle;
}

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

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

/* Accordion (accord) */
.acc {
	margin-top: 6px; 
}

.acc .rounded {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-icab-border-radius: 0;
	border-radius: 0;
}

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

.accHead a {
	text-decoration: none;
	color: #e2007a;
	color: #888;
	font-size: 110%;
}

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

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

.accHead .webcodeIcon {
	color: #bbb;
	margin-right: 10px;
}

.accHead:hover .webcodeIcon {
	color: #fff;
}
 
.accShow .webcodeIcon {
	color: #fff;
}

.listicons {
	display: block;
	margin: 6px 0;
	padding: 3px 0 1px 3px;
}

.listicons span {
	font-size: 16px;
	margin-right: 12px;
}

.listicon {
	color: #dadada;
}

.listicon-active {
	color: #888;
}

@media screen and (max-width: 380px) {
	.accHead .webcodeIcon {
		display: none;
	}
}
	
.accIcon {
	float: right;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
	width: 20px;
	text-align: center;
	margin-right: 10px;
}

.accIcon.icon-plus-alt {
	font-size: 16px;
}

.accShow .accIcon {
	color: #fff;
}

.accContent {
	background: #fff;
	padding: 12px 6px;
	line-height: 1.4em;
	overflow: auto;
	margin-top: 0;
	font-weight: normal;
	color: #666;
	margin-left: 0.2em;
}

.accContent div.box {
	overflow: auto;
}

.text_main section div.accContent {
	overflow: auto;
	/*max-height: 300px;*/
}

.accContent .normal-box {
	margin-bottom: 2.6em;
}

.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 {
	min-height: 50px;
}

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

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

.table-content .text-details {
	padding: 10px 10px;
	background: #f9f9f9;
	font-style: italic;
	color: #e2007a;
}

/* --- Allgemein --- */

td.text-right {
	text-align: right;
}

td.highlight {
}

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: #777;
	font-weight: normal;
	padding: 2px 3px;
	border: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
	white-space: nowrap;
	background: #ddd;
	
	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;
}

.cart-icon-remove {
	margin: 0 8px;
	color: #990000;
	font-size: 14px !important;
	display: block;
	margin-top: 6px;
}

.cart-icon-remove:hover {
	color: #ee0000;
}

.button-grey {
	cursor: pointer;
}

.cart-table-navigation,
.input-btn {
	margin-top: 1em;
	display: block;
}

/* --- Form --- */

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

.90pc {
	width: 90%;
}

.fform * {
	font-size: 100%;
}

.fform br {
	clear: left;
}

.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;
	vertical-align: top;
}

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

.fform select {
	margin-right: 20px;
}

label,
.label,
.fform label {
	float: left;
/* mdamm 2019-05-23 
	width: 180px;
*/
}

.customershop_anonymousorder label {
	width: 110px;
}

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

.fform label.labeltext {
	margin: 4px 0px 4px 0px;
}

.fform label.label {
	float: left;
/* mdamm 2019-05-23 
	width: 180px;
*/	
	margin-right: 12px;
	min-width: 30px;
}

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

.fform .row {
	margin-bottom: 0.8em;
}

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

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

.farea,
.fform .farea {
	height: 100px;
	width: 300px;
	/*
	-webkit-box-shadow: 0 1px 5px #ddd;
	-moz-box-shadow: 0 1px 5px #ddd;
	-o-box-shadow: 0 1px 5px #ddd;
	box-shadow: 0 1px 5px #ddd;
	*/
	z-index: 1;
}

.farea-2,
.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 div:first-child {
	/*margin-bottom: 6px;*/
}

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

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

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

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

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

input[type="number"] {
	border: solid 1px #ddd;
	padding: 1px 0 1px 3px;
	margin-bottom: 6px;
	width: 40px;
	text-align: left;
}

.fform .formdivvalue .formdivvalue {
	float: right;
}

.fsubmit,
.fform .fsubmit,
.feedback-submit,
.fform .submit {
	padding: 8px 14px;
	width: auto !important;
	min-width: 0px;
	margin-top: 2em;
	float: none;
	display: inline;
	margin-right: 4px;
	color: #333;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	
	background: #aec342;
	background: rgb(0,165,155);
	
	-webkit-transition: color .1s, background .1s;
	-moz-transition: color .1s, background .1s;
	-o-transition: color .1s, background .1s;
	-ms-transition: color .1s, background .1s;
	transition: color .1s, background .1s;
}

.bugto {
	background: #666;
}

.icon-notification,
.icon-envelop {
	margin-right: 6px;
	font-size: 15px;
	font-weight: lighter;
	padding-top: 4px;
	vertical-align: top;
	line-height: 18px;
}

.accI {
	padding: 0;
	line-height: 15px;
	margin-right: 6px;
	font-size: 15px;
	font-weight: lighter;
}

.fsubmit:hover,
.fform .fsubmit:hover,
.fform .submit:hover  {
	background: #e2007a;
	color: #fff;
}


.fsubmit2 {
	padding: 8px 14px;
	width: auto !important;
	min-width: 0px;
	margin-top: 2em;
	float: none;
	display: inline;
	margin-right: 4px;
	color: #333;
	color: #aaa;
	border: none;
	border-radius: 3px;
	
	background: #ddd;
	
	-webkit-transition: color .1s, background .1s;
	-moz-transition: color .1s, background .1s;
	-o-transition: color .1s, background .1s;
	-ms-transition: color .1s, background .1s;
	transition: color .1s, background .1s;
}


.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;
	
	background: url("/layouts/azubitage2/standard/images/search2.png") no-repeat 3px;
	padding-left: 26px;
	width: 200px;
}

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

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

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


input:focus,
button:focus,
select:focus,
textarea:focus {
	/*-webkit-box-shadow: #0066ff 0 0 5px 0;
	-moz-box-shadow: #0066ff 0 0 5px 0;
	-o-box-shadow: #0066ff 0 0 5px 0;
	box-shadow: #0066ff 0 0 5px 0;*/
	z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	width: auto !important;
	background: none;
}

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

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

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

.ftext {
	min-width: 300px;
	max-width: 380px;
	/*
	-webkit-box-shadow: 0 1px 5px #ddd;
	-moz-box-shadow: 0 1px 5px #ddd;
	-o-box-shadow: 0 1px 5px #ddd;
	box-shadow: 0 1px 5px #ddd;
	*/
	z-index: 1;
}

.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: 2em 0 2em 0;
}

.gallery-img,
.gallery-image,
.gallery-img-responsive {
	border: 1px solid #ddd;
	float: left;
	height: 180px;
	line-height: 144px;
	margin-bottom: 12px;
	margin-right: 0px;
	max-width: 200px;
	text-align: center;
	width: 200px;
	position: relative;
}

.gallery-img img,
.gallery-image img,
.gallery-img-responsive img {
	max-height: 245px;
  max-width: 198px;
}

.gallery-box ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.gallery-box ul li {
	float: left;
	margin: 0 12px 12px 0;
	height: 180px;
	overflow: hidden;
}

.gallery-copyright {
	font-size: 0.55rem;
	line-height: 100%;
	position: absolute;
	bottom: 8px;
	text-align: center;
	width: 100%;
	z-index: 100;
	overflow: hidden;
}

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

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12000;
  background-color: #999;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  display: none;
	overflow: hidden;
}

/* line 15, ../sass/lightbox.sass */
#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;
}

/* line 24, ../sass/lightbox.sass */
#lightbox img {	
	width: auto;
	height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
	border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	max-width: 98%;
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

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

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url('/images/prev.png') left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url('/images/next.png') right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
	background: #fff;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

/* line 117, ../sass/lightbox.sass */
.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;
}

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

#overlay,
#overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #999;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
	text-align: center;
	overflow: hidden;    
  display: none;
	z-index: 11000;
}

#mailto,
.mailtoform {	
	position: absolute !important;
	height: auto;
	width: 450px;
	/*margin: -200px 0px 0px -200px;*/
	top: 0%;
	left: 20%;
	background-color: #f5f5f5;
	border: solid 8px #fff;
	overflow: hidden;
	padding: 1em 1em;
	z-index: 12000;
	
	box-shadow: 0px 0px 0px #333;
	
	display: none;
}

#contactForm,
#bugForm {
	width: 450px;
	height: auto;
	position: fixed;
	top: 30%;
	left: 50%;
	margin-top: -225px; /* negative half the size of height */
	margin-left: -225px; /* negative half the size of width */
	background-color: #f5f5f5;
	border: solid 8px #fff;
	overflow: hidden;
	padding: 1em 1em;
	z-index: 12000;
	
	box-shadow: 0px 0px 0px #333;
	
	display: none;
}

#confirm {
	z-index: 20000;
}

#overlay2 {
	z-index: 10;
}

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

/* --- buttons --- */

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

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

.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: #e2007a;
	background: #000;
}

input.button-grey {
	padding: 4px 12px 5px 12px;
	width: auto !important;
	min-width: 0px;
	float: none;
	display: inline;
	margin-right: 0;
	color: #333;
	color: #fff;
	border: none;
	margin-left: 4px;
	
	background: #6c8093;
	background: #333;
	background: #aec342;
	background: rgb(0,165,155);
	
	-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;
}

/* --- */

#script-warning {
	background: #333 none repeat scroll 0 0;
	box-shadow: 0 1px 3px #666;
	color: #ffffc4;
	height: 46px;
	left: 0;
	padding: 1em 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 900;
}

#cookie-warning {
	background: #666 none repeat scroll 0 0;
	bottom: 44px;
	box-shadow: 0 1px 3px #666;
	color: #ffffc4;
	font-size: 0.8rem;
	display: none;
	left: 0;
	min-height: 36px;
	padding: 1em 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 1000;
}

#cookie-warning a {
  color: #fff;
}

#cookie-acc {
	background: #ccc none repeat scroll 0 0;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	margin-left: 20px;
	padding: 4px 10px;
}

#cookie-acc:hover {
	background: #999 none repeat scroll 0 0;
	color: #fff;
}

/* To top button */
#toTop-right {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 20px;
	outline: none;
	color: #fff;
	z-index: 1000;
	width: 20px;
	height: 20px;
	border: solid 1px #ccc;
	background: url('/layouts/azubitage2/standard/totop-1.png') no-repeat center;
}

#toTop-right:hover {
	background: url('/layouts/azubitage2/standard/totop-2.png') no-repeat center;
}

#toTop-right i {
	display: none;
	height: 0;
}

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

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

.bttn {		
	background: #333333;
	width: 30px;
	height: 30px;
	color: #fff;
	text-shadow: 0 -1px 0 #666;
	padding: 20px 20px;
}

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

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

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

#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-family: "Trebuchet MS1", "Trebuchet MS", Arial, Helvetica, sans-serif;
	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;
}

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

#header_container,
html > body #header_container  {
	height: 160px;
	margin-bottom: 2.5em;
}

#logo {
	height: 160px;
	overflow: hidden;
}

#logo {
	z-index: 10;
}

.head_logo {
	margin: 40px 0 0 0;
}

/* --- map --- */
#map {
	/*
	position: absolute;
	left: 266px;
	width: 300px;
	height: 210px;
	z-index: 0;
	margin-top: -56px;
	background: transparent url('../images/01.png') no-repeat;
	line-height: 1em;
	color: #bbb;
	*/
}

.fair-cloud {
	position: absolute;
	left: 900px;
	width: 300px;
	height: 160px;
	z-index: 0;
	background: transparent url('/layouts/azubitage2/standard/bg-map.png') no-repeat 0 -30px;
	line-height: 1em;
	color: #bbb;
	overflow: hidden;
}

.fair-cloud-content {
	line-height: 1.8em;
  padding: 58px 26px 30px 50px;
  text-align: center;
}

.fair-cloud-content a {
	color: #035972;
	color: #000;
	margin: 0 1px 0 0;
	font-weight: normal;
}

.fair-cloud-content a:hover {
	text-decoration: none;
	color: #E2007A;
}

/* --- locations --- */
#loc-1 {
	position: absolute;
	top: 326px;
	left: 150px;
}

#loc-2 {
	position: absolute;
	top: 264px;
	left: 160px;
}

#loc-3 {
	position: absolute;
	top: 224px;
	left: 180px;
}

#loc-4 {
	position: absolute;
	top: 314px;
	left: 70px;
}
#loc-5 {
	position: absolute;
	top: 116px;
	left: 80px;
}

#loc-6 {
	position: absolute;
	top: 134px;
	left: 190px;
}

#loc-7 {
	position: absolute;
	top: 160px;
	left: 90px;
}

#loc-8 {
	position: absolute;
	top: 180px;
	left: 10px;
}

#loc-9 {
	position: absolute;
	top: 168px;
	left: 200px;
}

#loc-10 {
	position: absolute;
	top: 210px;
	left: 4px;
	width: 150px;
}

#loc-11 {
	position: absolute;
	top: 252px;
	left: 56px;
	width: 120px;
}

#motto {
	height: 16px;
	margin: 10px 0 10px 0;
	font-weight: normal;
	font-size: 110%;
	color: #035972;
	color: #AEC342;
	color: rgb(0,165,155);
	text-align: center;
}

#banner {
	margin-left: 694px;
	font-weight: bold;
	font-size: 460%;
	color: #fff;
	padding-top: 14px;
	letter-spacing: 0.11em;
	text-shadow: 1px 1px 2px #aaa;
	line-height: 60px;
	
	font-family: Arial, sans-serif;
}

#banner .traum {
	font-style: italic;
	font-family: Arial, sans-serif;
	margin-right: 4px;
}

#logo, #banner {
	position: absolute;
}

#searchbox {
	bottom: 40px;
	position: absolute;
	right: 0;
}

#content_staff {
	height: 211px;
	margin: 12px 0 12px 220px;
	position: relative;
}

/* --- Social Top Right --- */

#social {
	background-color: #fff;
	border: 4px solid #cfcfcf;
	float: right;
	height: 203px;
	position: relative;
	width: 191px;
	
	z-index: 3;
}

#social #service_hotline {
	background-color: #e2007a;
	color: #fff;
	font-family: Arial,Helvetica,Verdana;
	font-weight: lighter;
	line-height: 1.3em;
	padding: 8px 10px;
}

#social #service_hotline td {
	color: #fff;
}

#social #service_hotline_key {
	font-size: 120%;
}

#slideshow {
	border: 4px solid #cfcfcf;
	height: 203px;
	position: relative;
	width: 563px;
	overflow: hidden;
}

#right_container {
}

#staff_container {
	z-index: 2;
}

/* --- bottom-content --- */
#advice {
	padding: 4px 4px;
	width: 100%;
	margin-top: 40px;
}

#advice td {
	color: #afafaf;
	vertical-align: top;
}

.home .bourse {
	width: 100%;
	border: solid 1px #ddd;
	margin-top: 40px;
}

.home #bourse-nav {
	margin-top: -15px;
	margin-left: 20px;
}

.home #bourse-nav a {
	display: inline-block;
	padding: 6px 20px;
	background: #aec342;
	background: rgb(0,165,155);
	color: #fff;
	font-size: 110%;
	margin-right: 10px;
}

.home .fform {
	padding: 20px;
}

.home #page .box {
}

.home .text_main {
	margin-top: 0;
}

.home .box2_1,
.home .box2_2 {
	margin-top: 0;
}

.home .box2_1 {
}

.home .box2_2 {
	text-align: left;
}

.home .container {
	z-index: 5;
}

.home #nav_background,
.home #header_background {
	z-index: -1;
}

.home #mainlink_container {
	position: absolute;
	bottom: 0;
	left: 0;
}

.home .home-news {
	width: 100%;
	padding: 0;
}

.home .current-news {
	width: 76%;
	float: left;
	padding: 0;
	border: solid 1px #ddd;
	min-height: 270px;
	margin-bottom: 1em;
}

.home .current-news .news-box {	
	padding: 12px 12px;
}

.news-headline {
	font-size: 110%;
	color: #e2007a;
	color: #666;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
  letter-spacing: 0.06em;
  min-height: 1.2em;
}

.home .n-left {
	float: left;
	width: 45%;
	margin: 0;
	margin-right: 8px;
}

.home .n-right {
	float: right;
	width: 43%;
	margin: 0;
}

.home .wbg-box {
	float: right;
	width: 200px;
	min-height: 270px;
	text-align: right;
	border: solid 1px #ddd;
	position: relative;
}

.home .wbg-box .adnote {
	position: absolute;
	bottom: 1px;
	right: 4px;
	width: 100%;
	z-index: 100;
	color: #666;
	font-style: italic;
	font-size: 90%;
	background: rgba(255,255,255,0.5);
}

.event .wbg-box {
	float: right;
	width: 200px;
	margin-left: 12px;
	min-height: 270px;
	text-align: right;
	border: solid 1px #ddd;
	position: relative;
}

.event .wbg-box .adnote {
	position: absolute;
	bottom: 1px;
	right: 4px;
	width: 100%;
	z-index: 100;
	color: #666;
	font-style: italic;
	font-size: 90%;
	background: rgba(255,255,255,0.5);
}

/* pageSectionLayout.xsl */

.eventLogoBox {
	float: left;
	width: 160px;
	height: 330px;
	margin: 9px 9px;
}

.eventLogoImage {
	float: left;
	height: 130px;
	width: 160px;
	vertical-align: middle;
	border: solid 1px #ddd;
	line-height: 128px;
	padding: 0 5px;
	text-align: center;
}

.eventLogoImage img {
	max-height: 120px;
}

.eventLogoText {
	font-size: 12px;
	line-height: 16px;
	padding-top: 1em;
}

.eventAdvertBox {
	float: left;
	width: 200px;
	height: 240px;
	margin: 11px 11px 11px 12px;
	position: relative;
}

.eventAdvertImage {
	float: left;
	height: 240px;
	width: 100%;
	vertical-align: middle;
	line-height: 232px;
	padding: 0;
	text-align: center;
	border: solid 1px #ddd;
}

.eventAdvertImage img {
	max-height: 238px;
}

.logoContainer {
	width: 100%;
	margin: 0;
	padding: 2px 3px;
}

.logoBox {
	float: left;
	width: 160px;
	height: auto;
	margin: 7px 7.5px 7px 7.5px;
	border: solid 1px #ddd;
}

.logoImage {
	float: left;
	height: 130px;
	width: 100%;
	vertical-align: middle;
	border: 0;
	line-height: 128px;
	padding: 0 5px;
	text-align: center;
}

.logoImage img {
	max-height: 120px;
}


/* --- */

ul#homewbg,
ul#homeWbg {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#homewbg li,
ul#homeWbg li {
	list-style-type: none;
	padding: 0;
	display: none;
}

ul#homewbg li:first-child,
ul#homeWbg li:first-child {
	display: block;
}

ul#homewbg li img,
ul#homeWbg li img {
	max-width: 200px;
	display: block;
}

.home ul#slideshow_images {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.home ul#slideshow_images img {
	max-width: 210px;
}

#mainlink_container a:hover {
	color: #000;
}

#left_navbar ul li:last-child {
	margin-bottom: 0;
}

/* --- cloud --- */
.fair-link:hover,
.fair-cloud-content a.active {
	color: #e2007a;
}

.fair-link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.next-fair {
	color: #e2007a;
}

/* --- vortragsprogramm --- */

.talk-description-box {
	background: #f5f5f5;
	padding: 10px 10px;
	margin-top: 1em;
	font-style: italic;
}

.talk-description-box img {
	max-width: 200px;
	float: left;
	margin: 0 34px 24px 0;
}

.emph {
	color: #e2007a;
}

/* --- angebote & informationen --- */

ul#abisz2 {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
}

ul#abisz2 li.abiszlist2 {
	background: #848f9c;
	display: inline;
  line-height: 30px;
  margin-right: 0;
  padding: 6px 4px 6px 6px;
}

ul#abisz2 li.abiszlist2:hover {
	background-color: #e2007a;
}

ul#abisz2 li.abiszlist2 a {
	color: #fff;
	letter-spacing: 0.1em;
	padding: 4px 5px;
	
	font-size: 110%;
  padding: 12px 6px;
}


table.offers {
	border-collapse: collapse;
	overflow: hidden;
	table-layout: auto;
}

table.offers tr.header {
	background: #e2007a;
	background: #848f9c;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 3px 4px;
	text-align: left;
}

table.offers td {
	line-height: 1.6em;
	text-align: left;
}

table.offers td {
	border-bottom: 1px solid #e2007a;
	border-top: 1px solid #e2007a;
	padding: 2px 20px 2px 4px;
	vertical-align: top;
}

table.offers tr.header td {
	border: none;
}

table.offers td.noborder {
	border: none;
	height: 1em;
}

table.offers td.alpha {
	color: #e2007a;
	font-size: 18px;
	vertical-align: top;
	width: 20px;
}

table.offers td.alph {
	color: #e2007a;
	font-size: 18px;
	vertical-align: top;
	border: none;
	padding: 0;
}

table.offers td.angebote {
  width: 370px;
}

table.offers td.stand {
	width: 50px;
	padding-right: 20px;
}

table.offers td.anbieter {
	width: 400px;
}

table.offers td.bname {
	padding: 4px 10px;
}

table.offers td.stanr {
	padding: 4px 10px;
	text-align: right;
	padding-right: 28px;
	font-weight: bold;
}

.exhibitor_offer .abc-div {
/*
	display: none;
*/
}

.jb-description {
	margin-top: 1.2em;
}

/* --- form 2 --- */

.fform .column {
	width: 100%;
}

/* --- vip logos --- */

#vips {
	margin: 0 auto;
	padding: 4px 0;
	text-align: center;
}

#vips .container {
	padding-bottom: 15px;
	text-align: center;
}

#vips ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	margin-left: 30px;
}

#vips ul.firstline li,
#vips ul.secondline li {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #e2e2e2;
	float: left;
	height: 150px;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	vertical-align: middle;
	width: 164px;
	margin-bottom: 12px;
}

#vips ul.firstline li.spacer {
	margin-right: 45px;
}

#vips ul.secondline li {
	height: 120px;
	margin-bottom: 12px;
	padding: 5px;
	width: 123px;
}

#vips ul li a {
	display: block;
	height: 150px;
	text-indent: -9999em;
	width: 150px;
}

#vips ul.firstline li,
.box-content {
	
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	-webkit-transform: scale(.95);
	transform: scale(.95);
}

#vips ul.firstline li,
.box-content {
	margin-left: 10px;
	margin-right: 10px;
	
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);

	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	
	border-color: #ccc;
	opacity: 0.6;
	
	transition: transform 0.1s;
	
	z-index: 100;
}

#vips ul.firstline li:hover,
.box-content:hover {

	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: none;
	filter: grayscale(0%);
	
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
	
	opacity: 1;
	
	-moz-transform: rotate(0.5deg) scale(1.0);
	-ms-transform: rotate(0.5deg) scale(1.0);
	-o-transform: rotate(0.5deg) scale(1.0);
	-webkit-transform: rotate(0.5deg) scale(1.0);
	transform: rotate(0.5deg) scale(1.0) box-shadow;
	
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.box-content img {
	margin: 0 auto !important;
}

#vips ul.secondline li {
	margin-left: 6.4px;
	margin-right: 6.4px;
}

#left_container .decoration {
	text-align: center;
	width: 100%;
	position: relative;
}

#left_container .decoration a {
	border: 1px solid #e2e2e2;
	padding: 10px 10px;
	display: block;
	height: auto;
	width: auto;
	max-width: 190px;
	margin: 0 auto;
}

#left_container .decoration a:hover {
	border-color: #ccc;	
	opacity: 1;
}

#left_container .standard {
	border: 1px solid #e2e2e2;
	padding: 10px 10px;
	display: block;
	height: auto;
	width: auto;
	max-width: 230px;
	margin: 0 auto;
}

#left_container .standard:hover {
	border-color: #ccc;	
	opacity: 1;
}

.box-content {
	text-align: center;
	float: left;
	margin: 10px 18px 18px 10px;
	min-width: 160px;
	min-height: 160px;
	line-height: 160px;
	border: solid 1px #ccc;
	vertical-align: middle;
}

/* --- fireworks --- */

#fireworks-template {
	display: none;
}

#fireworks-template {
	display: none;
}

.firework {
	background: #666666;
	border: 1px solid #333333;
	font-size: 1px;
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}

.fireworkParticle {
	font-size: 1px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	width: 10px;
}

.fireworkParticle img {
	display: block;
	width: 100px;
}


#fireContainer {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 706;
}

#sound {
	left: -706px;
	position: absolute;
	top: -706px;
}

/* vtip */

p#vtip {
	display: none;
	position: absolute;
	padding: 6px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;

	z-index: 9999
}

p#vtip.searchbox {
	width: 350px;
	padding: 10px;
}

p#vtip #vtipArrow {
	position: absolute;
}

div.invisible {
	display: none;
}

p#vtip * {
	padding: 0;
	margin: 0;
}

/* --- 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 #ccc;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ccc 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 --- */

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

.column.closeAllNews {
	float: none;
}

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

div.sectionGroupHeader {
	width: 100%;
	background: #e2007a;
	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: #e2007a;
}


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

div.mode1 .mode1 {
	border: none;
}

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

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

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

div.mode3 {
	background: #f5f5f5;
}

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

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

div.mode4 {
	background: transparent;
	border: solid 1px transparent;
}

div.mode4 div.sectionGroupHeader {
	background: transparent;
}

div.mode4 div.sectionGroupHeader span {
	background: transparent;
}

div.sectionNavi {
	margin: 0 0 30px 0;
}

div.sectionNavi ul {
	list-style-type: square;
}

div.sectionNavi ul li {
	color: #e2007a;
}

div.sectionNavi a {
	font-weight: normal;
}


/*
.medium-7 {
	width: 58.3333%;
}

.medium-12 {
	width: 100%;
}
*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:12000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
	background: #fff;
	cursor: default;
}

#colorbox{
	outline: 0;
	background: #bbb;
}

    #cboxTopLeft{width:2px; height:2px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) no-repeat 0 0;}
		#cboxTopLeft { background-image: none; }
    #cboxTopCenter{height:2px; background:url(/layouts/azubitage2/scripts/colorbox/images/border.png) repeat-x top left;}
		#cboxTopCenter { background-image: none; }
    #cboxTopRight{width:2px; height:2px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) no-repeat -36px 0;}
		#cboxTopRight { background-image: none; }
    
		#cboxBottomLeft{width:2px; height:43px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) no-repeat 0 -32px;}
		#cboxBottomLeft { background-image: none; }
    #cboxBottomCenter{height:43px; background:url(/layouts/azubitage2/scripts/colorbox/images/border.png) repeat-x bottom left;}
		#cboxBottomCenter { background-image: none; }
    #cboxBottomRight{width:2px; height:43px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) no-repeat -36px -32px;}
		#cboxBottomRight {background-image: none; }
    
		#cboxMiddleLeft{width:2px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) repeat-y -175px 0;}
		#cboxMiddleLeft { background-image: none; }
    #cboxMiddleRight{width:2px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) repeat-y -211px 0;}
		#cboxMiddleRight {background-image: none; }
    #cboxContent{
			overflow:visible;
		}
		
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/layouts/azubitage2/scripts/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/layouts/azubitage2/scripts/colorbox/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:normal; color:#fff;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:normal; color:#fff;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(/layouts/azubitage2/scripts/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-103px -25px;}
        #cboxClose:hover{background-position:-103px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
        
/* --- qtip --- */

.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #e2007a;
	background-color: #fff;
	color: #333;
}

.qtip {
	box-shadow: none;
	direction: ltr;
	display: none;
	font-size: 11px;
	left: -28000px;
	line-height: 14px;
	max-width: 280px;
	min-width: 50px;
	padding: 0;
	position: absolute;
	top: 20px;
}

/* --- suchseite --- */

.lucenesearch table td {
	padding: 6px 6px;
}

/* --- poll / foundation reveal --- */

.poll-link {
	padding: 8px 14px;
	width: auto !important;
	min-width: 0px;
	margin-top: 1em;
	float: none;
	display: inline-block;
	margin-right: 4px;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	
	background: #aec342;
	background: rgb(0,165,155);
	
	-webkit-transition: color .1s, background .1s;
	-moz-transition: color .1s, background .1s;
	-o-transition: color .1s, background .1s;
	-ms-transition: color .1s, background .1s;
	transition: color .1s, background .1s;
	
	display: none;
}

.poll-link:hover {
	background: #e2007a;
	color: #fff;
}

.poll-iframe {
	width: 100%;
	border: none;
	min-height: 450px;
}

.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: 10004;
  left: 0;
}

.reveal-modal {
  background-color: #fff;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: none;
	left: 0;
	padding: 1rem;
	position: absolute;
	width: 100%;
  display: none;
  visibility: hidden;
  width: 100%;
  z-index: 10015;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal .close-reveal-modal {
	color: #aaa;
	cursor: pointer;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 0.625rem;
	right: 1.375rem;
}

/* popup mail */

.mailtext {
	background: #f5f5f5;
	padding: 10px 14px;
	line-height: 1.6em;
	margin-bottom: 1em;
}

#content_container .text-mails ul {
	margin: 0;
	padding: 0;
	margin-left: 1em;
	padding-left: 1em;
}

/* Hilfe-Text im content-Bereich */

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

.help-icon {
	font-size: 1.7rem;
	line-height: 2rem;
	cursor: pointer;
	color: #bb0000;
	float: right;
	margin-bottom: 0.3em;
}

.help-phone {
	font-size: 1.7rem;
	line-height: 2rem;
	cursor: pointer;
	color: #bb0000;
	float: right;
	margin-bottom: 0.3em;
	margin-right: 0.5em;
}


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

.help-text,
.helpPhone-text {
	padding: 1em 1em;
	margin: 1em 0 1em 0;
	border: solid 1px #f0f0f0;
	background: #f6f6f6;
	color: #555;
	display: none;
}

/* --- Login --- */

#loginDrop {
	position: absolute;
	bottom: 26px;
	left: 64%;
	background: #e2007a;
	list-style-type: none;
	padding: 6px 12px;
	padding-bottom: 1em;
	width: auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#loginDrop li a {
	color: #fff;
	white-space: nowrap;
	padding: 0.3em 0;
	display: block;
	margin-bottom: 2px;
}

#loginDrop span {
	display: inline-block;
	margin-right: 0.6em;
	width: 1em;
}

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

.link-icons-box {
	margin-top: 2em;
	padding: 1em 0.6em 1em 0.6em;
	display: inline-block;
	border: solid 1px #eee;
	border-radius: 3px;
	background: #f7f7f7;
}

.link-icon {
	font-size: 30px;
	margin-left: 0.4em;
	margin-right: 0.4em;
	vertical-align: top;
}

/* --- Cookies --- */

#notice-wrapper {		
  background-color: rgba(156, 156, 156, 0.7);
  visibility: show;
  z-index: 10001;
  position: fixed;
  top: 0px;
  left: 0px;
  display: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
	
#cookNotice {
  z-index: 10002;
  color: #333;
	width: 80%;
  max-width: 400px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.82rem;
  line-height: 1.4em;
  border: solid 4px rgba(110, 110, 110, 1);
  padding: 1.2em 1.2em 1.2em 1.2em;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -20%);
}
	
#cookClose {
  float: right;
  margin: 0.5em 0;
  font-size: 1rem;
  cursor: pointer;
}
	
#cookClose:hover {
  font-weight: bold;
  font-size: 1.2rem;
}

button,
[type="button"] {
  border: none;
  background-color: rgba(51, 191, 163, 1);
  color: #fff;
  padding: 0.5em 1.2em;
  cursor: pointer;
  line-height: 1.4em;
  margin-right: 0;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  -webkit-transition: color .2s, background .2s, height .2s;
  -moz-transition: color .2s, background .2s, height .2s;
  -o-transition: color .2s, background .2s, height .2s;
  -ms-transition: color .2s, background .2s, height .2s;
  transition: color .2s, background .2s, height .2s;
}

[type="input"] {
  width: auto;
}

/*
[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
*/

#MoreInfos {
  background-color: rgba(175, 192, 216, 0);
  color: #111;
}

button:hover,
[type="button"]:hover,
#MoreInfos:hover {
  background-color: rgba(120, 120, 120, 1);
  color: #fff;
}

#cookform {
  margin-top: 1.5em;
  margin-left: 1em;
  display: none;
}

#cookform .cookfield {
  margin-bottom: 0.5em;
  line-height: 1.8em;
	float: right;
	margin-right: 1.5em;
}

#cookform:after,
#cookform .cookfield:after {
  clear: both;
  display: block;
  content: '';
}

.cooklabel {
  width: 160px;
  float: left;
  font-style: italic;
}

#cookbuttons {
  margin-top: 1.6em;
	width: 100%;
	text-align: center;
}

#cookbuttons div {
	float: left;
	width: 45%;
}

@media only screen and (max-width: 30em) {
	#cookbuttons div {
		float: none;
		width: 100%;
		margin-bottom: 0.7em;
	}
}

#moreInfo {
  cursor: pointer;
  text-decoration: underline;
	line-height: 2em;
	vertical-align: bottom;
	white-space: nowrap;
}

#moreInfo:hover {
  color: #999;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
	margin-bottom: 0;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked + .slider {
  background-color: #2196f3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
} 

/* ---- Webmeeting-Liste  ---- */

div[id^="meetingByAlphabet-"] {
	display: none;
}

.wm-buttons {
	padding: 4px 12px;
	margin: 0 1em;
	background: #efefef;
	color: #bbb;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.5em;
}

.wm-buttons.lk {
	background: #e2007a;
	color: #fff;
}

.wm-buttons.lk:hover {
	background: #666;
}

/* ---- Jobboerse 2024-10-28 ---- */
.offerBox {
	display: grid;
	gap: 0.2em;
	max-width: 100%;
	padding: 6px 6px 3px 6px;
	margin-bottom: 1em !important;
	border: solid 1px #eee;
	background-color: #f8f8f8;
	border-radius: 0.3em 0.3em;
}
.offerBox:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.offerBox h3, .offerBox h4, .offerBox h5 { margin: 0; }
.offerBox h3 { font-size: 110%; }
.offerBox h5 { font-weight: normal; margin-bottom: 0.5em; }

aside { border-color: #eee; max-width: 180px; min-width: 180px; }
aside img { max-width: 110px; max-height: 110px; vertical-align: middle; }
.offerBottom { margin-top: 1.2em; }
.offerCity { float: left; font-size: 0.9em; width: 20%; }
.offerType { float: left; font-size: 0.9em; width: 25%; }
.offerQuali { float: left; font-size: 0.9em; width: 30%; text-align: left; }
main { padding: 10px 10px; }
.offer_list .exhlist-item { margin: 0; }
.offer_list .exhname { font-size: inherit; }

@media (min-width: 30em) { 
	.offerBox { 
		grid-template-columns: 2fr 8fr;
		grid-template-rows: auto 1fr min-content;
	}
	
}

@media screen and (max-width: 320px) {
	
	
}