@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:none;
	list-style-type:none;
}

@font-face{ 
	font-family: 'LeandooFont';
	src:
	url('../leandoo-font/Brandon_txt_light-webfont.woff') format('woff'),
	url('../leandoo-font/Brandon_txt_light-webfont.woff2') format('woff2');
}

@font-face{ 
	font-family: 'LeandooFontBold';
	src:
	url('../leandoo-font/Brandon_txt_reg-webfont.woff') format('woff'),
	url('../leandoo-font/Brandon_txt_reg-webfont.woff2') format('woff2');
}

html[xmlns^="http"] {
	overflow-y: scroll;
}

/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
/*::selection {
    background: #CDDC29;
    color: #ffffff;
}*/
/* und hiermit der Firefox >=1 */
/*::-moz-selection {
    background: #CDDC29;
    color: #ffffff;
}
*/

:focus {
	outline: 0;
}

h1, h2, h3, h4, h5, h6, h7 { font-weight:normal; }

body {
	padding:0;
	margin:0;
	background: #034e6a;
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	color:#0e3c4c;
	font-size:18px;
	line-height:26px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

/*INT FOOTER*/
body.light {
	background: #ffffff;
}
body.medium {
	background: #e6e9ec;
}
/*INT FOOTER END*/

a { color:#0e3c4c; }

a.mobilenav { display: none; color: #1DAFEC; font-size: 22px; }
a.mobilenav:active { color:#E9168C; }

.overlayBox {
    position: fixed;
    background: #ffffff;
    min-width: 280px;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -180px;
    border-radius: 5px;
    padding: 20px;
    z-index: 100;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.6);
}

.overlayBoxInner {
	overflow:scroll;
	max-height:250px;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:#EAF0EF solid 1px;
}

.overlayBox textarea {
	height:200px;
}

.overlayBox input {
	margin-bottom:6px;
}

.overlayBox a.close:link, .overlayBox a.close:visited {
	position:absolute;
	right:-15px;
	top:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#ffffff;
	border-radius:50%;
	text-decoration:none;
	color:#ccc;
}


strong {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-weight:normal !important;
}

.small {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:12px;
}

a.scrollup:link, a.scrollup:visited {
	display:none;
	text-align:center;
	width:50px;
	height:50px;
	line-height:50px;
	background:#29b5e4;
	color:#ffffff;
	position:fixed;
	z-index:99999;
	right:0;
	bottom:0;
	border-top-left-radius:12px;
}

a.scrollup:hover {
	background:#2c3a3f;
	color:#29b5e4;
}

input, select, textarea {
    width: 100%;
    background: #e6e9ec;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    margin: 0 0 16px 0;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    resize: none;
	border:#dcdedf solid 1px;
    /*box-shadow: inset 1px 3px 6px -6px #000000;*/
}

.selectOutter {
	position: relative;
}

.selectOutter select {
	position: relative; left: 0;
}

.selectOutter .fa-angle-down {
	position: absolute; right: 10px; top:4px; pointer-events: none;
}

input.error, textarea.error, select.error  {
	background-color:#FF0000;
	color:#ffffff;
}

input.submitBtn {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #CDDC29;
	border:none;
    border-bottom: #b5c225 solid 1px;
    padding: 14px 26px 14px 26px;
    color: #4d6523;
    text-decoration: none;
	cursor: pointer;
}

input.submitBtn.wa {
	width:auto;
}

input.submitBtn.small, input.submitBtn.small:active {
    padding: 8px 12px !important;
}

input.submitBtn.cancel {
    background:#e6e9ec;
	border-color:#A1B2B8;
	color:#A1B2B8;
}

input.submitBtn:active {
    background: #8cce60;
    border-bottom: #b5c225 solid 1px;
    padding: 15px 26px 13px 26px;
}

label {
	display:block;
	margin-bottom:5px;
	padding-left:9px;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:16px;
}

form#registration .colA, section#internalMyLeandoo .colA, form#add_absence .colA, form#registration_as_parent .colA, form#internal_children .colA {
	float:left;
	width:48%;	
}

form#registration .colB, section#internalMyLeandoo .colB, form#add_absence .colB, form#registration_as_parent .colB, form#internal_children .colB {
	float:right;
	width:48%;
}

form#registration_as_parent .colA33, form#contact_enquiry .colA33, form#add_absence .colA33, form[name=edit_absence] .colA33 {
	width:32%;
	float:left;
	margin-right:2%;
}

form#registration_as_parent .colB33, form#contact_enquiry .colB33, form#add_absence .colB33, form[name=edit_absence] .colB33 {
	width:32%;
	float:left;
}

form#registration_as_parent .colC33, form#contact_enquiry .colC33, form#add_absence .colC33, form[name=edit_absence] .colC33 {
	width:32%;
	float:right;
	margin-left:2%;
}

form#contact_enquiry textarea { resize: vertical; min-height: 190px; }

form[name=compose_answer] textarea[name=answer_text] { min-height:120px; margin-bottom:6px; }

form[name=edit_absence] label {
	text-align: left;
}

form#registration .colStreet, section#internalMyLeandoo .colStreet {
	float:left;
	width:78%;	
}

form#registration .colStreetNo, section#internalMyLeandoo .colStreetNo {
	float:right;
	width:20%;	
}

form#registration .colPostal, section#internalMyLeandoo .colPostal {
	float:left;
	width:25%;	
}

form#registration .colCity, section#internalMyLeandoo .colCity {
	float:right;
	width:70%;	
}

form#registration_as_parent .colInstitution {
	float:left;
	width:70%;	
}

form#registration_as_parent .colPostal {
	float:right;
	width:25%;	
}

form#registration { margin-bottom: 30px; }

form#registration .spacer, form#registration_as_parent .spacer, section#internalMyLeandoo .spacer, form#contact_enquiry .spacer {
	margin:20px auto;
}

form#registration .checkTerms, form#registration_as_parent .checkTerms, form#contact_enquiry .checkTerms {
	margin: 0 0 26px 0;	
}

.checkTerms label {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	font-size: 14px !important;
	line-height: 140%;
	padding-top: 3px;
}

.checkTerms p {
	margin-bottom: 6px;
}

form#registration .checkTerms input.check, form#registration_as_parent .checkTerms input.check, form#contact_enquiry .checkTerms input.check {
	width:auto;
	float:left;
	-webkit-appearance:checkbox;
	-moz-appearance:checkbox;
	appearance:checkbox;
	margin-top:4px;
}

form#registration .checkTerms label, form#registration_as_parent .checkTerms label, form#contact_enquiry .checkTerms label {
	margin-left:18px;
	text-transform:none;
}

p {
	margin-bottom:12px;
}

#internalWelcome p {
	margin-bottom:4px;	
}

.loginform {
	position:fixed;
	display:none;
	background:#ffffff;
	width:300px;
	left:50%;
	top:50%;
	margin-left:-170px;
	margin-top:-180px;
	border-radius:5px;
	padding:20px;
	z-index:100;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.6);
}

.loginform a.close:link, .loginform a.close:visited {
	position:absolute;
	right:-15px;
	top:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#ffffff;
	border-radius:50%;
	text-decoration:none;
	color:#ccc;
}

.loginform input {
    font-size: 14px;
}

/*ON SCROLL SET TO FIXED*/
#navMain {
    position: fixed;
	background:#ffffff;
    width: 100%;
	z-index:21;
}

