body {
    color: #000000;
    background: url('bilder/bluefade.jpg') repeat-y fixed;
    background-color: #ffffff;
    margin-left: 0px;
    margin-right: 0px;
    font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 11pt;
    line-height: 13pt;
  }

h1,h2,h3,h4,p,ul,ol,li,div,th,address,blockquote,nobr,b,i {
    font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
  }


h3,h4 {
    line-height:16pt;
    z-index: 5;
  }


h1,h2,h3,h4,b,strong {
    text-shadow:#EFEFEF 5px 5px 8px;
  }


p,b,i {
    text-align: justify;
  }


a:link, a:visited {
    color:#5e86be;
    font-weight:bold;
    text-decoration:none;
  }


a:hover {
    color:#000000;
    font-weight:bold;
    border-bottom: 1px dashed #ccccff;
  }


a:active {
    color:#8080ff;
    font-weight:bold;
    text-decoration:none;
  }


a.extlink {
    background-image : url('bilder/wwwlink.png');
    background-position : center right;
    background-repeat : no-repeat;
    padding-right: 14px;
    /* white-space: nowrap;
    */;
  }


#auth {
    left : 5px;
    position : fixed;
    bottom : 25px;
    width : 150px;
    margin-top: 200px;
  }


.user {
    color: #5e86be;
    text-align : center;
  }


.pw {
    color: #D1D1D1;
    text-align : center;
  }


.button {
    color: white;
    background-color:#5e86be;
  }


#sustain {
  left : 5px;
  position : fixed;
  bottom : 180px;
  width : 164px;
  margin-top: 200px;
  }


#submenu {
    font-size: 80%;
    margin-top: 7px;
  }


#topmenu, #submenu {
    text-align: right;
    margin-right: 15px;
    margin-left: 150px;
  }


#topmenu a {
    color: #D1D1D1;
    margin-right: 10px;
    margin-left: 10px;
  }


#submenu a {
    font-weight: normal;
    color: #5e86be;
    padding-right: 3px;
    padding-left: 3px;
  }


#topmenu a:hover, #submenu a:hover, .menu_ende a:hover {
    color: #000000;
  }


#topmenu .top_on, #submenu .top_on {
    color : #5e86be;
    font-weight : bold;
    margin-left : 10px;
    margin-right : 10px;
    text-shadow : none;
  }


#submenu .top_on {
    font-weight : normal;
    background-color: #ebf5ff;
    /* border-bottom: 1px dotted #5e86be;
    border-top: 1px dotted #5e86be; */
    margin-left : 0px;
    margin-right : 0px;
    padding-left : 7px;
    padding-right : 7px;
    padding-top: 1px;
    padding-bottom: 1px;
  }


.middle_dot {
    font-weight : bold;
    color: #B4DAFF;
    margin-left : 5px;
    margin-right : 5px;
  }

.middle_colon {
    font-size: 120% ;
    font-weight : bold;
    color: #D1D1D1;
    margin-left : 5px;
    margin-right : 5px;
  }

.topline {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
  }


.name_grau {
    font-size: 28pt;
    text-align: right;
    color: #D1D1D1;
    text-shadow:#EFEFEF 5px 5px 8px;
    margin-right: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
  }


.name_blau {
    color: #B4DAFF;
  }


.home {
    font-size: 24pt;
    text-align: left;
    text-indent:-40px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

.ul_home {
    text-align: left;
    padding-left: 15%;
    padding-top: 20px;
    padding-bottom: 10px;
  }


#subinfo_oben, #subinfo_unten {
    background : url('bilder/bluefade_350.jpg') repeat-y right;
    color: #444444;
    font-size: 0.8em;
    text-align: right;
    text-shadow: none;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }


#subinfo_unten {
    color : #5e86be;
    vertical-align : bottom;
  }


.text {
    vertical-align : top;
    text-align: justify;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 270px;
    padding-right: 100px;
  }


#inhalt_oben {
    /* background-attachment : fixed;
    background-image : url('bilder/reaktanz_de.png');
    background-position : center center;
    background-repeat : no-repeat;
    */ text-align : justify;
  }


#inhalt_oben h1, #inhalt_oben h2 {
    padding-bottom : 10px;
    padding-top : 20px;
    text-indent : -40px;
    text-shadow : #BEBEBE 3px 3px 5px;
  }


#inhalt_oben h3, #inhalt_oben h4 {
    text-shadow:#BEBEBE 3px 3px 5px;
    text-indent:-40px;
    padding-top: 20px;
    padding-bottom: 5px;
  }


#inhalt_oben b, #inhalt_oben strong {
    text-shadow:#BEBEBE 2px 2px 3px;
  }


#inhalt_oben ul {
    list-style-image: url('bilder/li_dot_fade3.png');
  }


#inhalt_oben li ul {
    padding-top: 10px;
    padding-left: 0px;
  }

#inhalt_oben li {
    padding-left: 25px;
    padding-bottom: 10px;
    text-indent: -25px;
  }


#proj_li li {
    text-indent: 0px;
    margin-top: 5px;
    padding-left: 0px;
  }


#inhalt_oben .proj_text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify ;
    vertical-align: top;
  }


#inhalt_oben .screenshot {
    width: 230px;
  }


#inhalt_oben .litxt {
    text-indent: 0px;
    margin-top: 5px;
  }


.psych_veranst {
    font-weight : bold;
  }


.psych_fach {
    color: #5e86be;
    font-style : italic;
  }


.psych_dozentin {
    color: #444444;
  }


#info_task_blog, #info_task_psychologie, #info_task_technik, #info_task_hacking, #info_task_faq, #info_task_engagement, #info_task_vita, #info_task_kontakt, #info_task_home {
    display: none;
  }


#img_task_blog, #img_task_psychologie, #img_task_technik, #img_task_hacking, #img_task_faq, #img_task_engagement, #img_task_vita, #img_task_kontakt, #img_task_home {
    display: none;
  }


#topimage {
    background : url('bilder/pass_oel_bckg.png') no-repeat top left;
    height : 120px;
    width : 100px;
    left : 30px;
    position : fixed;
    top : 25px;
  }


.topimg {
    height : 120px;
    border : 0;
    z-index: 1;
  }

#sibebarextra {
    height : 310px;
    width : 155px;
    left : 10px;
    position : fixed;
    top : 160px;
  }


.literatur {
    font-size: 85%;
    padding-left: 25px;
    padding-bottom: 10px;
    text-indent: -25px;
}


.zeugnisse {
    font-size: 85%;
}

.crp {
    background-color : #B4DAFF;
    border-color : #D1D1D1;
    border-style : inset;
    border-width : 1px;
    padding : 3px;
  }

.screenshots {
    padding-right: 25px;
}

#seitenende {
    margin-top: 20px;
  }

.flattrButton {
    position: absolute;
    right: 25px;
    top: 220px;
 }