/*********************************************************************************
 Title:        sfb.css
 Description:  Stylesheet for icbi.at
 ---------------------------------------------------------------------------------
 Copyright:    Copyright (c) 2010
 Organisation: Section for Bioinformatics
 Author:       Hubert Hackl (hubert.hackl@i-med.ac.at)
 Version:      1.0
 Date:         08 June 2010
/********************************************************************************/

/******** links **********/
.normal_link:link {
   color:#527186;
   text-decoration:none;
}

.normal_link:visited {
   color:#527186;
   text-decoration:none;
}

.normal_link:hover {
   color:#FFAA00;
   text-decoration:none;
}

.author_link:link {
   color:#313131;
   text-decoration:none;
}

.author_link:visited {
   color:#313131;
   text-decoration:none;
}

.author_link:hover {
   color:#FFAA00;
   text-decoration:none;
}




/******** news links **********/
.news_link:link {
   color:#313131;
   text-decoration:none;
   font-weight: bold; 
}

.news_link:visited {
   color:#313131;
   text-decoration:none;
   font-weight: bold; 
}

.news_link:hover {
   color:#FFAA00;
   text-decoration:none;
   font-weight: bold; 
}


/******** headers **********/
h1{
	margin-top: 25px;
	color: #527186;
	font-size:16px;
	font-weight:bold;
	padding-bottom: 12px;
}
h2{
	color: #000000;
	font-size: 17px;
	font-weight:bold;
	color: #527186;
}
h3{
	margin: 0px;
	margin-top: 15px;
	color: #000000;
	font-size: 17px;
	font-weight:bold;
	color: #527186;
}


/******** body and background **********/
body {
	 text-align: center;
	 background-color: #414141;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 margin: 0;
	 padding: 0;
	 color: #313131;
	 background-image: url("../images/website14.png");
	 background-position: 50% 0%;
	 background-repeat: no-repeat;
}

body.yellow {
	 text-align: center;
	 background-color: #eaefdd;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 margin: 0;
	 padding: 0;
	 color: #313131;
	 background-image: url("../images/website14.png");
	 background-position: 50% 0%;
	 background-repeat: no-repeat;
}

body.blue {
	 text-align: center;
	 background-color: #3f515d;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 margin: 0;
	 padding: 0;
	 color: #3f515d;
	 background-position: 50% 0%;
	 background-repeat: no-repeat;
}

/****** wrapper  *******/
#wrapper {
 width: 1024px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 background-color:#313131;
 height: 100%;
}

/****** wrapper1  *******/
#wrapper1 {
 width: 1024px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 background-color:#3f515d;
 height: 100%;
}










/****** top menue  *******/
#topmenue{
     position:absolute;
     top: 8px;
     right: 3px;
     font-size: 14px;
     font-weight: bold;    
}
.tm_link {
   color:#FFFFFF;
   text-decoration:none;
   
}
.tm_link:visited {
   color:#FFFFFF;
   text-decoration:none;
   
}
.tm_link:hover {
   color:#FFFFFF;
}

/****** logo  *******/
#logo{
     position:absolute;
        top: 620px;
     left: 13px;
     border: 0;
}

/****** left panel *****/
#leftPanel {
 width: 152px;
 position: absolute;
 top: 233px;
 left: 0;
}

/****** right panel *****/
#rightPanel {
 width: 170px;
 position: absolute;
 top: 240px;
 left: 836px;
}

/****** content  *******/
#content{
 width: 550px;
 position: absolute;
 top: 250px;
 left: 220px;
 margin-right: 24px;
 padding-left: 17px;
}

/****** content1  *******/
#content1 {
 width: 800px;
 position: absolute;
 top: 50px;
 left: 50px;
 margin-right: 24px;
 padding-left: 17px;
}

/****** news  *******/

#newsbg {
     position:absolute;
     top: 302px;
     left: 210px;
     
}
#news{  
     position:absolute;
     width: 480px;
     top: 337px;
     left: 250px;
     font-size: 12px;
}
#newsimg{  
     position:absolute;
     width: 480px;
     top: 426px;
     left: 250px;
}
#footer{
     position:absolute;
     width: 480px;
     top: 580px;
     left:250px;
     font-size: 10px;
}

