/*
 *
 * Datei anpassen und ggf. umbenennen in "style.css".
 * Damit wird sie automatisch eingebunden und die angegebenen Styles werden übernommen
 *
 */

 

/* Hintergrundbild, farbe */
body {
background: #0172B6 url('my-tower/bgrd_01.png') repeat-x;
}

/* Zeitrafferbereich */
#zeitraffer {
background: white;
margin-bottom: 100px;
}

/* Tipp unter Zeitraffer */
#zeitraffer #tipp {

}



/* Kopf */
#kopf {
background: black;    /* Hintergrundfarbe */
color: white;         /* Schriftfarbe allgemein */
font-size: 11px;      /* Schriftgröße */
padding-top: 30px;    /* Abstand nach oben */
padding-bottom: 10px; /* Rand unten */
margin-bottom: 10px;  /* Abstand nach unten */
box-shadow: 0px 0px 6px black; /* Schatten */
}

/* Kopf: Menü-Container für die Ausrichtung */
#kopf_menu {
max-width: 800px;		/* Container max. Breite -> Grenze bei normalen Bildschirmen*/
width: 100%;			/* Niemals größer als Bildschirmbreite */
text-align: right;		/* Text rechtsbündig im Container */
margin: 0 auto;			/* Container zentriert */
}

/* Kopf: Menü-Verweise */
#kopf a {
display: inline-block;
color: white;
padding-right: 20px;
}


/* Links neben Zeitraffer */
#links {


}

/* Rechts neben Zeitraffer */
#rechts {


}

/* Fusszeile */
#fuss {
background: black;   /* Hintergrundfarbe */
color: white;        /* Schriftfarbe allgemein */
font-size: 10px;     /* Schriftgröße */
padding: 0;
padding-top: 8px;    /* innerer Abstand nach oben */
padding-bottom: 6px; /* innerer Abstand nach unten */
margin: 0;           /* keinen äußeren Abstand */
position: fixed;     /* immer an der gleichen Stelle anzeigen */
bottom: 0px;         /* position ganz unten */
width: 100%;         /* 100% erzeugt manchmal scrollbalken, ggf. auf 99.9% setzen */
box-shadow: 0px 0px 6px black; /* schatten nach oben */
}

/* Fusszeile: Hyperlinks */
#fuss a {
color: white; /* weißer text */
}


/**** Styles für mobile Endgeräte ****/

/* Zeitrafferbereich */
.mobile #zeitraffer {
background: transparent;	/* kein weißer Hintergrund */
margin-bottom: 10px;        /* Abstand nach unten verkleinern */
}

.mobile #kopf {
font-size: 14px;     /* Größere Schrift */
padding: 6px;        /* Weniger Abstand und */
}

.mobile #fuss {
padding: 1px;        /* Nur ganz schmal, da immer sichtbar */
}