/**
* Styles for markup version of the website, which is displayed without javascript
*/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #08243A url(../media/images/bg.jpg) no-repeat top left;
	font: .8em/1.3em verdana,arial,helvetica,sans-serif;
}
a, a:link {
	outline: none;
	color:#1f91d0;
}
#container {
	margin-top:40px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}
.wrapper {
	background-image:url(../media/images/faux-column.gif);
	background-position:top right;
	background-repeat: repeat-y;
}
.header h3 {
	float:left;
	width:278px;
	height:41px;
	text-indent:-9999em;
	background:url(../media/images/headline-welcome.png) no-repeat top left;
	margin-left:100px;
	_margin-left:50px;
	margin-bottom:10px;
}
/* ie6 */
* html .header h3 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/headline-welcome.png?v=20070604',sizingMethod='crop');
	background-image:url(/media/images/iex.gif);
}

.header h4 {
	display:none;
}

	.header a.logo {
		display:block;
		float:right;
		width:123px;
		height:28px;
		text-indent:-9999em;
		background:url(../media/images/logo.png) no-repeat top left;
	}
	/* ie6 */
	* html .header a.logo {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/logo.png?v=20070604',sizingMethod='crop');
		background-image:url(/media/images/iex.gif);
	}

.navigation ul {
	margin-right:10px;
}
.navigation ul li {
	text-align:right;
}
	.navigation li a {
		color:#fff;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration: none;
	}
	.navigation li a.active {
		color:#1f91d0;
	}

.content,
.extra {
	background-color:#fff;
	min-height:600px;
	height:auto !important;
	height:600px;
	color:#1f91d0;
}
.content {
	padding:54px 46px;
}
	.content li {
		margin-bottom:24px;
		width:390px;
	}
	.content h1 {
		text-transform: uppercase;
		font-size: 20px;
		font-weight:bold;
		margin-bottom:18px;
	}
		#projects .content h1,
		#projekte .content h1 {
			margin-top:0;
			margin-bottom:2px;
		}
	.content h2 {
		text-transform: uppercase;
		font-size: 14px;
		font-weight:bold;
		margin-top:22px;
		margin-bottom:8px;
	}
		#projects .content h2,
		#projekte .content h2,
		#news .content h2 {
			margin-top:0;
			margin-bottom:18px;
		}
	.content h3 {
		font-size: 12px;
	}

	#projects .content p,
	#impressum .content p,
	#riotfamily .content p {
		margin-bottom:18px;
	}

	.content blockquote {
		margin-top:9px;
		margin-bottom:18px;
		padding-left:8px;
		font-style:italic;
	}
	#agentur .content ul {
		margin-top:18px;
		list-style:circle;
		list-style-position:inside;
	}
		#agentur .content ul li {
			margin-top:3px;
			margin-bottom:3px;
		}
	#kunden .content ul {
		list-style:circle;
		list-style-position:inside;
	}
		#kunden .content ul li {
			margin-bottom:12px;
		}

.hr {
	position:relative;
	display:block;
	/*background: url(/images/bg-as-days.gif) repeat-x left top;*/
	background:#1F91D0;
	height:1px;
	border:none !important;
	margin:12px 0 22px;
	clear:both;
	text-align: left;
	font-size:1px;
}
	div.hr hr {
  		display: none;
	}


.extra {
	padding:50px 0 54px 0;
}
	.extra p {
		color:#ad0097;
		font-weight:bold;
		font-size:11px;
		padding-right:30px;
		margin-bottom:20px;
		text-align:right;
	}
	.extra p.hint {
		font-weight:normal;
	}
	.extra p a,
	.extra p a:link {
		color:#ad0097;
	}
	.extra p strong {
		text-transform: uppercase;
	}
.footer {
	display:none;
	position:static;
	/*
	background-image:url(../media/images/faux-column.gif);
	background-position:top 100px;
	background-repeat: repeat-y;
	*/
}
noscript {
	width:100%;
	height:25px;
	margin-top:5px;
}
noscript div {
	width:100%;
	height:25px;
	margin-top:5px;
}
noscript div p {
	font-family:arial,helvetica, clean,sans-serif;
	font-size:13px;
	color:#fff;
	vertical-align:middle;
	text-align:center;
}
#textLink {
	position:absolute;
	top:406px;
	left:409px;
	display:block;
	background:#1f91d0;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	height:11px;
	line-height:11px;
	width:159px;
	text-align:center;
}