body {
	 font-family: 'Open Sans', sans-serif;
	 font-weight: 100;
     margin: 0;
//     background: url('./images/abendhimmel web.jpg') center center fixed;
     background: url('./images/1x100-blue.png') center center fixed;
//	 background: #ddf;
//	 background-repeat: no-repeat;
	 background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
//	overflow: hidden;	/* To remove the scrollbars */
}

#wrapper
{
}

canvas { 
	display:block; 
	width: 100%; 	/* this sets canvas width to its column - instead of screen width !*/
	height: 100%; 	/* ??? */
	overflow: hidden;
	margin-top: -80px;
	border: none;
} 
nav {
//	color: #fff;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	padding-top: 20px;
	padding-bottom: 20px;
}

a:link, a:visited {
	color: #00ff00;
//	background-color: rgba(0, 10, 60, 0.2); 
}
#toggleImprint, #toggleDisclaimer {
	color: #ffffff;
//	background-color: rgba(0, 10, 60, 0.2); 
}

.hr {
	width: 100%; 
	color: white; 
	height: 1px;
	padding-bottom: 60px;
}


.navbar {
//   background-color: transparent;
background-color: rgba(0, 10, 60, 0.7); 
//   background: transparent;
   border-color: transparent;
   color: #fff;
//   height: 50px;
}

.navbar img {
	height: 80px;
	margin-top: -13px;
}

.navbar-default  .navbar-brand { 
	color: #0f0; 
	font-size: 18px;	// just small enough so navbar doesn't get split into 2 lines at medium aspect ratio...
	font-weight: 600;
}
.navbar-default  .navbar-nav > li > a { 
	color: #fff; 
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
//	text-transform: uppercase;
}
.navbar-nav > li > a { 
	font-weight: 400;
}
//.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
//  color: #fff;
//  background-color: transparent;
//}


.navbar-default .navbar-brand:focus, .navbar-default .logo  {
   outline: 0;
	color: #0f0;
}

.navbar-default .navbar-brand:hover {
   outline: 0;
	color: #0f0;
	font-weight: 600;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > .active
{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	outline: 0;			// get rid of dotted border
}

.navbar li { color: #fff; } 

#titlePage {
	position: relative;
    height: 100%;	
}

#home {
//     background: url('./images/1x100-blue.png') center center fixed;
//	 background: #ddf;
//	 background-repeat: no-repeat;
	 background-size: cover;
	color: #fff;
}

#subHdg {
//     background: url('./images/1x100-blue.png') center center fixed;
//	 background: #ddf;
//	 background-repeat: no-repeat;
	 background-size: cover;
}

.p1 {
//	background: #ffffea;
	padding: 5px;
}

.p2 {
//	background: #f5f5ff;
	padding: 5px;
}

.hdg {
/* overlay canvas */
position: absolute;		
width: 100%;
	padding-top: 60px;
	font-size: 32px;
	font-weight: 400;
}

.main-hdg {
	font-size: 36px;
	font-weight: 400;
}

.main-subhdg {
	font-size: 24px;
	font-weight: 400;
}

.section-hdg {
	font-size: 28px;
	font-weight: 400;
}

.section-content {
	padding-bottom: 120px;
}

.attach-section-content {
	margin-top: -90px;
	padding-bottom: 25%;
}

.project-title {
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 30px;
}

.cubetgt {
	display: block; 
	position: relative; 
	top: -90px; 
	visibility: hidden;
}

.spacer {
	padding-bottom: 60px;
}

.negative {
	color: #fff;
//	color: #000;
}

.centered {
//	display: inline-block;
	text-align: center;
}

.kbb-txt {
    padding-left: 0px;
	font-size: 18;
}

.footer {
	font-size: 14;
}
#imprint, #disclaimer {
	display: none;
	font-size: 12;
	color: #fff;
}

@media screen and (max-aspect-ratio: 1 / 1) {
.main-subhdg {
	font-size: 18px;
	font-weight: 600;
}
.attach-section-content {
	font-size: 16px;
}
.spacer {
	padding-bottom: 75px;
}
body {
	font-weight: 300;
     background: url('./images/1x100-blue-uni-lighter.png') center center fixed;
}
#imprint, #disclaimer {
	padding-left: 10px;
	padding-right: 10px;
}
}

@media screen and (min-aspect-ratio: 10/10) {
.kbb-txt {
    padding-left: 13%;
    padding-right: 13%;
	font-size: 20;
}
}

.kbb-top {
    position: fixed;
    top: 0px;
}

/* @media screen and (min-width: 480px) {
*/
@media screen and (min-aspect-ratio: 16/9) {
    #posViewer {
		visibility:hidden;
    }
}

#posViewer {
	background:transparent;
//	border-style:hidden;
	border:none;
	outline:none;
	float:right;
}

/*
#all {
	min-width: 50px;
}
*/