@charset "utf-8";
/*
*
*	LiTG - Deutsche Lichttechnische Gesellschaft e.V
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/

/* -- Global Reset -- */
* { padding:0; margin:0;-webkit-tap-highlight-color:transparent; }
*:focus { outline:none }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

html[dir="rtl"] {direction: rtl;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;}
html, body  {  height:100%; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} 

p { margin-bottom:12px;-webkit-hyphens: auto;-moz-hyphens: auto;}
button,
input.formText, textarea { font-family:"Open Sans", Arial, Helvetica, sans-serif;-webkit-border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}
button { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none;}
textarea { resize:vertical; overflow:auto}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0; }

::-webkit-input-placeholder {color: #777;-webkit-transition: color .25s  ease}
:-moz-placeholder { color: #777;-moz-transition: color .25s  ease}
::-moz-placeholder { color: #777; -moz-transition: color .25s  ease}
:-ms-input-placeholder { color: #777;-ms-transition: color .25s  ease}

:focus::-webkit-input-placeholder {color: #ccc;}
:focus:-moz-placeholder { color: #ccc;}
:focus::-moz-placeholder { color: #ccc; }
:focus:-ms-input-placeholder { color: #ccc;}

ul {padding-left:23px;}
ol {padding-left:23px;}

img {border: 0;-ms-interpolation-mode: bicubic;}
canvas { -ms-touch-action: double-tap-zoom;}
svg:not(:root) {overflow: hidden;}

a,button, img, input, textarea  {
 -webkit-transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 -o-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 -moz-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
}
.ht{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

a { color:#333}
a:active { background-color:transparent}
a:hover { text-decoration:none}
a[href^="tel"]{color:inherit;text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}

/* -- Versteckte Desktop Elemente-- */
.mobi,
.mobi + .selectboxit-container,
fieldset.bezirkWahl,
a#versionSwitch,
a#hamburgerBtn { display:none}

/* -- Makierung Style -- */
*::-webkit-selection {background-color: #666;color: white;}
*::-moz-selection {background-color: #666; color: white;}
*::selection { background-color: #666; color: white;}

.mdBtn { position:relative}
.ripple { position: absolute;background: rgba(0,0,0,.15);-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transform: scale(0); pointer-events: none;}
.ripple.show {-webkit-animation: ripple .75s ease-out; -moz-animation: ripple .75s ease-out; animation: ripple .75s ease-out;}
@-webkit-keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block;}
/* -- -- */
body  {font-family: 'Open Sans', Arial, Helvetica, sans-serif;background: #ebebeb url(../gfx/body-bg.jpg) no-repeat center top fixed;text-align: center; color: #333;font-size:14px; line-height:20px}

/* -- Weiterlesen Button -- */
a.btnMore {color:#333; text-decoration:none; text-transform:uppercase; font-weight:700; padding-bottom:12px; font-size:12px; position:relative;}
a.btnMore:before {
	content:" ";width:42px; height:6px; position:absolute; left:0; bottom:0; background:#fbe31a;
	-webkit-transition: width 350ms ease-out; -moz-transition: width 350ms ease-out;	-o-transition: width 350ms ease-out; transition: width 350ms ease-out;
}
a.btnMore:hover:before {width:100%} 


a.btnGreybar { 
	padding:15px 30px !important; background-color:#ececec; display:block; position:relative; width:1090px; z-index:2;
	text-decoration:none; text-transform:uppercase; font-weight:700; font-size:12px;
}
a.btnGreybar:before {
	content:" ";width:42px; height:6px; max-width:100px; background:#fbe31a; left:30px; position:absolute; bottom:0;
	-webkit-transition: width 350ms ease-out;-moz-transition: width 350ms ease-out;	-o-transition: width 350ms ease-out;	transition: width 350ms ease-out;
}
a.btnGreybar:hover:before {width: 100%;}

/* -- Formular Button -- */
.formSubmit {
	background-color:transparent; text-align:left;cursor:pointer; position:relative;
	color:#333; text-decoration:none; text-transform:uppercase; font-weight:700;font-size:12px;padding:0 0 12px 0; 
}
.formSubmit:before {
	content:" ";width:42px; height:6px; left:0; bottom:0; background:#6f672c; display:block; position:absolute;
	-webkit-transition: width 350ms ease-out; -moz-transition: width 350ms ease-out;	-o-transition: width 350ms ease-out; transition: width 350ms ease-out;
}
.formSubmit:hover:before {width:200px} 

/* -- Mehr Laden Button -- -*/
.loadMore,
.btnGrey { padding:10px 30px; background-color:#ececec; display:block; z-index:2; position:relative; color:#333; font-weight:700; text-decoration:none; text-transform:uppercase; margin-bottom:30px}

.btnGrey:before,
.loadMore:before {content:" ";width:42px; height:6px; position:absolute; left:30px; bottom:0; background:#fbe31a;
	-webkit-transition: width 350ms ease-out; -moz-transition: width 350ms ease-out;	-o-transition: width 350ms ease-out; transition: width 350ms ease-out;
}
.btnGrey:hover:before,
.loadMore:hover:before {width:50%} 

/* -- Toogle Button -- */
.toggleBtn { 
	padding:30px 30px; font-size:18px; background-color:#ececec; display:block; z-index:2; 
	position:relative; color:#333; font-weight:400; text-decoration:none; text-transform:uppercase;
}
.toggleBtn:before {
	content:" ";width:42px; height:6px; position:absolute; left:30px; bottom:0; background:#fbe31a;
	-webkit-transition: width 350ms ease-out; -moz-transition: width 350ms ease-out;	-o-transition: width 350ms ease-out; transition: width 350ms ease-out;
}
.toggleBtn:hover:before {width:50%} 

/* -- 100% Height Layout -- */
#container { overflow:hidden; }

/* -- Layout -- */
#header,
#teaser,
#breadcrumb,
#inner,
#bezirke,
#subContent,
#footer { width:1150px;	margin: 0 auto; 	text-align: left;}

#outerheader { line-height:normal; z-index:88; position:relative}
#outerteaser { position:relative; z-index:6}
#outercontent { position:relative; z-index:6}
#outerfooter { line-height:normal}

/* -- Header -- */
#header { position:relative; height:191px; z-index:7;}
#header #logo { padding:22px; float:left;}
#header #logo a { display:block; width:298px; height:102px; background:url(../gfx/litg-logo.svg) no-repeat;}
#header #logo a span{ display:none}

/* -- Navigation -- */
.inline ul,
.inline ol { margin:0; padding:0}

.inline > ul > li,
.inline > ol > li{ float:left; margin:0 38px 0 0; padding:0; list-style:none}

.inline > ul > li:last-child,
.inline > ol > li:last-child{ margin:0;}
.inline ul li a{}
.inline ul li a:hover{}

/* -- Hauptnavi -- */
#mainmenu { 
	text-transform:uppercase; padding-top:50px; float:right; padding-right:10px; background:url(../gfx/mainmenu-bg.png) no-repeat left bottom; width:778px; height:108px
}
#mainmenu ul{ list-style:none; font-weight:500; padding-left:95px;}
#mainmenu ul li{ position:relative;}
#mainmenu ul li:nth-child(6){ margin-right: 10px }
#mainmenu ul li i { display:none}
#mainmenu ul li a{ text-decoration:none;color:#777; display:block; }
#mainmenu ul li a:hover{color:#6d662c}

#mainmenu > ul > li > a{ text-decoration:none; display:block; padding:20px 0; height:56px; position:relative; z-index:2}
#mainmenu > ul > li > a:before{ 
	content:" "; width:42px; height:0; position:absolute; left:0; bottom:0; background:#fbe31a;
	-webkit-transition: height 350ms ease-out;-moz-transition: height 350ms ease-out;-o-transition: height 350ms ease-out;transition: height 350ms ease-out;
}
#mainmenu > ul > li:hover > a:before,
#mainmenu > ul > li > a:hover:before{ height:6px}

#mainmenu > ul > li > a.cart-btn { 
    width: 20px; height: 20px; background: url("../gfx/cart-btn.png") no-repeat; background-size: contain;
    padding: 0; margin: 18px 0;
}

#mainmenu > ul > li > a.cart-btn span,
#mainmenu > ul > li > a.cart-btn::before { display: none}

#mainmenu ul ul{ 
	overflow:hidden;position:absolute; top:-999em;opacity:0; padding:25px 30px 15px; left:-30px;background:#ebebeb; background:rgba(235,235,235, .95); z-index:1;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
	-webkit-transition: opacity 350ms ease-out, top 0 ease-out 350ms;-moz-transition: opacity 350ms ease-out, top 0 ease-out 350ms;
	-o-transition: opacity 350ms ease-out, top 0 ease-out 350ms;transition: opacity 350ms ease-out, top 0 ease-out 350ms;
	-webkit-backface-visibility: hidden;
}
#mainmenu ul li:nth-child(6) ul,
#mainmenu ul li:last-child ul{left:-227px}

#mainmenu ul ul:before {
	content:" "; height:4px; width: 100%; left:0; top:0; right:0; position:absolute;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
} 
#mainmenu ul li:hover ul,
#mainmenu ul li.hover ul{ 
	top:auto; opacity:1;-webkit-transition: opacity 350ms ease-out;-moz-transition: opacity 350ms ease-out;-o-transition: opacity 350ms ease-out;transition: opacity 350ms ease-out;
}
#mainmenu ul ul li {
	-webkit-transform: translate3d(0, -150px, 0);
	transform: translate3d(0, -150px, 0);
}
#mainmenu ul li:hover ul li{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
	margin-bottom:7px
}

#mainmenu ul li:hover ul li:nth-child(1) {-webkit-transition-delay: 0.015s;transition-delay: 0.015s;}
#mainmenu ul li:hover ul li:nth-child(2) {-webkit-transition-delay: 0.03s;transition-delay: 0.03s;}
#mainmenu ul li:hover ul li:nth-child(3) {-webkit-transition-delay: 0.045s;transition-delay: 0.045s;}
#mainmenu ul li:hover ul li:nth-child(4) {-webkit-transition-delay: 0.06s;transition-delay: 0.06s;}
#mainmenu ul li:hover ul li:nth-child(5) {-webkit-transition-delay: 0.075s;transition-delay: 0.075s;}
#mainmenu ul li:hover ul li:nth-child(6) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
#mainmenu ul li:hover ul li:nth-child(7) {-webkit-transition-delay: 0.105s;transition-delay: 0.105s;}
#mainmenu ul li:hover ul li:nth-child(8) {-webkit-transition-delay: 0.120s;transition-delay: 0.120s;}
#mainmenu ul li:hover ul li:nth-child(9) {-webkit-transition-delay: 0.155s;transition-delay: 0.155s;}

#mainmenu ul ul li a{ white-space:nowrap}
#mainmenu ul ul li a:hover{}

/* -- Topmenu -- */
#semmenu { float:right;}
#semmenu ul {}
#semmenu ul li{ margin:0 0 3px 3px}
#semmenu ul li a{ text-align:center; color:#fff; background:#c6cace; width:22px; height:22px; display:block; text-decoration:none;font-family: "litg" !important;; line-height:22px}
#semmenu ul li a span{ display:none}
#semmenu ul li a:before{}
#semmenu ul li a:hover{}

#semmenu ul li.twitter a::before {content:"g"}
#semmenu ul li.twitter a:hover{ background:#4099FF}

#semmenu ul li.facebook a::before {content:"a"}
#semmenu ul li.facebook a:hover{ background:#3b5998}

#semmenu ul li.linkedin a::before {content: "\76";}
#semmenu ul li.linkedin a:hover { background: #2867B2}

#semmenu ul li.xing a::before {content: "\63";}
#semmenu ul li.xing a:hover { background: #026466}

#semmenu ul li.instagram a::before {content: "\75";}
#semmenu ul li.instagram a:hover { background: #833AB4}

/* -- Teaser -- */
#teaser {}
#teaser .teaserTxt{ display:none; font-size:36px; line-height:44px; padding:30px; font-weight:200}
#teaser h1{ text-transform:uppercase; font-size:30px; padding:50px 30px; font-weight:300; color:#777}
#teaser .teaserInner{}
#teaser .cols {
	background:#fff; background:rgba(255,255,255, .95); 
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
}
#teaser .cols .lft{padding:30px; width:820px; float:left}
#teaser .cols .rt {width: 300px; float:left; padding:30px 0}
#teaser .block { min-height:240px}
#teaser .block .inner { min-height:inherit}

/* -- Inner Layout -- */
#inner { 
	position:relative; z-index:7;background:#fff; background:rgba(255,255,255, .95);margin-bottom:60px; padding-bottom:1px;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);box-shadow: 0px 1px 4px rgba(0, 0, 0, .1); 
}
#inner > h1{color:#777;font-size:30px; font-weight:200; padding: 25px 30px 20px; line-height:normal}

#bezirke { background:#f4f4f4;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none; margin-bottom:0; position:relative; padding-bottom:30px}

/* -- Sidebar -- */
#bezirke .right,
#sidebar-rt {width: 330px;  padding: 30px 30px 30px 0; float: right;}

/* -- Inhalt -- */
#bezirke .left,
#mainContent { margin: 0 360px 0 0; padding-left:30px; padding-top:30px}
body.front #mainContent { padding-top:0}
body.page-full #mainContent{margin:0; padding-right:30px}
#mainContent > h1 {color:#777;font-size:30px; font-weight:200; padding: 0 0 20px; line-height:normal}
#mainContent > h2 {color:#777;font-size:24px; font-weight:200; padding: 0 0 20px; line-height:normal}
#mainContent p {}

#container .msg{ text-transform:uppercase; padding:30px; margin-bottom:30px}
#container .msg:last-child{ margin-bottom:0}
#container .msg.large{ font-size:18px;}
#container .msg.small{ font-size:12px; font-weight:700; padding:12px 30px; text-transform:none}
#container .msg.grey{ background:#ebebeb;}

#contentEnd { padding:0 30px 30px}

/* -- SocialMedia -- */
a#shareBtn { text-decoration:none; color:#999; font-size:11px; margin-top:15px}
a#shareBtn:before { float:right; margin-left:10px; font-size:15px; position:relative; top:3px;}
a#shareBtn:hover {color:#333;}
.socialBar { position:relative; z-index:4; padding-left:20px; margin-left:auto}

.socialbar a.icon-rss { font-size: 11px; color: #999; text-decoration: none; display: block; padding-top: 1px }
.socialbar a.icon-rss:before {margin-right: 5px}
.socialbar a.icon-rss:hover {color: #333}

.socialbar a.icon-calendar { font-size: 11px; color: #999; text-decoration: none; display: block; padding-top: 1px; margin-right: 15px }
.socialbar a.icon-calendar:before {margin-right: 5px}
.socialbar a.icon-calendar:hover {color: #333}

ul.socialList {
	padding:10px !important; background:#ececec; position:absolute; right:0;filter: alpha(opacity=0);opacity: 0; visibility:hidden; list-style:none;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);
	-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 250ms;
	-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 250ms;
	transition:transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 250ms;
}
ul.socialList li { padding:0 !important; margin:0 !important}
ul.socialList li:before { display:none !important}
ul.socialList li a { text-decoration:none; font-size:15px; display:block; padding:8px; color:#6a6a6a}
ul.socialList li a:hover { color:#333}
ul.socialList li a span { display:none}

ul.socialList.open { 
	filter: alpha(opacity=100);opacity: 1; visibility:visible;
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 0ms;
	-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 0ms;
	transition:transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), visibility 0ms ease 0ms;
}

#mainContent > a#shareBtn { margin-top:15px}
body.page-full #mainContent > a#shareBtn { margin-right:30px}

body.page-full #mainContent h1{margin:0 30px}

/* -- SubContent-- */
#subContent h2 { margin-bottom:30px; font-weight:200; text-transform:uppercase; font-size:30px; color:#777; padding-left:30px; line-height:normal}
#subContent .contentArea {
	margin-bottom:60px; background:#fff; background:rgba(255,255,255, .95);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, .1);-moz-box-shadow: 0px 1px 4px rgba(0,0,0, .1);box-shadow: 0px 1px 4px rgba(0,0,0, .1); 
}
#subContent .contentArea .content{ padding:30px}
/* -- Elemente & Blöcke -- */
#breadcrumb { padding:0 30px 30px; font-size:10px; color:#999; margin-top:0; position:absolute; left:0; bottom:0; right:0;}
#breadcrumb ol { list-style: none}
#breadcrumb li { margin-right:5px}
#breadcrumb li:before { content:" "; display:block; width:4px; height:4px; background:#fbe31a; float:left; margin-right:5px; position:relative; top:5px}

#breadcrumb li.home:before { display:none}
#breadcrumb li.home a span {display:none}
#breadcrumb li a { text-decoration:none;color:#999}
#breadcrumb li a:hover{ text-decoration:underline; color:#333}

/* -- Location Liste -- */
.locations {margin-right:13px}
.locations ul { padding:0 20px 0 30px; list-style:none; font-size:14px; position:relative; z-index:2}
.locations ul li {}
.locations ul li a{ padding:10px 0;display:block; position:relative; border-bottom:1px solid #e7ebf1; text-decoration:none}
.locations ul li a:before{
	content:" "; background:#EBEBEB; position:absolute; left:-30px; top:-1px; bottom:-1px; z-index:-1; width:0;
	-webkit-transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);	transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.locations ul li a:hover{}
.locations ul li a:hover:before{ width:330px}

/* -- TinyScroller -- */
.scrollOuter {width:100%;margin:0 10px 0 0;position: relative;}
.scrollOuter .viewport {height: 584px;overflow:hidden;position:relative; z-index:1;}
.scrollOuter .overview {list-style:none; position:absolute; left:0;top:0; margin:0;padding: 0;}
.scrollOuter .scrollbar {background:#e7ebf1;position:absolute;right: 14px;top:0; width:5px; z-index:2}
.scrollOuter .track {height:100%;width:5px;position:relative; padding:0;}
.scrollOuter .thumb {background:#fbe31a;height:20px; width:5px; cursor:pointer;overflow:hidden; position:absolute;top:0;left:0;}
.scrollOuter .thumb .end {}
.scrollOuter .disable {display:none;}
.noSelect {user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}

/* -- Spalten Layout -- */
.cols .lft, .cols .mid, .cols .rt { float:left}

.twoCols { display:table; width:100%}
.twoCols > .lft,
.twoCols > .rt { display:table-cell; float:none; vertical-align:top}

.twoCols .lft { width:790px}
.twoCols .rt { width:361px}

.twoHalfCols {}
.twoHalfCols .lft {padding-right:15px; width:365px}
.twoHalfCols .rt {padding-left:15px; width:334px}
.twoHalfCols .box{ display:block}

.threeCols { margin-left:-30px}
.threeCols .block { width:363px; float:left; margin-left:30px}

.threeCols.inlineBlk { margin-left:-27px; margin-right:-4px}
.threeCols.inlineBlk .block {float:none; display:inline-block; margin-left:27px; vertical-align:top}

.fourCols .box { float:left}
.fourCols .box { width:25%; margin-left:0;}

.contactCols { padding:0 30px}
.contactCols > .lft { padding-right:30px}
.contactCols > .rt { width:300px}


/* -- Nodes -- */
.node { margin-bottom:30px}
.node:last-child { margin-bottom:0; padding-bottom:0}
.node h2{ margin-bottom:20px; font-weight:200; color:#777}
.node h2 a{ color:#777; text-decoration:none}
.node h2 a:hover{color:#6d662c}
.node .img { display:block; margin-right:30px; float:left; position:relative}
.node .img:before { 
	content:" ";	position:absolute; right:0; bottom:0;width: 0;height: 0;
	border-style: solid;	border-width: 0 0 25px 136px;
	border-color: transparent transparent #fbe31a transparent;
	filter: alpha(opacity=70);opacity: 0.7;
}
.node .img img{ display:block; border:0}
.node .inner{ overflow:hidden; position:relative; min-height:240px;}
.node .inner p{}
.node .inner a.btnMore { position:absolute; left:0; bottom:0;}

.node .inner .cols {}
.node .inner .cols .lft { width:380px}
.node .inner .cols .rt {}
.node .btnMore { line-height:normal}

/* -- Node News/Single  -- */
.node-single { padding-bottom:30px; }
.node-single h1 { color:#777;font-size:30px; font-weight:200; padding: 0 0 20px 0; line-height:normal}
.node-single .image{ margin-bottom:20px}
.node-single .image img {}

.node-single .inner {min-height:0; padding-bottom:30px}
.node-single .inner h2 { font-size:24px; color:#333; margin:30px 0; clear:both}

.node-single .inner a.link {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 12px;
	font-size: 12px;
	position: relative;
}
.node-single .inner a.link:before {
	content: " ";
	width: 42px;
	height: 6px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fbe31a;
	-webkit-transition: width 350ms ease-out;
	-moz-transition: width 350ms ease-out;
	-o-transition: width 350ms ease-out;
	transition: width 350ms ease-out;
}
.node-single .inner a.link:hover:before { width: 100%;}

.node-single .inner > img { margin:0 30px 30px 0; float:left}
.node-single p a,
.node-single table a  { text-decoration:underline;color:#333}

.node-single p a:hover,
.node-single table a:hover {color:#333; text-decoration: none}

.node-single .inner table.infos a.link { padding-left:0}
.node-single .inner table.infos a.link:before { display:none}

.node-single ul { margin:0; padding:0; list-style:none; margin-bottom: 40px; margin-top: 40px}
.node-single ul.border {border-top:1px solid #e7ebf1;border-bottom:1px solid #e7ebf1; padding:20px 0; margin-bottom:30px}
.node-single ul li { margin-bottom:20px; position:relative; padding-left:45px}
.node-single ul li:last-child { margin-bottom:0}
.node-single ul li:before {content:" "; width:6px; height:6px; display:block; position:absolute; left:20px; top:7px; background:#fbe31a}

.node-single ul.grid { margin-left:-90px}
.node-single ul.grid li:before { display:none}
.node-single ul.grid li { width:303px; border-top:1px solid #e7ebf1; font-weight:500; margin-left:90px; float:left; padding:10px 0; margin-bottom:0}

.node-single ul:last-child { margin-bottom:0} 

/* -- Node Cart-- */
.node-cart h1 { color:#777;font-size:30px; font-weight:200; padding: 0 0 20px 0; line-height:normal}

/* -- Node - Gruppen -- */
.node-gruppen {}
.node-gruppen h2{ text-transform: uppercase; font-size:30px; color:#777; margin-bottom:30px; line-height:30px}
.node-gruppen .inner{}

.node-gruppen ul { margin:0; padding:0; list-style:none}
.node-gruppen ul li {margin-bottom:5px}
.node-gruppen ul li a{ text-decoration:none;}
.node-gruppen ul li a:hover{ color:#333}

/* -- Node - Listen -- */
.node-list { padding-bottom:30px}
.node-list a { text-decoration:none; color:#6c662c}
.node-list a:hover { text-decoration:underline; color:#333}
.node-list .btnMore.filled { background-color:#ebebeb; background-position:30px bottom; padding:10px 30px 10px; display:block; margin-top:30px}
.node-list .btnMore.filled:before { left:30px}

.node-list .header { display:table; width:100%; table-layout:fixed}
.node-list .header > div { display:table-cell; padding:10px 30px;font-size:12px; text-transform:uppercase; font-weight:400; color:#777}
.node-list .header > div .namespan { display:table; width:100%}
.node-list .header > div .namespan div{ display:table-cell; width:50%}

.node-list .header .veranstaltung{ width:450px}
.node-list.node-events .header .veranstaltung{ width:350px}
.node-list .header .ort { width:150px}
.node-list .header .bezirksgruppe {}
.node-list .header .gesamtpreis { width:130px}
.node-list .header .mitgliedschaft { width:320px}
.node-list .header .bestellnummer { width:260px}
.node-list .header .anzahl { text-align:right}

.node-list .entry { 
	display:table; width:100%; border-top:1px solid #e7ebf1; table-layout:fixed;background:rgba(235,235,235,0);
	-webkit-transition: background 350ms ease-out;-moz-transition: background 350ms ease-out;
	-o-transition: background 350ms ease-out;transition:background 350ms ease-out;
}
.node-list .entry > div{display:table-cell; vertical-align:middle; padding:30px; }
.node-list a.entry > span {display:table-cell; vertical-align:middle; padding:15px 30px; }

.node-list .entry .info{ position:relative; width:450px; overflow:hidden}
.node-list.node-events .entry .veranstaltung{ position:relative; width:350px; overflow:hidden}
.node-list .entry .bestellnummer{ position:relative; width:260px; overflow:hidden}
.node-list .entry .mitgliedschaft{ position:relative; width:320px; overflow:hidden}
.node-list .entry .gesamtpreis { width:130px}
.node-list .entry .anzahl { text-align:right}
.node-list .entry .date {  padding-left:4px}

.node-list .entry .offerOuter { display:table; width:100%}
.node-list .entry .offerOuter div{ display:table-cell; width:50%}

.node-list .entry .info small { 
	font-size:12px; color: #6c662c; display:block;
	-webkit-transition: opacity 350ms ease-out, margin-top 350ms ease-out;-moz-transition: opacity 350ms ease-out, margin-top 350ms ease-out;
	-o-transition: opacity 350ms ease-out, margin-top 350ms ease-out;transition: opacity 350ms ease-out, margin-top 350ms ease-out;
}
.node-list.node-events .entry .veranstaltung small { font-size:12px; color: #6c662c; display:block; text-transform:uppercase; opacity:1 !important; margin-top: 0 !important;}
.node-list .entry h3 { 
	font-size:18px; font-weight:200; margin-bottom:10px;
	-webkit-transition: margin-bottom 350ms ease-out;-moz-transition: margin-bottom 350ms ease-out;
	-o-transition: margin-bottom 350ms ease-out;transition: margin-bottom 350ms ease-out;
}
.node-list .entry h3 a{ text-decoration:none; color:#777;}
.node-list .entry h3 a:hover{ text-decoration:none}
.node-list .entry a.btnMore {
	left:30px; bottom:-32px;color:#333;
	-webkit-transition: bottom 350ms ease-out;-moz-transition: bottom 350ms ease-out;
	-o-transition: bottom 350ms ease-out;transition: bottom 350ms ease-out;
}
.node-list .entry a.btnMore:hover {text-decoration:none}

.node-list .header .ort,
.node-list .entry .ort{width:140px}
.node-list .entry address { font-style:normal}
.node-list .entry .specialty { color:#6c662c; font-weight:700}
.node-list .entry .bestellnummer h3,
.node-list .entry .mitgliedschaft h3 { font-size:14px}
.node-list .entry .bestellnummer h3 a,
.node-list .entry .mitgliedschaft h3 a { color:#333}

.node-list table { table-layout:fixed}
.node-list table thead {}
.node-list table tbody {}
.node-list table tbody tr{}
.node-list table tbody tr th{ text-align:left; font-weight:normal; width:60px}
.node-list table tbody tr td{}

.node-list a.entry { text-decoration:none;}
.node-list a.entry .icon { padding:15px 20px 15px 30px; width:24px}
.node-list a.entry strong {font-weight:normal}
.node-list a.entry small {display:block; color:#777}
.node-list a.entry .date {color:#333}
.node-list a.entry .date:before { float:right; color: #ddd; font-size:20px;}

.node-list a.entry:hover { background:#ebebeb}
.node-list a.entry:hover .date:before { color: #fbe31a;-webkit-transition: color .13s  ease;-o-transition: color .13s  ease;-moz-transition: color .13s  ease;transition: color .13s  ease;}
.node-list a.entry:hover .doc{-webkit-transition: fill .13s  ease;-o-transition: fill .13s  ease;-moz-transition: fill .13s  ease;transition: fill .13s  ease;}
.node-list a.entry:hover .doc{ fill:#fff}

.node-list.hoverable .entry:hover { background:#ebebeb}
.node-list.hoverable .entry:hover small{ margin-top:-15px; opacity:0}
.node-list.hoverable .entry:hover .info h3 { margin-bottom:25px}
.node-list.hoverable .entry:hover a.btnMore { bottom:0}

.node-list .entry.blank h3 {font-size:18px; font-weight:200; padding:30px}
.page-full .node-list .header .title,
.page-full .node-list .entry .info { width:610px}

.node-list .meta a{ color:#333}
.node-list .meta a.btnMore:before { max-width:100px}
.node-list .meta a:hover{ text-decoration:none}

/* -- Node Events  -- */
.node-mitglied {border-bottom:1px solid #e7ebf1;}
.node-mitglied:last-child {border-bottom:0}
.node-mitglied .thumb{ float:left; margin-right:30px; position:relative}
.node-mitglied .thumb img{ display:block}
.node-mitglied .thumb:before { 
	content:" ";	position:absolute; right:0; bottom:0;width: 0;height: 0; z-index:3;
	border-style: solid;	border-width: 0 0 25px 136px;
	border-color: transparent transparent #fbe31a transparent;
	filter: alpha(opacity=70);opacity: 0.7;
}
.node-mitglied .inner {overflow:hidden}
.node-mitglied .inner h3 { font-size:14px; font-weight:500}
.node-mitglied .inner a { color:#6c662c; text-decoration:none}
.node-mitglied dl { font-size:12px; border-top:1px solid #e7ebf1; padding-top:20px; padding-bottom:30px}
.node-mitglied dl dt { color:#777; text-transform:uppercase}
.node-mitglied dl dd {}

/* -- Node Aktuelles -- */
#newslist { margin-bottom:50px}
.node-news { overflow:hidden}
.node-news h2{ font-size:24px; line-height:29px}
/*
.node-news .thumb {float:left; position:relative; margin-right:30px}
.node-news .thumb img{ display:block}
*/
.node-news .inner {position:relative; overflow:hidden; padding-bottom:23px}

.node-news.older {border-top:1px solid #e7ebf1; overflow:hidden; padding-top:30px}
.node-news.older h2 { font-size:18px; margin-bottom:5px; line-height:21px}
.node-news.older .inner { min-height:120px;}

/* -- Node Produkt -- */
.node-product { display:table; width:100%; border-top:1px solid #e7ebf1; margin-bottom:0}
.node-product .thumb,
.node-product .inner,
.node-product .right {display:table-cell; vertical-align:top; padding-top:30px}

.node-product .thumb { padding-right:30px; padding-bottom:30px; width:175px}
.node-product .thumb .placeholder { background:#f6f6f6; width:145px; height:205px}
.node-product .inner { padding-right:30px; padding-bottom:30px}
.node-product .inner h2 { margin-bottom:10px; font-size:18px}
.node-product .inner small { display:block; font-size:12px}
.node-product .right { width:145px}
.node-product .right .btn { 
	font-size:12px;border:1px solid #e7ebf1; padding:10px 15px; display:block; 
	text-decoration:none; color:#333; text-align:right; margin-bottom:12px; position:relative
}
.node-product .right .btn small { font-size:12px;display:block; color:#6c662c; text-transform:uppercase}
.node-product .right .btn small,
.node-product .right .btn span { position:relative; z-index:2}

.node-product .right .btn:before {
	content:" "; height:100%; width:100%; background:#fbe31a; position:absolute; z-index:1;left:0; top:0;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-transform: scale3d(1, 0, 1);	-moz-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);
}
.node-product .right .btn:hover:before {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

/* -- Optionsbox -- */
.node-product .optBox { border:1px solid #e7ebf1; position:relative;z-index:5; cursor:pointer; margin-bottom:12px}
.node-product .optBox + .optBox {z-index:4;}
.node-product .optBox + .optBox + .optBox{z-index:3;}
.node-product .optBox + .optBox + .optBox + .optBox{z-index:1;}

.node-product .optBox .optInfo { padding:10px 15px; text-align:right; position:relative; z-index:2}
.node-product .optBox .optInfo small{ display:block; color:#6c662c; text-transform:uppercase}
.node-product .optBox .optInfo strong { font-weight:18px; font-weight:normal}
.node-product .optBox .optForm {
	position:absolute;background:#fbe31a; border-top:0; left:-1px; right:-1px;z-index:2;
	filter: alpha(opacity=0);opacity: 0;visibility:hidden;
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);

}
.node-product .optBox .optForm:before {	content:" "; position:absolute; background:#fff;height:1px; top:0; left:50%; right:50%;}

.node-product .optBox fieldset { padding:20px 15px; margin-bottom:0; position:relative; z-index:2;}
.node-product .optBox fieldset label { float:left; width:55px; font-weight:700; text-align:left; padding:8px 0}
.node-product .optBox fieldset input {
	background:#fff; padding:10px 0; border:0; width:40px; text-align:center;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.node-product .optBox fieldset .selectboxit-container .selectboxit { width:60px}
.node-product .optBox .formSubmit { background:#ebebeb; padding:10px 14px !important; font-size:12px; position:relative; z-index:1;}
.node-product .optBox .formSubmit:before {background:#fbe31a; position:absolute; left:14px; max-width:115px}

/* -- Optionsbox geöffnet -- */
.node-product .optBox.open { border-color:#fbe31a; position:relative; z-index:6;background:#fbe31a;}
.node-product .optBox.open .optInfo small{ color:#333}
.node-product .optBox.open .optForm {
	-webkit-transform:none;	-moz-transform: none;transform: none;
	filter: alpha(opacity=100);opacity: 1;visibility:visible;
}
.node-product .optBox.open .optForm:before { left:15px; right:15px;}

/* -- Blöcke -- */
.block { margin-bottom:30px; position:relative; line-height:normal}
#sidebar-rt .block:last-child { margin-bottom:0}
.block:before { 
	content:" ";	position:absolute; right:0; bottom:0;width: 0;height: 0; z-index:3;
	border-style: solid;	border-width: 0 0 25px 136px;
	border-color: transparent transparent #f3dc19 transparent;
	filter: alpha(opacity=70);opacity: 0.7;
}
#sidebar-rt .block:last-child { margin-bottom:0}
.block h3{ font-size:18px; color:#777; margin-bottom:20px}
.block h3 a{}
.block h3 a:hover{}

.block .inner{ padding:25px 30px 40px; position:relative; z-index:2}
.block .inner h3{ font-size:18px; font-weight:400; text-transform:uppercase}
.block .inner p{}
.block .inner .btnMore { position:absolute; left:30px; bottom:0}

.block .metaImg { position:absolute; right:0; bottom:0; z-index:1}
.block .metaImg img { display:block}

.block-info {}
.block-info ul { margin:0; padding:0; list-style:none}
.block-info ul li { margin-bottom:20px; position:relative; padding-left:30px}
.block-info ul li:last-child { margin-bottom:0}
.block-info ul li:before {content:" "; width:6px; height:6px; display:block; position:absolute; left:0; top:7px; background:#fff}

.block-info.borderList ul li {border-bottom:1px solid #e1cc17; padding:10px 0 10px 25px; margin-bottom:0}
.block-info.borderList ul li:last-child {border-bottom:0}
.block-info.borderList ul li:before {top:16px}

/* -- Weiß -- */
.block.white { 
	background:#fff; background:rgba(255,255,255, .95);-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
}
/* -- .block.white:before { display:none} -- */
.block.white h3 { text-transform:none; font-size:23px; font-weight: 200}
.block.white h3 a{ text-decoration:none; color:#777}
.block.white h3 a:hover {color:#333}
.block.white .img { display:block}
.block.white .img + p { padding-top:20px}

/* -- Gelb -- */
.block.yellow { background:#fbe31a}
.block.yellow h3 { color:#333}
.block.yellow:before { border-color: transparent transparent #6f672c transparent;}
.block.yellow .btnMore:before { background:#6f672c}

/* -- Grau -- */
.block.grey { background:#ebebeb}
.block.grey h3 { color:#777}
.block.grey:before { border-color: transparent transparent #fbe31a transparent;}

/* -- Blau -- */
.block.blue { background:#73dbfe}
.block.blue h3 { color:#fff}
.block.blue:before { border-color: transparent transparent #9bd000 transparent;}

.block.bordeaux:before { border-color: transparent transparent #65150d transparent;}
.block.bordeaux .inner .btnMore:before { background:#65150d}

.block.red:before{ border-color: transparent transparent #ac1117 transparent;}
.block.red .inner .btnMore:before {background:#ac1117}

.block.magenta:before{ border-color: transparent transparent #db0d22 transparent;}
.block.magenta .inner .btnMore:before {background:#db0d22}

.block.pink:before{ border-color: transparent transparent #e5067c transparent;}
.block.pink .inner .btnMore:before {background:#e5067c}

.block.orange:before { border-color: transparent transparent #f6a510 transparent;}
.block.orange .inner .btnMore:before {background:#f6a510}

.block.gold:before{ border-color: transparent transparent #eecc16 transparent;}
.block.gold .inner .btnMore:before {background:#eecc16}

.block.yellowGreen:before{ border-color: transparent transparent #b4c615 transparent;}
.block.yellowGreen .inner .btnMore:before {background:#b4c615}

.block.green:before{ border-color: transparent transparent #72ab2e transparent;}
.block.green .inner .btnMore:before {background:#72ab2e}

.block.cyan:before{ border-color: transparent transparent #30b6bb transparent;}
.block.cyan .inner .btnMore:before {background:#30b6bb}

.block.midnightBlue:before{ border-color: transparent transparent #253179 transparent;}
.block.midnightBlue .inner .btnMore:before {background:#253179}

.block.purple:before{ border-color: transparent transparent #491d5c transparent;}
.block.purple .inner .btnMore:before {background:#491d5c}

/* -- Block - Menü -- */
.block-menu {}
.block-menu .inner{ padding-top:20px; height:inherit}
.block-menu ul { margin:0; padding:0; list-style:none; margin-bottom:30px}
.block-menu ul:last-child {  margin-bottom:0}
.block-menu ul li {border-bottom:1px solid rgba(0,0,0,0.1);}
.block-menu ul li:last-child {border-bottom:0}
.block-menu ul li a{display:block; padding:10px 0; text-decoration:none; color:#6c662c; text-transform:uppercase}
.block-menu ul li.active a{ font-weight:700}
.block-menu ul li a:hover{color:#333}

.block-menu h3 + p { margin-top:-15px}

/* -- Block - Login -- */
.block-login {}
.block-login fieldset { margin-bottom:0}
.block-login fieldset .formItem { margin-bottom:10px}
.block-login fieldset label { display:block !important}
.block-login fieldset label:before {
	font-family: "litg" !important;font-style: normal !important;font-weight: normal !important;	font-variant: normal !important;text-transform: none !important;
	speak: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	color:#ddd;	font-size:20px;	position:absolute; right:10px;top:8px;z-index:2;
}
.block-login fieldset label span{display:none}
.block-login fieldset label[for=username] {}
.block-login fieldset label[for=password] {}

.block-login fieldset label[for="username"]:before,
.block-login fieldset label[for="LoginEmail"]:before { content:"h"}

.block-login fieldset label[for="password"]:before,
.block-login fieldset label[for="LoginPassword"]:before { content:"e"}

.block-login .help { text-align:right}
.block-login .forgotPw { font-size:12px; text-decoration:none}
.block-login fieldset input.formText {
	position:relative; z-index:1;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.block-login .formSubmit {left:30px; bottom:0; position:absolute}

/* -- Block - Downloads -- */
.block-downloads {}
.block-downloads ul { margin:0; padding:0; list-style:none}
.block-downloads ul li { position:relative; padding-left:35px; margin-bottom:9px; border-bottom:1px solid rgba(196,202,206, .5); padding-bottom:10px}
.block-downloads ul li:last-child { margin-bottom:0; border-bottom:0; padding-bottom:0}
.block-downloads ul li:before {content: " "; width:20px; height:24px; display:block; background:url(../gfx/icons/icon-doc.svg) no-repeat; position:absolute; left:0; top:5px}
.block-downloads ul li a { text-decoration:none; color:#6d662c}
.block-downloads ul li a small{display:block; font-size:10px; color:#777}
.block-downloads ul li a:hover { color:#333}
.block-downloads ul li a:hover small{}

/* -- Block Kontakt -- */
.block-contact .img { display:block; padding:1px; background:#e7ebf1}
.block-contact .img img { display:block}
.block-contact .inner {padding:25px 30px 46px; height:inherit}
.block-contact address { font-style:normal; margin-bottom:20px}

/* -- Block - Umfrage -- */
.block-poll {}
.block-poll fieldset { padding-top:20px; border-top:1px solid #e1cc17}
.block-poll fieldset .formItem { margin-top:10px}
.block-poll fieldset input.formRadio {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0}

.block-poll fieldset label i { 
	width:20px; height:20px; background:#fff;float:left; margin-right:10px; display:block; cursor:pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); 
}
.block-poll fieldset label i:before { 
	content:" "; display:block; width:10px; height:10px; position:relative; left:5px; top:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0);
	-webkit-transition: -webkit-border-radius 350ms ease-out, background 250ms ease-out;
	-moz-transition: -moz-border-radius 350ms ease-out, background 250ms ease-out;
	-o-transition: -o-border-radius 350ms ease-out, background 250ms ease-out;
	transition: border-radius 350ms ease-out, background 250ms ease-out;
}
.block-poll fieldset input[type=radio]:checked + label i:before,
.block-poll fieldset input[type=checkbox]:checked + label i:before {-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);}
.block-poll fieldset label span{ display:block; overflow:hidden; padding:1px 0 3px}

.block-poll .result {border-top:1px solid #e1cc17; padding-top:20px}
.block-poll .result small { display:block; font-size:12px}
.block-poll .result .bar { background:#fceb5f; height:20px; margin-bottom:5px}
.block-poll .result .bar span { 
	display:block; background:#333; -webkit-box-shadow:0 3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,.2);box-shadow:0 3px 7px rgba(0,0,0,.2); height:inherit
}
.block-poll em { font-style:normal}

/* -- Block - Gmap -- */
.block-gmap {}
.block-gmap address{ font-style:normal; margin-bottom:20px}
.block-gmap fieldset {}
.block-gmap fieldset .formItem{ position:relative;}
.block-gmap fieldset label { float:right; font-size:20px; position:absolute; z-index:2; right:10px; top:10px; color:#ddd}
.block-gmap fieldset label span{ display:none}
.block-gmap fieldset input {  padding-right:40px !important; position:relative; z-index:1}

/* -- Block Arbeitsgruppe -- */
.block-group {}
.block-group:before { display:none}
.block-group h2 { color:#777; font-size:24px; font-weight:300; margin-bottom:20px}
.block-group h3 {color:#777; font-size:12px !important; text-transform:uppercase !important; margin-bottom:10px}
.block-group .leader {}

.block-group .box { margin-bottom:20px}
.block-group .box .thumb { float:left; margin-right:15px;}
.block-group .box .info { font-size:12px}
.block-group .box .info strong {font-size:14px}
.block-group .box .info a{text-decoration:none; color:#6c662c}
.block-group .content {overflow:hidden; position:relative}
.block-group .content.closed {height:85px}

@supports (-webkit-line-clamp: 3) {
    .block-group .content.closed { display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }
    .line-clamp:after { display: none;}
}
.block-group ul { margin-bottom:20px;padding:0; list-style:none; font-weight:500}
.block-group ul li {position:relative; margin-bottom:15px; padding-left:30px}
.block-group ul li:before {content:" "; width:6px; height:6px; display:block; position:absolute; left:0; top:7px; background:#f3dc19}

.block-group .toggle { display:block; text-align:right; border-bottom:1px solid #e7ebf1; padding:10px 0; color:#6c662c; text-decoration:none; font-size:12px; text-transform:uppercase}
.block-group .btnMore { display:inline-block; margin-left:30px}

/* -- Block Referent -- */
.block-group.referent { position:relative}
.block-group.referent:after {content: " ";width: 42px;height: 6px;position: absolute;left: 30px;bottom: 0;background: #fbe31a;display:block;}
.block-group.referent .box .info{overflow:hidden}
.block-group.referent .inner { padding:25px 30px 10px}
.block-group.referent h2 {text-transform: none;font-size: 23px;font-weight: 200;}
.block-group.referent .btnMore { margin-left:0; position:relative; left:0}
.block-group.referent .btnMore:before { display:none}
.block-group.referent ul li strong { display:block}
.block-group.referent .content.closed {height:0}

/* -- Block Events -- */
.block-calendar {}
.block-calendar h3 { padding:30px; font-size:18px; font-weight:normal; text-transform:uppercase; margin:0; background:#ebebeb}
.block-calendar h3 a { 
	display:inline-block; width: 20px;height: 20px; color:#777; font-size:20px; float:right;
	text-decoration:none; margin-left:10px; margin-right:5px; position:relative; top:2px
}
.block-calendar h3 a:hover { color:#6f672c }
.block-calendar h3 a.disabled,
.block-calendar h3 a.disabled:hover { cursor:default; filter: alpha(opacity=20);opacity: 0.2;}

.block-calendar .dateInfo { padding:10px 30px 0; border-top:1px solid #fff; position:relative; background:#ebebeb}

.block-calendar .date { height:auto; position:relative;/* padding-bottom:30px; padding-top:20px*/}
.block-calendar .calendar + .dateInfo .date { padding-bottom:30px; padding-top:20px}
.block-calendar .date { margin-bottom:0}
.block-calendar .date time{ display:block; color:#6d662c; font-size:12px; text-transform:uppercase}
.block-calendar .date h4 { font-weight:200; font-size:20px; color:#777; line-height:normal}
.block-calendar .date h4 a { text-decoration:none; color:#777}
.block-calendar .date h4 a:hover { color:#6d662c}
.block-calendar .btnMore { display:inline-block; position:absolute; left:0; bottom:0}

#bezirke .block-calendar > h3 { background:none; padding:0; font-size:30px; font-weight:200; margin-bottom:30px; line-height:30px}

/* -- Block - Eventliste -- */
.block-events h3{ padding-bottom:10px}
.block-events .inner h4 { font-size:16px; color:#777; font-weight:200 }
.block-events .inner h4 a{ text-decoration:none; color:#777}
.block-events .inner h4 a:hover { color:#333}
.block-events .date { height:auto; margin-bottom:20px}
.block-events .event small{ display:block; color:#6c662c; text-transform:uppercase; font-size:12px}
.block-events .date:last-child { margin-bottom:0}

/* -- Block Warenkorb -- */
.block-cart {}
.block-cart .inner {padding-bottom:0}
.block-cart:before {display:none}
.block-cart .entry {border-top:1px solid #fdf18d; padding:20px 0}
.block-cart .entry .count { 
	float:left; background:#fff; width:45px; margin-right:18px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.block-cart .entry .count label { padding-top:6px; display:block}

.block-cart .entry .details { overflow:hidden}
.block-cart .entry .details .desc { font-size:12px; line-height:14px; font-weight:500; margin-bottom:4px}
.block-cart .entry .details .price { font-size:16px; font-weight:500; color:#777}

.block-cart .entry .remove {position:relative; width:15px; height:15px; display:block; float:right}
.block-cart .entry .remove span{display:none}

.block-cart .entry .remove:after,
.block-cart .entry .remove:before { 
	width:110%; height:2px; content:" "; display:block; position:absolute; left:0; top:50%; background:#fff;
	-webkit-transition: background 250ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: background 250ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: background 250ms cubic-bezier(0.2, 1, 0.3, 1);
}

.block-cart .entry .remove:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.block-cart .entry .remove:before {-webkit-transform: rotate(137deg);-moz-transform: rotate(137deg);transform: rotate(137deg);}

.block-cart .entry .remove:hover:after,
.block-cart .entry .remove:hover:before { background:#6f672c}

.block-cart .total {text-align:right; padding:20px 0; border-top:3px double #fdf18d; font-size:20px}

.block-cart .btnMore { display:block; background:#ebebeb; padding:12px 30px}
.block-cart .btnMore:before {left:30px; max-width:239px;background:#fbe31a !important}

/* -- Block -- */
.block-address {}
.block-address p:last-child{ margin-bottom:0}
.block-address address { font-style:normal; margin-bottom:20px}
.block-address:before { display:none}

.block-img .img img { display:block}
/* -- Literaturliste -- */
.literaturListe { margin-top:30px}
.literaturListe .entry { border-top:1px solid #e7ebf1; padding:30px 0}
.literaturListe .entry .title { width:410px; float:left}
.literaturListe .entry .title small { padding-right:30px; display:block}
.literaturListe .entry .title h2 { padding-right:30px}
.literaturListe .entry .publisher { padding-bottom:20px}
.literaturListe .entry .info { clear:both; font-style:italic}

/* -- Tables -- */
table {}
table thead {}
table tbody {}
table tbody tr{}
table tbody tr th{}
table tbody tr td{}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left:20px; cursor: pointer;}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 15px;  left: 4px;position: absolute;color: #777; content: '+';}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {display: none;}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {content: '-';}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {display: none;}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {padding-left: 27px;}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px;left: 4px;height: 14px;width: 14px;line-height: 12px;}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control { position: relative;cursor: pointer;}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {top: 50%;left: 50%;display: block;position: absolute;color: #777;text-align: center; line-height: 14px;content: '+';}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {  content: '-';}

table.dataTable > tbody > tr.child { padding: 0.5em 1em;}
table.dataTable > tbody > tr.child:hover {background: transparent !important;}
table.dataTable > tbody > tr.child ul { display: block; list-style-type: none; margin: 0; padding: 0;}
table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding:5px 0; margin-bottom:0}
table.dataTable > tbody > tr.child ul li:before { display:none}
table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0;}
table.dataTable > tbody > tr.child ul li:last-child {border-bottom: none;}
table.dataTable > tbody > tr.child span.dtr-title {
	display: inline-block; 
	min-width: 75px;
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
	font-weight: normal;
	padding-right:10px
}

/* -- Tables -- */
.node-single table { width:100%; border-collapse:collapse; margin-bottom: 30px}
.node-single table thead {}
.node-single table thead tr {}
.node-single table thead tr th { font-size:12px; color:#777; text-transform:uppercase; font-weight:normal; padding:0 5px 5px;}

.node-single table tbody {}
.node-single table tbody tr{}
.node-single table tbody tr td{padding:15px 5px; border-top:1px solid #e7ebf1; vertical-align:top}
.node-single table tbody tr td:first-child { padding-left:0}
.node-single table tbody tr td:last-child { padding-right:0}
.node-single table tbody tr:last-child td { padding-bottom:0}
.node-single table tbody tr td h3 {font-weight:200; color:#777; font-size:18px; margin-bottom:10px}
.node-single table tbody tr td p { font-size:12px; line-height:normal}
.node-single table tbody tr td address { font-style:normal}
.node-single table tbody tr td .type { float:left; margin-right:30px; font-size:18px; font-weight:500; width:78px; text-align:center}
.node-single table tbody tr td .name { overflow:hidden; padding-right:30px}
.node-single table tbody tr td em{ /*font-style:normal; */ margin-bottom:5px; display:block}
.node-single table tbody tr td abbr {border-bottom:0}
.node-single table tbody tr td a {text-decoration:underline; color:#333}
.node-single table tbody tr td a:hover {text-decoration:none;}
.node-single table tbody tr td a[href^=tel] { text-decoration:none; cursor:default}

.node-single table tbody tr td.web a { text-transform:uppercase; font-weight:700; font-size:12px; color:#6c662c}
.node-single table tbody tr td.web a:hover { color:#333}

.node-single table.infos tbody tr:last-child td { padding-bottom:20px}
/* -- Tables -- */
table.collage { width:100%; border-collapse:collapse}
table.collage thead {}
table.collage thead tr {}
table.collage thead tr th { font-size:12px; color:#777; text-transform:uppercase; font-weight:normal; padding-bottom:5px;}
table.collage thead tr th.school { padding-left:30px}
table.collage thead tr th.address { width:243px}
table.collage thead tr th.contact { width:300px}
table.collage thead tr th.web { width:94px}

table.collage tbody {}
table.collage tbody tr{}
table.collage tbody tr td{padding:15px 0; border-top:1px solid #e7ebf1; vertical-align:top}
table.collage tbody tr:last-child td { padding-bottom:0}
table.collage tbody tr td h3 {font-weight:200; color:#777; font-size:18px; margin-bottom:10px}
table.collage tbody tr td p { font-size:12px; line-height:normal}
table.collage tbody tr td address { font-style:normal}
table.collage tbody tr td .type { float:left; margin-right:30px; font-size:18px; font-weight:500; width:78px; text-align:center}
table.collage tbody tr td .name { overflow:hidden; padding-right:30px}
table.collage tbody tr td em{ font-style:normal; margin-bottom:5px; display:block}
table.collage tbody tr td abbr {border-bottom:0}
table.collage tbody tr td a {text-decoration:none; color:#333}
table.collage tbody tr td a[href^=tel] { text-decoration:none; cursor:default}

table.collage tbody tr td.web a { text-transform:uppercase; font-weight:700; font-size:12px; color:#6c662c}
table.collage tbody tr td.web a:hover { color:#333}

/* -- Tables -- */
table.cart { width:100%}
table.cart thead {}
table.cart thead tr {}
table.cart thead tr th { font-size:12px; color:#777; text-transform:uppercase; font-weight:300; padding:10px 30px 10px 0}
table.cart thead tr th {}
table.cart thead tr th.name { width:450px; padding-left:30px;}
table.cart thead tr th.unit { width:100px;text-align:right}
table.cart thead tr th.count { width:75px}
table.cart thead tr th.total {text-align:right}

table.cart.checkout thead tr th.count { padding-left:30px}
table.cart.checkout thead tr th.name { padding-left:0}

table.cart tbody {}
table.cart tbody tr{}
table.cart tbody tr th {border-top:1px solid #e7ebf1;padding:15px 30px; vertical-align:top; text-align:center; font-weight:normal}
table.cart tbody tr td {border-top:1px solid #e7ebf1;padding:15px 30px 15px 0 !important; vertical-align:top}
table.cart tbody tr td .thumb { float:left; margin-right:30px; padding-left:30px}
table.cart tbody tr td .desc { overflow:hidden}
table.cart tbody tr td .desc h3{ font-size:14px; font-weight:normal; margin-bottom:0}
table.cart tbody tr td .desc small { text-transform:uppercase; color:#777}
table.cart tbody tr td .desc small a { color:inherit}

table.cart tbody tr td .count { 
	float:left; background:#fff; width:50px;	margin-bottom:4px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
table.cart tbody tr td .count label { padding-top:10px; display:block}

table.cart tbody tr td .remove { font-size:12px;text-transform:uppercase;font-weight:700; text-decoration:none; color:#6c662c}
table.cart tbody tr td .remove:hover { color:#333}

table.cart tbody tr td.total,
table.cart tbody tr td.unit { text-align:right}

/* -- ContentInfo -- */
table.contentInfo {border-top:1px solid #e7ebf1; width:100%; border-collapse:collapse; margin-top:70px}
table.contentInfo tbody {}
table.contentInfo tbody tr{}
table.contentInfo tbody tr th,
table.contentInfo tbody tr td{border-top:1px solid #e7ebf1; padding:15px 0}

table.contentInfo tbody tr th{ text-transform:uppercase; font-size:12px; color:#777; font-weight:normal; text-align:left; width:135px}
table.contentInfo tbody tr td{ font-size:14px; color:#333}
table.contentInfo tbody tr td a{color:#333; text-decoration:underline}
table.contentInfo tbody tr td a:hover {  text-decoration:none}

/* -- Calendar -- */
table.calendar { width:100%; border-collapse:collapse; background:#ebebeb}
table.calendar thead {}
table.calendar thead tr{}
table.calendar thead tr th {padding: 25px 30px;font-size: 18px;font-weight: normal;text-transform: uppercase;text-align:left;color:#777;}

table.calendar thead tr th a { 
	display:inline-block; width: 20px;height: 20px; color:#777; font-size:20px; float:right;
	text-decoration:none; margin-left:10px; margin-right:5px; position:relative; top:2px
}
table.calendar thead tr th a:hover { color:#6f672c }
table.calendar thead tr th a.disabled,
table.calendar thead tr th a.disabled:hover { cursor:default; filter: alpha(opacity=20);opacity: 0.2;}

table.calendar tbody {}
table.calendar tbody tr{}
table.calendar tbody tr td{border-left:1px solid #fff; border-top:1px solid #fff}
table.calendar tbody tr td:first-child {border-left:0}

table.calendar tbody tr td.other-month {}
table.calendar tbody tr td.other-month { color:#ccc}

table.calendar tbody tr td strong,
table.calendar tbody tr td small { position:relative; z-index:2}

table.calendar tbody tr td strong { display:block; font-size:18px; font-weight:normal; line-height:18px}
table.calendar tbody tr td small { font-size:10px; text-transform:uppercase; font-weight:300; line-height:10px; display:block}
table.calendar tbody tr td span,
table.calendar tbody tr td a { display:block; text-align:center; line-height:none; padding:7px 0; position:relative; overflow:hidden}

table.calendar tbody tr td span {}
table.calendar tbody tr td a {text-decoration:none; color:#333}
table.calendar tbody tr td a:before {
	content: " "; background:#f3dc19; opacity:.6; width:25px; height:5px; position:absolute; display:block; right:0; bottom:0; z-index:1;
	-webkit-transform: skew(0deg, -10deg) translate(0px, 2px);-moz-transform: skew(0deg, -10deg) translate(0px, 2px);transform: skew(0deg, -10deg) translate(0px, 2px);
	-webkit-transition: height 250ms ease-out, width 250ms ease-out, opacity 250ms ease-out, -webkit-transform 250ms ease-out;
	-moz-transition: height 250ms ease-out, width 250ms ease-out, opacity 250ms ease-out, -moz-transform 250ms ease-out;
	transition: height 250ms ease-out, width 250ms ease-out, opacity 250ms ease-out, transform 250ms ease-out;
}
table.calendar tbody tr td a:hover:before {
	width:100%;height:100%;opacity:1;
	-webkit-transform: skew(0deg, 0deg) translate(0,0);-moz-transform: skew(0deg, 0deg) translate(0,0);transform: skew(0deg, 0deg) translate(0,0);
}

/* -- Info Table -- */
table.infos {border-top:1px solid #e7ebf1; margin-top:30px; margin-bottom:30px}
table.infos tbody tr th,
table.infos tbody tr td{border-bottom:1px solid #e7ebf1; padding:20px 0; /*vertical-align:middle */}

table.infos tbody tr th{ width:135px; text-transform:uppercase;color:#777; font-size:12px; font-weight:normal}
table.infos tbody tr td .speaker { margin-bottom:10px}
table.infos tbody tr td .speaker strong {} 
table.infos tbody tr td .speaker small { font-size:11px; display:block;}

table.infos tbody tr td a.linkBtn { 
	text-decoration:none;color:#6c662c; background:url(../gfx/icons/icon-docblue.svg) no-repeat left center; line-height:normal; padding-left:35px; display:block
}
table.infos tbody tr td a.linkBtn small {display:block; font-size:10px; color:#777;  word-break: break-word;}

/* -- Formular Elemente -- */
fieldset { border:0; margin-bottom:20px; }
fieldset .formItem{ position:relative}
fieldset .formItem label{ display:none}
fieldset .formItem input.formRadio + label{ display:block}
fieldset .formItem select,
fieldset .formItem input.formText,
fieldset .formItem textarea { 
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	padding:11px 10px 10px;border:0;width:100%;font-size:14px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	-webkit-appearance: none;
}
fieldset .formItem input.formText{}
fieldset .formItem textarea { display:block}
fieldset .formItem input.formRadio + label[for="privatAddress"]{ font-weight:bold}

fieldset .formCheckbox { position:relative}
fieldset .formCheckbox input.formRadio {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0}
fieldset .formCheckbox label { display:block}
fieldset .formCheckbox label i { 
	width:20px; height:20px; background:#fff;float:left; margin-right:10px; display:block; cursor:pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); 
}
fieldset .formCheckbox label i:before { 
	content:" "; display:block; width:10px; height:10px; position:relative; left:5px; top:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0);
	-webkit-transition: -webkit-border-radius 350ms ease-out, background 250ms ease-out;
	-moz-transition: -moz-border-radius 350ms ease-out, background 250ms ease-out;
	-o-transition: -o-border-radius 350ms ease-out, background 250ms ease-out;
	transition: border-radius 350ms ease-out, background 250ms ease-out;
}
fieldset .formCheckbox input[type=checkbox]:checked + label i:before {-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);}
fieldset .formCheckbox label span{ display:block; overflow:hidden; padding:1px 0 3px}

.formSubmit {border:0}

/* -- Routenplaner Formular-- */
fieldset.routenplaner { margin-top:25px}
fieldset.routenplaner .formItem input.formText { background: #fff url(../gfx/icons/marker.svg) no-repeat 210px center; padding-right:40px }

/* -- Kontaktformular -- */
fieldset.contact {padding:30px 30px 45px; color:#333; background:#fbe31a; position:relative; overflow:hidden; margin-bottom:0}
fieldset.contact h2 { font-size:18px; text-transform:uppercase; font-weight:500; margin-bottom:25px; }
fieldset.contact .formItem { margin-bottom:10px}
fieldset.contact .formItem textarea { height:490px; resize:none; display:block;}
fieldset.contact .formItem input.formPlz { width:99px; margin-right:10px; float:left}
fieldset.contact .formItem input.formOrt { width:240px}

fieldset.contact .g-recaptcha {
	-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);
	-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-o-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;
}

fieldset.contact .formCheckbox { position:relative}
fieldset.contact .formCheckbox input.formRadio {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0}
fieldset.contact .formCheckbox label { display:block}
fieldset.contact .formCheckbox label i { 
	width:20px; height:20px; background:#fff;float:left; margin-right:10px; display:block; cursor:pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); 
}
fieldset.contact .formCheckbox label i:before { 
	content:" "; display:block; width:10px; height:10px; position:relative; left:5px; top:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0);
	-webkit-transition: -webkit-border-radius 350ms ease-out, background 250ms ease-out;
	-moz-transition: -moz-border-radius 350ms ease-out, background 250ms ease-out;
	-o-transition: -o-border-radius 350ms ease-out, background 250ms ease-out;
	transition: border-radius 350ms ease-out, background 250ms ease-out;
}
fieldset.contact .formCheckbox input[type=checkbox]:checked + label i:before {-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);}
fieldset.contact .formCheckbox label span{ display:block; overflow:hidden; padding:1px 0 3px}

fieldset.contact + button.formSubmit { background:#ececec; display:block; padding:10px 30px; width:100%; margin-bottom:30px}
fieldset.contact + button.formSubmit:before { background:#fbe31a; left:30px; max-width:100px}

fieldset.contact + div + button.formSubmit { background:#ececec; display:block; padding:10px 30px; width:100%; margin-bottom:30px}
fieldset.contact + div + button.formSubmit:before { background:#fbe31a; left:30px; max-width:100px}

/* -- FileField -- */
#fileField { position:relative}
#fileField input{filter: alpha(opacity=0);opacity: 0; position:absolute; z-index:2; width:127px; height:24px; cursor:pointer}
#fileField .fileBtn { 
	background:#fef7ba; display:block; z-index:1; position:relative; padding:3px 0; float:left;
	font-size:12px; color:#6c662c; text-transform:uppercase; width:127px; text-align:center;
	margin-right:18px;
}
#fileField .fileName { background:url(../gfx/icon-file-dark.svg) no-repeat left center; height:24px; overflow:hidden; padding:2px 0 2px 30px}

/* -- Formular Mitglied werden -- */
#pricePlace { margin-bottom:60px}
#pricePlace small { font-size:18px; display:block; margin-bottom:14px}
#pricePlace strong {display:block; font-size:30px; font-weight:400}
#pricePlace em {font-style:normal; font-size:10px; font-weight:400}

fieldset.standard {
	margin:0 30px 30px; padding:0 30px 0; color:#333; background:#fbe31a; position:relative; overflow:hidden; max-height:80px;
	-webkit-transition: max-height 750ms ease-out, overflow 0ms ease 850ms;
	-moz-transition: max-height 750ms ease-out, overflow 0ms ease 850ms;
	-o-transition: max-height 750ms ease-out, overflow 0ms ease 850ms;
	transition: max-height 750ms ease-out, overflow 0ms ease 850ms;
}
#mainContent fieldset.standard { margin:0}
#mainContent .selectboxit-text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90% !important}
#mainContent fieldset.standard .threeCols > div { padding-left:30px; margin-left:0; width:50%}
#mainContent fieldset.standard button.formSubmit { width:calc(100% + 60px)}

fieldset.standard.open {
	max-height:2200px; overflow:visible;
	-webkit-transition: max-height 750ms ease-out, overflow 0ms ease 0ms;
	-moz-transition: max-height 750ms ease-out, overflow 0ms ease 0ms;
	-o-transition: max-height 750ms ease-out, overflow 0ms ease 0ms;
	transition: max-height 750ms ease-out, overflow 0ms ease 0ms;
}
fieldset.standard form { display:block; position:relative; padding-bottom:60px;}

fieldset.standard h2 { 
	font-size:18px; text-transform:uppercase; font-weight:200; margin-bottom:0; cursor:pointer; padding:30px 30px; margin-left:-30px; margin-right:-30px;
	position:relative; z-index:2
}
fieldset.standard h2 .icon-arrow { float:right; display:block; width:20px; height:20px; position:relative}
fieldset.standard h2 .icon-arrow:before,
fieldset.standard h2 .icon-arrow:after { content:" ";  display:block; position:absolute; border-color:transparent}

fieldset.standard h2 .icon-arrow:before {
	width:4px; height:20px;background:#fff;left:10px; top:2px;
	-webkit-transition: top 250ms ease-out;	-moz-transition: top 250ms ease-out;
	-o-transition: top 250ms ease-out;transition: top 250ms ease-out;
}
fieldset.standard h2 .icon-arrow:after {
	width:16px; height:16px; border-right:4px solid #fff; border-bottom:4px solid #fff;top:6px; left:4px;border-left:4px solid transparent; border-top:4px solid transparent;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
	-webkit-transition: top 250ms ease-out, border 250ms ease-out;-moz-transition: top 250ms ease-out, border 250ms ease-out;
	-o-transition: top 250ms ease-out, border 250ms ease-out;transition: top 250ms ease-out, border 250ms ease-out;
}
fieldset.standard.open h2 .icon-arrow:before {top:0;}
fieldset.standard.open h2 .icon-arrow:after {border-left:4px solid #fff; border-top:4px solid #fff;border-right:4px solid transparent; border-bottom:4px solid transparent;top:0; left:4px;}

fieldset.standard h3 {font-weight:700; font-size:14px; padding:20px 0 10px}
fieldset.standard .cols > div > h3:first-child { padding-top:0}

fieldset.standard a{ color:#333;}
fieldset.standard a:hover { text-decoration:none}
fieldset.standard .help { text-align:right; padding-top:5px; font-size:12px}

fieldset.standard #hiddenField { display:none}

fieldset.standard .cols { position:relative; z-index:3}
fieldset.standard .cols .placer { height:34px}
fieldset.standard.referent .cols .placer,
fieldset.standard.gutachter .cols .placer  { height:30px}
fieldset.standard .threeCols > div { margin-left:30px; width:350px;}
fieldset.standard .cols > div.rt { width:270px; position:relative; z-index:1}
fieldset.standard .cols > div.rt:before { 
	content: " "; background:#f3dc19; position:absolute; left:-15px; top:-80px; right:-30px; bottom:-15px; z-index:-1;filter: alpha(opacity=0);opacity: 0;
	-webkit-transition: opacity 250ms ease-out;-moz-transition: opacity 250ms ease-out;-o-transition: opacity 250ms ease-out;transition: opacity 250ms ease-out;
}

fieldset.standard.open .cols > div.rt:before {filter: alpha(opacity=100);opacity: 1;}

fieldset.standard .formItem { margin-bottom:10px}
fieldset.standard .formItem input.formPlz { width:100px; margin-right:10px; float:left}
fieldset.standard .formItem input.formOrt { width:240px}

fieldset.standard .formItem .date .selectboxit-container{ float:left; width:110px}
fieldset.standard .formItem .date #birthday_daySelectBoxItContainer { margin-right:10px}
fieldset.standard .formItem .date #birthday_monthSelectBoxItContainer { margin-right:10px}
fieldset.standard .formItem .date #birthday_yearSelectBoxItContainer {}

fieldset.standard .formItem .date select{ width:100px}

fieldset.standard .formCheckbox { position:relative}
fieldset.standard .formCheckbox input.formRadio {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0}
fieldset.standard .formCheckbox label { display:block}
fieldset.standard .formCheckbox label i { 
	width:20px; height:20px; background:#fff;float:left; margin-right:10px; display:block; cursor:pointer;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); 
}
fieldset.standard .formCheckbox label i:before { 
	content:" "; display:block; width:10px; height:10px; position:relative; left:5px; top:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0);
	-webkit-transition: -webkit-border-radius 350ms ease-out, background 250ms ease-out;
	-moz-transition: -moz-border-radius 350ms ease-out, background 250ms ease-out;
	-o-transition: -o-border-radius 350ms ease-out, background 250ms ease-out;
	transition: border-radius 350ms ease-out, background 250ms ease-out;
}
fieldset.standard .formCheckbox input[type=radio]:checked + label i:before,
fieldset.standard .formCheckbox input[type=checkbox]:checked + label i:before {-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);}
fieldset.standard .formCheckbox label span{ display:block; overflow:hidden; padding:1px 0 3px}

fieldset.standard .selectboxit-container .selectboxit-options{ max-height:240px}

fieldset.standard  .multiselect { 
	background:#fff; color:#777;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
fieldset.standard .multiselect .ms-header{ padding:12px; position:relative}
fieldset.standard .multiselect .ms-header button{ border:0; background:transparent; font-size:20px; color:#ddd; width:100%; position:absolute; left:0; right:0; top:0; height:44px}
fieldset.standard .multiselect .ms-header button span { display:none;}
fieldset.standard .multiselect .ms-header button:before { float:right; margin-right:10px; position:relative; top:1px}

fieldset.standard .multiselect .ms-list { padding:12px 12px 1px; display:none; max-height:240px; overflow:auto}
fieldset.standard .multiselect .ms-list .formCheckbox{ margin-bottom:15px}
fieldset.standard .multiselect .formCheckbox label i { border:1px solid #ddd;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow:none;}
fieldset.standard .multiselect .formCheckbox label i:before { left:4px;top: 4px;}

fieldset.standard button.formSubmit { 
	padding:15px 30px !important; background-color:#ececec; display:block; position:absolute; left:-30px; bottom:0; right:0; width:1090px; z-index:2
}
fieldset.standard button.formSubmit:before {max-width:100px; background:#fbe31a; left:30px; position:absolute}

/* -- Pay Button -- */
fieldset.standard.payBtn {
	background: #fff;
}
fieldset.standard.payBtn button.formSubmit { 
	background-color: #fbe31a;
}
fieldset.standard.payBtn button.formSubmit:before { 
	background: #6f672c;
}

/* -- Gutachterbewerbung -- */
fieldset.standard.gutachter .cols > div.rt { padding-bottom:20px}
fieldset.standard.gutachter .cols > div.rt:before { display:none;}
fieldset.standard.gutachter .formItem textarea {height:190px}

/* -- Referentbewerbung -- */
fieldset.standard.referent .cols > div.rt:before { display:none;}
fieldset.standard.referent .formItem textarea.formTopic {height:140px}
fieldset.standard.referent .cols > div.rt .formItem textarea { height:390px}

/* -- Mitglied werden - v2 -- */
fieldset.standard.mitglied-werden {}
fieldset.standard.mitglied-werden .formItem.disabled { position:relative}
fieldset.standard.mitglied-werden .formItem.disabled input { opacity:.5}

fieldset.standard.mitglied-werden .companyInfo { position:relative}
fieldset.standard.mitglied-werden .companyInfo.disabled:before {
	content:"";	position:absolute; z-index:6; left:-5px; top:-5px; bottom:-5px; right:-5px;background:#fbe31a;
	filter: alpha(opacity=50);opacity: .5;
} 
fieldset.standard.mitglied-werden .companyCheckbox { padding-top:13px}
fieldset.standard.mitglied-werden .cols .placer { height:34px}
fieldset.standard.mitglied-werden .cols .placer.small { height:15px}
fieldset.standard.mitglied-werden .cols .lft .placer.small { height:30px}
fieldset.standard.mitglied-werden #pricePlace { margin-bottom:13px;}
fieldset.standard.mitglied-werden #creditcard h3 {	padding: 18px 0 10px;}
fieldset.standard.mitglied-werden .formItem input.formRadio + label[for="companyAddress"] { font-weight:bold}
fieldset.standard.mitglied-werden .privOnly { display:none}

/* -- Standard v2 -- */
fieldset.standardv2 { padding-bottom:60px}
fieldset.standardv2  h2 { font-size:14px; margin-bottom:20px}
fieldset.standardv2 button.formSubmit { 
	padding:15px 30px !important; background-color:#ececec; display:block; position:absolute; left:30px; bottom:30px; right:0; width:1090px; z-index:2
}
fieldset.standardv2 .formItem { margin-bottom:10px}
fieldset.standardv2 .placer {height:15px}
fieldset.standardv2 .placer.double {height:115px}

fieldset.standardv2 .selectboxit-btn,
fieldset.standardv2 .formItem select,
fieldset.standardv2 .formItem input.formText,
fieldset.standardv2 .formItem textarea {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);box-shadow: 0px 1px 3px rgba(0, 0, 0, .2); }

fieldset.standardv2 .formItem select:disabled,
fieldset.standardv2 .formItem input.formText:disabled,
fieldset.standardv2 .formItem textarea:disabled { color:#A4A4A4; pointer-events:none;}

fieldset.standardv2 .formBirthday {}
fieldset.standardv2 .formBirthday > div { float:left; width:33.3%}
fieldset.standardv2 .formBirthday .day {padding-right:5px}
fieldset.standardv2 .formBirthday .month { padding-left:3px; padding-right:3px}
fieldset.standardv2 .formBirthday .year { padding-left:5px;}

fieldset.standardv2 .formItem input.formPlz { width:100px; margin-right:10px; float:left}
fieldset.standardv2 .formItem input.formOrt { width:240px}

@-moz-document url-prefix() { 
	fieldset.standardv2 .formItem input.formOrt { width:239px}
}   

fieldset.standardv2 .formCheckbox { position:relative}
fieldset.standardv2 .formCheckbox input.formRadio {width:1px; height:1px; position:absolute; left:0; top:0; opacity:0}
fieldset.standardv2 .formCheckbox label { display:block}
fieldset.standardv2 .formCheckbox label i { 
	width:20px; height:20px; background:#fff;float:left; margin-right:10px; display:block; cursor:pointer; 	
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);box-shadow: 0px 1px 3px rgba(0, 0, 0, .2); 
}
fieldset.standardv2 .formCheckbox label i:before { 
	content:" "; display:block; width:10px; height:10px; position:relative; left:5px; top:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; background:rgba(0,0,0,0);
	-webkit-transition: -webkit-border-radius 350ms ease-out, background 250ms ease-out;
	-moz-transition: -moz-border-radius 350ms ease-out, background 250ms ease-out;
	-o-transition: -o-border-radius 350ms ease-out, background 250ms ease-out;
	transition: border-radius 350ms ease-out, background 250ms ease-out;
}
fieldset.standardv2 .formCheckbox input[type=checkbox]:checked + label i:before,
fieldset.standardv2 .formCheckbox input[type=radio]:checked + label i:before {-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);}
fieldset.standardv2 .formCheckbox label span{ display:block; overflow:hidden; padding:1px 0 3px}
fieldset.standardv2 button.formSubmit:before {max-width:100px; background:#fbe31a; left:30px; position:absolute}

/* -- Rechnungsaddresse -- */
fieldset.profildaten.first {padding-bottom:0}
fieldset.profildaten.first .rt{ padding-top:35px}
fieldset.profildaten.first .rt .formItem { margin-bottom:0;}
fieldset.profildaten.first .rt .placer { height:30px}

fieldset.profildaten {}
fieldset.profildaten h2{ margin-bottom:16px}
fieldset.profildaten .twoCols{}

.avatarbox {}
.avatarbox .avatar { position:relative; float:left; margin-right:15px}
.avatarbox .avatar .delete {border:0; background:transparent; font-size:17px; padding:4px; color:#fbe31a}
.avatarbox .avatar .delete span { display:none}
.avatarbox .avatar button { position:absolute; top:10px; right:10px; z-index:2}
.avatarbox .avatar img { display:block; position:relative; z-index:1}
.avatarbox .avatarInfo { overflow:hidden; color:#777; padding-top:84px}
.avatarbox .avatarInfo p {}
.avatarbox .avatarInfo a.btnMore { display:inline-block}

body.profildaten fieldset.standardv2 .twoCols .lft {padding-right:15px; width:395px}
body.profildaten fieldset.standardv2 .lft .formItem input.formOrt {width:266px}
body.profildaten fieldset.standardv2 .twoCols .rt {padding-left:15px; width:368px}

/* -- Map Filter für Ausbildungstätten -- */
fieldset.mapSelect { background:none; max-height:none; padding:30px; margin:0}
fieldset.mapSelect .formItem > label { float:left; width:88px; font-weight:700 }
fieldset.mapSelect .formItem .radios { overflow:hidden; padding-left:2px}
fieldset.mapSelect .formItem .radios label { margin-bottom:5px; font-size:12px}
fieldset.mapSelect .formItem .radios label i { margin-right:20px}
fieldset.mapSelect .formCheckbox input[type=checkbox]:checked + label i:before {background:#fbe31a;}

fieldset.mapSelect em.pin { width:10px; height:10px; display:block; float:left; margin-right:10px;position:relative; top:3px}
fieldset.mapSelect em.pin:before {content:" ";width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px; display:block; position:absolute; bottom:-5px}

fieldset.mapSelect em.pin.yellow { background:#fbe31a}
fieldset.mapSelect em.pin.yellow:before {border-color: #fbe31a transparent transparent transparent;}

fieldset.mapSelect em.pin.orange { background:#f6a510}
fieldset.mapSelect em.pin.orange:before {border-color: #f6a510 transparent transparent transparent;}

fieldset.mapSelect em.pin.magenta { background:#db0d22}
fieldset.mapSelect em.pin.magenta:before {border-color: #db0d22 transparent transparent transparent;}

fieldset.mapSelect em.pin.yellowgreen {background:#b4c615}
fieldset.mapSelect em.pin.yellowgreen:before {border-color: #b4c615 transparent transparent transparent;}

fieldset.mapSelect em.pin.green {background:#72ab2e}
fieldset.mapSelect em.pin.green:before {border-color: #72ab2e transparent transparent transparent;}

fieldset.mapSelect em.pin.blue {background:#5bc4f1}
fieldset.mapSelect em.pin.blue:before {border-color: #5bc4f1 transparent transparent transparent;}

/* -- Fieldset Filter / Overlayed -- */
fieldset.filter {}
fieldset.filter h3 { text-transform:uppercase; color:#777}
fieldset.filter .cols ul { list-style:none; padding:0}
fieldset.filter .cols ul li{ margin-bottom:4px}
fieldset.filter .cols ul li a {color:#333; text-decoration:none; cursor:pointer}
fieldset.filter .cols ul li a:hover{ text-decoration:underline}
fieldset.filter .cols ul li.active a{ font-weight:bold}

fieldset.filter fieldset.gebiete { width:270px}
fieldset.filter fieldset.quicksearch { width:270px}

fieldset.filter .cols .box1 {width:315px}
fieldset.filter .cols .box2 {width:238px}
fieldset.filter .cols .box3 {width:238px}
fieldset.filter .cols .box4 {width:238px}
fieldset.filter .box4 fieldset.quicksearch { width:100%}

/* -- Sticky Form -- */
fieldset.sticky { margin:50px 0 0}
fieldset.sticky .formItem textarea { height:200px; resize:none}
fieldset.sticky.fixed_footer { position: fixed !important;bottom: 0;width: 1090px; margin-bottom:0; z-index:888}

/* -- Overlayed Filter-- */
fieldset.overlayed { max-height:9999em; overflow:visible; padding:0}
fieldset.overlayed h2 {background:#fbe31a; background:rgba(243,220,25,.95); padding:30px; margin:0 !important; font-weight:400; position:relative}
fieldset.overlayed h2:before { 
	left:30px; bottom:0; content: " "; display:block; background:#6f672c; position:absolute; width:42px; height:6px;
	-webkit-transition: width 250ms ease-out, opacity 250ms ease-out, left 250ms ease-out;
	-moz-transition: width 250ms ease-out, opacity 250ms ease-out, left 250ms ease-out;
	transition: width 250ms ease-out, opacity 250ms ease-out, left 250ms ease-out;
}
fieldset.overlayed button.formSubmit { left:0}
fieldset.overlayed .rt:before  { display:none}
fieldset.overlayed .cols {}
fieldset.overlayed form {
	position:absolute; padding:0 30px 30px; z-index:888;max-height:0; width:100%;background:#fbe31a; background:rgba(243,220,25,.95); 
	-webkit-transform: scale(1,0);-moz-transform: scale(1,0);-o-transform: scale(1,0);-ms-transform: scale(1,0);transform: scale(1,0);
	-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-o-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;transform-origin: 50% 0%;
	-webkit-transition: max-height 750ms ease-out, -webkit-transform 350ms ease-out;-moz-transition: max-height 750ms ease-out, -moz-transform 350ms ease-out;
	-o-transition: max-height 750ms ease-out, -o-transform 350ms ease-out;transition: max-height 750ms ease-out 250ms, transform 350ms ease-out 250ms;
}
fieldset.overlayed form > * { opacity:0;-webkit-transition: opacity 250ms ease-out;-moz-transition: opacity 250ms ease-out;-o-transition:  opacity 250ms ease-out;transition: opacity 250ms ease-out;}

fieldset.overlayed.open h2:before{ left:0; width:0; opacity:0}
fieldset.overlayed.open form { 
	max-height:2000em;
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
	-webkit-transition: max-height 750ms ease-out, -webkit-transform 350ms ease-out;-moz-transition: max-height 750ms ease-out, -moz-transform 350ms ease-out;
	-o-transition: max-height 750ms ease-out, -o-transform 350ms ease-out;transition: max-height 750ms ease-out, transform 350ms ease-out;
}
fieldset.overlayed.open form > * { 
	opacity:1;-webkit-transition: opacity 250ms ease-out 600ms;-moz-transition:  opacity 250ms ease-out 600ms;-o-transition:  opacity 250ms ease-out 600ms;transition: opacity 250ms ease-out 600ms;
}

fieldset.overlayed button.formSubmit { background:#e7ebf1; background:rgba(231,235,241, .95); bottom:-44px}
fieldset.overlayed button.formSubmit:before { position:absolute; bottom:0}

fieldset.overlayed .datepicker { position:relative}
fieldset.overlayed .datepicker input{}
fieldset.overlayed .datepicker:before { position:absolute; right:10px; top:10px; color:#ddd; font-size:20px}

fieldset.overlayed #mobile_filter_regionsSelectBoxItContainer,
fieldset.overlayed #mobile_filter_fieldsSelectBoxItContainer,
fieldset.overlayed #mobile_filter_timesSelectBoxItContainer {display:none;}

fieldset .formCheckbox.formError label i,
fieldset .formError.selectboxit-btn,
fieldset .formError .selectboxit-btn,
fieldset .formError input.formText,
fieldset .formError textarea {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 2px red !important;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 2px red !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 2px red !important;
}


/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
*/

/* SelectBoxIt container */
.selectboxit-container {position: relative; display: block;vertical-align: top;}
.selectboxit-container * {
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-o-user-select: none;
	user-select: none; outline: none; white-space: nowrap;
}
.selectboxit-container .selectboxit {width: 100%; cursor: pointer; margin: 0; padding: 0; overflow: hidden;display: block;position: relative;}

.selectboxit-container > span{ height: 40px;line-height: 40px; display: block;} 
.selectboxit-container .selectboxit:focus {outline: 0;}

.selectboxit.selectboxit-disabled, 
.selectboxit-options .selectboxit-disabled {opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;cursor: default;}

/* Button Text */
.selectboxit-text {text-indent: 10px;float: left; color:#777}
.selectboxit .selectboxit-option-icon-container {margin-left: 5px;}

.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;box-sizing: border-box; min-width: 100%;*width: 100%; margin: 0; padding: 0; list-style: none;
  position: absolute;overflow-x: hidden;overflow-y: auto; cursor: pointer;display: none;z-index: 99999;text-align: left;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor{padding: 5px 10px; display:block;}
.selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; background:#ebebeb !important}
.selectboxit-option, 
.selectboxit-optgroup-header { text-indent: 5px; margin: 0;list-style-type: none;}

.selectboxit-optgroup-header {font-weight: bold;}
.selectboxit-optgroup-header:hover { cursor: default;}

.selectboxit-arrow-container { width: 30px; position: absolute;right: 0;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow { margin: 0 auto; position: absolute;top: 0;right: 0;left: 0;bottom:0}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}

.selectboxit-option-icon-container {float: left;}
.selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle;}

.selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left;}
.selectboxit-rendering {
	display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; 
	position: absolute !important;top: -9999px !important;left: -9999px !important;
}

/* -- Default Theme -- */
.selectboxit-btn {
	background-color: #fff;background-repeat: repeat-x;	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);color:#777
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {color: #333;}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {color: #333;text-decoration: none;}

.selectboxit-default-arrow:before,
.selectboxit-default-arrow:after { content:" ";  display:block; position:absolute}

.selectboxit-default-arrow:before {width:4px; height:16px;background:#ddd;left:10px; top:12px;}
.selectboxit-default-arrow:after {
	width:14px; height:14px; border-right:4px solid #ddd; border-bottom:4px solid #ddd;top:14px; left:5px;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}
.selectboxit-list {background-color: #fff;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
.selectboxit-list .selectboxit-option-anchor { color: #333;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {color: #333;background-color: #fff; background-repeat: repeat-x;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999;}

/* -- Warenkorb Select -- */
.block-cart .selectboxit-container { float:left}
.block-cart .selectboxit-container > span{ height: 32px;line-height: 32px; display: block; width:30px} 
.block-cart .selectboxit-btn {-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow: none;text-align:right}
.block-cart .selectboxit-btn  .selectboxit-default-arrow { display:none}
.block-cart .selectboxit-list {width:45px; max-height:200px}
.block-cart .selectboxit-option { text-indent:0}
.block-cart .selectboxit-container .selectboxit-options a { line-height:normal; height:auto; padding:5px 0; display:block; text-align:center}

/* -- Warenkorb Tabelle Select -- */
table.cart .selectboxit-container { float:left; padding-right:1px}
table.cart .selectboxit-container > span{ height: 41px;line-height: 41px; display: block;} 
table.cart .selectboxit-btn {-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow: none;text-align:right; padding-left:0}
table.cart .selectboxit-btn  .selectboxit-default-arrow { display:none}
table.cart .selectboxit-list {width:41px; max-height:200px !important}
table.cart .selectboxit-option { text-indent:0; padding-left:0; margin-bottom:0;}
table.cart .selectboxit-option:before { display:none}
table.cart .selectboxit-container .selectboxit-options a { line-height:normal; height:auto; padding:5px 0; display:block; text-align:center}
table.cart .selectboxit-text {max-width:none !important}

table.cartFooter { width:100%; border-top:3px double #e7ebf1; margin-bottom:40px}
table.cartFooter tbody tr th,
table.cartFooter tbody tr td { font-weight:normal; vertical-align:top; border-top:0; padding:0}

table.cartFooter tbody tr th {padding-left:420px;text-transform:uppercase;padding-top:0;padding-bottom:0}
table.cartFooter tbody tr td { text-align:right; width:160px; padding-right:30px}

table.cartFooter tbody tr.sum th,
table.cartFooter tbody tr.sum td {padding-top:15px; font-weight:700}

table.cartFooter tbody tr:nth-last-child(2) th,
table.cartFooter tbody tr:nth-last-child(2) td {padding-bottom:15px}

table.cartFooter tbody tr.total th,
table.cartFooter tbody tr.total td { border-top:1px solid #e7ebf1; padding-top:15px;padding-bottom:15px}

table.cartFooter tbody tr.total th,
table.cartFooter tbody tr.total td { font-size:20px}
table.cartFooter tbody tr.total th small { display:block; font-size:12px}

/* -- -- */
#billingAddressField { position:relative;/* overflow:hidden;*/}
#billingAddressField:before {
	content: " "; width:102%; height:102%; background:#fbe31a;filter: alpha(opacity=80);opacity: .8; z-index:10;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:block; position:absolute;
	left:50%; top:50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), -webkit-border-radius 450ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), -moz-border-radius 450ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 450ms cubic-bezier(0.2, 1, 0.3, 1), border-radius 450ms cubic-bezier(0.2, 1, 0.3, 1);
}
#billingAddressField.disabled,
#billingAddressField.disabled * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
#billingAddressField.disabled:before {
	-webkit-transform: translate(-50%, -50%) scale(1);-moz-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);
	-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}

/* -- Freies Select -- */
.open-select {margin:0 0 30px 30px;}
.open-select small {font-size:14px;color:#777; display:block}
.open-select .selectboxit-container {font-size:30px;color:#777;font-weight:200;width:auto; display:inline-block}
.open-select .selectboxit-container .selectboxit {width:auto;background:transparent;	-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;}
.open-select .selectboxit-text {text-indent:0; max-width:none !important; padding-right:40px}
.open-select .selectboxit-default-arrow:before {background:#777;}
.open-select .selectboxit-default-arrow:after {	border-right: 4px solid #777;border-bottom: 4px solid #777;}
.open-select .selectboxit-container .selectboxit-options {font-size:16px;color:#777;	background:#EBEBEB;padding:30px 0;}
.open-select  .selectboxit-option {margin-bottom:10px;}
.open-select  .selectboxit-option:last-child {margin-bottom:0;}
.open-select .selectboxit-option .selectboxit-option-anchor {padding:0 30px;}
.open-select .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {background:transparent;text-decoration:underline;}
.open-select .selectboxit .selectboxit-option-icon-container { margin-left:0}
/* -- Gallery -- */
.gallery { margin:30px 0 30px}
.gallery .gallery-list {}
.gallery .gallery-list a { display:block; float:left; position:relative}
.gallery .gallery-list a img{ display:block; position:relative; z-index:1}
.gallery .gallery-list a span{ position:absolute; z-index:2; bottom:0; right:0; display:block}
.gallery .gallery-list a span:before {
	content:" "; position:absolute; right:0; bottom:0;width: 0;height: 0; z-index:1;
	border-style: solid;border-width: 0 0 0 190px;border-color: transparent transparent #fbe31a transparent;	filter: alpha(opacity=70);opacity: 0.7;
	-webkit-transition: border-width 350ms ease-out 250ms;-moz-transition: border-width 350ms ease-out 250ms;
	-o-transition: border-width 350ms ease-out 250ms; transition: border-width 350ms ease-out 250ms;
}
.gallery .gallery-list a span i{ 
	width:10px; height:10px; position:absolute; z-index:2; right:10px; bottom:10px;
	-webkit-transform: rotate(180deg) scale(0);-moz-transform: rotate(180deg) scale(0);-o-transform: rotate(180deg) scale(0);-ms-transform: rotate(180deg) scale(0);	transform: rotate(180deg) scale(0);
	-webkit-transition: -webkit-transform 250ms ease-out 0;-moz-transition: -moz-transform  250ms ease-out 0;-o-transition: -o-transform  250ms ease-out 0;	transition: transform 250ms ease-out 0;
}
.gallery .gallery-list a span i:before,
.gallery .gallery-list a span i:after {	content:" "; background:#fff; width:10px; height:2px; display:block;}
.gallery .gallery-list a span i:before { position:relative; top:2px}
.gallery .gallery-list a span i:after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

.gallery .gallery-list a:hover {}
.gallery .gallery-list a:hover i {
	-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);	transform: rotate(0deg) scale(1);
	-webkit-transition: -webkit-transform 250ms ease-out 350ms;-moz-transition: -moz-transform  250ms ease-out 350ms;
	-o-transition: -o-transform  250ms ease-out 350ms;transition: transform 250ms ease-out 350ms;
}
.gallery .gallery-list a:hover span:before{
	border-width: 0 0 35px 190px;
	-webkit-transition: border-width 350ms ease-out 0;-moz-transition: border-width 350ms ease-out 0;
	-o-transition: border-width 350ms ease-out 0;transition: border-width 350ms ease-out 0;
}
/* -- Graue Infobox-- */
blockquote.info { text-transform:uppercase; padding:30px; background:#ebebeb; position:relative; font-size:18px; margin-top:30px; margin-bottom:-1px}

blockquote.info:before { content:""; height:1px;position:absolute; background:#ebebeb; left:0; right:0; top:-30px}
blockquote.info:after {
	content: " ";position: absolute;	right: 0;bottom: 0;width: 0;height: 0; filter: alpha(opacity=70);opacity: 0.7;
	z-index: 3;border-style: solid;border-width: 0 0 25px 136px;border-color: transparent transparent #f3dc19 transparent;
}
/* -- Forum -- */
#forum { padding:0 30px 30px}
#forum .forum-head { display:table; width:100%; border-collapse:collapse}
#forum .forum-head .title,
#forum .forum-head .admin,
#forum .forum-head .author,
#forum .forum-head .contrib { display:table-cell; font-size:12px; color:#777; text-transform:uppercase; padding:10px 30px; border-bottom:1px solid #e7ebf1; table-layout:fixed}

#forum .forum-head .title { }
#forum .forum-head .admin,
#forum .forum-head .author,
#forum .forum-head .contrib { width:300px; padding-left:0}

#forum .forum-content {}
#forum.closed .forum-content {
	filter: alpha(opacity=50);opacity: 0.5;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;   pointer-events: none; 
}

#forum .forum-entry { 
	display:table; border-collapse:collapse; width:100%;; overflow:hidden;
	-webkit-transition: background 350ms ease-out;-moz-transition: background 350ms ease-out;
	-o-transition: background 350ms ease-out;transition: background 350ms ease-out;
}
#forum .forum-entry h2 {font-weight:200; margin-bottom:10px; margin-top:-3px;}
#forum .forum-entry h2 a {
	color:#777; text-decoration:none;-webkit-transition: color 350ms ease-out;
	-moz-transition: color 350ms ease-out;-o-transition: color 350ms ease-out;transition: color 350ms ease-out;
}
#forum .forum-entry h2 a:hover { color:#333}
#forum .forum-entry p {}
#forum .forum-entry a.btnMore { 
	display:inline-block; position:absolute; left:0; bottom:-60px; white-space:nowrap;
	-webkit-transition: bottom 350ms ease-out;-moz-transition: bottom 350ms ease-out;
	-o-transition: bottom 350ms ease-out;transition: bottom 350ms ease-out;
}
#forum .forum-entry .authorInfo + em + a.btnMore { position:relative; bottom: auto !important; top:15px}

#forum .forum-entry .cell { font-size:12px; line-height:normal}
#forum .forum-entry .cell .thumb { float:left; margin-right:30px;}
#forum .forum-entry .cell .thumb img {  display:block}
#forum .forum-entry .cell .title { float:left; position:relative;min-height:75px;}

#forum .forum-entry .attachment { 
	background:url(../gfx/icon-file-yellow.svg) no-repeat left center; display:inline-block; 
	padding:2px 0 2px 30px; color:#6c662c; font-size:14px; text-decoration:none;
}
#forum .forum-entry .attachment small { display:block; color:#777; font-size:10px}

#forum .forum-entry .cell,
#forum .forum-entry .right { display:table-cell; table-layout:fixed; vertical-align:top; padding:30px;border-bottom:1px solid #e7ebf1;}

#forum .forum-entry .right  { width:300px; padding-left:0; position:relative}

#forum .forum-entry .admin .avatar {}
#forum .forum-entry .admin .avatar img{ float:left; margin-right:15px}
#forum .forum-entry .contrib { font-size:12px; padding-bottom:18px}

#forum .forum-entry .authorInfo { margin-bottom:25px}
#forum .forum-entry .authorInfo strong { font-size:14px; display:block; min-height:40px; margin-bottom:10px}
#forum .forum-entry .authorInfo small { line-height:16px; display:block}
#forum .forum-entry .authorInfo .avatar { float:left; margin-right:15px}
#forum .forum-entry .authorInfo .name { overflow:hidden}
#forum .forum-entry .right em { font-size:12px; color:#666; line-height:16px; display:block}

#forum .forum-entry:hover { background:#ebebeb}
#forum .forum-entry:hover h2 a { color:#333}
#forum .forum-entry:hover a.btnMore {bottom: -30px}

#forum.thema .forum-entry:first-child{border-top:1px solid #ebebeb}
#forum.thema .forum-entry:hover { background:none}

#forum.thema .forum-entry .cell,
#forum.thema .forum-entry .right { border-bottom:5px solid #ebebeb}
#forum.thema .forum-entry .cell { font-size:14px}

#forum.thema .forum-entry.highlighted { background:#ebebeb; overflow:visible}
#forum.thema .forum-entry.highlighted .right { position:relative}
#forum.thema .forum-entry.highlighted .right .btnMore { bottom:-5px}
#forum.thema .forum-entry.highlighted .right:before { 
	content:" ";	position:absolute; right:0; 
	bottom:-5px;width: 0;height: 0; z-index:3;
	border-style: solid;	border-width: 0 0 25px 136px;
	filter: alpha(opacity=70);opacity: 0.7;
	border-color: transparent transparent #fbe31a transparent;
}

#forum.thema .forum-entry.highlighted + .forum-entry.highlighted { position:relative}
#forum.thema .forum-entry.highlighted + .forum-entry.highlighted:before {content:""; height:3px; position:absolute; left:0; top:0; right:0; background:#fff; display:block}

/* -- Profil Löschen Formular -- */
fieldset.delete-profile { margin-bottom: 0}
fieldset.delete-profile button.formSubmit{ width: 45%}
fieldset.delete-profile button.formSubmit.back {float: right}

/* -- Mitglierderliste -- */
.alphabet { background:#ddd; padding:0 24px; margin-bottom:30px}
.alphabet form { display:block; padding-right:5px; float:left; padding-top:16px}
.alphabet form input {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px 5px;
	font-size: 14px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	-webkit-appearance: none;
	border:0;
	width:120px;
	float:left;
}
.alphabet form button { 
	border:0; color:#fff; width:27px; height:27px; cursor:pointer; background:#777;font-size: 14px;line-height: 30px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
.alphabet form button span{ display:none}
.alphabet form button:hover { background:#333;}

.alphabet > a,
.alphabet > span{ display:inline-block; color:#333; font-weight:700; font-size:12px; padding:20px 6px; text-decoration:none}
.alphabet a  {
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform  250ms ease-out;
	-o-transition: -o-transform  250ms ease-out;transition: transform 250ms ease-out;
}
.alphabet > a:hover{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
.alphabet > span{ color:#999}
.alphabet select { width:100px}
.alphabet .selectboxit-container { float:left; margin-right:10px}
.alphabet .selectboxit-container .selectboxit { width:180px}
.alphabet .selectboxit-container > span{ height:27px; line-height:27px}
.alphabet .selectboxit-container a {font-size:12px;}
.alphabet .selectboxit-default-arrow:before { top:6px; left:11px; width:2px;height:12px}
.alphabet .selectboxit-default-arrow:after {	width: 10px;	height: 10px; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd;	top: 9px;left: 7px;}

#memberlist .ml-header { display:table; width:100%; table-layout:fixed}
#memberlist .ml-header div {display: table-cell;	padding: 10px 30px;	font-size: 12px;	text-transform: uppercase; font-weight: 400;	color: #777;}
#memberlist .ml-header div.name {}
#memberlist .ml-header div.kontakt {}
#memberlist .ml-header div.fachbereich {}
#memberlist .ml-header div.bezirksgruppe {}

#memberlist .ml-list {}
#memberlist .ml-list .entry {display: table;	width: 100%;	border-top: 1px solid #e7ebf1;table-layout: fixed;}
#memberlist .ml-list .entry > div{display: table-cell;vertical-align: middle;padding: 30px;}
#memberlist .ml-list .entry .name {}
#memberlist .ml-list .entry .name .img { float:left; margin-right:10px}
#memberlist .ml-list .entry .name .info { overflow:hidden}
#memberlist .ml-list .entry .kontakt {}
#memberlist .ml-list .entry .kontakt strong{}
#memberlist .ml-list .entry .kontakt small { display:block}
#memberlist .ml-list .entry .fachbereich {}
#memberlist .ml-list .entry .bezirksgruppe {}

#memberlist ul.contact { list-style:none; padding:0; font-size:12px;}
#memberlist ul.contact li { position:relative; padding-left:22px;}
#memberlist ul.contact li:before{ position:absolute; left:0;top:4px; font-size:12px; color:#aaa}

.pager { border-bottom:1px solid #e7ebf1;border-top:1px solid #e7ebf1; margin-bottom:30px; padding:10px 0}
.pager > a { font-size:20px; color:#ddd; text-decoration:none; position:relative; top:10px}
.pager > a span { display:none}
.pager > a:hover { color:#333}
.pager .pagerInner { text-align:center; font-weight:700}
.pager .pagerInner a{ 
	font-size:12px; color:#bababa; text-decoration:none; display:inline-block; padding:10px 15px;
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform  250ms ease-out;
	-o-transition: -o-transform  250ms ease-out;transition: transform 250ms ease-out;
}
.pager .pagerInner a.active{ color:#333}
.pager .pagerInner a:hover {-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
/* -- Footer -- */
#footer { 
	padding: 30px; background:#fff; background:rgba(255,255,255, .95); color:#777; position:relative; z-index:5;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
}
#footer .left { width:780px; float:left}
#footer .right { width:300px; float:left}

#footer dl { width:195px; float:left; text-transform:uppercase}
#footer dl dt {color:#777; margin-bottom:10px}
#footer dl dd {color:#777; font-size:12px}
#footer dl dd a{text-decoration:none; color:#777;}
#footer dl dd a:hover{ color:#333}

#footer address { font-size:12px; color:#777; font-style:normal; text-transform:uppercase; margin-bottom:20px}
#footer address strong {color:#777; margin-bottom:10px; display:block; font-size:14px; font-weight:400}

#footer ul.contact { list-style:none; padding:0; font-size:12px;}
#footer ul.contact li { position:relative; padding-left:22px;}
#footer ul.contact li:before{ position:absolute; left:0;top:4px; font-size:12px; color:#aaa}


/* -- -- */
.profile-delete {padding-top: 30px; text-align: right; width: 1090px}

.cookie-bar {position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(244,244,244,.9);padding: 20px;z-index: 100;font-size: 14px;}
.cookie-bar .inner {width: 90%;margin: 0 auto;text-align: left;position: relative;z-index: 2;}
.cookie-bar p{ margin-right: 110px;margin-bottom: 0}
.cookie-bar a.btnMore{ position: absolute;right: 0;top: 50%;margin-top: -10px;}
/* ----------------------------------------
	Pages 
-- */
#map img { display:block}

/* -- ShareButton Position Fix -- */
body.gutachter #shareBtn,
body.dokumente #shareBtn,
body.fachliteratur #shareBtn,
body.publikationen #shareBtn,
body.jobs #shareBtn { margin-right:30px;margin-top:38px; display:block}

/* -- Startseite -- */
body.front #inner {margin-bottom:0 !important}
body.front #mainContent { padding:30px 0 30px 30px;}
body.front #sidebar-rt { padding: 30px 30px 0 0;}
body.front .node { overflow:hidden}
body.front .block-calendar .date,
body.single .block-calendar .date { height:auto; padding-bottom:30px}

/* -- Mitglied werden -- */
body.register {}
body.register #mainContent { padding-bottom:30px}
body.register .block-info { min-height:300px}

/* -- Aktuelles -- */
body.aktuelles #mainContent{ padding-bottom:30px}
/*body.aktuelles .block-calendar .date { padding-top:0; padding-bottom:0}*/
body.aktuelles .block-events .inner{ padding-top:0}

/* -- Arbeitsgruppen -- */
body.arbeitsgruppen #inner { background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none }
body.arbeitsgruppen #mainContent { padding:0}

/* -- Referenten -- */
body.referenten #inner { background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none }
body.referenten #mainContent { padding:0}

/* -- Jobs -- */
body.page-full.jobs #mainContent{ padding-right:30px; padding-top:0}

/* -- Job Detail -- */
body.job-detail { }
body.job-detail .block-contact .img{ padding:1px}
body.job-detail #mainContent { }
body.job-detail #mainContent ul {border-top:1px solid #e7ebf1;border-bottom:1px solid #e7ebf1; padding:20px 0; margin-bottom:30px}

/* -- Gutachter -- */
body.gutachter .node-list .header > div.kontakt,
body.gutachter .node-list .entry > div.kontakt{ width:35%}

/* -- Internet Bereich -- */
body.intern #mainContent,
body.intern #subContent{ padding-bottom:30px}

body.intern.profildaten .node-single,
body.intern.veranstaltungen .node-single,
body.intern.mitgliedschaft .node-single,
body.intern.bestellungen .node-single { margin-bottom:0;}

body.intern .mfp-content{width: 80%; max-width: 960px}
body.intern .mfp-content h2{ padding: 20px 30px 0;	color: #777; font-size: 30px; font-weight: 200; }

body.intern.profildaten fieldset.standardv2 button.formSubmit {bottom:80px}
body.intern.dokumente .date{ width:20%; padding-left:30px}
body.dokumente #inner{ min-height:955px}


body.profildaten .mfp-content{width: 80%; max-width: 500px}

/* -- Veranstaltungen -- */
body.events #mainContent{ padding-bottom:30px}
body.events fieldset .formItem.datepicker label{ display:block; margin-bottom:5px}
body.events fieldset .formItem.datepicker:before { top:35px}
/* body.events .block-calendar .date { padding-top:0; padding-bottom:0} */
body.events .block-events .inner{ padding-top:0}

body.events .socialbar { position: absolute; right: 30px; top: 30px}
body.events .node-single .socialbar { position: relative; right: 0; top: 0}
body.events .node-single .socialbar a.icon-calendar { margin-right:0}

/* -- Publikationen -- */
body.publikationen #mainContent{ padding-bottom:30px}

/* -- Warenkorb -- */
body.cart #mainContent { padding-bottom:30px}
body.cart fieldset.standard .mid .formCheckbox { margin-bottom:22px}
body.cart fieldset.standard form { padding-bottom:47px}
body.cart fieldset.standard .cols > div.rt:before { bottom:0}

/* -- Bezirksgruppe Detail-- */
body.bezirk-detail #subContent .block:before { display:none}

/* -- Fachbereich Detail-- */
body.fachbereich-detail #mainContent{ padding-bottom:30px}
body.fachbereich-detail #subContent .block:before { display:none}

/* -- Warenkorb -- */
body.checkout fieldset.standard { background:none}
body.checkout fieldset.standard form { padding:0}
body.checkout fieldset.standard button.formSubmit { position:relative}

/* -- Kontakt -- */
body.kontakt #subContent { padding-bottom:40px}

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}