/*
 * color palette
 * ==============================
 * black:        rgb(  0,  0,  0)
 * white:        rgb(255,255,255)
 * darkgray:     rgb( 76, 76, 76)
 * mediumgray:   rgb(140,140,140)
 * gray:         rgb(204,204,204)
 * lightgray:    rgb(242,242,242)
 * yellow:       rgb(244,198,  0)
 * light yellow: rgb(251,235,165)
 * darkblue:     rgb(  0,  0,102)
 * blue:         rgb(  0, 51,102)
 * lightblue:    rgb( 51,102,153)
 * magenta:      rgb(229, 48,108)
 * darkred:      rgb(153, 51,  0)
 * orange:       rgb(204,102,  0)
 * shinycyan:    rgb(  0,204,204)
 * dirtycyan:    rgb(153,204,204)
 * lightcyan:    rgb(204,255,255)
 */


/* make vert. scrollbar visible by default */
html { overflow-y: scroll; }

/* manipulate subs so that they don't lead to overhigh lines */
sub { font-size:75%; line-height:0; }


/**
 * general setup
 */
body  { margin:0 0 20px; padding:0px; background-color:rgb(255,255,255); color:rgb(76,76,76); font-family:verdana,arial,helvetica,sans-serif; font-size:12px; line-height:1.4; min-width:780px; }

table { padding:0; margin:0; text-align:left; vertical-align:top; }
td    { padding:2px 4px; margin:0; text-align:left; vertical-align:top; font-size:12px; color:inherit; }
th    { padding:1px 4px; margin:0; font-size:110%; font-weight:700; text-align:left; vertical-align:middle; }

ul, ol { margin:0.5em 0 0.5em 25px; padding:0; text-align:left; }
h1 + ul, h2 + ul, h3 + ul { margin-top:0; }
ul { list-style:square outside; }
ol { list-style:decimal outside; }
li { margin:0; padding:2px 0; text-align:left; }
li ul, li ol { margin:0 0 0.5em 20px; padding:0; text-align:left; }

div   { text-align:left; }

p           { margin:0 0 0.25em; padding:0; text-align:justify; text-indent:2ex; line-height:1.3; }
p.noindent, h1 + p, h2 + p, h3 + p  { text-indent:0; }
p.centered  { text-align:center; text-indent:0; }
p.right     { text-align:right; text-indent:0; }

small  { font-size:85%; }

span.sep { color:rgb(192,192,192); font-size:100%; }

img { border:0px; }
img.floatleft  { float:left; margin:4px 15px 10px 0; }
img.floatright { float:right; margin:4px 0 10px 15px; }
img.linkicon { margin:0 0 0 10px; padding:0; width:16px; height:16px; border:0; float:right; }

/* subtitled images */
div.textimg { float:right; width:150px; margin:4px 0 10px 15px; padding:0; text-align:center; font-size:85%; font-variant:italics; clear:right; }
div.textimg img { display:block; margin:0 auto 10px auto; border:0; padding:0 0 5px 0; margin:0 }

div.fullimg { width:100%; margin:10px 0 10px 0; padding:0; text-align:center; font-size:85%; font-variant:italics; clear:right; }
div.fullimg img { display:block; margin:0 auto 10px auto; border:0; padding:0 0 5px 0; margin:0 }


/* regular (text) links */
a                  { text-decoration:none; border-style:none; }
a:focus            { outline:0; }
a:link, a:visited  { color:rgb(204,102,0); }
a:hover, a:active  { color:rgb(229,48,108); }

a.nohighlight:link, 
a.nohighlight:visited { color:inherit; }
a.nohighlight:hover, 
a.nohighlight:active { color:rgb(51,102,153); }

/* code fragments */
code { color:rgb(51,102,153); }


/**
 * headlines
 */
h1  { font-size:125%; font-weight:800; text-align:left; margin:0 0 0.75em; padding:0; width:100%; border:0px solid rgb(140,140,140); border-bottom-width:1px; color:rgb(51,102,153); }
h2  { clear:both; font-size:110%; font-weight:800; text-align:left; margin:1.5em 0 0.5em; padding:0; border:0px solid rgb(140,140,140); border-bottom-width:1px; color:rgb(51,102,153); }
h3  { font-size:100%; font-weight:600; text-align:left; margin:1em 0 0.2em; padding:0; }


/**
 * page layout / IDs
 */
#headerbar     { width:100%; height:92px; background-color:rgb(204,255,255); text-align:left; margin:0; padding:0; background-image:url("../img/topbar.png"); background-position:center center; }
#header        { width:780px; height:100%; margin:0 auto; padding:0; border:0; position:relative; }
#pageframe     { width:780px; margin:20px auto 0; padding:0; }
#logo          { margin:0; padding:0; position:absolute; left:30px; top:0px; }

