/* IconScreen        -----------------------------------------------------------
Building 04.2009 // Last Revision: #modifieddate# / #modifiedtime# 

Color Schema
-- link-active: d8001b (SUPERURBAN ROT) / link-deaktive: bf3748
-- background Content: edf1f4

Font-Size 
-- 0.75em (12px), 0.81em (13px), 0.88em (14px), 0.94em (15px), 1.00em (16px), 1.13em (18px), 1.25em (20px), 1.38em (22px)

Layout Schema
-- Fixed horizontal distances
-- Flexible fonts and most vertical distances  */



/* Resets default browser CSS - Do not change---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

tr, th, td {
	margin: 0;
	padding: 0;
	border: 0; }

table {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0; }

a img { border: none; }



/* clearfix - Do not change---------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/* BASICS / LAYOUT ------------------------------------------------------------------------------ */
body { background: #dadee1 url(../images-basic/bg.jpg) center top repeat-y; }

body {
	color: #4a4a4a;
	text-align: left;
	font-family: times, Times New Roman, serif;
	font-style: normal;
	line-height: normal;
	font-size: medium; }

#wrapper {
	margin: 0 auto 3em auto;
	width: 960px !important;
	background: #edf1f4;
	padding-bottom: 3em; }



/* FIRST-NAV ------------------------------------------------------------------------------------ */
#firstnav { height: 31px; background: url(../images-basic/nav-line.gif) left bottom no-repeat; }
#firstnav span { display: none; }

a#home { margin-left: 652px; height: 31px; width: 48px; float: left; background: url(../images-font/Home.gif) 0px -31px no-repeat; }
a:hover#home, a.active#home { background: url(../images-font/Home.gif) no-repeat; }
a:active#home, a:focus#home { background: url(../images-font/Home.gif) 0px -62px no-repeat; }

a#agentur { height: 31px; width: 61px; float: left; background: url(../images-font/Agentur.gif) 0px -31px no-repeat; }
a:hover#agentur, a.active#agentur { background: url(../images-font/Agentur.gif) no-repeat; }
a:active#agentur, a:focus#agentur { background: url(../images-font/Agentur.gif) 0px -62px no-repeat; }

a#themen { height: 31px; width: 60px; float: left; background: url(../images-font/Themen.gif) 0px -31px no-repeat; }
a:hover#themen, a.active#themen { background: url(../images-font/Themen.gif) no-repeat; }
a:active#themen, a:focus#themen { background: url(../images-font/Themen.gif) 0px -62px no-repeat; }

a#projekte { height: 31px; width: 64px; float: left; background: url(../images-font/Projekte.gif) 0px -31px no-repeat; }
a:hover#projekte, a.active#projekte { background: url(../images-font/Projekte.gif) no-repeat; }
a:active#projekte, a:focus#projekte { background: url(../images-font/Projekte.gif) 0px -62px no-repeat; }

a#service { height: 31px; width: 59px; float: left; background: url(../images-font/Service.gif) 0px -31px no-repeat; }
a:hover#service, a.active#service { background: url(../images-font/Service.gif) no-repeat; }
a:active#service, a:focus#service { background: url(../images-font/Service.gif) 0px -62px no-repeat; }



/* HEAD, SECOND-NAV AND SIMPLE-NAV -------------------------------------------------------------- */
#head { float: left; padding: 50px 0 0 32px; }

#logo { padding-bottom: 10px; }
#secondnav { padding-bottom: 40px; }
#simplenav { text-align: right; float: right; padding-top: 40px; }
#simplenav img { padding-right: 32px; }



/* CONTENT -------------------------------------------------------------------------------------- */
#content h1, #content p, #content ul, #content h5 {
	margin-left: 120px;
	width: 540px; }
	/* entspricht 220px rechts */	
	
p.floatimage { width: auto !important; margin-right: 310px !important; }

#content ul {
	list-style: none;
	padding-bottom: 25px; }

#metadata {
	float: right;
	font-family: Arial, Candara, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	font-weight: lighter;
	text-transform: uppercase;
	color: #000;
	width: 190px;
	padding: 44px 30px 0 65px; }

#metadata a { color: #000; }
#metadata a:hover { color: #d8001b; }
#metadata strong { font-weight: bold; font-size: 12px; }


/* TEXT BOXES ----------------------------------------------------------------------------------- */
.boxgrid {
	width: 960px;
	height: 332px;
	overflow: hidden;
	position: relative; }

.boxgrid img {
	position: absolute;
	border: 0; }

