@charset "utf-8";
html, body {
  height: 100%;
 font-family: "source_sans_proregular";
 color: #333333;
 font-smooth: auto;
 }
@font-face {
    font-family: 'source_sans_problack';
    src: url('../fonts/webfont/sourcesanspro-black-webfont.eot');
    src: url('../fonts/webfont/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont/sourcesanspro-black-webfont.woff') format('woff'),
         url('../fonts/webfont/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('../fonts/webfont/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/webfont/sourcesanspro-light-webfont.eot');
    src: url('../fonts/webfont/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/webfont/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/webfont/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/webfont/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/webfont/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/webfont/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/webfont/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  background: #fffcf6;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;  
  vertical-align: baseline;
}

#top, #bottom, #left, #right {
  background: #333333;
  position: fixed;
  z-index: 1000;
}

#left, #right {
  top: 0;
  bottom: 0;
  width: 10px;
}

#left {
  left: 0;
}

#right {
  right: 0;
}

#top {
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 103px 0;
 
}
#bottom {
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;  
}
#main {
	padding:24px;
  	text-align: center; 
  	
}
#content {
	padding:24px;
	
  	text-align: left; 
	font-family: 'source_sans_prolight';
  	font-size: 1.5em;
	
	margin: 150px auto auto auto;
	max-width: 800px;
}
#logo{
	margin: 10px 0 0 15px;
	position: absolute;
	height:120px; 
	width: 280px;
	
	
}
.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

h1 {
font-family: 'source_sans_proregular';	
font-size: 1.5em;
font-weight: normal;
}


#menu {
	position: fixed;
	top: 0px;
	right: -320px;
	float: right;	
	width: 420px;
	padding: 10px 0px 12px 18px;
	font-family: 'source_sans_prolight';
  	font-size: 1.3em;
	height: 666px;
	z-index: 20000;
	
	}

.hamburger{
	height: 50px;
	width: 50px;
	margin-top: 56px;
	float: left;
}

#menubox{
	display: none;
	background-color: white;
	padding: 24px 0 24px 24px;
  	margin-left: 80px;
	
	}	
.menupoint {
	width: 100%;
	padding: 8px;
	text-align: left;	
}

.menupoint a  {
	color: #333333;
	text-decoration: none;	
	-o-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-khtml-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
}

.menupoint a:hover {
	color: #b50000;
	
}
#adress {
	position: fixed;
	font-size: 0.7em;
	left: 40px;
	bottom: 40px;
	color: #999999;	
	text-align: left;	
}

#adress a {	
	color: #999999;	
	
}
@media only screen and (max-width: 750px) , screen and (max-height: 720px) {
#adress {
	position: relative;
	padding-top: 2em;
	font-size: 0.7em;
	left: auto;
	bottom: auto;	
	text-align: left;	
}
	}