#content       { width:600px; margin:0 10px 10px 0; padding:0; text-align:left; vertical-align:top; float:right; }
#footer        { margin:2.5em 0 0; padding:3px; text-align:center; font-size:90%; color:rgb(140,140,140); clear:both; border:0px solid rgb(140,140,140); border-top-width:1px; }


/**
 * search
 */
#search       { display:block; width:220px; height:30px; padding:0; position:absolute; left:560px; top:64px; margin:0; color:rgb(204,102,0); }
#search input { border:1px solid rgb(204,102,0); width:120px; padding:2px; margin:0; vertical-align:middle; background-color:rgb(203,234,234); color:rgb(204,102,0); }
#search input.submit { width:80px; height:20px; border:0; padding:0; margin:0; background-color:transparent; }

/**
 * special links
 */
a.linkPDF:after { content:url(../img/icon_pdf.png); padding:0 0 0 0.5ex; }
a.linkZIP:after { content:url(../img/icon_zip.png); padding:0 0 0 0.5ex; }
a.linkDiv:after { content:url(../img/icon_div.png); padding:0 0 0 0.5ex; }
a.linkExternal:before { content:url(../img/icon_external.png); padding:0 0.5ex 0 0; }


/**
 * navigation
 */
#navigationbar { width:100%; background-color:rgb(153,204,204); color:rgb(204,102,0); } 
#navigation    { width:600px; margin:0 auto; padding:0 10px 0 170px; }
#navigation a  { text-decoration:none; font-weight:800; font-size:11px; }
/*#navigation a:link, #navigation a:visited  { color:rgb(204,102,0); }*/
/*#navigation a:hover, #navigation a:active  { color:rgb(229,48,108); }*/


/**
 * menu
 */
#menubox          { width:140px; margin:5px 0px 10px 10px; padding:0; text-align:left; vertical-align:top; float:left; border:1px solid rgb(153,153,153); background-color:rgb(242,242,242); }
#menubox ul       { list-style-type:none; margin:6px 3px; padding:0; }
#menubox ul ul    { list-style-type:none; margin:0; padding:0; }

/* links layer 1 */
#menubox ul li    { display:block; width:100%; margin:0; padding:2px 0 0 12px; text-indent:-11px; font-size:11px; }
#menubox ul li span  { position:relative; color:rgb(0,0,102); }
#menubox ul li a  { margin:0; padding:0; text-decoration:none; font-weight:800; }
#menubox ul li a:link, #menubox ul li a:visited  { color:rgb(0,0,102); }
#menubox ul li a:hover, #menubox ul li a:active  { color:rgb(51,102,153); }
#menubox ul li a.sel:link, #menubox ul li a.sel:visited  { color:rgb(204,102,0); }
#menubox ul li a.sel:hover, #menubox ul li a.sel:active  { color:rgb(244,198,0); }

/* links layer 2 */
#menubox ul ul li    { padding:0 0 0 10px; }
#menubox ul ul li a  { font-weight:500; font-size:90%; }
#menubox ul ul li a:link, #menubox ul ul li a:visited  { color:rgb(204,102,0); }
#menubox ul ul li a:hover, #menubox ul ul li a:active  { color:rgb(244,198,0); }
#menubox ul ul li a.sel  { font-weight:800; }
#menubox ul ul li a.sel:link, #menubox ul ul li a.sel:visited  { color:rgb(204,102,0); }
#menubox ul ul li a.sel:hover, #menubox ul ul li a.sel:active  { color:rgb(244,198,0); }

/* language selector in menu box */
#langSel { padding:4px 0 2px 6px; margin:15px 0 0 0; text-align:left; background-color:rgb(235,235,235); border-top:1px solid rgb(224,224,224); }

/**
 * news box
 */
div#news { padding:0; margin:0 5px; width:164px; background-color:rgb(251,235,165); float:right; border:1px solid rgb(244,219,111) }
div#news .title { padding:0px 4px; font-weight:800; font-size:11px; color:rgb(0,0,102); background-color:rgb(244,219,111); }
div#news ul { list-style-type:none; padding:0; margin:0; }
div#news li { color:rgb(0,0,102); font-size:10px; border-top:1px solid rgb(244,219,111); display:block; padding:1px; margin:0; }
div#news .date { color:rgb(51,102,153); font-weight:700; background-color:rgb(244,224,145); padding:0 4px; }
div#news .topic { color:rgb(64,64,64); font-weight:500; padding:1px 4px; }
div#news .descr { color:rgb(51,102,153); padding:1px 4px; }

/**
 * news page
 */
