@charset "iso-8859-1";
/* CSS Document */

body {
 background-color:#e6e6e6;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
 line-height:15px;
 color:#666;
}

/* HEADER LOGO */
#homeheader {background:url(../images/home-header-background.gif) no-repeat;}
#newsheader {background:url(../images/news/news-header-background.gif) no-repeat;}
#projectsheader {background:url(../images/projects/projects-header-background.gif) no-repeat;}
#technologiesheader {background:url(../images/technologies/technologies-header-background.gif) no-repeat;}
#publicationsheader {background:url(../images/publications/publications-header-bg.gif) no-repeat;}
#peopleheader {background:url(../images/people/people-header-background.gif) no-repeat;}
#seminarsheader {background:url(../images/seminars/seminars-header-background.gif) no-repeat;}
#commercialheader {background:url(../images/commercial/commercial-header-bg.gif) no-repeat;}
#kmi-logo{padding:20px 0 11px 30px; float:left; width:124px; height:53px;}

/* SITE BORDER STARTS */
#group-column { background: url(../images/column-background.gif) repeat-y; z-index:1; }
#columncurvetop { background: url(../images/column-top-curve.gif) no-repeat; height:14px; z-index:8}
#columncurvebottom { background: url(../images/column-bottom-curve.gif) no-repeat; height:18px;
z-index:2;}


/* LEFT NAVIGATION BOX */
#leftcolumntop {
 background: url(../images/menu-top-curve.gif) no-repeat;
 height:110px;
}
#leftcolumncontent {
 background: url(../images/menu-middle.gif) repeat-y;
}
#leftcolumnbottom {
 background: url(../images/menu-bottom-curve.gif) no-repeat;
 height:14px;
}
#contentpaddingtop { padding:15px 10px 0 10px; }
#contentpadding { padding:0 10px 10px 10px; }
#contentpaddingnews { padding:10px 10px 0 10px; }
.contentpaddinghighlight { padding:0 10px 0 10px; }
#contentpaddingarticle { padding:0 0 0 2px; }
#contentpaddingmore { padding:5px 10px 0 10px; }
#commercialpaddingtop { padding:10px 0 0 0; }

#tools {
 width:140px;
 height:20px;
}
#toolicon{
 float:left;
 width:40px;
}
#tooltext {
 float:left;
 width:100px;
 padding:2px 0 0 0;
}

.count {
 color: #3f3e37;
 text-decoration: none;
 font-size: 10px;
}

/* NEWS BOX */
#shortcolumntop {
 background: url(../images/new-box-top.gif) no-repeat;
 height:33px;
 margin-top:7px;
}
#shortcolumnbottom {
 background: url(../images/news-box-bottom.gif) no-repeat;
 height:29px;
}

.newsimage {
margin:0;
}

a.article:active, a.article:link, a.article:visited {
display:block;
width:158px;
background:#445078;
font-size:10px;
color:#fff;
margin:-3px 0 3px 2px;
border-bottom:1px solid #fff;
padding:10px 10px 10px 10px;
text-decoration:none;
vertical-align: bottom;
}
a.article:hover {
background:#003366;
text-decoration:none;
}
a.articleselected:active, a.articleselected:link, a.articleselected:visited {
display:block;
width:158px;
background:#003366;
font-size:10px;
color:#fff;
padding:10px 10px 10px 10px;
text-decoration:none;
vertical-align:bottom;
}
a.articleselected:hover {
background:#003366;
text-decoration:none;
}

#newspadding {
padding:5px 0 0 0;
}


/* MAIN CONTENT */

#middlecolumncontent {
 border-top: 2px solid #c5c5c5;
 border-left: 2px solid #c5c5c5;
 border-right: 2px solid #c5c5c5;
 border-bottom: 0;
 padding:10px 10px 0 8px;
 margin: 5px 0 0 0;
 background-color:#fff;
}
#middlecolumnbottom {
 background: url(../images/content-bottom-curve.gif) no-repeat;
 width:503px;
 height:13px;
}


