/* page, fonts, common styles */
body { 
  background-color:#59687B;
  height:100%;                           /* needed for pagewrapper min-height */
  margin:0; 
  padding:0;
}

body,p,td {
  font-size: 11px;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  line-height: 15px;
  color: #fff;
}

img { border:0; }

h1 { font-size:13px; font-weight:bold; margin-bottom:0.5em;}
h2 { font-weight:bold; margin-top:0.5em;}
ul li { margin-left:1em;}

a         { text-decoration:none; }
a:link    { color: white; }
a:active  { color: white; }
a:visited { color: white; }
a:hover   { color: white; font-weight:bold;}

#pagewrapper { 
  margin: 70px auto 0;                                  /* center, not in IE5 */
  width:1180px;
}

/* header & menu */
#header { 
  margin-top: 70px;
}
#tw_logo_top { 
  width: 340px; 
  height: 20px; 
  float:left; 
}
#line { 
  margin: 0 38px; 
  float:left; 
}
#spacer { 
  height:0; 
  clear: both; 
}

ul.menu { 
  width:290px; 
  margin: 0;
  padding:0; 
  float:left; 
}
ul.menu, ul.menu ul { 
  list-style-type: none;
}
ul.menu a { 
  display: block; 
  padding: 3px 11px 3px 0px; 
}
#language-select { 
  float: right; 
}
#language-select a { 
  padding-right: 0; 
}
ul.menu li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  color: #F5CD54;
  font-size: 11px;
  font-weight: bold;
}

ul.menu ul {
    position: absolute;
    display: none;
    margin-left: 0;
    padding: 0;
}
ul.menu ul a {
  padding: 0; 
}
ul.menu ul li {
  float: none;
  background-color: #59687B;
}

ul.menu a { 
  text-decoration: none; 
  color: #F5CD54; 
}
ul.menu ul a { 
  font-weight: normal; 
}


/* page layouts */
#left { clear:both; width:360px; float:left; margin-top:50px; margin-right: 18px; overflow-y:auto; }
#main { width:468px; float:left; margin-top:50px; margin-right:18px; overflow-y:auto;  }
#right { width:310px; float:left; margin-top:50px; overflow:hidden; }

#projectleft { position:relative; width: 826px; height: 550px; float:left; margin-top:50px; margin-right: 38px; overflow:hidden; }
#projectright { width:310px; height: 550px; float:left; margin-top:50px; overflow:hidden; }
#projectright .csc-firstHeader { margin-top:90px }
table.project { position:absolute; bottom:0; border-collapse:collapse;}

#leftmain { width: 826px; height:550px; float:left; margin-top:50px; margin-right: 38px; overflow:hidden; }
#rightmain { width:776px; float:right; height:550px; margin-top:50px; overflow-y:auto; }

#singlecolumn {width:1180px; clear:both; margin-top:50px; overflow-y:auto; }
#singlecolumn h1.csc-firstHeader {margin-left: 377px;}


/* menu image */
.menuimage { float:left; margin:15px 0px ; }
.menuimage img { width:115px; height:115px; border:0;}
.menuimage a { text-decoration:none; margin-top:9px;}
/*.menuimage p { color:#9BA4B0; font-size:10px; font-weight:bold; margin-top:3px; }*/
.menuimage p { color:#fff; font-size:10px; font-weight:bold; margin-top:0px; }

.image-left .menuimage { float:left; margin-right:51px}
.image-center .menuimage { float:left; margin-right:50px}
.image-right .menuimage { float:right; margin-right:22px}

.projectmenuimage {float:left; margin: 0px 15px 25px 0} 
.projectmenuimage img { width:50px; height:50px; border:0;}
.projectmenuimage a { text-decoration:none }
.projectmenuimage p { color:#9BA4B0; font-size:10px; font-weight:bold; margin-top:3px;}

#projectimage { text-align:right; margin-top:45px;}
#imageselector { position:absolute; bottom:0; text-align:right; width:826px}

#scrollcontainerwrapper {overflow:hidden; position:relative;}
#scrollcontainer { position:absolute; width:100%; height:100%; }
#scrollbuttons { position:absolute; right:0; width:20px; height:100%; }
#scrolldiv { position:absolute; height:100%; margin-top:0; overflow:hidden;}

#scrolldiv p, #scrolldiv table {margin-top:0;}
#up-button { position:absolute; top:3px;; right:0; }
#down-button { position:absolute; bottom:0; right:0; }

/* image scrollbar fix */
div.csc-textpic-imagewrap {
  margin-right:18px;
}

/*
table.werkverzeichnis .td-0 { width:390px;text-align:right; padding-right: 30px; font-weight: bold; color: #9BA4B0}
table.werkverzeichnis .td-1 { width:230px;text-align:left; }
table.werkverzeichnis .td-2 { width:238px;text-align:left; }
table.werkverzeichnis .td-3 { width:80px;text-align:left; padding-left:15px;}
table.werkverzeichnis .td-4 { width:135px;text-align:left; }
table.werkverzeichnis .td-5 { width:80px;text-align:right; }
*/

table.werkverzeichnis td { font-size:10px; vertical-align:top; padding:0px; }
/* tbody has left: 2px --> 338 instead of 340 for td-0 */
table.werkverzeichnis .td-0 { width:338px; text-align:right; padding-right: 36px; font-weight: bold; color: #9BA4B0}
table.werkverzeichnis .td-1 { width:298px; text-align:left; }
table.werkverzeichnis .td-2 { width:297px; text-align:left; }
table.werkverzeichnis .td-3 { width:80px; text-align:left; padding-left:15px;}
table.werkverzeichnis .td-4 { width:80px; text-align:right; }