/*!
 * stellen.kirchen.ch
 *
 * Copyright 2013 Katholisches Medienzentrum, 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;
}

/* 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;
}
.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;
}
div#main
{
	padding: 0 11px 0 11px;
}
div.main
{
	line-height: 1.5;
	margin: 0 auto;
	max-width: 95%;
	min-width: 259px;
}
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 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-family: sourcesanspro-semibold;
}
h1.top {
	margin: 0px 0 13px 0;
}
h2 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 13px 0 5px 0;
	padding: 0;
	line-height: 1.5;
}
html {
	height: 100%;
	overflow-y: scroll;
}
label.select div {
    display: inline-block;
    padding: 0 0 0 19px;
    vertical-align: middle;
}
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;
}
#dialog-confirm-abo td.lemma {
    white-space: nowrap;
}
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;
}
.margin {
    margin: 13px 0 23px 0;
}
.white-text {
    color: white;
}

.bill-table > tr > td{
	max-width: 250px;
}

/* 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;
	}
}