html{
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
	margin: 0;
	background: #000;
    color: #eee;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
   
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    line-height: 20px;
    min-height: 100%;
    height: 100%;
    width: 100%;
	overflow-x: hidden;
}

html, 
body{
	 font-size: 100%;
}

.align-center {
	text-align: center;
}

#page-29 #content {padding-bottom: 0}

#page-29 #content .content-container,
body#page-29 {
	background: #dddddd;
}

body.backend{
	background: #333;
	color: #000;
}

.erfasserName {
	color: #fff;
}

body#page-29{
	overflow: scroll;
}

a.mail{
	text-decoration: underline;
}
a.mail:hover{
	text-decoration: underline;
}

a:link,
a:visited,
#c239 p, #c213 p{
	color: #26a9f2;
}
#c239 p, #c213 p{
	font-size: 1.2rem;
}
b{
	font-weight: 600;
}

p{
	margin-top: 0;
	margin-bottom: 6px;
}

p.phone {
	color: #26a9f2;
}

#c212{
	margin-top: 1em;
}


img[width=0] { width: auto !important; } 
img[height=0] { height: auto !important; } 

form label,
.liveSearch label,
#content-admin label{
	display: block;
	margin-bottom: 4px;
}

#content-admin{
	border-bottom: 1px dashed #ccc;
}

form fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

form input[type=text],
form input[type=number],
form input[type=email],
form input[type=password],
.liveSearch input[type=text],
textarea{
	line-height: 40px;
	height: 40px;
	font: 500 16px/40px "proxima-nova", Helvetica, Arial, sans-serif;
	text-indent: 10px;
	text-align: left;
	padding-right: 5px;
	margin: 0;
	border: 1px solid #ccc;
	color: #000;
}
textarea{
	height: auto;
	line-height: 20px;
	text-indent: 0px;
	padding: 10px;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
.liveSearch input[type=text]:focus{
	outline: none;
	border: 1px solid #26a9f2;
}

form p,
.roi-request-visible p{
	margin-top: 0;
}



table th{
	text-align: left;
}

table td{
	vertical-align: top;
}
table.display thead th.preis,
table.display tbody td.preis{
	padding-left: 30px;
}

form input.missing  {
    border: 1px solid #e54a79;
}


#c33 table{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#c33 table th{
	background: #c0dddb;
}
#c33 table th,
#c33 table td{
	padding: 10px;
	text-align: center;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
}
#c33 table td{
	background: #e7f2f1;
	border-top: 1px solid #333;
	font-size: 18px;
}

#c43 .ce-intext.ce-left .ce-gallery {
	margin-right: 7px;
}


#overlayPopup .default-content p{
	color: #333;
	font-weight: 300;
}

#overlayPopup .default-content .content_title{
	color: #333;
}

.popupContent-inner h3{
	margin-bottom: 5px;
}

#page-75 .col-md-4{
	overflow-y: auto;
}

#c8 h1,
#c64 h1{
	padding-bottom: 5px;
}
#c15 h1,
#c63 h1{
	padding-top: 5px;
}

#c217 a{
	margin-bottom: 0;
}


#c96{
	margin-top: 2em;
}

    h1 {
        font-size: 40px;
        line-height: 40px;
        font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
        color: #26a9f2;
        font-weight: 100;
        text-align: left;
        margin-bottom: 12px;
        margin-top: 0;
    }

h2{
	
    display: inline-block;
    font-weight: 300;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #26a9f2;
}

h3{
	
    display: inline-block;
    font-weight: 300;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}


.clearer{
	clear: both;
	float: none;
}

.button{
	    background-color: #79b634;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 500 11px/15px "proxima-nova", Helvetica, Arial, sans-serif;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}
.button:hover{
	text-decoration: none;
	 color: #fff;
	background-color: #006fa4;
}

	.navigation {
        display: block;
        position: absolute;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        border-top: 1rem solid #3fb0ff;
    }

    .navigation .logo {
	    margin-top: 40px;
      	margin-left: 50px;
    }


    .navigation .logo {
        display: block;
        width: 125px;
    }
    .navigation .logo img {
        width: 100%;
    }
    .navigation .sign-in{
	    float: right;
        text-align: right;
        color: #fff;
        display: inline-block;
        background: #26a9f2;
        margin: 0;
        padding: 0 10px;
        line-height: 30px;
        font-size: 16px;
        height: 30px;
        min-width: 60px;
        text-align: center;
        transition-property: background-color;
        transition-duration: .3s;
    }
    .footer-content.dark .logo{
	    margin-bottom: 15px;
	    display: block;
    }
    .footer-content.dark .logo img{
	    width: 130px;
	    height: auto;
    }
    
    .footer-content.grey .phone{
	    font-size: 1.5rem;
	    line-height: 45px;
    } 
    
    .inner-inner{
	    margin: 0 auto;
    }

div.csc-mailform fieldset ol{
	padding: 0;
}
div.csc-mailform fieldset li{
	padding: 0;
	position: relative;
	    overflow: visible;
	    list-style: none;
}

div.csc-mailform ol li{
	list-style: none;
}

.csc-form-element-radio label{
	position: absolute;
	left: 20px;
}


.csc-mailform .wichtig{
	margin-top: 20px;
	margin-bottom: 10px;
}

.csc-mailform form input{
	text-align: left;
}


#content{
	height: 100%;
	background: #000;
	padding-left: 50px;
}
.backend #content{
	padding-left: 0;
}
#content .inner-inner,
#content .inner-inner .row{
	height: 100%;
}
#content .inner-inner .row > div{
	height: 100%;
}

