@import url(https://fonts.googleapis.com/css?family=Montserrat:300&subset=latin-ext);

body {
background-color: whitesmoke;
font-family:Montserrat, sans-serif;
}

#anmeldung {
width: 600px;
height: 175px;
margin:0 auto;
margin-top: 150px;
background-image: url(/bilder/anmeldung_neu.jpg);

}

#anmeldung h1 {
    padding-left: 203px;
    padding-top: 17px;
    color: white;
    font-size: 20px;
}

#anmeldung h2 {
    padding-left: 440px;
    padding-top: 0px;
    color: white;
    font-size: 13px;
}

#anmeldung h2 a {
    color: #093462;
    text-decoration: none;
}

#anmeldung table {
padding-left: 200px;
padding-top: 5px;
color: white;
}

#webseite {
width: 1200px;
margin:0 auto;
} 

#header {   
margin:0 auto;
width: 1200px;
height: 175px;
background-image: url(/bilder/Lions-header_neu.jpg);
}

#header h1 {
text-align: left;
padding-left: 220px;
padding-top: 10px;
font-size: 30px;
font-weight: bold;
color: white;
font-family: Arial;
}

#header h2 {
text-align: right;
padding-right: 20px;
padding-top: 20px;
font-size: 30px;
color: #093462;
font-family: Arial;
}

#header h3 {
text-align: right;
padding-right: 20px;
padding-top: 40px;
font-size: 16px;
color: #093462;
font-family: Arial;
}

#menue {
width: 1200px;
height: 40px;
margin-top: 10px;
}

#main {
width: 980px; 
}

#fenster {
width: 1200px;
height: 300px;
background: yellow;
margin-top: 10px;
margin-bottom: 10px;
  
}


#left {
float: left;
width: 0px;
background: whitesmoke;
margin-top: 10px;
margin-bottom: 10px;

}

#left p {
text-align: left;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
color: #184466;
}

#right {
float: right;
width: 1200px;
background: whitesmoke;
margin-top: 10px;
margin-bottom: 10px;
}

#right img {
    border: 0;
}

#right h1,#left h1 {
text-align: left;
padding-left: 5px;
font-size: 16px;
font-style: italic;
color: #093462;
}

#right table {
border-spacing: 5px; 
padding-bottom: 5px;
color: #093462;
font-size: 15px;
width: 100%;
}

#right table td {
padding-bottom: 30px; 
padding-right: 10px;
}

#right table tr {
border-bottom: 1px solid #ddd;
}

#anzeige {
float: right;
width: 1200px;
background: whitesmoke;
margin-top: 0px;
margin-bottom: 0px;

}

#anzeige img {
    border: 0;
}

#anzeige h1 {
text-align: left;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-style: italic;
color: #184466;
}

#anzeige table {
border-spacing: 5px; 
padding-bottom: 2px;
color: #184466;
font-size: 15px;
border-collapse: collapse;
width: 100%;
}

#anzeige table th {
color: #184466;
background-color: lightgray;
border-collapse: collapse;
padding: 4px;
text-align: left;
border-bottom: 1px solid #ddd;
}

#anzeige table tr {
  text-align: left;
  padding-bottom: 0px;
  border-bottom: 1px solid #ddd;
}

#anzeige table td {
padding-left: 8px;
padding-bottom: 0px;
}



#anzeige1 {
float: right;
width: 1200px;
background: whitesmoke;
margin-top: 0px;
margin-bottom: 40px;

}

#anzeige1 img {
    border: 0;
}

#anzeige1 h1 {
text-align: left;
padding-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-style: italic;
color: #184466;
}

#anzeige1 table {
border-spacing: 5px; 
padding: 5px;
color: #184466;
font-size: 15px;
border-collapse: collapse;
width: 100%;
}

#anzeige1 table th {
color: #184466;
background-color: lightgray;
border-collapse: collapse;
padding: 4px;
text-align: left;
border-bottom: 1px solid #ddd;
}

#anzeige1 table tr {
  text-align: left;
  border-bottom: 1px solid #ddd;
}

#anzeige1 table td {
padding-bottom: 15px; 
padding-top: 8px;
padding-left: 8px;
}

#anzeigeq1 table a:hover {
    color: #feb22a;
    text-decoration: none;
}

#anzeige2 {
float: right;
width: 1200px;
background: whitesmoke;
margin-top: 0px;
margin-bottom: 0px;

}

#anzeige2 img {
    border: 0;
}

#anzeige2 h1 {
text-align: left;
padding-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-style: italic;
color: #184466;
}

#anzeige2 table {
border-spacing: 5px; 
padding: 2px;
color: #184466;
font-size: 15px;
border-collapse: collapse;
width: 100%;
}

#anzeige2 table th {
color: #184466;
background-color: lightgray;
border-collapse: collapse;
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}

#anzeige2 table tr {
  text-align: left;
  border-bottom: 1px solid #ddd;
}

#anzeige2 table td {
padding-bottom: 15px; 
padding-top: 4px;
padding-left: 8px;
}

#anzeige2 table a {
    color: #093462;
    text-decoration: none;
}
#anzeige2 table a:hover {
    color: #feb22a;
    text-decoration: none;
}

#footer {
margin-top: 80px;
margin-bottom: 80px;
width: 1200px;
height: 30px;
background-image: url(/bilder/footer_neu.jpg);
box-shadow:0 3px 15px rgba(9,52,98,.4);
clear: both;
}

#footer h1 {
text-align: left;
padding-left: 10px;
padding-top: 7px;
font-size: 13px;
font-weight: normal;
color: #093462;
}

.short {
    width: 75px;
}

.medium {
    width: 200px;
}

.long {
    width: 400px;
}

.passwort {
    font-size: 13px;
}

.passwort a {
    color: #093462;
    text-decoration: none;
}

.infos {
text-align: left;
font-size: 14px;
color: #6E6E6E;
}

.welcome {
text-align: left;
font-size: 14px;
color: #184466;
font-style: italic;
}


.headine{
  font-family:Montserrat, sans-serif;
}

.termin {  
font-size: 15px;
font-weight: bold;
}

.name {
font-weight: bold;
}

.position {
font-size: 13px;
}

.button {
  background-color: #feb22a;
  border: none;
  color: #093462;
  padding: 5px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  margin: 4px 2px;
  cursor: pointer;
}

.button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}