/* CSS File */

/*
	All selectors beginning with '* html' are for IE and will be ignored by firefox.
	The defined styles in selectors described above, override styles for the IE in selectors are not begin with '* html'.
	This way of implementation offers the possibility to design the site without the use of JavaScript
	to describe different styles for different browsers.
*/

/*
	MENU STYLES
*/
* html {
	/* hide overflow: hidden from IE5/Mac */ 
	/* \*/ 
	overflow: visible;
	background-color: rgb(255,255,255);

	/* */

}

* html #metaMenu a {
	

}


* html #menuBlock {
	display: none;
	background-color: rgb(255,255,255);

}


* html #hedaer {

}

#menuBlock {
	width: 0px;
	display: none;
	background-color: rgb(255,255,255);
}

html* #menuBlock {
	width: 0px;
	display: none;
	background-color: rgb(255,255,255);
}

#menu {
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	width: 0px;
	display: none;
	
	background-color: rgb(255,255,255);
}

html* #menu {
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	width: 0px;
	display: none;
	
	background-color: rgb(255,255,255);
}



#menuPointer {
	display: none;

}

#menuPointer a {
	display: none;	
}

#menuTopStripe,
#menuBottomStripe {
	display: none;
}
#menuTopLeft,
#menuBottomLeft {
	display: none;
}

#menuTopRight,
#menuBottomRight {
	display: none;
}

#menuContentBlock {
	display: none;
}

#menuContent {
	display: none;
}

#menuContent li {
	display: none;	
}

#metaMenu {
	display: none;
}

#menuPointer{
	display: none;
}

/*
	MAIN STYLES
*/
body {
	left:0px;
	top:0px;
	overflow: visible;
	background-color: rgb(255,255,255);
	color: rgb(0, 0, 0);
	font-family: "Verdana";
	font-size: 13px;
	width: 100%;
	height: 100%;	
}


*html body {
	left:0px;
	top:0px;
	overflow: visible;
	background-color: rgb(255,255,255);
	color: rgb(0, 0, 0);
	font-family: "Verdana";
	font-size: 13px;
	width: 100%;
	height: 100%;	
}

#header {
	display: none;
	height:0px;
	
	background-color: rgb(255,255,255);
}

*html #header {
	display: none;
	height:0px;
	
	background-color: rgb(255,255,255);
}

#footer {
	display: none;
}

#diamant {
	display: none;
}

#hsArt {
	display: none;
}

#banner {
	display: none;
}

#enlargedBlock 
{
	display:none;
}

#enlargedBlock {
	display: none;
}

/* CSS File */

/*
	All selectors beginning with '* html' are for IE and will be ignored by firefox.
	The defined styles in selectors described above, override styles for the IE in selectors are not begin with '* html'.
	This way of implementation offers the possibility to design the site without the use of JavaScript
	to describe different styles for different browsers.
*/


/*
	CONTENT STYLES
*/

 #contentMainBlock {

	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	border-top: 0 solid rgb(255,255,255);
	border-right: 0 solid rgb(255,255,255);
	border-bottom: 0 solid rgb(255,255,255);
	border-left: 0 solid rgb(255,255,255);
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}


/*#contentMainBlock {
	display: block;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
*/
#contentBorderTop,
#contentBorderRight,
#contentBorderBottom,
#contentBorderLeft,
#contentCornerTopLeft,
#contentCornerTopRight,
#contentCornerBottomLeft,
#contentCornerBottomRight {
	display: block;
}

#contentBorderTop {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#contentBorderRight {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
#contentBorderBottom {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
#contentBorderLeft {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
#contentCornerTopLeft {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
#contentCornerTopRight {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
#contentCornerBottomLeft {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

 #contentCornerBottomRight {
	padding: 0px;

}

#contentCornerBottomRight {

	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}


 #contentBlock,  #metaContentBlock {
	/*display: block;*/
	/*position: absolut;
	*/
	top: 0px;
	right:0px;
	bottom:0px;
	left:0px;
	
	width: 100%;
	height: 100%;
	
	border-top: 0px solid rgb(255,255,255);
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);

}

 #metaContentBlock {
	border-top: 0px solid rgb(255,255,255);

}

