@charset "utf-8";
/* CSS Document */




BODY {
	MIN-WIDTH: 40em; BACKGROUND-COLOR: #ff6600; FONT: 75.00% Helvetica, Arial, sans-serif; COLOR: black
}
#container {
             width:800px;
         height:1000px;
         background:darkred;
         margin: auto;
}
                 
#nav{
             width:100%;
         height:100px;
         border-bottom:1px solid white;
         background:grey;
}
          
.large #nav {
        float:left;
        width:200px;
        border-bottom:none;
        height:1000px;
}
     
.large #container {
        width:1000px;
    }   

P {
	MARGIN: 3em 0px 0px 3em
}

P A {
	COLOR: black
}
HTML { height:100%
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BODY { height:100%
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#fixiert {
	BORDER-BOTTOM: silver 1px solid; POSITION: absolute; BORDER-LEFT: silver 1px solid; BACKGROUND-COLOR: white; WIDTH: 18em; BORDER-TOP: silver 1px solid; TOP: 1.5em; BORDER-RIGHT: silver 1px solid; LEFT: 2em
}
HTML > BODY #fixiert {
	POSITION: fixed
}
#fixiert IMG {
	FLOAT: right; HEIGHT: 100%
}
#Inhalt {
	BORDER-LEFT: gray 5px ridge; PADDING-BOTTOM: 0px; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; MARGIN-LEFT: 22em; BORDER-TOP: gray 2px ridge; PADDING-TOP: 0px
}
* #Inhalt {
	BACKGROUND-COLOR: #ffffe0
}
#Inhalt H2 {
	BORDER-BOTTOM: silver 2px solid; MARGIN: 2em 5%; COLOR: maroon; FONT-SIZE: 1.2em
}
#Inhalt P {
	MARGIN: 1em 0px; FONT-SIZE: 1em
}
#Inhalt #Fusszeile {
	BORDER-BOTTOM: silver 1px solid; TEXT-ALIGN: center; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 0.1em; BACKGROUND-COLOR: #fed; MARGIN: 20em 0px 0px; PADDING-LEFT: 0.1em; PADDING-RIGHT: 0.1em; FONT-SIZE: 0.9em; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 0.1em
}
H1 {
	BORDER-BOTTOM: gray 1px ridge; TEXT-ALIGN: center; BORDER-LEFT: gray 2px ridge; PADDING-BOTTOM: 0.3em; BACKGROUND-COLOR: #fed; MARGIN: 0.5em; PADDING-LEFT: 0.3em; PADDING-RIGHT: 0.3em; FONT-SIZE: 1.5em; BORDER-TOP: gray 2px ridge; BORDER-RIGHT: gray 2px ridge; PADDING-TOP: 0.3em
}
#Navigation {
	PADDING-BOTTOM: 50px; MARGIN: 0px 0px 1.2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 1.0em; PADDING-TOP: 0px;
	
}
#Navigation LI {
	PADDING-BOTTOM: 0.5em; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; LIST-STYLE-IMAGE: none; PADDING-TOP: 0.5em;
	
}
UL#Navigation A {
	PADDING-BOTTOM: 0.2em; PADDING-LEFT: 0.2em; PADDING-RIGHT: 0.2em; DISPLAY: block; FONT-WEIGHT: bold; PADDING-TOP: 0.2em;
	
}
UL#Navigation A:link {
	BACKGROUND-COLOR: #bbb; COLOR: black
}
UL#Navigation A:visited {
	BACKGROUND-COLOR: #eee; COLOR: #666
}
UL#Navigation A:hover {
	BACKGROUND-COLOR: white; COLOR: black
}
UL#Navigation A:active {
	BACKGROUND-COLOR: #FFD700; COLOR: white
}

#container {
             width:800px;
         height:1000px;
         background:darkred;
         margin: auto;
}
                 
#nav{
             width:100%;
         height:100px;
         border-bottom:1px solid white;
         background:grey;
}
          
.large #nav {
        float:left;
        width:200px;
        border-bottom:none;
        height:1000px;
}
     
.large #container {
        width:1000px;
    }

#abstand {
margin:50px;
}
.abstand_innen {
padding-top:5px;
}

img {max-width:100%; height:auto; }



#InfoBox {
visibility:hidden;
position:absolute;
top:10px;
left:10px;
z-index:1;

/* diese Angaben können Sie anpassen */
width:250px;
background-color:#FDFEFF;
border:4px solid #0090E0;
}


/* weitere Box in der Info-Box für padding */
#BoxInnen {
padding:15px;
}


/* Formatierung Texte in der Info-Box */

#BoxInhalte {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#5F5F5F;
line-height:130%;
}


<onlyinclude>{| class="float-right wikitable infobox" id="vorlage-infobox-Name" summary="Infobox" style="Tabellen-Attribute"
...
|}</onlyinclude>

|- Zeilen-Attribute
{{#if:{{{mug1.jpg}}} |
{{!}} colspan="2" style="text-align:center; font-size:90%;" {{!}}
[[Datei:{{{/mug1.jpg}}}|rand|{{#if:{{{Bildbreite|}}} | {{{Bildbreite|}}} | 250x200px}}|alternativtext=|{{{Bildunterschrift}}}]] <br /> {{{Bildunterschrift}}}
{{!-}} class="hintergrundfarbe5"
! colspan="2" ! Daten
}}

|- Zeilen-Attribute
{{#if:{{{mug1.jpg}}} |
{{!}} colspan="2" {{!}} [[Datei:{{{mug1.jpg}}}|rand|center|{{#if:{{{Bildbreite|}}} | {{{Bildbreite}}} | 250x200px}}|alternativtext=|{{{Bildunterschrift}}}]] <p style="text-align:center; font-size:90%;"> {{{Bildunterschrift}}} </p>
}}

.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 400px;
    height: 100px;
}
.flex-item {
    background-color: cornflowerblue;
    width: 80px;
    height: 82px;
    margin: 10px;
}

#box{
height:80px;
width:82px;
padding:0;
margin:10px;
border:0px solid black;
font:bold 14px Ariel, verdana, sans-serif;
}

#box div{display:none;
}

#box:hover div{
display:block;
width:350px;
position:absolute;top:161px;right:10px;
border:2px solid black;
padding:10px;
font:normal 14px ariel, verdana, sans-serif;
}