/****************************************************************************\
* pofac.css              main styles for the POF-AC pages
******************************************************************************
* 07.09.2005  J.Tremmel  work in progress
* 13.09.2005  J.Tremmel  added print styles
* 15.09.2005  J.Tremmel  added styles for search and sitemap 
* 28.09.2005  J.Tremmel  test styles for breadcrumb nav added
* 05.10.2005  J.Tremmel  reduced line-height in navigation
* 09.11.2005  J.Tremmel  some minor tweaks and optimizations
* 25.11.2005  J.Tremmel  added styles for glossary
* 01.12.2005  J.Tremmel  added styles for "figure titles"
\****************************************************************************/


body,
table,
td, th,
input {
  font:12px/1.3 Arial,Helvetica,sans-serif;
}


body {
  margin:0; padding:0;
  color:#333; background:#FFF url(cssimg/main_background.gif) -1px 0 ;
}

img { border:0; }

a:link          { color:#006; text-decoration:underline; }
a:visited       { color:#66A; }
a:hover         { color:#B00; }
a:visited:hover { color:#B66; }

a.external      { padding-right:20px; 
                  background:url(cssimg/external_link.gif) no-repeat bottom right; }
* html a.external {
  display:inline-block; /* workaround for IE trouble with background position */
}

h1, h2, h3, h4 { font-weight:bold; color:#336; }
h1 { font-size:1.5em;  margin:.33em  0 .7em; }
h2 { font-size:1.33em; margin: 1em  0 .5em; }
h3 { font-size:1.15em; margin: 1em  0 .5em; }
h4 { font-size:1em;    margin:1.2em 0 .5em; }

h1 small { font-size:.667em; }

#content h1,
#content h2, 
#content h3,
#content h4  { margin-left:-.5em; }

p  { margin:.8em 0 1em; padding:0; }

ul { margin:1em 0; padding:0 0 0 1.5em; }

#content ul    {
  list-style:none;
}
#content ul li { 
  margin:.5em 0;
  padding-left:12px; 
  background:url(cssimg/pofac_bullet.gif) no-repeat 0 4px;
}
#content ul.emphasized li { margin:1em 0;  }
#content ul.publications strong { display:block; color:#336; }


input.button {
  color:#FFF; background:#9099C0 url(cssimg/menuitem.png) 0 -48px;
  border-width:1px; border-color:#777 #333 #333 #777; -moz-border-radius:2px;  
}

small   { font-size:.8em; }
acronym { cursor:help; text-decoration:none; border-bottom:1px dotted #9099C0; }


/**
* Tables
*/

/** generic data tables (downloads, thesis topics, ...) */
table.data    { 
  border-spacing:0; border-collapse:collapse; border:0;
  margin:0; padding:0; text-align:left; width:100%;
}
* html table.data { width:740px; /* the usual IE "jump below" float trouble */ }

table.data td, 
table.data th {
 border:1px solid #004; padding:.1em .5em;
}
table.data td { 
  font-weight:normal; text-align:left; vertical-align:top; 
}
table.data th { 
  font-weight:bold; text-align:center; vertical-align:middle; 
  color:#FFF; background:#9099C0 url(cssimg/menuitem.png);
}
table.data tr.alt   { background-color:#F0F0F0; }
table.data td.title { text-align:center; font-weight:bold;  }
table.data td.value { text-align:center; white-space:nowrap;}  

table.data td.dltitle  { vertical-align:middle; }
table.data td.datitle  { }
table.data td.datopic  { white-space:nowrap;  }
table.data td.datutor,  
table.data td.dastud   { width:11em; }

table.data td.file     { vertical-align:middle; padding:.5em; }
table.data td.file img.filetype  { display:block; float:left; margin-right:.5em; }
table.data td.file span.filesize { display:block; color:#336; }

/** add-on class for table.data (used for finished DA topics) */
table.da td            { vertical-align:middle; padding-top:.3em; padding-bottom:.3em; }
table.da td.datitle    { font-weight:bold; }
table.data span.note   { font-size:.9em; font-weight:normal; }

/** tables for tabular info like "<parameter>: <description>" */ 
table.params {
 border-spacing:0; border-collapse:collapse; border:0;
 margin:0; padding:0; text-align:left;
}
table.params th { font-weight:bold; text-align:left; color:#336; padding-right:.5em; }  
table.params td { font-weight:normal; text-align:left; }


/** contact form */ 
table.contact    { 
  border-spacing:0; border-collapse:collapse; border:0;
  margin:0; padding:0; text-align:left; width:100%;
}
* html table.contact { width:740px; /* the usual IE "jump below" float trouble */ }

table.contact td, 
table.contact th {
  text-align:left; 
  border:1px solid #CCC; border-width:0 0 1px 0;
}
table.contact td { 
  color:#336; border-color:#FFF;
  font-weight:normal; vertical-align:middle;
}
table.contact th { 
  font-weight:bold; padding:.167em .5em; vertical-align:top;
  color:#FFF; background:#9099C0 url(cssimg/menuitem.png);
}
table.contact input.text,
table.contact textarea      { 
  font-size:12px; line-height:1.5; margin:0; 
  border-width:.08333em; /* i.e. 1px @ 12px font size */  
  border-color:#336; 
  background:url(cssimg/lightbluefade.png) repeat-x 0 -64px;
}
table.contact input.text    { width:40em; }
table.contact input#strasse { width:32em; }
table.contact input#nr      { width:7.5em; margin-left:.3334em; /* .5em margin - 2x border width in em... */ }
table.contact input#plz     { width:7.5em; margin-right:.3334em; }
table.contact input#ort     { width:32em; }
table.contact textarea      { width:40em; height:10em; }


/** generic contact info (itg pages...) */
table.contactinfo    { 
  border-spacing:0; border-collapse:collapse; border:0;
  margin:0; padding:0; text-align:left; width:100%;
}
* html table.contactinfo { width:740px; /* the usual IE "jump below" float trouble */ }
table.contactinfo td, 
table.contactinfo th {
  text-align:left; vertical-align:top;
  white-space:nowrap; padding-right:.5em;
}
table.contactinfo td { 
  font-weight:normal; 
}
table.contactinfo th { 
  font-weight:bold; color:#336;
  width:8em;
}
table.contactinfo tr.cat    { background:#9099C0 url(cssimg/menuitem.png); }
table.contactinfo tr.cat th { color:#FFF; padding:.167em .5em; }

/** container for download descriptions (not p, as it might contain paragraphs) */
div.dl_descr { margin:1em 0; }


/**
* Container for a link on top of page which permits skipping of navigation
* for screenreader users. The link is normally placed out of sight.
*/
a#skipLink       { position:absolute; left:-128em; }
a#skipLink:focus { background:#FFF; margin:1em; padding:1px 2px; left:0; z-index:100; }


/**
* Wrapper around complete page
*/
div#wrapper {
  width:984px; margin:0; padding:0;
  background:url(cssimg/nav_background.jpg) no-repeat -1px 96px;
}
/**
* Alternative navigation background images
* (adding more stylesheets just for this eye-candy would be overkill)
* NOTE: id not placed in body tag, as webEdition hiccups on this...
*/
div#wrapper.itgfa,
div#wrapper.itgfg  { background-image:url(cssimg/nav_background3.jpg); }
div#wrapper.ziemann,
div#wrapper.poisel { background-image:url(cssimg/nav_background4.jpg); }
div#wrapper.unused { background-image:url(cssimg/nav_background2.jpg); }




/**
* page header (logo and current news items)
*/
div#header {
  color:#FFF; background:#606395 url(cssimg/darkblueside.gif) repeat-y 0 0;
  position:relative;
  height:90px; padding:0 0 0 200px;
  font-weight:bold; font-size:1.3em;
  overflow:hidden;
}
div#header a:link,
div#header a:visited  { color:#FFF; text-decoration:none; }
div#header a:hover,
div#header a:active,
div#header a:focus    { color:#DDF; text-decoration:none; }

/** Logo in header*/
div#header div#logo {
  color:#FFF; background:#336;
  position:absolute; top:0; left:0;
  width:200px; height:90px;
  text-align:center; overflow:hidden;
}
div#header div#logo img { display:block; margin:0 auto; }

/** News items in header */
div#header div#newsView    { text-align:center; overflow:hidden; }
div#header div#newsView ul { margin:0; padding:0; list-style:none; }

/* center news items (horiz.+vert.) in standards compliant browsers */
div#newsView    { display:table; position:static; width:100%; height:100%; }
div#newsView ul { display:table-cell; vertical-align:middle; }
div#newsView li { margin:0; padding:0; }
/* dto, but workaround for internet explorer: */
* html div#newsView    { position:relative; display:block; }
* html div#newsView ul { position:absolute; left:0; top:50%; width:100%; }
* html div#newsView li { position:relative; display:block; top:-50%; }




/**
* horizontal menu bar (language selection and quick-access links)
*/
div#menubar {
  position:relative; top:0; left:0;
  margin:0; padding:0 0 0 200px;
  color:#FFF; background:#393939 url(cssimg/blackside.gif) repeat-y 0 0;
}

div#menubar form  { margin:0; padding:0; }
div#menubar ul    { margin:0; padding:0; list-style:none; }
div#menubar li    { margin:0; padding:0; }

* html div#menubar { height:1%; }
div#menubar:after {
  clear:left;
  display:block; overflow:hidden;
  content:"."; font-size:1px; height:0;
  visibility:hidden;
}

/** language selection menu*/
div#menubar ul#languages {
  position:absolute; top:0; left:0;
  width:200px; text-indent:1.1em;
  background:#000; color:#CCC;
}
div#menubar ul#languages li   { margin:0; padding-right:.5em; display:inline; }
div#menubar ul#languages img  { margin:2px 0 0; padding:0; }

div#menubar ul#languages li        img { opacity:.6; filter:alpha(opacity=60); }
div#menubar ul#languages li.active img { opacity:1; filter:alpha(opacity=100); }



/** suckerfish-type horizontal menu for shortcuts / direct access links */
div#menubar ul#menu { 
  font-size:.92em; height:1.54em;
  padding:1px 0 1px .64em;
}
/* links in menu items */
div#menubar ul#menu a         { display:block; }
div#menubar ul#menu a:link,
div#menubar ul#menu a:visited,
div#menubar ul#menu a:active  { color:#DDD; text-decoration:none; }
div#menubar ul#menu a:hover,
div#menubar ul#menu a:focus   { color:#C00; text-decoration:none; }
div#menubar ul#menu ul a:link,
div#menubar ul#menu ul a:visited  { color:#006; border-bottom:1px solid #FFF; }
div#menubar ul#menu ul a:hover,
div#menubar ul#menu ul a:focus    { color:#B00; text-decoration:none; }

/* all list items */
div#menubar ul#menu li,
div#menubar ul#menu ul li {
  line-height:1.45em;
  position:relative; float:left;
}
div#menubar ul#menu ul li { 
  line-height:14px; /* use px here to avoid Gecko rounding errors */ 
}