.boxcaption {
	position: absolute;
	background: #fff;
	height: 40px;
	top: 292px;
	width: 100%;
	opacity: .75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
	
/* FIREFOX 2 */
.boxgrid, x:-moz-any-link {
	height: auto;
	position: inherit;
	overflow: visible;}

.boxgrid img, x:-moz-any-link {
	position: inherit; }

.boxcaption, x:-moz-any-link {
	position: inherit;
	background: none; }
	
/* FIREFOX 3 */
.boxgrid, x:-moz-any-link, x:default {
	height: 332px;
	position: relative;
	overflow: hidden; }

.boxgrid img, x:-moz-any-link, x:default {
	position: absolute; }

.boxcaption, x:-moz-any-link, x:default {
	position: absolute;
	background: #fff; }  



/* FONT/FONT-COLOR/FONT-SIZE -------------------------------------------------------------------- */
/* FONT without JavaScript */
#firstnav a, #secondnav a, h1, h2, h3, h4, h5 { font-family: Arial, Candara, sans-serif; }
#firstnav { font-size: 0.88em; }

#secondnav {
	font-size: 0.75em;
	font-weight: bold; }

#footer { font-size: 0.75em; }

a { color: #bf3748; text-decoration: none; }
a:focus, a:hover, a:active, a.active { color: #d8001b; }
a { outline: none !important; }
:focus { -moz-outline-style: none; }

/* First Headline */
h1 {
	font-size: 1.75em;
	font-weight: bold;
	color: #000;
	line-height: 1.3;
	padding: 34px 0 24px 0; }

h1 span, h2 span { color: #d8001b; }

/* Navigation Preview Headline */
.columns h1 {
	font-size: 1.38em;
	color: #000;
	line-height: 1.3;
	padding: 0 0 12px 0; }

/* Box Caption */
.boxcaption h2 {
	font-size: 1em;
	font-family: times, Times New Roman, serif;
	color: #d8001b;
	float: right;
	padding-right: 32px;
	padding-top: 11px; }

/* Navigation Array Name */
img.Navigation-Array {
	float: right;
	margin-top: -6px; }

p {
	font-size: 1em;
	line-height: 1.5;
	padding: 0 0 1.50em 0; }

big { font-size: 1em; }
address { font-style: normal; }



/* NEWS  */
h1.news { font-size:  1.5em; padding: 34px 0 12px 0; }
h1.news a { color: #000; }
h1.news big { font-size: 1.5em; font-weight: bold; color: #d8001b;}



/* NAV-CONTENT ---------------------------------------------------------------------------------- */
.menu {
	position: absolute;
	width: 960px;
	height: 1200px;
	left: 50%;
	margin-left: -480px;
	top: 29px;
	background: url(../images-basic/smooth.png) repeat; }

/*IE 7 */
html > body .menu { *margin-left: -481px; }

#menu1, #menu2, #menu3, #menu4 {
	position: absolute;
	z-index: 501;
	visibility: hidden; }

.navHead {
	width: 960px;
	padding: 52px 0 113px 0;
	border-bottom: 1px solid #ccc; }

/*IE 6 and IE 7 */
.navHead { *padding: 52px 0 68px 0; }

.navLogo {
	width: 174px;
	padding-left: 32px;
	float: left; }

.columns {
	padding-top: 32px;
	width: 100%;
	overflow: auto; }

.columnHover {
	width: 400px;
	float: left; }

.columnOne {
	width: 250px;
	float: left;
	padding-left: 13px;
	margin-left: 13px;
	padding-right: 30px; }

.columnTwo {
	width: 250px;
	float: left; }

dt {
	font-weight: bold;
	padding: 0 0 8px 0; }

dd { border-bottom: 1px solid #ccc; }

dd a {
	display: block;
	padding: 2px 0 2px 12px; }

#agentur1, #agentur2, #agentur3, #agentur4, #agentur5, #agentur6, #themen1, #themen2, #themen3, #themen4, #themen5, #projekte1, #projekte2, #projekte3, #projekte4, #projekte5, #projekte6, #projekte7, #projekte8, #projekte9, #projekte10, #projekte11, #projekte12, #projekte13, #projekte14, #projekte15, #projekte16, #projekte17, #projekte18, #projekte19, #projekte20, #projekte21, #projekte22, #projekte23, #projekte24, #projekte25, #projekte26, #service1, #service2, #service3, #service4 {
	visibility: hidden;
	position: absolute;
	width: 360px;
	top: 190px;
	padding-left: 30px;
	left: 50%;
	margin-left: -480px; }



/* FOOTER --------------------------------------------------------------------------------------- */
#footer {
	padding: 2.5em 0 0 120px;
	margin: 3.5em 0 0 0;
	background: url(../images-basic/nav-line.gif) left top no-repeat; }

#minilogo {
	width: 60px;
	height: 60px;
	padding-right: 15px;
	float: left; }

#address { padding-top: 12px; }