/* @override
	http://localhost:8000/static/css/style.css
	http://www.ak-umwelt.at/static/css/style.css
	http://ak-umwelt.at/static/css/style.css
	*/

@import "html5reset.css";

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Fonts */

@font-face {
	font-family: 'SourceSansPro';
	font-weight: normal;
	src: url('../fonts/SourceSansPro-Regular.otf');
}

@font-face {
	font-family: 'SourceSansPro';
	font-weight: bold;
	src: url('../fonts/SourceSansPro-Bold.otf');
}

@font-face {
	font-family: 'SourceSansProSemibold';
	font-weight: normal;
	src: url('../fonts/SourceSansPro-Semibold.otf');
}

/* Styles */


body {
	height: 100%; margin: 0 auto;
	background: url(../img/bg.gif) repeat fixed;
	color: #666;
	font-size: 13px;
	line-height: 19px;
}

#frame {
	width: 1020px;
	margin: 0px auto;
	border: 1px solid #ecedec;
	position: relative;
	min-height: 100%;
	padding: 20px;
	background-color: white;
}

.image a:link {
	text-decoration: none;
}

.image aside {
	font-weight: bold;
	color: #666;
	margin: 0em 0em 0.5em 0em;
}

.float_clear {
	clear: both;
}

#frame .column_parent {
	min-height: 100%;
}

.column_parent.three_columns {
	background: white url(../img/bg_columns_3.gif) repeat-y 50% 0;
}

h1 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-weight: normal;
	color: #c20012;
	margin-right: 20px;
	line-height: 36px;
}

h1 .subtitle {
	color: #666;
}

h2 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 100;
	margin-top: 1em;
}

h3 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	margin-bottom: 10px;
	margin-top: 12px;
	text-transform: uppercase;
}

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

a:hover	{
	text-decoration: underline;
}

/* General */
nav a:link, nav a:visited {
	text-decoration: inherit;
	color: inherit;
}

/* Header style */
#frame>header {
	border-top: 1px solid #cacbca;
	padding-top: 20px;
	margin-top: 50px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cacbca;
}

#frame>header h1 {
    padding: 80px 0 0 0;
    overflow: hidden;
    background-image: url("../img/logo.jpg");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:80px;
    border: 0px;
}

#subheader {
	text-transform: uppercase;
	position: absolute;
	top: 35px;
	right: 20px;
}

#subheader nav, #subheader nav li, form.search {
	display: inline-block;
}

#subheader nav li {
	margin: 0px 25px;
}

input[type="search"] {
	-moz-appearance:none;
	-webkit-appearance:none;
	border-style: inset;
	border-width: 1px;
	width: 135px;
	margin-right: 10px;
}

form.search input[type="submit"] {
	text-transform: uppercase;
}

#ak_logo {
	position: absolute;
	right: 25px;
	top: 90px;
}

#main_navigation {
	margin-top: 50px;
	margin-bottom: 5px;
	background-color: #e1e6e7;
	font-size: 12px;
}

#main_navigation li {
	display: inline-block;
	text-transform: uppercase;
	background-color: #e1e6e7;
	height: 28px;
	text-align: center;
}

#main_navigation li a {
	display: inline-block;
	padding: 6px 15px 4px;
}

#main_navigation a:hover {
	text-decoration: none !important;
}

#main_navigation li.selected, #main_navigation li.hover {
	background-color: #c10010;
	color: white;
}

/* Special page styles */

/* Betrieb */
#main_navigation li.nav_betrieb.selected, #main_navigation li.nav_betrieb.hover {
	background-color: #824B93;
}

.page_betrieb h1 {
	color: #824B93;
}

.page_betrieb a:link, .page_betrieb a:visited {
	color: #824B93;
}

.page_betrieb aside h2 {
	color: #824B93;
}

.page_betrieb nav.article_group li.hover, .page_betrieb nav.rubriken li.hover {
	color: #824B93;
}

/* Leben */
#main_navigation li.nav_leben.selected, #main_navigation li.nav_leben.hover {
	background-color: #7BB142;
}

.page_leben h1 {
	color: #7BB142;
}

.page_leben a:link, .page_leben a:visited {
	color: #7BB142;
}

.page_leben aside h2 {
	color: #7BB142;
}

.page_leben nav.article_group li.hover, .page_leben nav.rubriken li.hover {
	color: #7BB142;
}