/* second-level lists a little bit wider than first level */
div#menubar ul#menu ul {
  position:absolute; z-index:100;
  width:12em; padding:4px 0 0; height:auto;
  background-image:url(cssimg/transparent.gif); /* mainly for IE, so it won't lose :hover state */
  left:-256em; /* just move it out of the way for the sake of screenreaders */
}


div#menubar ul#menu li    { width:9em; z-index:100; }
div#menubar ul#menu a     { width:8em;  padding:0 .5em; }
div#menubar ul#menu ul li { width:12em; padding:1px 0 0; background:#E5E5E5;}
div#menubar ul#menu ul a  { width:11em; padding:0 .5em; }


/* ieOver is used as :hover-workaround in ie browsers */
div#menubar ul#menu li:hover ul,
div#menubar ul#menu li.ieOver ul { left:auto; }
div#menubar ul#menu ul li:hover,
div#menubar ul#menu ul li.ieOver { background:#DDD; }


/* special case: search box requires more space */
div#menubar ul#menu li#siteSearch  {
  display:block; width:13em;
  position:absolute; right:0;
  text-align:right; padding-right:.4em;
}
div#menubar ul#menu li#siteSearch label {
  display:none;
}
div#menubar ul#menu li#siteSearch input {
  font-size:.9em; margin:0; padding:0;
  border-width:1px;
}
div#menubar ul#menu li#siteSearch input.text { width:8em; }
* html div#menubar ul#menu li#siteSearch input.text { vertical-align:top; }

