body {
    background-image: url('../images/TexturesCom_BrickOldRounded0303_5_S.jpg');
}

#site-container {
     margin-top: 90px; 
    background-color: rgba(239, 239, 239, 0.9); /*Background of the main containers*/

    border-radius: 10px;
    border-style: solid;
    border-width: 1px;

    margin-bottom: 50px;
    
    padding-left: 40px;
    padding-right:50px;
    padding-bottom: 20px;
    font-size: medium;
}


#main_image {
    width:60%;
    padding-bottom:40px;
    padding-top:50px;
    margin-left:auto;
    margin-right:auto;
}

.midrule {
    width:50%;
}

hr {
    border-color: black;
}

.heading {
    padding-top: 30px;
    padding-bottom: 40px;
}

.heading h2 {
    font-size:60px;
}

.row a,.row a:hover {
    color: black;
}

.bigbutton img {
    height: 100px;
    margin-top: 40px;
    margin-bottom:30px;
}

.bigbutton {
    font-size: x-large;
    min-height:240px;
}

.bigbutton:hover {
    box-shadow: 0 0 5px #FF5A17 !important;
    border-color: #FF5A17 !important;
}

.introduction {
    padding-bottom:50px;
}

#footer {
    text-align: center;
    height: 70px;
    color: white;
    margin-top:20px;
    padding-top:20px;
    padding-bottom:30px;
    font-size: 16px;
    text-shadow: 0 0 8px black;
}

#footer a, #footer a:visited, #footer a:active, #footer a:focus {
    color: white;
}

#footer a:hover {
    color: #FF5A17 !important;
    text-shadow: none;
}

a, a:visited {
    color: #FF5A17;
    text-decoration: none !important;
}

a:hover, a:active {
    color: orange !important;
}

a:hover .bigbutton, a:active .bigbutton, a:visited .bigbutton, a:focus .bigbutton {
    color: black !important;
}


/* navbar */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/source-sans-pro.ttf) format('truetype');
}

@font-face {
  font-family: 'Pompiere';
  font-style: normal;
  font-weight: 400;
  src: local('Pompiere '), local('Pompiere-Regular'), url(../fonts/pompiere.ttf) format('truetype');
}

li.dropdown {
  list-style: none;
}

.navbar-static-top {
  margin-bottom: -20px;
  color: #FF0000;
}

#nav_head {
    font-family: 'Pompiere', cursive;
    font-variant: small-caps;
    font-size: 23px !important;
}

#nav_bar {
    background-color: #EFEFEF;
    box-shadow: 0px 0px 20px #4D4D4D;
    font-family: 'Source Sans Pro', sans-serif;

    z-index: 9000;
}

#selfnet_fahne {
    position: absolute;
    top: -12px;
    z-index: 9001;
}

#selfnet_fahne_wrapper {
    width: 77px;
}

.breadcrumbs {
    padding-top: 20px;
}

#img-allmandring {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/allmandring.jpg');
}

#img-filderbahnplatz {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/filderbahnplatz.jpg');
}

#img-heilmannstrasse {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/heilmannstrasse.jpg');
}

#img-heuss {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/heuss.jpg');
}

#img-kade {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/kade.jpg');
}

#img-logo{
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/Logo.png');
}

#img-routerkabelpi{
    background: linear-gradient(to left, rgba(255,255,255,0) -20%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 80%), url('/static/images/routerkabelpi_f.jpg');
}

#img-switch-front {
    background: linear-gradient(to left, rgba(255,255,255,0) -50%, rgba(255,255,255,1) 80%), url('/static/images/switch-front.jpg');
}

#img-schloss {
    background: linear-gradient(to left, rgba(255,255,255,0) -20%, rgba(255,255,255,1) 80%), url('/static/images/schloss_f.jpg');
}