body#page-29 #content {
    padding-top: 0px;
   }
   
   .imageGroup,
   #c219{
	   width: 100%;
	   height: 100%; 	
	   position: relative;
   }
   .imageGroup{
	   position: absolute;
	   right: 0;
	   opacity: 0;
	   transition: 0.4s;
   }
   .imageGroup.showAnim{
	   opacity: 1;
   }
   
   .imageGroup.pos1 .imgCon-1,
   .imageGroup.pos2 .imgCon-2,
   .imageGroup.pos3 .imgCon-3{
	   width: 70%;
   }
   
   .imageGroup.pos2 .imgCon-1,
   .imageGroup.pos3 .imgCon-1,
   .imageGroup.pos1 .imgCon-2,
   .imageGroup.pos3 .imgCon-2,
   .imageGroup.pos1 .imgCon-3,
   .imageGroup.pos2 .imgCon-3{
	   width: 15%;
   }
   
   
   .imageGroup.pos1 .imgCon-2{
	   left: 70%;
   }
   .imageGroup.pos1 .imgCon-2 img{
	   transform: translateX(-70%);
   }
   .imageGroup.pos1 .imgCon-3{
	   left: 85%;
   }
   .imageGroup.pos1 .imgCon-3 img{
	   transform: translateX(-85%);
   }
   
   .imageGroup.pos2 .imgCon-2{
	   left: 15%;
   }
   .imageGroup.pos2 .imgCon-2 img{
	   transform: translateX(-15%);
   }
   .imageGroup.pos2 .imgCon-3{
	   left: 85%;
   }
   .imageGroup.pos2 .imgCon-3 img{
	   transform: translateX(-85%);
   }
   
   
   .imageGroup.pos3 .imgCon-3{
	   left: 30%;
   }
   .imageGroup.pos3 .imgCon-3 img{
	   transform: translateX(-30%);
   }
   .imageGroup.pos3 .imgCon-2{
	   left: 15%;
   }
   .imageGroup.pos3 .imgCon-2 img{
	   transform: translateX(-15%);
   }
   
   
   
   
   .imageContainer{
	   width: 100%;
	   height: 100%;
	   position: absolute;
	   left: 0;
	   top: 0;
	   overflow: hidden;
	   transition: 1s;
   }
   
   .imageContainer span{
	   position: absolute;
	   left: 40px;
	   top: 40px;
	   font-size: 40px;
	    line-height: 40px;
	    font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
	    color: #26a9f2;
	    font-weight: 100;
	    opacity: 0;
	    transition: 0.4s 0s;
	    pointer-events: none;
   }
   
   .imageContainer.imgCon-3 span{
	   color: #fff;
   }
   
   .imageGroup.pos2 .imgCon-2 span,
   .imageGroup.pos3 .imgCon-3 span{
	   opacity: 1;
	   transition: 0.4s 0.4s;
   }
   
   img.lazy {
        width: auto; 
        height: 100%; 
        position: absolute;
        transition: 1s;
    }
    
    .voucher-highlight{
	    background: #222;
	    color: #ddd;
	    font-size: 1.5rem;
	    font-weight: 400;
	    padding: 20px;
	    display: inline-block;
	    border: 1px solid #26a9f2;
    }
    

.contact_footer {
    min-width: 340px;
}
   
.contact_footer img {
    float: left;
    margin-right: 20px;
}

#content .content-container{
	max-width: 640px;
	margin: 0 auto;
	background: #fff;
}
#content .content-container .content-container-inner{
	padding: 30px;
}




#content .content-container .content-container-inner h3:first-child{
	margin-top: 0;
}


#content .content-container h2,
#overlayPopup h2{
	margin-top: 0;
}



#content .content-container  p{
    color: #fff;
    font-size: 1.25em;
    line-height: 1.5em;
    text-align: left;
}

#footer{
	position: relative;
	margin: 0;
}

#footer h2,
#footer h3{
	margin-bottom: 7px;
	text-align: center;
}
#c36 h2{
	text-align: center;
}
#footer p,
#overlayPopup p{
	margin-top: 0;
}
#content .content-container .popup_content p{
	color: #000;
}
#footer .static-row{
	margin: 0 40px;
}
#footer .static-row ul{
	float: right;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

#footer .static-row ul li{
	float: left;
	margin-left: 5px;
	list-style: none;
	padding: 0;
}

#footer .static-row ul li a{
	background-color: #79b634;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 500 11px/15px "proxima-nova", Helvetica, Arial, sans-serif;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
}

#footer .static-row ul li a:hover{
	background-color: #3a9525;
	text-decoration: none;
}


.conditionBox,
.footer-content{
	color: #111;
	padding: 15px 20px;
}
.conditionBox{
	background: rgba(0,156,139, 0.7);
	color: #fff;
	max-width: 300px;
}
.footer-content{
	padding: 40px 50px;
	text-align: center;
}
.footer-content.white{
	border-top: 10px solid #009c8b;
	
	background: #fff;
}
.footer-content.grey{
	background: #eee;
	text-align: left;
}
#footer .footer-content.grey h2,
#footer .footer-content.grey h3{
	text-align: left;
	margin-top: 0;
}
.footer-content.grey p{
	margin-bottom: 7px;
}
.footer-content.dark{
	background: #000;
	color: #aaa;
	text-align: left;
}
.conditionBox p{
	margin: 0 0 0 0;
	padding-left: 40px;
}

