@font-face {
  font-family: 'Vollkorn';
  src: url('vollkorn/EOT/vollkorn-medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('vollkorn/EOT/vollkorn-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('vollkorn/WOFF/vollkorn-medium-webfont.woff') format('woff'), /* Modern Browsers */
       url('vollkorn/TTF/vollkorn-medium-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

/* elements */
body  {
	font-size:18px;
	font-family: Arial, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	background: #fff;
	letter-spacing: 0.1em;
	line-height: 125%;
}
a {
	text-decoration:none;
	font-weight: bold;
	color:#000;
}
a:hover {
	text-shadow: 1px 2px 3px;
}
a.selected {
	color:#999;
}
img {
	border:none;
}
h1, h2, h3, h4 {
	font-family: Vollkorn, serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
}
h1 {
	font-size: 64px;
}
h2 {
	font-size: 32;
	line-height: 100%;
}
hr {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}

/* tabs */
ul.tabs {
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
}
ul.tabs li {
	display: inline;
}
ul.tabs li a {
	display: inline;
	padding: 10px;
	line-height: 1.5em;
}


/* header */
#cyhm_header {
	margin: 0 0 20px 0;
	padding: 1px 0 0 0;
	text-align: left;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
#cyhm_header_main {
	background-color:#ffffff;
	background-color: rgba(255, 255, 255, 0.7);
	margin: 0;
	padding: 0;
	width: 100%;
}
#cyhm_header h1 {
	font-size:30px;
	margin: 0px;
	padding: 15px 20px 10px 20px;
	text-align: left;
	float:left;
	line-height: 100%;
}
#cyhm_header h1 a {
	color:#999;
	font-weight: normal;
}

/* footer */
#cyhm_footer {
	background: #555;
	border-top: 1px solid #444;
	color: #bbb;
	margin: 0;
	padding: 20px 10%;
	text-align: left;
	font-size: 12px;
	line-height: 150%;
	clear:both;
}
#cyhm_footer a {
	color: #000;
}

/* menu */
#float_right {
	float:right;
	height: 18px;
}
#navig {
	text-align:right;
	padding: 0;
	margin-right: 20px;
	white-space: nowrap;
	float:right;
	clear: right;
	font-size:22px;
}
#sub_img_on {
	display: none;
}

/* sub menu */
#cyhm_header_sub {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding: 5px 20px;
	font-size: 22px;
	display: none;
}

/* slide pages */
.section {
	background: no-repeat center center fixed;
	background-size: cover;
	margin: 0;
	padding: 25% 0;
	padding-bottom: 40%;
	text-align: left;
}
@media (max-width: @iphone-screen) {
        .section {
		background-attachment: scroll;
	}
}

.banderole {
	background-color: #9a927f;
	background-color: rgba(154, 146, 127, 0.6);
	margin: 0;
	padding: 20px 10%;
}
.section a {
	color: #fff;
}
.more a {
	display: inline-block;
	border: 4px solid #fff;
	padding: 4px 12px;
}
.teaser_block {
	width:276px;
}
.teaser_block a {
	display: inline-block;
	border: 1px solid #999;
	padding: 4px 12px;
	width:100%;
	text-align:center;
	color:#666;
}
.message-display {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.5em;
  color: #000;
  border:1px solid #999;
  padding: 20px 7%;
  margin: 50px 0;
}

#splash {
	padding: 25% 0 40% 0;
	background-image: url('images/antennas-pp.jpg');
	text-align: center;
}
#splash p {
	font-size: 24px;
	line-height: 150%;
}
#splash h1 {
	font-size: 64px;
	line-height: 100%;
}
#splash .small {
	margin-top: 25px;
	font-size: 14px;
}

#about {
	background-image: url('images/pariser-platz.jpg');
}
#network {
	background-image: url('images/devices.jpg');
	text-align: right;
}
#installation {
	background-image: url('images/us-embassy-berlin.jpg');
	text-align: right;
}
#messages {
	background-image: url('images/devices.jpg');
}
#press {
	background-image: url('images/ch-botsch.jpg');
}

/* pages */
.page {
	color: #444;
	margin: 110px auto 50px auto;
	padding: 20px;
	max-width: 550px;
	text-align:left;
}


/* small screen */
@media (max-width: 700px)
{
	#cyhm_header h1 {
		font-size:25px;
	}
	#float_right {
		display:none;
	}
	#navig {
		font-size:20px;
		white-space:normal;
	}
}
/* big screen */
@media (min-width: 700px)
{
  .logo {
    float:right;
  }
}