@import url(assets/fitgrid.css);
/*@import url(https://fonts.googleapis.com/css?family=Roboto);*/
@import url(colorset/colorset.php);

body {
	font-family:Roboto,sans-serif;
	color:#666;
	font-size:0.9em;
}

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 {
	/*color:#00489a;*/
}

h1 {
	margin-top:0;
	font-size:1.8em;
	font-weight:400;
}

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

}