.conditionBox img{
	width: 25px;
	height: auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#footer .dark ul,
#footer .dark ul li{
    list-style: none;
	margin: 0;
	padding: 0;
}

#footer .dark ul li {
	float: left;
}




body#page-1 .tx-felogin-pi1 .inputWrap{
	width: 30%;
	margin-right: 1%;
	float: left;
}
body#page-1 .tx-felogin-pi1 .inputWrap input{
	width: 100%;
}
body#page-1 .tx-felogin-pi1 .inputWrap input[type=text],
body#page-1 .tx-felogin-pi1 .inputWrap input[type=password]{
	color: #000;
}
body#page-1 .tx-felogin-pi1 .inputWrap label{
	color: #fff;
}

body#page-1 .tx-felogin-pi1 .inputWrap input[type=submit]{
	height: 40px;
}

#footer .dark #c49 a:link,
#footer .dark #c49 a:active,
#footer .dark #c49 a:visited,
#footer .dark .ce-menu a:link,
#footer .dark .ce-menu a:active,
#footer .dark .ce-menu a:visited,
#footer .dark #c51 a:link,
#footer .dark #c51 a:active,
#footer .dark #c51 a:visited,
#footer .dark a.mail:link,
#footer .dark a.mail:active,
#footer .dark a.mail:visited,
#footer .dark a.external-link-new-window:link,
#footer .dark a.external-link-new-window:active,
#footer .dark a.external-link-new-window:visited{
	color: #aaa;
	font-weight: 500;
	text-decoration: none;
	transition: 0.2s;
	
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    
	padding: 0;
	margin: 0;
	height: auto;
	line-height: inherit;
	font-size: 14px;
	background: transparent;
}
#footer .dark #c49 a:hover,
#footer .dark #c46 a:hover,
#footer .dark #c51 a:hover{
	color: #fff;
	text-decoration: underline;
}

#c15, 
#c63{
	margin-bottom: 60px;
}


#footer #c49 a{
	font-weight: 300;
}
.pseudoCheckboxWrap{
	display: inline-block;
	vertical-align: top;
}
.pseudoCheckbox{
	border: 1px solid #ddd;
	color: #999;
	transition: 0.2s;
	
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	padding: 0px 15px;
	font: 500 16px/40px "proxima-nova", Helvetica, Arial, sans-serif;
}
.pseudoCheckbox.checked{
	color: #000;	
	border: 1px solid #009c8b;
}

.pseudoCheckboxWrap .savingPercent{
	text-align: center;
	color: #999;
	font-size: 12px;
	padding-top: 4px;
}


.inputs span{
	font: 500 16px/40px "proxima-nova", Helvetica, Arial, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
    height: 40px;
    box-sizing: border-box;
    vertical-align: top;
}

.roi-calc .roi-calc-inner,
.roi-result .roi-result-inner,
.roi-request .roi-request-inner,
.roi-request-visible .roi-request-visible-inner,
body#page-30 #content .content-container-inner{
	padding: 30px;
}
.roi-calc{
	overflow: hidden;
}
.roi-result,
.roi-request{
	height: 0;
	overflow: hidden;
	position: relative !important;
	border-top: 1px solid #ddd;
}
.roi-result .roi-result-inner,
.roi-request .roi-request-inner,
.roi-calc .roi-request-inner{
	position: absolute;
	width: 100%;
}


.external-link-new-window{
	font-weight: 400;
}

a.btn-default,
.btn-default,
.internal-link,
.pseudoButton,
input.submit,
.listActions .DTTT_button_xls,
body#page-30 .internal-link-new-window,
a.btn-default:active,
.btn-default:active,
.internal-link:active,
.pseudoButton:active,
input.submit:active,
.listActions .DTTT_button_xls:active,
body#page-30 .internal-link-new-window:active,
a.btn-default:visited,
.btn-default:visited,
.internal-link:visited,
.pseudoButton:visited,
input.submit:visited,
.listActions .DTTT_button_xls:visited,
body#page-30 .internal-link-new-window:visited,
button.DTTT_button,
div.DTTT_button,
a.DTTT_button{
	-moz-appearance: none;
    -webkit-appearance: none;
    background-color: #26a9f2;
    border-radius: 0;
    border: 0 solid #67c3f6;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    line-height: normal;
    margin: 0 0 1.25em;
    padding: .75em 1.5em .8125em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s;
	
}
input[type=submit],
.roi-request-visible .pseudoButton,
.pseudoButton.flexible,
.internal-link,
.btn-default,
.csc-mailform input.submit,
.btn-default:active,
.roi-request-visible .pseudoButton:active,
.pseudoButton.flexible:active,
.internal-link:active,
.btn-default:visited,
.csc-mailform input.submit:active,
.roi-request-visible .pseudoButton:visited,
.pseudoButton.flexible:visited,
.internal-link:visited,
.external-link-new-window:visited,
.csc-mailform input.submit:visited,
body#page-30 .internal-link-new-window,
body#page-30 .internal-link-new-window:active,
body#page-30 .internal-link-new-window:visited{
	width: auto;
}

