@import "lightbox.css";

body
{
	margin:0 auto;
	background-color:#01669E;
	position:relative;
	font-family:Arial;
	font-size:12px;
}

a
{
	color:#DD3322;
	/*text-decoration:none;*/
}

img
{
	border:0;
}

textarea
{
	vertical-align:top;
}

h1
{
	font-size:24px;
}

h2
{
	color:#DD3322;
}

h3
{
	color:#2DADBE;
	margin:0;
}

thead
{
	font-weight:bold;
}

.cleardiv
{
	clear:both;
}

.inputfield
{
	width:220px;
}

.lightblue
{
	color:#2DADBE;
}

#regform span
{
	color:#DD3322;
}

.error
{
	border:1px solid #DD3322;
}

.center
{
	text-align:center;
	padding:0;
}

.smallbutton
{
	background-color:#DD3322;
	border:0;
	color:#FFFFFF;
	padding:3px 7px;
	cursor:pointer;
}

.bigbutton
{
	background-color:#DD3322;
	border:0;
	color:#FFFFFF;
	cursor:pointer;
	padding:5px 10px;
}

.bgbutton
{
	background:url(/images/bg-button.jpg) no-repeat;
	border:0;
	color:#FFFFFF;
	cursor:pointer;
	padding:13px 27px;
	font-weight:bold;
	display:inline-block;
}

.bgbutton a
{
	color:#FFFFFF;
	text-decoration:none;
}

.smallbutton a
{
	text-decoration:none;
	color:#FFFFFF;
}

#outer
{
	background:url(/images/background_top_middle2.jpg) no-repeat center top;
	min-height:1029px;
	position:relative;
	z-index:2;
}

#outerfooter
{
	background:url(/images/background_bottom_right.jpg) no-repeat right bottom;
	height:209px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin-bottom:0;
	width:100%;
	z-index:1;
}

#container
{
	width:1000px;
	margin:0 auto;
	/*min-height:600px;*/
}

#head
{
	height:155px;
	position:relative;
}

#logo
{
	width:170px;
	height:90px;
	margin-left:82px;
	float:left;
	cursor:pointer;
}

#menutop
{
	float:right;
	color:#FFFFFF;
}

#menutop a
{
	color:#FFFFFF;
	text-decoration:none;
}

#menutop a.sel
{
	text-decoration:underline;
}

#redbar
{
	float:right;
	height:10px;
	background-color:#DD3322;
	width:100%;
	z-index:1;
	position:absolute;
	bottom:0;
	right:0;
}

#menu
{
	float:right;
	height:40px;
	background-color:#DD3322 10px bottom;
	position:absolute;
	right:0;
	bottom:0;
}

#menu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	z-index:2;
}

#menu ul ul
{
	position:absolute;
	top:30px;
	left:0;
	background-color:#FFFFFF;
}

#menu li
{
	float:left;
	position:relative;
	/*margin-left:1px;
	height:30px;*/
}

#menu li a span
{
	display:block;
	padding: 7px 0 0 10px;
	height:23px;
	text-align:center;
	cursor:pointer;
}

#menu li.sel a span
{
	background:url(/images/bg-menuitem-sel.jpg) no-repeat center;
}

#menu li.sel ul li a span
{
	background:none;
}

#menu li a img
{
	background:none;
	float:right;
}

#menu li a
{
	font-weight:bold;
	font-size:14px;
	color:#2DADBE;
	text-decoration:none;
	display:block;
	height:30px;
	background:url(/images/bg-menuitem.jpg) repeat-x;
	float:left;
}

#menu ul li ul li
{
	float:none;
}

#menu ul ul li
{
	display:none;
	/*width:100%;*/
}

#menu ul ul li a
{
	background:none;
	background-color:#FFFFFF !important;
	width:100%;
}

#menu ul ul li a span
{
	padding:7px 10px 0 10px;
	text-align:left;
}

#menu ul li:hover ul li
{
	display:block;
}

/*MIDDLE*/
#middle
{
	background-color:#C4ECEC;
	overflow:hidden;
}

#middlecontent
{
	padding:10px;
	width:980px;
	overflow:hidden;
}

/*LEFT*/
#left
{
	float:left;
	width:261px;
}

#fotokader
{
	height:207px;
	width:243px;
	background-color:#FFFFFF;
	background-image:url('/images/bg_fotokader.png');
	padding:9px;
	float:left;
}

#fotokader img
{
	height:207px;
	width:243px;
}

