body, html {
	font-size: 12px;
 	line-height: 120%; 
	letter-spacing: 0.05em;
	color: black;
	min-height:100%;
	height: 100%;
	}

body,td,th { font: Normal 12px Helvetica, Arial, sans-serif; font-weight:normal; line-height: 15px; letter-spacing: 0.05em; color:black;}
body { background-color: #f5f5f5; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

a { color:black; }
a:visited { color:black; }
a:hover { color:black; }
a:active { color:black; }



#all {
	min-height:100%;
	position: relative;
	}
	
a:hover {
	text-decoration: none;
	font-weight: bold;
	}
	
.spanH2, .spanH1, .spanH3 {
 	line-height: 120%;  
	font-size: 12px;
	}

h1, h2, .spanH2, .spanH1 {
	font-weight: normal;
	}	
	
.spanH1, h1 {
	font-weight: bold;
	font-size: 12px;
	}

.spanH3, h3 {
	font-size: 12px;
	margin-bottom: 15px;
	}

.spanH3, h3 {
	font-weight: normal;
	}

h2, .spanH2 {
	margin-bottom: 30px;
	}


	
#head, #footer {
	width: 900px;
	height: 90px;
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	}
	
#footer {
	height: 5px;
	position: absolute;
	bottom:0px;
	}
	
.imprint {
	margin-left:0px;
	clear:both;
	color:#999999;
	}
	
.imprint a {
	color: #999999;
	}
	
#head .headbox,
#footer .footerbox {
	width: 200px;
	float: left;
	}

#head .headbox ul li  { line-height: 13px; }

#head .headbox ul li a { font: normal 12px Helvetica, Arial, sans-serif; font-weight:bold; line-height: 13px; letter-spacing: 0.05em; color:black; }

#head .firstheadbox ul li {font-size: 29px;
	line-height: 100%;padding:0px}
#head .firstheadbox ul li a {
	font-size: 29px;
	line-height: 27px;
	padding: 0px;border:0px solid yellow;
}

#head .lastheadbox .projectSubNavi {text-transform: uppercase}

#head .lastheadbox,
#footer .lastfooterbox {
	width: 200px;
	}	

#head .secondheadbox,
#footer .secondfooterbox {
	width: 210px;
	}	

#footer {color:black;font-size: 10px; margin-bottom: 10px;margin-top: 10px;height:10px;padding-top:0px}
#footer a {color:black;font-size: 10px}
#footer a:hover {color:black;font-size: 10px; text-decoration: underline; font-weight:normal}

#head .secondheadbox ul li a {color:#000000;text-decoration: none}
#head .secondheadbox ul li a:visited {text-decoration: none}
#head .secondheadbox ul li a:hover {font-style: italic}
#head .secondheadbox ul li a:active, #head .secondheadbox ul li a.active {font-style: italic}
#head .lastheadbox ul li a:hover {font-style: italic}
	
.content_left {
	width: 360px;
	float: left;
	
	}	
	
.content_right {
	width: 560px;
	float: left;
	}	
	
	
#head .headbox ul li.selected a,
#head .headbox ul li.selected {
	font-weight: bold;
	}

.transparent_class {
}

#content,	
.content {
	width: 100%;
	padding-bottom: 10px;
	}

#content .content {padding-left: 10px;}
#content .no_padding {padding-left: 0px;}

.detailContent {
    padding-left: 10px;
    width: 95%;

}

.content div.vimeo {margin-bottom: 10px;float:left;margin-right: 0px;line-height:0px}
div.projectOverviewThumb div.vimeo {margin-bottom: 0px}
div.dashboardOverviewThumb div.vimeo {margin-bottom: 0px}

.content div a {text-decoration: underline}
.content div a:hover {text-decoration: underline;font-weight: normal}
	
#content .content .projectOverviewThumb a {text-decoration: none}
#content .content .projectOverviewThumb a:hover {text-decoration: none}
#content .content .projectOverviewItem .description a {text-decoration: none}
#content .content .projectOverviewItem .description a:hover {text-decoration: none}

#content .content .dashboardOverviewThumb a {text-decoration: none}
#content .content .dashboardOverviewThumb a:hover {text-decoration: none}
#content .content .dashboardOverviewItem .description a {text-decoration: none}
#content .content .dashboardOverviewItem .description a:hover {text-decoration: none}

