/*
 * Landing Pages
 */

.bannerblock a {
	color:#fff;
	text-decoration:underline;
}
/*
.bannerblock p {
	font-size: 24px;
	line-height: 1.2em;
}
.evContentRow .content {
	margin-left:40px;
	margin-right:40px;
}
*/

/* DEBUG ---------------------------------------------------- */

/*
.featureblock { border:3px solid lime; }
*/

/* Grid ---------------------------------------------------- */

@media (max-width: 959px) {
	.ev-left-10p\@m {
		margin-left:5%;
	}
	.ev-width-80p\@m {
		width:90%;
	}
}

@media (min-width: 960px) {
	.ev-left-10p\@m {
		margin-left:10%;
	}
	.ev-width-80p\@m {
		width:80%;
	}
}

/* Layout ---------------------------------------------------- */

/* evContentPage */

.evContentPage {
	padding:20px;
	line-height: 1.5em;
}
.evContentPage.bspace {
	padding-bottom:120px;
}

/* evContentRow */

.evContentRow {
	position:relative;
	overflow:hidden;
}
.evContentRow.basic {
	padding:40px 40px 60px;
}


/* evContentBlock */
/* TBD ablösen durch evContentPage */

.evContentBlock {
	background-color:#fff;
}
.evContentBlock.basic {
	padding:20px;
}
.evContentBlock.text {
	padding:20px 5%;
}
.evContentBlock.text p {
	font-size: 14pt;
	line-height: 1.5em;
	text-align: justify;
}


/* evContentBox */

.evContentBox {
	position:relative; /* wegen z-index */
	padding:20px;
	z-index:3;
}
.evContentBox p.intro {
	font-size:24px;
}
.evContentBox ul li {
	font-size:20px;
	color:#999;
	margin:15px 0;
    list-style:outside url("/public/img/yes_16.png") disc;
}
.evContentBox ul li.yes {
	list-style-image:url("/public/img/yes_16.png");
}
.evContentBox ul li.no {
	list-style-image:url("/public/img/no_16.png");
}


/* evImageRow */

.evImageRow {
	color:#fff;
	position:relative;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.evImageRow h1,
.evImageRow h2 {
	color:#fff;
}
.evImageRow > img {
	width:100%;
	display:block;
}
#banner h1,
#banner h2 {
}

/* Links ---------------------------------------------------- */

.evLink {
    text-decoration:none;
	cursor:pointer;
	color:#406AF7;
}
.evLink.big {
	font-size:1.1em;
	line-height:1.5em;
}
.evLink:hover {
    text-decoration:underline;
}
.evLink:after {
	content:" »";
}

/* Banner ---------------------------------------------------- */

.bannerblock {
	position: relative;
	padding-top:40px;
	padding-bottom:25px;
}
.bannerblock p {
	font-size:24px;
	line-height:1.2em;
}
.bannerblock .evLink {
	color:#fff;
	font-size:16px;
}

/* Feature ---------------------------------------------------- */

.featureblock {
	text-align:center;
}
.featureblock h2 {
	color:#444;
	font-size:24px;
	font-weight:normal;
}
.featureblock p {
	font-size:17px;
	color:#999;
}

/* Call-To-Action ---------------------------------------------------- */

.ctablock {
	width:320px;
	padding:20px;
	margin-bottom:20px;
	background-color:rgba(0, 0, 0, 0.8);
}
.ctablock h3 {
	font-size:24px;
}
.ctablock input,
.ctablock .submit {
	width:100%;
	display:inline-block;
	margin-top:10px;
	height:32px;
	line-height:24px;
	color:#222;
}
.ctablock input {
	padding-left:15px;
}
.ctablock .submit.big {
	height:45px;
	line-height:45px;
}
.ctablock p.text {
	font-size:13px;
	margin-top:10px;
	color:#aaa;
}
.ctablock,
.ctablock .submit,
.ctablock a {
	color:#fff;
}

