/*YUI CSS RESET */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}


@font-face {
	font-family: 'Futura Light';
	src: url('../fonts/futurabt-light-webfont.eot');
	src: local('☺'), url('../fonts/futurabt-light-webfont.woff') format('woff'), url('../fonts/futurabt-light-webfont.ttf') format('truetype'), url('../fonts/futurabt-light-webfont.svgz#webfont1laj4xSI') format('svg'), url('../fonts/futurabt-light-webfont.svg#webfont1laj4xSI') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Bold';
	src: url('../fonts/futurabt-bold-webfont.eot');
	src: local('☺'), url('../fonts/futurabt-bold-webfont.woff') format('woff'), url('../fonts/futurabt-bold-webfont.ttf') format('truetype'), url('../fonts/futurabt-bold-webfont.svgz#webfontrAhtAM8Z') format('svg'), url('../fonts/futurabt-bold-webfont.svg#webfontrAhtAM8Z') format('svg');
	font-weight: bold;
	font-style: normal;
}


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}


html {overflow-y:scroll;}
td, th {text-align:left;vertical-align:top;}
strong, b, th {font-weight:700;}
em, i {font-style:italic;}
u {text-decoration:underline;}
textarea {resize:none;}

* {outline:0;background-repeat:no-repeat;}
a *, input[type=submit], button {cursor:pointer;}

.red {color:#e40d14;}
.green {color:green;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.no-display {display:none;}

.bg-red {background-color:#e40d14; color:#FFF;}
.bg-darkgrey {
	background-color:#d7d8db !important;
	color:#333;
}

.col-2-set{}
.col-2-set .col-1 {float:left;}
.col-2-set .col-2 {float:left;}

dl {}
dl dt {
	float:left;
	clear:both;
}
dl dd {
	float:left;
}

dl.reference_preview dt {width:75px;}
dl.reference dt {width:100px;}
dl.reference dd {width:330px;}

dl.project-detail dt {width:80px;}

.input-box {
	position:relative;
}
.input-box input {
	float:left;
}
.input-box label {
	position:absolute;
	top:2px;
	left:2px;
}

html {
	background-color:#FFF;
}
body, input, select, textarea, td {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#87888e;
}
a {
	color:#333;
	text-decoration:none;
}

#site a:hover img,
#site input.btn-submit:hover {
	opacity:.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#site a {
	color:#e40d14;
	
	background-image:url(../img/dotted-content.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#site a:hover,
#site a.on {
	background-image:none;
}

#site #ordered-list a {
	color:#87888e;
	background:none;
}
#site #ordered-list a:hover,
#site #ordered-list a.on {
	color:#e40d14;
	
	background-image:url(../img/dotted-content.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#site p,
#site ul,
#site ol {
	margin-bottom:18px;
}
#site ul {
	margin-left:20px;
	list-style:disc;
}
#site h1 {
	color:#e40d14;
	font-size:24px;
	font-weight:700;
	line-height:30px;
	margin-bottom:18px;
	
	font-family:'Futura Bold', Verdana, Arial, Helvetica, sans-serif;
}
#site h2 {
	color:#333;
	font-size:22px;
	font-weight:700;
	line-height:26px;
	margin-bottom:18px;
	
	font-family:'Futura Bold', Verdana, Arial, Helvetica, sans-serif;
}
#site #ordered-list h2 {
	font-size:14px;
	line-height:18px;
}
#site #ordered-list h2 {
	margin-bottom:0;
}

#site h5 {
	font-size:12px;
	font-weight:700;
	line-height:18px;
	color:#333;
}

#wrapper {
	width:980px;
	margin:0 auto;
}

/* header */
#header {
	height:70px;
	padding:40px 0 5px;
	position:relative;
}
#logo {
	position:absolute;
	right:0;
}

/* navigation */
#navigation {
	float:left;
	width: 980px;
	overflow:visible;
	
	font-family:'Futura Light', Verdana, Arial, Helvetica, sans-serif;
}
#navigation a {
	color:#000;
}
#navigation a:hover,
#navigation a.on {
	color:#e40d14;
}
#navigation .main {
	height:28px;
	line-height:28px;
	margin-top:10px;
	
	font-size:20px;
}
#navigation .main li {
	padding-right:45px;
	float:left;
}
#navigation .sub {
	height:22px;
	line-height:22px;
	
	font-size:14px;
}
#navigation .sub li {
	padding-right:11px;
	float:left;
}

/* site */
#site {
	position:relative;
	min-height:462px;
	clear: both;
}
#site .box {
	width:490px;
	margin-right:1px;
	float:left;
	background-color:#ebebed;
	
	height:460px;
	overflow:hidden;
}
#site .box.last {
	margin-right:0;
	width:489px;
}

#site .box .content {
	padding:28px;
	height:404px;
}

#emo {
	position:relative;
}
#emo img {
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	background-color:#ebebed;
}
#emo .content {
	position:absolute;
	top:0;
	left:0;
	z-index:400;
	
	width:434px;
	height:404px;
	padding:28px;
	background-color:#ebebed;
}