/*#contentBlock, #metaContentBlock {
	position: absolute;
	
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	background-color: rgb(255,255,255);
	background-repeat: repeat-x;
	color: rgb(0,0,0);

}

#metaContentBlock {
	top: 0px;

}
*/


 #content {
	top:0px;
	left:0px;
	
		margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	width: 100%;
	height: 100%;
	
	background-color: rgb(255,255,255);

}

/*
projectsContent is detailed specified in projects.css
the projectsContent-id selector is here only used to connect content styles from the main web page with project pages.
*/

#content {
	display: block;
	/*position: absolute;*/
	overflow: visible;
	
	padding: 0px;
	
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	border: 0px solid rgb(255,255,255);
	/*
	background-color: rgb(238, 238, 238);
	*/
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 12px;
}

/* formats for text and other media */
#content .topic,
#projectsContent .topic {
	display: block;
	margin-top: 0;
	padding-bottom: 18px;
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	

}
#content table,
#projectsContent table {


	top: 0px;
	left: 0px;

	margin-left: 12px;
	border-spacing: 1px;
	
	color: rgb(0,0,0);
	font-size: 12px;
	
	border: 0px solid rgb(255,255,255);
	
	background-color: rgb(255, 255, 255);
	color: rgb(0,0,0);

}

#content table.frameless,
#projectsContent table.frameless {


	top: 0px;
	left: 0px;

	border-spacing: 12px;
	border: 0;
	margin-bottom: 24px;
	
	background-color: rgb(255, 255, 255);
	color: rgb(0,0,0);

}

#content table.frameless th, #content table.frameless td,
#projectsContent table.frameless th, #projectsContent table.frameless td {



	top: 0px;
	left: 0px;

	padding: 12px;
	text-align: left;
	vertical-align: top;
	line-height: 14px;
	
	border: 0px solid rgb(255,255,255);
	
	background-color: rgb(255, 255, 255);
	color: rgb(0,0,0);

}

#content table.frameless td.empty,
#projectsContent table.frameless td.empty {
	top: 0px;
	left: 0px;

}

#content table td, #content table th ,
#projectsContent table td, #projectsContent table th {
	padding: 12px;
	
	text-align: left;
	vertical-align: middle;
	line-height: 18px;
	
	border: 1px solid rgb(255,255,255);
	
	background-color: rgb(255, 255, 255);
	color: rgb(0,0,0);

}

#content table th ,
#projectsContent table th{
	padding: 6px;
	text-align: left;
		background-color: rgb(255,255,255);

}
#content table span ,
#projectsContent table span {
	display: block;
	line-height: 22px;
		background-color: rgb(255,255,255);

}

#content table a.pdf,
#content table a.osx,
#content table a.win,
#content table a.zip,
#projectsContent table a.pdf,
#projectsContent table a.osx,
#projectsContent table a.win,
#projectsContent table a.zip {
	display: block;
	line-height: 22px;
	padding-left: 22px;
		background-color: rgb(255,255,255);

}

#content table a.win,
#projectsContent table a.win {
	background-color: rgb(255,255,255);
}

#content table a.osx,
#projectsContent table a.osx {
	background-color: rgb(255,255,255);
}

#content table a.pdf,
#projectsContent table a.pdf {
	background-color: rgb(255,255,255);
}

.fileLinkBox {
	display: block;
	
	padding-left: 12px;
	
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	
	width: auto;
	height: 22px;
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#content a.pdfLink, #content a.zipLink,
#projectsContent a.pdfLink, #projectsContent a.zipLink {
	display: inline;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

#content a.pdfLink,
#projectsContent  a.pdfLink {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#content a.zipLink,
#projectsContent a.zipLink {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#content h1,
#projectsContent h1 {
	padding-top: 0;
	padding-bottom: 8px;

	font-weight: bold;
	font-size: 16px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#content h2,
#projectsContent h2 {
	padding-top: 20px;
	padding-bottom: 4px;
	padding-left: 12px;
	
	margin-bottom: 8px;
	
	font-weight: bold;
	font-size: 14px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

h2 span.superH2 {
	padding-left: 3px;
	vertical-align: super;
	font-size: 9px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

#content h3,
#projectsContent h3 {
	padding-top: 0;
	padding-left: 12px;
	margin-bottom: 0;
	
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
		background-color: rgb(255,255,255);

}

#content p,
#projectsContent p {
	padding-top: 0;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-top: 0;
	
	text-align: justify;
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	

}
#content p.last,
#projectsContent p.last {
	margin-bottom: 16px;
		background-color: rgb(255,255,255);

}

