@import url("default_menu.css");
@import url("default_fonts.css");

body { /* Stylesheet OPOTYT */
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

#container { /* container van de hele website */
	width: 902px;
	margin: 0 auto;
	background: #fff url("images/content_background.png") repeat-y;
}

#right_container {
	float: left;
	width: 717px;
}

#container_logo { /* container van de hele website, zorgt dat de logo onderaan blijft */
	width: 902px;
	margin: 0 auto;
}

#header { /* Container van de Header */
	float: left;
	width: 716px;
	height: 58px;
	background: #fff url("images/header.png") no-repeat;
}

#logo { /* Container van de logo */
	width: 184px;
	height: 175px;
}

#logo img { /* Zorgt dat de logo geen blauwe randje krigt */
	border: 0;
}

#leftpane { /* Container van de linkerpane */
	float: left;
	width: 184px;
	background: url("images/leftpane_top.png") no-repeat;
}

#dnn_leftpane_top p,
#dnn_leftpane_bottom,
#dnn_leftpane_bottom td { /* Container van de linkerpane */
	color: #fff;
	width: 184px;
	margin: 0 auto;
}

#dnn_leftpane_top p {
	padding: 0 5px 25px 15px;
	height: 149px;
}

#leftpane_top h3 .Head {
	display: none;
}

#dnn_leftpane_bottom {
	padding: 10px 5px 15px 15px;
}

#dnn_leftpane,
#dnn_leftpane_top {
	width: 184px;
}

#leftpane_bottom a:link,
#leftpane_bottom a:active,
#leftpane_bottom a:visited,
#dnn_leftpane_bottom a:link,
#dnn_leftpane_bottom a:active,
#dnn_leftpane_bottom a:visited {
	color: #fff;
	font-size: 11px;
}

#leftpane_bottom ul {
	margin: 0;
	padding: 0;
}

#leftpane_bottom li {
	padding-left: 8px;
	line-height: 1.6em;
	list-style-type: none;
	background: url("images/bruin_bullet.png") 0 8px no-repeat;
}

#dnn_ctr527_HtmlModule_HtmlModule_lblContent.Normal { /* Zorgt de tekst in de linker blauwe kolom niet buiten de kolom gaat */
	padding: 0;
	margin: 0;
	width: 145px;
}

#leftpane_top { /* Zorgt de linker blauwe kolom flexible wordt */
	background: #00a1c8 url("images/leftpane_wave.png") 0 100% no-repeat;
}

#leftpane_top a:link {
	color: #fff;
}

#dnn_ctr527_HtmlModule_HtmlModule_lblContent p { /* Zorgt de linker blauwe kolom niet breekt */
	margin: 0;
}

#leftpane_bottom { /* Container van groene gedeeltje in linker kolom */
	background: #7eb700;
}

#leftpane_foto {  /* foto onder aan de linker kolom */
	width: 184px;
	height: 184px;
	background: #73be1f url("images/leftpane_foto.png") 0 100% no-repeat;
}

#leftpane_bottom td { /* Zorgt dat alle modules er geen randje erom krijgen en binnen de linker kolom blijven */
	margin: 0;
	padding: 0;
	width: 140px;
	line-height: 1.2em;
}

#login { /* Container van login en register links */
 width: 154px;
	padding-left: 20px;
}

#login a { /* login en register links */
	color: #000;
}

#login a:hover { /* login en register hover knoppen */
	color: #fff;
}

#dnn_dnnUSER_cmdRegister { /* Zorgt voor een spatie tussen de login en register links */
	margin-right: 5px;
}

#midpane { /* MainPane container */
	margin: 0;
	float: left;
	width: 554px;
}

#midpane #center {
	width: 514px;
	margin: 0 auto;
}

#ContentPane { /* Bovenste foto in de MainPane */
	padding: 0;
	width: 514px;
	margin: 0 auto 20px;
}

#ContentPane h3 .Head {
	display: none;
}

#midpane #ContentPaneA { /* Linkerkolom in MainPane */
	float: left;
	width: 253px;
	margin-right: 8px;
}

#midpane #ContentPaneB { /* Rechterkolom in MainPane */
	float: left;
	width: 253px;
}

#dnn_ctr596_HtmlModule_HtmlModule_lblContent h1 { /* De Welkom tekst op de home pagina */
	color: #00a1c8;
	font-size: 3em;
	font-weight: normal;
}

#dnn_ctr596_HtmlModule_HtmlModule_lblContent h2 { /* BIJ OBS 'T PARTOER tekst op de home pagina */
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#rightpane { /* Rechter container */
	float: left;
	width: 147px;
}

#dnn_rightpane_top {
	color: #fff;
	width: 90%;
	margin: 0;
	padding: 30px 5px 0 15px;
}

#rightpane_top { /* Hier zit het golf plaatje */
	background: #00a1c8 url("images/rightpane_top.png") 0 0 no-repeat;
	width: 147px;
}

#rightpane_top a:link {
	color: #fff;
}

#rightpane_top ul {
	margin: 0;
	padding: 0;
}

#rightpane_top li {
	padding-left: 8px;
	line-height: 1.6em;
	list-style-type: none;
	background: url("images/wit_bullet.png") 0 8px no-repeat;
}

#rightpane_bottom { /* Bruine gedeelte van rechter kolom */
	margin: 0;
	padding: 0;
	background: #777 url("images/rightpane_wave.png") 0 0 no-repeat;
	width: 147px;
}

#rightpane_bottom a:link {
	color: #fff;
}

#rightpane_bottom { /* Zorgt dat de inhoud in de blauwe gedeelte in de rechter kolom niet buiten het golf komt te zitten  */
	width: 147px;
}

#dnn_rightpane_bottom {
	color: #fff;
	width: 90%;
	margin: 0;
	padding: 30px 5px 5px 15px;
}

#rightpane_bottom a:link {
	color: #fff;
}

#rightpane_bottom ul {
	margin: 0;
	padding: 0;
}

#rightpane_bottom li {
	padding-left: 8px;
	line-height: 1.6em;
	list-style-type: none;
	background: url("images/bruin_bullet.png") 0 8px no-repeat;
}

#rightpane_top .Head,
#rightpane_bottom .Head,
#leftpane_top .Head,
#leftpane_bottom .Head {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	white-space: nowrap;
}

.clear {
	clear: both;
}

#footer { /* Zorgt dat alle floats worden ontleden */
	clear: both;
	height: 181px;
	background: transparent url("images/rightpane_logo.png") 467px 0 no-repeat;
}

#dnn_leftpane_top, #dnn_leftpane_bottom, #dnn_ContentPane, #dnn_ContentPaneA, #dnn_ContentPaneB, #dnn_rightpane_top, #dnn_rightpane_bottom {border: 0px solid #fff !important;}