a.btn-default:hover,
.btn-default:hover,
.internal-link:hover,
.pseudoButton:hover,
input.submit:hover,
.listActions .DTTT_button_xls:hover,
body#page-30 .internal-link-new-window:hover,
button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover{
	text-decoration: none;
	background: #c22b58;
	color: #fff;
}
.pseudoButton.inactive,
.pseudoButton.disabled{
	pointer-events: none;
	background: #ddd;
	color: #999;
}
.rt-listing .pseudoButton.disabled{
	display: inline-block;
}
.pseudoButton.green{
	background: #3c763d;
	pointer-events: none;
	
}



.link-default{
	padding: 10px 0px;
	display: inline-block;
	
}

html input[disabled]{
	background: #eee;	
	color: #999;
}
#profileSubmit{
	width: 100%;
	text-align: center;
}

p.success{
	color: #3c763d;
}

.listActions .DTTT_button_xls,
.pseudoButton{
	width: auto !important;
}


.roi-calc .preis,
.roi-calc .jahr{
	float: left;
	width: 230px;
}

.roi-calc .berechnen{
	float: left;
	width: 120px;
}

.roi-request input.email{
	width: 440px;
	text-align: left;
	float: left;
	margin-right: 10px;
}

.roi-request input.submit{
	width: 130px;
	float: left;
}

#replacableSession,
.response #replacablePersonprofile,
#replacableMeetings{
	display: none;
}


#overlayPopup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	display: none;
	opacity: 0;
	z-index: 999;
	
	perspective: 600px;
}


#overlayPopup .bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	
	background: rgba(0,0,0,0.8);
}

#overlayPopup .popupContent{
	background: #fff;
	margin: 0 auto 0 auto;
	max-width: 640px;
	position: absolute;
	left: 0;
	right: 0;
	overflow-y: scroll;
	max-height: 90%;
	
	
	opacity: 0;
	
	transform-origin: 50% 50%;

	transform: rotateX(30deg) scale(0.5);
	-webkit-transform: rotateX(35deg) scale(0.5);
	-moz-transform: rotateX(35deg) scale(0.5);
	-ms-transform: rotateX(35deg) scale(0.5);
	-o-transform: rotateX(35deg) scale(0.5);
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}


#overlayPopup .popupContent.show{
	opacity: 1;
	transform: rotateX(0deg) scale(1);
	-webkit-transform: rotateX(0deg) scale(1);
	-moz-transform: rotateX(0deg) scale(1);
	-ms-transform: rotateX(0deg) scale(1);
	-o-transform: rotateX(0deg) scale(1);
}

#overlayPopup .popupContent h2{
	padding-right: 50px;
}

#overlayPopup .popupContent-inner{
	padding: 30px;
}


#overlayPopup .popupContent-inner .default-content{
	    max-height: 500px;
}

#overlayPopup .popupContent-closer{
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
}

#overlayPopup .popupContent-closer img{
	width: 25px; 
	height: auto;
	opacity: 0.4;
	transition: 0.2s;
	
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#overlayPopup .popupContent .response{
	opacity: 0;
}

#overlayPopup .popupContent-closer:hover img{
	opacity: 1;
}


form .inputWrap input[type=text],
form .inputWrap input[type=password]{
	text-align: left;
}

.login-content{
	display: none;
}



table#example{
	width: 100% !important;
}

body#page-24 .tx-felogin-pi1{
	padding: 30px;
	border-bottom: 1px solid #ddd;
}

body#page-24 .tx-felogin-pi1 h2{
	float: left;
	display: inline;
	margin-right: 30px;
	margin-bottom: 0;
}

body#page-24 .tx-felogin-pi1 form{
	float: right;
}

#content-admin,
#content-table,
#content-inhalt{
	padding: 30px;
	background: #fff;
}

#content-table{
	background: #fff;
	padding-left: 0;
	padding-right: 0;
}
#content-table .inner{
	padding-right: 0px;
	padding-left: 0px;
}

body#page-52 #content-table .inner,
body#page-53 #content-table .inner,
body#page-54 #content-table .inner,
body#page-55 #content-table .inner,
body#page-56 #content-table .inner,
body#page-59 #content-table .inner{
	padding: 0;
}
body#page-59 #content-table{
	overflow-x: scroll;
	
}
.showAll{
	margin-top: 10px;
}

.checkboxLabel{
	line-height: 35px;
}



body#page-29 #content .content-container .content-container-inner{
	padding: 50px 30px;
}


input.jahrespreis{
	width: 120px;
}





