body, p, span, th, td {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal;
  font-weight: normal; 
  line-height: 13px; 
  color: #444444;
  background-color: #ffffff;
}
.potenz {
  font-size: 10px; 
  vertical-align:30%;
  line-height:10px;
}
li {
  line-height: 20px; 
}
a {
  color: #888888;
  text-decoration:none;
}
a:hover {
  color: #0D1799;
}
a:active {
  color: #0D1799;
}
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  overflow-y: auto;
  height:100%;
  scrollbar-highlight-color : #444444; 
  scrollbar-arrow-color : #444444; 
  scrollbar-shadow-color : #444444; 
  scrollbar-3dlight-color : #ffffff; 
  scrollbar-darkshadow-color : #ffffff; 
  scrollbar-face-color : #ffffff; 
  scrollbar-track-color : #ffffff; 
  scrollbar-base-color : #ffffff;
}

.frame {
  top:20px; left:20px;
  margin-top:20px;
  margin-left:20px;
}
/*
   The following styles are not read by IE 5 Mac
\*/
.frame {
  top:50%; left:50%;
  margin-top:-211px;
  margin-left:-400px;
}
/*
   end of this comment as the end of the previous one for IE 5 Mac
*/
.frame {
  width:778px; height:377px;
  position:absolute;
  border: 0px solid #444444;
}
html + body .frame {
  top:20px; left:20px;
  margin-top:20px;
  margin-left:20px; 
}
.topbox {
  width:770px; height:26px;
  border: 0px solid #ff0000;
  padding:6px 10px 4px 18px;
}
.contentbox {
  width:798px; height:300px;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
}
.navibox {
  width:798px; height:40px;
  border: 0px solid #0000ff;
}
.listtxtbox1 {
  width:586px; height:300px;
  border-top: 0px solid #444444;
  border-bottom: 0px solid #444444;
  float:left; overflow:auto;
}
.listtxtbox2 {
  width:586px; height:300px;
  border-top: 0px solid #444444;
  border-bottom: 0px solid #444444;
  float:left; overflow:auto;
}
.picbox {
  width:212px; height:300px;
  border: 0px solid #ffffff;
  float:left;
}
* html .h1 {
  position:relative; 
}
.h1 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal;
  font-weight: 500; 
  line-height: 24px;
  color: #444444; background-color:#ffffff;
  position:fixed; width:548px; display:block;
  padding: 20px 0px 10px 18px;
  border: 0px solid #ff0000; 
  text-transform: uppercase;
}
.h2 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal;
  font-weight: 500; 
  line-height: 24px;
  color: #444444; background-color:#ffffff;
  position:fixed; width:440px; display:block;
  padding: 20px 0px 10px 18px;
  border: 0px solid #ff0000; 
  text-transform: uppercase;
}
.zitat {
  font-size: 12px; 
  font-style: normal;
  font-weight: 400; 
  line-height: 24px;
  color: #444444;
  padding: 250px 0px 10px 18px;
  text-transform: uppercase;
}
* html .headline {
  top:0px; 
}
html:first-child>b\ody .h1 {
  position:absolute;
}
.txt {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal;
  font-weight: 300; 
  line-height: 17px;
  padding: 54px 38px 10px 38px;
  border: 0px solid #ff0000; 
}
.txtpop {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal;
  font-weight: 300; 
  line-height: 17px;
  padding: 20px 38px 10px 38px;
  border: 0px solid #ff0000; 
}
.txtpop p {
line-height:17px;
}
.txt p {
line-height:17px;
}

* html .txt {
  padding: 0px 38px 10px 38px;
}
.whithebox {
  width:568px; height:11px;
  background-color:#ffffff;
  float:left; position:relative;
  margin-top:-11px;
  z-index:2; font-size: 8px; line-height:8px;
}
* html .whithebox {
  width:568px; height:11px;
}
.headline2 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal;
  font-weight: 800; 
  color: #444444;
  margin-left:-20px;
  padding:0px 0px 20px 0px;
  border: 0px solid #ff0000;
}
.h3 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal;
  line-height: 24px;
  font-weight: 400; 
  color: #444444;
  padding: 20px 0px 0px 18px;
  text-transform: uppercase;
  
}
.listbox {
  width:178px; height:100%;
  display:block;
  float:left; overflow:visible;
  border: 0px solid #00ff00;
}
.txtbox {
  width:360px; height:auto;
  padding: 10px 0px 10px 20px;
  float:left; overflow:visible;
  border: 0px solid #00ff00;
}
.projecttxtbox {
  width:336px; height:267px;
  padding: 23px 5px 10px 50px;
  float:left; overflow:visible;
  border-left: 1px solid #444444;
}
/* ---------------- LISTEN --------------- */
ul#mm {
  list-style-type: none;
  margin: 10px 0px 0px 0px ;
  padding: 0px; float:left;
}
ul#mm li a:link, ul#mm li a:visited {
  font-size: 12px; color: #444444;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px 0px 0px 18px;
}
ul#mm li {
  display: inline; text-align: left;
}
ul#mm li a:hover {
  color:#0D1799;
}
ul#lang {
  list-style-type: none;
  margin: 10px 0px 0px 0px ;
  padding: 0px; float:right;
}
ul#lang li a:link, ul#lang li a:visited {
  font-size: 12px; color: #444444;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px 18px 0px 0px;
}
ul#lang li {
  display: inline; text-align: right;
}
ul#lang li a:hover {
  color:#0D1799;
}
ul#projects {
  width:100%;
  list-style-type: none;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 20px;
}
ul#projects li a:link, ul#projects li a:visited {
  font-size: 12px; color: #444444;
  font-weight: 500;
  height: 20px;
  display:block;
  text-decoration: none;
  padding: 0px 0px 0px 18px;
}
ul#projects li {
  line-height: 20px;
}
ul#projects li a:hover {
  color:#ffffff; display:block; 
  background-color:#444444;
}
#biodatas {
  color:#444444;
  margin: 10px 0px 0px 0px;
  padding: 0px 25px 0px 38px;
  line-height: 15px;
  text-align:left;
  border: 0px solid #ff0000;
}
#biotxt {
  color:#444444;
  margin: 0px 0px 0px 0px;
  margin-left:-20px;
  padding: 0px 0px 0px 0px;
  line-height: 15px;
  text-align:left;
  border: 0px solid #ff0000;
}



/* TABDEFINITION */
.tabdef {  margin:10px 0 10px 30px;}
.tabdef td { padding:3px 5px 10px 5px; vertical-align:top; line-height:15px; width:380px;}
.tabdef th {width:115px; padding:3px 5px 10px 5px; line-height:15px; vertical-align:top; text-align:left; font-weight:300;}
.tabdef caption { font-weight:300; text-align:left; font-size:12px; padding:10px 5px 10px 7px;}

.tabdef2 {  margin:10px 0 10px 30px;}
.tabdef2 td { padding:3px 15px 10px 5px; vertical-align:top; line-height:15px;}
.tabdef2 th {width:115px; padding:3px 5px 10px 5px; line-height:15px; vertical-align:top; text-align:left; font-weight:300;}
.tabdef2 caption { font-weight:300; text-align:left; font-size:12px; padding:10px 5px 10px 7px;}


/*LIGHTBOX*/

#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; 
/* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: 300; line-height:16px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	color:#888; font-style:italic;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}