body {
	overflow:auto;
	background-color: #000;
}

html {
	height:100%;	
}

body.onlyie7 {
	overflow:hidden;
}

.javascript {
	height:100%;
	overflow:hidden;
}

body.notie7 {
	overflow-x:auto;
}

/* --- CENTER CLASS --- */

#wholecontent {
	width:860px;
	margin: 0 auto;
}

.center {
	margin-left:23px;
}

.whiteonblack .center {
	background: transparent url('img/whiteonblack/content_whiteonblack.png') 0 0 repeat-y;
}

.blackonwhite .center {
	background: transparent url('img/blackonwhite/content_blackonwhite.png') 0 0 repeat-y;
}

/* --- LOGO --- */

#logo {
	width: 815px;
	position: relative;
	height:46px;
	margin-bottom:1px;
}

#logo a {
	display:block;
	margin-left:122px;
}

#logo img {
	padding-top:13px;
	padding-bottom:4px;
	display:block;
}

#language-selection {
	left:0;
	position: absolute;
	margin-top:13px;
}

#language-selection a {
	margin-left:20px;
	display: block;
	margin-bottom: 0;
	padding:0;
	line-height:11px;
	font-size:10px;
}

.whiteonblack #language-selection a {
	color: #ffffff;
}

.blackonwhite #language-selection a {
	color: #000000;
}

#language-selection a:hover {
	color:#0076E0;
}

/* --- NAVIGATION --- */

.whiteonblack #navigation {
	background: transparent url('img/whiteonblack/content_whiteonblack30.png') 0 0 no-repeat;
}

.blackonwhite #navigation {
	background: transparent url('img/blackonwhite/content_blackonwhite30.png') 0 0 no-repeat;
}

#navigation {
	overflow:hidden;
	width: 890px; 
	position: relative;
	margin-bottom: 1px;
}

.noscript #navigation {
	height: 170px;
}

#navigation li {
	float:left;
}

.en .column1 {width:116px;}
.en .column2 {width:126px;}
.en .column3 {width:123px;}
.en .column4 {width:144px;}
.en .column5 {width:119px;}
.en .column6 {width:118px;}

.de .column1 {width:116px;}
.de .column2 {width:129px;}
.de .column3 {width:117px;}
.de .column4 {width:149px;}
.de .column5 {width:121px;}
.de .column6 {width:120px;}

#navigation li a {
	padding-top:0px;
	padding-left:21px;
	display:block;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	line-height:30px;
}

#navigation li a:hover {
	text-decoration: none;
}

#navigation ul {
	display:block;
	padding-top:10px; 
}

.noscript #navigation ul {
	display:none;
}

.noscript #navigation li:hover ul {
	display:block;
}

.whiteonblack #navigation ul {
	background: transparent url('img/whiteonblack/content_whiteonblack30.png') 0 0 repeat-y;
}

.blackonwhite #navigation ul {
	background: transparent url('img/blackonwhite/content_blackonwhite30.png') 0 0 repeat-y;
}

#navigation ul li {
	display:block;
	clear:both;
	margin-left:0px;
	padding-left:21px;
	padding-right:10px;
	margin-right:0;
}

#navigation ul li.lastelement {
	padding-bottom:10px;
}

#navigation ul li a {
	font-size: 14px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:0px;
	padding-left:0;
	padding-top:0;
	line-height: 14px;
	padding-top:2px;
	padding-bottom:2px;
	max-width:110px;
}

.whiteonblack #navigation li a {
	color: #ffffff;
}

.whiteonblack #navigation li a:hover {
	/*color: #000000; */
	color: #0076E0;
}

.blackonwhite #navigation li a {
	color: #000000; 
}

.blackonwhite #navigation li a:hover {
	/*color: #ffffff; */
	color: #0076E0;
}

/* --- ANCHORS --- */

.noscript #anchors {
	display:none;
}

#anchors ul {
	padding: 11px;
}

.blackonwhite #anchors ul {
	color: #000000;
}

.whiteonblack #anchors ul {
	color: #ffffff;
}

#anchors li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.blackonwhite #anchors li a {
	color: #000000;
	padding: 0;
	margin: 0;
}

.whiteonblack #anchors li a {
	color: #ffffff;
	padding: 0;
	margin: 0;
}

.blackonwhite #anchors li a:hover {
	/*color: #ffffff;*/
	color: #0076E0;
}

.whiteonblack #anchors li a:hover {
	/* color: #000000; */
	color: #0076E0;
}

/* --- CONTENT WRAPPING --- */

#contentwrapper {
	position: relative;
	overflow:show;
	height:auto;
}

.javascript #contentwrapper {
	position: absolute;
	bottom:0;
	height:250px;
	overflow:hidden;
	width:835px;
}

#content {
	width:835px;
	overflow:visible;
}

#inner {
	width:815px;
}

/* depending on content */

.full {
	width: 815px;
	padding: 2px 0 30px 0;
}

.fullwithmargin { 
	width: 773px;
	padding: 21px 21px 0px 21px; /* padding not margin because it is needed to calculate height of element */
}

.fullmatrix {
	width: 815px;
	padding: 2px 0px 21px 1px;
}

.leftcol {
	float:left;
	width: 374px;
	padding: 21px 0 0px 21px; /* padding not margin because it is needed to calculate height of element */
}

.rightcol {
	float:right;
	width: 374px;
	padding: 21px 21px 0px 0; /* padding not margin because it is needed to calculate height of element */
}