/*ON SCROLL SET TO FIXED*/

#navMain .logo {
	width:160px;
	margin-top:20px;
	margin-bottom:20px;
	transition:.5s;
}

#navMain .logo img {
	width:100%;
	height:auto;
}

#navMain i.icoMarg {
	margin: 0 5px 0 0;
}

#navMain .navMainOutterInner {
	position: relative;
}

#navMain .navSkipper {
	top: 9px; position:absolute; z-index: 200;
}

#navMain .navSkipper.left {
	left:-20px;
}

#navMain .navSkipper.right {
	right:-20px;
	text-align: right;
}

#navMain .navSkipper a:link, #navMain .navSkipper a:visited {
	display:block;
	width: 25px;
	height: 25px;
	font-size: 25px;
}

#navMain .navMainInner {
	position: relative;
	text-align:left;
	padding-top:10px;
	margin:0;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#navMain .navMainInner a:link, #navMain .navMainInner a:visited {
	position:relative;
	text-decoration:none;
	color:#0186b7;
	font-size:16px;
	margin:0 28px 12px 0;
	border-bottom:transparent solid 3px;
	padding:0 0 2px 0;
	display:inline-block;
}

#navMain .navMainInner a:hover {
	color:#E9168C;
	border-color:#E9168C;
	transition:all linear .2s;
}

#navMain .navMainInner a.first {
	margin-left:0;
}

#navMain .navMainInner a.active:link, #navMain .navMainInner a.active:visited {
	color:#E9168C;
}

#navMain .navMainInner a.login:link, #navMain .navMainInner a.login:visited {
	color:#E9168C;
}

#navMain .navMainInner a.login:hover {
	color:#0186b7;
}

#navMain .navMainInner a.last {
	margin-right:0;	
}

#navMain .navMainInner a .notify {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	position:absolute;
	top:-5px;
	right:-20px;
	background:#ff5853;
	color:#ffffff;
	border-radius:50%;
	width:18px;
	height:18px;
	text-align:center;
	font-size:10px;
	line-height:18px;
}

#navMain .navLabel { font-weight: bold; background:#e6e9ec; position:absolute; font-size:10px; top:-10px; right:0; padding:1px 5px; line-height:normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#navMain .navMainInner a.active .navLabel { background: #E9168C; color: #ffffff; }

#outter {
	background:#ffffff;
	min-width:320px;
	padding:140px 0 40px 0;
	position:relative;
}

.mainpad {
	padding:0 10px;
}

.wrap {
	margin:0 auto;
}

.wrap.w-medium {
	max-width:960px;
}

.wrap.w-large {
	max-width:1200px;
}


header, #header {
	background:url(../images/bg-news.jpg) no-repeat;
/*
	background:#e6ebed url(../images/header-kitaleitung.jpg) no-repeat right;
	background-size:cover;

*/
}

#header .softwareMIG {
	float:right; width:180px; height:180px; margin:0 0 0 40px; background:#ffffff; padding:5px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; 
}

#header .softwareMIG img {
	width:100%; height:auto;
}

#header .wrap {
	padding:40px;
}

#header h2 {
	font-size:28px;
}

#header h3 {
	font-size:52px;
	margin-bottom: 40px;
}

header.reduced, #header.reduced {
	min-height:0;
	/*margin-top:50px;
	margin-bottom:50px;
	background:url(../images/header-kitaleitung-leandoo.jpg) no-repeat center;
	min-height:270px;*/
}

header.internal, #header.internal {
	min-height:0;
	margin-top:50px;
	padding:0;
	height:40px;
	background:#0186b7;
}

.allowCookieBar { background: #0e3c4c; color:#ffffff; padding: 20px; font-size: 13px; position:fixed; left: 0; bottom: 0; z-index: 30; width: 280px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.allowCookieBar p { line-height: normal; }
.allowCookieBar a.btnAccept:link, .allowCookieBar a.btnAccept:visited { display: block; font-family: LeandooFontBold, Helvetica, Arial, sans-serif; text-transform: uppercase;
    border: transparent solid 1px;
    color: #0e3c4c;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    border-radius: 22px;
    background: #CDDC29;
    padding: 8px 14px;
    transition: 0.2s;
    margin: 12px 0; }
.allowCookieBar a.btnAccept:hover { background: #1DAFEC; color: #ffffff; }

.allowCookieBar p.decline { color: #87a2ac; font-size: 10px; }
.allowCookieBar p.decline a:link, .allowCookieBar p.decline a:visited { display: block; font-family: LeandooFontBold, Helvetica, Arial, sans-serif; text-transform:none;
    border: transparent solid 1px;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: normal;
    border-radius: 22px;
    background: #87a2ac;
    padding: 4px 10px;
    transition: 0.2s;
    margin: 12px 0; }

.profileimage a img { transition: .5s; width:192px; height:192px; margin:4px 0 0 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.profileimage a:link, .profileimage a:visited { overflow: hidden; transition: .3s; border-radius:50%; display: block; width:200px; height:200px; margin:0 auto; background:#ffffff; text-align:center; }
.profileimage a:hover { background: #C6E549; }
.profileimage a:hover img { transform: scale(.95)}

.profileimage.marg { margin: 20px auto; }

.profileimage form #imgupload { display: none; }

h1 {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	color:#0186b7;
	font-size:22px;
	line-height:120%;
	margin:0 0 12px 0;
}

h2 {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:120%;
	margin:0 0 12px 0;
}

.spacer_h2 {
	height:2px;
	background:#D91378;
	width:100px;
	margin:15px 0;
}

h3 {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	font-size:38px;
	line-height:130%;
	margin:0 0 40px 0;
}

article.functionArticle {
	padding-bottom: 30px;
	border-bottom: #d8dddc dotted 1px;
	margin-bottom: 40px;
}

.m_onhold li { margin-bottom: 50px; }

#internalContactlist h3, #internalAbsences h3, #internalWall h3, #internalAppointments h3, #internalFoodplan h3 {
	font-size:28px;	
}

#internalAppointments table {
	margin:0 0 30px 0;
}

#internalAppointments article.card.closingday { border:#ff5853 solid 2px; }
.closingdayBanner { background:#ff5853; border-radius:3px; color:#ffffff; padding:6px 12px; float:right; transform: rotate(-3deg); font-size:14px; }

#internalContactlist a { text-decoration: none; border:none; }

section#standard {
	background:#ffffff;
	padding:30px 0;
}

section#benefits {
	background:#ffffff;
	padding:30px;
	margin:0 -10px;
}

section#benefits article.card {
	background:#EAF0EF !important;
}

section#newspage {
	background:#ffffff;
	padding:30px 0;
}

section#newspage article {
	margin: 0 0 100px 0;
}

section#welcome-to-leandoo-datasecure {
	padding:30px 0;
	background: #C4E649;
	margin: 0 -10px 30px -10px;
	overflow: hidden;
	position: relative;
}

section#welcome-to-leandoo-datasecure article {
	padding-right:18%;
}

section#welcome-to-leandoo-datasecure .rotBox {
	background: #fff; width: 500px; height: 500px; position:absolute; right: -200px; transform: rotate(45deg); box-shadow: -5px 14px 10px -5px #99BB52;
}

section#welcome-to-leandoo-datasecure .singetHosted {
	transform: rotate(-45deg); width:150px; height:auto; margin:0 30px -30px -185px;
}

