/* ============================== */
/* ! Layout Allgemein		      */
/* ============================== */

/* FARBDEFINITION			  */
/* ************************** */

	.dgreen {color: #a9c610;}
	.dgrey {color: #8d8d8d;}

	
/* STRUKTUR					  */
/* ************************** */	
	
	html, body {
		width:100%;
		height: 100%;
		
	}
	
	body {
		box-shadow: inset 0 0 500px black;
		background: url("../img/bg-pattern.png") repeat #353535;
		overflow: auto;
	}
	
	/* Wrapper for page content to push down footer */
	#wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		/* Negative indent footer by it's height */
		margin: 0 auto -40px;
	}
	
	/* Set the fixed height of the footer here */
	#push,
	#footer {
		height: 40px;
	}
	#footer {
		/* background-color: #f5f5f5; */
		font-size: 0.9em;
	}
	
	#footer p {
		color: #a9c610;
	}
	
	#footer a {
		color: #8d8d8d;
	}
	
	.contentbox {
	     position:absolute;
		 height:420px; 
		 width:550px;
		 margin:-230px 0px 0px -295px;
		 top: 53%; 
		 left: 50%;
		 background: #e8e8e8;
		 -moz-border-radius:10px;
  		 -khtml-border-radius:10px;
		 -webkit-border-radius:10px;
		 border-radius:10px;
		 behavior: url(../assets/border-radius.htc);
		 z-index: 2;
		 padding: 20px;
		 /*
		 color: #999999;
		 box-shadow: 0px 0px 100px 22px #000000;
*/
      }
      
      #logobox {
	      margin-top: 3%;
	      min-height: 100px;
      }
      
      #logo {
	      display: block;
	      position: relative;
	      margin: 0 auto;
	      z-index: 1;
      }
      
      #heading {
	      display: block;
	      margin: 0 auto;
	      padding: 10px 0;
      }
      
      .headline {
	      text-align: center;
	      color: #a9c610;
	      /* font-size: 1.2em; */
	      margin-bottom: 20px;
      }
      
      .head h1{
	      font-size: 2em;
	      font-weight: 100;
	      vertical-align: middle;
      }
      
      .underline {
	      text-align: center;
	      color: black;
	      margin-top: 30px;
      }
      
      .circular {
      	display: block;
      	margin: 0 auto;
		width: 125px;
		height: 125px;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		/* background: url(http://cdn.bavotasan.com/wp-content/uploads/2011/02/desktop.jpg) no-repeat; */
		background: white;
		box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
		}
		
		.weathericon{
			display: block;
			margin:  auto;
			padding-top: 32px;
		}
		
		#weathericon {
			float:left; 
			margin-right:10px; 
			margin-bottom:5px;
		}
		
		#myModal a {
			color: #a9c610;
		}