ul#menu>li#siteSearch input.text       { background:#EEE; }
ul#menu>li#siteSearch input.text:focus { background:#FFF; }

div#menubar ul#menu li#siteSearch input.button {
  color:#DDD; background:#818181 url(cssimg/buttonback.png) 0 -32px;
  border-width:1px; border-color:#777 #333 #333 #777; -moz-border-radius:4px;  
}

/**
* main navigation links
*/
div#nav {
  width:200px; clear:left; float:left;
}
div#nav ul {
  margin:0 0 4em 0; padding:0; list-style:none;
  color:#FFF; background:#9099C0;
  border-bottom:1px solid #FFF;
  line-height:1.583; line-height:1.333;
  /* beware of gecko rounding errors. If gaps appear, tweak line-height
     value to get a nicer px size with the selected font-size */
}

div#nav ul ul     { border-width:0; margin:0; }

div#nav li        { border-top:1px solid #FFF; position:relative;
                    background:#9099C0 url(cssimg/menuitem.png); 
                  }
div#nav a         { display:block; padding:2px 0 3px;
                    /* additional background assignment here is only
                       needed for ie (or ":hover" tends to get glitchy) */
                    background:#9099C0 url(cssimg/menuitem.png); }

div#nav li.active li    { font-weight:normal; }
div#nav li.active,
div#nav li li.active,
div#nav li li li.active { font-weight:bold; }