section#welcome-to-leandoo-datasecure .singetTls {
	transform: rotate(-45deg); width:170px; height:auto; margin:358px 0 0 26px;
}

section#welcome-to-leandoo, section#welcome-to-leandoo-customers {
	background:#ffffff;
	padding:30px 0;
}

section#welcome-to-leandoo div.functions, section#welcome-to-leandooo-customers div.functions, section#standard div.functions {
	margin-bottom:30px;
	border-top:#EAF0EF solid 1px;
	padding-top:20px;
}

.functions ul li.headline .count {
	font-size: 38px;
	margin-right: 10px;
}


section#welcome-to-leandoo div.functions ul, section#welcome-to-leandoo-customers div.functions ul, section#standard div.functions ul {
	overflow:hidden;
}

section#welcome-to-leandoo div.functions ul li, section#welcome-to-leandoo-customers div.functions ul li, section#standard div.functions ul li {
	float:left;
	width:33.3333%;
	margin:0 0 3px 0;
}

section#welcome-to-leandoo div.functions ul li.w-100, section#standard div.functions ul li.w-100 {
	width:100%;
}

section#welcome-to-leandoo div.functions ul li.w-50, section#standard div.functions ul li.w-50 {
	width:50%;
}

section#welcome-to-leandoo div.functions ul li.headline, section#standard div.functions ul li.headline {
	float:none;
	width:100%;
	background:none;
	margin-bottom:10px;
	text-align:left;
}

section#welcome-to-leandoo div.functions ul li, section#standard div.functions ul li {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:15px;
	background:#EAF0EF;
	color:#0286B7;
	display:block;
	float:left;
	padding:12px 20px;
	text-decoration:none;
	box-sizing:border-box;
	resize:none;
	transition:0.2s;
	text-align:center;
}
/*
section#welcome-to-leandoo div.functions ul li a:link, section#welcome-to-leandoo div.functions ul li a:visited, section#standard div.functions ul li a:link, section#standard div.functions ul li a:visited {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:15px;
	background:#EAF0EF;
	color:#0286B7;
	display:block;
	float:left;
	width:100%;
	padding:12px 20px;
	text-decoration:none;
	box-sizing:border-box;
	resize:none;
	transition:0.2s;
	text-align:center;
}

section#welcome-to-leandoo div.functions ul li a:hover, section#standard div.functions ul li a:hover {
	background:#dae2e1;
}
*/

section#welcome-to-leandoo-customers div.references {
	float:right;
	width:295px;
	margin:0 18px 24px 50px;
}

section#welcome-to-leandoo-customers div.references ul {

}

section#welcome-to-leandoo-customers div.references ul li {
	width:auto;
	padding:20px;
	background:#EAF0EF;
	margin:0 0 3px 0;
	border-radius: 5px;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height: 140%;
	color:#0286B7;
}

section#welcome-to-leandoo-customers div.references ul li.headline {
	background: url(../images/bg-news.jpg) no-repeat;
	padding:10px 20px 15px 20px;
}

section#welcome-to-leandoo-customers div.references ul li.headline h1 {
	padding: 0;
	margin: 0;
}

section#app {
	/*background:#EAF0EF;*/
	background: #f7d26e;
	padding:30px 0;
	margin:0 -10px;
}

section#app img.nativeApp {
	float: right;
	margin:0 0 0 50px;
}

section#appPage {
	background:#ffffff;
	padding:30px 0;
}

section#appPage img.logoTerminal {
	max-width: 400px; height: auto;
}


section#saas {
	background:#deeed4;
	padding:30px 0 65px 0;
	margin:0 -10px -40px -10px;
}

section#saas ul {
	margin-bottom:30px;
}

section#news {
	background:#ffffff;
	padding:50px 0;
	margin:0 -10px;
}

section#news ul {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
}


section#news ul li {
	position: relative;
	padding:3%;
	margin:0;
	float: left;
	width: 33.3333%;
	background: #eaefee linear-gradient(180deg, #ffffff, #ebebeb);
	min-height: 300px;
	border: #e2e7e6 solid 1px;
	box-sizing: border-box;
	resize: none;
}

section#news ul li:first-child {
	border-right:none;
}

section#news ul li:last-child {
	border-left:none;
}

section#news ul li h3 {
	font-size:24px;
	margin-bottom:16px;
}

section#news ul li a.readmore {
	position: absolute;
	bottom: 20px;
}

section#benefits .colA {
	float:left;
	width: 48%;
    font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    color: #0186b7;
    font-size: 16px;
}

section#benefits .colB {
	float:right;
	width: 48%;
	text-align: right;
    font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    color: #0186b7;
    font-size: 16px;
}

section#benefits .colC {
	width: 75%;
	margin: 0 auto;
	background: url(../../core/images/swing-benefits.svg?v=1.0); background-position: center 10px; background-repeat: no-repeat; padding-top: 8%;
}

section#benefits ul li {
	text-align: center;
}

section#internalWelcome {
	padding:30px 0;
}

section#internalWelcome ul.pincharge li {
	margin-bottom: 12px;
}

section#internalWelcome ul.pincharge .person {
	width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: #EAF0EF solid 1px;
}

section#internalWelcome ul.pincharge .person img {
    width: 100%;
    height: auto;
}

section#internalWelcome ul.pincharge .imgUserName {
	margin-left: 60px;
	padding-top: 12px;
	font-size: 15px;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
}

section#internalMails h1 {
	margin: 0;
}

section#internalMails h1.detail {
	margin-bottom: 20px;
}

section#internalMails h1 a:link, section#internalMails h1 a:visited {
	text-decoration: none;
	color: #0186b7;
}

section#internalMails h1 a:hover {
	color: #0e3c4c;
}

section#internalMails .answers {
	margin-top: 30px;
}

section#internalMails .answers ul li {
	padding: 10px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
	position: relative;
}

section#internalMails .answers ul li .bubble {
	position: absolute;
	width: 20px;
	height: 20px;
}

section#internalMails .answers ul li.question {
	background:#E0F39F;
	color: #525f26;
	margin-left: 5%;
}

section#internalMails .answers ul li.question .bubble {
	left: -20px;
}

section#internalMails .answers ul li.question .bubble path {
	fill:#E0F39F;
}

section#internalMails .answers ul li.answer {
	background:#d9ebf2;
	color:#13465b;
	margin-right: 5%;
}

section#internalMails .answers ul li.answer .bubble {
	right: -20px;
}

section#internalMails .answers ul li.answer .bubble path {
	fill:#d9ebf2;
}

section#internalMails form[name=compose_mail] textarea {
	min-height: 180px;
    resize: vertical;
    border: transparent solid 1px;
    margin-bottom: 4px;
}

section#internalMails .convMembBox {
	float:right;
	background:#EFF8E6;
	width:230px;
	padding:20px;
	font-size:15px;
	border-radius:3px;
	margin-bottom:12px;
	line-height:normal;
	text-align:left;
}

section#internalMails .convMembBox h1 {
	font-size:15px;
	margin:0 0 12px 0;
}

section#internalMails .convMembBox p {
	margin:0 0 3px 0;
}

section#internalMails .answers .deleteAction i.fa { font-size:20px; }

section#internalFoodplan {
	background:#EAF0EF;
	padding:30px;
	margin:0 -10px;
}


