/*!
 * a.cathkathcatt.ch
 *
 * Copyright 2013 Katholischer Mediendienst, Erich Schweizer-Ferrari
 */
@font-face {
	font-family: 'sourcesanspro-light';
	src: url('fonts/sourcesanspro-light-webfont.eot');
	src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-light-webfont.svg#sourcesanspro-light') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'sourcesanspro-regular';
	src: url('fonts/sourcesanspro-regular-webfont.eot');
	src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-regular-webfont.svg#sourcesanspro-regular') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'sourcesanspro-semibold';
	src: url('fonts/sourcesanspro-semibold-webfont.eot');
	src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg');
	font-weight: normal;
    font-style: normal;
}

.form-control::-webkit-input-placeholder {
    color: rgba(17,136,71,0.5);
    font-size: 15px;
    font-style: italic;
}
.form-control:-moz-placeholder {
    /* FF 4-18 */
    color: rgba(17,136,71,0.5);
    font-size: 15px;
    font-style: italic;
}
.form-control::-moz-placeholder {
    /* FF 19+ */
    color: rgba(17,136,71,0.5);
    font-size: 15px;
    font-style: italic;
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(17,136,71,0.5);
    font-size: 15px;
    font-style: italic;
}

/* sticky footer */

* {
	margin: 0;
}
.footer {
	min-height: 5em;
	background-color: #CCCCCC;
}
.footer .content {
	margin: 0 auto 0 auto;
	padding-top: 17px;
	min-width: 259px;
	max-width: 95%;
	padding-left: 13px;
	padding-right: 13px;
}
.footer .content .row .col-lg-3 {
	border-right: 1px solid white;
	padding-top: 17px;
}
.push {
	height: 5em;
}
.wrapper
{
	margin: 0 auto -5em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* /sticky footer */

.navbar {
	background-color: #ecf2ec;
	border-bottom: 1px solid rgba(17,136,71,0.5);
}
.navbar-div {
	margin: 0 auto;
	max-width: 95%;
}
.navbar-brand {
	font-family: sourcesanspro-semibold;
	font-size: 32px;
	color: rgba(17,136,71,1);
	white-space: nowrap;
	margin: 1px 17px 0 0;
	padding-left: 0;
	text-align: left;
	max-width: 500px;
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	background-color: rgba(17,136,71,1);
	color: #FFFFFF;
}

.nav > li > a {
	background-color: rgba(255,255,255,0.5);
	color: rgba(17,136,71,1);
	border-left: 1px solid rgba(17,136,71,0.05);
	border-right: 3px solid rgba(17,136,71,0.05);
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: rgba(17,136,71,0.5);
	color: #FFFFFF;
}

.navbar-toggle {
	background-color: #FFFFFF;
	margin-right: 11px;
}
.navbar-toggle .icon-bar {
    background-color: rgba(17,136,71,1);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: rgba(17,136,71,0.5);
	border-left: 1px solid rgba(17,136,71,0.05);
	border-right: 3px solid rgba(17,136,71,0.05);
	color: #FFFFFF;
}
.dropdown-menu > li > a {
	font-size: 16px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: rgba(17,136,71,0.5);
	background-image: none;
	color: #FFFFFF;
} 
a.unvisibleLink {
	text-decoration: none;
	cursor: default;
}
.aborted {
	background-color: rgba(185,74,72,0.5);
	color: #FFFFFF;
	padding: 0 0 0 0;
}
.active {
	background-color: rgba(17,136,71,0.5);
	color: #FFFFFF;
	padding: 0 0 0 0;
}
.deactivated {
	background-color: rgba(255,255,72,0.5);
	color: #333333;
	padding: 0 0 0 0;
}
.has-success .form-control {
	color: #3C763D
}
.inactive {
	color: #AAAAAA;
	padding: 0 0 0 0;
}
.waiting {
	color: rgba(17,136,71,1);
	padding: 0 0 0 0;
}
.boxshadow {
	-webkit-box-shadow: 3px 3px 3px 0px rgb(120, 120, 120); /* WebKit */
	-moz-box-shadow: 3px 3px 3px 0px rgb(120, 120, 120); /* Firefox */
	box-shadow: 3px 3px 3px 0px rgb(120, 120, 120); /* Standard */ 
}
body {
    font-size: 1.5em;
    color: #333333;
	font-family: sourcesanspro-regular;
	height: 100%;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
a.lang-sel {
	display: block;
	float: left;
	padding: 0 11px 0 11px;
	border-right: 1px solid #CCCCCC;
}
a.lang-sel.selected {
	color: #999999;
}
div#main
{
	padding: 0 11px 0 11px;
}
div.main
{
	line-height: 1.5;
	margin: 0 auto;
	max-width: 95%;
	min-width: 259px;
}
div.language {
	font-family: sourcesanspro-semibold;
	font-size: 24px;
}
div.line {
    margin: 0px 0 23px 0;
    padding: 0;
    height: 1px;
    background-color: #FFFFFF;
}
div#searchEmailResult {
	margin: 17px 0;
	background-color: #FFFFFF;
	
}
div#showAddress p {
	margin: 0;
	padding: 0;
}
div#showAdvert h2 {
	font-family: sourcesanspro-semibold;
	margin: 19px 0 5px 0;
}
form {
	margin: 3px 0 0 0;
	padding: 0;
}

