* {
		font-family: Arial, Helvetica, sans-serif;
	}

	body {
		border:0px;
		padding:0px;
		margin:0px;
		white-space:nowrap;
		text-align:center;
		background-color:rgb(248,253,253);
		overflow:scroll;
	}

	div {
		border:0px;
		padding:0px;
		margin:0px;
		display:inline-block;
	}
	
	a {
		text-decoration:none;
	}
	
	a {
		color:blue;
	}
	
	a:visited {
		color:blue;
	}
	
	a:hover {
		text-decoration:underline;
		cursor:pointer;
	}
	
	h3 {
    margin-bottom: 0px;
    font-weight: normal;
    /*text-align: center;*/
    width: 230px;
    margin-left:45px;
    font-size: 17px;
	}
	
	img {
		
	}
	
	#menu_background {
		position: fixed;
		top:0;
		left:0;
		height:100%;
		width:250px;
		min-width:250px;
		background-color: rgb(229, 246, 252);
	}
	

/* INTERFACE */

#headline {
		position:relative;
		width:100%;
		height:200px;
		min-width:800px;
		/*max-width:1000px;*/
		border-left:1px solid rgb(200,200,200);
		border-right:1px solid rgb(200,200,200);
		/*background-color: rgb(229, 246, 252);*/
		z-index: 60;
	}
	
	#headline-text {
		position:absolute;
		top:75%;
		right: 11%;
		background-image:url('img/text.png');
		background-size: auto 100%;
		background-repeat:no-repeat;
		
		height:40px;
		width:230px;
		
	}
	
	#headline-banner {
		position: absolute;
    top: 30px;
    left: 19%;
    display: block;
    background-image: url(img/header_banner.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right;
    height: 150;
    width: 50%;
	}
	
	#headline-logo {
		position:absolute;
		top:30px;
		left:10px;
		display:block;
		background-image:url('img/logo.png');
		background-size: auto 100%;
		background-repeat:no-repeat;
		background-position: right;
		height:150px;
		width:220px;
	}
	
	#facebooklink {
		width:30px;
		height:30px;
		position:fixed;
		bottom:10px;
		left:65px;
		background-image:url('img/facebook40x40.png');
		background-size: auto 100%;
		background-repeat:no-repeat;
		background-position: right;
		z-index:50;
	}
	
	#page-content {
		width:100%;
		height:85%;
		/*min-height:600px;*/
		min-width:800px;
		/*max-width:1000px;
		border-left:1px solid rgb(200,200,200);
		border-right:1px solid rgb(200,200,200);*/
		background-color: rgb(248,253,253);
		overflow:visible;
		z-index: 75;
		margin-left: 250px;
	}
	
	
	
	#menu {
	    position: fixed;
    width: 25%;
    left: 0;
    top: 200px;
    min-width: 200px;
    height: 100%;
    vertical-align: top;
    overflow: scroll;
	}
	
	#content {
		position:relative;
		width:75%;
		min-width:600px;
		height:100%;
		overflow:visible;
		vertical-align:top;
		text-align:left;
		white-space:initial;
		word-wrap: break-word;
	}
	
	#content-text {
		position:absolute;
		height:90%;
		width:90%;
		overflow:scroll;
		margin-top:11%;
		z-index:45;
		padding-right:10%;
		margin-top: 70px;
		margin-left: -60px;
	}
	
	
	.page-headline {
		position:absolute;
		margin-top:2%; 
		    margin-left: -85px;

		
	}
	
	.top-gradient {
		/*background-image: url('img/gradient_15px_top.png');*/
		background-size: auto 100%;
		width:90%;
		height:30px;
		position:absolute;
		margin-top:11%;
		z-index:50;
	}
	
	.bottom-gradient {
		/*background-image: url('img/gradient_15px_bottom.png');*/		
		background-size: auto 100%;
		width:90%;
		height:30px;
		position:absolute;
		bottom:0;
		z-index:50;
	}
	
	.menu-link {
		width:100%;
		text-align:left;
		
		padding-left:20px;
	}
	
	.menu-link-a {
		color: rgb(150,150,150);
		cursor: pointer;
	}
	
	a.menu-link-a {
		color: rgb(150,150,150);
	}
	
	a.menu-link-a:hover {
		text-decoration:none;
	}
	