.listActions .liveSearch{
		position: relative;
		height: 50px;
	}
	
	.listActions .liveSearch .s-wrap{
		position: relative;
	}
	
	.listActions .liveSearch input.sword{
		float: left;
		display: block;
		width: 100%;	
		text-align: left;
	}
	.listActions .liveSearch .searchIcon{
		position: absolute;
		right: 10px;
		top: 8px;
		width: 25px;
		height: auto;
		transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;    /* FF3.7+ */
		-o-transition: all 0.2s linear;      /* Opera 10.5 */
		-webkit-transition: all 0.2s linear; /* Saf3.2+, Chrome */
	}
	.listActions .liveSearch .searchIcon.hide{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.listActions .liveSearch .resetButton{
		position: absolute;
		right: 15px;
		top: 13px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;    /* FF3.7+ */
		-o-transition: all 0.2s linear;      /* Opera 10.5 */
		-webkit-transition: all 0.2s linear; /* Saf3.2+, Chrome */
	}
	.listActions .liveSearch .resetButton.show{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	
	.listActions .liveSearch .resetButton.show:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	
	
	.infoButton{
		display: inline-block;
		border-radius: 10px;
		background: #aaa;
		color: #fff;
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		text-align: center;
		position: relative;
		top: -10px;
		font-weight: 500;
		cursor: pointer;
		transition: 0.2s;
		
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
	}
	
	.infoButton:hover{
		background: #000;
	}
	
	
	
	
	
	
	
.buttons-social li {
    display: block;
    float: left;
}

.buttons-social li a {
    background: url(../../media/pixel/sprite_logos.png) no-repeat;
    display: block;
    height: 32px;
    opacity: 0.45;
    text-indent: -9999px;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    width: 32px;
}

.buttons-social li a:hover,
.buttons-social li a:active {
    opacity: 1;
    transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms;
}

.buttons-social .tw a {
    background-position: -192px 0;
}

.buttons-social .yt a {
    background-position: -224px 0;
}

.buttons-social .fb a {
    background-position: -256px 0;
}

.buttons-social .li a {
    background-position: -288px 0;
}


#footer .buttons-social .email a {
    background-position: -896px 0;
}	
	
@media only screen and (min-width: 1024px){
	#footer .buttons-social .yt a {
	    background-position: -608px 0;
	}	
	
	#footer .buttons-social .tw a {
	    background-position: -576px 0;
	}
	#footer .buttons-social .fb a {
	    background-position: -640px 0;
	}
	#footer .buttons-social .li a {
	    background-position: -672px 0;
	}
	#footer .buttons-social .email a {
	    background-position: -896px 0;
	}

}
	/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

#printHeader{
	display: none;
}


.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
	width: 100%;
}

.dataTables_processing {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 320px;
	height: auto;
	margin-left: -160px;
	margin-top: -15px;
	padding: 30px;
	border: 2px solid #ddd;
	text-align: center;
	color: #009c8b;
	font-size: 14px;
	background-color: #fff;
	font: 500 20px/26px "proxima-nova", Helvetica, Arial, sans-serif;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	display: none;
}

.dataTables_info {
	width: 60%;
	float: left;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100% !important;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}
table.display thead{
	background: transparent;
}
table.display thead th {
	padding: 15px 18px 15px 10px;
	border-bottom: 2px solid #ccc;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	color: #666;
	line-height: 16px;
	* cursor: hand;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
table.display thead th.sorting_asc,
table.display thead th.sorting_desc,
table.display thead th:hover{
	color: #000;
	border-bottom: 2px solid #000;
}
table.display thead th.sorting_disabled{
	color: #999 !important;
	padding: 15px 10px 15px 10px;
	border-bottom: 2px solid #666666 !important;
	cursor: default;
}

table.display thead th.center{
	text-align: center;
}

table.display th span{
	display: block;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 10px 10px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	vertical-align: top;
	
	border-bottom: 0;
	color: #000;
}

table.display td.center {
	text-align: center;
}
table.display td.center.teilnahme{
	vertical-align: middle;
}
table.display td.right {
}
table.display td.tstamp {
	font-size: 14px;
	line-height: 18px;
}

table.display th.teilnehmerLink,
table.display td.teilnehmerLink{
	padding-left: 30px;
}

table.display th.tstamp,
table.display td.tstamp{
	padding-right: 30px;
}

table.display th button{
	display: none;
}

table.display td div.redSquare{
	width: 10px;
	height: 10px;
	background: #aa233d;
	display: block;
	margin: 0 auto;
}
table.display td div.greenSquare{
	width: 10px;
	height: 10px;
	background: #008b00;
	display: block;
	margin: 0 auto;
}

table.display td.status{
	vertical-align: top;
}

table.display td.status div{
	width: 30px;
	height: 17px;
	display: block;
	margin: 0 auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../../media/pixel/sort-icon-asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../../media/pixel/sort-icon-dsc.png') no-repeat center right;
}

.sorting {
	background: url('../../media/pixel/sort-icon-both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../../media/pixel/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../media/pixel/sort_desc_disabled.png') no-repeat center right;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 10px 15px 15px 0px;
}

.top .dataTables_info {
	float: none;
	display: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}



.dataTables_wrapper .dataTables_paginate{
	float: none;
}

.dataTables_wrapper .info .dataTables_paginate{
	width:100%;
	text-align: left;
	padding-top: 40px;
	position: relative;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
	float: none;
	position: absolute;
	left: 0;
	margin-left: 30px;
	padding: 15px 25px;
	background: #009c8b url("../../media/vector/icon_backward.svg") no-repeat center center;
	background-size: 40px 20px;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{
	background: #fff url("../../media/vector/icon_backward_colored.svg") no-repeat center center !important;
	background-size: 40px 20px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{
	float: none;
	position: absolute;
	right: 0;
	margin-right: 30px;
	padding: 15px 25px;
	background: #009c8b url("../../media/vector/icon_forward.svg") no-repeat center center;
	background-size: 40px 20px;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
	background: #fff url("../../media/vector/icon_forward_colored.svg") no-repeat center center !important;
	background-size: 40px 20px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	  box-sizing: border-box;
	  display: inline-block !important;
	  padding: 0px 10px;
	  margin-left: 0px;
	  border-radius: 0px;
	      font: 500 16px/20px "proxima-nova", Helvetica, Arial, sans-serif;
	  padding: 15px;
	  text-align: center;
	  text-decoration: none !important;
	  cursor: pointer;
	  *cursor: hand;
	  color: #fff !important;
	  background: #009c8b;
	  border: 0px solid transparent;
	  
	  transition: 0.2s;
	  -webkit-transition: 0.2s;
	  -moz-transition: 0.2s;
	  -ms-transition: 0.2s;
	  -o-transition: 0.2s;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button{
	margin: 0 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #000 !important;
  border: 0;
  background: transparent !important;
  border: 1px solid #000;
  pointer-events: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 0 solid transparent;
  background: transparent;
  box-shadow: none;
  pointer-events: none !important;
  cursor: none !important;
  *cursor: none !important;
  background: #333;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled{
	background: #eee url("../../media/vector/icon_backward_disabled.svg") no-repeat center center;
	background-size: 40px 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled{
	background: #eee url("../../media/vector/icon_forward_disabled.svg") no-repeat center center;
	background-size: 40px 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #ffffff !important;
  border: 0px solid #111111;
  background: #386e5b !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #009c8b;
}



.dataTables_wrapper .dataTables_paginate span{
	text-align: center;
	width: 100%;
	display: block;
	float: left;
	padding: 0 100px;
}

.dataTables_wrapper .dataTables_paginate span span{
	display: inline-block;
	width: auto;
	    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0px 10px;
    margin-left: 2px;
    text-align: center;
    float: none;
}


table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #ddd;
	
}

tr.odd td.sorting_2 {
	background-color: #ccc;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #ccc;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

.DTTT_container, .ansprechpartner .DTTT_container {
  display: block;
  position: relative;
}


.filterMatches{
}

iframe{
	min-height: 576px;
}

.grey.row iframe{
    min-height: inherit !Important;
}

.grey {
    background: #DBDBDB;
}

.grey h2 {
    color: #e54a79;
}

.roi-request{
	background: #ddd;
	height: 0;
	position: relative;
}

.roi-request h2 {
	padding: 30px 0 0 30px;
	margin-bottom: 0;
}


.roi-request-inner {
	height: 100%;
	position: relative !important;
	padding: 0 !important;
}



@media screen and (max-width: 380px) {
	span.countdown-section:first-child {
		margin-right: 15px !important;
	}
	span.countdown-section:last-child {
		margin-left: 15px !important;
	}
	.countdown-section {
		margin-right: 0 !important;
	}

	#defaultCountdown {
		width: 143px;
	}
}

#c87,
#c83{
	text-align: center;
}

#c86 p, 
#c84 p{
	margin-bottom: 0;
}

body#page-30 #content .internal-link-new-window{
	width: 100%;
	text-align: center;
}

#defaultCountdown{
	display: table;
	margin: 0 auto;
}

