/*==========================================================
Stylesheet für Gruppe I.V.S. Uni-Bonn
Author: Alexis Raptarchis

Contents:

1) Kalibrierun
2) Styles dir das grobe Layout der Seite setzen.
3) Styles, die quasi die default Werte für Elemente sind.
4) Styles für die Navigation , Navigationseffekte.
5) Styles die bei der Plazierung von Bildern helfen.
6) Genaure Styles für die Elemente der einzelnen Seiten.



Gradient Color: From #D2E9F0 to white
============================================================*/
/*Kalibrierung*/
*{
    padding: 0;
    margin: 0;
}
/*Firefox fix*/
html {
  height: 101%;

}
/*****************************************************/



/*Hier kommen die Styles für das Framework der Seite*/
body {
    color: white;

    background-color: #D2E9F0;
    background-image: url(images/gradientvertical.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Verdana , Arial, Helvatica, sans-serif;
    font-size: small;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
#wrapper{
    color: black;
    background-color: transparent;
    width: 90%; /*1000px;*/
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;

}

#spacer{
    height: 70px;

}

#kopfbereich{
    position: relative;
    color: black;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
}
#kopfbereich p{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 0 0px 0;
    margin-bottom: 0;
    font-size: xx-large;
    font-family: Verdana,Arial,Helvetica,sans-serif;

    color: #0060AE;
    font-variant: small-caps;
}
#logo_i3{
    position: absolute;
    top:20px;
    right: 0px;
    background-color: white;
    padding: 7px;
    color: black;
    border: 1px solid #DDDDDD;

}
#logo_uni{
    position: absolute;
    top:20px;
    left: 0px;
    background-color: white;
    padding: 7px;
    margin-bottom: 2em;
    color: black;
    border: 1px solid #DDDDDD;
}
#logogruppe{
  background-color: white;
  padding: 1px;
  color: black;
  border: 1px solid #DDDDDD;
}
#navigation{

    text-align: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 20px;
    border-bottom: 1px solid #DDDDDD;

}
#inhalt{

    overflow:hidden;
    text-align: justify;
    text-indent: 1em;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background-color: white;
}
#footnote{
    position: relative;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top:0px;

}
#footnote ul {
    position: absolute;
    top: 5em;
    left: 0px;
    margin-top: 0em;
}
#footnote li {
    display:inline;
    list-style-type: none;
    margin-right: 30px;
}
/*****************************************************/




/*Hier kommen die Styles die allgemeingültig sind*/


/*Die Abstände wieder setzten*/
h2,p,ul,ol,h3{
  margin-bottom: 1em;
}

ul li ul li{
  margin-bottom: 1em;
  list-style-type: none;
}

ul li{
    list-style-type: none;

}

li{
  margin-left: 1em;
}
h1,h2,h3{font-family: Verdana,Arial,Helvetica,sans-serif;}

h1{font-size: 170%;}
h2{font-size: 130%;}
h3{font-size: 120%;}
h4{font-size: 110%;}
h5{font-size: 100%;}

address {
    margin: 10px 0 0 3em;
    font-style:normal;
    letter-spacing: 1px;
    line-height: 1.5em;
}
a{
    text-decoration: none;
}
a:link{
    color: #0099CC ;
}
a:visited{
    color: #274E9C ;
}
a:hover , a:focus {
    border-bottom: 1px solid #0099CC;
}
a:active {
    color: white;
    background-color: #0099CC ;
}
/*******************************************************/






/*Hier kommen die Styles für die Navigation*/

#navigation ul{
  margin-bottom: 0;
}
#navigation li {
    display:inline;
    list-style-type: none;
    margin: 0;
}
#navigation a{
    background-color: #E6F2F7;
    padding: 4px 8px 4px 8px;
    border: 1px solid #DDDDDD;
}
#navigation a:hover,
#navigation a:focus,
#startseite #navi01 a,
#research #navi02 a,
#publications #navi03 a,
#teaching #navi04 a,
#team #navi05 a,
#contact #navi06 a {
        background-color: white;
        border-bottom-color: white;
}
#inhalt ul , #inhalt ul li{
  margin-top: 1em;
}
/*******************************************************/



/*Styles für Bilder******************************************/
#collage {
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
  width: 601px;
}
.bildrechts {

    float: right;
    padding:3px;
    margin: 10px;
    /*IE fix*/
    display: inline;
}
.bildlinks {

    float: left;
    padding:3px;
    margin: 10px;
    /*IE fix*/
    display: inline;
}
.clearing {
  clear:both;
}
/***********************************************************/

span.index_point {
  font-weight: bold;
}

li.no_ein {
  text-indent: 0;
}

p.no_ein {
  text-indent: 0;
}

p.welcome_text {
  text-indent: 0;
  margin-left: 1em;
}




/*Styles für team und teaching*******************************************/


div.teammember , div.semester{
    position: relative;
    overflow: hidden;
    border: solid 1px #DDDDDD;
    margin-bottom: 2em;
}

div.semester{
  margin-top: 2em;
}

div.semester ul li{
     list-style-type: none;
     margin-bottom: 1em;
}

ul.pre_teaching{
    list-style-type: none;

}


div.teammember li   {
    list-style-type: none;
    margin-bottom: 1em;
}
div.teammember span , div.semester span.veranstaltungstyp{
    font-weight:bold;
}
/***********************************************************/

/*Styles für Research*******************************************/

div.researchleft{
    margin: 5px;
    position: relative;
    overflow: hidden;
    border: solid 1px #DDDDDD;
    margin-bottom: 2em;
    background-color: #FAFAFA;
}
div.researchleft p,
div.researchright p{
  padding: 10px;

}
div.researchleft a{
  position: absolute;
  bottom: 10px;
  left: 10px;

}
div.researchright{
    margin: 5px;
    position: relative;
    overflow: hidden;
    border: solid 1px #DDDDDD;
    margin-bottom: 2em;
    background-color: #FAFAFA;
}
div.researchright a{
  position: absolute;
  bottom: 10px;
  right: 10px;

}
/***********************************************************/






/*Styles für publications*******************************************/

div.publicationyear h3{
  margin-top: 1em;
}
div.publicationyear{
    border: solid 1px #DDDDDD;
    margin-bottom: 2em;
    /*background-color: #E3E3E3;*/

}
div.publicationyear li{
  padding: 10px;
  padding-left: 1em;
  list-style-type: none;
  text-indent: 0;
}
#publications span.name{

}
div.publication span.title{
    font-weight: bold;
}
div.publication span.paper{
    font-style: italic;
}
/***********************************************************/

div.semester h2{
  margin-top: 1em;
}



#contact #inhalt li {
    list-style-type: none;
    margin: 10px 0 0 3em;
}

#team a.more {
    position: absolute;
    bottom: 10px;
    right: 10px;
 }



/** END*******************************************************/