body {
color: #222222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default; 
background-color: #EEEEEE;
background-attachment: fixed;
background-position: center bottom;
background-clip: border-box;
background-origin: padding-box;
background-repeat: repeat-x;
background-size: contain;
}
p {
font-family: inherit;
font-weight: normal;
font-size: 0.95rem;
line-height: 1.5em;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility; }
p.lead {
font-size: 1.21875rem;
line-height: 1.6; }
p aside {
font-size: 0.875rem;
line-height: 1.35;
font-style: italic; }
h1 {font-size: 2.125rem; }
h2 {font-size: 1.6875rem; }
h3 {font-size: 1.375rem; }
h4 {font-size: 1.125rem; }
h5 {font-size: 1.125rem; }
h6 {font-size: 1rem; }
a {
color: #0000FF;
text-decoration: none;
line-height: inherit; }
a:hover, a:focus {
color: #00FF00; }
a img {
border: none; }
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4E5457;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #f1f1f1;
line-height: 0; }
.main-section {
min-height: 800px;
height: auto !important;
height: 800px;
background-color: #FFFFFF;
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: #4E5457;
color: white;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: white;
font-weight: bold;
line-height: 2.8125rem;
margin: 0; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem; }
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
overflow-y: auto;
background: #B8DBE7;
z-index: 1001;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0; }
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
overflow-y: auto;
background: #333333;
z-index: 1001;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0; }
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
ul.off-canvas-list {
list-style-type: none;
padding: 0;
margin: 0; }
ul.off-canvas-list li label {
padding: 0.3rem 0.9375rem;
/* Menu-Titel Textfarbe (Schommer) */
color: #999999;
text-transform: uppercase;
font-weight: bold;
background: #4E5457;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0; }
ul.off-canvas-list li a {
display: block;
/* Höhe der Menüpunkte */
padding: 0.3rem 0.9375rem;
//padding: 0.66667rem;
color: rgba(255, 255, 255, 0.7);border-bottom: 1px solid #262626;
transition: background 300ms ease; }
ul.off-canvas-list li a.muid {
background: #ACC248;
color: #000000;
}
ul.off-canvas-list li a.muuid {
background: #CEA75E;
color: #000000;
}
ul.off-canvas-list li a:hover {
background: #CCCCCC; }
ul.off-canvas-list li a.muid:hover {
background: #CCCCCC; }
ul.off-canvas-list li a.muuid:hover {
background: #CCCCCC; }
.top-bar-section li:not(.has-form) a:not(.button) {
background: #4E5457; /* Menue-Item-Farbe */ }
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: #4E5457; /* Menue-Item Hover */ }
.top-bar-section ul li:hover:not(.has-form) > a {
background: #4E5457;
color: white; }
.top-bar-section .dropdown li a.mid {
background: #B8DBE7;
border-bottom: 1px solid #000000;
color: #000000; }
.top-bar-section .dropdown li a.muid {
background: #ACC248;
border-bottom: 1px solid #000000;
color: #000000;}
.top-bar-section .dropdown li a.muuid {
background: #CEA75E;
border-bottom: 1px solid #000000;
color: #000000; }
.top-bar-section .dropdown li a.mid:hover {
background: #CCCCCC; }
.top-bar-section .dropdown li a.muid:hover {
background: #CCCCCC; }
.top-bar-section .dropdown li a.muuid:hover {
background: #CCCCCC; }
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
/* Pricing Tables */
.pricing-table {
background-color: #4E5457;
border: solid 1px #dddddd;
margin-left: 0;
margin-bottom: 1.25rem; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #333333;
padding: 0.9375rem 1.25rem;
text-align: left;
color: #eeeeee;
font-weight: center;
font-size: 1rem;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.pricing-table .price {
background-color: #f6f6f6;
padding: 0.9375rem;
text-align: left;
color: #333333;
font-size: 0.875rem;
font-weight: normal;
border-bottom: dotted 1px #dddddd; }
.pricing-table .description {
background-color: white;
padding: 0.9375rem;
text-align: left;
color: #777777;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item {
background-color: white;
padding: 0.9375rem;
text-align: left;
color: #333333;
font-size: 0.875rem;
font-weight: normal;
border-bottom: dotted 1px #dddddd; 
}
.pricing-table .cta-button {
background-color: white;
text-align: center;
padding: 1.25rem 1.25rem 0; }
.pricing-table .button{
margin: 0;
}
.pricing-table .row {
background-color: inherit;
}
.pricing-table .bullet-item.csverror {
background-color: #F7FF8A;
}
.pricing-table .bullet-item.collision {
background-color: #FF949F;
}
.pricing-table .bullet-item.ok {
background-color: #96FF9D;
}
.pricing-table .bullet-item.antrag {
background-color: #ADE4FF;
}
.pricing-table .bullet-item.wp {
background-color: #F0AA1E;	/*#F8FF94;*/
}
.pricing-table .bullet-item.nb {
background-color: #FF7161;
}
.pricing-table .stundenplan{ 
height: 100px;}
/* Kalenderfarben */
.cal_color_request {
background: #FF9429; }
.cal_color_reserved {
background: #0AADFF; }
.cal_color_ingwi {
background: #4BB4E6; }
.cal_color_wiwi {
background: #F0AA1E; }
.cal_color_sowi {
background: #E62D87; }
.cal_color_aub {
background: #AFC841; }
.cal_color_other {
background: #4E5457; }
table.belegung {
border-collapse: collapse;
margin: 0;
}
table.belegung td{
padding: 0;
border: 1px solid #888888;
text-align: center;
}
table.belegung {
border: 3px solid black;
}
table.belegung tr:first-of-type td{
border-right: 3px solid black;
}
table.belegung tr:nth-of-type(2) {
border-bottom: 3px solid black;
}
table.belegung td:nth-of-type(6n+2) {
border-left: 3px solid black;
}
td.belegung_leer {
background-color: #96FF9D;
}td.belegung_belegt {
background-color: #F7FF8A;
}td.belegung_kollision {
background-color: #FF949F;
}	
table.belegung a {
color: black;
display: block;
}
table.belegung a:hover {
color: black;
}
table.belegung a:visited {
color: black;
}
span.raumvorher {
display: block;
background-color: #FF0000;
color: #FFFFFF;
font-weight: bold;
}
span.info {
display: block;
background-color: #FFFF00;
color: #000000;
font-weight: bold;
}
table.kwplan td {
line-height: 15px;
vertical-align: top;
text-align: left;
font-size: 0.75rem;
border: 1px solid #5e5e5e;
}
.pad {
padding: 2px 2px 2px 6px;
}	
.altrow {
background-color: #EFEFEF;
text-align: center;
}	
.paneleven {
border-style: solid;
border-width: 0px;
border-color: #D8D8D8;
margin: 0rem;
padding: 20px 0 0 0;
background: none repeat scroll 0% 0% #F2F2F2;
}
.panelodd {
border-style: solid;
border-width: 0px;
border-color: #D8D8D8;
margin: 0rem;
padding: 20px 0 0 0;
background: none repeat scroll 0% 0% #FFFFFF;
}
.paneleven .row {
background-color: rgba(255, 255, 255, 0);
width: 100%;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; 
}
.panelodd .row {
background-color: rgba(255, 255, 255, 0);
width: 100%;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; 
}
span.legend {
	display: inline-block;
	width: 20px;
	height: 15px;
	margin-left: 5px;
	vertical-align: middle;
	text-align: center;
	line-height: 15px;
}