/* =====================
WEBSITE COLORS
BLUE     #468693
ORANGE   #FF5800
TEXT     #184A54
===================== */

/* STYLE ELEMENTS */
body, div, p, a, td, tr, th, table, h1, h2, h3, span, ul, ol, li {
	color: #184A54;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
div.clear {
	clear: both;
	height: 0px;
}
input, textarea {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 12px;
}
img { border: 0px; }
body {
	background: white url("../img/background-main.png") right top repeat-x;
	position: relative;
}
body.subbed { background: white url("../img/background-sub.png") right top repeat-x; }
h1, h2, h3 {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
}
h1 {
	color: #468693;
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h2 {
	color: #FF5800;
	font-size: 16px;
	margin-top: 10px;
}
h3 {
	color: #184A54;
	font-weight: bold;
}
hr {
	border: solid 1px #468693;
	margin: 5px 50px;	
}
p { 
	line-height: 18px;
	margin-bottom: 10px;
}
ol, ul { margin: 0px 0px 10px 25px; }

/* PAGE STRUCTURE */
div#main {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 950px;
}
div#header {
	height: 56px;
	position: relative;
	margin-bottom: 25px;
}
.subbed div#header { height: 86px; }
#header img {
	left: 15px;
	position: absolute;
	top: 15px;
}

div#footer {
	height: 40px;
	position: relative;
	width: 100%;
}
#footer p.madeby {
	left: 10px;
	position: absolute;
	top: 15px;
}
#footer p.links {
	position: absolute;
	right: 10px;
	top: 15px;
}

/* MENU ITEMS */
div#menu {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 413px;
}
#menu div {
	display: inline;
	float: left;
	height: 66px;
}
#menu a:hover, #menu a:hover div, #menu a div:hover { text-decoration: none; }
#menu div.home {
	background: url('/img/menu/home1.png') top center no-repeat;
	width: 61px;
}
#menu a.current div.home, #menu div.home:hover, #menu a:hover div.home { background: url('/img/menu/home2.png') top center no-repeat; }
#menu div.algemeen {
	background: url('/img/menu/algemeen1.png') top center no-repeat;
	width: 81px;
}
#menu a.current div.algemeen, #menu div.algemeen:hover, #menu a:hover div.algemeen { background: url('/img/menu/algemeen2.png') top center no-repeat; }
#menu div.rbzod {
	background: url('/img/menu/rbzod1.png') top center no-repeat;
	width: 63px;
}
#menu a.current div.rbzod, #menu div.rbzod:hover, #menu a:hover div.rbzod { background: url('/img/menu/rbzod2.png') top center no-repeat; }
#menu div.actie {
	background: url('/img/menu/actie1.png') top center no-repeat;
	width: 93px;
}
#menu a.current div.actie, #menu div.actie:hover, #menu a:hover div.actie { background: url('/img/menu/actie2.png') top center no-repeat; }
#menu div.foto {
	background: url('/img/menu/foto1.png') top center no-repeat;
	width: 55px;
}
#menu a.current div.foto, #menu div.foto:hover, #menu a:hover div.foto { background: url('/img/menu/foto2.png') top center no-repeat; }
#menu div.links {
	background: url('/img/menu/links1.png') top center no-repeat;
	width: 60px;
}
#menu a.current div.links, #menu div.links:hover, #menu a:hover div.links { background: url('/img/menu/links2.png') top center no-repeat; }

div#submenu {
	position: absolute;
	right: 10px;
	top: 64px;
}
#submenu ul li, #submenu a {
	display: inline;
	font-size: 12px;
	list-style: none;
	margin: 0px 10px;
	padding: 5px 8px;
}
#submenu a, #submenu li {
	color: #468693;
	font-weight: bold;
	text-decoration: none;
}
#submenu a:hover li, #submenu a:hover, #submenu a.current li, #submenu a.current { color: #FF5800; }

/* PAGE CONTENTS */
div#content {
	min-height: 540px;
	padding: 0px;
}
#content div.rbzod-logo-right {
	float: right;
	margin: 40px 0px;
	text-align: center;
	width: 409px;
}
#content div.rbzod-logo-left {
	float: left;
	margin: 30px 0px;
	text-align: center;
	width: 510px;
}

