@charset "utf-8";
/* CSS Document */

body{padding-top:50px;
background-color:#7AAEDD;
font-size = 100%;}

h4 {margin:20px;}
h3 {margin:20px; color:#990000;}

h5 {
	font-size: 20px;
	color: #333333;
	background-color: #FFFFFF;
}
@media screen and (max-width : 740px) {
	h5 {font-size: 30px;
    }
}
@media screen and (max-width:480px) {
	h5 {font-size: 15px;
    }
}
@media screen and (max-width: 320px) {
	h5 {font-size: 10px;  }
}
.opsomming {
    border-left: 5px solid #FFFF99;
}
.navbar{
	background-color:#9999ff;
	font-size: 16px;
}

#keuze {
	text-align: center;
	vertical-align: middle;
	width: 100px;
	background-color: #FF0000;
}

.cssTable 
{
	text-align: center;
	vertical-align: middle;
	width: 400px;
	border-bottom-style: solid;
}

.navbar-default .navbar-text{color:#333333}
.navbar-default .navbar-nav>li {color: #000000;
}
.navbar-default .navbar-nav>li>a {color: #FF0000;
}
.navbar-default .navbar-nav>li>a:focus,.nav>li>a:hove {color: #FFFFFF;
}
.navbar-default .navbar-nav>.active>a {background-color: #e7e7e7; color:#555
}

.imgicon {
	width: 200px;
	height: 200px;
}

.imgfotoicon {
}


.rood {
	color:#FF0000;
	font-weight: bold;
	text-align: center;
}

.groen {
	color:#3300FF;
	font-size: 16px;
}

.dagachtergrond {
	color:#FF0000;
	font-size: 16px;
	background-color: #99FF00;
}

.nomargin { margin:0px; }

.fotolijst {
	border: 1px solid #000000;
}
/* Class Styles */

.bodyText {
	font:12px arial;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	}
	
.pageName{
	font:24px helvetica,georgia,arial;
	color: #CC3300;
	margin:0px;
	}

.pageWit{
	font:20px helvetica,georgia,arial;
	color: #0066CC;
	margin:10px;
	text-align: right;
	}	
.subHeader {
	font:20px georgia,arial;
	color: #000000;
	margin:10px;
	text-align: left;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}