/* ars navigandi GmbH - arscms */
/* /styles/css/content.css - platform wide content layout */

form {
/*	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; */
}

body {
	font-family:'Trebuchet MS' !important;
	color:black;
	background-color: #fff;
	text-indent:0px;
	text-align: left;
	line-height: 1.5em;
	font-size:75%;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;

}
/* body end *********************************************************************/

/* general begin */
div, span, td, th, li {
	border:0px solid white;
}

div, span, td, th, li, textarea, input, select, option, button, p, td {
	font-size:12px;
}

div, span, td, th, li, textarea, input, select, option, button {
/*	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; */
	/*font-family:Arial;*/
	text-indent:0px;
	line-height: 1.5em;
	text-align:left; vertical-align:top;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

p {
	padding: 0px 0px 0px 0px;
/*	margin: 0.0em 0px 1.0em 0px;
	border:0px solid white;
	background-color:white; */

	text-indent:0px;
	line-height: 1.5em;

	font-size:12px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

h1 {
	color: #8F0002;
	font-size:21px;
	font-weight:bold; font-style:normal; text-decoration: none; text-transform: none;
	padding: 2px 0px 2px 0px;
}

#buchungen {
	margin-bottom:0px;
}

.building {
	padding-top:12px;
}

.appname {
	font-size:14px;
}

#monthName, #year, #buchungen_text {
	font-size:21px;
	font-weight:bold;
	vertical-align:middle;
	color: #8F0002;

	/*display: inline-block;
	width: 100px;
	*/

	/*padding:0px 20px 0px 20px;
	border:1px solid red;*/
}

#monthName, #year {
	font-size: 18px;
}

.month-paginator {
	margin-top: 15px;
}

#prevMonth {
	display: inline-block;
	vertical-align:middle;
}

#nextMonth {
	display: inline-block;
	vertical-align:middle;
}

h2 {
	color: #8F0002;
	font-size:17px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
	padding: 2px 0px 2px 0px;
}
h3 {
	color:#EF780E;
	font-size:13px;
	font-style:normal; text-decoration: none; text-transform: none;
}

