/* 
  vim: tabstop=2 softtabstop=2 shiftwidth=2 expandtab 
*/

/**
 *******************************************************
 * Allgemeines
 *
 */

/* 
Hintergrundfarben

    PH       FRN
:%s/66 66 ff/FF CC 00/g
:%s/99 cc ff/FF 99 66/g
:%s/98 98 98/32 32 32/g
:%s/cb cb cb/65 65 65/g
:%s/fd fd fd/dc dc dc/g  // Haupt-Inhalt
:%s/97 97 97/fe fe fe/g  // Download-Balken innerhalb (?)
:%s/cd cd cd/fc fc fc/g  // Download-Balken
:%s/ee ee ee/d2 d2 d2/g  // Hintergrund Detail-Kaestchen
:%s/77 aa ff/FF 70 29/g  // Ueberschrift Detail-Kaestchen und Rahmen und Wartung
:%s/        /BB 99 00/g  // Link zum Mantis in Footer 
            /FF CC 00/g  // hover (menu und rest)


/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v9-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v9-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
background-color: #B6B6B6;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

hr {
margin: 0.5rem;
border 0;
border-top: 1px solid #666666;
clear: both;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold; 
font-family: 'Exo 2', Verdana, Geneva, sans-serif;
}

h3 {
  font-size: 0.8rem;
}

h3.meldung {
  color: #0000FF;
}

h2 {
  margin: 0px 0px 5px 0px;
  font-size: 1.65rem;
}

main {
  font-size: 0.8rem;
}

/* navigation als sonderfall s.u. */
a {
  text-decoration: none;
  color: #666666;
}

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

code {  
  font-family: "Courier New", Courier, mono; font-size: 10pt; font-weight: bold}

pre {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: normal; font-style: normal
}

img {
  border: 0;
}

div.table { 
  border: 0; 
}

span.toptitel {
  font-size: 30pt;
  font-weight: bold;
  padding-left: 8px;
}

span.haupttitel {
  font-size: 12pt;
  font-weight: bold;
  padding-left: 8px;
}

/*  Formate Beitrags-Uebrschriften  */
/*  mit a ists in Listenansicht, ohne in Beitragsansicht */

