body, html
{
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #57656E;
  font-size: 9pt;
  font-family: Arial, Verdana, SunSans-Regular, Geneva, Helvetica, Sans-Serif;
  color: #eee;
}

a,
a:visited,
a:hover,
a:active
{
  color: #feb;
  text-decoration: none;
}

a:hover
{
  color: white !important;
}
a:active
{
  color: #fff9e1 !important;
}

/**********************************************
**    Page layout
**********************************************/
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License */
/* http://creativecommons.org/licenses/by/2.0/deed.en */

/***  Container for centered layout  ***/
#page_container
{
  /*border: 1px solid yellow;*/
  width: 966px;
  margin: 0 auto;
  left: 0px;
  top: 0px;
}

#frame_container
{
  /*border: 1px solid red;*/
  width: 966px;
  margin: 0px;
  padding: 0px;
  background: url(./img/page_bg.png) repeat-y;
}

/** Top Leiste **/
#top
{
  position: relative;
  margin-left: 34px;
  margin-right: 32px;
  height: 28px;
  background: #6A6A6A url(./img/top_nav_bg.png);
  border: 1px solid #535969;
}

/***  Left  ***/
#left
{
  position: relative;
  /*border: 1px solid green;*/
  float: left;
  width: 172px;
  margin: 0px;
  /*margin-left: 34px; IE macht damit Fehler!*/
  padding-top: 4px;
  padding-left: 38px;
}

/***  Content  ***/
#content
{
  position: relative;
  /*border: 1px solid blue;*/
  padding: 8px;
  margin-left: 211px;
  margin-right: 32px;
  height: 100%;
  /*height: expression(this.scrollHeight > 600 ? "auto":"600px");*/
}

#content.a
{
  font-weight: bold;
}

/***  Footer  ***/
#footer
{
  background: url(./img/footer.png) no-repeat;
  font-size: 11px;
  top: -10px;
  margin: 5px 0px 0px 0px;
  height: 46px;
  padding: 10px 370px;
  text-align: center;
  clear: both;
}

#header
{
  background: url(./img/logo.png);
  width: 966px;
  height: 151px;
}

#header_search
{
  position: relative;
  top: 120px;
  left: 70px;
  width: 300px;
}

.main_nav
{
  padding: 7px;
  float: left;
  font-size: 8pt;
}


/**********************************************
**   Navi Menüs
**********************************************/

/***  Navi  ***/
.menu_head
{
  width            : 172px;
  height           : 28px;
  line-height      : 28px;
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size        : 12px;
  text-align       : left;
  text-indent      : 10px;
  display          : block;
  white-space      : nowrap;
}

.navi_left_head,
.navi_right_head
{
  background       : url(./img/navi_left_top.png) no-repeat;
}

/*
.navi_right_head
{
  background       : url(./img/navi_right_top.png) no-repeat;
}
*/

.menu
{
  width            : 172px;
  height           : 20px;
  line-height      : 20px;
  padding          : 0px;
  background       : url(./img/menu_off.png) no-repeat;
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : left;
  text-decoration  : none;
  text-indent      : 10px;
  display          : block;
  white-space      : nowrap;
  color            : #fff;
}

.menu:link,
.menu:visited
{
  color            : #fff;
}

.menu:hover
{
  color            : #fff;
  background       : url(./img/menu_on.png) no-repeat;
}

#active_menu
{
  color            : #fff !important;
  background       : url(./img/menu_on.png) no-repeat;
  font-weight      : bold;
}

#active_menu:hover
{
  color            : #fff;
}

.navi_bot
{
  width            : 172px;
  height           : 17px;
  line-height      : 17px;
  background       : url(./img/navi_bot.png) no-repeat;
}

.navi_bar_light
{
/*  width            : 172px;*/
  padding          : 0px;
  padding-left     : 7px;
  padding-right    : 13px;
  background       : url(./img/navi_bg.png) repeat-y;
  font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : center;
  text-decoration  : none;
  display          : block;
  white-space      : nowrap;
}

/******************************************/
/* Tabellen Formatierungen                */
/******************************************/