/********* vertical menu ***********/
.verticalMenu{
        padding-left: 20px;
	margin-left: 17px;
	width: 140px;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	font-weight: bold;

}
.vmhs {padding-top: 10px;}
.vmhg {padding-top: 66px;}
.vmhr {padding-top: 46px;}
.vmhe {padding-top: 67px;}
.vmht {padding-top: 46px;}



/********* search ***********/
#search{
	padding-left: 20px;
	padding-top: 20px;
}
.lupe{
        position: absolute;
        border: 1px;
	padding-left: 0px;
	padding-top: 1px;
}

#searchbg{
        position: absolute;
         top: 228px;
	 left: 830px;
}
#whitebg{
        position: absolute;
         top: 700px;
	 left: 0px;
}
#bluebg{
        position: absolute;
         top: 10px;
	 left: 0px;
}

#map{
        position: absolute;
         top: 323px;
	 left: 630px;
}


#dna{
        position: absolute;
         top: 323px;
	 left: 830px;
}
#newshead{
        position: absolute;
         top: 503px;
	 left: 840px;
	 font-size: 13px
}
#newslist{
        position: absolute;
         top: 533px;
	 left: 840px;
	 width: 150px;
	 font-size: 11px
}
#newsscroll{
        position: absolute;
         top: 573px;
	 left: 250px;
	 width: 530px;
	 
}
#people_pos{
        position: absolute;
         top: 72px;
	 left: 630px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#pub_pos{
        position: absolute;
         top: 147px;
	 left: 67px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#proj_pos{
        position: absolute;
         top: 140px;
	 left: 275px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#data_pos{
        position: absolute;
         top: 72px;
	 left: 690px;
	 width: 80px;
	 color: white;
	 font-size: 11px;
}
#col_pos{
        position: absolute;
         top: 142px;
	 left: 245px;
	 width: 80px;
	 color: white;
	 font-size: 11px;
}
#theses_pos{
        position: absolute;
         top: 140px;
	 left: 275px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#new_pos{
        position: absolute;
         top: 200px;
	 left: 85px;
	 width: 50px;
	 color: red;
	 font-size: 11px;
}



#courses_pos{
        position: absolute;
         top: 76px;
	 left: 738px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#infra_pos{
        position: absolute;
         top: 113px;
	 left: 900px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#events_pos{
        position: absolute;
         top: 149px;
	 left: 87px;
	 width: 50px;
	 color: white;
	 font-size: 11px;}
#imprint_pos{
        position: absolute;
         top: 135px;
	 left: 935px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#contact_pos{
        position: absolute;
         top: 112px;
	 left: 852px;
	 width: 50px;
	 color: white;
	 font-size: 11px;
}
#links_pos{
        position: absolute;
         top: 75px;
	 left: 740px;
	 width: 80px;
	 color: white;
	 font-size: 11px;
}



#header{
 position: absolute;
 top: 190px;
 left: 207px 
}

#headerMenu a{
 background-image:url(../images/sep1.gif);
 background-repeat:no-repeat;
 background-position: left;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 35px;
}



	/* STYLES FOR CROSSFADER */



	div.cf_wrapper
	{
		position: relative;
	}

	div.cf_element
	{
		width: 100px;
		height: 100px;

	}


	
	





/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */
.m0l0iout {
	font:   12px Arial, Helvetica, sans-serif;
	padding: 4px;
	color: #313131;
}
.m0l0iover {
	font:  12px Arial, Helvetica, sans-serif;
	padding: 4px;
	color: #ffaa00;
}

/* level 0 outer */
.m0l0oout {
	border : 0px;
	background: #eaefdd;
}
.m0l0oover {
	border : 0px;
	background: #eaefdd;
}

/* level 1 inner */
.m0l1iout {
	font:  12px Arial, Helvetica, sans-serif;	
	padding: 4px;
	color: #000000;
}
.m0l1iover {
	font:  12px Arial, Helvetica, sans-serif;
	padding: 4px;
	color: #000000;
}

/* level 1 outer */
.m0l1oout {
	border : 0px solid #FFFFFF;
	background: #ffaa00;
}
.m0l1oover {
	border : 0px solid #FFFFFF;
	background: #ffd800;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	border : 0px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
	border : 0px solid #FFFFFF;
	background: #E55A5A;
}

