﻿div {
    vertical-align: top;
    box-sizing: border-box;
    /*border: 1px solid grey;*/
    /*display: inline-block;*/
}
 /*#head > div {*/
 /*    vertical-align: top;*/
 /*}*/
#out {
    /*border: 1px solid black;*/
    background-color: #f3f1f5;
    
}
#main {
    width: 100%;
    min-width: 500px;
    max-width: 850px;
    /*height: 600px;*/
    /*border: 2px solid grey;*/
    display: inline-block;
    background-color: white;
}
#head {
    height: 110px;
    /*border: 2px solid red;*/
    position: relative;
}
#logo {
    width: 100px;
    height: 100px;
    display: inline-block;
    /*border: 2px solid green;*/
}
#profile-tab {
    width: calc(100% - 104px);
    height: 100px;
    display: inline-block;
    /*border: 2px solid blue;*/
}
#advertising {
    /*border: 2px solid red;*/
    display: inline-block;
}
#profile {
    /*background-color: #f5f5d6;*/
    height: 50px;
    position: relative;
}
#tab {
    /*background-color: lightyellow;*/
    height: 50px;
    position: relative;
}
/*#button1 {*/
/*    position: absolute;*/
/*    top: 0; right: 0;*/
/*}*/
#posLeft {
    width: 50px;
    height: 50px;
    display: inline-block;
}
#posRight {
    position: absolute;
    right: 0; top: 10px;
    /*height: 50px;*/
    display: inline-block;
}
.menü {
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
}
#meinFenster {
    z-index: 1;
    background-color: yellow;
}

#posRightTab {
    display: inline-block;
    position: absolute;
    top: 12px; right: 0;
}
/*+++++++++++++++++++++++++++++++++++++++++Hier beginnt die Box1*/
#Box1 {                             
    height: 200px;
    /*border: 2px solid black;*/
}
#Box1-1 {
    /*border: 2px solid green;*/
    color: #679bd0;
    font-size: 8px;
    display: inline-block;
}
#Box1-2 {
    padding: 5px;
}
iframe {
    /*border: 1px solid black;*/
    height: 140px;
    width: 200px; /* takes precedence over the width set with the HTML width attribute */
}
.BoxBelow {
    height: 200px;
    /*border: 2px solid lightgrey;*/
    margin: 5px;
}
.infos {
    height: 175px;
    width: 220px;
    display: inline-block;
    
}
.infos > p {
    font-family: Verdana;
    font-size: 11px;
    
}
 a {
    text-decoration: none;
    color:inherit;
}
/*a:link {*/
/*    text-decoration: none;*/
/*}*/
a:hover {
    color: grey;
}
#meinListe{
    background: white;
}
#meinFenster {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    width: 130px;
}

#meinFenster ul {
    list-style-type: none;
    padding: 0;
}

#meinFenster li {
    margin-bottom: 5px;
}

#meinFenster a {
    text-decoration: none;
}
ul {
    margin:0;
}