.dashboardOverviewItem .dashboardOverviewText p,
.dashboardOverviewItem .dashboardOverviewText p a,
.dashboardItem p,
.dashboardItem p a {
	font-size: 12px;
	text-decoration: none;
	}



.projectOverviewItem .projectOverviewText p,
.projectOverviewItem .projectOverviewText p a,
.projectItem p,
.projectItem p a {
	font-size: 12px;
	text-decoration: none;
	}

.projectItem p a {
	font-size: 12px;
	text-decoration: underline;
	}

.projectItem p a:hover {
	font-weight: normal;
	}

.mainContentRow2 a {
	font-weight: normal;
	text-decoration: underline;
	}
	
.mainContentRow2 a:hover {
	font-weight: normal;
	}
	
.projectOverviewItem .description {position:absolute;z-index:1000;background-color:yellow;width:100%}
.projectOverviewItem .description a {display:block;height:100%;font-weight: normal}
.projectOverviewItem .description div {line-height:10px;text-transform: uppercase;_padding:0px;_padding-bottom:9px;}
.projectOverviewItem .description div span {display:block;padding:0px;padding-bottom:9px;}
 	
.dashboardOverviewItem .description {position:absolute;z-index:1000;background-color:yellow;width:100%}
.dashboardOverviewItem .description a {display:block;height:100%;font-weight: normal}
.dashboardOverviewItem .description div {line-height:10px;text-transform: uppercase;_padding:0px;_padding-bottom:9px;}
.dashboardOverviewItem .description div span {display:block;padding:0px;padding-bottom:9px;}
	
.homeContent .dashboardOverviewItem .dashboardDescriptionText div.links {position:relative;padding-top:1em}	
.homeContent .dashboardOverviewItem .dashboardDescriptionText div.links a {text-transform: uppercase; margin-right: 10px;}
	
.projectItem p,
.projectItem p span {
	line-height: 140%;
	}
	
.projectOverviewItem .projectOverviewText a,
.projectOverviewItem .projectOverviewText a:hover .spanH1 {
	text-decoration: underline;
	}

.projectOverviewItem .projectOverviewText a {
	text-decoration: none;
	}

		
.projectOverviewItem .projectOverviewThumb {
	margin-bottom: 0px;
	}

.dashboardOverviewItem .dashboardOverviewText a,
.dashboardOverviewItem .dashboardOverviewText a:hover .spanH1 {
	text-decoration: underline;
	}

.dashboardOverviewItem .dashboardOverviewText a {
	text-decoration: none;
	}


.dashboardOverviewItem .dashboardOverviewThumb {
	margin-bottom: 0px;
	}
	
.projectItem {
	width: 800px;
	clear: both;
	}
	
.projectText {
	padding-right:20px;
	width: 340px;
	}
	
.projectText20 {
	margin-top: 20px;
	margin-bottom: 20px;
	
	}
		
.projectText10 {
	margin-top: 10px;
	margin-bottom: 10px;	
	}
		
	
	
.projectText h2 {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 0px;
	}
	
.projectText a {
	text-decoration: underline;
	}
	
#flash {
	position: absolute;
	top:0px;
	left:0px;
	width: 800px;
	height: 600px;
	background-color: red;
	z-index: 1000;	
	}	
	
	
.mainContentRow2 {overflow:hidden;margin-left:200px}
.mainContentRow2 .row {float:left;width:185px;padding-right:15px;padding-left:10px}

/* "float:left;position:relative;top:-75px;width:185px;padding-right:25px" */

.homeContent .projectOverviewItem {position:relative;margin-right:0px;float:left;overflow: hidden}
.homeContent .projectOverviewItem div.description {z-index:20005;background-color:transparent;position:absolute;}
.homeContent .projectOverviewItem div.description {display:none;z-index:20002;position:absolute;}
.homeContent .projectOverviewItem div {position: absolute;top:0px;left:0px}

.homeContent .dashboardOverviewItem {position:relative;margin-right:0px;float:left;overflow: hidden}
.homeContent .dashboardOverviewItem div.description {z-index:20005;background-color:transparent;position:absolute;}
.homeContent .dashboardOverviewItem div.description {display:none;z-index:20002;position:absolute;}
.homeContent .dashboardOverviewItem div {position: absolute;top:0px;left:0px}