section#internalAbsences {
	background:#EAF0EF;
	padding:30px;
	margin:0 -10px;
}

.childselector {
	margin-bottom:20px;
}

.childselector ul {
	overflow:auto; box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

.childselector ul li a.w100 { width:100%; }
.childselector ul li a.w75 { width:75%; }
.childselector ul li a.w50 { width:50%; }
.childselector ul li a.w33 { width:33.3333%; }
.childselector ul li a.w25 { width:25%; }

.childselector ul li a:link, .childselector ul li a:visited {
	display:block; float:left; text-align:center; text-decoration:none; background:#ffffff; padding:20px 0; font-size: 15px;
    font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.childselector ul li a:hover {
	background:#1DAFEC;
}

.addChildAway i.fa { color:#8cce60; }

.weekselector {
	margin-bottom:20px;
}

.weekselector ul {
	overflow:auto; box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

.weekselector ul li {
	float:left; width:16%; padding:0 2%; text-align:center; text-decoration:none; background:#ffffff;
}

.weekselector ul li a {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif; font-size: 14px; text-decoration:none; display:block; padding:20px 0;
}

.weekselector ul li .small {
	margin: 0;
}

.weekselector h1 {
	margin: 0 0 2px 0;
}

section#internalAbsences .userAction, section#internalContactlist .userAction, section#internalWall .userAction, section#internalAppointments .userAction, section#internalMails .userAction {
	float:right;
	margin: 0 0 12px 0;
}

section#internalMails .userAction.btnBack { float:left !important; }
section#internalMails .userAction.btnDelete { float:right !important; background-color: #ff5853; }

section#internalChildren {
	background:#EAF0EF;
	padding:30px;
	margin:0 -10px;
}

section#benefits article.card, section#internalChildren article.card, section#internalFoodplan article.card, section#internalMails article.card {
	background:#ffffff;
	padding:35px;
	border-radius:2px;
	margin-bottom:32px;
	box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6);
}

article.card.center {
	text-align: center;
	margin: inherit;
}

article.card.center .spacer_h2 {
	margin-left:auto; margin-right:auto;
}


section#internalChildren ul.children {
	overflow:auto;
	margin-bottom:20px;
	box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6);
	border-radius:2px;
}

section#internalChildren ul.children li {
	float:left;
	text-align:center;
}

section#internalChildren ul.children li.w33 {
	width:33.33333%;
}

section#internalChildren ul.children li.w50 {
	width:50%;
}

section#internalChildren ul.children li.w100 {
	width:100%;
}

section#internalChildren ul.children li p {
	margin: 0;
}

section#internalChildren ul.children li a {
	display:block;
	text-decoration:none;
    text-align: center;
    background: #ffffff;
    padding: 20px 5%;
}

section#internalChildren ul.children .childimg {
	width: 80px;
    height: 80px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: #EAF0EF solid 1px;
	margin:0 auto 12px auto;
}

section#internalChildren ul.children .childimg img {
    width: 100%;
    height: auto;
}

section#internalChildren ul.vaccinations, section#internalChildren ul.proofs {
	overflow:hidden;
}

section#internalChildren ul.vaccinations li, section#internalChildren ul.proofs li {
	float:left; margin:0 6px 6px 0;
}

section#internalChildren ul.vaccinations li a:link, section#internalChildren ul.vaccinations li a:visited, section#internalChildren ul.proofs li a:link, section#internalChildren ul.proofs li a:visited {
	display:inline-block; text-decoration:none; background:#e6e9ec; padding:10px 15px; border-radius:5px;
}

section#internalChildren ul.vaccinations li a:hover, section#internalChildren ul.proofs li a:hover {
	color: #000000;
}

section#internalChildren ul.portfolio li {
	margin-bottom: 50px;
}

section#internalChildren ul.portfolio li h2 {
	margin: 4px 0 12px 100px; color: #0186b7;
}

section#internalChildren ul.portfolio li img {
	width:100%; height:auto; max-width:800px; margin:0 0 20px 0;
}

section#internalChildren ul.portfolio li .date {
	text-align:center; width: 80px; font-family: LeandooFontBold, Helvetica, Arial, sans-serif; border-radius: 3px; border:#dcdedf solid 1px; float: left; margin-top: -4px; margin-bottom: 20px;
}

section#internalChildren ul.portfolio li .text {
	margin-bottom: 20px;
}

section#internalChildren ul.portfolio li .date p { margin: 0; background: #ffffff; line-height: 32px; }

section#internalChildren ul.portfolio li .date .year {
	font-size: 12px; background: #1DAFEC; color:#ffffff; line-height: 24px;
}

section#internalContactlist {
	background:#EAF0EF;
	padding:30px;
	margin:0 -10px;
}

section#internalAbsences article.card, section#internalContactlist article.card, section#internalFoodplan article.card, section#internalMails article.card {
	background:#ffffff;
	padding:35px;
	border-radius:2px;
	margin-bottom:12px;
	box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6);
}

section#internalContactlist ul {
	overflow: hidden;
}

section#internalContactlist ul li {
	float:left; width:20%; text-align:center;
}

section#internalContactlist ul li a:link, section#internalContactlist ul li a:visited {
	text-decoration: none;
	font-size:13px;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;	
}

section#internalContactlist ul li i.fa { color:#8cce60; }

.contactList .spacer_h2 { margin-left:auto; margin-right:auto; }

section#internalContactlist ul li a:hover {
	color:#8cce60;
}

section#internalContactlist ul li a p {
	margin: -5px 0 0 0;
}

section#internalContactlist .kidsReferenceList {
	text-align: center;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

section#internalContactlist .contactList {
	text-align: center;
}

section#internalContactlist .contactList p {
	margin-bottom: 2px;
}

section#internalContactlist article.card .spacer_h2 {
	margin-left:auto; margin-right:auto;
}
section#internalAbsences article ul.awayChildList {
	margin:0 auto 25px auto;
	text-align:left;
}

section#internalAbsences article ul.awayChildList li {
	border-bottom:#EAF0EF solid 1px;
	padding:11px 0 2px 0;
}

section#internalAbsences article ul.awayChildList li a:link, section#internalAbsences article ul.awayChildList li a:visited {
	text-decoration:none;
	color:#0186b7;
}

section#internalAbsences article ul.awayChildList li i {
	float:right;
	margin:-2px 0 0 0;
}

section#internalAbsences .spacer, section#internalMails .spacer {
	border-color:#dce2e1;
}

section#internalAbsences .spacer .inner, section#internalMails .spacer .inner {
	background-color:#cad1d0;
}

section#internalWall, section#internalAppointments, section#internalMails {
	background:#EAF0EF;
	padding:30px;
	margin:0 -10px;
}

section#internalWall .small {
	margin-left:30px;
}

section#internalWall .referencedGroups {
	margin-left:0;
}

section#internalWall .contentActions, section#internalAbsences .contentActions, section#internalAppointments .contentActions {
	font-size:24px;
	float:right;
	margin-bottom:20px;
}

section#internalWall .contentActions a:link, section#internalWall .contentActions a:visited, section#internalAppointments .contentActions a:link, section#internalAppointments .contentActions a:visited, section#internalAbsences .contentActions a:link, section#internalAbsences .contentActions a:visited {
	color:#0e3c4c;
	text-decoration:none;
	transition:0.2s;
}