/* GRAPHIC COLUMN */
#advertpadding { margin-top:7px; }

#infocolumntop {
 background: url(../images/right-column-top.gif) no-repeat;
 height:32px;
 margin-top:9px;
}
#infocolumncontent {
 background: url(../images/right-column-middle.gif) repeat-y;
 margin-top:-2px;
 width:162px;
}
#infocolumnbottom {
 background: url(../images/right-column-bottom.gif) no-repeat;
 height:15px;
 margin:0 0 3px 0;
}
.infopadding {
padding:0 0 10px 0;
}

/* THEME TABS */
/* Future Internet */
a.future:active, a.future:link, a.future:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab0.gif) no-repeat;
}
a.future:hover
{
 background: url(../images/themes/tab0-over.gif) no-repeat;
}

a.futurehighlight:active, a.futurehighlight:link, a.futurehighlight:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab0-over.gif) no-repeat;
}
a.futurehighlight:hover
{
 background: url(../images/themes/tab0-over.gif) no-repeat;
}

#futurepadding{padding-top:6px;}
/* Future Internet */
/* Narrative Hypermedia */
a.narrative:active, a.narrative:link, a.narrative:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab3.gif) no-repeat;
}
a.narrative:hover
{
 background: url(../images/themes/tab3-over.gif) no-repeat;
}

a.narrativehighlight:active, a.narrativehighlight:link, a.narrativehighlight:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab3-over.gif) no-repeat;
}
a.narrativehighlight:hover
{
 background: url(../images/themes/tab3-over.gif) no-repeat;
}

/* Narrative Hypermedia */
/* Knowledge Management */

a.knowledge:active, a.knowledge:link, a.knowledge:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab1.gif) no-repeat;
}
a.knowledge:hover
{
 background: url(../images/themes/tab1-over.gif) no-repeat;
}

a.knowledgehighlight:active, a.knowledgehighlight:link, a.knowledgehighlight:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab1-over.gif) no-repeat;
}
a.knowledgehighlight:hover
{
 background: url(../images/themes/tab1-over.gif) no-repeat;
}

/* Knowledge Management */
/* Social Software */

a.social:active, a.social:link, a.social:visited
{
 display:block;
 width:113px;
 height:30px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 14px 0 0 5px;
 background: url(../images/themes/tab6.gif) no-repeat;
}
a.social:hover
{
 background: url(../images/themes/tab6-over.gif) no-repeat;
}

a.socialhighlight:active, a.socialhighlight:link, a.socialhighlight:visited
{
 display:block;
 width:113px;
 height:30px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 14px 0 0 5px;
 background: url(../images/themes/tab6-over.gif) no-repeat;
}
a.socialhighlight:hover
{
 background: url(../images/themes/tab6-over.gif) no-repeat;
}

/* Social Software */
/* New Media Systems */

a.media:active, a.media:link, a.media:visited
{
 display:block;
 width:113px;
 height:30px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 14px 0 0 5px;
 background: url(../images/themes/tab4.gif) no-repeat;
}
a.media:hover
{
 background: url(../images/themes/tab4-over.gif) no-repeat;
}

a.mediahighlight:active, a.mediahighlight:link, a.mediahighlight:visited
{
 display:block;
 width:113px;
 height:30px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 14px 0 0 5px;
 background: url(../images/themes/tab4-over.gif) no-repeat;
}
a.mediahighlight:hover
{
 background: url(../images/themes/tab4-over.gif) no-repeat;
}

/* New Media Systems */
/* Semantic Web and Knowledge Services */

a.semantic:active, a.semantic:link, a.semantic:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab5.gif) no-repeat;
}
a.semantic:hover
{
 background: url(../images/themes/tab5-over.gif) no-repeat;
}

a.semantichighlight:active, a.semantichighlight:link, a.semantichighlight:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab5-over.gif) no-repeat;
}
a.semantichighlight:hover
{
 background: url(../images/themes/tab5-over.gif) no-repeat;
}

/* Semantic Web and Knowledge Services */
/* Multimedia and Information Systems */

