@import "http://fonts.googleapis.com/css?family=Raleway:400,700";


body {
      font-family: "Segoe UI";
      margin: 0;
      padding: 0;
      background-attachment: fixed;
      background-image: url("img/salzburg_night.jpg");
      background-position: center top;
      background-size: cover;
  
    }
    
    #container {
      display: flex;
    }
    
    #sidebar {
      font-size: 1.4em;
      width: 230px;
      background-color: #f1f1f1;
      padding: 15px;
    }

    #startmenu {
      padding-left: 20px;
    }
    
    #content {
      flex: 1;
      padding-top: 65px;
      padding-bottom: 20px;
    }

    #contentindex {
      flex: 1;
      padding-top: 65px;
      text-align: center;
    }

    #h1index {
      color: #ffffff;
    }

    #whitebox {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 20%;
      padding-right: 20%;
      background-color: #ffffffee;
    }

    #whitebox a {
      text-decoration: none;
      color: #000000;
      font-size: 1em;
    }

    #whitebox a:hover {
      color: #727272;
    }

    ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    
    li {
      margin-bottom: 10px;
    }
    
    a {
      text-decoration: underline;
      color: #1100ff;
    }
    
    a:hover {
      color: #008cff;
    }

    img {
      border: 0;
      padding: 0;
    }

    .startmenustyle {
      text-decoration: none;
      font-size: 1em;
      font-weight: bold;
      color: #000000;
    }
        
    .submenu {
      font-size: 0.7em;
      padding: 3px;
      margin-left: 12px;

    }
    
    .submenu li {
      
      margin-bottom: 5px;
    }
    
    .submenu a {
      text-decoration: none;
      font-size: 1em;
      color: #000000;
    }

    #banner {
      position: fixed;
      font-family: "Raleway", Arial, Helvetica, sans-serif;
      background-color: #00000064;
      color: #ffffff;
      font-size: 0.65em;
      text-transform: uppercase;
      padding: 5px;
      padding-left: 15px;
      width: 100%;
      box-sizing: border-box;
    }

    #banner a {
      text-decoration: none;
      color: #ffffff;
      font-size: 2.8em;
    }

    #bannerindex {
      position: fixed;
      font-family: "Raleway", Arial, Helvetica, sans-serif;
      background-color: #0000007e;
      color: #ffffff;
      font-size: 0.65em;
      text-transform: uppercase;
      padding: 5px;
      padding-left: 15px;
      width: 100%;
      box-sizing: border-box;
			text-align: center;
    }

    #bannerindex a {
      text-decoration: none;
      color: #ffffff;
      font-size: 2.8em;
    }


	  table, th, td {
      font-size: 0.93em;
	    border: thin solid; 
	    border-collapse: collapse;
	    padding: .2em;
      padding-left: .5em;
      padding-right: .5em;
	  }

    table.tbcenter th, table.tbcenter td {
      text-align: center;
 
    }

    table.tbleft th, table.tbleft td{
      text-align: left;
     
    }

    #footer {
      font-size: 0.8em;
      color: #ffffff;
      text-align: center;
      background-color: #00000090;
    }

    #footer a {
      color: #ffffff;
    }


    #bildsequenz {
      background-color: #00000090;
      text-align: center;
      padding-top: 25px;
      padding-bottom: 25px;
    }
    
    #bildsequenz img{
      padding: 10px;
    }

    #mainmenu {
      text-decoration: none;
      color: #ffffff;
      font-size: 2.8em;
    }