#defaultCountdown .countdown-section{
	display: block;
	float: left;
	margin-right: 15px;
}
#defaultCountdown .countdown-section span{
display: block;
text-align: center;
}

#defaultCountdown .countdown-section .countdown-amount{
	border: 1px solid #aedddb;
	text-align: center;
	width: 64px;
	letter-spacing: 7px;
	padding-top: 5px;
	line-height: 40px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 42px;
	color: #009c8b;
	text-indent: 3px;
	position: relative;
}
#defaultCountdown .countdown-section .countdown-amount::before{
	content: "";
	display: block;
	position: absolute;
	left: 30px;
	top: 0;
	height: 100%;
	border-right: 1px solid #8fc0bf;
}
#defaultCountdown .countdown-section .countdown-period{
	
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	
	font-weight: 300;
	color: #8fc0bf;
}




.tx-felogin-pi1 h3{
	    display: inline-block;
    font-weight: 300;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
        color: #009c8b;
}

.tx-felogin-pi1 p{
	margin-top: 0;
}
.rt-listing{
	margin-top: 20px;
}


.rt-item h2{
	margin-bottom: 10px;
}

.rt-item .rt-image{
	float: right;
	width: 25%;
}
.rt-item .rt-image img{
	width: 100%;
	height: auto;
}
.rt-item .rt-text{
	float: left;
	width: 75%;
}

.rt-item .rt-image .rt-image-inner{
	padding: 0 0 0 10px;
}
.rt-item .rt-text .rt-text-inner{
	padding: 0 10px 0 0;
}
.rt-item .logo{
	max-width: 150px;
	height: auto;
	margin-top: 10px;
}

.rt-item .rtSessions{
	padding-top: 15px;
}


.content_title{
	font-weight: 500;
	margin-bottom: 10px;
}


.space15 {
    margin-top: 15px;
}

.space50 {
    margin-top: 50px;
}

.bott_space50 {
    margin-bottom: 50px;
}


.margin-bottom-5{
	margin-bottom: 5px;
}

.float{
	float: left;
	margin-right: 10px;
}

.form-space{
	display: block;
	clear: both;
	width: 100%;
	height: 10px;
}

