@media only screen and (min-width: 0px) and (max-width: 980px) {
	
	a.pdf {
		font-size: 0.8em;
	}
	
	div#nav {
		display: block;
		top: 0px;
		left: -75%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all 0.35s linear 0.1s;
		transition: all 0.35s linear 0.1s;
		-moz-transition: all 0.35s linear 0.1s;
		-ms-transition: all 0.35s linear 0.1s;
		-o-transition: all 0.35s linear 0.1s;
		background-color: #00483a;
		height: 100%;
		width: 75%;	
	}
	
	div#nav.open {

	}
	
	table {
		overflow-x: auto;
		display: block;
	}
	
	table tr th, table tr td {
		padding: 5px;
	}

	div#nav ul.level1_mobile {
		width: 100%;
	}
	
	div#nav ul.level1_mobile li {
		height: 32px;
		line-height: 32px;
		font-size: 1.0em;
		width: 100%;
		display: block;
	}

	a#menu, a#menu:hover {
		font-family: 'TradeGothic', Arial, Helvetica, Sans-Serif;
		display: block;
		position: absolute;
		left: 2%;
		top: 2%;
		background-color: #00483a !important;
		color: white !important;
		line-height: 30px;
		height: 30px;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		font-size: 1.2em;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		cursor: pointer;
	}
	
	div#nav ul.level1 {
		width: 100%;
	}
	
	div#nav ul.level1 li {
		float: none;
		width: 100%;
		line-height: 20px;
		height: auto;
		margin-right: 0px;
		font-size: 1.0em;
		position: static;
		padding-top: 5px;
		display: block;
	}
	
	div#nav ul.level1 li a {
		background-color: #00483a;
		color: white;
	}
	
	div#nav ul.level2 li a {
		background: none;
		color: #00483a;
	}
	
	div#nav ul.level1 li:last-child {
		height: 5px;
		line-height: 5px;
	}
	
	div#nav ul.level1 li:hover ul.level2 {
		display: none;
	}
	
	div#nav ul.level2 li {
		display: block;
		width: 100%;
		font-size: 1.0em;
	}
	
	div#nav ul.level1 li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div#nav ul.level2 {
		display: none;
		position: static;
		padding-bottom: 15px;
		width: 100%;
	}
	
	div#nav ul.level2 li {
		display: block;
		width: 100%;
	}
	
	
	div#nav ul.level2 li:first-child {
		display: none;
	}
	
	div#nav ul.level2 li:nth-child(2) {
		display: none;
	}
	
	div#nav ul.level2 li:last-child {
		height: 5px;
		line-height: 5px;
	}
	
	/*div#nav ul.level2 li:hover ul.level3 {
		display: none;
	}*/
	
	div#nav ul.level3 {
		display: none;
		position: static;
		width: 100%;
	}
	
	div#nav ul.level3 li {
		display: block !important;
		padding-top: 0px;
		line-height: 16px !important;
		width: 100%;
	}
	
	div#content {
		margin-left: auto;
		margin-right: auto;
		width: 86%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	div#footer {
		display: none;
	}
	
	div.caption {
		width: 82%;
		background-image: url("../img/opacity_black.png");
		padding: 4%;
		left: 5% !important;
		bottom: 10% !important;
	}
	
	div.caption h1 {
		font-size: 1.5em;
	}

	div.caption h2 {
		font-size: 1.2em;
	}
	
	div.caption h1 a, div.caption h2 a {
		color: white;
	}

	a#logo {
		width: 75px;
		height: 93px;
		right: 2%;
		top: 2%;
		position: absolute;
	}
	
	.desktop {
		display: none;
	}

	.mobile {
		display: block !important;
	}
	
	h1 {
		font-size: 1.5em;
	}
	
	h2 {
		font-size: 1.3em;
	}
	
	h3 {
		font-size: 1.3em;
	}
	
	h4 {
		font-size: 1.2em;
	}
	
	h5 {
		font-size: 1.1em;
	}	
	
	div#content p, div#content ul, div#content td, div#content ol {
		line-height: 28px;
		font-size: 1.1em;
	}
	
	div#scroll_back {
		width: 100%;
		height: 75px;
		background-image: url("../img/scroll_back_75.png");
	}
	
	div.twocol > div {
		float: none;
		width: 100%;
		height: auto;
	}
	
	div.manager {
		height: auto !important;
	}
	
	div.manager_text {
		position: relative;
		width: 90%;
		padding: 5%;
		height: 90%;
	}

	div.manager_mail {
		position: static;
		bottom: auto;
		left: auto;
		right: auto;
	}
	
	div.manager_detail {
		position: relative;
		height: auto;
		overflow: hidden;
	}
	
	a.manager_link {
		display: block;
		width: 	40%;
		line-height: 22px;
		height: 44px;
		margin-right: 0px;
		margin-top: 10px;
	}

	a.manager_link:nth-child(even) {
		float: right;
		margin-right: 0px;
	}

	a.manager_link:nth-child(odd) {
		float: left;
		margin-right: 0px;
	}

	a.close {
		line-height: normal;
		top: 10px;
		right: 5px;
	}	
	
	div.list {
		width: 100%;
		overflow: hidden;
	}
	div.list_desc p {
		line-height: normal !important;
		text-overflow: elipsis !important;
	}
	
	div.list_image {
		width: 80px;
		min-width: 80px;
		max-width: 80px;
	}
	
	div.list_image img {
		width: 60px !important;
		height: auto !important;
	}
	
	div.list_desc {
		float: left;
		width: -webkit-calc(100% - 80px); 
		width: -moz-calc(100% - 80px); 
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px); 
	}	
	
	div.article div.text {
		float: none;
		width: 100%;
	}
	
	div.article div.images {
		float: none;
		width: 100%;
		text-align: left;
	}
	
	div.manager_teaser {
		width: 100%;
		margin-right: 0px !important;		
	}
	
	div.manager_teaser p {
		line-height: 20px !important;
	}
}

/* Tablets */
@media only screen and (min-width: 981px) and (max-width: 1150px) {
	div#content {
		margin-left: auto;
		margin-right: auto;
		background-image: url("../img/opacity_white_95.png");
		width: 600px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 50px;
		padding-bottom: 50px;
	
	    -webkit-animation: fadein 2s; /* Safari and Chrome */
	       -moz-animation: fadein 2s; /* Firefox */
	        -ms-animation: fadein 2s; /* Internet Explorer */
	         -o-animation: fadein 2s; /* Opera */
	            animation: fadein 2s;	
	}
	
	h1 {
		font-size: 2.0em;
	}
	
	h2 {
		font-size: 1.6em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	h4 {
		font-size: 1.3em;
	}
	
	h5 {
		font-size: 1.2em;
	}	
	
	a.close {
		right: 2%;
		top: 2%;
	}
	
	div#content p, div#content ul, div#content td, div#content ol {
		line-height: 28px;
		font-size: 1.2em;
	}	
	
	img {
		max-width: 100%;
		height: auto;
	}

	div#nav ul.level1 li:hover ul.level2 {
		display: none;
	}

	div#nav ul.level2 li:hover ul.level3 {
		display: none;
	}
	
	div.manager_detail {
		position: relative;
		height: auto;
		overflow: hidden;
	}
	
	a.manager_link {
		width: 102px;
		height: 42px;
	}
	
	div.manager_teaser {
		width: 100%;
		margin-right: 0px !important;		
	}
}