/*
    wiewarm ci/cd color reference:
    #018dfa - blue background
    #ff9801 - dark orange
    #fff096 - yellowish

    endless wave stock image - need to buy:
    http://www.istockphoto.com/stock-illustration-13464302-seamless-ocean-wave.php

*/

html, body {
    background-color: #ffffff;
    height: 100%;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

pre {
    font-size: 0.9em;
}


/*
A:link {text-decoration: none; color: #ff7900;}
A:visited {text-decoration: none; color: #ff7900;}
A:active {text-decoration: none; color: #018dfa;}
A:hover {text-decoration: none; color: #018dfa;}
*/

#indextemp {
}

#indexnews {
}

.frontpage-table{
    width: 100%;

}

.wetter {
    width: 100%;
}

.wetterimg {
    height: 55px;
}

.frontpage-table-content-row td{
   /* padding-bottom: 1.5em;*/
   padding-bottom: 0em;
   border: 0;
}

.frontpage-table-header-row{
   /*padding-top: 1em;*/
   /*background-color:#fff096;*/
   border-top: 0px solid #DDDDDD;
}

.fp-odd {
    background-color: #f9f9f9;
}

.frontpage-thumb{
    margin-bottom: 1em;
}

.admin-textarea {
    width: 400px;
    height: 11em ;
    line-height: 1.2em ;
    font-family:'Courier New', monospace;

}

.carousel-image {
    margin: auto;
    width: 500px;
}

.carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}

.input-large.input-mega {
    width: 600px;
}

.siteheader {
    margin-top: 2em;
}

.gfont {
    font-family: 'Englebert', sans-serif;
    color: #ff9801;
}

.thirdreich_gfont {         
    font-family: 'Oleo Script Swash Caps', cursive;
    color: #ff9801;
}

.START_gfont {
    font-family: 'Press Start 2P';
    color: #ff9801;
    font-size: 1em;
}

.VT323_gfont {
    font-family: 'VT323';
    color: #ff9801;
}


.gmap {
    display: block;
    height: 16em; 
    width: 100%;
}

.tempindex {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.newsbar {
    margin-left: 4em;
    margin-right: 4em;
    font-size: smaller;
}

.timestamp {
    color: #aaaaaa;
    font-size: 0.8em;
    font-weight: normal;
    font-style: normal;
    margin-left: 0em;
    /*float: right;*/
}

.navbar-inner {
    /* http://stackoverflow.com/questions/11196638/change-navbar-color-in-twitter-bootstrap-2-0-4 */
    background: #ff9801; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9801 0%, #fff096 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9801), color-stop(100%,#fff096)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9801 0%,#fff096 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9801 0%,#fff096 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9801 0%,#fff096 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9801 0%,#fff096 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9801', endColorstr='#fff096',GradientType=0 ); /* IE6-9 */

    color: black;
}

.frontpage-gradient {
    /* http://stackoverflow.com/questions/11196638/change-navbar-color-in-twitter-bootstrap-2-0-4 */

    background: #fff096; /* Old browsers */
    background: -moz-linear-gradient(top, #fff096 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff096), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff096 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff096 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff096 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff096 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff096', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    color: black;
}

#logo {
    color: black;
} 

#spinner {
    margin-bottom: 2em;
} 

#mapspinner {
    width: 1.0em;
    margin-bottom: 0.2em;
} 


#cclogo {
    height: 1em;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:50px; /* this needs to be bigger than footer height*/
}

.footer {
  position: relative;
  margin-top: -50px; /* negative value of footer height */
  height: 50px;
  clear:both;
  padding-top:0px;
  padding-left:20px;
  color: #777777;
  background-image: url('/img/endlesswave.png');
  background-repeat:repeat-x;
} 

.ng-table {
}

td.start_ort {
    width: 8em;
    text-align: left;
}

td.start_plz {
    width: 4em;
    text-align: right;
}

td.start_kanton {
    width: 4em;
    text-align: left;
}

td.start_wert {
    width: 7em;
    text-align: right;
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;

}

*, *::before, *::after {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.pagination > li {
    display: inline;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
    background-color: #fff096;

}

.table th, .table td {
    padding: 4px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 2.6em;
    line-height: 2.6em;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    vertical-align: middle;
}


@media (max-width: 767px) { 

    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.1em;
    }

    .carousel-image {
        margin: auto;
        width: 300px;
    }

    .siteheader {
        margin-top: 0em;
    }

    .navbar, .footer {
        font-size: 0.8em;
    }


    .navbar .nav > li > a, .footer {
        padding: 5px 7px;
    }

    .navbar .brand {
        font-size: 15px;
        font-weight: 200;
        margin-left: -20px;
        padding: 5px 7px;
    }

    .table th, .table td, .frontpage-table td {
        line-height: 15px;
        padding: 2px;
        font-size: 0.8em;
    }

    .timestamp {
        color: #aaaaaa;
        font-size: 0.6em;
        margin-left: 0.3em;
        float: none;
    }

    .input-large.input-mega {
        width: 300px;
    }

}