article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

footer {
	font-size: 90%;
	color: #aaa;
}

body {
	font-size: 13px;
	font-family: Arial;
}

body.admin,
body.admin #header,
body.admin #header h1,
body.admin #header h1 a { background-color: #8b2636; }

body.admin h2 { color: #8b2636; }
body.admin h3 { color: #8b2636; }

body #footer { min-height: 100px; border-bottom: 2px solid #ffffff; padding: 0; }
body #footer > div { height: 50px; padding: 25px; }
body #footer > div.company-logo { border-left: 2px solid #ffffff; }
body #footer > div.company-name { border-left: 2px solid #ffffff; width: 200px; font-size: 20px; text-align: left; }
body #footer > div.impress-privacy { padding-left: 50px; }

/*
	8b2636 => weinrot 
	81b2db => babyblau
*/
body.client { background-color: #8b2636;}
body.client #header,
body.client #header h1,
body.client #header h1 a { background: #81b2db; }
body.client #header { height: 50px; }
body.client #header h1 { float: right; height: 50px; font-size: 40px; line-height: 50px; margin: 0; color: #ffffff; padding: 0; }
body.client .view,
body.client .form,
body.client .index { float: none; border: none; width: auto; padding: 10px; }
body.client #content { border-left: 50px solid #8b2636; padding-top: 30px; }
body.client .blue-part { position: absolute; top: 70px; left: 0px; z-index: 1; width: 50px; height: 50px; background: #81b2db; }

body.client h2 { color: #2c6877; }
body.client h3 { color: #2c6877; }

body.client .actions { position: absolute; top: 0; left: 50px; width: 500px; padding: 10px 0;}
body.client .actions h3 { display: none; }
body.client .actions ul { width: 500px;}
body.client .actions ul li { float: left; margin-right: 10px; }

body.client .username { position: absolute; top: 45px; left: 50px; }

body .video-js { background: transparent; max-width: 400px; max-height: 240px; margin-bottom: 2em; }
body.cinema .video-js { background: transparent; max-width: 100%; max-height: none; margin-bottom: 0; }
@media (max-width: 767px) {
	body.client #header { height: 100px; }
	body.client #header h1 { font-size: 30px; }
	body.client .actions { top: 50px; }
	body.client .username { top: 95px; }
	body.client .blue-part { top: 120px; }
}
@media (max-width: 480px) {
	body.cinema #content { padding-left: 0; padding-right: 0; }
	body.cinema .video-js { margin-left: -2%; margin-right: -2%; }
}

body.cinema { background: #ffffff; }
body.cinema h2 { color: #000000; }
body.cinema div.view {
	float: none;
	width: auto;
	border: none;
	padding: 0;
}

body.cinema nav ul { margin: 0; }
body.cinema nav ul li { float: left; margin-right: 1em; }

form { max-width: 400px; }
form div { padding: 0; }

form div.password-peak { position: relative; }
form div.password-peak div.input { width: 60%; }
form div.password-peak button { width: 30%; height: 30px; position: absolute; right: 0; top: 20px; }

form.inline > div { display: inline-block; margin-right: 1em; }
form.inline > div input { width: 140px; }
form.inline > div.submit { margin-top: 0; }
form.inline > div.submit input { width: 100px; padding: 5px; margin-top: 19px; }

.highlight { background: yellow; }

fieldset { padding: 1em 0; }
fieldset legend { color: #2c6877; font-weight: normal; }

input, textarea { font-size: 1em; padding: 5px; }

textarea.source { font-size: 12px; font-family: "Courier New"; }

table { margin: 1em 0; }

.related {
	clear: none;
	float: right;
	width: 76%;
	padding: 10px 2%;
	border-left: 1px solid #666;
}

.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}

dl { width: auto; }
dt { width: 14em; }
dd { margin-left: 14em; }

.actions ul li ul {
	margin-left: 2em;
}
.actions ul li ul li:first-child { margin-top: 0.5em; }

.actions ul li a.btn:hover,
.actions ul li a.btn:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.actions ul li a.btn-red {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.actions ul li a.btn-red:hover,
.actions ul li a.btn-red:focus,
.actions ul li a.btn-red:active,
.actions ul li a.btn-red.active,
.actions ul li a.btn-red.disabled,
.actions ul li a.btn-red[disabled] {
	color: #ffffff;
	background-color: #bd362f;
}

.actions ul li a.btn-yellow {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.actions ul li a.btn-yellow:hover,
.actions ul li a.btn-yellow:focus,
.actions ul li a.btn-yellow:active,
.actions ul li a.btn-yellow.active,
.actions ul li a.btn-yellow.disabled,
.actions ul li a.btn-yellow[disabled] {
	color: #ffffff;
	background-color: #f89406;
}

.actions ul li a.btn-green {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.actions ul li a.btn-green:hover,
.actions ul li a.btn-green:focus,
.actions ul li a.btn-green:active,
.actions ul li a.btn-green.active,
.actions ul li a.btn-green.disabled,
.actions ul li a.btn-green[disabled] {
	color: #ffffff;
	background-color: #51a351;
}

.actions ul li a.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.actions ul li a.btn-inverse:hover,
.actions ul li a.btn-inverse:focus,
.actions ul li a.btn-inverse:active,
.actions ul li a.btn-inverse.active,
.actions ul li a.btn-inverse.disabled,
.actions ul li a.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
}

.banner-rotated {
	width: 400px;
	position: fixed;
	right: -120px;
	top: 70px;
	background:red;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	z-index: 10000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
}

body.cinema .cake-sql-log { }
body.cinema .cake-sql-log caption { color: #000000; border-top: 2px solid #000000; }

div.card {
	width: 32%;
	margin-right: 1%;
	margin-bottom: 10px;
	float: left;
}

div.card .image { width: 33%; height: auto; float: left; }
div.card .image img { width: 100%; height: auto; }
div.card .text { width: 60%; margin-left: 3%; float: left;}

div.card.first { clear: both; }

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}