s/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
  font-size: 16px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 50px 15px 0;
}

	@media (min-width: 360px) {
		body > .container {
			padding: 50px 15px 0;
		}
	}
	

	@media (min-width: 790px) {
		body > .container {
			padding: 150px 15px 0;
			margin-left: 1em;
		}
	}

	@media (min-width: 990px) {
		body > .container {
			padding: 110px 15px 0;
		}
	}

	@media (min-width: 1300px) {
		body > .container {
			padding: 110px 15px 0;
			margin: auto;
		}
	}

/* Change the Bootstrap NavBar Breakpoint to 1200px */
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/* CVO Header */
.navbar-fixed-top {
	top: 55px;
}

header {
	position: fixed;
	width: 100%;
    height: 55px;
    background: black;
    color: white;
    padding: 5px;
}

.logo, .logoText {
    float: left;
    line-height: 50px;
    font-family: Roboto, sans-serif;
    font-size: 1em;
	font-weight: bold;
}

.logoText a {
	color: white;
}

.logoText a:hover {
	color: #CACACA;
}

.page-header {
	margin-top: 70px;
}

/* Footer */
.myfooter {
    padding-top: 5px;
	background-color: #f8f8f8;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #e7e7e7;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

/* My styles */
code {
  font-size: 80%;
}

.mybutton {
	width: 15em;
	text-align: left;
}
.mybutton:focus,
.mybutton:active {
	outline: none;
}

a:active,
a:hover, 
a:focus {
    text-decoration: none;
	outline: none;
}

navbar {
	padding: 0px;
}

.voorbeeld {
	font-family: sans-serif;
	font-style: italic;
	text-indent: 1.5em;
}

.back-to-top {
	font-size: small;
	margin-top: 25px;
}