.menicon{
	float: left;
}


/**** events *****/

table.events {
     width: 550px;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}
table.events tr.eventsodd td{
       background-color: #eaefdd;
       padding: 5px;
       border-spacing: 0px;
       border-width: 0px;
}
table.events tr.eventseven td{
       background-color: #ffffff;
       padding: 5px;
       border-spacing: 0px;
       border-width: 0px;
}


/**** links *****/

table.links {
     width: 600px;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}
table.links tr.linksodd td{
       background-color: #eaefdd;
       padding: 4px;
       border-spacing: 0px;
       border-width: 0px;
}
table.links tr.linkseven td{
       background-color: #ffffff;
       padding: 4px;
       border-spacing: 0px;
       border-width: 0px;
}

/**** people *****/

table.people {
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}
table.people tr.peopleodd td{
       background-color: #eaefdd;
       padding: 10px;
       border-spacing: 0px;
       border-width: 0px;
}
table.people tr.peopleeven td{
       background-color: #ffffff;
       padding: 10px;
       border-spacing: 0px;
       border-width: 0px;
}

table.phone{
     width: 330px;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}

table.phone tr.phonetr td{
       padding: 1px;
       border-spacing: 0px;
       border-width: 0px;
}

/**** publications**********/

table.pubtable {
     width: 550px;
     background-color:#ffffff;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}

table.pubtable tr.pub td{
          font-size: 11px;

}
table.pubtable tr.pub-header td{
          font-size: 12px;
}

.whiteboard_position_2 {
 position: absolute;
 top: 190px;
 left: 245px;
}


table.pubitable {
     width: 700px;
     background-color:#ffffff;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}

table.pubitable tr.pubi td{
          font-size: 11px;
          padding: 3px;

}
table.pubitable tr.pubi-header td{
          font-size: 12px;
}

table.ebooktable {
     width: 630px;
     border-width: 0px;
     border-spacing: 0px;
     border-collapse: collapse;    
}

table.ebooktable tr.ebook td{
          font-size: 11px;
          padding: 3px;

}


table.comtable {
     width: 300px;
     border-width: 0px;
     border-spacing: 20px;
     border-collapse: separate;    
}

table.comtable tr.com td{
          font-size: 11px;
          color: #313131;
          padding: 0px;
          

}
table.comtable tr.com-header td{
          font-size: 12px;
}

table.bibtable {
     width: 800px;
     border-width: 0px;
     border-spacing: 20px;
     border-collapse: separate; 
     
}

table.bibtable tr.bib td{
          font-size: 10px;
          font-family: Courier, 'Courier New', monospace;
          color: #313131;
          padding: 0px;          
}

table.logotable {
     background-color:#ffffff;
     border-collapse: collapse;
     border: 0px;
}

table.logotable td{
          font-size: 10px;
          text-decoration:none;
          color:#555555;
          font-family:Arial, Helvetica, sans-serif;
          border: 2px solid white;
          background-color:#efefef;
          line-height: 14px;
}

table.loghtable {
     background-color:#ffffff;
     border-collapse: collapse;
     border: 0px;
}

table.loghtable td{
          font-size: 11px;
          text-decoration:none;
          color:#3f515d;
          font-family:Arial, Helvetica, sans-serif;
          font-weight: bold;
          border: 2px solid white;
          background-color: #ffffff ;
          line-height: 14px;
}














<table class=\"logotable\">








.comp {
	 text-align: center;
	 background-color: #eaefdd;
	 background-image: url("../images/searchbg.png");
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 margin: 0;
	 padding: 0;
	 color: #313131;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid;
background-color: #eaefdd;
overflow: scroll; /*leave this value alone*/
width: 520px;
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
background-color: #eaefdd;
left: 0;
top: 0;
}

.stepcarousel .panel{
background-color: #eaefdd;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.nw {
  width: 120px;
  font-size: 11px;
  vertical-align: text-top;
}

/****thesis****/
.thesis_style {
   color:#555555;
   text-decoration:none;
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   line-height: 14px;
}
.thesis_style_b {
   color:#555555;
   text-decoration:none;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
}
.thesis_style_2 {
   color:#000000;
   text-decoration:none;
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
}