ul.newsList        { list-style-type:none; margin:0 0 5px 0; }
ul.newsList li     { background-color:transparent; color:rgb(76,76,76); }
ul.newsList li div.head { font-weight:700; color:rgb(76,76,76); border-bottom:solid 1px rgb(204,204,204); }
ul.newsList li div.head img.sticky { width:12px; height:12px; margin:0 5px 0 7px; position:relative; top:1px;  }
ul.newsList li div.head span.date { color:rgb(51,102,153); font-size:90%; }
ul.newsList li div.body { padding:4px 3px; }
a.details:before { content:"\00BB "; color:rgb(76,76,76); padding-right:0.4ex; }

p.source { text-indent:0; margin-top:1em; color:rgb(128,128,128); font-size:95%; }
p.source:before { content:"\25FE"; color:rgb(51,102,153); padding-right:0.5ex; }

/**
 * starting page
 */
img#teamPicture { display:block; margin:0; width:410px; height:260px; }
div#textBelowTeamPic { color:rgb(76,76,76); text-align:justify; width:410px; margin:10px 0 0 0; }
div#addrBox { color:rgb(76,76,76); text-align:right; width:410px; margin:10px 0 0 0; }
div#addrBox .title { font-weight:700; }

/**
 *  publications specifications
 */
div.bibEntry { margin:0px 0px 3px 0px; padding:3px 3px 6px 3px; font-size:11px; }
div.bibEntry div.entry { text-indent:-0px; margin:0px 0px 0px 0px; padding:0; text-align:justify; }
div.bibEntry div.links { margin:2px 0px 0px 15px; padding:0; }
div.noshow { display:none;}
div.bibEntry div.entry a { color:rgb(0,51,153); }

div.highlight { background-color:rgb(251,235,165); font-size:11px; text-align:justify; }
div.abstract { margin:15px 15px 0px 15px; padding:0; background-color:rgb(251,235,165); text-align:justify; }
div.abstract p { text-align:justify; }
div.bibtex { margin:15px 15px 0px 15px; padding:0; white-space:pre-wrap; font-family:courier,monospace; background-color:rgb(251,235,165); }

/**
 * staff list
 */
table.staffList { width:100%; table-layout:fixed; margin:0; border-collapse:collapse; border-spacing:0px; }
/* NOTE TR should be used in the following two lines. However, IE does not accept TR borders */
table.staffList thead th { background-color:rgb(193,234,234); border:0 solid rgb(163,214,214); border-width:1px 0; }
table.staffList tbody td { border:0 dashed rgb(224,224,224); border-width:0 0 1px; }
tr.staffEntry  { }
tr.staffEntry2 { background-color:rgb(242,242,242); }
table.staffList th { font-weight:700; color:rgb(76,76,76); font-size:11px; }
table.staffList td { color:rgb(76,76,76); vertical-align:middle; }
th.staffName, td.staffName { width:auto; text-align:left; }
th.staffEmail, td.staffEmail { width:240px; text-align:center; }
th.staffPhone, td.staffPhone { width:65px; text-align:center; }
th.staffRoom, td.staffRoom { width:70px; text-align:center; }
tr.staffEntry a { color:rgb(76,76,76); }
tr.staffEntry2 a { color:rgb(76,76,76); }

/**
 * staff personal page
 */
