/*******************************************/
/**                                       **/
/** SITE Stylesheet                       **/
/**                                       **/
/** 2016                                  **/
/** AUTHOR: Andreas Wernz                 **/
/**                                       **/ 
/*******************************************/

/************ GENERIC STYLES ***************/

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

body,html{
	height: 100%;
} 

body{
	font-size:90%;
	background-image: url("../img/bgd_04.jpg");
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	
	background-size: cover;
}

a {
	text-decoration: none;	
}

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

}

/*************** SITE STYLES ***************/

header{
	top:0;
	width:100%;
	height:6em;
	position: fixed;
	background-color: #ffffff;
	border:0px solid red; 
}

#logo {
	max-height: 5rem;
	line-height: 5rem;
	padding-left: 10%;
	float: left;
	font-family: "Gruppo",sans-serif;
	font-size: 3em;
	text-shadow: 1px 1px #dddddd;
	border:0px solid green;
}

/*************** CONTENT STYLES ***************/

.wrapper_content{
	position: relative;
	height: 100%;
	width: 100%;
	border:0px solid green;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

#content{
	text-align: center;
	position: relative;
	top: 50%;
	transform: 			translateY(-50%);
	margin: 0 auto;
	margin-top: 6em;
	z-index: 100;	
	height:200px;
	line-height: 60px;
	width:50%;
	background-color: rgba(210,215,207,0.6);
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 1em;
}