/*@import "compass/css3";*/

html, body{
  margin:0px; padding:0px;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header{
  z-index: 1;
  position:fixed; 
  width:100%; 
  height:60px; 
  background:rgba(0,0,0,0.1);
}

.floatClear {
	clear: both;
}

a {
	cursor: pointer;
}

header a{
  color:white;
  background:rgba(0,0,0,0.1); 
  display:inline-block; 
  padding:0px 30px; 
  height:60px;
  line-height:60px; 
  text-align:center;
/*  font-family: 'Roboto Slab', serif;*/ 
  font-family: 'Source Sans Pro', sans-serif; 
  text-decoration:none;
  text-transform:uppercase; 
  letter-spacing:2px; 
  font-weight:700;
}

#process img {
	width: 100%;
	min-width: 1024px;
	position: relative;
    top: -40px;
}

#process .inner .copy {
	top: 100px;
}

#process .inner .copy h1 {
	color: #132f55;
	position: absolute;
    top: 10px;
    text-align: center;
    width: 100%;
}

#hero1{
   background:url(http://4.bp.blogspot.com/_AQ0vcRxFu0A/S9shDGGyMTI/AAAAAAAAAYk/kn3WTkY2LoQ/s1600/IMG_0714.JPG);
   background-size:cover;
}
#hero2{background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/21555/Melissani-cave-natural.jpg);
  background-size:cover;
}
#hero3{background: url(/app/img/MusterBG.png);
  background-size:cover;
}

#shop{background: url(/app/img/Shop.png);
  background-size:cover;
}

.hero, .content{
  text-align:center; 
  position:relative;
  width: 100%;
  
  background-position:center 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*
.hero .inner{
  background: rgba(0,0,0,0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat;}
*/
#Message .background {
	position: fixed;
  	width: 100%;
  	height: 100%;  
  	top: 0px;
  	left: 0px;
  	background-color: #000000;
  	opacity: 0.8;
  	z-index: 9998;
}

#Message .content {
    position: fixed;
    background-color: white;
    margin-left: 50%;
    top: 25%;
    left: -250px;
    width: 500px;
    z-index: 9999;
    padding: 10px 30px;
}

#Message .content.INFO
{
	margin-left: 50%;
    top: 15%;
    left: -40%;
    width: 80%;
}

.copy{

  height:10em; 
  margin-top:-5em; 
  width:100%;
}

.hero h1, .hero p{ 
  color:#fff;
}

.content h1, .content p{
  color:#333;
}

h1{
  margin:0px;
  /*font-family: 'Roboto Slab', serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:400;
  font-size:32px;
  padding:0px 20px;
}

.democase.description {
	padding: 0px 0px 10px 0px;
}

.democase.vmstate, .democase.vmstate a {
	color: #fff;
}

.democase.vmstate{
	padding: 20px;
    background-color: #132f55;
}

.democase.vmstate button, .democase.vmstate input, .democase.vmstate a.btn {
	color: black;
} 

.vmstate.stateDisplay {
	margin: 20px;
}
.vmstate.stateDisplay legend {
	font-size:18px;	
}

h2, .h2 {
 font-size:26px;	
}

p{
  /*font-family: 'Noto Sans', sans-serif;*/ 
  font-family: 'Source Sans Pro', sans-serif; 
  font-size:14px;
  padding:0px 20px;
}
fieldset {
	padding: 20px;
}

#stopVM {
    margin: 30px 0px 0px 0px;
	display: none;
}

/* Status-Spalte */
#vm-table td:nth-child(5)[data-hint=state] {
	padding-left: 5px
}

#vm-table td {
	padding-right: 5px
}

#vm-table table thead tr {
	line-height: 35px
}

#vm-table td.Started{
	background-color: #08b30b;
}

#vm-table td.Stopped{
	background-color: #da0505;
	color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus {
	color:#132f55;
	background-color:#dddddd;
	border-color:#132f55
}

.btn-secundary:hover, .btn-secundary:focus {
	color:#132f55;
	border-color:#132f55
}

/* .hero {
	background:
		url("http://wallpoper.com/images/00/34/39/15/circuit-pcb_00343915.jpg")
		no-repeat center center;
	background-size: cover;
	height: 100vh;
}

.hero:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
	opacity: .8;
}

.hero .intro {
	padding: 3rem;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.hero h1 {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5em;
	letter-spacing: -0.025em;
	font-weight: 300;
	text-align: center;
}

.hero p {
	color: #fff;
	line-height: 1.75em;
	font-weight: 200;
	text-align: center;
	margin-bottom: 2rem;
}

.hero .tech-img {
	background:
		url("http://static.pexels.com/wp-content/uploads/2015/02/apple-hand-iphone-6-4322-525x350.jpg")
		no-repeat center center;
	background-size: cover;
	height: 9rem;
	width: 9rem;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

@media only screen and (min-width: 40.063em) {
	.hero .tech-img {
		height: 18rem;
		width: 18rem;
	}
	.hero h1 {
		padding-top: 4.5rem;
		text-align: right;
		font-size: 2.5rem;
	}
	.hero p {
		text-align: right;
	}
} */