* { margin: 0px; padding: 0px; font-family: 'Roboto', 'Tahoma', sans-serif; font-weight: 100; font-style: normal;}

strong, b {
    font-weight: 400;
}

oblique, i {
    font-style: italic;
}

a img {
	border: none;
}

.clr {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	min-width: 240px;
	background-color: #FFFFFF;
}

/* Colors */ 
.bg-white {
	background-color: #ffffff;
}
.bg-green {
	background-color: #09b3b6;
}
.bg-black {
	background-color: #000000;
}
.bg-lightgrey {
	background-color: #f8f8f8;
}
.bg-lightgrey1 {
	background-color: #fcfcfc;
}
.bg-lightgrey2 {
	background-color: #e6ebe6;
}
.text-white {
	color: #FFFFFF;
}
.text-black {
	color: #000000;
}
.text-darkgrey {
	color: #303030;
}
.text-green {
	color: #0c4442;
}

/* Aligns */
.a-text-right {
	text-align: right;
}

.a-text-center {
	text-align: center;
}

/* Vertical alignments*/
div.va-outer {
	display: table;
    height: 100%;
    width: 100%;	
}
div.va-top {
    display: table-cell;
    vertical-align: top;
}
div.va-middle {
    display: table-cell;
    vertical-align: middle;
}
div.va-bottom {
    display: table-cell;
    vertical-align: bottom;
}
div.va-content {
    margin-left: auto;
    margin-right: auto; 
    width: auto;
}

#pageframe {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}

#pageframe div.cntfull {
	width: auto;
	height: auto;
}

#pageframe div.cntpart {
	width: auto;
	max-width: 1100px;
	padding: 0px 35px 0px 35px;
	height: auto;
	margin: 0 auto;	
}
	
	#pageframe div.cntfull img.fullimg {
		display: block;
		width: 100%;
		height: auto;
	}

div.text-content {
	
}
	div.text-content h1 {
		display: block;
		font-size: 16pt;
		font-weight: 100;	
		padding: 30px 20px 10px 20px;
		color: #000000;	
		letter-spacing: 2px;
	}
	div.text-content h2 {
		display: block;
		font-size: 21pt;
		line-height: 25pt;
		font-weight: 100;	
		padding: 10px 20px 0px 20px;
		color: #000000;	
	}
		div.text-content h2>span {
			letter-spacing: -5px;
		}
	div.text-content h3 {
		display: inline-block;
		font-size: 13pt;
		line-height: 20pt;
		font-weight: 100;	
		padding: 30px 20px 10px 20px;
		font-weight: 400;
		color: #000000;	
	}
	div.text-content div.text {
		font-size: 13pt;
		line-height: 20pt;
		font-weight: 100;	
		padding: 30px 20px 30px 20px;
		color: #303030;	
		text-align: center;
	}
		div.text-content div.text div.ul-wrap {
			text-align: center;
			padding: 15px;
		}
		div.text-content div.text div.ul-wrap ul {
	        display: inline-block;
	        margin: 0;
	        padding: 0;
	        text-align: left;
	        list-style-image: url(./img/icon-ul.png);
	    }
	    div.text-content div.text div.ul-wrap li {
	        padding: 5px 5px;
	        vertical-align: middle;
	    }
	    div.text-content div.text a {
			text-decoration: underline;
			color: #159fa4;
			font-weight: inherit;
			cursor: pointer;
	    }
	    	div.text-content div.text a:hover {
				text-decoration: underline;
	    	}
	div.text-content div.box {
		display: inline-block;
		vertical-align: top;
		padding: 20px;
		margin: 20px;
		max-width: 40%;
		background-color: #f1f1f1;
		border-radius: 20px;
	}
	div.text-content div.box>h4 {
		padding-bottom: 5px;
		font-size: 14pt;
		line-height: 16pt;
		font-weight: 400;	
		color: #0c4442;	
		text-align: left;	
	}
	div.text-content div.box>p {
		font-size: 12pt;
		line-height: 16pt;
		font-weight: 100;
		font-style: italic;	
		color: #000000;	
		text-align: left;	
	}
	div.text-content div.box>h5 {
		font-size: 10pt;
		font-weight: 100;	
		color: #000000;	
		text-align: right;	
	}
	
@media screen and (max-width: 950px) {	
	div.text-content div.box {
		max-width: 80%;
	}
}