/* Politik */
#main_navigation li.nav_politik.selected, #main_navigation li.nav_politik.hover {
	background-color: #F26E20;
}

.page_politik h1 {
	color: #F26E20;
}

.page_politik a:link, .page_politik a:visited {
	color: #F26E20;
}

.page_politik aside h2 {
	color: #F26E20;
}

.page_politik nav.article_group li.hover, .page_politik nav.rubriken li.hover {
	color: #F26E20;
}

#left_column {
	float: left;
	width: 200px;
	min-height: 100%;
}

#right_column {
	float: right;
	width: 325px;
	min-height: 100%;
}

#center_column {
	margin-left: 232px;
	margin-right: 357px;
	min-height: 100%;
}

#clear_column {
	clear: both;
}

/*HEADING styles */

#frame article header h1, .teaser h1, nav.rubriken h1 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-size: large;
	color: #797a79;
	text-transform: uppercase;
	border-bottom: 4px solid #dedfde;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4em;
	margin: 0px;
}

article header h2 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	line-height: 1.4em;
	margin: 0px;
	color: #be0110;
	font-size: 16px;
}

article h1 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	font-size: xx-large;
	margin-bottom: 0.7em;
}

.article_group h1, aside h1 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.sideboxes header h1 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	color: #797a79;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #e5e6e6;
	margin: 0px;
	padding: 0.5em 1em;
}

aside h2 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	color: #c20012;
	font-size: 12px;
	line-height: 17px;
	display: inline;
	text-transform: uppercase;
}

article section.author, article h2 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0.7em 0em;
}

aside.sideboxes article h1 {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	margin-bottom: 0.5em;
}

aside.sideboxes article h2 {
	display: block;
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-size: 20px;
	color: 797a79;
	line-height: 22px;
	font-weight: normal;
	margin-top: 0.3em;
}

article ul, article ol {
	margin-left: 2em;
	margin-bottom: 1em;
}

article ul {
	list-style-type: disc;
}

.teaser h2 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	text-transform: none;
	font-weight: normal;
	color: #c20012;
	margin-top: 0.3em;
	font-size: xx-large;
}

.teaser .pseudolink {
	display: block;
	text-transform: uppercase;
	color: #c20012;
}

.teaser .pseudolink:hover {
	text-decoration: underline;
}

.side_column .teaser .pseudolink {
	display: inline;
}

.side_column .teaser h1, nav.rubriken h1 {
	border-bottom: 0px;
	font-size: 15px;
}

.side_column .teaser h2 {
	font-size: large;
	margin-bottom: 0.5em;
}

.side_column {
	font-size: 12px;
	line-height: 17px;
}

/* Teasers */
.side_column .teaser {
	background-color: #f4f5f5;
	border: 1px solid #e5e6e6;
	padding: 1em;	
}

.side_column .teaser h1 {
	padding-bottom: 2rem;	
}

.side_column .teaser a>:last-child {
	margin-bottom: 0rem;
}

.side_column .teasers .teaser .pseudolink {
	display: block;
}

.teaser, .environment_graphic {
	border-bottom: 4px solid #dedfde;
	margin-bottom: 0.6em;
	padding-bottom: 1.0em;
}

.teaser a:link, .teaser a:visited, .teaser a:hover {
	color: inherit;
	text-decoration: none;
}


/* Teaser images */
.side_column .teasers article {
	position: relative;
}

.side_column .teasers .image {
	position: absolute;
	right: 0px;
	top: 0em;
	width: 65px !important;
	height: 65px !important;
}

.side_column .teasers .image img {
	max-height: 100%;
}

.teasers .image {
	margin-bottom: 1.5em;
}

.environment_graphic h1 {
	color: inherit;
	font-size: medium;
	display: inline;
}

.environment_graphic .image {
	float: left;
}

/* article style */

.csshyphens article, .csshyphens section {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-ms-word-break: hyphenate;
	word-break: hyphenate;

	text-align: justify;
}

h1, h2, h3, ul { /* No hyphenation, text justification in headers and lists */
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	hyphens: manual;
	-ms-word-break: normal;
	word-break: normal;
	text-align: left;
}

header {
	text-align: left;
}

article header {
	margin-bottom: 20px;
}

article p {
	margin-bottom: 1em;
}

article aside {
	margin-bottom: 2.5em;
}

article section.summary {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	font-weight:100;
}

/* side boxes style */

.side_column aside, .side_column nav {
	border: 1px solid #e5e6e6;
	padding: 1em;
}