.fixSizedBlock {
	display: block;
	height: 188px;
	background-color: rgb(255,255,255);
}

.fixSizedBlock2 {
	display: block;
	height: 320px;
		background-color: rgb(255,255,255);

}

.leftImage,
.rightImage,
.rightBlockImage {
	z-index: 5;
	display: block;
	position: relative;
	
	margin-bottom: 4px;
	padding: 3px;
	
	border: 1px solid rgb(255,255,255);
		background-color: rgb(255,255,255);

}

 .leftImage {
	margin-left: 6px;
		background-color: rgb(255,255,255);

}

.leftImage {
	margin-right: 12px;
	margin-left: 12px;
	float: left;
		background-color: rgb(255,255,255);

}

.rightImage {
	margin-left: 12px;
	float: right;
		background-color: rgb(255,255,255);

}

.rightBlockImage {
	display: block;
	
	border: 0;
		background-color: rgb(255,255,255);

}

.rightBlockImage > img {
	display: inline;
	border: 1px solid rgb(255,255,255);
		background-color: rgb(255,255,255);

}

img,
img.middleImage,
img.largeImage {
	z-index: 5;
	border: 0;
		background-color: rgb(255,255,255);

}

img.middleImage {
	width: 240px;
	height: 160px;
		background-color: rgb(255,255,255);

}

img.largeImage {
	width: 480px;
	height: 320px;
		background-color: rgb(255,255,255);

}

 #content ul,
 #projectsContent ul {
	

}
 #content ul.contentFollows,
 #projectsContent ul.contentFollows {
	margin-bottom: 16px;
		background-color: rgb(255,255,255);

}

#content ul,
#projectsContent ul {
	z-index: 4;
	display: block;
	position: relative;
	
	margin-left: 12px;
	margin-top: 0;
	margin-bottom: 12px;
	
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;
	
	list-style: none;
	list-style-position: inside;
		background-color: rgb(255,255,255);


}

 #content li,  #content li.bold,
 #projectsContent li,  #projectsContent li.bild {
	padding-left: 0;
		background-color: rgb(255,255,255);

}

#content li, #content li.bold,
#projectsContent li, #projectsContent li.bold {
	display: block;
	list-style: none;
	
	
	padding-left: 16px;
	padding-bottom: 2px;

	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
		background-color: rgb(255,255,255);
}

#content li.bold,
#projectsContent li.bold {
	font-weight: bold;
	padding-bottom: 5px;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

 #content li.indent1,
 #projectsContent li.indent1 {
	padding-left: 16px;

}

#content li.indent1,
#projectsContent li.indent1 {
	list-style: none;

	padding-left: 32px;
	padding-bottom: 2px;

	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

#content a.arrowLink,
#projectsContent a.arrowLink {
	display: block;
	
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 12px;
	
	width: auto;

}

#content a, #content a.arrowLink,
#projectsContent a, #projectsContent a.arrowLink {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-weight: bold;
	text-decoration: underline;

}

#content a:hover, #content a.arrowLink:hover,
#projectsContent a:hover, #projectsContent a.arrowLink:hover {

	text-decoration: none;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

#content a.arrowLink,
#projectsContent a.arrowLink {
	
	padding-left: 12px;
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

* html #contentBlock, * html #metaContentBlock {
	position: relative;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	border-top: 8px solid rgb(255,255,255);
	color: rgb(0,0,0);

}

* html #metaContentBlock {
	border-top: 32px solid rgb(255,255,255);

}

/* image swap for over state disabled for consistent design
#content a.arrowLink:hover {
	background-image: url(../images/layout/link_arrow_hover_01.gif);

}
*/

