* {
    padding: 0px;
    margin: 0px;
    font-family: Arial, serif;
    text-decoration:none;
}

header {
    background-image: url(img/studerus_Logo.png);
    background-repeat: no-repeat;
    background-position: center;
    border: gray 4px groove;
    height: 240px;
    border-radius: 10px;
    background-color: white;
}

body {
    background-image: url(img/hintergrundbild.jpg);
    background-repeat: no-repeat;   
    background-size: cover;
    background-attachment: scroll;
    width: 1000px;
    margin: auto;
}

img {
 border: 0px;   
}

section {
    width: 750px;
    float: left;

}

article {
    border: gray 4px groove;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #FFFFFF;

}

footer {
    clear: both;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #FFC20B;
    color: black;
    border-radius: 10px;
}

footer p {
    font-size: 12pt;
    font-weight: bolder;
    font-family: monospace;
    text-shadow: gray 1px 1px 2px;
}
nav {
    padding-left: 350px;
    padding-top: 170px;
}

#wilkommen {
    margin-top: 10px;
	border: #008000 4px groove;
	margin-left: 60px;
	width: 870px;
}

#wilkommen h1 {
    padding-top: 20px;
    color: #008000;
    font-size: 25pt;
}

#wilkommen p {
    font-size: 16pt;
    padding-top: 20px;
    padding-bottom: 20px;
}

#wilkommen a {
    color: black;
}

#telefon {
    text-decoration: underline;
    white-space: pre;
}

#bilder {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 123px;
    border-radius:10px;
    float: left;
}

.aktuel {
    color: white;
}

#wilkommen2 {
    margin-top: 10px;
	margin-left:120px;
	width: 750px;
	}

#wilkommen2 h1 {
    padding-top: 50px;
    color: #008000;
    font-size: 25pt;
}

#wilkommen2 p {
    font-size: 16pt;
    padding: 50px;
    font-family: cursive;
    padding-top: 140px;
    padding-bottom: 85px;
    color: #FF0000;
}

.nav2 {
    text-align: left;
    padding-left: 200px;
    padding-bottom: 60px;
    color: #198EBF;
}

.nav2 a {
    color: #008000;
    text-decoration: none;

}

.nav2 a:hover {
    text-shadow: gray 5px 3px 4px;
}

#map2 {
    float: left;
    height: 587px;
    width: 550px;
    margin: 10px;
    margin-left: 0px;
    border-radius: 10px;
}

#zahlen {
    padding: 10px;
    margin-top: 10px;
    width: 410px;
    text-align: left;
    float: right;

}

#tankstelle {
    float: right;
    height: 310px;
    width: 436px;
    border-radius: 10px;
}

#benzinpreise {
    padding: 10px;
    margin-top: 10px;
    width: 410px;
    text-align: left;
    float: right;
}

#name {
    float: left;
    width: 180px;
}

#zahlen2 {
    float: right;
    width: 200px;
    padding-top: 40px;
}

#kontakt {
    float: left;
    margin-top: 150px;
    padding: 10px;
    text-align: left;
}

#map {
    float: right;
    border-radius: 10px;
    margin: 10px;
    margin-right: 0;
    margin-bottom: 30px;
}

.mitarbeiter p{
    margin-top: 10px;
}

.mitarbeiter img {
    height: 200px;
    margin-top: 10px;
    border-radius:10px;
}

#logo {
    margin-top: 130px;
    margin-bottom: 50px;
    height: 200px;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 370px;
    /*background-color: red;*/
}

.flex-item {
    /*background-color: cornflowerblue;*/
    width: 40%;
    margin: 10px;
    margin-left: 6.5%;
}

ul#menu { margin: 0; margin-left: -5px; margin-top: -7px; padding: 0; list-style: none; position: relative; width: 600px;}

ul#menu ul {
 width: 200px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#menu ul ul,ul#menu ul ul ul { top: 0; left: 100%; }

ul#menu li { float: left; display: inline; position: relative; }
ul#menu ul li { width: 100%; display: block; }

/* Root Menu */
ul#menu a {
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-radius: 20px;
 padding: 10px;
 margin: 5px;
 float: left;
 display: block;
 background: #DDD;
 color: #666;
 font: bold 14px Arial, sans-serif;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#menu a:hover,ul#menu li:hover a,ul#menu li.iehover a {
 background: #BBB;
 color: #FFF;
}

/* 2nd Menu */
ul#menu li:hover li a,ul#menu li.iehover li a {
 float: none;
 background: #BBB;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,ul#menu li:hover li:hover a,ul#menu li.iehover li a:hover,ul#menu li.iehover li.iehover a {
 background: #999;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,ul#menu li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,ul#menu li:hover li:hover li:hover a,ul#menu li.iehover li.iehover li a:hover,ul#menu li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,ul#menu li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,ul#menu li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul { display: none; }
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul { display: block; }  

/* kompatibilität für IE 7 und 8*/
,header
,nav
,section
,article
,aside
,footer
,hgroup
{
display: block;
}