section#internalWall .contentActions a:hover, section#internalAbsences .contentActions a:hover {
	color:#CDDC29;
}

section#internalWall .postActions {
	text-align:right;
}


section#internalWall .postActions a.recieveNotes:link, section#internalWall .postActions a.recieveNotes:visited, section#internalWall .postActions a.likes:link, section#internalWall .postActions a.likes:visited, section#internalWall .postActions a.readed:link, section#internalWall .postActions a.readed:visited {
	margin:0 12px 0 0;
	text-decoration:none;
	color:#0e3c4c;
}

section#internalWall .postActions a.readed:link.yes, section#internalWall .postActions a.readed:visited.yes { color: #C1E538; }

section#internalWall .postActions a.likes:hover, section#internalWall .postActions a.likes.remove:link, section#internalWall .postActions a.likes.remove:visited {
	color:#D91378;
}

section#internalWall ul.messages_files { margin:0 -1%; }
section#internalWall ul.messages_files p { margin-bottom: 6px !important; }
section#internalWall ul.messages_files li { float:left; width:48%; margin:0 1% 10px 1%; }
section#internalWall ul.messages_files div.fileDesc { margin-bottom:10px; }
section#internalWall ul.messages_files div.fileDesc p { white-space: nowrap; overflow: hidden; ext-overflow: ellipsis; }
section#internalWall ul.messages_files .userAction { float: none !important; } 
section#internalWall ul.messages_files div.fileDesc .small { margin-left: 0 !important; }
section#internalWall ul.messages_files div img { width: 98%; padding: 1%; max-width:400px; height:auto; border: #e6e9ec solid 1px; }

section#internalWall .contentCounter {
	float:left;
	width:12px;
}

section#internalWall .contentText {
	margin:0 60px 0 30px;
}

section#internalWall .contentText.wide {
	margin-right:0;
}

section#internalWall form[name=post_new_message] textarea, section#internalWall form[name=edit_message] textarea {
	min-height: 180px;
    resize: vertical;
    border: transparent solid 1px;
    margin-bottom: 4px;
}

section#internalWall form[name=post_new_message] ul, section#internalWall form[name=edit_message] ul, section#internalMails form[name=compose_mail] ul {
	overflow: hidden;
}

section#internalWall form[name=post_new_message] ul li, section#internalWall form[name=edit_message] ul li, section#internalMails form[name=compose_mail] ul li {
	float:left; margin:0 20px 0 0;
}

section#internalWall form[name=post_new_message] ul li input[type='checkbox'], section#internalWall form[name=edit_message] ul li input[type='checkbox'], section#internalMails form[name=compose_mail] ul li input[type='checkbox'] {
	width:auto;
	float:left;
	background:transparent;
	border:none;
}

section#internalWall form[name=post_new_message] ul li input[type='checkbox']:checked, section#internalWall form[name=post_new_message] ul li input[type='checkbox']:notchecked, section#internalWall form[name=edit_message] ul li input[type='checkbox']:checked, section#internalWall form[name=edit_message] ul li input[type='checkbox']:notchecked, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:checked, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:notchecked {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}

section#internalWall form[name=post_new_message] ul li input[type='checkbox']:checked + label::before, section#internalWall form[name=post_new_message] ul li input[type='checkbox']:not(:checked) + label::before, section#internalWall form[name=edit_message] ul li input[type='checkbox']:checked + label::before, section#internalWall form[name=edit_message] ul li input[type='checkbox']:not(:checked) + label::before, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:checked + label::before, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:not(:checked) + label::before {
	content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 10px;
	margin-left: -17px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

section#internalWall form[name=post_new_message] ul li input[type='checkbox']:hover  + label::before, section#internalWall form[name=edit_message] ul li input[type='checkbox']:hover  + label::before, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:hover  + label::before {
	background:#e6e9ec;
	box-shadow: inset 0 0 0 2px white;
}

section#internalWall form[name=post_new_message] ul li input[type='checkbox']:checked  + label::before, section#internalWall form[name=edit_message] ul li input[type='checkbox']:checked  + label::before, section#internalMails form[name=compose_mail] ul li input[type='checkbox']:checked  + label::before {
	background:#CDDC29;
	box-shadow: inset 0 0 0 2px white;
}

section#internalWall form[name=post_new_message] ul li label, section#internalWall form[name=edit_message] ul li label, section#internalMails form[name=compose_mail] ul li label {
	margin-left:22px;
}

section#internalWall .nomargin
{
	margin:0;
}


section#internalImgDoc {
	background:#FFFFFF;
	padding:30px;
	margin:0 -10px;
}

section#internalImgDoc .categories {
	overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:15px; margin:0 0 20px 0; border:#8cce60 solid 1px; max-height: 100px; overflow-y: scroll;
}

section#internalImgDoc .categories a:link, section#internalImgDoc .categories a:visited {
	text-decoration: none;
    font-size: 15px;
    font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
}

section#internalImgDoc .categories a:hover {
	color:#0186b7;
}

section#internalImgDoc .documents {
	overflow:hidden;
}

section#internalImgDoc .documents li {
	float:left; width:25%; margin:0 0 -7px 0; position:relative;
}

section#internalImgDoc .documents li img {
	width: 100%;
	height: auto;
}

section#internalImgDoc .documents li p { margin: 0; }

section#internalImgDoc .documents li h1 {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 0 2px 0;
}

section#internalImgDoc .documents li .showbox {
	cursor:pointer;
}

section#internalImgDoc .documents li .showbox .disInfo {
	display:none;
	white-space:nowrap;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	overflow:hidden;
	position:absolute;
	width: 80%;
	padding: 20px 5%;
	left: 50%;
	top: 50%;
	margin: -56px 0 0 -45%;
	background:url(../../core/images/background-white-90.png) repeat;
	box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6);
}

section#internalImgDoc .documents li .showbox .disInfo.show { display:block; }

section#internalMyLeandoo {
	background:#FFFFFF;
	padding:30px;
	margin:0 -10px;
}

section#internalMyLeandoo .tpMarg { margin-top: 30px; }
section#internalMyLeandoo form[name=changepassword], section#internalMyLeandoo form[name=changecontactdata] { margin-top:20px; }

section#internalWall article.card, section#internalAppointments article.card {
	background:#ffffff;
	padding:35px;
	border-radius:2px;
	margin-bottom:12px;
	box-shadow: 0 1px 2px rgba(61, 81, 88, 0.6);
}

section#internalAppointments .openParticipationAs.yes { background-color:#C1E538 !important; }
section#internalAppointments .openParticipationAs.no { background-color:#FF5853 !important; }

section#internalWall article.card h2, section#internalAppointments article.card h2, section#internalMails article.card h2 {
	font-size:15px;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	margin-bottom:30px;
}

section#internalWall article.card h2 .autorImg, section#internalMails article h2 .autorImg {
	width:50px;
	height:50px;
	float:left;
	overflow:hidden;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:#EAF0EF solid 1px;
}

section#internalWall article.card h2 .autorImg img, section#internalMails article h2 .autorImg img {
	width:100%;
	height:auto;
}


section#internalWall article.card h2 .autorDate, section#internalMails article h2 .autorDate {
	margin-left:65px;
	line-height:20px;
	padding-top:15px;
}

section#internalWall article.card h2 .autorDate span, section#internalMails article h2 .autorDate span {
	color:#1DAFEC;
}




