.screen-off
{
  visibility: none;
  display: none;
}

body
{
  background-color: #c3c4c7;
  font-size: 10pt;
  font-family: Arial, Helvetica, sans;
  margin: 1em;
}

.design
{
  position: absolute;
  margin: 0;
  padding: 0;
}



div#container
{
  width: 60em;
  text-align: left;
  background-color: white;
  border: white 1px solid;
}

div#container div#head
{
  padding: 0;
  white-space: nowrap;
  height: 12em;
}

div#container div#head img#logo
{    
  width: 12em;
  height: 12em;
  padding: 0;
  margin: 0;
}

div#container div#head img#head-image
{
  width: 48em;
  height: 12em;
  padding: 0;
  margin: 0;
}

div#container div#body
{
  background-color: white;
  overflow: hidden;
}

div#container div#menu
{
  width: 12em;
  float: left;
}

div#container div#margin
{
  width: 12em;
  background-color: #cccccc;
  float: right;
  overflow: hidden;
}

div#container div#main
{
  z-index: 1;
  padding-bottom: 1em;
  background-color: white;
  width: 36em;
  overflow: hidden;
}

div#container div#main.wide
{
  width: 48em;
}

div#container div#main a, div#container div#margin a
{
  color: #162966;
}

div#container div#main h1
{
  background-color: #162966;
  color: white;
  font-size: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  height: 1.25em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.1em;
}  

div#container div#main h2
{
  font-size: 120%;
  margin-top: 1.5em;
  margin-bottom: 0.25em;
  font-weight: normal;
}

div.text
{
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div#container div#main p
{
  padding-right: 1em;
}

div#container div#margin div.news div.h1
{
  background-color: #97989c;
  color: black;
  font-size: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  height: 1.25em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.2em;
}

div#container div#margin h1, div#container div#margin div.news.active div.h1
{
  background-color: #bd001b;
  color: white ! important;
  font-size: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  height: 1.25em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.2em;
}

div#container div#margin h1.gray
{
  background-color: #999999;
  color: white ! important;
}

div#container div#margin div.news.active
{    
  background-color: #dddddd;
  color: white ! important;
}

div#container div#margin div.news div.h1 a
{
  color: white ! important;
  text-decoration: none;
}

div#container div#margin div.news div.title
{
  font-weight: bold;
  padding-left: 0.5em;
}

div#container div#margin div.news div.title a
{
  color: black ! important;
  text-decoration: none;
}

div#container div#margin div.news
{
  padding-bottom: 0.5em;
}

div#container div#margin div.location
{
  font-size: 80%;
  padding-left: 0.5em;
  color: black;
}

#container div#margin div.info
{
  margin: 0.5em;   
}

div#container div#margin div.smaller
{
  font-size: 80%;
}

div#container div#margin div.controlls
{
  padding-left: 0.5em;
  margin-top: 1.5em;
  margin-bottom: 2em;    
}

div#container div#margin div.controlls a
{
  color: black;

  text-decoration: none;
}

div#container div#margin div.controlls a.active
{
  font-weight: bold;
}

div#container div#margin div.pager a
{
  color: black;
  text-decoration: none;
}

div#container div#margin div.pager a.active
{
  font-weight: bold;
}

div#container div#margin div.user-profile
{
  padding-left: 0.5em;
}

div#container div#margin div.user-profile div.row
{

}

div#container div#margin div.user-profile ul
{
  margin-left: 1em;
  padding-left: 0;
}

div#container div#margin div.user-profile ul li
{
  margin-left: 0.5em;
  padding-left: 0;
}

div#container div#main div.news img.news-image
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

div#container div#main div.news div.title
{
  font-weight: bold;
  color: #162966;
  padding-right: 1em;
}

div#container div#main div.news div.location
{
  margin-bottom: 1em;
  padding-right: 1em;
}

div#container div#main div.news div.description
{
  padding-right: 1em;

}

div#foot
{
  width: 60em;
  text-align: left;
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 2em;
  color: #555555;
}

div#foot div.padding
{
  font-size: 70%;
}

div#foot div.jungepartner  
{
  float: right;
}

div#foot div.jungepartner a
{
  color: #555555;
  text-decoration: none;
}



div.menu
{
  padding-top: 1.5em;    
}

div#menu div.uls
{
  padding-left: 0.5em;
  padding-right: 1em;
}

div.menu ul
{
  margin: 0;
}

div.menu ul
{
  padding-left: 0.5em;
}

div#menu div.user-info
{
  padding-left: 1em;
}

div.menu ul.level0 li
{
  margin-bottom: 0.7em;
}

div.menu ul.level1 li
{
  padding-left: 0.25em;
  margin-bottom: 0.25em;
}

div.menu ul li
{
  padding-left: 0;
  margin-bottom: 0.2em;
  list-style: none;
}

div.menu a
{
  display: block;
  color: black;
  text-decoration: none;
  font-weight: bold;
}

div.menu a.internal
{
  color: #bd001b;
}

div.menu a.active, div.menu a:hover
{
  color: #162966;
}

div.menu a.active
{
  background: url(active_menu_item.png) left center no-repeat;
  white-space: nowrap;
  padding-left: 12px;
}

div.menu a.open
{
  font-style: italic;
}

div.menu a.active
{
  font-weight: bold;
}

div#menu div.user-info div.welcome
{
  margin-top: 0.5em;
}

div#menu div.user-info div.name
{
  font-weight: bold;
}

div#menu div.user-info div.logout
{
  margin-top: 0.75em;
}

div#menu div.user-info div.logout a
{
  color: #bd001b;
  font-weight: bold;
  text-decoration: none;
}  

div.andreas-pager
{
  margin-top: 1em;
}

div.andreas-pager a.active
{
  font-weight: bold;
}

table
{
  cell-spacing: 0;
  width: 100%;
}

table a
{
  text-decoration: none;
}

table td, table th
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  vertical-align: top;
}