.side_column aside aside {
	border: none;
	padding: inherit;
}

.side_column aside, .side_column nav, .side_column .image {
	margin-bottom: 1em;
}

.side_column aside section {
	margin-bottom: 1em;
}

nav.article_group {
	background-color: #f9f3e6;
}

nav.article_group li {
	list-style-image: url(../listsquare.gif);
	margin-left: 30px;
}

nav.article_group li.hover, nav.rubriken li.hover {
	color: #c20012;
	text-decoration: underline;
}

aside.sideboxes {
	background-color: #f4f5f5;
	border: 1px solid #e5e6e6;
	padding: 0px;
}

aside.sideboxes header a {
	text-decoration: none;
	color: inherit !important;
}

aside.sideboxes header li {
	border-bottom: 2px solid #e5e6e6;
	margin: 0px;
	padding: 0.6em 1em 0.5em 1em;
}

aside.sideboxes header li.active, aside.sideboxes header a:hover li {
	background-color: #e9ecea;
}

aside.sideboxes article {
	padding: 1em;
	margin-top: 2em;
}

.teasers, .side_column .controversy_teaser, .side_column nav {
	margin-bottom: 1em;
}

.side_column .controversy_teaser, .side_column nav {
	border: 1px solid #E5E5E5;
	padding: 10px;
	font-size: small;
	font-weight: lighter;
}

.side_column .controversy_teaser h1, nav.rubriken h1 {
	border-bottom: 4px solid #dedfde;
	margin-bottom: 0.8em;
}

.side_column .controversy_teaser h2 {
	font-size: 18px;
	margin-bottom: 1em;
}

.side_column .controversy_teaser strong {
	font-weight: normal;
	color: #c20012;
}

nav.articles.rubriken li {
	background: url(../img/square_grey.gif) no-repeat 0px 0.4em;
	display: inline-block;
	padding: 0px 0px 0px 12px;
	margin-right: 0.8em;
}

nav.rubriken li strong {
	font-weight: inherit;
}

nav.rubriken li .subtitle {
	display: none;
}

/* Article pages */
.author_info {
	position: relative;
	min-height: 75px;
	margin-bottom: 25px;
}

.author_info p {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.author_info.with_image p {
	margin-left: 85px;
}

.side_column .author_info {
	position: relative;
	min-height: 0px;
}

.side_column .author_info p {
	position: inherit;
	bottom: inherit;
	left: inherit;
	margin-left: inherit;
}

/* Nachriten / Rubriken */
nav.articles {
	padding: 0px 0px;
}

nav.articles.rubriken {
	padding: 10px;
}

nav.articles li {
	padding: 5px 10px;
}

nav.articles strong {
	color: #c20012;
}

nav.articles.nachrichten {
	background-color: #f9f3e6;
}

nav.articles.nachrichten .selected, nav.articles.nachrichten .hover {
	background-color: #f5ead1;
}

nav.articles .selected, nav.articles .hover {
	background-color: #f9f3e6;
}

nav.articles.nachrichten h1 {
	font-size: small;
	text-transform: uppercase;
	margin: 10px;
}


/* Kontroverse */
.controversy {
	position: relative;
}

.controversy_columns {
	background: white url(../img/bg_columns_2.gif) repeat-y 50% 0;
	min-height: 100%;
}

.controversy .author_info {
	padding: 10px;
}

.controversy .author_info p {
	margin-right: 10px;
	margin-left: 10px;
}

.controversy .author_info.with_image p {
	margin-left: 95px;
}

.controversy .author_info.pro {
	background-color: #EAE9CF;
}

.controversy .author_info.con {
	background-color: #D7E1E7;
}

.controversy section.pro {
	float: left;
	width: 495px;
	min-height: 100%;
}

.controversy section.con {
	margin-left: 520px;
}

.controversy h2 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	font-weight: normal;
	font-size: 23px;
	margin-top: 0px;
	color: #c20012;
	text-transform: none;
	min-height: 4em;
}

.controversy h2 .subtitle {
	color: #666;
}

aside.author_short {
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	margin-top: -1em;
}

/* Magazine PDF link */
aside.cover {
	border: none;
	padding: 0px;
}

aside.cover img {
	margin: 0px;
	-moz-box-shadow: 2px 2px 5px #979797;
	-webkit-box-shadow: 2px 2px 5px #979797;
	box-shadow: 2px 2px 5px #979797;
	opacity: 1;
}

