.panel {
padding: 0px 30px 0px 30px;
font-size: 10pt;
font-family:sans-serif;
color: black;
text-align: left;
letter-spacing: 1px;
}

.panelcontainer
{

background-color: #eee;

position: absolute;
/* border: 5px solid blue; */
height:100%;
width:100%;
min-width: 950px;
/*width: 80%;
min-width: 1200px; */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.panelheader {
    font-family: Georgia;
    letter-spacing: 1px;
    font-size: small;
    font-weight: bold;
    background-color: #222;
    color: whitesmoke;
    padding: 5px;
    height: 100px;
}

.panelheader img {
    float: left;
    width: 100px;
}
.panelheader h1 {
 font-family: Impact;
 letter-spacing: 10px;
 font-size: xx-large;
}

#panelimpressum
{
    position: absolute;
    bottom: 0px;
    font-family: Georgia;
}

/* JQUERY UI STUFF */
.column { zoom:0.6;
    width: 350px;
    float: left;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
    font-family: Georgia;
    
  }
  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  
  .pantech
  {
      background-color:gold;
  }
  .panconc
  {
      background-color:lightblue;
  }
  .panexam
  {
      background-color:violet;
  }
  
  .panexam img
  {
      width: 100%;
      height: 150px;
  }
  
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
  }
  
  
  
#panelinfo
{
font-size: xx-small;
font-family: Georgia;
}

#panellegend
{
position: relative;
right: 0px;
bottom: 0px;
font-size: smaller;
font-family: Georgia;

}