section#internalWall article.card .answers h2 {
	font-size:12px;
	margin:8px 0 30px 30px;
}


section#internalWall article.card .answers h2 .autorImg {
	width:30px;
	height:30px;
}


section#internalWall article.card .answers h2 .autorDate {
	margin-left: 40px;
    line-height: 15px;
    padding-top: 7px;
}


section article#person-in-charge .ceo {
	text-align:center;
}

form[name=post_answer] textarea {
	min-height:120px;
	resize:vertical;
	border:transparent solid 1px;
	margin-bottom:4px;
}

form[name=post_answer] textarea.error, form[name=changeAnswer] textarea.error {
	border-color:#bb391c;
	background-color:#ff5853;
}

form[name=post_answer] textarea.error::-webkit-input-placeholder {
	color:#ffffff;
}

section article#person-in-charge .ceo img {
	width:300px;
	height:300px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	float:right;
	margin:0 0 30px 40px;
}

.signetTls {
	text-align: center;
}
.signetTls img {
	width:160px;
	height: auto;
}

.signet_whatisleandoo_hmg {
	position:absolute;
	right: 120px;
	top: 25px;
	width: 200px !important;
	height: auto;
}

.whatisleandoo_grafic_smartphone, .whatisleandoo_logo_terminal, .app_grafic_smartphone {
	float:right;
	width:200px;
	height:auto;
	margin:0 0 50px 50px;
}

.app_appstoreicons {
	float:right; margin: 0; text-align:center; max-width: 200px;
}

.app_appstoreicons .appIco {
	max-width: 120px;
}

table {
	width:100%;
	border-collapse:collapse;
	margin:30px 0;
}

table td, table th {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	padding:15px;
	background:#EAF0EF;
	border:#ffffff solid 1px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

table th {
	background: url(../images/bg-news.jpg) no-repeat;
    color: #7bb24b;
}

table h1 {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	font-size:32px;
	margin:0 0 8px 0;
}

table.priceTable p {
	margin:0;
}

table.priceTable .priceColA { width:25%; }
table.priceTable .priceColB { width:75%; }

table.priceTable .getit {
	padding:0;	
}

table.priceTable .getit a:link, table.priceTable .getit a:visited {
	display:block;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: #CDDC29;
    padding:20px;
    color: #4d6523;
    text-decoration: none;
	text-align:right;
}

table.priceTable .getit a:hover {
    background: #8cce60;
    border-color: #64a538;
}

table.calendar {
	border-collapse: collapse;
}

table.calendar td.topnav {
	background: #ffffff;
	padding:0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}

table.calendar td.topnav.l, table.calendar td.topnav.r {
	padding: 0;
}

table.calendar td.topnav.l a:link, table.calendar td.topnav.l a:visited, table.calendar td.topnav.r a:link, table.calendar td.topnav.r a:visited {
	display: block;
	color:#0186b7;
	text-decoration: none;
}

table.calendar td.topnav.l a:hover, table.calendar td.topnav.r a:hover {
	background: #0186b7;
	color: #ffffff;
}

table.calendar td.topnav a .fa {
	margin-top: 5px;
}

table.calendar td {
	padding: 15px;
}

table.calendar td.today {
	background: #CDDC29;
}

table.calendar td.oldMonth {
	background: #e0e5e4;
}

table.calendar a.countBall:link, table.calendar a.countBall:visited {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	display: block;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	background:#ffffff;
	color: #0186b7;
}

.card h2 {
	margin:0;
}

.card h3 {
	margin-bottom:14px;
}

section#internalWall article ul.answers {
	border-top:#EAF0EF solid 1px;
	padding-top:16px;
	margin-top:15px;
}

section#internalWall article ul.answers li {
	margin:0 0 10px 0;
	font-size: 16px;
}

section#internalWall article .files.image {
	margin:20px -35px;
	background: url(../images/bg-news.jpg) no-repeat;
}

section#internalWall article .files.image img {
	width: 100%;
	height: auto;
	max-width: 480px;
	margin-bottom: -7px;
}

.releasedate {
	font-size:13px;
	text-transform:uppercase;
}


section .spacer {
	border-top:#EAF0EF solid 2px;
	margin:50px auto;
	width:75%;
	position:relative;
}

section .spacer .inner {
	background:#d8dddc;
	height:2px;
	width:100px;
	position:absolute;
	top:-2px;
	left:50%;
	margin-left:-50px;
}

article .colA50 {
	float:left;
	width:46%;
}

article .colB50 {
	float:right;
	width:46%;
}

#teaser {
	padding:30px 0 20px 0;
	margin:-7px auto 0 auto;
	background:#ffffff;
	color: #0186b7;
	overflow:hidden;
	max-width: 1500px;
	border-top: #EAF0EF solid 1px;
	border-bottom: #EAF0EF solid 1px;
	text-align:center;
}

#teaser article {
	float:left;
	width:25%;
	margin:0;
	box-sizing:border-box;
	resize:none;
	padding:20px;
	font-size:18px;
	transition: .2s;
}

#teaser article p {
	font-size: 15px;
	color:#0e3c4c;
}

#teaser article h1 .count {
	font-size: 50px;
	margin-right: 10px;
}

#teaser article .circle {
	width: 160px;
	height: 160px;
	line-height: 190px;
	background:#C4E649;
	border: #C4E649 double 4px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin:0 auto 30px auto;
	transition: .3s;
	color:#ffffff;
}

#teaser article .circle img {
	max-width: 56px;
	margin-top: 52px;
}

#welcome-to-leandoo h2 {
	font-size:22px;
}

#footer {
	text-align:left;
	padding:25px 0;
	font-size: 15px;
	background: #034e6a;
	color: #ffffff;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
}

#footer .fa-heart {
	color: #E9168C;
}

#footer .ball {
	position: absolute; width: 20px; height: 20px; background: #18627e; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; top:70px;
}

#footer .ball.ba {
	left:25%;
}

#footer .ball.bb {
	right:25%;
}

#footer .wrap {
	position: relative;
	padding: 0 10px;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer ul li {
	margin: 0 0 3px 0;
	line-height: normal;
}

#footer ul li.phone {
	font-size: 28px;
}

#footer .colA {
	width:33.3333%;
	float:left;	
}

#footer .colB {
	width:33.3333%;
	float:left;	
	text-align:center;
}

#footer .colC {
	width:33.3333%;
	float:right;	
	text-align:right;
}

#footer h1 {
	font-size:17px;
	margin:0 0 8px 0;
	color: #C4E649;
}

#footer .spacer_h1 {
	background-color: #18627e;
}

.spacer_h1 {
	height:2px;
	background:#A0B0B8;
	width:75px;
	margin:10px 0;
}

#footer .colB .spacer_h1 {
	margin:10px auto;
}

#footer .colC .spacer_h1 {
	float:right;
	margin:0 auto 10px auto;
}

/*INT FOOTER*/
body.light #footer {
	background: #ffffff;
	color: #656b72;
}

body.light #footer .ball {
	background: #EAF0EF;
}

body.medium #footer .ball {
	background: #ffffff;
}

body.light #footer .spacer_h1 {
	background-color: #656b72;
}

body.light #footer h1 {
	color: #656b72;
}

body.light #footer a:link, body.light #footer a:visited {
	color: #656b72;
}

body.medium #footer {
	background: #e6e9ec;
	color: #656b72;
}

