@charset "UTF-8";

html,
body
{
    color: #333;
}

h1
{
    font-size: 1.9em;
    padding-bottom: 20px;
}

.ueberschrift1
{
    font-size: 1.1em;
}

#maincontent
{
    border: solid 1px #5aafcb;
    max-width: 1200px;
    margin: 0 auto;
}


#banner 
{
    border: solid 0px #5aafcb;
}

#logo 
{
    margin: 0 auto;
    border: solid 0px blue;
    max-width: 1200px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}        
        

#container 
{
    margin: 0 auto;
    border: solid 0px blue;
    max-width: 1200px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}     


#subcontainer 
{
    margin: 0 auto;
    border: solid 0px red;
    max-width: 1200px;
    padding: 50px;
}

.roundcorner
{
    
	appearance: none;
	-webkit-appearance: none;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

a
{
    text-decoration: none;
    color: #003392;
    line-height: 20px;
    
}

a.link1:link,
a.link1:visited 
{
    text-decoration: none;
    color: #003392;
    border-bottom:solid 1px #003392;
	padding-bottom:1px;  
}

.company1,
.company2,
.company3,
.company4
{
    border: solid 2px;    
}

.headerelement
{
    min-width: 90px;
    float: left;
    border: solid 0px #ff0000;
    margin-right: 8%;
    padding: 15px 0px 5px 0px;
    text-align: center;
}


#Tablet,
#Desktop,
#SmartphoneH,
#SmartphoneQ,
#TabletQ
{
    display: block;
    visibility: collapse;
    height: 0px;
    border:solid 1px #ff0000;
}

.liste1
{
	padding-left: 20px;
    list-style: square;
}