#leftcontent
{
	width:218px;
	padding:17px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#sharebuttons
{
	height:25px;
}

.welcome
{
	color:#2DADBE;
	font-size:24px;
	font-weight:bold;
}

.name
{
	color:#2DADBE;
	font-size:14px;
	font-weight:bold;
}

.groupname
{
	color:#2DADBE;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

.membersonlytext
{
	color:#DD3322;
	font-size:14px;
	font-weight:bold;
}

#onlymembers
{
	background:url(/images/bg-red-stripe.jpg);
	width:198px;
	padding:10px;
}

#onlymemberscontent
{
	background-color:#FFFFFF;
	width:178px;
	padding:10px;
}

#onlymemberscontent ul
{
	margin:0;
	padding:0;
	padding-left:20px;
	color:#2DADBE;
}

#onlymembers a
{
	color:#2DADBE;
	text-decoration:none;
}

#memberdiv
{
	background-color:#2DADBE;
}

#newsletterdiv
{
	background-color:#C4ECEC;
}

.leftkader
{
	width:215px;
	padding:5px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.leftkadercontent
{
	width:195px;
	padding:10px;
	background-color:#FFFFFF;
}

#leftimages
{
	margin-top:10px;
}

#leftimages img
{
	float:left;
}

/*RIGHT*/
#right
{
	float:left;
	width:719px;
}

#crumbpath
{
	padding-left:20px;
	color:#2DADBE;
}

#crumbpath a
{
	color:#DD3322;
	text-decoration:none;
}

.navigatie
{

}

.vorige
{
	float:left;
	width:100px;
	height:25px;
}

.overzicht
{
	float:left;
	width:470px;
	text-align:center;
}

.volgende
{
	float:right;
	width:100px;
	text-align:right;
	height:25px;
}

#texttitle h1
{
	padding-left:20px;
	font-weight:bold;
	font-size:24px;
	color:#2DADBE;
}

#rightcontent
{
	background-color:#FFFFFF;
	overflow:hidden;
	padding:20px;
}

/*FOOTER*/
#footer
{
	margin-top:10px;
	height:198px;
	width:1000px;
	overflow:hidden;
}

#footercontent
{
	background-color:#4D9ABB;
	padding:10px;
	overflow:hidden;
}

#footerleft
{
	float:left;
	width:240px;
	padding:5px;
	background-color:#FFFFFF;
	overflow:hidden;
	height:85px;
	line-height:21px;
}

#footerleft ul
{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:10px;
}

#footerleft li a
{
	color:#000000;
	text-decoration:none;
}

#footerleft ul.bluelinks li a
{
	color:#2DADBE;
	font-weight:bold;
}

#footerright
{
	width:709px;
	float:left;
	background-color:#FFFFFF;
	margin-left:10px;
	padding:5px;
	height:85px;
	position:relative;
}

#footerright div
{
	position:absolute;
	bottom:4px;
}

#footertext
{
	text-align:center;
	color:#FFFFFF;
	margin-top:3px;
}

#footertext a
{
	color:#FFFFFF;
	text-decoration:underline;
}

/*NEWS*/
#newsinfo
{
	float:right;
	text-align:right;
	font-style:italic;
	font-size:11px;
}

.newsitem
{
	height:100px;
	margin-bottom:10px;
}

#rightcontent .newsitem
{
	border-bottom:1px solid #2DADBE;
}

.newsinfo
{
	float:left;
	padding-right:20px;
	text-align:center;
	font-weight:bold;
	width:35px;
}

.day
{
	background:url(/images/bg-blue-stripe.jpg);
	color:#DD3322;
	height:30px;
	font-size:24px;
}

.month
{
	background-color:#DD3322;
	color:#FFFFFF;
	font-size:11px;
	height:15px;
}

.newshead
{
	float:left;
	color:#DD3322;
	font-size:16px;
	font-weight:bold;
}

.newshead a
{
	text-decoration:none;
}

.newstext
{
	float:left;
	width:579px;

}

.readmore a
{
	color:#DD3322;
}

/*EVENTS*/
#eventinfo
{
	float:left;
	width:624px;
}

.eventinfo
{
	float:right;
}

.eventtext
{
	clear:both;
}

.eventitem
{
	clear:both;
}

.eventtitle
{
	float:left;
	color:#DD3322;
	font-size:16px;
	font-weight:bold;
}

.eventtitle a
{
	text-decoration:none;
}

/*FAQ*/
.faqquestion
{
	margin-top:10px;
	cursor:pointer;
	color:#DD3322;
}

.faqanswer
{
	margin-top:10px;
	padding-left:20px;
	list-style-type:none;
}

/*INDEX*/
#hptop
{
	background-color:#C4ECEC;
	overflow:hidden;
}

#hptopcontent
{
	padding:10px;
	width:980px;
	overflow:hidden;
}

#hpnews
{
	float:right;
	width:719px;
}

#hptop h1, #hpbottom h1
{
	color:#2DADBE;
	margin:0;
}

#hpnewstitlebig h1
{
	float:left;
	width:380px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
}

#hpnewsnavigatie
{
	float:right;
	width:319px;
	text-align:right;
}

#vorige, #volgende
{
	width:125px;
	height:31px;
	background-color:#AAE1E4;
	margin-left:1px;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	display:block;
	padding-top:11px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

#hpnewscontent
{
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:20px;
	height:155px;
}

#hpbottom
{
	margin-top:10px;
	background-color:#C4ECEC;
	overflow:hidden;
	width:1000px;
}

#hpbottomcontent
{
	padding:10px;
	width:980px;
	overflow:hidden;
	background-color:#C4ECEC;
}

#hpleft
{
	float:left;
	width:230px;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:10px;
}

#hpmiddle
{
	margin-left:10px;
	float:left;
	background-color:#FFFFFF;
	width:440px;
	padding:10px;
}

#hpright
{
	padding:10px;
	float:right;
	width:240px;
	background:url(/images/bg-blue-stripe.jpg);
}

#hprightcontent
{
	background-color:#FFFFFF;
	padding:20px;
	padding-top:50px;
	#padding-top:0px;
}

#uitslagentitle
{
	float:right;
	background-color:#FFFFFF;
	width:203px;
	height:28px;
	text-align:center;
	padding-top:10px;
}

.uitslagdiv
{
	border-bottom:1px solid #2DADBE;
	height:54px;
	padding-top:10px;
}

.uitslagdiv a
{
	color:#413737;
	text-decoration:underline;
}

.uitslagtitel
{
	color:#413737;
	font-weight:bold;
	height:30px;
}

.uitslagtitel a
{
	text-decoration:none;
}

/*KALENDER*/
#calendar
{
	overflow:hidden;
}

.calendarBox
{
	float:right;
}

#calendarInfo
{
	float:right;
}

#calendarInfo div
{
	float:left;
	padding-left:15px;
}

#calendarInternal tr td
{
	width:95px;
}

#calendartable thead th
{
	text-align:center;
}

#calendartable tbody tr td
{
	height:95px;
	border-top:1px solid #2DAEC1;
	border-right:1px solid #2DAEC1;
	vertical-align:top;
}

#calendartable tbody tr td ul
{
	margin:0;
	padding:0;
	margin-left:5px;
	padding-left:15px;
	width:65px;
	background-color:#FFFFFF;
	height:65px;
	float:left;
}

#calendartable tbody tr td ul li
{
	width:65px;
	overflow:hidden;
	white-space:nowrap;
}

/*
#calendartable tbody tr td ul li:hover
{
	width:160px;
	position:relative;
	white-space:nowrap;
}*/

#calendartable tbody tr td.endofweek
{
	border-right:0;
}

#calendartable tbody tr td.today
{
	background:url(/images/bg-blue-stripe.jpg);
}

#calendartable a
{
	text-decoration:none;
}

#eventtext
{
	padding-top:20px;
	min-height:200px;
	float:left;
}

.dayofmonth
{
	float:right;
	text-align:right;
	height:20px;
	width:93px;
	color:#2DAEC1;
	font-weight:bold;
	font-size:14px;
}

.monthmenu
{
	display:inline;
	cursor:pointer;
}

#changeCalendarDate
{
	display:inline;
	vertical-align:top;
}

#changeCalendarDate select
{
	/*border:1px solid #DD3322;
	border:0;*/
}

.eventcat1
{
	color:#FFBB00;
	cursor:pointer;
}

.eventcat1:hover
{
	color:#FFFFFF;
	background-color:#FFBB00;
}

.eventcat2
{
	color:#FF0099;
	cursor:pointer;
}

.eventcat2:hover
{
	color:#FFFFFF;
	background-color:#FF0099;
}

.eventcat4
{
	color:#2EC30F;
	cursor:pointer;
}

.eventcat4:hover
{
	color:#FFFFFF;
	background-color:#2EC30F;
}

#sitemap ul
{
	margin:0;
	color:#DD3322;
}

#sitemap a
{
	text-decoration:none;
}

.album
{
	float:left;
	width:100px;
	height:100px;
	padding:10px;
}

.albumtitle
{
	float:left;
	color:#DD3322;
	text-align:center;
	width:70px;
}

.albumthumb
{
	width:70px;
	height:70px;
	float:left;
}

.warning
{
	color:#DD3322;
}

#calendarInternal
{
	width:675px;
}