#content div.leftfield {
	clear: left;
	float: left;
	margin: 10px 5px;
	width: 510px;
}
#content .leftfield div.top {
	background: url('/img/field-left-top.png') bottom left no-repeat;
	height: 15px;
}
#content .leftfield div.middle {
	background: url('/img/field-left-middle.png') top left repeat-y;
	padding: 20px 40px 10px;
}
#content .leftfield div.bottom {
	background: url('/img/field-left-bottom.png') top left no-repeat;
	height: 25px;
}
#content div.rightfield {
	clear: right;
	float: right;
	margin: 10px 5px;
	width: 409px;
}
#content .rightfield div.top {
	background: url('/img/field-right-top.png') bottom left no-repeat;
	height: 15px;
}
#content .rightfield div.middle {
	background: url('/img/field-right-middle.png') top left repeat-y;
	padding: 20px 40px 10px;
}
#content .rightfield div.bottom {
	background: url('/img/field-right-bottom.png') top left no-repeat;
	height: 25px;
}
#content .leftfield img, #content .rightfield img { max-width: 100%; }

#content .rightfield textarea, #content .rightfield input[class=text] {
	margin-bottom: 10px;
	width:  320px;
}
.rightfield h1 {
	font-family: Arial Black;
	font-size: 16px;
	margin: 0px;
}

#content a { font-style: italic; }
#content p a { color: #FF5800; }

#content em {
	font-weight: bold;
	font-style: normal;
}
#content strong {
	font-size: 13px;
	font-weight: normal;
}


/* HOME PAGE */
p.readmore {
	font-style: italic;
	text-align: right;
}
.readmore a {
	color: #FF5800;
}

/* NEWS PAGE */
div.newsitem { margin-bottom: 10px; }
.newsitem p.date {
	float: right;
	font-style: italic;
	padding: 5px;
}
.newsitem p.author {
	font-size: 10px;
	font-style: italic;
	margin: 0px;
	text-align: right;
}
p.feedicon { float: right; }

/* CONTACT PAGE */

/* CALENDAR */
h1.calyear { font-size: 30px; }
h2.calmonth { font-size: 12px; }
div.calendar { position: relative; }
.calendar div.date {
	color: #468693;
	font-size: 14px;
	font-weight: bold;
	left: 0px;
	position: absolute;
	top: 0px;
}
.calendar p {
	margin: 0px;
	position: relative;
}
.calendar p.title {
	font-weight: bold;
	left: 50px;
}
.calendar div.desc {
	font-style: italic;
	margin: 0px;
	position: relative;
	right: 0px;
	text-align: right;
}

/* SITEMAP */
.sitemap li {
	list-style: square;
	margin-top: 10px;
	padding: 0px;
}
.sitemap .nested li {
	list-style: square;
	margin-top: 0px;
}

/* PHOTO ALBUM */
div.album {
	margin: 0px;
	padding: 2px 5px;
	vertical-align: middle;
}
a:hover div.album, a div.album:hover { background: #EEE; }
.album div.count {
	float: right;
	margin: 5px;
}
div.albumphotos { text-align: left; }
.albumphotos a img {
	height: 75px;
	margin: 3px;
	width: 75px;
}
.albumphotos a:hover img {
	border: solid 3px #FF5800;
	margin: 0px;
}
.albumphotos div.albumpage { margin: 0px 5px; }
.albumphotos div.prevnext {
	margin-top: 10px;
	text-align: center;
}
.albumphotos .prevnext a {
	font-size: 14px;
	margin: 0px 5px;
}
.albumphotos .prevnext a.current { color: #FF5800; }
div.photo { text-align: center; }
.photo p.date {
	font-style: italic;
	text-align: right;
}
span#fancybox-title-over {
	color: white;
}

/* ADMIN PAGES */
div.adminpages {
	margin: -10px;
	text-align: center;
}
.adminpages a {
	font-size: 14px;
	font-weight: bold;
}
table.pages { text-align: left; }
.pages th { padding-top: 10px; }
.pages td.name { padding-left: 20px; }
p.error {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
}
/*.admin div.markdown {
	border: double 3px #FF5800;
	float: right;
	padding: 5px;
	text-align: center;
	width: 150px;
}*/


/* ICONIZE LINKS */
a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_doc.gif) no-repeat center right;
}
a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_txt.gif) no-repeat center right;
}
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_xls.gif) no-repeat center right;
}
a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_feed.gif) no-repeat center right;
}
a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_pps.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_pdf.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_archive.gif) no-repeat center right;
}
a[href$='ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_ical.gif) no-repeat center right;
}
a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_ttf.gif) no-repeat center right;
}
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_pic.gif) no-repeat center right;
}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/img/icon_film.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(/img/icon_mailto.gif) no-repeat center right;
}
a.nolinkimg {
	padding: 0px;
	background: none;
}