.measureheight {
	padding-bottom:15px;
}

/* --- Matrix --- */

.matrixcard {
	float:left;
	width: 125px;
	height: 94px;
	padding: 10px 0px 1px 9px;
	display:block;
}

.whiteonblack .matrixcard {
	background: transparent url('img/whiteonblack/box_weiss.png') 10px 11px no-repeat;
}

.matrixcard a {
	padding: 1px 1px 0 1px;
	width: 123px;
	height: 93px;
	display:block;
}

.matrixcard img {
	width: 123px;
	height: 93px;
}

.matrixcard p {
	font-size:10px;
	line-height:12px;
	margin-left:3px;
}

.whiteonblack .matrixcard p {
	color: #000;
}

.blackonwhite .matrixcard {
	background: transparent url('img/blackonwhite/box_schwarz.png') 10px 11px no-repeat;
}

.blackonwhite .matrixcard p {
	color: #fff;
}

/* --- Project Details --- */

.subtitle {
	margin-bottom: 0;
	margin-top:14px;
}

.photographer {
	display:none;
	margin-bottom:0;
}

.photographer.active {
	display:block;
}

#projectgallery {
	margin-top:4px;
	font-size:0;
}

#projectgallery li {
	line-height:13px;
	float:left;
	width:24px;
	margin-right: 3px;
	font-size:0;
}

#projectgallery li a {
	line-height:13px;
	height: 13px;
	margin-bottom:3px;
	width:24px;
	display:block;
	background-color: transparent;
	background-repeat: no-repeat;
	font-size:0;
}

#projectgallery .image a {
	background-image:url('img/bild_sprite.png');
}

#projectgallery .text a {
	background-image:url('img/text_sprite.png');
}

.noscript #projectgallery .text {
	display:none;
}

.blackonwhite #projectgallery li a {
	background-position: 0 0;
}

.blackonwhite #projectgallery li a.active {
	background-position: 0 -26px;
}

.whiteonblack #projectgallery li a {
	background-position: 0 -13px;
}

.whiteonblack #projectgallery li a.active {
	background-position: 0 0px;
}

.blackonwhite #projectgallery li a:hover,
.whiteonblack #projectgallery li a:hover {
	background-position: 0 -26px;
}

#projectgallery #textbutton.active {
	background-image:url('img/dgj-pfeil-2.png');
}

.blackonwhite  #projectgallery #textbutton.active {
	background-position: 0 0;
}

.whiteonblack #projectgallery #textbutton.active {
	background-position: 0 -26px;
}
.whiteonblack #projectgallery #textbutton.active:hover,
.blackonwhite  #projectgallery #textbutton.active:hover {
	background-position: 0 -26px;
}

th {
	width:120px;
	vertical-align: top;
}

th, td {
	line-height: 20px; 
}
/*
.blackonwhite th {
	color:#0076E0;
}

.whiteonblack th {
	color:#0076E0;
}
*/

/* --- START PAGE BACKGROUND IMAGE --- */

#background2 {
	z-index: -2;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

/* --- BACKGROUND IMAGE --- */

#background {
	z-index: -1;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.noscript #background {
	width:100%;
}

.noscript #background img {
	margin:0 auto;
}

html > body #background, html > body #background2 {
	position: fixed;
}

* html #background, * html #background2 {
	position: absolute;
}

#background img {
	margin:0;
	padding:0;
	display:none;
	position: absolute;
}

#background2 img {
	margin:0;
	padding:0;
	position: absolute;
	z-index:-1;
}

/*.noscript*/ #background .activeimg {
	display:block;
}

/* --- Clearfix --- */

.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%;
}

/* --- CONTENT TABLES --- */

.fullwithmargin table td {
	vertical-align:top;
}

.fullwithmargin table td.notfirst {
	padding-top:18px;
}

.fullwithmargin table td.textcol {
	padding-left:21px;
}

.nomarginbottom {
	margin-bottom:0;
}

.tabletext {
	margin-top: 12px;
}

.tableimg {
	padding-top:3px;
}

/* Google Maps */

.contactform {
	padding-top:7px;
	width: 376px;
	padding-bottom:21px;
	margin-right:21px;
	float:left;
}

input.text, textarea {
	background:none;
	color: ;
	margin-bottom: 16px;
	padding-left: 5px;
	font-style: normal;
}

.blackonwhite input.text, .blackonwhite textarea {
	border: 1px solid #000000;
	color: #000000;
}

.whiteonblack input.text, .whiteonblack textarea {
	border: 1px solid #ffffff;
	color: #ffffff;
}

input.text {
	width: 366px;
	padding-top:2px;
	height: 19px;
	display: block;
	padding-right: 5px;
}

textarea {	
	width: 371px;
	height: 236px;
	padding-top:3px;
	margin-bottom:10px;
}

.buttonsubmit {
	border: none;
	background:none;
	padding-left:0;
	text-align: left;
}

.whiteonblack .buttonsubmit {
	color: #ffffff;
}

.blackonwhite .buttonsubmit {
	color: #000000;
}

.googlemaps {
	padding-top:7px;
	width: 376px;
	height: 350px;
	padding-bottom: 21px;
	float: left;
	overflow: hidden;
}

.noscript .iframe {
	display:none;
}

/* misc */

.logolink {
	border-bottom: none !important;
}

.tableimg a {
	border-bottom: none !important;
}

.projectlist {
	margin-bottom:14px;
}