body.medium #footer .spacer_h1 {
	background-color: #656b72;
}

body.medium #footer h1 {
	color: #656b72;
}

body.medium #footer a:link, body.medium #footer a:visited {
	color: #656b72;
}
/*INT FOOTER END*/

main {
	width:auto;
	margin-right:260px;
	margin-bottom:100px;
	margin-top:50px;
}

aside {
	float:right;
	width:260px;
}

a.readmore:link, a.readmore:visited {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	border:transparent solid 1px;
	color:#ffffff;
	text-decoration:none;
    font-size: 13px;
	line-height: normal;
    border-radius: 22px;
    background: #1DAFEC;
    padding: 8px 16px;
	transition:0.2s;
	margin: 0 4px 2px 0;
}

a.readmore:hover {
	background:transparent;
	border-color:#8cce60;
	color:#0186b7;
}

a.userAction:link, a.userAction:visited {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: normal;
	border-radius:17px;
	background:#1DAFEC;
	padding:4px 12px;
	color:#ffffff;
	text-decoration:none;
	transition:0.2s;
	margin: 0 0 2px 0;
}

a.userAction:hover {
	background:#0186b7;
}

a.setnotification.no:link, a.setnotification.no:visited {
	background: #e6e9ec;
	color: #7B7B7B;
}

a.call2Action:link, a.call2Action:visited {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	border-radius:3px;
	background:#CDDC29;
	border-bottom:#b5c225 solid 1px;
	padding:14px 26px;
	color:#4d6523;
	text-decoration:none;
	transition:0.2s;
}

a.call2Action:hover {
	background:#8cce60;
	border-color:#64a538;
}

.imgCenter {
	text-align:center;
	position: relative;
}

.imgCenter img {
	margin:30px auto 50px auto;
	width:100%;
	max-width:790px;
}

.imgCenter img.flying {
	max-width:1100px;
	margin-bottom: 0;
}

.clr {
	clear:both;
	font-size:0.0001em;
	line-height:0.0001em;
	height:0.0001em;
}

.center {
	text-align: center;
	margin: 30px auto 16px auto;
}

.signet_smig {
	float: right;
	margin: 0 65px 30px 60px;
}

.signet_smig img {
	width: 200px;
	height: auto;
}

.eyecatcherParents {
	position: relative; width:100%;
}

.eyecatcherStart {
	position: relative; width:100%; margin-top: 30px;
}

.eyecatcherParents div {
	position: absolute; right: 30px; top:30px; width: 147px; z-index:20; text-align:center;
}

.eyecatcherParents .appLogo {
	margin:0 auto 15px auto; max-width:100px;
}

.eyecatcherStart .main, .eyecatcherParents .main {
	position: relative; width:100%; height:auto; z-index:10;
}

.eyecatcherStart div {
	position: absolute; left: 30px; top:60px; z-index:20; text-align:right;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif; font-size: 15px;
}

.infobox {
	display: inline-block;
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	color:#ff5853;
	border:#ff5853 solid 1px;
	border-left-width: 5px;
	font-size: 14px;
	line-height: 140%;
	padding:6px 12px;
	border-radius: 3px;
	margin: 0 0 6px 0;
}

.ftright {
	float:right;
}

.ftleft {
	float:left;
}

/*LOADING OVERLAY*/
.loadSpinner {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:none;
	/*background:url(../images/bg-spinner-overlay.png) repeat;*/
	width:100%;
	height:100%;
	z-index:500;
}

.loadSpinner div {
	position:fixed;
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
	color:#48494A;
	/*background:#ffffff;*/
	background:none;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	padding:20px;
}

.savedSpinner {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:none;
	/*background:url(../images/bg-spinner-overlay.png) repeat;*/
	width:100%;
	height:100%;
	z-index:500;
}

.savedSpinner div {
	position:fixed;
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
	color:#48494A;
	background:none;
	/*background:#ffffff;*/
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	padding:20px;
}

.lightsoff {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#000000;
	width:100%;
	height:100%;
	z-index:99;
	opacity:.7;
}

.formrequested {
	font-family: LeandooFontBold, Helvetica, Arial, sans-serif;
	background: #D9EFA0;
	border: #C6E549 solid 1px;
	border-radius: 5px;
	padding: 12px 20px;
	clear: both;
	margin: 0 0 30px 0;
}

.formrequested i {
	margin-right: 10px;
}

.errorBox {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-spinner-overlay.png) repeat;
	width:100%;
	height:100%;
	z-index:500;
}

.errorBox .errorBoxcontent {
	position:fixed;
	text-align:left;
	top:50%;
	left:50%;
	width:300px;
	height:180px;
	margin-left:-170px;
	margin-top:-100px;
	padding:20px;
/*	background:#ffffff;
	border-radius:12px;
	border:#ffffff solid 3px;
*/
	box-shadow: 0 2px 15px rgba(61, 81, 88, 0.6);
	background:#ff5853;
	color:#ffffff;
	font-size: 18px;
}

.errorBox .errorBoxcontent i {
	color:#bb391c;
	font-size:24px;
	float:right;
	margin:0 0 40px 40px;
}

.errorBox .errorBoxcontent a:link, .errorBox .errorBoxcontent a:visited {
	color:#ffffff !important;
}

.errorBox .errorBoxcontent a:hover {
	text-decoration:none;
	color:#bb391c !important;
}

.errorBox .errorBoxcontent a.checkedBtn {
	background:#bb391c;
	color:#ffffff;
	padding:4px 10px;
	display:inline-block;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin:10px 0 0 0;
	text-decoration:none;
	text-transform:uppercase;
}

.errorBox .errorBoxcontent a.checkedBtn:hover {
	background-color:#ffffff;
	color:#bb391c;
}

/*ADD THIS CLASS DYNAMICALLY AT #OUTTER ID*/
.blur {
	-webkit-filter: blur(2px) grayscale(100%);
	-moz-filter: blur(2px) grayscale(100%);
	-o-filter: blur(2px) grayscale(100%);
	-ms-filter: blur(2px) grayscale(100%);
	filter: blur(2px) grayscale(100%);	
}

/*ADD THIS CLASS DYNAMICALLY AT #OUTTER ID*/
/*LOADING OVERLAY END*/

.ui-dialog .ui-dialog-title {
	font-family: LeandooFont, Helvetica, Arial, sans-serif;
	color:#0e3c4c;
	font-size:18px;
}

.ui-widget-header {
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	background:#EAF0EF;
}

@media only screen and (max-width: 1600px) {
	section#welcome-to-leandoo-datasecure article {
		padding-right:20%;
	}

	section#welcome-to-leandoo-datasecure .rotBox {
		width: 500px; height: 500px; right: -300px;
	}
}


@media only screen and (max-width: 1400px) {
	section#welcome-to-leandoo-datasecure article {
		padding-right:34%;
	}
}


@media only screen and (max-width: 1200px) {

	#teaser article {
		width:50%;
	}

	.signet_whatisleandoo_hmg {
		right: 75px;
		width: 180px !important;
	}

}