* html div#nav ul a,
* html div#nav ul li  { height:1%; }

div#nav ul a          { padding-left:1.5em; }
div#nav ul ul a       { padding-left:2.5em; }
div#nav ul ul ul a    { padding-left:3.5em; }

div#nav ul li         { border-color:#FFF; }
div#nav ul ul li      { border-color:#D9DCEA; }
div#nav ul ul ul li   { border-color:#B4BAD5; }

/* Test: Apply darker shading with increasing list level */
div#nav ul a,
div#nav ul li         { background-position:0 0; }
div#nav ul ul a,
div#nav ul ul li      { background-position:0 -16px;}
div#nav ul ul ul a,
div#nav ul ul ul li   { background-position:0 -32px;}

div#nav a:link,
div#nav a:visited,
div#nav a:active  { color:#FFF; text-decoration:none; }
div#nav a:hover,
div#nav a:focus   { color:#C00; text-decoration:none; }


/* 
* Nav-IDs, only visible while editing a page
*/
div#nav span.navid  { 
  position:absolute; width:3em; right:0;
  padding-left:.5em; background:#9099C0 url(cssimg/menuitem.png); 
  border-left:2px solid #AAF; color:#FFF; 
}

/* 
* A helper box to place some edit controls in
* (again, only used & visible while editing a page)
*/
div#editHelper {
  float:left; width:200px; 
  padding:.5em 0; font-size:11px; 
  color:#FFF; background:#9099C0 url(cssimg/menuitem.png); 
}
div#editHelper p      { margin:0 0 0 .5em; }
div#editHelper th,
div#editHelper td     { padding:0 .2em; text-align:left; }
div#editHelper input,
div#editHelper select,
div#editHelper option { font-size:11px; border-width:1px; margin:0; width:9em; }