/* hell */
.ctablock.bright {
	background-color: rgba(255, 255, 255, 0.9);
}
.ctablock.bright p.text {
	color:#666;
}
.ctablock.bright,
.ctablock.bright a {
	color:#222 !important;
}
.ctablock.bright .submit {
	color:#fff;
}

@media (max-width: 639px) { 
	.ctablock {
		margin-left:auto;
		margin-right:auto;
	}
}

/* Effekte ---------------------------------------------------- */

.evContentRow.hsep {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.evContentRow.hsep:first-child {
	border-top-color:#eee;
	border-top-style:solid;
	border-top-width:1px;
}
.gray-uni {
	background-color:#FCFCFC;
}
.gray-top-l {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:linear-gradient(to bottom, #F9F9F9, #FFF 60px);
}
.gray-top-m {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:linear-gradient(to bottom, #F9F9F9, #FFF 30px);
}
.gray-top-s {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:linear-gradient(to bottom, #F9F9F9, #FFF 15px);
}
.gray-left-m {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:linear-gradient(to right, #F2F2F2, #FFF 50%);
}
.gray-right-m {
	border-bottom-color:#eee;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:linear-gradient(to left, #F2F2F2, #FFF 50%);
}
div.shadow {
	position:absolute;
	left:0;bottom:0;
	width:100%;
	height:70px;
	z-index:2;
}
div.shadow.strong {
    box-shadow:0 -6px 6px -6px rgba(0, 0, 0, 0.6) inset, 0 -35px 70px -35px rgba(0, 0, 0, 0.1) inset;
}
div.shadow.light {
    box-shadow:0 -80px 80px -80px rgba(0, 0, 0, 0.1) inset;
}
p.gray, span.gray, h1.gray, h2.gray, h3.gray  {
    color:#888;
}
p.intro {
    color:#888;
    font-size:1.1em;
    line-height:1.5em;
}
p.description {
    color:#888;
    font-size:1.1em;
    line-height:1.5em;
}

/* Helper ---------------------------------------------------- */

.center {
    text-align:center;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.justify {
    text-align:justify;
}

tr.top td {
	vertical-align:top;
}
tr.center td {
	vertical-align:middle;
}
tr.bottom td {
	vertical-align:bottom;
}
tr.left td {
	text-align:left;
}
tr.right td {
	text-align:right;
}
tr.center td {
	text-align:center;
}

/* Oberer Abstand */
.t1 { margin-top:20px; }
.t2 { margin-top:40px; }
.t3 { margin-top:60px; }
.t4 { margin-top:80px; }
.t5 { margin-top:100px; }
.t6 { margin-top:120px; }

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

table.evTable td {
	border:2px solid #fff;
}
table.evTable tr th {
	line-height:200%;
	background:#e1e1e1;
}
table.evTable tr {
	background:#F5F6F7;
	color:#000;
}
table.evTable tr:hover {
}
table.evTable tr td {
	vertical-align:top;
	padding:3px 8px;
}
table.evTable tr.even {
    background-color:#fff;
}
table.evTable tr.odd {
    background-color:#e1e1e1;
}

/* Report-Tabellen ---------------------------------------------------- */
/* TBD mit common.css integrieren */

.evReportContainer {
	width:100%;
	height:100%;
	overflow-x:auto;
	overflow-y:hide;
	margin-bottom:10px;
}
.evReportContainer table {
	border:solid 1px #F5F5F7;
	border-radius:4px;
}
.evReport {
	line-height:120%;
	border-spacing:0;
}
.evReport tr th {
	line-height:150%;
	padding:8px 8px;
    background-color:#F5F5F7;
	white-space:nowrap;
}
.evReport tr td {
	padding:5px 8px;
    border-bottom-color:#F5F5F7;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
.evReport tr th, .evReport tr td {
	overflow:hidden;
}


/* Icons ---------------------------------------------------- */

.icon1 {
	width:64px;
	height:64px;
	text-align:center;
	display:inline-block;
	vertical-align:baseline;
}
.icon1:before {
	background:url("/public/img/eveeno-sprites.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	content:"";
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:0;
	position:absolute;
}
.icon1.size64 {
}
.icon1.megaphone:before { background-position:0px -320px; }
.icon1.qrcode:before { background-position:-64px -320px; }
.icon1.gear:before { background-position:-128px -320px; }
.icon1.reports:before { background-position:-192px -320px; }
.icon1.tickets:before { background-position:-256px -320px; }
.icon1.money:before { background-position:-320px -320px; }
.icon1.clock:before { background-position:-384px -320px; }
.icon1.sandglass:before { background-position:-448px -320px; }

.icon1.barcode:before { background-position:0px -384px; }
.icon1.crowd:before { background-position:-64px -384px; }
.icon1.contract:before { background-position:-128px -384px; }
.icon1.cloud:before { background-position:-192px -384px; }
.icon1.pen:before { background-position:-256px -384px; }
.icon1.puzzle:before { background-position:-320px -384px; }
.icon1.foreward:before { background-position:-384px -384px; }
.icon1.heart:before { background-position:-448px -384px; }

.icon1.light:before { background-position:0px -448px; }
.icon1.lock:before { background-position:-64px -448px; }
.icon1.www:before { background-position:-128px -448px; }
.icon1.like:before { background-position:-192px -448px; }

/* Icons ---------------------------------------------------- */

.evIcon {
	display:inline-block;
	position:relative;
}
.evIcon:before {
	content:'';
	position:absolute;
	background:url("/public/img/eveeno-sprites.png");
	background-position:0 0;
}
.evIcon.p24 {
	width:24px;
	height:24px;
}
.evIcon.p24:before {
	width:24px;
	height:24px;
	margin-left:-12px;
}
.evIcon.p32 {
	width:32px;
	height:32px;
}
.evIcon.p32:before {
	width:32px;
	height:32px;
}
.evIcon.arrowdown:before { background-position:-160px -224px; }

.evIcon.de:before { background-position:0px -288px; }
.evIcon.gb:before { background-position:-32px -288px; }

/* Social ---------------------------------------------------- */

.socialIcon {
	width:24px;
	height:24px;
	display:inline-block;
	position:relative;
	top:8px;
}
.socialIcon:before {
	content:'';
	position:absolute;
	width:24px;
	height:24px;
	margin-left:-12px;
	background:url("/public/img/eveeno-sprites.png");
	background-color:#3093C7;
	background-position:0 0;
	border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
}
.socialIcon.facebook:before { background-position:-164px -196px; }
.socialIcon.google:before { background-position:-196px -196px; }
.socialIcon.linkedin:before { background-position:-228px -196px; }
.socialIcon.instagram:before { background-position:-260px -196px; }
.socialIcon.twitter:before { background-position:-292px -196px; }
.socialIcon.xing:before { background-position:-324px -196px; }
.socialIcon.pinterest:before { background-position:-420px -196px; }
.socialIcon.tumblr:before { background-position:-452px -196px; }
.socialIcon.email:before { background-position:-484px -196px; }
.socialIcon.whatsapp:before { background-position:-516px -196px; }

.socialIcon.facebook:before { background-color:#3B5998; }
.socialIcon.google:before { background-color:#DD4B39; }
.socialIcon.instagram:before { background-color:#4F7DA2; }
.socialIcon.twitter:before { background-color:#53A7E7; }
.socialIcon.linkedin:before { background-color:#0077B5; }
.socialIcon.xing:before { background-color:#2F6B76; }
.socialIcon.pinterest:before { background-color:#CC2229; }
.socialIcon.tumblr:before { background-color:#3B5A77; }
.socialIcon.email:before { background-color:#FB9D23; }
.socialIcon.whatsapp:before { background-color:#25D366; }

/* ENDE ---------------------------------------------------- */