body,a { background-color:/*rgb(247,196,24)*/#FAD456; font-size:100%; /*color:rgb(156,99,106);*/ color:	#8c595F ; font-family:verdana, sans-serif; text-decoration: none; margin-left: 0; margin-right: 0; margin-top: 0;}
body {margin-bottom: 3em;}

document.addEventListener("touchstart", function() {}, true);

@media only screen and (min-width: 768px){
	html {margin-left: 4px; border-right-width: .5cm; border-right-color: #8C595F; border-right-style: solid; margin-right: 1.25%;}
}
@media only screen and (orientation: landscape) and (max-width: 768px){
	html {margin-left: 0px;}
}

a {color:#4E3235 }

a:hover {color:#B57599 ;} /* thought: lighten this but keep this color for the abstracts */

img {margin-top: 6.7em;padding-top: 0px}

div.pic {border-bottom-width: 2px; border-bottom-color: #8C595F; border-bottom-style: solid;}



div.left {margin-left: 4px;}
/*div.papers {width:55%; float:right; margin-top: 35px; border-right-width: 8%; border-right-color: #8C595F; border-right-style: solid;}

div.left {float:left; width:42%; margin-top: 35px;}
*/


@media only screen and (min-width: 768px){

    div.papers {width:55%; float:right; margin-top: 5px;}

    div.pic {float:left; width:41%; margin-top: 5px;}

    div.left {float:left; clear:left; width:41%; margin-top: 5px;}

    img {margin-top: 0px;padding-top: 0px}

}

@media only screen and (orientation: landscape) and (max-width: 768px){

    div.papers {width:55%; float:right; margin-top: 0px; margin-right: 2px; }

    div.pic {float:left; width:42%; margin-top: 5px;}

    div.left {float:left; clear:left; width:42%; margin-top: 3px; margin-left: 6px;}

    div.spiel {margin-left: 6px;}

    img {margin-top: 0px;padding-top: 0px;}

}



p.caption {font-size:0.53em; margin-left: 4px} 



a.oeuvre { font-size:.9em; font-weight:500; }

@media only screen and (min-width: 768px){
	a.oeuvre { font-size:.9em; font-weight:500; }
}

@media only screen and (orientation: landscape) and (max-width: 768px){
	a.oeuvre { font-size:.9em; font-weight:500; }
}



/*a.email:hover {color:#4E3235;}*/

span.floatright{float:right;margin-right: 4px;}

h1.title {font-size:3em; font-weight:900; font-style:oblique; position: fixed; top: 0; padding-bottom: .1em; border: 0; margin: 0; margin-left: 4px; border-right: 7em;}
@media only screen and (min-width: 768px){
	h1.title {font-size:3em; font-weight:900; font-style:oblique; width: 100%; position: static; padding-bottom: .3em;}
}
@media only screen and (orientation: landscape) and (max-width: 768px){
	h1.title {font-size:2.5em; font-weight:900; font-style:oblique; width: 100%; position: static; padding-bottom: .3em; margin-left: 6px;}
}

h1.category {font-size:1.6em; }

a.biglink span {background:#FFFFFF;  color:#4E3235;}

div.papers {margin-left: 4px;}




ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #4E3235;*/
    background-color: #8c595F;
    position: fixed;
    top: 3.9em;
    width: 100%;
    opacity: .9;
}

li {
    /*background-color: #009;*/
    float: left;
    margin: 2px 1px;
   
}

li a {
    display: block;
    color: white;
    /*color: #8c595F;*/
    /*background-color: #8c595F;*/
    background-color: #4E3235;
    /*background-color: #FFFFFF;*/
    opacity: 0.75;
    font-size: .9em;
    text-align: center;
    padding: 12px 12px;
    text-decoration: none;
}


li a:hover:not(.active) {
    background-color: #4E3235;
}

.active {
    background-color: #B57599;

}

a.cvli {background-color:rgb(250,212,86); opacity: 1.0; color: #4E3235} 

a.cvli:hover:not(.active) {background-color:#B57599;}

@media only screen and (min-width: 768px){
	ul{
		display:none;
	}
}

@media only screen and (orientation: landscape) and (max-width: 768px){
	ul{
		display:none;
	}
}

span.biblio {font-size:0.7em; width:150%}

hr {color: #8c595F;}

.abstracts a:hover span {color:#8c595F ; font-size:0.8em; 
display:block; border:none; background:rgb(255,255,255); 
opacity:0.9; padding:10px; margin: 10px 40px 10px 10px; width: 
80%; z-index:1; position:absolute} 

.abstracts a span { display:none; }

@media only screen and (min-width: 768px){
	.abstracts a:hover span {width: 40%;}
}
@media only screen and (orientation: landscape) and (max-width: 768px){
	.abstracts a:hover span {width: 40%;}
}

.cl-abstracts a:hover span { font-size:0.5em; font-weight:300; display:block; border:none; background:rgb(255,255,255); opacity:0.95; padding:10px; margin: 10px 40px 10px 10px; width: 40%; z-index:1; position:absolute}

.cl-abstracts a span { display:none; }

bibliographical

status

abstract { text-align:justify;}




p.spiel {font-size:0.75em; margin-left: 4px;} 

ul {list-style-type:none}




/*yo mama!*/

/*http://www.w3schools.com/css/tryit.asp?filename=trycss_float6*/