table,
tr,
td
{
  empty-cells: show;
}

td
{
  font-size: 9pt;
}

.tab_full
{
  width: 100%;
  vertical-align: top;
}

.tab_border
{
  background-color: #111;
}

.white_border
{
  border: solid 1px white;
}

.tab_title
{
  background-color: #2C2F3F;
  border-top: 1px solid #6C708C;
  border-left: 1px solid #6C708C;
  font-size: 9pt;
  font-weight: bold;
  white-space: nowrap;
}

.tab_a
{
  background-color: #4A4D5C;
  border-top: 1px solid #9195A6;
  border-left: 1px solid #9195A6;
  font-size: 9pt;
}

.tab_b
{
  background-color: #3E404D;
  border-top: 1px solid #71748A;
  border-left: 1px solid #71748A;
  font-size: 9pt;
}

.tab_c
{
  background-color: #323546;
  border-top: 1px solid #706C83;
  border-left: 1px solid #706C83;
  font-size: 9pt;
}

.tab_d
{
  background-color: #232532;
  border-top: 1px solid #666276;
  border-left: 1px solid #666276;
  font-size: 9pt;
}

.tab_content
{
  width: 100%;
  padding: 8px;
  font-size: 9pt;
}



/******************************************/
/*  Fonts                                 */
/******************************************/

h1
{
  font-size: 15pt;
}
h2
{
  font-size: 13pt;
}
h3
{
  font-size: 11pt;
}

.headline
{
  font-weight: bold;
  font-size: 13pt;
}

.smallfont
{
  font-size: 8pt;
}

.xsmallfont
{
  font-size: 7pt;
}

.boldfont
{
  font-weight: bold;
}

.red
{
  color: red;
}

.yellow
{
  color: yellow;
}

.red_input
{
  color: black;
  background-color: #FAA;
  background-image: none;
}

.title
{
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  height: 22px;
  background: #0C0F1B url(./img/title_bg.png) repeat-x;
  /*border-top: 1px solid #535969; alte farbe*/
  border-top: 1px solid #101010;
  border-left: 1px solid #101010;
  border-right: 1px solid #101010;
  overflow: hidden;
  white-space: nowrap;
}




/******************************************/
/*  Boxes                                 */
/******************************************/

.box_a,
.box_b,
.box_c,
.box_d
{
  margin-top: 10px;
  position:relative;
  padding: 5px;
  border: solid 1px #111;
  text-align: center;
}
.box_a
{
  background-color: #2C2F3F;
}
.box_b
{
  background-color: #323546;
}
/* .box_c => für Links verwendet */
.box_c
{
  padding-left: 20px;
  background-color: #404048;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  white-space:nowrap;
  margin: 4px;
}
div.box_c:hover
{
  background-color: #44444f;
}

.box_d
{
  background: #6C708C;
}


/* Fehlermeldungsbox */
.box_error
{
  border: solid 1px #111;
  /*background-color: #A44;*/
  background-color: #FAA;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #880000;
}
/* Erfolgsmeldungsbox */
.box_success
{
  border: solid 1px #111;
  /*background-color: #35642F;*/
  background-color: #BDB;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #008800;
}

/* Warnungsbox */
.box_warn
{
  margin-top: 10px;
  border: solid 1px #888;
  background-color: #FCA;
  padding: 10px;
  color: black;
  text-align: center;
}

/* Infobox */
.box_info
{
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  border: solid 1px #111;
  background-color: #484855;
  padding: 10px;
  text-align: center;
}

/* Redirection Box */
.box_redir
{
  height: 150px;
  width: 700px;
  top: 50%;
  margin-top: -95px;
  left: 50%;
  margin-left: -350px;
  position: absolute;

  border: solid 1px #111;
  background-color: #2C2F3F;
  padding: 20px;
  color: white;
  text-align: center;
  white-space: nowrap;
}

