@media only screen{
    body{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6035+0,f7e991+5,f7e991+12,f7e991+15,f7e991+95,ea6035+100 */
        background: #999999; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 0%, #999999 5%, #999999 12%, #999999 15%, #999999 95%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 0%,#999999 5%,#999999 12%,#999999 15%,#999999 95%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 0%,#999999 5%,#999999 12%,#999999 15%,#999999 95%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        font-family:  Verdana, Genava;


    }
}

@media only screen and (min-width: 981px){

    html, body{
        margin: 0px;
		margin-top:10px;
        padding: 0px;
        font-size: 14px;
    }


    div{
        margin:0px;
        padding:0px;
    }
    h1{
        color: #990000;
        font-size: 24px;
        padding: 10px;
    }

    h2{
        color: #990000;
        font-size: 18px;
        padding: 10px;
        padding-left: 0px;
    }

    footer{
        clear: left;
        margin: auto;
        height: 30px;
        width:950px;
        text-align:center;
        color: #ffffff;
        background-color: #999999;
    }

    #pagina{
        width:950px;
        margin: auto;
        overflow: hidden;
        padding: 0px;
        margin-top:10px;
        margin-bottom:0px;

    }

    #logo, #banner{
        padding:0px;
        margin: 0px;
    }

    header{
        position: absolute;
        top: 5px;
        margin:0px;
        padding: 0px;
        height:100px;
        width:950px;
    }
	
	#done{
        color: #aaaaaa;
        text-decoration: none;
    }

    a:link {
        color: #990000;
        text-decoration: none;
    }

    /* visited link */
    a:visited {
        color: #990000;       
    }

    /* mouse over link */
    a:hover {
        color: #990000;
        border-bottom: 1px solid #990000;
    }

    /* selected link */
    a:active {
        text-decoration: none;
        color: #990000;
    }

    nav{
        padding-top:10px;
        width: 950px;
        height:40px;
        text-align: center;
        font-family:  "Verdana";
        border-top-style: double;
        border-color: #ffcc33;
    }

    nav ul{
        margin-left: 17px;
    }

    nav li{
        display: inline;
        width: 100px;
        height: 25px;
        text-align: center;
        list-style-type:none;
        margin: 5px;
        padding: 0px;
        float: left;
    }

    nav ul li a{
        margin: 0px;
        padding: 0px;
        padding-left: 2px;
        padding-right: 2px;
        font-size:18px;
    }
	
	#NavLiWide{
		width: 110px;
	}
	
	#NavLiNarrow{
		width: 85px;
	}

    nav a:link {
        color: #ffcc33;
        text-decoration: none;
    }

    /* visited link */
    nav ul li a:visited {
        color: #ffcc33;
        text-decoration: none;
    }

    /* mouse over link */
    nav ul li a:hover {
        color: #ffcc33;
        text-decoration: none;
        border-left: 2px solid #ffcc33;
        border-bottom: 0px;
    }

    /* selected link */
    nav ul li a:active {
        text-decoration: none;
        color: #ffcc33;
    }


    article{
        margin: 0px;
        margin-top: 20px;
        margin-bottom:20px;
        padding: 0px;
        border: #000000 1px solid;
    }

    #HomePicture{
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 15px;
    }
	
	#Picture{
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 15px;
    }

    #opsommingUren{
        width: 600px;
        float: left;
    }

    #wedstrijd{
        width: 600px;
        float: left;
    }

    #Wedstrijdfoto{		
        border-radius: 15px;
        float: right;
    }

    #Trainingsurenfoto{
        border-radius: 15px;
    }
    ul {
        margin-left: 30px;

    }

    ul  li{
        margin-top:5px;
    }

    ul ul{
        margin-left: 30px;
        margin-top:10px;
    }

    ul ul li{
        margin-top:5px;
    }


    #FullArticle{
        width:900px;
        border-radius: 15px;
        display: inline-block;
        float:left;
        padding: 20px;
        padding-top: 0px;
        /*background-color:#F7E991;*/
        background-color:#ffffff;
    }

    #HomeTekst{
        margin:10px;
    }

    #footertekst{
        padding-top: 5px;
    }

    #ContactMap{
        width: 100%;
        height: 400px;
        background-color: #ffffff;
    }

    #Contactgegevens{
        text-align:center;
    }

    hr{
        background-color:#ffffff;
        border-color: #ffffff;
    }
}


@media only screen and (max-width: 980px) {

}