/* home news list */
#site #newslist {
	width:489px;
	height:430px;
	margin:0;
	list-style:none;
	overflow:hidden;
}
#site #newslist li {
	border-bottom:1px solid #FFF;
	padding:14px 28px;
	height:50px;
}
#site #newslist li.over {
	background-color:#e40d14;
	height:85px;
}
#site p.date {
	margin-bottom:4px;
	color:#333;
}
#site #newslist li h2 {
	font-size:22px;
	font-weight:700;
	line-height:28px;
	margin:0;
}
#site #newslist li h2 a {
	color:#cb0b10;
	background:none;
}
#site #newslist li.over h2 a {
	color:#FFF;
}
#site #newslist li p.preview {
	display:none;
	margin:0;
	color:#FFF;
}
#site #newslist li.over p.preview {
	display:block;
}

#site .newslist-links {
	padding:4px 28px;
	text-align:right;
}

/* news detail */

/* Architektur */
#site .smallbox {
	width:244px;
	height:230px;
	float:left;
	margin:0 1px 1px 0;
	overflow:hidden;
	
	background-color:#ebebed;
	background-position:center center;
}
#site .smallbox.last {margin-right:0;}

#site .smallbox .content {
	padding:26px;
	height:178px;
}
#site .smallbox.with-link .content {
	height:148px;
}
#site .smallbox .bottom-link {
	height:29px;
	border-top:1px solid #FFF;
	text-align:right;
	padding:0 26px;
}
#site .smallbox .bottom-link a {
	line-height:29px;
}
#site a.backlink {
	display:block;
	height:29px;
	line-height:29px;
	padding-right:24px;
	background-image:url(../img/btn-back.png);
	background-position:center right;
	background-repeat:no-repeat;
}

#site .linkbox a {
	width:224px;
	height:230px;
	padding:0 10px;
	display:none;
	
	font-size:22px;
	font-weight:700;
	line-height:22px;
	text-align:center;
	background:none;
	color:#FFF;
	
	font-family:'Futura Bold', Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

#site .linkbox.noimg a {
	display:table-cell;
	color:#333;
}

#site .linkbox:hover a,
#site .linkbox.hover a {
	color:#FFF;
	background-color:#e40d14;
}
/* END Architektur */

/* content-4 */
#ordered-list {
	float:left;
	position:relative;
	overflow:hidden;
}
#site #ordered-list .btn-ordered {
	position:absolute;
	bottom:6px;
	display:none;

	color:#e40d14;
	
	background-image:url(../img/dotted-content.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#ordered-list .btn-ordered.btn-ordered-left {
	left:28px;
}
#ordered-list .btn-ordered.btn-ordered-right {
	right:28px;
}


#site .content-cols-4 {
	float:left;
}
#site .content-cols-4 .col {
	width:244px;
	height:460px;
	margin-right:1px;
	float:left;
	background-color:#ebebed;
}
#site .content-cols-4 .col .content {
	padding:28px;
}
#site .content-cols-4 .col .content.bg-red {
	padding:18px 28px;
}
#site .content-cols-4 .col .content-small {
	padding:20px 15px 15px 28px;
}
#site .content-cols-4 .col .content-row {
	border-bottom:1px solid #FFF;
}
#site .content-cols-4 .col .content-img {
	width:244px;
	height:215px;
	overflow:hidden;
	padding:0;
	float:left;
	background-color:#FFF;
}
#site .content-cols-4 .project-detail .content-img {
	height:200px;
}


/* footer */
#footer {
	height:85px;
	clear:both;
	font-size:11px;
	line-height:14px;
	color:#87888e;
	margin:9px 0;
}
#footer a {
	color:#87888e;
	background-image:url(../img/dotted-footer.png);
	background-repeat:repeat-x;
	background-position:0 12px;
}
#footer a:hover {background:none;}
#footer .box {
	height:57px;
	padding:14px 17px;
	margin-right:1px;
	background-color:#d7d8db;
	float:left;
}
#footer .box.last {
	margin-right:0;
}
#footer .box-1 {width:210px;}
#footer .box-2 {width:210px;}
#footer .box-3 {width:210px;}
#footer .box-4 {width:211px;}

#footer .col-1 {padding-right:22px;}
#footer .box-4 .col-1 {padding-right:20px;}
#footer .box-4 form {padding-top:8px;width:116px;}


#footer dt {width:13px;}
#footer dd {
	white-space: nowrap;
}


#footer .input-box {
	background-color:#FFF;
	margin-right:1px;
	float:left;
	
	width:auto !important;width:98px; /* IE6 */
	overflow:hidden;/* IE6 */
}
#footer .input-box input {
	width:94px;
	height:14px;
	line-height:14px;
	padding:2px;
	border:0;
	
	font-size:11px;
}
#footer .input-box label {color:#c3c3c6;}
#footer input.btn-search {
	border:0;
	padding:0;
	margin:0;
	width:17px;
	height:18px;
	float:left;
	background-image:url(../img/btn-search.png);
}


.filter .submit {
	color:#333;
	float:right;
	margin-bottom:-15px;
}



form.contact dl dt {
	width:100px;
	padding:2px 0;
}
form.contact dl dd {
	width:250px;
	padding:2px 0;
}
form.search input.text,
form.contact input.text {
	border:0;
	background-color:#FFF;
	padding:2px 4px;
	width:242px;
	line-height:16px;
}
form.contact textarea {
	border:0;
	background-color:#FFF;
	padding:2px 4px;
	width:242px;
	height:64px;
	line-height:16px;
}
form.search input.submit,
form.contact input.submit {
	border:0;
	background-color:#FFF;
	padding:2px 10px;
	font-weight:700;
	line-height:16px;
	color:#333;
}