.form-row{
	position: relative;
	clear: both;
	margin-top: 12px;
}
.form-row.split-50-50 .inputWrap,
.usr_title{
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
.usr_title{
	float: right;
}

.form-row.split-33-33-33 .inputWrap{
	width: 32%;
	float: left;
	margin-right: 2%;
}

.form-row.split-50-50 .inputWrap.wrap-2,
.form-row.split-33-33-33 .inputWrap.wrap-3{
	margin-right: 0px;
}



.form-row.split-30-70 .inputWrap{
	width: 29%;
	float: left;
	margin-right: 5%;
}
.form-row.split-30-70 .inputWrap.wrap-2{
	width: 66%;
	margin-right: 0px;
}

.form-row.split-70-30 .inputWrap{
	width: 66%;
	float: left;
	margin-right: 5%;
}
.form-row.split-70-30 .inputWrap.wrap-2{
	width: 29%;
	margin-right: 0px;
}

.form-row.split-80-20 .inputWrap{
	width: 76%;
	float: left;
	margin-right: 5%;
}
.form-row.split-80-20 .inputWrap.wrap-2{
	width: 19%;
	margin-right: 0px;
}

.radioGroup .radio{
	float: left;
	margin-right: 20px;
}
.radioGroup .radio.last{
	margin-right: 0px;
}

#profileinfoUpdate{
	display: none;
}

#profileinfoUpdate .radioGroup .radio {
    float: left;
    margin-right: 10px;
}

#profileinfoUpdate .iradio, 
#profileinfoUpdate .icheckbox_yes, 
#profileinfoUpdate .icheckbox_no, 
#profileinfoUpdate .icheckbox_open, 
#profileinfoUpdate .icheckbox{
	margin-right: 4px;
}

.inputWrap{
	position: relative;
}
.inputWrap .radio{
	margin-top: 5px;
}
.inputWrap.radio,
.inputWrap.checkbox{
	margin-bottom: 5px;
}
.inputWrap label,
.form-row label{
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	cursor: text;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.inputWrap.disabled.radio label,
.inputWrap.disabled.checkBox label{
	color: #999;
}
.inputWrap .radio label,
.form-row .radio label{
	display: inline;
}
.inputWrap span{
	font-size: 13px;
	line-height: 16px;
	display: block;
	padding-top: 5px;
}
.inputWrap label.hide{
	opacity: 0;
	filter: alpha(opacity=0);
}
.inputWrap label.error{
	color: #d71d1d;
	display:block; 
	position: static;
	top: 0;
	padding-left: 0px;
	margin-bottom: 10px;
	background: #fff;
}

.inputWrap .icheckbox label.error{
	width: 280px;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


.checkboxWrap{
	float: left;
}
.checkBox .icheckbox_flat{
	float: left;
	margin-right: 10px;
}

.radioGroup{
	margin-top: 12px;
}


.popupContent form input[type=text],
.popupContent form input[type=number],
.popupContent form input[type=email],
.popupContent form input[type=password],
input[type=text],
input[type=email]{
	width: 100%;
}

.popupContent form input[type=submit]{
	background: #26a9f2;
	font-weight: 400;
}

.popupContent form input[type=submit]:hover{
	background: #67c3f6;
}


.popupContent .leftSide{
	float: left;
	width: 60%;
}
.popupContent .leftSide .leftSide-inner{
	padding-right: 15px;
}
.popupContent .rightSide{
	float: right;
	width: 40%;
}
.popupContent .rightSide .rightSide-inner{
	padding-left: 15px;
}

.spacer-30{
	height: 30px;
	line-height: 1px;
	width: 100%;
}
.spacer-20{
	height: 20px;
	line-height: 1px;
	width: 100%;
}
.spacer-10{
	height: 10px;
	line-height: 1px;
	width: 100%;
}


#personSubmit{
	display: block;
	outline: none !important;
	width: auto !important;
}

.m-listing{
	margin-top: 30px;
	margin-bottom: 60px;
}

.m-listing h2{
	border-bottom: 1px solid #e54a79;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.m-listing-day{
	padding: 0px;
}

.m-listing-day .dateTime{
	margin-top: 20px;
	display: block;
}

.m-item a,
.m-item a:visited{
	
	
	width: 80px;
	text-align: left;
	background: #ccc;
	margin: 0 2px 2px 0;
	float: left;
	font: 500 14px/18px "proxima-nova", Helvetica, Arial, sans-serif;
	display: inline-block;
    padding: 4px 15px 13px 6px;
    color: #fff;
    background: #999;
    transition: 0.2s;
    outline: none !important;
	text-decoration: none;
}
.m-item a:hover{
	background: #c22b58;
}
.m-item a:active{
	background: #333;
}

.m-item.disabled a{
	pointer-events: none;
}


.m-item.requested a{
	background: #efbc4e;
}

.ts-mitarbeiter .m-item.enabled a{
	pointer-events: none;
	background: transparent;
	border: 2px solid #e54a79;
	color: #e54a79;
}
.ts-mitarbeiter .m-item.confirmed a{
	pointer-events: all;
	background: #3c763d;
	border: 0;
	border: 2px solid #3c763d;
	color: #fff;
}

.legend{
	padding: 10px 0px;
}

.legend-item{
	float: left;
	margin-right: 10px;
}
.legend-item .block{
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.legend-item.full .block,
.m-item.disabled a{
	background: #e54a79;
}
.legend-item.full span{
	color: #e54a79;
}
.legend-item.request .block{
	background: #efbc4e;
}
.legend-item.request span,
p .request{
	color: #efbc4e;
}
.legend-item.free .block{
	background: #999;
}
.legend-item.free span{
	color: #999;
}
.legend-item.confirm .block,
.m-item.confirmed a{
	background: #3c763d;
}
.legend-item.confirm span,
p .confirmed{
	color: #3c763d;
}


.ts-mitarbeiter .legend-item.free .block{
	background: transparent;
	border: 2px solid #e54a79;
}

.unconfirmed-row{
	padding: 10px 0;
	border-bottom: 1px dotted #e54a79;
}
.unconfirmed-row.last-row{
	border-bottom: 0px;
}

.unconfirmed-row .row-item{
	float: left;
	margin-right: 2%;
	width: 32%;
}

.unconfirmed-row .row-item.last{
	margin-right: 0;
}

ul.typo3-messages{
	margin: 30px 0 0 0;
	padding: 0;
}
ul.typo3-messages li{
	list-style: none;
	margin: 0;
}



.csc-mailform ol{
	margin: 6px 0 0 0 !important;
	padding: 0 !important;
	top: 0 !important;
	
}
.csc-mailform fieldset.fieldset-subgroup legend{
	width: 100%;
}
.csc-mailform fieldset.fieldset-subgroup legend,
.csc-mailform label{
	    color: #333;
    font-size: 14px;
    font-weight: 500 !important;
    width: 100% !important;
}


.csc-mailform .csc-form-element-radiogroup ol li label{
	width: auto !important;
    font-size: 16px;
}

.csc-mailform .csc-form-element{
	margin-bottom: 10px;
}

.csc-mailform .csc-form-5{
	width: 48%;
	margin-right: 1%;
	display: inline-block;
	float: none;
}
.csc-mailform .csc-form-6{
	width: 48%;
	margin-left: 1%;
	display: inline-block;
	float: none;
}

.csc-mailform #field-5{
	height: auto;
}
.csc-form-element-radiogroup ol{
	margin-top: 6px;
}
.csc-form-element-radiogroup ol li{
	float: left;
	margin-right: 10px !important;
	min-width: 60px;
}

.csc-mailform label em{
	display: inline-block;
	color: #333;
	text-transform: none;
	font-size: 100%;
	font-style: italic;
}




#page-35 #c99 .btn,
#page-35 #c100 .btn,
#page-35 #c194 .btn{
	width: 100%;
	text-align: center;
}



	.toggleBtn{
		border: 2px solid #005baa !important;
	}
	.toggleBtn.active{
		background: #fff;
		color: #000;
		border: 2px solid #ccc !important;
		pointer-events: none;
	}
	
	.dataTables_scrollHead{
		overflow-y: visible !important;
	}
	
	.dtErfasst{
		padding-left: 30px !important;
	}