.boldText1 {
	font-weight: bold;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

.italicText1 {
	font-style: italic;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

.boldItalicText1 {
	padding-top: 2px;
	padding-left: 12px;
	font-weight: bold;
	font-style: italic;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}

.note1 {
	margin-left: 12px;
	font-style: italic;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

* html #contentMainBlock {

	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	border-top: 168px solid rgb(255,255,255);
	border-right: 32px solid rgb(255,255,255);
	border-bottom: 48px solid rgb(255,255,255);
	border-left: 256px solid rgb(255,255,255);
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

}
* html #hedaer {

}
* html #footer {
	
	left: 0;
	right: 0;
	
	width: 100%;
	
	border-right: 32px solid rgb(255,255,255);
	border-left: 256px solid rgb(255,255,255);
	

}


/*-----------------------*/

* html #projectsContentMainContainer {
	position: relative;
	
	width: 100%;
	height: 100%;
	
	border-bottom: 0px solid rgb(255, 255,255);

}

#projectsContentMainContainer {
	display: block;
	position: absolute;
	
	padding: 0px 0px 0px 0px;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*
	top: 128px;
	right: 72px;
	bottom: 32px;
	left: 72px;
	*/
	
	/*
	background-color: rgb(153, 153, 153);
	*/

}

* html #projectsContentContainer {
	position: relative;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-position: 0 0;
	background-color: rgb(255, 255,255);

}

#projectsContentContainer {
	display: block;
	position: absolute;

	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	/*
	border: 1px solid rgb(119, 119, 119);
	*/
	
	background-color: rgb(255, 255,255);

}

* html #projectsContent {
	position: relative;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	border: 0px solid rgb(255, 255,255);
	
}

#projectsContent {
	display: block;
	position: absolute;
	overflow: visible;
	
	padding: 16px;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	border: 2px solid rgb(255, 255,255);;
	/*
	background-color: rgb(238, 238, 238);
	*/
	
	color: rgb(0, 0, 0);
	font-size: 12px;
	

}


* html #leftVerticalStripe {
	top: 0;
	bottom: 0;
	
	height: 100%;
	
	border-top: 0px solid rgb(255, 255,255);
	border-bottom: 0px solid rgb(255, 255,255);

}

#leftVerticalStripe {
	z-index: 2;
	display: block;
	position: absolute;
	
	width: 96px;
	
	top: 128px;
	bottom: 32px;
	left: 0;
	
	background-color: rgb(255, 255,255);

}

* html #rightVerticalStripe {
	top: 0;
	height: 100%;
	
	border-top: 0px solid rgb(255, 255,255);
	border-bottom: 0px solid rgb(255, 255,255);
	

}

#rightVerticalStripe {
	z-index: 2;
	display: block;
	position: absolute;
	
	width: 96px;
	
	top: 128px;
	right: 0;
	bottom: 32px;
	
	background-color: rgb(255, 255,255);

}

* html #rightStripeTop,
* html #rightStripeLeft,
* html #rightStripeBottom,
* html #rightStripeTopLeft,
* html #rightStripeBottomLeft,

* html #leftStripeTop,
* html #leftStripeRight,
* html #leftStripeBottom,
* html #leftStripeTopRight,
* html #leftStripeBottomRight {
	position: relative;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;

}

#rightStripeTop,
#rightStripeLeft,
#rightStripeBottom,
#rightStripeTopLeft,
#rightStripeBottomLeft,

#leftStripeTop,
#leftStripeRight,
#leftStripeBottom,
#leftStripeTopRight,
#leftStripeBottomRight {
	display: block;
	position: absolute;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

}

#rightStripeTop,
#leftStripeTop {
}

#rightStripeLeft {

}

#rightStripeBottom,
#leftStripeBottom {

}

#rightStripeTopLeft {

}

#rightStripeBottomLeft {

}


#leftStripeRight {

}

#leftStripeTopRight {

}

#leftStripeBottomRight {

}

img#logo {
	z-index: 4;
	display: block;
	position: absolute;
	
	top: 22px;
	right: 0;
	
}

* html h1#projectName {
	
	display: none;
}

h1#projectName {
	z-index: 3;
	display: none;
	position: absolute;
	
	margin: 0;
	padding: 0;
	
	top: 14px;
	left: 32px;
	
	font-size: 72px;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,0,0);
	/*
	border-bottom: 4px solid rgb(223, 171, 13);
	*/
	/*
	background-color: rgb(153, 153, 153);
	*/

}

#projectsContent li {
color:rgb(0, 0,0);
}

#projectsContent a {
color:rgb(0, 0,0);
}