@import url(assets/fitgrid.css);
@import url(colorset/colorset.php);
body {
	font-family: 'Roboto Condensed', sans-serif!Important;
	font-weight:400;
	color:#000!important;
	font-size:1em;
}
img {max-width:100%; height:auto;}
p {
	/*text-align:justify;*/
	line-height:1.3em;
	margin:0 0 0.8em 0;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
a:link, 
a:visited {
	/*color:#e67f00;*/
	/*text-decoration:underline;*/
}
a:hover,
a:visited:hover {
	/*color:#fff;*/
	/*background-color:#00489a;*/
}
h1, h2, h4, h5, h6 {
font-family: 'Georgia', serif !important;
font-family: 'Roboto', sans-serif!important;
font-weight:300;
}
h2{
        color: #81211a!important;
        font-family: 'Roboto', sans-serif!important;
	font-size: 28px;
	font-weight: 300!important;
	padding: 10px 0 0;
}
h1 {
	margin-top:0;
	font-size:1.8em;
	font-weight:300;
}
h4 {
	text-transform:uppercase;
	/*font-size:0.8em;*/
	margin:0;
}
.ifl {
  float:left;
  margin:0 1em 1em 0;
}
.ifr{
  float:right;
  margin:0 0 1em 1em;
}
.clr {
	clear:both;
}
.highlight {background-color:#ffcc00;}
table {
	border-collapse:collapse;
	border: none;
}
table.table {
	clear:both;	
	border-collapse:collapse;
	border: none;	
	border-top: 1px solid #666;
	margin: 20px 0 5px 0;
	width:100%;
	font: 0.85em;	
}
.responsiveVideo, .flex-video {
   position: relative; padding-bottom: 56.25%; padding-top: 30px;  height: 0; overflow: hidden;
}
.responsiveVideo iframe, .flex-video iframe, .responsiveVideo object, .flex-video object, .responsiveVideo embed, .flex-video embed  {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.bildrechts {float:right; margin-left:10px;}
.bildlinks {float:left; margin-right:10px;}
.picfull {width:100%; height:auto;}
.pic2left {float:left; max-width:49%; margin: 3px 1% 2px 0; height:auto;}
.pic2right {float:right; max-width:49%; margin: 3px 0 2px 0.5%; height:auto;}
.pic3left {float:left; max-width:32%; margin: 3px 1.5% 2px 0; height:auto;}
.pic3right {float:right; max-width:32%; margin: 3px 0 2px 0.3%; height:auto;}
.pic4left {float:left; max-width:24%; margin: 3px 1% 2px 0; height:auto;}
.pic4right {float:right; max-width:24%; margin: 3px 0 2px 0.5%; height:auto;}
/*Show and Hide Responsive*/
.hideOnDesktops {display: none;}	
/* Small devices (tablets, up to 768px) */
@media (max-width: 600px) {
	.pic2left, .pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	.pic3left, .pic3right, .pic4left, .pic4right  {max-width: 49%;}
	/*Show and Hide Responsive*/
	body .hideOnTablets {display: none;}
	.hideOnDesktops {display: block;}
}
/* Small devices (Smartphone, up to <480px) */
@media (max-width: 479px) {
	.pic2left, .pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	.pic3left, .pic3right, .pic4left, .pic4right  {max-width: 49%;}
	/*Show and Hide Responsive*/
	.hideOnMobiles {display: none;}
	body .hideOnTablets {display: block;}
	body .hideOnDesktops {display: block;}
}