.form-inline button.btn-default {
	background-color: #ecf2ec;
	color: rgb(17,136,71);
}
.form-inline input.form-control {
}
.form-horizontal .control-label {
	padding-top: 3px;
}
.ui-widget {
	font-family: sourcesanspro-regular;
	font-size: 1em;
}
h1 {
	color: #444444;
	font-family: sourcesanspro-semibold;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
h1.top {
	margin: 0px 0 13px 0;
}
h2 {
	color: #444444;
	font-family: sourcesanspro-semibold;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 17px 0 0 0;
}
h3 {
	color: #444444;
	font-family: sourcesanspro-semibold;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
	margin: 13px 0 5px 0;
	padding: 0;
}
hr {
	border-color: rgba(17,136,71,0.5);
}
html {
	height: 100%;
	overflow-y: scroll;
}
.form-control{
	font-size: 16px;
}
input.url {
	width: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
span.nobreak {
	white-space: nowrap;
}
span.float-right {
	display: block;
	float: right;
	margin: 0 0 13px 19px;
}
table {
	margin: 0;
	padding: 0;
	border: 0;
    border-collapse: collapse;
}
td {
	padding: 0;
	border: 0;
	vertical-align: top;
}
td.lemma {
	padding-right: 19px;
}
table.kategorientabelle {
	
}
table.responsive td {
	padding-right: 7px;
	text-align: left;
	vertical-align: top;
}
table.exporttabelle tr th, table.kategorientabelle tt th {
	padding-right: 7px;
	text-align: left;
	vertical-align: top;
}
table.exporttabelle tr td, table.kategorientabelle tr td {
	border-top: 1px solid #999999;
	padding-right: 7px;
	text-align: left;
	vertical-align: top;
}
ul {
	padding-left: 19px;
}
div.texts h1 {
	font-family: sourcesanspro-semibold;
	font-size: 1.8em;
 	margin: 0 0 23px 0;
}
 
div.texts h2 {
	font-family: sourcesanspro-semibold;
	font-size: 1.6em;
 	margin: 23px 0 13px 0;
}
div.texts p {
	margin: 0;
	padding: 0 0 5px 0;
}
.display-none {
	display: none;
}

.none {
	background-color: #000000;
	color: #FFFFFF;
}
.white {
	background-color: #FFFFFF;
	color: #444444;
}
.violet {
	background-color: #990099;
	color: #FFFFFF;
}
.green {
	background-color: #009900;
	color: #FFFFFF;
}
.red {
	background-color: #CC0000;
	color: #FFFFFF;
}
.rose {
	background-color: #FF7878;
	color: #FFFFFF;
}

/* chosen */
.chosen-container-multi .chosen-choices li.search-choice {
	border: none;
}

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-brand {
		font-size: 43px;
		padding-left: 7px;
		padding-right: 7px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-brand {
		font-size: 59px;
		padding-left: 7px;
		padding-right: 7px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
		min-width: 95%;
		width: 95%;
	}
	.navbar-brand {
		font-size: 59px;
		padding-left: 7px;
		padding-right: 7px;
	}
	#showAdvertDetail {
		margin: 17px;
	}
	#showFilteredList {
		margin: 13px;
	}
}