@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "FuturaStd-Book";
	font-weight: normal;
	local("Futura Std Book"),
	local("FuturaStd-Book"),
	src: url("FuturaStd-Book.otf");
}
@font-face {
	font-family: "FuturaStd-Bold";
	font-weight: bold;
	local("Futura Std Bold"),
	local("FuturaStd-Bold"),
	src: url("FuturaStd-Bold.otf");
}
@font-face {
	font-family: "FuturaStd-Light";
	font-weight: normal;
	local("Futura Std Light"),
	local("FuturaStd-Light"),
	src: url("FuturaStd-Light.otf");
}
	
a {
	color: #3B9EE1;
}
body {
	background: #C6D1DA;
	color: #333;
	font: 12pt Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
#container {
	margin: 0 auto;
	width: 100%;
	min-width: 500px;
	max-width: 1000px;
}
@media(max-width: 500px) {
	#container {
		margin: 0 auto;
		min-width: 300px;
	}
}
#header {
	background: url(img/header.jpg) right top no-repeat;
	color: #FFF;
	font-family: FuturaStd-Book, "Futura Pro", "Futura Std Book", Futura, Tahoma, Geneva, sans-serif;
	height: 313px;
	width: 100%;
}
#header h1 {
	font-size: 36pt;
	font-weight: 100;
	margin: 0;
	padding: 25px;
	padding-top: 230px;
}
#header p {
	margin-top: -96px;
	padding: 0 25px;
	text-align: right;
}
@media(max-width: 650px) {
	#header {
		background-position: right top;
		height: 250px;
	}
	#header h1 {
		background: url(img/transc.png);
		color: #000;
		padding-top: 100px;
		padding-bottom: 100px;
		text-align: center;
	}
	#header p {
		display: none;
	}
}
@media(max-width: 500px) {
	#header h1 {
		font-size: 26pt;
		padding-top: 113px;
	}
}
#menu, #footer {
	background: #C6D1DA;
	float: left;
	font-family: FuturaStd-Book, "Futura Pro", "Futura Std Book", Futura, Tahoma, Geneva, sans-serif;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#menu ul, #footer ul {
	clear: left;
	float: left;
	left: 50%;
	margin: 0;
	padding: 0;
	position: relative;
}
#menu ul li, #footer ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#menu a {
	color: #000;
	display: block;
	padding: 30px 50px;
	text-decoration: none;
}
#menu a:hover, #menu a:active {
	background: #333;
	color: #C6D1DA;
	cursor: pointer;
}
#menu .active {
	font-weight: bold;
	background: #333;
	color: #C6D1DA;
}
@media(max-width: 1000px) {
	#menu a {
		padding: 30px 35px;
	}
}
@media(max-width: 800px) {
	#menu a, #smallsub a {
		padding: 30px 20px;
	}
}
@media(max-width: 650px) {
	#menu, #footer {
		height: inherit;
	}
	#menu ul, #menu ul li, #footer ul, #footer ul li {
		left: 0;
		right: 0;
	}
	#menu ul, #footer ul {
		margin: 0px;
		width: 100%;
	}
	#menu ul li, #footer ul li {
		text-align: center;
	}
	#menu a {
		padding: 7px;
		width: 100%;
	}
	#menu ul li, #footer ul li {
		float: none;
	}
}
@media(max-width: 400px) {
	#menu ul li, #footer ul li {
		text-align: left;
	}
}
#content {
	background: #fff;
	min-height: 550px;
	padding-top: 100px;
}
#content > h2, #content > h3, #content > p {
	padding: 0 25px;
}
#content > h3 {
	font-weight: normal;
}
#content > img, #content > q {
	margin: 25px;
}
#content > q {
	display: block;
	font-style: italic;
}
#content > q:before, #content > q:after {
 content: „
}
#largesub {
	list-style: none;
	padding-bottom: 1px;
}
#largesub li {
	margin-bottom: 25px;
	margin-right: 25px;
}
#largesub a {
	background: #e3e8ed;
	color: #000;
	display: block;
	padding: 25px;
	text-decoration: none;
}
#largesub li {
	margin-left: -15px;
}
#largesub a:hover, #largesub a:active {
	background: #cdd7df;
}
#largesub img {
	float: left;
}
#sidebar {
	float: right;
	width: 30%;
	margin: 5px;
}
#sidebar img {
	margin-top: 25px;
	width: 100%;
	max-width: 250px;
}
@media(max-width: 650px) {
	#content h2, #content p {
		padding: 0 25px;
	}
	#content img, #content > q {
		margin: 25px;
	}
	#largesub img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	#largesub h3 {
		text-align: center;
	}
	#largesub p {
		padding: 0;
	}
	#sidebar {
		float: none;
		width: 100%;
	}
	#sidebar img {
		float: right;
		width: 25%;
	}
}
@media(max-width: 500px) {
	#sidebar img {
		float: none;
		margin: 25px 25px 0;
		width: 100px;
	}
}
#sub {
	background: #e3e8ed;
	margin: -16px 0 25px;
	width: 100%;
}
#sub table {
	border-spacing: 25px;
	display: inline;
}
#sub td {
	background: #cdd7df;
	padding: 25px;
	width: 16%;
}
#sub a, #sub a:hover, #sub a:active {
	color: #000;
	text-decoration: none;
}
#sub img {
	float: left;
	margin-bottom: 100px;
}
@media(max-width: 1000px) {
	#sub img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	#sub h3 {
		text-align: center;
	}
}
@media(max-width: 650px) {
	#sub {
		padding: 0;
		width: 100%;
	}
	#sub table {
		display: inline;
		padding: 0;
		margin: 0;
		width: 1px;
	}
	#sub tr {
		padding: 0;
		margin: 0;
	}
	#sub td {
		background: #cdd7df;
		display: block;
		margin: 25px 0;
		padding: 5%;
		width: 90%;
	}
	#sub p {
		padding: 0;
	}
}
@media(max-width: 400px) {
	#sub h3, #largesub h3 {
		text-align: left;
	}
}
#footer {
	background: url(img/footer.jpg) no-repeat top center;
	color: #aaa;
	margin-top: -16px;
	padding-top: 275px;
	width: 100%;
}
#footer ul li {
	padding: 25px;
}
#footer a {
	color: #aaa;
	text-decoration: none;
}
h2, h3 {
	font-family: FuturaStd-Book, "Futura Pro", "Futura Std Book", Futura, Tahoma, Geneva, sans-serif;
	margin: 0;
}
img {
	border: 0;
}
p, q, .textlist {
	line-height: 150%;
}
.button {
	background: #cdd7df;
	color: #333;
	padding: 25px;
	text-decoration: none;
}
.button:hover, .button:active {
	background: #333;
	color: #cdd7df;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.hide {
	display: none;
}
.source {
	color: #AAA;
	font-size: 10pt;
	font-style: italic;
	text-align: right;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.textlist {
	list-style: none;
	padding-right: 25px;
}
.textlist li:before {
	content: '- ';
}
.textlist li {
	margin-bottom: 5px;
}