aside.cover .pdf_links {
	font-family: 'SourceSansProSemibold', Helmet, Freesans, sans-serif;
	font-weight: normal;
	display: block;
	background-color: #c10010;
	color: white;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	margin: 1em 0em;
}

aside.cover .pdf_links a {
	color: inherit;
	text-decoration: inherit;
}

aside.cover .pdf_links ul {
	list-style-type: disc;
	margin-left: 2em;
}

aside.cover a:hover {
	text-decoration: underline;
}

/* Archive link box */
.side_column aside.archive {
	border: 1px solid #E5E7E6;
	margin: 0em;
	padding: 0em;
}

aside.archive div {
	margin: 2px;
	padding: 0.5em 0.8em;
	background: #E5E7E6;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

aside.archive a {
	text-decoration: none;
}

aside.archive h1 {
	font-size: x-large;
	margin-bottom: 0.2em;
}

aside.archive p {
	color: #666;
}

/* Links on Home Page */

#left_column>.plugin_link {
	display: block;
	background: #E5E7E6;
	margin: 1em 0em;
	padding: 0.6em 1em;
}

#left_column>.plugin_link a:link {
	text-decoration: none;
}

#left_column>.plugin_link a:hover {
	text-decoration: underline;
}

/* Single column pages */

.single_column>h1 {
	font-size: 40px;
	margin-top: 1em;
	margin-bottom: 0.8em;
}

.archive_year {
	float: left;
	width: 500px;
}

.archive_year.odd { /*odd class is a IE workaround for :nth-of-type(odd) */
	margin-left: 0px;
	margin-right: 20px;
}

.archive_year a {
	text-decoration: none;
}

.archive_year h2 {
	font-size: 28px;
	color: #c20012;
	font-weight: normal;
	font-style: normal;
	margin: 1em 0em;
}

.archive_year li.issue, .archive_year li.empty {
	background: #E5E7E6;
	position: relative;
	color: black;
	font-size: 16px;
	padding: 0.5em 0.5em 0.5em 85px;
	margin-bottom: 5px;
	min-height: 65px;
}

li.issue h3 {
	margin: 0px 0px 0em 0px;
	color: #c20012;
	font-size: medium;
	font-weight: lighter;
	text-transform: none;
}

li.issue .image {
	position: absolute;
	top: 1rem;
	left: 1rem;
}

li.issue .groups {
	margin-bottom: 0.3em;
}

li.issue ul.articles {
	font-size: 12px;
}

.archive_year.old_archive .image {
	height: 405px !important;
	background: #E5E7E6;
}

/* Wumometer */
section.wumometer {
	margin-bottom: 2em;
	margin-left: 165px;
}

.wumometer-dots {
	margin-bottom: 2em;
}

section.wumometer h1, .wumometer-dots h1 {
	font-family: 'SourceSansPro', Helmet, Freesans, sans-serif;
	display: inline;
	font-size: inherit;
	color: #666;
	line-height: inherit;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 0em;
}

section.wumometer h1:before {
	margin-right: 0.75em;
}

.wumometer-dots h1:before {
	margin-right: 0.25em;
}

section.wumometer.positive h1:before {
	content: url('../img/wumometer_plus.gif');
}

section.wumometer.negative h1:before {
	content: url('../img/wumometer_minus.gif');
}

.wumometer-dots h1:before {
	content: '●●';
	font-size: x-large;
}

.wumometer1 h1:before {
	color: #9E181A;
}

.wumometer2 h1:before {
	color: #BE6C1B;
}

.wumometer3 h1:before {
	color: #F7D710;
}

.wumometer4 h1:before {
	color: #88AA3B;
}

.wumometer5 h1:before {
	color: #297537;
}

div.image.wumometer {
	float: left;
	margin-bottom: 1em;
}

/* Search */

form.search {
	max-width: 720px;
}

form.search ul {
	list-style: none;
	display: inline-block;
}

form.search li {
	display: inline-block;
	margin-bottom: 1.5em;
}

form.search label {
	display: none;
}

form.search h2 {
	margin: 1.5em 0em 1em 0em;
	font-size: x-large;
}

form.search h3 {
	text-transform: none;
	font-size: medium;
}

/* fixing cms frontend editor */

.cms_placeholder {
	float: none !important;
}

/* Social share privacy */

.share {
	position: relative;
	display: inline-block;
	width: 100%;
}

.dummy_btn.fbshare {
	margin-left: 33px !important;
}
