@font-face {
  font-family: 'MeineSchrift-text';

    src: url('fonts/GT-Pressura-Standard-Text') format('ttf');
}
@font-face {
  font-family: 'MeineSchrift-bold';
  src: url('fonts/GT-Pressura-Extended-Bold') format('ttf');

}

.table th, .table td {
	padding: 0.1 rem;
}
.navbar {
	padding: 0.1 rem 1rem
}
body {
     font-family: "MeineSchrift-text" , Arial;

}

/* th {text-align: left;}*/
table, tr:nth-child(even) {
	background: #CCC
}
table, tr:nth-child(odd) {
	background: #FFF
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* Typography */
body {
      font-family: "MeineSchrift-text" , Arial;
	font-size: 98%;
	color: #5e5e5e;
}


.text{	
	font-size: 1em;
	color: #5e5e5e;
}
h1 {
	font-size: 180%;
	color: #3b3b3b;
       font-family: "MeineSchrift-text" , Arial;

}
h2 {
	font-size: 130%;
	color: #147BB3;
	font-family: Garamond, Arial, Sans-Serif;
}

h3 {
	font-size: 120%;
	color: #147BB3;
    font-family: "MeineSchrift-text" , Arial;
}
p {
	margin: 10px 0px 0px 0px;
	line-height: 1.4em;
	font-size: 96%;
}
a {
	color: #006AAD;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #147BB3;
}

#header h1 span {
	color: #006AAD;
}
#header p {
	font-size: 100%;
	font-style: italic;
	color: #ababab;
}

.meta_date {
	font-style: italic;
}

/* Manin Content */
#wrap {
	width: 65%;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

#header {
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	display: inline-block;
	border-bottom: 1px solid #ccc;
}

#nav {      
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	display: inline-block;
	border-bottom: 1px solid #ccc;
}

#nav li {
	margin: 0px 20px 0px 0px;
	float: left;
	display: inline-block;
	color:#000000;
}
#nav a{
	color: #FF0000;
	font-size: 1.2em;
}

#content {
	width: 100%;
	margin: 0px 0px 15px 0px;
}

#content .content_block {
	width: 95%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #ccc;
}

#footer {
     font-family: "MeineSchrift-text" , Arial;
	width: 100%;
	font-size: 0.85em;
}

#visiter {
	font-size: 0.70em;
	color: red;
}


.btn-primary {
	background-color: #006AAD;
	border-color: #006AAD;
}


form {
	width: 70%;
}

@media screen and (max-width: 600px) {
	form {
		width: 90%;
	}
	#content .content_block {
		width: 90%;
	}

	#wrap {
		width: 100%;
	}
#content .content_block {
		width: 90%;
	}

}

 .containerframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mb-4, .my-4 {
  margin-bottom: 1.1rem !important;
}



/*
input:invalid {
    color: ;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

*/