/* ________                   __  __                    ____                                
  / ____/ /_  ____  ________  \ \/ /___  __  _______   / __ \________  ____  ____ ___  _____
 / /   / __ \/ __ `/ ___/ _ \  \  / __ \/ / / / ___/  / / / / ___/ _ \/ __ `/ __ `__ \/ ___/
/ /___/ / / / /_/ (__  )  __/  / / /_/ / /_/ / /     / /_/ / /  /  __/ /_/ / / / / / (__  ) 
\____/_/ /_/\__,_/____/\___/  /_/\____/\__,_/_/     /_____/_/   \___/\__,_/_/ /_/ /_/____/ */

* { margin: 0; padding: 0; }

.clr { clear: both; }

body { padding: 0; margin: 0; color: #353535; font-family: Arial, Helvetica, sans-serif; background: #e8e8e8 url('../images/background.jpg') top right repeat-y; }

a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }

img { border: 0; }

#tekstgrootte { margin: 0 auto; padding-right: 10px; width: 940px; height: 40px; text-align: right; font-size: 12px; line-height: 55px; }

#container { 
	margin: 0px auto 20px auto;
	width: 950px;
	height: auto;
	background: #fff;
	border: 1px solid #d5d5d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* HEADER
------------------------------------------*/
#header { width: 950px; height: 100px; }
#header-logo { float: left; padding: 23px 0px 23px 20px; width: 487px; height: auto; }
#header-nav { float: right; margin-top: 20px; padding-right: 10px; width: 427px; height: 80px; text-align: right; line-height: 30px; font-size: 12px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }

/* NAVIGATION
------------------------------------------*/
.navlist li { display: inline; }
.navlist a:link, .navlist a:visited { 
	color: #353535;
	margin-right: 5px;
	padding: 5px 10px; 
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
.navlist a:hover { color: #fff; text-decoration: none; background: #00aeed; }

/* SLIDER
------------------------------------------*/
#slider { width: 950px; height: 200px; border-top: 5px solid #33c1f6; border-bottom: 5px solid #33c1f6; background: #00aeed; }
#slider-img { float: left; margin: 20px; height: 160px; width: 250px; background: url('../images/slider.jpg'); }
#slider-text { float: right; margin: 20px 20px 20px 0px; height: 160px; width: 640px; color: #fff; }

#slider-text p { font-size: 14px; line-height: 20px; }

.slider-link {
	display: inline-block;
	margin-top: 20px; 
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background-color: #6bd3f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.slider-link:hover { color: #fff; background-color: #0082b1; }

/* CONTENT
------------------------------------------*/
#content { padding: 20px; width: 910px; height: auto; font-size: 14px; line-height: 18px; }
#content-left { float: left; width: 500px; height: auto; }
#content-right { float: right; width: 390px; height: auto; }

.opsomming-blauw { margin-top: 10px; padding: 10px; width: auto; height: auto; background: #d7f4fe; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.opsomming-grijs { margin-top: 10px; padding: 10px; width: auto; height: auto; background: #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.nieuws-blauw { float: left; margin-top: 10px; padding: 10px; width: 425px; height: auto; background: #d7f4fe; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nieuws-grijs { float: right; margin-top: 10px; padding: 10px; width: 425px; height: auto; background: #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bestuurlist { margin: 10px 0px 10px 30px; width: 380px; }


#content a:link, #content a:visited { color: #353535; text-decoration: underline; }
#content a:hover { color: #00aeed; text-decoration: underline; }

/* TEKST
------------------------------------------*/
#text-1 { font-size: 14px; }
#text-2 { font-size: 18px; }
#text-3 { font-size: 22px; }

#tekstgrootte a:link, #tekstgrootte a:visited { color: #5d5d5d; text-decoration: none; }
#tekstgrootte a:hover { color: #00aeed; text-decoration: underline; }

h1 { margin-bottom: 10px; font-size: 28px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
h2 { padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; border-bottom: 1px dashed #c8c8c8; }
h3 { padding-bottom: 5px; margin-bottom: 5px; font-size: 16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; border-bottom: 1px dashed #c8c8c8; }
h4 { font-size: 16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }

/* SELECTION
------------------------------------------*/
::-moz-selection{ background: #00aeed; color:#fff; text-shadow: none; }
::-webkit-selection{ background: #00aeed; color:#fff; text-shadow: none; }
::selection { background: #00aeed; color:#fff; text-shadow: none; }