.homeContent .descriptionTextContainer {background-color:yellow; line-height:12px}
.homeContent .descriptionText {padding:10px}
.homeContent .descriptionText h2 {margin-bottom:0px;font-weight: bold; font-size: 12px; line-height: 100%}
.homeContent .descriptionText h3 {margin-bottom:0px;font-weight: normal; line-height: 120%}

.homeContent .dashboardDescriptionText h2 {margin-bottom:9px;margin-top:3px;font-weight: bold; font-size: 29px; line-height: 100%}
.homeContent .dashboardDescriptionText h3 {margin-bottom:0px;font-weight: normal; line-height: 120%}



.homeContent .projectOverviewItem .projectOverviewInner {cursor: pointer;display: block;position: relative; overflow: hidden}
.homeContent .dashboardOverviewItem .dashboardOverviewInner {cursor: pointer;display: block;position: relative; overflow: hidden}
.homeContent .dashboardOverviewItem .descriptionTextContainer {background-color:transparent; line-height:120%; z-index: 1001}
.homeContent .dashboardOverviewItem .descriptionTextContainer .descriptionText { width: 75% }
.homeContent .dashboardOverviewItem .descriptionTextContainerClickArea {background-color:transparent; cursor: pointer; line-height:1%; z-index: 1000}

.homeContent .dashboardOverviewItem .imageCount {position: absolute; left: 10px; bottom: 10px; top: auto; right: auto}
.homeContent .dashboardOverviewItem .imageNavi {position: absolute; right: 10px; bottom: 10px; top: auto; left: auto}
.homeContent .dashboardOverviewItem .imageNavi a {text-decoration: none}

#bubbleNavi {width: 120px; height: 120px; background-image: url(/images/disciplines2011.gif); background-repeat: no-repeat; position: absolute; top: 50px; left: 260px; z-index: 3000}
#bubbleNavi ul {margin-left:12px; margin-top: 12px;}
#bubbleNavi ul li {height: 12px}
#bubbleNavi ul li a {font:bold 12px/14px Helvetica,Arial,sans-serif; color:white;}
#bubbleNavi ul li a:hover, #bubbleNavi ul li a.selected {font-style: italic}

.projectItemAllImagesContainer {line-height: 0px}



.infopageContent .infopageSlider {position:relative;margin-right:0px;float:left;overflow: hidden}
.infopageContent .infopageSlider div.description {z-index:2005;background-color:transparent;position:absolute;}
.infopageContent .infopageSlider div.description {display:none;z-index:20002;position:absolute;}
.infopageContent .infopageSlider div {position: absolute;top:0px;left:0px}
.infopageContent .descriptionTextContainer {background-color:yellow; line-height:12px}
.infopageContent .descriptionText {padding:10px}
.infopageContent .descriptionText h2 {margin-bottom:0px;font-weight: bold}
.infopageContent .descriptionText h3 {margin-bottom:0px;font-weight: normal}
.infopageContent .infopageSlider .infopageSliderInner {cursor: pointer;display: block;position: relative; overflow: hidden}
.infopageSlider .infopageSliderThumb {margin-bottom: 0px;}

.infopageContent {clear:both;overflow: hidden}
.infopageContent .infopageSlider {margin-left:0px}
.infopageContent .infopageSliderCaption {width:185px;margin-left: 620px}
.infopageContent span.author {color:#aaa}
.infopageContent {margin-bottom:30px; margin-left: 10px}

.infopageContent .col185 {float:left;position:relative;top:-75px;width:185px;padding-right:25px}

.network_icons {position: absolute; top: 10px; right: 10px; width: 50px; height: 30px; z-index: 1000}
.network_icons a.facebook {display: block;width:18px;height:17px;background-image: url(/images/icons/catk-fb.png); background-repeat: no-repeat;float:right}
.network_icons a.vimeo {display: block;width:15px;height:17px;background-image: url(/images/icons/catk-v.png); background-repeat: no-repeat;float:right}

.network_icons a.facebook:hover {background-image: url(/images/icons/catk-fb-blur.png);}
.network_icons a.vimeo:hover {background-image: url(/images/icons/catk-v-blur.png);}
.preloader {display: none;}

.infopageContent a:hover { font-weight: normal; text-decoration: underline }

.news-content { overflow: hidden; padding-bottom: 30px }
.news-content .floating-box { padding: 0px; margin: 0px; float: left }
.news-content .image-box { line-height: 0px; }
.news-content .col { width: 190px; padding: 10px 5px 10px 10px; float: left; }
.news-content .trenner40 { clear: both; height: 40px }