/*
* Sitemap-view of navigation menu
*/
#content div.sitemap      { width:30%; margin:0 1em 2em 0; float:left; }
#content div.sitemap h2   { font-size:1.1em; margin:0 0 .5em 0; }
#content ul.sitemap       { margin:0; padding:0; list-style:none; }
#content ul.sitemap ul    { margin:0; padding:0 0 0 1em; list-style:none; }
#content ul.sitemap li    { margin:0; padding:.25em 0 0; line-height:1.2; background:none;  }
#content ul.sitemap li li { font-size:.96em; padding-top:.167em;}
ul.sitemap li a:link,
ul.sitemap li a:visited,
ul.sitemap li a:active  { color:#226; font-size:1em; margin-top:1em; }
ul.sitemap li li a:link,
ul.sitemap li li a:visited,
ul.sitemap li li a:active  { color:#338; }
ul.sitemap li li li a:link,
ul.sitemap li li li a:visited,
ul.sitemap li li li a:active  { color:#66A;}

ul.sitemap li a:hover,
ul.sitemap li a:focus   { color:#B00 !important; }


#breadcrumbs {
  padding:.5em 1em 0 0;
  margin:0 0 0 210px;
  font-size:.833em; font-weight:bold;
}
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active  { color:#336; text-decoration:none; }
#breadcrumbs a:hover,
#breadcrumbs a:focus   { color:#111437; text-decoration:none; 
                         border-bottom:1px solid #CCC; }



/**
* content area
*/
#content {
/*  padding:.5em 1em 2em 222px; */
  padding:.5em 1em 2em 1em;
  margin:0 0 0 210px;
}

#searchresults h2 { font-size:1.1em; margin-bottom:.2em; }
#searchresults p  { margin-top:.2em; }

a.nextPage { display:block; text-align:right; margin-left:50%; }
a.prevPage { display:block; text-align:left; width:50%; float:left; }

.descr     { font-size:.8em; font-weight:normal; color:#336; }
.author    { font-size:1.1em; font-weight:bold; color:#336; }

/*
* images/figures (with or witout titles)
*/
div.figure       { font-weight:bold; color:#336; margin:.5em 0; }
div.figure img   { display:block; margin:0; }      
div.floatedRight { float:right; margin:0 0 .5em 1em; width:auto;}
div.floatedLeft  { float:left; margin:0 1em .5em 0; width:auto;}

div.figure       { background:url(cssimg/lightbluefade.png) repeat-x;}
div.figure p     { margin:0; padding:.167em;  
                   background-color:#F8F8FD; 
                   background-position:0 -32px; }

img.floatedRight { float:right; margin:.5em 0 .5em 1em; }
img.floatedLeft  { float:left; margin:.5em 1em .5em 0; }
img.below        { display:block; margin:.5em auto; }

div.halfblock        { width:47%; padding:0 2% 0 0; float:left; }
* html div.halfblock { height:1%; }
.clearFloats      { clear:both; }

/* div.halfblock { background:#EFE; border:2px dashed #AFA; } */

/* IE seems to have troubles w/ negative margins that would overlap the float conatiner: */
* html #content div.halfblock h1,
* html #content div.halfblock h2,
* html #content div.halfblock h3,
* html #content div.halfblock h4 { margin-left:0; }

/** books & stuff */
div.literature {}
div.literature h2    { font-size:1.17em; font-weight:normal; }
div.literature h2 em { font-size:1.15em; font-weight:bold; 
                       font-style:normal; display:block; }
div.literature img   { margin-left:2em; border:2px solid #CCC;
                       border-width:0 3px 2px 0; }

/** glossary */
ul#glossaryNav      { margin:0; padding:0; }
ul#glossaryNav li   { display:inline; margin:0 .5em 0 0; padding:0; background:none;  }
ul#glossaryNav a    {}
ul#glossaryNav .na  {}
div.glossaryItem              { margin-top:1.5em;}
div.glossaryItem h2           { display:inline; }
div.glossaryItem .altlang     { display:inline; font-size:.833em; padding-left:.5em; }
div.glossaryItem .gcontent    { margin-top:.5em; line-height:1.5; }
div.glossaryItem .clearFloats { font-size:1px; visibility:hidden; overflow:hidden; }
div.glossaryItem .na          { color:#C00; } /* "not available" */
/* single letter for signaling "a new section starts here": */
div.startLetter               { color:#336; border-bottom:1px solid #606395; 
                                font-weight:bold; font-size:1.5em; line-height:1.2;
                                margin:.5em  0 .5em -.5em; }


/**
* page footer
*/
#footer {
  font-size:9px; text-align:center;
  clear:both; line-height:18px;
  color:#FFF; background:#606395 url(cssimg/darkblueside.gif) repeat-y 0 0;
  padding:1px 0 0 200px; margin:0;
}



/**
* Styles for printout
*/
@media print  {
  body        { background:#FFF; }
  a#skipLink  { display:none; }
  div#wrapper { background:none !important; width:auto; }
  div#header  { padding:0; }
  div#header div#newsView { display:none; }

  div#menubar { display:none; }
  div#nav     { display:none; }
  div#content { margin:1em; padding:0; }
  div#footer  { text-align:right; padding:1px 1em 0 0; margin:0; }
  
  #breadcrumbs { margin-left:1em; }

  /*
  * show url after links that start with http:// (i.e. external links)
  * (this will only work in recent browsers, but it degrades nicely)
  */
  div#content a[href^="http://"]:after {
    font-style:italic; padding-left:1ex;
    content:"(" attr(href) ")"; font-size:.9em;
  }
}