/* TILES */

	.tile-container {
		width:600px;
		text-align:left;
	}
	
	.tile {
		display:inline-block;
		border: 1px solid black;
    	border-radius: 4px;
    	margin: 2px;
    	
    	overflow:hidden;
    	
    	background-position: center; 
    	background-repeat: no-repeat;
    	
	}
	
	#t1, #to1 {
		width:170px;
		height:115px;
		line-height:115px;
	}

	#t1 {
		background-image:url('img/tile_backgrounds/t1.jpg');
    	background-size: 100% auto;
		margin-bottom: -4px;
		vertical-align:bottom;
	}
	
	#t2, #to2 {
		width:200px;
		height:180px;
		line-height:180px;
	}
	
	#t2 {
		background-image:url('img/tile_backgrounds/t2.jpg');
    	background-size: auto 100%;
		
		margin-left: 5px;
		
		vertical-align:bottom;
	}
	
	#t3, #to3 {
		width: 120px;
    	height: 90px;
		line-height:90px;
	}
	
	#t3 {
		background-image:url('img/tile_backgrounds/t3.jpg');
    	background-size: auto 100%;
		margin-left: 10px;
		margin-bottom: 10px;
		vertical-align:bottom;
	}
	
	#t6, #to6 {
		width:240px;
		height:160px;
		line-height:160px;
	}
	
	#t6 {
		background-image:url('img/tile_backgrounds/t4.jpg');
    	background-size: 100% auto;
		
		margin-top: 10px;
	}
	
	#t5, #to5 {
		width:180px;
		height:160px;
		line-height:160px;
	}
	
	#t5 {
		background-image:url('img/tile_backgrounds/t5.jpg');
    	background-size: auto 100%;
		
    	margin-left:6px;
	}
	
	#t4, #to4 {
		width:110px;
		height:210px;
		line-height:210px;
	}
	
	#t4 {
		background-image:url('img/tile_backgrounds/t6.jpg');
    	background-repeat: no-repeat;
    	background-size: auto 100%;
		
		margin-top:10px;
	}
	
	#t7, #to7 {
		width:140px;
		height:160px;
		line-height:160px;
	}
	
	#t7 {
		background-image:url('img/tile_backgrounds/t7.jpg');
    	background-size: auto 120%;
		
    	margin-left:10px;
	}
	
	#t8, #to8 {
		width:220px;
		height:120px;
		line-height:120px;
	}
	
	#t8 {
		background-image:url('img/tile_backgrounds/t8.png');
    	background-size: 150% auto;
    	background-position-x: 55%;
    	
    	margin-top:-4px;
	}
	
	.tile-overlay {
		background-color: rgba(255,255,255,0.8);
		border-radius: 4px;
		
		text-align:center;
		
		width:100%;
		height:100%;
		
		display: none;
		
		cursor:pointer;
	}
	
	.tile-line {
		
	}
	
	#l1 {
		
	}
	
	#l2 {
		padding-left:25px;
	}
	
	#l2 .tile {
		vertical-align:top;
	}
	
	#l3 {
		padding-left:90px;
	}
	
	#l3 .tile {
		vertical-align:top;
	}
	
	#front-page {
		/*margin-top:200px;*/
		margin-left:150px;
	}
	
	#front-page-header {
		height:190px;
		vertical-align: text-bottom;
		position:relative;
		/*margin-left: -25%;*/ 
		margin-top: -9px;
		width: 600px;
	}
	
	#front-page-header-text {
		display: inline-block;
		margin-bottom: 50px;
		position:absolut;
	}
	
	.tile-overlay {
		transition: opacity 1s ease-out;
		display: inline-block;
	}
	
	.menu2 {
		margin-left: -10px;
	}
	
	h3.menu2-head {
		font-size: 90%;
	}
	
	li {
		list-style:none;
	}
	
	li:before { 
		content: "-";
		};
	
	
	.menu2-list {
		margin-left: 10px;
		margin-top: 0;
	}
	
	h3. {
		
	}
/* TEXT */

	h1 {
		margin-top:10px;
	}
	
	p {
		text-align: justify;
		/*white-space: pre-line;*/
	}

	.menu-link p {
		margin-bottom:0px;
	}