@charset "UTF-8";

/***************************************************************************/
/* Prinzipielles Layout der Seite wie Navigation, Daten, Copyright-Footer  */
/***************************************************************************/
/* Der Footer soll ganz unten stehen, auch wenn die Seite nicht ganz voll ist
Ausserdem will ich von den Farben und Hintergrund weitgehende wieder das alte Layout*/
body { background-color: #336290;
      background-image: url('/images/background_side.gif');
      background-repeat: repeat-x; 
      position: absolute; height: 100%; width:100%;
}

/*Menü und Ruler unter dem Menü */
nav { display:block; }
#nav_separator{ margin-top:1px; margin-bottom:5px; border-top: 2px solid grey; } 
    
#used { 
    /*background-image: url('/images/background_data.png');*/
    background-color: #FAFAFA;
    min-height:100%;      /*Hintergrundbild bis zum Screen ganz unten gehen lassen */
    margin-top: -30px;    /* Um den Betrag für das Menü oben verschieben */
    padding-top: 35px;    /* Inhalt nach unten, damit unter Menü */
    padding-bottom: 50px; /*Platz für footer mit gleicher Höhe reservieren */  
}

/* Hier haben wir das Copyright */ 
footer {
      margin-top: -50px; /* Platz für den Footer reservieren, der hat gleiche Höhe */
      height: 50px;  /*Höhe footer, der ist mit gleicher Höhe im #used reserviert */
      font-size:smaller; text-align: center; font-weight: bold; 
}
footer hr { margin:5px; border-top: 2px solid grey; } 

/***************************************************************************/
/* Überschreiben Standard Bootstrap 3 CSS Definitionen                     */
/***************************************************************************/
#jumbotron_header { padding-top: 10px; padding-bottom: 15px; }

.table>tbody>tr>td, .table>tbody>tr>th { padding:5px; }
a                  { color: #000080; text-decoration:none; font-weight: bold;  }
a:hover      { color: #E9E7FE; text-decoration:none; background-color:#265a88;}

/***************************************************************************/
/* Eigene Bootstrap ähnliche häufig genutzte Definitionen                     */
/***************************************************************************/
#btn-rr-active { color:#F7D600; background-color:#2A6497; border-color:#204d74; background-image:none; }

.maildiv { max-width:700px; margin: 0 auto}
#html5warning   { display:none }
#html5warningvisible { background-color:white; padding:15px; margin:10px; border-radius: 15px;}


/* beispielsweise für Mail response anzeigen */
.codebox       { font-family: monospace; white-space:pre; display:block; margin:0; padding:0 } 
 
.hr-rr-def { border-top: 2px solid grey; } 
 
.rr-bg-white { background-color: white; }
.rr-bg-jumbo { background-color: #eee; }

.rr-block-right  { float:right; margin-left:10px;}
.rr-maxwidth-200 { max-width: 200px;}

.rr-border-black { border: 1px solid #black; }
.rr-border-def { border: 1px solid #ccc; }

.rr-text-alarm { color: red;}
.rr-text-success { color: green;}
.rr-text-bold { font-weight: bold;}

.rr-spacer-10 { height:10px; }
.rr-spacer-20 { height:20px; }
.rr-spacer-30 { height:30px; }
.rr-spacer-40 { height:40px; }
.rr-spacer-50 { height:50px; }

.rr-padding-03 { padding: 3px; }
.rr-padding-05 { padding: 5px; }
.rr-padding-10 { padding: 10px; }
.rr-padding-20 { padding: 20px; }
.rr-padding-30 { padding: 30px; }
.rr-padding-50 { padding: 50px; }

.rr-padding-right-03 { padding-right: 3px; }
.rr-padding-right-05 { padding-right: 5px; }
.rr-padding-right-10 { padding-right: 10px; }
.rr-padding-right-20 { padding-right: 20px; }
.rr-padding-right-30 { padding-right: 30px; }
.rr-padding-right-50 { padding-right: 50px; }

/***************************************************************************/
/* Ein paar Definitionen, hauptsächlich verwendet in PHP.NetAktiv.de       */
/***************************************************************************/
/* Für Anzeige der Debug-Ergebnisse */
.parameter caption { font-weight: bold; font-size:1.2em; color:black;}
.parameter  td, .parameter th { word-wrap:break-word;  max-width:650px; padding:5px; font-size: 85%;}

canvas {  width: 100%; height: auto; }
table caption { font-weight: bold; color:black; }

/***************************************************************************/
/* Formatierung des eigenen Gästebuches                                    */
/***************************************************************************/
.GB_Container { max-width: 850px; margin:0 auto}
.GB_Container hr { border-top: 2px solid grey; margin:5px; }
.GB_links   { background-color:#eee; padding-bottom:10px }
.GB_entry-list { background-color: #fff; padding: 10px}
.GB_entry  { padding: 10px; }
.GB_entry_odd { }
.GB_entry_even { }

/***************************************************************************/
/* Fehlerbehandlung wie PHP Exception und Debug Events                     */
/***************************************************************************/
.alarm     { background:WhiteSmoke; width:600px; margin: 0 auto; padding:10px; margin-top:15px; }
.alarmhead { color:red; font-size:18pt; font-weight:bold; }
.alarmtext { color:blue; font-size:12pt; margin-top:15px; }
.alarmtech { font-family: monospace; font-size:10pt; white-space: pre;  }
.alarmdebughead { font-family: monospace; color:green; padding:1px}
.alarmdebugdump { font-family: monospace; font-size:10pt; white-space: pre;  }
.alarm_details_hide { display: none; max-width:850px; word-wrap:break-word }
.alarm_details_button { text-align:right; font-size:9pt; padding-right:20px }