body {
	background-color: #8b0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; }

p { margin: 18px 0; }

h1 {
	color: #e70;
	font-size: 16px;
	font-weight: normal;
	margin: 18px 0;
	text-transform: uppercase; }

h2 {
	color: #8b0;
	font-weight: normal;
	font-size: 16px;
	margin: 18px 0;
	text-transform: uppercase; }

h3 {
	color: #666;
	font-weight: normal;
	font-size: 14px;
	margin: 18px 0; }

em { color: #8b0; }

img { overflow: hidden; }

ul { 
  list-style-type: none;
}

li {
	padding-left: 15px;
	background: url('../graphics/list-green.gif') no-repeat 4px 6px;
	margin-bottom: 12px; 
}

#margin li { background-image: url('../graphics/list-white.gif'); }

table.seo {
	border: 1px solid #eeeee0;
	width: 100%; }

	table.seo td {
		font-size: 11px;
		margin: 0px;
		padding: 0px; }

#wrapper {
	background-color: #fff;
	border-bottom: 1px solid #690;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top: 371px;
	position: relative;
	width: 760px; }

#content-large {
	color: #666;
	display: inline;
	float: left;
	margin-left: 28px;
	width: 567px; }

#content {
	display: inline;
	float: left;
	margin-left: 28px;
	width: 400px;
	color: #666; }

	#content a, #content-large a {
		color: #666;
		font-weight: normal;
		text-decoration: none;
		border-bottom: solid 2px #ccc; }

	#content a:hover, #content-large a:hover {
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		border-bottom: solid 2px #666;
		background: #666; }

	#content blockquote {
		margin-left: 12px;
		font-style: italic; }

#margin {
	display: inline;
	float: right;
	margin-right: 26px;
	width: 282px; }

/*p + ul, h3 + ul { margin-top: -18px !important; }*/

#margin p {
	/* margin: 18px 0 0 0;
	*/; }

#margin .aktuell {
	background-color: #8B0;
	border-bottom: 1px solid #690;
	color: #fff;
	margin-bottom: 20px;
	padding: 1px 20px 20px 20px; }

	#margin .aktuell h2 {
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: #cf0; }

	#margin .aktuell h3 {
		font-weight: normal;
		font-size: 14px;
		line-height: 0px;
		text-transform: uppercase;
		color: #fff; }

	#margin .aktuell a {
		font-weight: normal;
		color: #fff;
		text-decoration: none;
		border-bottom: solid 2px #ad0; }

		#margin .aktuell a:hover {
			font-weight: normal;
			color: #8B0;
			text-decoration: none;
			border-bottom: solid 2px #fff;
			background: #fff; }

	/* firefox needs this */
#margin .aktuell p *, #margin .aktuell li * { margin: 0; }

#margin .specialreport {
	padding: 20px;
	background-color: #e70;
	color: #fff; }

	#margin .specialreport h2 {
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: #fc0; }

	#margin .specialreport h3 {
		font-weight: normal;
		font-size: 14px;
		line-height: 0px;
		text-transform: uppercase;
		color: #fff; }

	#margin .specialreport a {
		font-weight: normal;
		color: #fff;
		text-decoration: none;
		border-bottom: solid 1px #fff; }

		#margin .specialreport a:hover {
			font-weight: normal;
			color: #e70;
			text-decoration: none;
			border-bottom: solid 1px #fff;
			background: #fff; }

#top-area {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 760px;
	height: 100px;
	background-color: #8b0;
	background-image: url(../graphics/head-color.gif);
	background-repeat : repeat-x; }

#designinfo {
	position: absolute;
	left: 0px;
	top: 105px;
	width: 730px;
	text-align: right;
	color: #ccc; }

	#designinfo a {
		color: #ccc;
		text-decoration: none; }

		#designinfo a:hover {
			color: #fff;
			text-decoration: none;
			background: #ccc; }

#logo {
	position: absolute;
	right: 26px;
	top: 4px;
	width: 140px;
	height: 37px; }

#preload {
	position: absolute;
	top: -100px; }

#navigation { }

#nav-01 {
	display: block;
	position: absolute;
	left: 26px;
	top: 76px;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(../graphics/nav-01-off.gif) no-repeat top left; }

	#nav-01:hover { background: url(../graphics/nav-01-over.gif) no-repeat top left; }

#nav-02 {
	display: block;
	position: absolute;
	left: 168px;
	top: 76px;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(../graphics/nav-02-off.gif) no-repeat top left; }

	#nav-02:hover { background: url(../graphics/nav-02-over.gif) no-repeat top left; }

#nav-03 {
	display: block;
	position: absolute;
	left: 310px;
	top: 76px;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(../graphics/nav-03-off.gif) no-repeat top left; }

	#nav-03:hover { background: url(../graphics/nav-03-over.gif) no-repeat top left; }

#nav-04 {
	display: block;
	position: absolute;
	left: 452px;
	top: 76px;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(../graphics/nav-04-off.gif) no-repeat top left; }

	#nav-04:hover { background: url(../graphics/nav-04-over.gif) no-repeat top left; }

#nav-05 {
	display: block;
	position: absolute;
	left: 594px;
	top: 76px;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(../graphics/nav-05-off.gif) no-repeat top left; }

	#nav-05:hover { background: url(../graphics/nav-05-over.gif) no-repeat top left; }

#big-picture {
	position: absolute;
	left: 26px;
	top: 124px; }

#overlay-home {
	position: absolute;
	left: 499px;
	top: 184px; }

#overlay-programming {
	position: absolute;
	left: 50px;
	top: 300px; }

#overlay-design {
	position: absolute;
	left: 70px;
	top: 150px; }

a.preview { border: 0 !important; }

.clearer { clear: both; }