/****************************************************************************\
|*                                                                          *|
|*	Allgemeine Stylesheets                                              *|
|*                                                                          *|
\****************************************************************************/


html, body {
  margin: 0;
  padding: 0;
  }

body {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #404040;
  text-align: center;
  background: #FFFFFF; 
  }

td {
  font-size: 11px;
  }

h1 {
  font: bold 16px verdana, arial, helvetica, sans-serif;
  margin: 0 0 20px 0;
  }

h2 {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  color: #2d4b9b;
  margin: 0;
  }

h3 {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border-bottom: 1px solid #d8d8d8;
  padding: 6px 10px 6px 10px;
  margin: 20px 0 0 0;
  }

h4, h5 {
  display: none;
  }

h6 {
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #808080;
  margin: 0;
  }

hr {
  display: none;
  }

acronym, abbr {
  border-bottom: 1px dotted;
  cursor: help;
  }

/****************************************************************************\
|*                                                                          *|
|*	Stylesheets für Links                                               *|
|*                                                                          *|
\****************************************************************************/

a {
  color: #cc0000;
  text-decoration: none;
  }

a:hover {
  color: #cc0000;
  text-decoration: underline;
  }

a.header-link {
  font-size: 10px;
  text-decoration: none;
  color: #808080;
  background: #f8f8f8;
  border-left: 1px solid #c0c0c0;
  padding: 5px 10px;
  }

a.header-link:hover {
  text-decoration: none;
  color: #000000;
  background: #f8f8f8;
  }


/****************************************************************************\
|*                                                                          *|
|*	Klassen für den Wysiwyg Editor                                      *|
|*                                                                          *|
\****************************************************************************/

.cell {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  }

/****************************************************************************\
|*                                                                          *|
|*	Stylesheets für die Navigation                                      *|
|*                                                                          *|
\****************************************************************************/

div#navigation { display: none;
  background: url("/new/system/images/nav_bg.png") repeat-x;
  height: 30px;
  }

div#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }

div#navigation ul li {
  background: url("/new/system/images/nav_item.png") no-repeat left top;
  margin: 0;
  padding: 0;
  float: left;
  }

div#navigation ul li a {
  font-weight: bold; 
  font-size: 10px;
    color: #404040; /*color: #000000;*/
  text-decoration: none;
  background: url("/new/system/images/nav_item.png") no-repeat right top;
  padding: 9px 10px;
  display: block;
  outline: none;
  border: none;
  }

div#navigation ul li a:hover {
  background-position: right -30px;
  }

/****************************************************************************\
|*                                                                          *|
|*	Stylesheets für Block Elemente                                      *|
|*                                                                          *|
\****************************************************************************/

div.controls {
  float: right;
  width: auto;
  padding: 8px 0 4px 0;
  }

div.controls a {
  font-size: 10px;
  text-decoration: none;
  color: #808080;
  background: #f0f0f0;
  padding: 0 2px;
  }

div.controls a:hover {
  text-decoration: none;
  color: #000000;
  background: #f0f0f0;
  }

div#banner {
  width: 880px;
  }

div#boxes {
  display:none;
  padding:0px; 
  width: 180px;
 /*height:300px;*/
  float: right;
  
  }


div#box_left {
  margin:15px 0px 0px 20px; 
  padding:5px 5px 0px 5px;  
  background: #e8e8e8 url(/new/system/images/nav_bg.png) 0 -5px repeat-x;; 
  border:1px
  solid #d8d8d8; }

div#box_right {
  margin:0px 0px 10px 20px; 
  padding:5px 5px 0px 5px; 
  background: #e8e8e8 url(/new/system/images/nav_bg.png) 0 -5px repeat-x;
  border:1px
  solid #d8d8d8; 
     }
div#box_left h2 {
  font: bold 10px verdana, arial, helvetica, sans-serif;
  color: #404040; /*#2d4b9b;*/
  margin: 0;
  }

div#box_right h2 {
  font: bold 10px verdana, arial, helvetica, sans-serif;
  color: #404040; /*#2d4b9b;*/
  margin: 0;
  }

div#category {
  font-size: 11px;
 /* font-weight: bold;*/
  color: #808080;
  padding: 16px 10px 12px 10px;
  width: 880px;
 /*  float: left;*/
  }

div#content {
  text-align: /*justify;*/ left;
  padding: 20px 20px 20px 15px;
  width: 640px;
  float: right;
  }

div#footer {
  font-size: 10px;
  color: #808080;
  background: #e8e8e8;
  text-align: center; 
 /*  padding: 16px 10px 12px 10px; */
  width: 880px;	
  }

div#footer_l {
  width: 440px;
  float: left;
  text-align: left;
  padding: 16px 10px 12px 10px;
  }
div#footer_r {  
  /* width: 440px;*/
  float: right; 
  text-align: right;
 padding: 16px 10px 12px 10px;
  }

div#header {
  color: #404040;
  background: #f8f8f8;
  border-bottom: 1px solid #c0c0c0;
  width: 880px;
  height: 89px;
  }

div#info {
  background: transparent url(/new/system/images/bg_info.gif) 0px 0px repeat-y ;
  width: 880px;
 /* padding: 0px 16px ; */
  text-indent:10px;
  }

div#welcome {
  background: transparent url(/new/system/images/bg_info_new.gif) 0px 0px repeat-y ;
  width: 880px;
 /* padding: 0px 16px ; */
  text-indent:10px;
  }


div#logo {
  width: 200px;
  height: 89px;
  float: left;
  }

div#logoc {
  width: 200px;
  height: 89px;
  text-align:center; /*float: right;*/
  }

div#location {
  font-size: 11px;
  color: #808080;
  padding: 16px 10px 12px 10px;
  width: 660px;
  float: right;
  }

div#main {
  background: #FFFFFF;/*transparent url(/new/system/images/bg_main.gif) 0px 0px repeat; */
  width: 880px;
  }
div#main_intro {
  background: #FFFFFF; transparent url(/new/system/images/bg_main_intro.gif) 0px 0px repeat;
  width: 880px;
  }

div#main div.spacer {
  color: #404040;
  background: #808080;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 880px;
  height: auto;
  clear: both;
  }

div#main_intro div.spacer {
  color: #404040;
  background: #808080;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 880px;
  height: auto;
  clear: both;
  }

div#menu {
  padding: 0 20px 20px 0;
  width: 180px;
  float: left;
  }

div#menu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 /*10px */ 0;
  }

div#menu li {
  font-size: 11px;
  list-style: none;
  border-bottom: 1px solid #d8d8d8;
  padding: 7px 26px; /* padding: 9px 26px; */
  margin: 0 0 0 0;
  }

div#shortnav { display:none;
  text-align: right;
  padding-top: 5px;
  }

div#site {
  text-align: left;
  margin: 0 auto;
  width: 880px;
  }

div#portal_info {
  margin:20px 0 0 20px; 
  padding:5px; 
  background: #e8e8e8; 
  border:1px 
  solid #d8d8d8;
  }

div#title {
  font: bold 16px verdana, arial, helvetica, sans-serif;
  color: #404040;
  text-align: justify;
  padding: 16px 10px 12px 10px;
  width: 660px;
  float: right;
  }