@CHARSET "UTF-8";

@media all {
	body {
		background-color: #222222;
		color: #f2f2f2;
		font-family: "Arial", "Helvetica", sans-serif;
		font-size: 16px;
		margin: 0;
		padding: 0;
	}
	h1 {
		font-size: 25px;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 20px;
		margin: 0;
		padding: 0;
	}
	h3 {
		font-size: 17px;
		margin: 0;
		padding: 0;
	}
	a {
		color: #f2f2f2;
		text-decoration: none;
	}
	p {
		margin: 15px 0;
		padding: 0;
		line-height: 22px;
	}
	#main_navigation {
		background: #111111;
		background: rgba(0,150,250, 0.9);
		border-bottom: 1px solid red;
		width: 100%;
		position: fixed;
		top: 0; left: 0;
		z-index: 4;
		-moz-box-shadow: 0 5px 18px #000000;
		-web-box-shadow: 0 5px 18px #000000;
		-o-box-shadow: 0 5px 18px #000000;
		box-shadow: 0 5px 18px #000000;
	}

	#main_navigation ul {
		font-weight: bold;
		font-size: 20px;
		margin: 0 64px;
		overflow: hidden;
		padding: 0;
	}

	#main_navigation ul li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#main_navigation ul li a {
		display: block;
		padding: 15px 30px;
		line-height: 20px;
		text-shadow: 1px 1px 2px #000;
	}
	#main_navigation ul li a:hover, #main_navigation ul li a.selected {
		background: #2a2a2a;
		background-color: rgba(255,255,255, 0.1);
	}

	#company_logo {
		color: #ffffff;
		font-size: 40px;
		position: absolute;
		text-shadow: 3px 3px 6px #000;
		top: 3px; right: 200px;
		z-index: 4;
	}
	#main_content {
		margin: 100px 30px 50px;
		min-height: 200px;
	}

	#main_content .content {
		padding: 10px 25px;
		margin: 14px 12px 50px 12px;
		overflow: hidden;
	}

	#main_content .main_text {
		margin-top: 20px;
	}

	.teaser {
		background: #111111;
		border: 1px solid #333333;
		margin: 0 25px 20px;
		float: right;
		width: 330px; height: 250px;
		-moz-box-shadow: 3px 3px 11px #111;
		-web-box-shadow: 3px 3px 11px #111;
		-o-box-shadow: 3px 3px 11px #111;
		box-shadow: 3px 3px 11px #111;
	}

	.teaser:hover {
		background: #1a1a1a;
		border: 1px solid #444444;
	}

	.teaser .teaser_content {
		padding: 13px 20px 13px;
	}

	.teaser img {
		margin-bottom: 0px;
		width: 330px; height: 140px;
	}

	.teaser p {
		margin: 5px 0;
	}
	.clear {
		clear: both;
	}
	.bold {
		font-weight: bold;
	}
	.float_left {
		float: left;
	}
	.float_right {
		float: right;
	}
}