table thead th
{
  background-color: #97989c;
}

table thead th, table thead th a
{
  color: white ! important;
  text-align: left;
  text-decoration: none;
}

table thead th a.active
{
  background: url(required.gif) right top no-repeat;
  padding-right: .75em;
}

table tr.odd td
{
  background-color: #e1e2e3;
}

table tr.even td
{
  background-color: #c7c8ca;
}

table tr.top td
{
  padding-bottom: 0.2em;
}

table tr.bottom td
{
  padding-top: 0;
}

img.section-supervisor
{
  width: 0.6em;
  height: 0.6em;
}


form.group div.row
{
  margin-bottom: 0.5em;
  position: relative;
  clear: both;
}

form.group
{
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

form.group h3
{
  font-size: 1em;
  font-weight: bold;
}

form.group div.label
{
  font-weight: normal;

  width: 8em;
  float: left;
}

form.group div.field
{
  margin-left: 8em;
  padding-right: 1em;
}

form.group div.field.textarea
{
  clear: both;
  padding-top: 0.2em;
  margin-left: 0;
}

form.group div.field input.text
{
  border: grey 1px solid;
  margin: 0;
}

form.group div.field input.readonly
{
  color: grey;
}

form.group div.error
{
  color: red;
  margin-left: 1.25em;
  font-size: 80%;
}

form.group div.help
{
  color: #666666;
  font-size: 75%;
}


form.group .required
{
  
  background: url(required.gif) right top no-repeat;
  padding-right: .75em;
}

form div.lock-widget
{
  display: inline;
  width: 1em;
}

form div.lock-widget img
{
  width: 1em;
  height: 1em;
}

.no-lock
{
  padding-left: 0.85em;
}


div.user-profile
{
}

div.user-profile img.user-image
{
  float: right;
  margin-left: 1em;
}

div.user-profile div.row
{
  margin-top: 0.6em;
}

div.user-profile div.row div.label
{
  background-color: #97989c;
  color: white;
  font-size: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  height: 1.25em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}

div.user-profile div.row div.field
{
  margin-right: 0.5em;
}

a.button
{
  text-decoration: none;
  border: black 1px solid;
  padding: 0.1em;
  color: black ! important;
  background-color: white;
}

span.pending
{
  background-color: yellow;
  padding: 0.1em;
}

span.published
{
  background-color: green;
  color: white;
  padding: 0.1em;
}

span.rejected
{
  background-color: red;
  color: white;
  padding: 0.1em;
}

span.internal
{
  background-color: #162966;
  color: white;
  padding: 0.1em;
}

table.regionaltreffen div.title
{
  color: #162966;
  font-weight: bold;
  margin-top: 0.25em;
}

table.regionaltreffen tr.bottom td
{
  border-bottom: 0.25em #777777 solid;
}

table.regionaltreffen div.phone
{
  white-space: nowrap;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

table.regionaltreffen td.right
{
  width: 12em;
  background-color: white;
  border-bottom: 0.25em #777777 solid;
  padding-bottom: 0.5em;
}

a.rss-link
{
  display: block;
  margin-top: 0.25em;
  text-decoration: none;
  color: black;
}

a.rss-link.internal
{
   color: #bd001b;   
}

div.download
{
  clear: both;
  padding-bottom: 0.5em;
}

div.download img
{
  width: 2em;
  height: 2.4em;
  float: left;
  margin-bottom: 0.5em;
}

div.download div
{
  margin-left: 4em;
}

div.download div.title
{
  font-weight: bold;
}

div.download div.title div.buttons
{
  width: 2.5em;
  float: right;
  text-align: right;
  padding-right: 0;
  text-decoration: none;
}

div.download div.title div.buttons img
{
  float: none;
}

div.download div.filename a
{
  font-family: Arial, Helvetica, sans;
  font-size: 7pt;
}

div.dumb-pager
{
  clear: both;
  margin-top: 1em;
}

div.dumb-pager a
{
  text-decoration: none;
  border: #162966 0.1em solid;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

div.dumb-pager a.active
{
  background-color: #162966;
  color: white ! important;
  border-left: 0;
  font-weight: bold;
}

div#container div#main div.news div.date
{
  width: 10em;
  float: right;    
  text-align: right;
}

div#container div#main div.news div.date div.buttons
{
  display: inline;
  text-decoration: none;
}

div#container div#main div.news div.date div.buttons img
{

}

div#container div#main div.news div.date a
{
  text-decoration: none;
}

div#container div#main div.news div.title
{
}

div#container div#main div.news div.title a
{
  font-weight: normal;
  text-decoration: none;
}

div#container div#main div.news
{
  padding-bottom: 0.5em;
}

div#container div#main div.location
{
  font-size: 80%;
}

table.gallery td
{
  text-align: center;
  vertical-align: middle;
}

table.gallery td.odd
{
  background-color: #888888;
}

table.gallery td.even
{
  background-color: #dddddd;    
}

div.gallery-preview
{

}

div.gallery-preview div
{
  display: inline-block;
}



div.gallery-preview div
{
  width: 5em;
  height: 5em;

  text-align: center;
  vertical-align: middle;

  margin-right: 1em;
  padding: 0;
}


div.blackboard-entry
{
  background-color: #c7c8ca;
  margin-bottom: 0.5em;
  padding: 0.5em;
  margin-right: 0.5em;
}

div.blackboard-entry div.subject
{
  font-weight: bold;
}

div.blackboard-entry div.message
{
  margin-top: 0.5em;
}

div.blackboard-entry div.status
{
  width: 11em;
  float: right;
  text-align: right;
}

img
{
  border: 0;
}

.icons a
{
  text-decoration: none;
}

div#lead
{
  position: absolute;
  top: 0;
  left: 50%;
}

div#message-container
{
  position: absolute;
  width: 60em;
  left: 0;
  margin-left: -30em;
  padding: 0;
}

div.portal-message
{
  border: 2px #0f0000 solid;
  background-color: #ff0000;
  color: white;
  padding: 1em;
  position: absolute;
  top: 5em;
  left: 22em;
  width: 24em;
  z-index: 9;
}

div.debug-message
{
  border: 2px #0f0000 solid;
  background-color: #ff0000;
  color: white;
  padding: 1em;
  position: absolute;
  top: 5em;
  left: 2em;
  z-index: 9;
}

a.gallery-link
{
  color: black;
  font-weight: bold;
  text-decoration: none;
}

a.external
{
  background: url(external_link.png) left center no-repeat;
  padding-left: 18px;
}

div#events
{
  height: 22em;
  overflow: auto;
  border: #888888 1px solid;
  padding: 0.5em;
  margin-right: 1em;
}

div#events div.news-event
{
  padding: 1em;
  margin-bottom: 1em;
  background-color: #cccccc;
}

div.news-list div.news
{
  margin-bottom: 0.5em;
  padding: 0.5em;
  overflow: hidden;
}

div.news-list div.news.odd 
{
  background-color: #dddddd;
}

div.news-list div.news.even 
{
  background-color: #bbbbbb;
}


div.news-list div.widgets a
{
  text-decoration: none;
}

div.news-list div.widgets a.active
{
  font-weight: bold;
}

div.news-list div.title
{
  font-size: 110%;
  margin-bottom: 0.25em;
}

div.news-list div.title a
{
  font-weight: bold ! important;
}

div.news-list div.news
{
  clear: both;
}