/* Header */
.extern-links {
    float:right;
    padding-right: 5px;
    color:#880000;
}
.extern-links a {
    color:#880000;
    text-decoration: underline;
}
.extern-links a:hover {
    text-decoration: none;   
}
.page-header {
    background: #ff6600; /* For browsers that do not support gradients */
    background: url('../img/olympic-rings.png'), -webkit-linear-gradient(left, #880000 5%, #ff6600 35%,#ff6600 75%, #880000); /* For Safari 5.1 to 6.0 */
    background: url('../img/olympic-rings.png'), -o-linear-gradient(right, #880000 5%, #ff6600 35%,#ff6600 75%, #880000); /* For Opera 11.1 to 12.0 */
    background: url('../img/olympic-rings.png'), -moz-linear-gradient(right, #880000 5%, #ff6600 35%,#ff6600 75%, #880000); /* For Firefox 3.6 to 15 */
    background: url('../img/olympic-rings.png'), linear-gradient(to right, #880000 5%, #ff6600 35%,#ff6600 75%, #880000); /* Standard syntax */
    background-repeat: no-repeat;
    background-position: 5% 40%;
    border-radius:4px 4px 0px 0px;
    margin-bottom:0px;
    margin-top:20px;
    padding:20px 10px;
    border-top:2px #880000 solid;
    border-left:2px #880000 solid;
    border-right:2px #880000 solid;
}
.page-header h1 {
    color:white;
    margin:0;
}
.page-header img {
    float:right;
    height:70px;
    padding:5px;
    margin-left:10px;
    margin-top:-10px;
    opacity: 0.6;
}
.page-header img:hover {
    opacity:1;   
}
#rio-tekst {
    color:white;
    font-size:36px;
    float:left; 
    margin-right: 5px;
}
#asr-tekst {
    display: none;
}
#nereus-tekst {
    color:#880000;
    text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;  
}
#nereus-tekst span {
    font-size:36px;   
}
/* Navbar */
.navbar {
    font-size:13px;
    min-height: 40px;
    background-color:white;
    border-top:0px;
    border-left:2px #880000 solid;
    border-right:2px #880000 solid;
    border-bottom:2px #880000 solid;
    border-radius:0px 0px 4px 4px;
    margin-top:-1px;
}
.navbar-inverse .navbar-collapse {
    border-color: #880000;
    background-color:white;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #880000;
    color:#fff;
}
.navbar-inverse .navbar-nav>li>a {
    color:#000;   
} 
.navbar-inverse .navbar-nav>li>a:hover {
    color:#880000;   
}
.navbar-inverse .navbar-toggle {
    background-color:white;  
    border-color:#880000;
    border-width: 2px;
}
.navbar-inverse .navbar-toggle:focus > .icon-bar, .navbar-inverse .navbar-toggle:hover > .icon-bar  {
    background-color:white;   
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#880000;   
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color:#880000;   
}
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top:10px;
    padding-bottom:10px;
}
}
/* Normale CSS */
.links-box {
    padding:10px;
    margin-bottom:10px;
    padding-bottom:43px;
}
.links-box input {
    margin-bottom: 5px;   
}
.links-box a {
    color:black;   
}
.sponsorbox {
    width:100%;
    border:1px grey solid;
    border-radius: 2px;
    margin-bottom: 3px;
    text-align: center;
    padding:5px;
    box-shadow: 1px 1px 2px #888888;
}
.sponsorbox img {
    max-width:100%;   
}
.uitgelicht-nieuws {
    min-height:200px;  
    background-color: #FAFAFA;
    padding:10px;
    border-bottom: 1px lightgrey dotted;
}
.uitgelicht-nieuws-foto {
    float:left;
    margin-right:10px;
    margin-top: 20px;
}
.artikel-nieuws-foto {
    float:right;
    margin-left:10px;
    margin-top:20px;
}
.topblok {
    min-height:200px;  
    padding:10px;
}
#super-uitgelicht-table h2 {
    margin-bottom: 1px;
}
.laatste-uitslagen {
    min-width:150px;
    width:20%;
    min-height:200px;
    float:right;
    padding:10px;
    margin:5px;
    background-color: white;
}
.laatste-uitslagen table {
    font-size:11px;   
}
.nieuwsblok {
    min-height:200px;  
    margin:10px;
    text-align: center;
}
.default-blok {
    min-height:200px;  
    margin:10px;
    text-align: left;
}
.nieuws-item {
    text-align: left;
    padding:0px 15px 10px 15px;
    margin-bottom: 10px;
    margin-left:7px;
    margin-right:7px;
    width:48.5%; 
    height:100px;
    display:inline-block;
    border:1px lightgrey solid;
    border-radius: 5px 5px 0px 0px;
    box-shadow:2px 2px 10px #888888;
    font-size:10px;
}
.nieuws-item h5 {
    margin-bottom:0px;   
}
.titel-link {
    color:black;
}   
.verder-link {
    float:right;
    padding-right:15px;
}
.meta {
    font-size:8px;
    margin-top:-5px;
}
.reacties {
    width:100%;
    
}
.reactie {
    text-align: left;
    display:inline-block;
    width:100%;
    margin-right: 5px;
    border-bottom:1px grey solid;
    border-top:1px grey solid;
    box-shadow:1px 1px 5px #888888;
    padding:3px;
    margin-bottom: 5px;
}
.reactie .meta {
    font-size:10px;   
}
.headlinesblok {
    -webkit-columns: auto 2; /* Chrome, Safari, Opera */
    -moz-columns: auto 2; /* Firefox */
    columns: auto 2;
    /*max-height:200px; */ 
    margin:10px;
    text-align: center;
}
.headline {
    text-align: left;
    display:inline-block;
    width:100%;
    margin-right: 5px;
    border-bottom:1px grey solid;
    border-top:1px grey solid;
    box-shadow:1px 1px 5px #888888;
    padding:3px;
    margin-bottom: 5px;
}
.rightFloat {
    float: right;
    text-align: center;
}
.footer {
    min-height:35px;
    border-top:5px #880000 solid;
    padding:5px 10px;
    border-left: 1px lightgrey solid;
    border-right:1px lightgrey solid;
    border-radius: 5px 5px 0px 0px;
    box-shadow:2px 2px 10px #888888;
    margin-top:10px;
    color:grey;
}
.footer a {
    color:#880000;   
}
.roeier-button, .ploeg-button {
    border-radius: 5px 5px 0px 0px;
    box-shadow:2px 2px 10px #888888;
    border-left: 1px lightgrey solid;
    border-right:1px lightgrey solid;
    border-bottom:1px lightgrey solid;
    background-color: white;
    text-align: left;
}
.roeier-button {
    border-top:4px solid #880000;
}
.ploeg-button {
    border-top:4px solid #ff6600;
}
/* Iphone */
@media screen and (max-width: 480px) {
    .laatste-uitslagen {
        width: 100%;
    }
    .uitgelicht-nieuws-foto, .default-foto, .artikel-nieuws-foto {
        width:100%;   
    }
    .nieuws-item {
        width:100%;
        height:auto;
    }
    .headlinesblok {
        -webkit-columns: auto 1; /* Chrome, Safari, Opera */
        -moz-columns: auto 1; /* Firefox */
        columns: auto 1;
    }
    .headline {
        width:100%;
        height:auto;
    }
    .page-header img {
        display:none;   
    }
    .page-header {
        margin-top: 8px;
    }
    .extern-links {
        display: none;
    }
    .footer span {
        float:left;
    }
    .footer {
        height:80px;
    }
    .roeier-button, .ploeg-button {
        width: 100%;
    }
    .roeier-foto {
    width:100px;
    height:auto;
    }
    .foto-table {
        margin-top:0px;
    }
}
@media screen and (min-width:481px){
    .uitgelicht-nieuws-foto {
        max-width:250px; 
        height:auto;
        max-height:250px;   
    }
    .artikel-nieuws-foto {
        max-width:400px;
        height:auto;
        max-height:300px;
    }
    .default-foto {
        max-width:250px; 
        height:auto;
        max-height:250px; 
        margin-left:3px;
    }
    .footer span {
        float:right;
    }
    .roeier-button {
        width: 700px;
    }
    .ploeg-button {
        width:1000px;
    }
    .roeier-foto {
    width:200px;
    height:auto;
    margin-left:500px;
    }
    .foto-table {
        margin-top:-250px;
    }
}
@media screen and (max-width: 600px) {
     #nereus-tekst small {
        display:none;
    }
    #asr-tekst {
        display:inline;   
    }
}
/* Algemene CSS */
.box {
    border-radius: 5px 5px 0px 0px;
    box-shadow:2px 2px 10px #888888;
    border-left: 1px lightgrey solid;
    border-right:1px lightgrey solid;
    border-bottom:1px lightgrey solid;
    border-top:14px solid #880000;
}