body {
	font-family:'Glacial Indifference';
	font-size:1.4rem;
	hyphens:auto;
}	

header {
	background-color:#eee;
}

.info {
	background-color:#AF2C2D;
	color:#eee;
}

.info section {
	color:#fff;
	font-weight:bold;
	text-align:right;
	font-size:85%;
}

.info a:link, .info a:visited {
	color:#fff;
	text-decoration:none;
}

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

main h1 {
	font-weight:400;
	color:#666;
	text-align:center;
	padding:0.25em;
	margin:1em 10%;
	border-bottom:1px solid #AF2C2D;
}

main a:link, aside a:link {
	text-decoration:underline;
	color:#AF2C2D;
}

main a:visited, aside a:visited {	
	color:#666;
}

#toggle-0 span {display:none}


.obo_content_inner {padding:1em; xxbackground-color:#eee}

.obo_content_image {
	xxmax-width:180px !important;
	height:auto;
	xxmargin:2em 25%;
	max-width:100%;
	margin:2em 0;
}

@media screen and (max-width:450px) {
	
	.obo_content_inner {padding:1em 0}
	
	.xxobo_content_image {
	width:180px !important;
	height:auto;
	text-align:center;
}
}

.obo_content_headline {
	text-align:center;
	border-bottom:1px solid #666;
	padding:0.25em;
	margin:1em;
	hyphens:none;
	font-size:1.25em;
}

.obo_content_headline a:link, 
.obo_content_headline a:visited {
	text-decoration:none;
}

.page56 h2.obo_global_headline {
	text-align:center;
	border-bottom: 1px solid #666;
	padding:0.25em;
	margin-top:2em;
}

@media screen and (min-width:1024px) {
aside {
	font-size:90%;
}
}

footer {
	background-color:#eee;
}

footer a:link, footer a:visited {
	color:#000;
}

@media screen and (max-width:600px) {
	main h1 {font-size:1.5em;}
}


/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
	.center-on-mobiles {text-align:center}
}