body {
  background-image:url(graphics/raster.png);
  font-family: Verdana, sans-serif;
  font-size:10pt;
  color:#444;
  border-spacing:0px;
}

#banner {
  position:absolute;
  /*visibility:hidden;*/
  top:0px;
  left:10px;
  width:950px;
  height:150px;
}

/*Streifen ober- und unterhalb der Menüleiste------------------------*/
#green_stripe {
  background-image:url(graphics/green_alpha.png);
  left:10px;
}

#blue_stripe {
  background-image:url(graphics/blue_alpha.png);
  left:330px;
}

#grey_stripe {
  background-image:url(graphics/grey_alpha.png);
  left:650px;
}

.stripe{
  position:absolute;
  top:136px;
  width:310px;
  height:184px;
}


/*Menü --------------------------------------------------------------*/
#menu_box {
  position:absolute;
  background-color:#ffffff;
  top:150px;
  left:10px;
  width:950px;
  height:150px;
}

#logo {
  position:absolute;
  top:25px;
  left:20px;
  width:290px;
  height:100px;
}

#language {
  position:absolute;
  right:20px;
  top:20px;
}

#menu_line1 {
  top:63px;
}

#menu_line2 {
  top:83px;
}

#menu_line3 {
  top:103px;
}

.menu_line {
  text-transform:lowercase;
  position:absolute;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  left:380px;
  width:570px;
}

a:link.menu {
  color:#777;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

a:visited.menu {
  color:#777;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

a:hover.menu {
  color:#222;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

a:link.menuselect{
  color:#222;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

a:visited.menuselect {
  color:#222;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

a:hover.menuselect {
  color:#222;
  text-decoration:none;
  font-weight:bold;
  font-size:10pt;
}

/*Boxen --------------------------------------------------------------*/
#box_container {
  position:absolute;
  top:330px;
  left:650px;
  width:310px;
}

#box_project_photo  {
  margin-bottom:10px;
  height:100px;
}

#box_project {
  position:absolute;
  left:0px;
  width:150px;
  height:100px;
}

#box_photo {
  position:absolute;
  left:160px;
  width:150px;
  height:100px;
}

/*Seite --------------------------------------------------------------*/
#content {
  background-color:#ffffff;
  padding:10px 20px 100px 20px;
  position:absolute;
  top:330px;
  left:10px;
  width:590px;

  margin-bottom:30px;
}

#footer {
  position:absolute;
  bottom:10px;
}

#diary_box {
  height:250px;
}


/*Allgemeine Klassen ------------------------------------------------*/

.box {
  background-color:#fff;
  margin-bottom:10px;
  padding: 10px 10px 10px 10px;
  width:290px;
}

.content_item  {
  position:relative;
  margin-bottom:10px;
  width:590px;
  clear:left;
  }

.content_item_80  {
  position:relative;
  margin-bottom:10px;
  width:590px;
  height:80px;
  clear:left;
  }

.item_data {
 position:absolute;
 left: 130px;
 bottom: -4px;
}
  
.right{
  text-align:right;
}

.center{
  text-align:center;
}

.justify{
  text-align:justify;
  margin-bottom:5px;
}

.low{
  text-transform:lowercase;
}

.small{
  font-size:8pt;
}

.h_1 {
  font-family: Verdana, sans-serif;
  font-size:24pt;
  margin-bottom:6px; 
}

.h_2 {
  font-family: Verdana, sans-serif;
  font-size:16pt;
  padding-bottom:6px;
  margin-bottom:6px;
  clear:both;
}

.h_3 {
  font-family: Verdana, sans-serif;
  font-size:14pt;
  font-weight: bold;
}

.h_4 {
  font-family: Verdana, sans-serif;
  font-size:10pt;
  font-weight: bold;
}

.h_5 {
  font-family: Verdana, sans-serif;
  font-size:10pt;
  font-weight: bold;
}

.green{
  color:#80cc28;
  border-color:#80cc28;
}

.blue{
  color:#0088a8;
  border-color:#0088a8;
}

.red{
  color:#f00;
}

.grey_light{
  color:#777;
  border-color:#777;
}

.grey{
  color:#444;
  border-color:#444;
}

.grey_dark{
  color:#222;
  border-color:#222;
}

.dot_b{
  border-bottom-style:dotted;
  border-bottom-width:1px;
}

.news_item_box {
  padding-bottom:12px;
  margin-bottom:6px;
}

.deadline_item_box {
  margin-top:8px; 
  font-weight: bold;
}

.bg_grey  {
  background-color:#777;
}

.bg_green  {
  background-color:#80cc28;
}

.bg_blue  {
  background-color:#0088a8;
}

a:link {
  color:#444;
  text-decoration:none;
}

a:visited {
  color:#444;
  text-decoration:none;
}

a:hover {
  color:#0088a8;
  text-decoration:none;
}

a:active {
  color:#80cc28;
  text-decoration:none;
}

a:link.grey{
  color:#444;
  text-decoration:none;
  font-size:10pt;
}

a:visited.grey {
  color:#444;
  text-decoration:none;
  font-size:10pt;
}

a:hover.grey {
  color:#777;
  text-decoration:none;
  font-size:10pt;
}

a:link.green{
  color:#80cc28;
  text-decoration:none;
  font-size:10pt;
}

a:visited.green {
  color:#80cc28;
  text-decoration:none;
  font-size:10pt;
}

a:hover.green {
  color:#80cc28;
  text-decoration:none;
  font-size:10pt;
}

a:link.blue{
  color:#0088a8;
  text-decoration:none;
  font-size:10pt;
}

a:visited.blue {
  color:#0088a8;
  text-decoration:none;
  font-size:10pt;
}

a:hover.blue {
  color:#0088a8;
  text-decoration:none;
  font-size:10pt;
}

.photo {
  float:left;
  border:none;
  margin-top:3px;
  margin-right:8px;
  margin-bottom:0px;
}

img {
  border: none;
}

.team {
  position: relative;
  width: 195px;
  height:60px;
  float:left;
  margin-bottom:15px;
}

.team_name {
 position:absolute;
 left: 50px;
 bottom: -4px;
}

.thumb {
  position: relative;
  width: 140px;
  height:140px;
  float:left;
  margin: 10px 0px 0px 10px;
}

.thumb_left {
  position: relative;
  width: 140px;
  height:140px;
  float:left;
  margin: 10px 0px 0px 0px;
}

.portrait {
  position: relative;
  left: 23px;
  top: 0px;
}

.landscape {
  position: relative;
  left: 0px;
  top: 23px;
}

.table {
  border-collapse: collapse;
}

.person_photo_box {
  border-style: none;
  position:absolute;
  background-color:#fff;
  width:100px;
  height:150px;
  left:90px;
  top:10px;
  padding:10px;
}

.person_info_box {
  border-style: none;
  position:absolute; 
  background-color:#fff; 
  width:180px; 
  min-height:10px; 
  left:50px; 
  top:190px;
  padding:10px;
}

.teacher_info_box {
  border-style: none;
  position:absolute; 
  background-color:#fff; 
  width:260px; 
  min-height:10px; 
  left:10px; 
  top:190px;
  padding:10px;
}


/*Altlasten -------------------------------------------------*/


ul {
  position:relative;
  margin-top:5px;
  margin-bottom:15px;
  list-style-type:square;
}

.text {
  position:relative;
  margin-top:5px;
  margin-bottom:15px;
  text-align:justify;
}