@media only screen and (max-width: 1024px) {

	section#welcome-to-leandoo-datasecure article {
		padding-right:44%;
	}
	
	.navMainOutterInner {
		width: 260px;
		padding: 10px;
		background: #ffffff;
		box-shadow: -4px 6px 60px rgba(61, 81, 88, 0.5);
		position: absolute !important;
		right: 0;
		overflow-y: scroll;
		z-index: 100;
		margin-right: -350px;
		opacity: 0;
	}
	
	#navMain .navMainInner {
		white-space: normal;
		overflow-x: visible;
		text-align: right;
	}
	
	#navMain .navMainInner a:link, #navMain .navMainInner a:visited
	{
		display: block;
		margin-right: 25px;
	}
	
	#navMain .navMainInner a.login:link, #navMain .navMainInner a.login:visited {
		margin-right: 25px;
	}
	
	a.mobilenav { display: block; position: absolute; right: 10px; top:50%; margin-top:-13px; }
	
	#outter { padding-top: 84px; }

	#navMain .navMainInner a .notify {
		right: -24px;
		top:4px;
	}
}

@media only screen and (max-width: 860px) {

	section#welcome-to-leandoo-datasecure article {
		padding-bottom: 400px;
	}

	section#internalImgDoc .documents li {
		width:50%;
	}

	#teaser article .circle {
		width: 150px;
		height: 150px;
		line-height: 186px;
	}

	#teaser article .circle img {
		max-width: 56px;
		margin-top: 47px;
	}

	.eyecatcherStart {
		margin-bottom: 180px;
	}
	
	.eyecatcherStart div {
		left:0; top:110%; width: 100%; text-align: center;
	}

	
}


@media only screen and (max-width: 768px) {
	
	.signet_whatisleandoo_hmg {
		right: 50%;
		bottom: -60px;
		top: auto;
		width: 120px !important;
		margin-right: -60px !important;
	}

	section#welcome-to-leandoo-datasecure article {
		padding-right: 0;
	}

	section#welcome-to-leandoo-datasecure .rotBox {
		bottom:-100px;
	}

	section#news ul li {
		float:none;
		width: 100%;
		min-height: 0;
		margin: 0 0 12px 0;
	}

	section#news ul li:first-child, section#news ul li:last-child {
		border:#e2e7e6 solid 1px;
	}
	
	section#news ul li a.readmore {
		position: relative;
		margin-top: 30px;
		margin-bottom: 0;
		bottom: 0;
	}

}

@media only screen and (max-width: 700px) {

	section#internalMails .convMembBox {
		float:none;
		width:auto;
	}

}

@media only screen and (max-width: 570px) {

	.whatisleandoo_grafic_smartphone, .whatisleandoo_logo_terminal, .app_grafic_smartphone {
		float:none;
		width:200px;
		margin:0 auto 30px auto;
	}

	#navMain .logo
	{
		margin-left:auto;
		margin-right: auto;
	}
	
	section#internalImgDoc .documents li {
		width:100%;
	}

	section#internalWall, section#internalChildren, section#internalAbsences, section#internalContactlist, section#internalImgDoc, section#internalFoodplan, section#internalMyLeandoo, section#internalWelcome, section#internalAppointments, section#internalMails {
		padding:10px;
	}

	section#internalWelcome, section#internalChildren, section#internalImgDoc, section#internalMyLeandoo {
		padding:30px 10px;
	}

	section#internalAbsences article.card, section#internalContactlist article.card, section#internalWall article.card, section#internalChildren article.card, section#internalFoodplan article.card, section#internalMails article.card {
		padding: 20px;
	}
	
	section#internalWall article .files.image {
		margin:20px -20px;
	}

	#header .wrap {
		padding: 30px;
	}
	
	#header h2 {
		font-size:25px;
		margin-bottom: 6px;
	}
	
	#header h3 {
		font-size:38px;
		margin: 0;
	}
	
	section#welcome-to-leandoo div.functions ul li, section#welcome-to-leandoo div.functions ul li.w-50, section#standard div.functions ul li, section#standard div.functions ul li.w-50 {
		width: 100%;
	}

	article .colA50, article .colB50 {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	article .colA50 {
		text-align: center;
	}

	
	a.readmore {
		display:block;
		width: auto;
	}
	
	.weekselector .ndash {
		display: block;
		margin: -15px 0;
	}

	.weekselector h1 {
		font-size: 18px;
	}

	table.calendar td, table.calendar th {
		padding: 8px;
	}

	table.calendar td h1 {
		margin:0;
		font-size: 24px;
	}
	
	.ui-datepicker td {
		line-height: normal;
	}
	
	.ui-datepicker td span, .ui-datepicker td a {
		padding: 2px;
	}
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
		font-family: LeandooFont, Helvetica, Arial, sans-serif;
	}
	
	
}


@media only screen and (max-width: 480px) {
	
	section article#person-in-charge .ceo {
		margin:0 auto;
		width: 300px;
	}
	
	.eyecatcherParents {
		margin-bottom: 130px;
	}
	
	.eyecatcherParents div {
		top:210px;
		width: auto;
	}
	
	.eyecatcherParents .appLogo {
		float: left;
		max-width: 92px;
	}

	.signet_smig {
		float: none;
		margin: 0 auto 30px auto;
		width: 200px;
	}
	
	#header .softwareMIG
	{
		float:none; width:120px; height:120px; margin:0 auto 22px auto;
	}
	
	#header { text-align: center; }
	
	#header .profileimage.ftright, .signetTls.ftright {
		float: none;
		margin: 0 0 15px 0;
	}
	
	section#welcome-to-leandoo-customers div.references {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	section#internalImgDoc .documents {
		margin:0 -10px;
	}

	section#internalImgDoc .documents li {
		margin-bottom:-6px;
	}
	
	section#internalAbsences .userAction, section#internalContactlist .userAction, section#internalWall .userAction, section#internalAppointments .userAction, section#internalMails .userAction {
		float:none;
		display: block;
		margin: 10px 0 20px 0;
	}

	#footer .colA, #footer .colB, #footer .colC {
		float:none;
		width: 100%;
		text-align: center;
	}
	
	#footer .colA .spacer_h1 {
		margin-left: auto;
		margin-right: auto;
	}

	#footer .colC .spacer_h1 {
		float: none;
	}
	
	#footer .colB {
		margin-top: 40px;
		margin-bottom:40px;
	}

	#teaser article {
		width:100%;
	}

	form#registration .colA, section#internalMyLeandoo .colA, form#add_absence .colA, form#registration_as_parent .colA, form#internal_children .colA {
		float:none;
		width:100%;
	}

	form#registration .colB, section#internalMyLeandoo .colB, form#add_absence .colB, form#registration_as_parent .colB, form#internal_children .colB {
		float:none;
		width:100%;
	}
	
	.signetTls {
		margin-top: 10px;
	}
	
	.signetTls img {
		width:120px;
		margin:0 auto;
	}
		
	form#registration .colA, section#internalMyLeandoo .colA, form#add_absence .colA, form#registration_as_parent .colA, form#registration .colB, section#internalMyLeandoo .colB, form#add_absence .colB, form#registration_as_parent .colB, form#registration_as_parent .colA33, form#registration_as_parent .colB33, form#registration_as_parent .colC33, form#contact_enquiry .colB, form#contact_enquiry .colA33, form#contact_enquiry .colB33, form#contact_enquiry .colC33
	{
		float:none;
		width: 100%;
		margin:0 0 4px 0;
	}

	table td, table th {
		padding:8px;
	}
	
	table h1.price {
		font-size: 25px;
	}

	
}

@media (max-height: 375px) {

	#navMain .navMainInner {
		max-height: 250px;
	}

}