body { margin-right: 20em; margin-top: 2em; font-family: sans-serif; 
font-size: 100%
color: #666666;
line-height: 21px;
font-family: Verdana,Arial,Helvetica; }

h1 { font-size: 170%; margin-top: 2.8em;  }
h2 { clear: left; float: left; margin-top: -0.35em; text-align: right; width: 10.5em; }
h3 { clear: left; float: left; font-size: 100%; margin-top: 0; text-align: right; width: 15.75em; }
h4 { color: #aaa; clear: left; float: left; font-size: 100%; margin-top: 0; text-align: right; width: 15.75em; }
.userpic, dl, ul { margin-left: 17em; margin-right: 2em;}
dd ul, ul ul, ol ul { margin: 0; }
ul { padding-left: 1em; } 
dt { font-weight: bold; }
dd { margin-bottom:  2.0em; margin-left: 0; }
.title {  margin-bottom: 1.4em; font-weight: bold; }
p{ margin-bottom: 1.8em;}
.authors {  display: block;}

div.publication { margin-bottom: 1em; padding: 1em; border: 1px solid #ccc; font-size: 100%;}
div.author {}
div.title { font-weight: bold; font-size: 100%; }
		  
.greybox { background-color:#BDBDBD; padding:4px; margin:0px; }

a:link { text-decoration: none; color: #FE9A2E; }
a:visited { text-decoration: none; color: #FE9A2E; }
a:hover { text-decoration: underline; color: #FE9A2E; }
a:active { text-decoration: underline; color: #FE9A2E; }

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
 
.clearfix {  
    *zoom: 1;  
}
ul.social{
        list-style: none;
        margin-bottom: 5px;
    }

    ul.social li{
        display: block;
        float: left;
        position: relative;
        margin: 0 15px 15px 0;
    }


    ul.social li a{
        display: block;
        width: 30px;
        height: 30px;
        background: url('../img/sm.png') no-repeat;
        background-position: 0 0;
    }


    ul.social li a:hover{
        background: url('../img/sm_hover.png') no-repeat;
    }



    ul.social li a.fb,
    ul.social li a.fb:hover{
        background-position: 0 0;
    }

    ul.social li a.twitter,
    ul.social li a.twitter:hover{
        background-position: -93px 0;
    }

 

.wrapper{
clear: left; clear: right; 
}

.col1 {
    width:20%;
    float:left;
    padding:10px; 
}




/* Begin Navigation Bar Styling */
#nav {
      width: auto;
	  height: 4em;
      /*margin: 0 0 3em 0;*/
      padding: 1;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc; 
	  margin-left: 17em; 
	  margin-right: 2em;
	  margin-top: 2em; 
	  }
   
   #nav li {
      float: left; 
	  display: inline;
	  padding: 0px;
	}


   #nav li a {
      display: block;
      padding: auto; 
	  /*8px 15px;*/
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; 
	  border-left: 1px solid #ccc;}
	  
	  
   #nav li a:hover {
      color: #FE9A2E;
      background-color: #fff; }
 /* End navigation bar styling. */   




.text
{
font-size: 100%;
color: #999999;
line-height: 21px;
font-family: Courier New,Courier,Monaco,monospace;
}

.lesen
{
font-size: 90%;
color: #666666;
line-height: 18px;
font-family: Verdana,Arial,Helvetica;
}

.head
{
font-size: 110%;
color: #666666;
line-height: 21px;
font-family: Courier New,Courier,Monaco,monospace;
}


.sb {scrollbar-3dlight-color:#666666;
           scrollbar-arrow-color:#cc3300;
           scrollbar-base-color:#ffffff;
           scrollbar-darkshadow-color:#6666666;
           scrollbar-face-color:#ffffff;
           scrollbar-highlight-color:#ffffff;
           scrollbar-shadow-color:}