div.staffIntro   { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
img.staffPicture { margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:120px; height:160px; display:block; float:left;}
div.staffContact { text-align:left; margin:0px 0px 0px 110px; padding:0px 0px 0px 0px; height:160px; }
div.staffContact .name { margin:0 0 14px 0; padding:0; font-weight:bold; }
div.staffContact .address { margin:0 0 15px 0; padding:0; }
div.staffContact .contact { margin:0 0 4px 0; padding:0; vertical-align:top; }
div.staffContact .icon { margin:0 10px -2px 0; padding:0; width:16px; height:16px; }
div.staffDescription { margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:justify; clear:right; }

ul.staffTheses { margin-top:2px; }
ul.staffTheses li { padding:1px 0; }
ul.staffTheses li a { color:rgb(76,76,76); }

/**
 * research styles
 */
img.researchPicture { margin:0px 15px 5px 0px; padding:0px 0px 0px 0px; width:120px; float:left; border:solid 1px rgb(140,140,140); }
/*span.subproject { color:rgb(76,76,76); font-weight:600; border-left:10px solid rgb(232,232,232); padding-left:0.5em; }*/
span.subproject { color:rgb(76,76,76); }
span.subprojectArrow { background-color:rgb(225,225,225); color:rgb(76,76,76); font-weight:700; padding:0 3px 2px 3px; }


/**
 * project styles
 */
ul.projectList li     { background-color:transparent; color:rgb(76,76,76); }
ul.projectList li div { font-weight:700; color:rgb(76,76,76); }

p.projectLongTitle { font-weight:800; text-indent:0; text-align:left; color:rgb(0,51,102); font-size:13px; border-left:10px solid rgb(232,232,232); padding-left:7px; margin-bottom:1em; }

img.projectPicture { margin:-10px 0px 0px 20px; padding:10px 0px 0px 0px; max-width:250px; display:block; float:right;}

div#projectSpec { text-align:left; margin:0px 180px 0px 0px; padding:0px 0px 0px 0px; }
table.projectSpec td.specKey { font-weight:700; padding:0 2ex 0 0; }
table.projectSpec td.specVal { padding:0; }

/**
 * Oberseminar time table
 */
div.cal { margin:0; padding:0; }
div.cal div.head { background-color:rgb(183,234,234); border:0 solid rgb(153,204,204); border-width:1px 0; margin-bottom:1px; padding:0px 3px; color:rgb(76,76,76); text-align:left; }
div.cal div.head span.date { font-weight:700; } 
div.cal div.body { background-color:rgb(250,250,250); color:rgb(76,76,76); height:auto; margin-bottom:2px; }
div.cal div.time { width:130px; text-align:right; float:left; color:rgb(0,51,102); padding:3px; }
div.cal span.name { font-weight:700; }
div.cal span.type { color:rgb(0,102,153); }
div.cal div.body div.ctn { padding:3px; margin:0 0 0 170px; text-align:left; }
div.cal ul { padding:3px; margin:0 0 0 170px; }
div.cal li { padding:0 0 3px 0; margin:0; }

/**
 * thesis styles
 */
table.thesesList { width:100%; table-layout:fixed; margin:0px 0px 0px 0px; border-collapse:collapse; border-spacing:0px; }
/* NOTE TR should be used in the following two lines. However, IE does not accept TR borders */
table.thesesList thead th { font-weight:700; color:rgb(76,76,76); background-color:rgb(193,234,234); border:0 solid rgb(163,214,214); border-width:1px 0; }
table.thesesList tbody td { border:0 dashed rgb(224,224,224); border-width:1px 0; }
tr.thesesEntry  { }
tr.thesesEntry2 { background-color:rgb(242,242,242); }
table.thesesList th { font-weight:700; color:rgb(76,76,76); font-size:11px; }
table.thesesList td { font-size:11px; color:rgb(76,76,76); vertical-align:middle; }
th.thesesTitle, td.thesisTitle { width:auto; text-align:left; }
th.thesesSupervisor, td.thesisSupervisor { width:170px; text-align:center; }
tr.thesesEntry  a { color:rgb(76,76,76); }
tr.thesesEntry2 a { color:rgb(76,76,76); }

div.thesisTitle { font-size:13px; font-weight:700; color:rgb(0,51,102); margin:0 0 0.5em 0; padding-left:5px; border-left:10px solid rgb(232,232,232);}

table.thesisSpec { width:100%; border:1px dashed rgb(204,204,204); background-color:rgb(255,247,205); margin:1em 0 0 0;}
table.thesisSpec td { padding:0px 2px; }
table.thesisSpec td.specKey { font-weight:700; width:120px; }
table.thesisSpec td.specVal {}

/**
 * STUDY Style
 */
img.item { width:12px; }
ul.manual { list-style-type:none; margin:0 0 2px 0; }

table.info { width:100%; table-layout:fixed; margin:0; border-collapse:collapse; border-spacing:0px; }
/* NOTE TR should be used in the following line. However, IE does not accept TR borders */
table.info td { border:0 dashed rgb(224,224,224); border-width:1px 0; }
table.info tr.info  { }
table.info tr.info2 { background-color:rgb(242,242,242); }
table.info td { color:rgb(76,76,76); text-align:left; vertical-align:middle; }
table.info td.label { width:200px; font-weight:800; }
table.info td.value { width:auto; }

/**
 * AWARDS
 */
ul.piclist  { margin:1.2em 0 0.8em 0.5em; padding:0; text-align:left; }
ul.piclist li { display:block; clear:left; list-style:square outside; margin:0 0 10px 0; padding:0 0 0.5em; color:rgb(96,96,96); }
ul.piclist li img { float:left; margin:3px 10px 0 0; border:1px solid rgb(220,220,220); width:60px; height:60px; padding:0; }

.award_type { color:rgb(0,64,128); font-size:105%; font-weight:bold; }
.award_from { color:rgb(0,0,0); padding-left:0.2em; font-weight:normal; }
.award_to { color:rgb(96,96,96); margin-top:2px; min-height:3em;}

/**
 * special stuff
 */

/* banner, e.g., for events */
div.hx { font-weight:800; text-indent:0; padding:5px 10px; margin:0 0 10px; color:rgb(204,102,0); text-align:center; font-size:120%; border:1px dashed rgb(204,204,204); background-color:rgb(242,242,242); line-height:1.6; }
div.hx .title { font-size:115%; }


/* eof */