/* http://jsfiddle.net/xqEV2/410/ */
.red {
	color: red;
}

.border {
	margin: 50px;
	border: 5px solid #FF8040;
}

body {
	box-shadow: none;
}

h1 {
	padding: 0;
	margin: 0;
}

.container {
	min-width: 300px;
}

@media (max-width: 767px) {
	.cutCornerTL, .cutCornerBR {
		border: 1px solid gray;
		box-shadow: 2px 2px 10px #888888;
		margin-bottom: 20px;
		
	}
	
	.container {
		padding: 1px;
	}
}

@media (min-width: 768px) {
	
	.cutCornerTL {
		position:relative; 
		border:5px solid #FF8040; 
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.cutCornerTL img {
		display: block;
	}

	.cutCornerTL:before {
		position:absolute; 
		left:-5px; 
		top:-5px; 
		content:'';
		border-top: 70px solid #FF8040;
		border-right: 70px solid transparent;
	}

	.cutCornerTL:after {
		position:absolute; 
		left:-6px; 
		top:-6px; 
		content:'';
		border-top: 65px solid #FBFBFB;
		border-right: 65px solid transparent;
	}
	
/* 	------ */

	.cutCornerBR {
		position:relative;
		width: 100%;
		border:5px solid #FF8040; 
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.cutCornerBR img {
		display:block;
	}

	.cutCornerBR nav {
		display:block;
	}

	.cutCornerBR main {
		display:block;
	}

	.cutCornerBR footer {
		display:block;
	}

	.cutCornerBR:before {
		position:absolute; right:-5px; bottom:-5px; content:'';
		border-bottom: 70px solid #FF8040;
		border-left: 70px solid transparent;
	}

	.cutCornerBR:after {
		position:absolute; right:-6px; bottom:-6px; content:'';
		border-bottom: 65px solid #FBFBFB;
		border-left: 65px solid transparent;
	}
	
}

.HeaderImage {
	width: 100%;
	padding: 2.5px;
/* 	background-color: #40FF80; */
	background-color: #0A6417;
	margin-top: -20px;
}

@media (max-width: 767px) {
	.HeaderImage {
		padding: 1px;
	}
}

.BigCircle {
	height: 40px;
	width: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #FF8040;
	margin-top: -17.5px;
	position: absolute;
	/* Firefox */
	margin-left: -moz-calc(100% - 17.5px);
	/* WebKit */
	margin-left: -webkit-calc(100% - 17.5px);
	/* Opera */
	margin-left: -o-calc(100% - 17.5px);
	/* Standard */
	margin-left: calc(100% - 17.5px);
	z-index: 2;
}

.SmallCircle {
	height: 30px;
	width: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #FBFBFB;
	position: relative;
	top: 5px;
	left: 5px;
}

#NavBigCircle {
	margin-left: -22.5px;
	margin-top: -22.5px;
}

@media (max-width: 767px) {
	.BigCircle {
		display: none;
	}
	
	.SmallCircle {
		display: none;
	}
}

body {
    background-color: green;
}

main {
	/*background-color: #F2F7FF;*/
    background-color: rosybrown;
	margin-top: -20px;
	padding-bottom: 15px;
	padding-top: 0.5px;
}

footer {
	text-align: center;
	color: white;
	background-color: #FF8040;
/* 	background-color: #40FF80; */
	background-color: #0A6417;
	margin-top: -10px;
	padding: 10px 15px 10px 15px;
    z-index: 2;
    position: relative;
}

.navbar {
	border: none;
	border-bottom: 2.5px solid #0A6417;
}

@media (max-width: 767px) {
	.navbar {
		border-bottom-color: gray;
	}
}

.navbar-default {
	background-image: none;
	background-color: #FF8040;
/* 	background-color: #40ff80; */
	background-color: #0A6417;
	border-radius: 0;
	box-shadow: none;	
}

.navbar-nav {
	margin-left: -10px;
}


/* link */
.navbar-default .navbar-nav > li > a {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	box-shadow: none;
	background-image: none;
/*     color: #FF8040; */
}

.navbar-default .navbar-nav>li>a {
/*     color: #FF8040; */
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-image: none;
/*     color: #333; */
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
/*     color: #555; */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	box-shadow: none;
	background-image: none;
    background-color: red;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
/*     color: #555; */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	box-shadow: none;
	background-image: none;
    background-color: blue;
}


/* mobile version */
.navbar-default .navbar-toggle {
    border: 5px solid #ff8040;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    color: #ff8040; /*<<<<<< HIER NAAR KIJKEN <<<<<<< */
}

/* @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ff0000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
} */

body {
	background-color: #FBFBFB;
}

main {
	background-color: #DBDBDB;
}


.Twest {
	
	margin-bottom: 15px;
	border-bottom: 2.5px solid #FF8040;
	border-top: 2.5px solid #FF8040;
	padding-bottom: 20px;
}

.UnevenContent, .EvenContent {
	width: 100%;
	padding: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.UnevenContent {
	background-color: #DBDBDB;
}

.EvenContent {
	background-color:#B6D0B9;
}

.LinkColor {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background: none;
    box-shadow: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #FF8040;
}

.Width100 {
	width: 100%;
}

.vcenter {
	display: inline-block;
    vertical-align: middle;
    float: none;
}

.LongText {
	font-size: 12px;
}

.ContactColumn {
	vertical-align: middle;
}

.ContactColumn .glyphicon {
	font-size: 35px;
}

.ContactColumn:last-child {
	padding-left: 15px;
}