h4 {
	padding: 0px 0px 0px 0px;
	border:0px solid white;

	background-color:white;
	color:#EEE20D;

	text-indent:0px;
	line-height: 1.5em;


	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
h5 {
	padding: 0px 0px 0px 0px;
	border:0px solid white;

	background-color:white;
	color:#EEE20D;

	text-indent:0px;
	line-height: 1.5em;


	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
h6 {
	padding: 0px 0px 0px 0px;
	border:0px solid white;

	background-color:white;
	color:#EEE20D;

	text-indent:0px;
	line-height: 1.5em;


	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
/* general end ******************************************************************/

/* link begin *******************************************************************/
a, a:link{
	text-decoration:underline; color:#1C0AAF; outline:0;

}
a:visited {
	text-decoration:underline;
	font-weight:normal; color:#38376F;

}

a:hover {
color:#7F070C;
}

a:focus, a:hover, a:active {
	/* font-weight:normal; */
}

a.link-btn {
	display: inline-block;
	margin: 3px 0;
	padding: 5px 15px;
	color: white;
	background: #8F0002;
	text-decoration: none;
}

a.link-btn:hover {
	background: #770002;
}

/* link end *********************************************************************/

/* lists begin ******************************************************************/
ul,ol {
	font-weight: bold;

	background-color:#fff;
	/*border-bottom: 1px #eee solid;*/

}

li {
/*	padding-top:0px; padding-bottom:0px;
	margin-top:0px; margin-bottom:1.0em; */
	border:0px solid white;

	text-indent:0px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;

}
/* lists end ********************************************************************/

td.content {
	width:740px;
}

/* table begin ******************************************************************/
table {
	margin:0px; padding:0px;
	empty-cells:show;
}
td {
	padding: 2px;
	border:0px solid white;

	text-indent:0px;
	line-height: 1.5em;

	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;

}

tr.tableTrOdd td {background-color:#CFCFCF; padding:1px 2px 1px 5px; margin:0px; }
tr.tableTrEven td {background-color:#FFFFFF; padding:1px 2px 1px 5px; margin:0px; }
tr.tableTrGrey td {width:14px;background-color:#F5F5F5; padding:1px 2px 1px 5px; margin:0px; }

/* table end ********************************************************************/

/* form begin *******************************************************************/
input, select, textarea, button {
/*	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; */

	background-color:white;

	text-indent:0px;
	line-height: 1.5em;

	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

optgroup {
	font-weight:bold; font-style:italic; text-decoration: none; text-transform: none;
}

option {
	background-color:white;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
/* form end *********************************************************************/

.redfont {

	color: #FF0F0F;
}

.greenfont {

	color: #158F00;
}

.bluefont {

	color: #182E7A
	}

.caption {
	font-size: 11px;
	font-style:italic;
}

.borderTable ,.borderTable tr td {
	border:1px solid black;
}


figcaption {
	font-style: italic;
}
.floatImage_alignLeft {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.floatImage_alignRight {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
}

.content-template {
	margin: 10px 0;
}

.content-template:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.content-template.two-img .floatImage_alignLeft {
	width: 49%;
	height: auto;
	margin: 0;
	padding: 0;
}

.content-template.two-img .floatImage_alignLeft:first-child {
	margin-right: 2%;
}

.content-template.two-img .floatImage_alignLeft img,
.content-template.img-left .floatImage_alignLeft img,
.content-template.img-right .floatImage_alignRight img {
	width: 100%;
}

.content-template.img-left .floatImage_alignLeft,
.content-template.img-right .floatImage_alignRight {
	width: 50%;
	height: auto;
}

.content-template.col-3-layout div[class^="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}

.content-template.col-3-layout img {
	max-width: 100%;
}

.content-template.teaser-col-3-layout.landscape .teaser-article,
.content-template.teaser-col-4-layout.landscape .teaser-article {
	padding: 0;
}

.content-template.teaser-col-2-layout.landscape .teaser-article:first-child,
.content-template.teaser-col-2-layout.portrait .teaser-article:first-child,
.content-template.teaser-col-3-layout.landscape .teaser-article:first-child,
.content-template.teaser-col-4-layout.landscape .teaser-article:first-child {
	padding-left: 0;
}

.content-template.teaser-col-2-layout.landscape .teaser-article:last-child,
.content-template.teaser-col-2-layout.portrait .teaser-article:last-child,
.content-template.teaser-col-3-layout.landscape .teaser-article:last-child,
.content-template.teaser-col-4-layout.landscape .teaser-article:last-child {
	padding-right: 0;
}

.content-template.teaser-col-2-layout.landscape .teaser-article:first-child,
.content-template.teaser-col-2-layout.portrait .teaser-article:first-child,
.content-template.teaser-col-3-layout.landscape .teaser-article:first-child,
.content-template.teaser-col-4-layout.landscape .teaser-article:first-child {
	padding-right: 5px;
}

.content-template.teaser-col-2-layout.landscape .teaser-article:last-child,
.content-template.teaser-col-2-layout.portrait .teaser-article:last-child,
.content-template.teaser-col-3-layout.landscape .teaser-article:last-child,
.content-template.teaser-col-4-layout.landscape .teaser-article:last-child {
	padding-left: 5px;
}

.content-template.teaser-col-3-layout.landscape .teaser-article:nth-child(2),
.content-template.teaser-col-4-layout.landscape .teaser-article:nth-child(2),
.content-template.teaser-col-4-layout.landscape .teaser-article:nth-child(3) {
	padding: 0 2.5px;
}


.teaser-article img {
	max-width: 100%;
	height: auto;
}

.teaser-article .teaser-article-link,
.teaser-article .teaser-article-header {
	margin: 10px 0;
}

.content-template.teaser-col-2-layout.landscape .teaser-article .teaser-article-header,
.content-template.teaser-col-3-layout.landscape .teaser-article .teaser-article-header  {
	margin-top: 0;
}

.content-template.teaser-col-2-layout.landscape .teaser-article-img,
.content-template.teaser-col-3-layout.landscape .teaser-article-img {
	max-width: 400px;
	padding: 10px;
}

.content-template.teaser-col-4-layout.landscape .teaser-article-img {
	max-width: 400px;
	padding: 5px;
}

.content-template.teaser-col-2-layout.landscape .teaser-article-wrap,
.content-template.teaser-col-2-layout.portrait .teaser-article-wrap,
.content-template.teaser-col-3-layout.landscape .teaser-article-wrap,
.content-template.teaser-col-4-layout.landscape .teaser-article-wrap {
	max-width: 400px;
	margin: 5px auto;
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
}

.content-template.teaser-col-2-layout.portrait .teaser-article-wrap {
	padding: 10px;
}

.content-template.teaser-col-2-layout.landscape .teaser-article-text,
.content-template.teaser-col-3-layout.landscape .teaser-article-text {
	padding: 0 10px 10px 10px;
}

.content-template.teaser-col-4-layout.landscape .teaser-article-text {
	padding: 0 5px 5px 5px;
}

.content-template.teaser-col-2-layout.portrait .teaser-article-img {
	max-width: 250px;
	padding-left: 0;
	padding-right: 0;
}

.content-template.teaser-col-2-layout.portrait .teaser-article-text {
	padding-right: 0;
}

.content-template.teaser-col-2-layout.portrait .teaser-article-header {
	margin-top: 0;
}

@media (max-width: 767px) {
	.content-template.teaser-col-2-layout .teaser-article,
	.content-template.teaser-col-3-layout .teaser-article,
	.content-template.teaser-col-4-layout .teaser-article {
		margin-top: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.content-template.teaser-col-2-layout.portrait .teaser-article:last-child {
		padding-left: 0;
	}
}

@media (max-width: 640px) {
	.content-template.two-img .floatImage_alignLeft {
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}

	.content-template.two-img .floatImage_alignLeft:first-child {
		margin-right: 0;
	}

	.content-template.img-left .floatImage_alignLeft,
	.content-template.img-right .floatImage_alignRight {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
}


/* webcam */
#infobar {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 10px 0;
	padding: 10px;
	background: #eee;
}

#dateinfo {
	position:absolute;
	left:20px;
	width:450px;
	font-size:3em;
}

#arrows {
	position:absolute;
	right:20px;
	top:20px;
	width:150px;
}

#weatherinfo {
	position:absolute;
	left:20px;
	top:60px;
}

#dateselector {
	position:absolute;
	left:350px;
	top:75px;
}

.dragable:after {
	content: '';
	clear: both;
	display: block;
}

.myInputSubmit,
.myInputReset,
.myInputSubmit.btn {
	margin: 5px 0;
	padding: 5px 15px;
	color: #fff;
	background: #8F0002;
	border: none;
}

.myInputSubmit:hover,
.myInputReset:hover,
.myInputSubmit.btn:hover {
	background: #770002;
}