h4.btitel           {color:#181818;}

.btitel           {color:#000000;}
.btitel a         {color:#000000;}
.btitel a:hover   {color:#000000;}

h4.btitel_unknown         {color:#666666;}
.btitel_unknown         {color:#666666;}
.btitel_unknown a       {color:#666666; }
.btitel_unknown a:hover {color:#666666;}

h4.btitel_restricted         {color:#666666;}
.btitel_restricted         {color:#666666;}
.btitel_restricted a       {color:#666666; }
.btitel_restricted a:hover {color:#666666;}

h4.btitel_temp          {color:#999999;}
.btitel_temp          {color:#999999;}
.btitel_temp a        {color:#999999; }
.btitel_temp a:hover  {color:#999999;}

/* Formate fuer Editier-Ansicht besonders bunt */
/* aber nur Nummern, Beitragsname (mit a) wie oben    */
.login_btitel         {color:#181818;}
.login_btitel         {color:#000000;}
.login_btitel a       {color:#000000;}
.login_btitel a:hover {color:#99999A;}

.login_btitel_unknown         {color:#666666;}
.login_btitel_unknown         {color:#0000FF;}
.login_btitel_unknown a       {color:#0000FF;}
.login_btitel_unknown a:hover {color:#99999A;}

.login_btitel_restricted         {color:#FF1818;}
.login_btitel_restricted         {color:#EE1828;}
.login_btitel_restricted a       {color:#EE1828;}
.login_btitel_restricted a:hover {color:#99999A;}

.login_btitel_temp         {color:#1818FF;}
.login_btitel_temp         {color:#1818FF;}
.login_btitel_temp a       {color:#1818FF;}
.login_btitel_temp a:hover {color:#99999A;}

/* 
Daten bzgl. alter Beitragsliste 

table.blisttitel {margin-bottom:4px;} 

*/

/* sonstiges */
.anz_black {
  font-weight:bold;
  color:#000000;
}

.inhalt {
  width: 580px;
  padding: 10px;
  padding-left: 14px;
  margin-left: 0px;
  margin-top: 0px;
}

div.blaettern {
  float: right;
  margin-top: -6px;
}

/*
td.subinhalt        {background:#fff; border:1px solid #B8C8DB; border-top:none}
td.subinhalt_klein      {background:#f3f7f9; border:1px solid #B8C8DB; border-top:none}
td.subreiteraktiv   {background:#fff; border:1px solid #B8C8DB; border-bottom:none}
td.subreiteraktiv_klein {background:#f3f7f9; border:1px solid #B8C8DB; border-bottom:none}
td.subreiter        {background:#DCE7EC;border:1px solid #F3F7F9; border-bottom:1px solid #B8C8DB}
td.subleer          {color:#446B96; border-bottom:1px solid #B8C8DB}
*/

#downl_ankuend {
  font-size: 90%;
  font-style: italic;
}

.full_width {
padding: 5px 30px;
line-height: 130%;
height: 80px;
}

.content_left {
padding-left: 30px;
font-weight: bold;
font-size: 70%;
}

.content_right {
font-size: 70%;
}

/**
 *******************************************************
 * Gesamtlayout
 */

/* v.a. Außen-Rahmen Farben o/u/r/l = oben/unten/rechts/links */
div#aussen_ol {
  background-color:#323232; 
}

div#aussen_o {
  background-color:#FF9966; 
}

div.aussen_o_misc {
  padding-bottom: 10px;
}

div#aussen_or {
  background-color:#FF9966;
}

#aussen_l, #aussen_l2 {
  background-color:#FF9966; 
}

#aussen_r {
  background-color:#323232; 
}

#aussen_u {
  background-color:#656565; 
}

#aussen_u a {
  color: #BB9900; 
}

#aussen_ur {
  background-color:#323232;
}

div.td_inh {
  background-color: #dcdcdc;
}

/**
 *******************************************************
 * Allgemein
 */

.navigation a {
  text-decoration : none;
  color : #000000;
  font-weight : normal;
}

.navigation a:hover {
  color : #FFCC00;
}


/**
 *******************************************************
 * Startseite
 */

div.mehr {
  text-align: right;
}

/**
 *******************************************************
 * gemeinsames von Beitrag und Beitragsliste
 */

/**
 *******************************************************
 * Beitragsliste
 * 
 * b=beitrag, bl=beitrags-Liste, dlb=download bar
 */

 /* 
  background-color: #CCCCCC; 
 */

div.dlb_bl_outer {
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 8px;
}

div.dlb_bl_inner {
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
  background-color:#fefefe;
  float: left;
  width: 100%;
}

/* Text ist kleiner als Symbole, desh. nochmal padding */ 
div.dlb_bl_text {
  padding: 2px;
}

div.dlb_bl_text a {
  font-weight: bold;
}

div.dlb_bl_id {
  float: right;
  text-align: left;
  width: 68px;
  margin-top: 4px;
}

div.dlb_bl_symbols {
  float: right;
  text-align: right;
  padding-right: 8px;
}

.blist {
  width: 100%;
  border: 0px;
  text-align: top;
  margin-right: 30px;
  margin-left: 14px;
}

/* Symbole innerhalb des Titels */
.adm_symb {
  padding-top: 2px;
  width: 65px;
  min-width: 65px;
  text-align: right;
  padding-right: 8px;
}

span.id_mini {
  font-size: .5;
}

.blist_links {
  padding: 5px;
  padding-top: 8px;
  padding-right: 0px;
  width: 110px;
}

.blist_mitte {
  padding: 5px;
  padding-top: 8px;
}

.blist_rechts {
  padding: 6px;
  padding-top: 8px;
  width: 80px;
}

/**
 *******************************************************
 * Beitrag Einzelansicht
 */

/* Beitrags-Titel */
.bt {
  margin-top: 0px;
  padding: 3px;
}

div.id_mini_beitrag {
  font-size: .5rem;
  padding: 4px;
  padding-right: 8px;
  text-align: right;
  width = 100%;
  margin-top: -20px;
}

/* todo: leere Grafik einfuegen, falls es keine Symbole gibt (wg. internem Bereich) */ 
div.downl_bar {
  background-color: #d0d0d0;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

/* download-bar: dlb = download bar, embimg = embedded img (Hauptbild) */
div.dlb_symbols {
  text-align: right;
  vertical-align: middle;
}

/* Text ist kleiner als Symbole, desh. nochmal padding */ 
div.dlb_text {
  float: left;
  padding: 2px;
}

span.dlbsymbol {
  padding-left: 8px;
}

img.embimg {
  float: left;
  margin-left: 4px;
  margin-right: 14px;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 4px;
  padding-top: 6px;
  /* abstand zum Text */
}

div.top_of_files{
  margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 7px;
  font: .7rem;
  font-style: italic;
}

div.bdat {
  margin-left: 30px;
}

/* short description, Kurzbeschreibung*/
div.shdesc {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: .85rem;
  line-height: 18px;

/*
max-height: 69px;
height: 69px;
overflow-y: hidden;
overflow: hidden;
*/
/*
  max-height: 69px;
  overflow-y: hidden; 
*/

}

/* Redaktions-Daten (Art, Sprache, Bereiche, Serie, Daten bzgl. Autorenschaft */
div.redakt, div.autor, div.script {
  min-height: 150px;
  padding: 10px;
  font-size: .7rem;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7029;
  background-color: #E0E0E0;
  margin-bottom: .5rem;
}

div.file {
  padding: .5rem 0 0 0;
  font-size: .7rem;
  margin-bottom: 20px;
}


div.kastentitel {
  font-weight: bold;
  color: #FF7029;
  margin-top: -6px;
  margin-left: -4px;
  margin-bottom: -8px;
}

div.file_img {
  float: left;
  padding: 0;
  margin-left: 0 !important;
  margin-right: 4px;
}

/*
  funktioniert nicht: auch nicht wenn parent-div auch 100% hat
  height: 100%;
  bottom: 0px;
*/
div.file_flashplayer {
 clear:both;
 margin-left:30px;
}

div.file_data {
  float:left;
}

div.stats {
  margin-left:40px;
}

div.stats p {
  font-size: 0.7rem;
  line-height: 1.1;
}

div.stats ul {
 padding-left: 0;
 font-size: 0.65rem;
 line-height: 1.1;
}

div.stats ul li {
  margin:0px;
  list-style-type: none;
}

div.licence {
  margin: 12px 0px;
  clear: both;
  max-width: 600px;
}

div.licence_img {
  height:30px;
  float: left; 
  padding-right: 10px; 
}

div.licence_right_img {
  float: right;
  padding-left: 12px; 
}

div.licence_text {
  font-size: .7rem;
  margin-left: 106px;
  margin-right: 35px;
}

div.script_titel {
  font-weight: bold;
  color: #FF7029;
  margin-top: -6px;
  margin-left: -4px;
  margin-bottom: -8px;
}


div.script_img {
  height: 100%;
  min-height: 100%;
  width: 60px;
  float: left; 
  padding-right: 12px; 
  padding-top: 4px
}

div.script_text {
  margin-top: 10px;
  font-size: .7rem;
  line-height: 16px;
}

div.script_hidden {
  max-height: 128px;
/*
  wird evtl. im IE benoetigt? (macht dann aber immer diese hoehe):
  height: 128px;
*/
  overflow-y: hidden;
  overflow: hidden;
}

div.script_show_all_text {
/*
  position: absolute;
*/
  font-size: .7rem;
  color: #FF7029;
  margin-top: 4px;
  margin-bottom: -4px;
/*
*/
}

div.text_hide {
  display: none;
}

div.kommentar_link {
  text-align: right;
  margin-top: 12px;
}

div.komm_ankuend {
  font-size: .7rem;
  font-weight: bold;
  margin-bottom: 16px;
}

.komm_table div.td {
  font-size: .7rem;
  padding: 3px;
}

div.komm_titel {
  font-size: .7rem;
  font-weight: bolder;
  margin-top: 6px;
}

.komm_eingeben {
  margin-bottom: 3px;
}

.bdat,div.bdat,img.bdat {
  margin-left: 35px;
}

.komm_table {
  width: 530px;
  height: 25px; 
}

/**
 *******************************************************
 * Dateimanager
 *
 */

div.below_am_buttons {
  float: left;
  padding-right: 12px;
}

/**
 *******************************************************
 * Sonstiges
 *
 */

/* content metadata table */
.ctntmtable{
  margin-left: 18px;
}

#dl1 {
  width: 391px;
}

#dl2 {
  width: 89px;
  font-weight: bold;
}

#dl3 {
  width: 71px;
  font-weight: bold;
}

p.warntext {
  font-weight: bold;
  font-size: 12px;
  color:#FF0000;
  line-height:16px;
  margin:5px 0px 5px 0px;
}

/* text fuer wartungsarbeiten */
div.wartung {
  font-size: 10pt;
  font-weight: bold;
  color: #FF7029;
  border: 1px solid #000000;
  margin: 10px;
  padding: 5px
}

/**
 *******************************************************
 * tooltip_css
 * Beispiel aus http://sixrevisions.com/css/css-only-tooltip_csss/ 
 */

a.tooltip_css {
  color: #333333;
  border-bottom: 1px dotted #333333; 
  outline: none;
  cursor: help; 
  text-decoration: none;
  position: relative;
}

a.tooltip_css:hover {
  color: #666666;
  border-bottom: 1px dotted #666666; 
  outline: none;
  cursor: help; 
  text-decoration: none;
  position: relative;
}

.tooltip_css span {
  margin-left: -999em;
  position: absolute;
}

.tooltip_css:hover span {
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.1em; 
  position: absolute; 
  right: -3em; top: 3em; z-index: 1200;
  margin-left: 0; 
  width: 250px;
  text-align: left;
}
  
.tooltip_css:hover img {
  border: 0; margin: -10px 0 0 -55px;
  float: left; position: absolute;
}

.tooltip_css:hover em {
  font-size: 1.2em; font-weight: bold;
  display: block; padding: 0.2em 0 0.6em 0;
}

.classic { padding: 0.8em 1em; }
.classic { background: #FFFFAA; border: 2px solid #FFAD33; }

/* 
 * nicht in Verwendung
  .custom { padding: 0.5em 0.8em 0.8em 2em; }
  * html a:hover { background: transparent; }
  .critical { background: #FFCCAA; border: 1px solid #FF3334; }
  .help { background: #9FDAEE; border: 1px solid #2BB0D7; }
  .info { background: #9FDAEE; border: 1px solid #2BB0D7; }
  .warning { background: #FFFFAA; border: 1px solid #FFAD33; }
 */

/* Flashplayer wird erst verzoegert eingeblendet, siehe Code in
 * MediaFiles.class.php
.file_flashplayer {
  display: none;
}
 */

/**
 *******************************************************
 * ENDE
 */