a.multimedia:active, a.multimedia:link, a.multimedia:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab2.gif) no-repeat;
}
a.multimedia:hover
{
 background: url(../images/themes/tab2-over.gif) no-repeat;
}

a.multimediahighlight:active, a.multimediahighlight:link, a.multimediahighlight:visited
{
 display:block;
 width:113px;
 height:36px;
 color: #333;
 text-decoration: none;
 font-size: 11px;
 padding: 8px 0 0 5px;
 background: url(../images/themes/tab2-over.gif) no-repeat;
}
a.multimediahighlight:hover
{
 background: url(../images/themes/tab2-over.gif) no-repeat;
}

/* Multimedia and Information Systems */
/* Themes Ends */

/* THEME CONTENT OVERLAY */
#details { 
 position: relative;
 background:#fff;
 color: #333;
 padding: 0px;
 margin:0px;
 width: 675px;
 overflow:auto;
 z-index:110;
 filter:alpha(opacity=95);
 -moz-opacity: 0.95;
 opacity: 0.95;
 border: 2px solid #676738;
 margin:-320px 0 0 -679px;
}

#themecontent { 
 display: inline;
 color: #333;
 margin: 10px 20px 20px 10px;
 padding-bottom: 10px;
 width: 425px;
 float: left;
}
#themelinks { 
 display: inline;
 color: #333;
 margin: 5px 10px 15px 10px;
 padding: 0px;
 width: 200px;
 float: right;
}
#close { margin-bottom:5px; }

a.themelinks:active, a.themelinks:link, a.themelinks:visited
{
 color: #676738;
 text-decoration: none;
 font-size: 11px;
}
a.themelinks:hover
{
 text-decoration: underline;
}

#imageflow {
float: left;
margin: 0 10px 5px 0;
}

#imageflowright {
float: right;
margin: 0 0 5px 10px;
}

#imageflowall {
float: left;
margin:0 10px 25px 0;
}


/* FOOTER */
#footer{margin:5px 0 0 0;}

.ou-logo{padding:0 15px 0 0; float:right; width:53px; height:38px;}
.trademark{padding:0 0 0 7px; float:left; font-size:11px; width:500px; height:38px;}

/* LINK STYLES */

a
{
outline: none;
}

a:active, a:link, a:visited, a.hover
{
 color: #000000;
 text-decoration: underlined;
 font-size: 12px;
}

a.leftnavigation:active, a.leftnavigation:link, a.leftnavigation:visited
{
 color: #3f3e37;
 text-decoration: none;
 font-size: 11px;
}
a.leftnavigation:hover
{
 text-decoration: underline;
}

a.highlight:active, a.highlight:link, a.highlight:visited
{
 color: #3f3e37;
 text-decoration: underline;
 font-size: 11px;
}
a.highlight:hover
{
 text-decoration: underline;
}

a.footer:active, a.footer:link, a.footer:visited
{
 color: #3f3e37;
 text-decoration: none;
 font-size: 11px;
}
a.footer:hover
{
 text-decoration: underline;
}


/* HEADING STYLES */

h1{font-size:20px; font-weight:bold; line-height:24px; margin:0;}
h2{font-size:14px; font-weight:bold; line-height:16px; display: inline;}
h3{font-size:14px; font-weight:bold; line-height:14px;}
#shortcolumntop h3{font-size:14px; font-weight:bold; line-height:14px; margin:0;}
h4{font-size:11px; font-weight:normal; line-height:16px; text-transform:uppercase; margin:0 0 10px 0;}
h5{font-size:12px; font-weight:normal; font-style:italic; color:#3f3e37; line-height:13px; margin:5px 0 0 0; text-align:left;}

ul{padding:0 0 0 20px;}

small { font-size:10px; }
blockquote { margin-left:20px; }

.newsmenu { font-size:11px; color:#ccc;}

.infoicon {padding:0 3px 0 0;}

hr {border: 0; margin:0 0 20px 0; height: 1px; color: #c5c5c5; width:100%; background:#c5c5c5;}