/* Author: M. Kühn */
/* Author URL: http://www.kuehn.tv */

html,body {
    height:99%;
    margin:0px;
    background-color: black; /* #FFF8CB; */
    font-family: Arial, Tahoma, Verdana, sans-serif;
	color: white;
    font-size: 14px;
    }
table {
    margin:0px;
    padding:0px 0px 0px 0px;
    width:100%;
    z-index:1;
        border: 0px solid red;
    }
table.komplett {
    /* outline: 1px solid lightgray; */
    width:100%;
    vertical-align: top
    margin:0px;
    padding:0px;
        border:0px solid blue;
    z-index:1;
    }
td.fett {
    font-size: 40px;
    font-weight:bold;
    padding:5px 0px 5px 5px;    	/* top, right, bottom, left */
    width:100%;
    vertical-align: top;
    text-align: center;
        border:0px solid red;
    z-index:1;
    color:red;
    }
td.links {
    float:left;
    text-align: left;
        /* outline: 1px solid brown; */
    line-height: 100%;  /* Zeilenabstand */
    width:160px;
    padding:6px 0px 7px 20px;    	/* top, right, bottom, left */
        outline: 1px solid lightgrey;
        font-size: 12px:
    }
td.mitte {
    float:left;
    text-align: left;
    /* line-height: 100%; */  /* Zeilenabstand */
    width: 70%;    /* 99%; */
    padding:0px 0px 0px 0px;    	/* top, right, bottom, left */
        border:0px solid black;
        outline: 1px solid lightgrey;
    text-align: justify;
    }
td.max {
    color: #404040;
    font-size: 12px;
    font-weight:normal;
    text-align:center;
    padding:0px;    	/* top, right, bottom, left war 5px*/
    margin:0px;
    vertical-align: top;
    z-index:1;
    }
p.headline {
    font-size:18px;
    font-weight:bold;
    }
td.mittig {
    font-size: 14px;
    font-weight:normal;
    padding:0px;    	/* top, right, bottom, left war 5px*/
    margin:0px;
    width:100%;
    vertical-align: top;
    text-align:center;
    border:0px solid red;
    z-index:1;
    }

td.jusify2 {
    float:left;
    text-align: justify;
    line-height: 110%;  /* Zeilenabstand */
    width:95%;
    padding:0px 10px 0px 0px;    	/* top, right, bottom, left */
        /* outline: 2px solid lightgreen; */
    }
td.kino {
    margin:0px;
    padding:0px;
    width:100%;
    height:auto;
    border:0px solid red;
    background-image: url("../bilder/logo.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:contain;
    }

.hr-nav-1 .nav-container {
    overflow: auto;
    white-space: nowrap;
    overflow-x: auto; /* fürs scrolling Bild */
    max-width: auto;
    margin: 0rem auto;  /* Abstand Bilder oben-unten */
    background-color: black;
    /* background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%); */
    text-align: center;
    align: center;
    }
.hr-nav-1 .nav-item {
    display: inline-block;
    padding: 0px 2px;  /* oben-unten - links-rechts */
    text-decoration: none;
    color: white;
    }

/* ----- 2 rows nebeneinander ----- */
/* --Einschliessen der Floats-- */
.wrap-3:before,
.wrap-3:after { content: " "; display: table; }
.wrap-3:after { clear: both; }

/* --Negativer Margin auf Border - Simulation gleich hohen Spalten-- */
.wrap-3 { border-top: 0px solid red; padding:0px;}
.wrap-3 .rechts {
    float: right;
    width: 48%;
    text-align: justify;
    line-height: 110%;  /* Zeilenabstand */
        border:0px solid green;
    }
.wrap-3 .links {
    float: left;
    width: 50%;
        border:0px solid red;
    }
hr {
    background-color: red;
    border-color: red;
    height: 2px;
    max-width:550px;
    }
li {
    font-size: 11px;
    padding:7px 0px 0px 0px;    	/* top, right, bottom, left */
    }
ol {
     padding:7px 0px 0px 24px;    	/* top, right, bottom, left */
    }

/* ----- scrollen ----- */
.scrollup {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 15px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    background: url('../bilder/up.jpg') no-repeat;
    background-color: #000;
    border:2px solid white;
	border-radius: 6px;
    }

/* ----- Links ----- */
a:link, a:visited, a:active {
	color: white;
	text-decoration: none;
    font-weight:bold;
	font-family: Arial, Times, sans-serif;
	/* font-size: 10pt; */
    font: normal 18px Arial, Tahoma, Verdana, sans-serif;
	}
a:hover {
	color: white; #EEDF98;*/
	text-decoration: none;
	background-color: black;    /*#4B3921;*/
    }

/* ----- Links Routenplaner ----- */
a:link.rot, a:visited.rot, a:active.rot {
	color: red;
	text-decoration: none;
    font-weight:bold;
	font-family: Arial, Times, sans-serif;
	/* font-size: 10pt; */
    font: normal 18px Arial, Tahoma, Verdana, sans-serif;
	}
a:hover.rot {
	color: white; #EEDF98;*/
	text-decoration: none;
	background-color: black;    /*#4B3921;*/
    }

/* Videocontrols */
/* https://stackoverflow.com/questions/14161516/html5-video-completely-hide-controls  */
    video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls {
    display: none !important;
    }
    video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
    }
    video::-webkit-media-controls {
    display: none !important;
    }
    /* Could Use thise as well for Individual Controls */
    video::-webkit-media-controls-play-button {
    display: none !important;
    }
    video::-webkit-media-controls-volume-slider {
    display: none !important;
    }
    video::-webkit-media-controls-mute-button {
    display: none !important;
    }
    video::-webkit-media-controls-timeline {
    display: none !important;
    }
    video::-webkit-media-controls-current-time-display {
    display: none !important;
    }