@charset "UTF-8";
@import "library";
@import "variables";

/**
 * Content and textual CSS Template.
 *
 * @copyright       Copyright 2010, InfinitySOFT
 * @author          Tristan Lins <tristan.lins@infinitysoft.de>
 * @link            http://www.infinitysoft.de
 *
 * Based on "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 */

/** --- Fonts ----------------------------------------------------------- */
html * {
	font-size: 100.01%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #515151;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
pre,
code,
kbd,
samp,
var,
tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/** --- Headings -------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: 'HelveticaNeue-Medium','Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #515151;
}
h1,h2 {
	margin: 0 0 0.75em 0;
}
h3,h4 {
	margin: 0 0 0.5em 0;
}
h5,h6 {
	margin: 0 0 0.25em 0;
}

h1 {
	color: #be3445;
    font-size: 200%;
}
h2 {
	color: #be3445;
	font-size: 133.33%;
	background-color: #dfd6c4;
	padding: 10px;
}
h3 {
	color: #be3445;
	font-size: 133.33%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}

.l_beige {
	.subcl {
		h3 {
			font-size: 150%;
			color: #be3445;
			text-transform: uppercase;
			line-height: 0.8333em;
			text-align: right;
		}
	}
	.subcr {
		h1 {
			font-size: 116.66%;
			color: #515151;
			font-weight: 700;
		}
	}
}

/** --- Lists ----------------------------------------------------------- */

ul,
ol,
dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}
ul li {
	list-style-image: url(../images/dot.png);
	margin-bottom: .5em;
}

ol li {
	list-style-type: decimal;
}
ol ol li {
	list-style-type: lower-latin;
}

li {
	margin-left: 0.8em;
	line-height: 1.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}

/** --- General textual formatting -------------------------------------- */

p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

blockquote,
cite,
q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
blockquote {
	margin: 0 0 1em 1.6em;
	color: #666;
}

strong,
b {
	font-weight: bold;
}
em,
i {
	font-style: italic;
}

pre,
code,
kbd,
tt,
samp,
var {
	font-size: 100%;
}
pre,
code {
	color: #800;
}
pre {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
kbd,
samp,
var {
	color: #666;
}
var {
	font-style: italic;
}

acronym,
abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}

sub	,
sup {
	font-size: 91.6667%;
}

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #999 dashed;
}

div.ce_spacer {
	text-align: right;
	margin: 0 0 1em 0;
}

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

a,
a:visited,
a:focus,
a:hover,
a:active,
a:link {
	color: #b7614e;
	background: transparent;
	text-decoration: none;

	.mod_newslist,
	.mod_newsreader,
	.ce_text,
	.ce_image {
		&[onclick="window.open(this.href); return false;"],
		&[target="_blank"],
		&.external {
			background: url(../images/link-external.png) no-repeat left center;
			padding-left: 14px;
		}
		&[href^="mailto:"],
		&.mail {
			background: url(../images/link-email.png) no-repeat left center;
			padding-left: 14px;
		}
		&[href^="tel:"],
		&.tel {
			background: url(../images/link-tel.png) no-repeat left center;
			padding-left: 14px;
		}
		&[rel^="lightbox"] {
			position: relative;
		}
		&[rel^="lightbox"]:after {
			content: url(../images/zoom.png);
			position: absolute;
			right: 6px;
			bottom: 6px;
		}
	}
}

a:hover {
	color: #e08566;
	text-decoration: underline;
}

/** --- Images ---------------------------------------------------------- */

img {
	vertical-align: middle;
}

div.framed img,
img.framed {
	padding: 3px;
	margin: 3px;
	border: 1px solid #999;
	border-radius: 5px;
}

p img {
	vertical-align: middle;
}

/** --- Generic Content Classes ----------------------------------------- */

.small {
	font-size: 85%;
}
.big {
	font-size: 125%;
}
.giant {
	font-size: 175%;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.overline {
	text-decoration: overline;
}
.strikethrough {
	text-decoration: line-through;
}

.info {
	background: #f0f0f0;
	color: #666;
	padding: .5em;
	margin-bottom: 0.5em;
	font-size: 91.7%;
}

.float_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}
.float_right {
	float: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}
.center {
	display:block;
	text-align:center;
	margin: 0.5em auto;
}

.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.align_justify {
	text-align: justify;
}

/** --- Tables ---------------------------------------------------------- */

table {
	width: auto;
	border-collapse:collapse;
	margin-bottom: 0.5em;

	caption {
		font-variant:small-caps;
	}
	&.full {
		width: 100%;
	}
	&.fixed {
		table-layout:fixed;
	}
}

th,td {
	padding: 0.5em;

	&.nopad {
		padding: 0;
	}
	&.nohpad {
		padding-left: 0;
		padding-right: 0;
	}
	&.novpad {
		padding-top: 0;
		padding-bottom: 0;
	}
}

th {
	background-color: #f60;
	font-weight: bold;
	text-align: center;
}
td {
	&.strong {
		background-color: #ccc;
	}
	&.light {
		background-color: #eee;
	}
}

.table-grid() {
	border: 1px solid #333;
}
.table-vgrid() {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.table-hgrid() {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
thead,
tbody,
tfoot,
tr {
	&.grid {
		td,
		th {
			.table-grid;
		}
	}
}
th,
td {
	&.grid {
		.table-grid;
	}
}

thead,
tbody,
tfoot,
tr {
	&.vgrid {
		td,
		th {
			.table-vgrid;
		}
	}
}
th,
td {
	&.vgrid {
		.table-vgrid;
	}
}

thead,
tbody,
tfoot,
tr {
	&.hgrid {
		td,
		th {
			.table-hgrid;
		}
	}
}
th,
td {
	&.hgrid {
		.table-hgrid;
	}
}

thead,
thead.grid,
.mceItemTable thead {
	th {
		border-bottom: 2px #800 solid;
	}
}

/** --- Miscellaneous --------------------------------------------------- */
.pad {
	padding: 1em;
}
.hpad,
.tpad {
	padding-top: 1em;
}
.vpad,
.rpad {
	padding-right: 1em;
}
.hpad,
.bpad {
	padding-bottom: 1em;
}
.vpad,
.lpad {
	padding-left: 1em;
}