.show-mobile {
	display: none;
}

#page-35  .row .col-md-9, #page-75  .row .col-md-9{ float:none !important; }

@media screen and (min-width: 992px) {
	
	#page-35  .row .col-md-9, #page-75  .row .col-md-9 {float:right !important;}
}

@media screen and (min-width: 992px) {
	div#c91.l-1 {
		margin-top: 180px;
	}

	#c221{
		margin-top: 180px;
		overflow-y: auto;
	}
}

@media (max-width: 767px) {
	.l-1 h1, #unterseiteHeader span {
	    font-size: 30px !important;
	    line-height: inherit;
	    padding-left: 0;
	}

	h2 {
		margin-bottom: 0 !important;
	}


}

.phone {
	pointer-events: none;
}

@media screen and (max-width: 991px) {
	.imageGroup {
		margin-top: 50px;
	}

	.phone {
		pointer-events: initial;
	}

	.show-mobile {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 0;
		height: 180px;
		width: 100%;
	}
	#content {
		padding: 0 50px !important;
		height: auto;
	}

	.footer-content.grey {
		padding-left: 50px;
		padding-right: 50px;
	}

	#c209 .ce-menu.ce-menu-1 {
		padding: 25px 0;
	}
	
	.imageGroup.showAnim{
		position: relative;
		width: initial;
	}

	.imageContainer {display: none;}
	img.lazy {
		display: none !important;
	}
	img.show-mobile  {
		width: 80vw;
		height: auto;
		position: relative;
		transition: 1s;
		text-align: center;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.l-1 h1, #unterseiteHeader span {
		padding-left: 0px !important;
	}

	#mob-1, #mob-2, #mob-3 {
		opacity: 0;
		display: none;
		transition: opacity 140ms ease-in;
	}

	.pos1 #mob-1, .pos2 #mob-2, .pos3 #mob-3 {
		opacity: 1;
		display: block;
	}
}

#page-1 {
	background-image: url(/inhorgenta/RingSilber.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 40%;
	background-position: bottom right;
}

#page-1 #content{
	padding-left: 0;
	background: transparent;
	height: calc(100vh - 180px);
}

#page-1 #c8 {
	margin: 180px auto 0;
}

.desktopNav li:nth-child(3) {
	display: none;
}

#page-1 #c8 {
	text-align: center;
}

#page-1 .footer-content.grey {
	display: none;
}

#page-1 .tx-felogin-pi1 p, #page-1 #c8 h1{
	text-align: center;
}

#page-52 #c8, #page-56 #c8, #page-74 #c8{
	display: none;
}

.erfasserImage {
	display: none;
}


#page-52, #page-56, #page-74{
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 300px;
	background-position: top right;
	background-color: #000;
}

#page-52 #content, #page-56 #content, #page-74 #content {
	background: transparent;
}

#page-52 .content-nav ul li a.active, #page-56 .content-nav ul li a.active, #page-74 .content-nav ul li a.active {
    background: #01447f !important;
    color: #fff;
}

#content .content-container p {
	color: #000;
}

#content-admin .addUser {
	display: none;
}