/* Hinweisbox */
.box_hint
{
  width: 520px;
  padding: 20px;
  margin: auto;
  border: dotted 2px #069;
  background-color: #4A4D5C;
  padding: 10px;
  color: #fd6;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}

/* Quote */
.box_quote
{
  border: solid 1px #111;
  background-color: #5B5F74;
  padding: 10px;
  color: #eee;
}

/* 360° Ansicht Formatbox */
.box_360,
.box_swf,
.box_flv,
.box_video,
.box_download
{
  border: solid 1px #111;
  background-color: #5B5F74;
  padding: 10px;
  color: #eee;
  text-align: center;
}

/******************************************/
/*  Content                               */
/******************************************/

.content
{
  background: #6C708C;
  border: 1px solid #111;
  padding: 3px;
  margin-bottom: 10px;
}

.content a
{
  font-weight: bold;
}

/******************************************/
/*  News Boxes                            */
/******************************************/

.news_box
{
  margin-bottom: 5px;
  /*border: solid 1px white;*/
  padding: 1px;
  background-color: #111;
}

.news_title
{
  font-size: 10pt;
  font-weight: bold;
  color: #EEE;
  text-align: center;
  background: url(./img/input_bg.png);
  background-repeat: repeat-x;
  background-color: #484848;
  padding: 2px;
  border: solid 1px #80828D;
}

.news_date
{
  margin-top: 1px;
  padding: 2px;
  width: 120px;
  position: relative;
  float:left;
  z-index: 2;

  text-align: center;
  font-size: 8pt;
  font-style: italic;
  font-weight: bold;
  color: #fff;

  background-color: #323546;
  border: solid 1px #535969;
}

.news_autor
{
  font-size: 8pt;
  margin-top: 1px;
  padding: 2px;
  position: relative;
  z-index: 1;

  text-align: center;
  font-weight: bold;
  color: #fff;

  background-color: #323546;
  border: solid 1px #535969;
}

.news_content
{
  margin-top: 1px;
  padding: 5px;
  background-color: #4A4D5C;
  border: solid 1px #535969;
}

.news_internal,
.page_internal
{
  background-image: url(./img/news_int_bg.gif);
}

.news_deleted,
.page_deleted
{
  background-image: url(./img/news_del_bg.gif);
  background-color: #ddd;
  color: #666;
}


/******************************************/
/*  Bilder, Comment                       */
/******************************************/

img.icon,
img.ico
{
  border: none;
  left: 5px;
  vertical-align: middle;
}

img.smilies
{
  border: none;
  vertical-align: text-bottom;
}

.pic_border
{
  border: 1px solid #111;
  background-color: #fff;
  padding: 3px;
}

.pic_frame
{
  border: 1px solid white;
  background-color: #ccddee;
  white-space: nowrap;
  float: left;
  margin: 3px;
  text-align: center;
}

.pic_comment
{
  background-color: #323546;
  border-top: 1px solid #95A2AA;
  border-left: 1px solid #95A2AA;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
}

.glossar_desc
{
  white-space: nowrap;
  overflow: hidden;
}


.avatar_box
{
  width: auto;
  height: 126px;
  overflow: auto;
}

.avatar
{
  background-color: #8899aa;
  float: left;
  height: 116px;
  margin: 2px;
  padding: 2px;
  border: 1px solid black;
  vertical-align: bottom;
  text-align: center;
}

/******************************************/
/*  Seiten Zahlen                         */
/******************************************/

.page_numbers
{
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.page_numbers ul
{
  margin: 0;
  padding: 0;
  text-align: middle;
  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.page_numbers li
{
  list-style-type: none;
  display: inline;
  padding-bottom: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.page_numbers a,
.page_numbers a:visited
{
  padding: 0 5px;
  border: 1px solid #DDD;
  text-decoration: none;
  color: #555;
  background-color: #EAEAEA;
}

.page_numbers a:hover,
.page_numbers a:active
{
  border: 1px solid #333;
  color: #000;
  background-color: #FA0;
}

.page_numbers li.currentpage
{
  font-weight: bold;
  padding: 0 5px;
  border: 1px solid #333;
  background-color: #555;
  color: #FFF;
}

.page_numbers li.prevpage,
.page_numbers li.nextpage
{
  font-weight: bold;
}


/******************************************/
/*  Formularfelder                        */
/******************************************/

form
{
  display:inline;
}

input.form,
textarea
{
  font-family: Verdana, Arial, sans-serif;
  background: #292929 url(./img/input_bg.png) repeat-x;
  padding: 2px;
  font-size: 8pt;
  color: white;
  border: 1px solid black;
}
textarea
{
  font-family: Verdana, Arial, sans-serif;
  background: #444 url(./img/input_bg.png) repeat-x;
}

select
{
  font-family: Verdana, Arial, sans-serif;
  background: #292929 url(./img/input_bg.png) repeat-x;
  padding: 2px;
  font-size: 8pt;
  color: white;
  border: 1px solid black;
}

#fontselect,
#sizeselect,
#colorselect
{
  padding: 0px;
  margin: 0px;
}

.textarea
{
  font-size: 8pt;
  width: 40em;
  height: 18em;
}


/******************************************/
/*  Buttons                               */
/******************************************/


.button,
.button:visited,
.button:hover,
.button:active
{
  position: relative;
  margin: 0px;
  background: #D36623 url(./img/button_bg.png) repeat-x;
  border: 1px solid #4E1F01;
  color: #feb !important;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
}
.button:hover
{
  color: white !important;
}
.button:active
{
  color: #fff9e1 !important;
}

a.button
{
  /*position: relative;*/
  padding: 2px 4px 2px 5px;
  line-height: 22px;
  height: 22px;
  max-height: 22px;
  white-space: nowrap;
  /*overflow: visible;*/
}

img.button_ico
{
  position: relative;
  vertical-align: text-bottom;
  left: -3px;
  bottom: 0px;

  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: -2px;

  padding: 0px;
}

input.button
{
  padding: 1px 8px 1px 8px;
}

.button_spacer
{
  height:25px;
}

/******************************************/
/*  Auswahl (Filter #,A,B,C)              */
/******************************************/

.select,
.selected
{
  margin: 0px;
  padding: 2px 5px;
  background-color: #CDE;
  background-image: url(./img/button_bg.gif);
  background-repeat: repeat-x;
  border-left: 1px solid #AAA;
  border-top: 1px solid #AAA;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  line-height: 20px;
  white-space: nowrap;
}

.selected
{
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  color: #888;
}


/******************************************/
/*  TOP 5 Karteikarten Layout             */
/******************************************/

#top5_header
{
  background: #0B0D19 url(./img/top5_bg.png) repeat-x;
  padding-left: 5px;
  padding-top: 2px;
  height: 23px;
  border: 1px solid #535969;
  font-size: 10px;
  text-decoration: none;
}

#top5_header ul
{
  height: 21px;
  margin: 0;
  padding: 0;
}

/* off */
#top5_header li
{
  display: block;
  float: left;
  margin-right: 3px;
  padding-left: 3px;
}

#top5_header li a,
#top5_header li a:visited
{
  border: 0;
  float: left;
  white-space: nowrap;
  padding: 5px;
}

/*#top5_header li a:hover
{
 color:#59a1d1;
}*/

#top5_header li div
{
  display: block;
  float: left;
  margin: 0;
  padding-right: 3px;
  padding-bottom: 1px;
}

/* on  */
#top5_header li.on
{
  background: #234263 url(./img/top5_tab_left.png) top left no-repeat;
  padding-left: 3px;
  text-decoration: none;
}

#top5_header li.on div
{
  background: url(./img/top5_tab_right.png) top right no-repeat;
}

/*  Rahmen um den TOP5 Inhalt, nicht den Header!  */
#top5_box
{
  background: #4A4D5C;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
  padding: 3px;
  margin-bottom: 10px;
}


/******************************************/
/*  Signatur Format unter Post            */
/******************************************/

.signature
{
  border-top: ridge 2px #666;
  margin-top: 4px;
}


/******************************************/
/*  Front Layer Meldung (Popupersatz)     */
/******************************************/

#frontlayer
{
	position: fixed;
	z-index:100;
	top: 10px;
	left: 10px;
	height: 90%;
	width: 90%;
  border: 1px solid #888;
  background: #035;
}