@charset "utf-8";

body { margin:0; padding:0; background:url(../images/bodyBackground.jpg) repeat-x top left #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body,
html { height:100%; }

/* HTML ELEMENTEN */
h1,		
h2, 		
h3, 
h4,
h5,
h6		{margin:0; padding:0 0 10px; }
p 		{ margin:0; padding:10px 0; }
a 		{text-decoration:underline; color:#424242;}

/* FORM ELEMENTEN */
form 					{ margin:0; padding:10px 0 0; }
form img 				{border:none;}
input[type=text],input[type=password]		{width:180px; background:#fff; color:#999; border:1px solid #999; }
input[type=submit]		{ background:#ebebeb; border:1px solid #c5c5c5; height:22px; padding:0 5px; color:#424242; cursor:pointer; }
input[type=reset]		{ background:#ebebeb; border:1px solid #c5c5c5; height:22px; padding:0 5px; color:#424242; cursor:pointer; }
input[type=checkbox]	{}
input[type=radio]		{}
input[type=button]		{text-transform:uppercase;}
textarea				{width:400px; height:200px; border:1px solid #999999; }
select					{width:200px;}

/* COMMON CLASSES */
.fleft 			{float:left;}
.fright 		{float:right;}
.breaker,
.clear,
.break			{clear:both;}
.line			{background:#000; width:100%; height:2px;}
.bold			{font-weight:bold;}
.italic			{font-style:italic;}
.hidden			{display:none;}
.arrow			{position:absolute; top:0; left:0;}

/* FORM CLASSES */
.error,
.notice, 
.success    {padding:10px; margin-bottom:16px; border:2px solid #ddd;}
.error      {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}
.notice     {background:#fff6bf; color:#514721; border-color:#ffd324;}
.success    {background:#e6efc2; color:#264409; border-color:#c6d880;}
.error a    {color:#8a1f11;}
.notice a   {color:#514721;}
.success a  {color:#264409;}

/* Blokken */
.colorBlock 		{ position:relative; margin:10px 0 0; }
.colorBlock h2 		{ font-size:14px; text-transform:uppercase; width:94%; padding:0 0 0 6%; line-height:25px; /*height:25px;*/ }
.colorBlock ul 		{ margin:0; padding:0 0 10px; }
.colorBlock li 		{ line-height:22px; list-style-type:none; padding:0 0 0 20px; }
.colorBlock a 		{ text-decoration:none; color:#FFF; }
.colorBlock a:hover { text-decoration:underline; }
.orange 			{ background:url(../images/orangeBackground.jpg) repeat-y top left #f26722; color:#fff;/* width:328px;*/ }
.orange h2 			{ border-bottom:1px solid #df4d11; }
.red 				{ background:url(../images/redBackground.jpg) repeat-y top left #cc3300; color:#fff;/* width:328px;*/ }
.red h2 			{ border-bottom:1px solid #b23300; }
.pink 				{ background:url(../images/pinkBackground.jpg) repeat-y top left #fe6dce; color:#fff; }
.pink h2 			{ border-bottom:1px solid #e453b3; }
.purple 			{ background:url(../images/purpleBackground.jpg) repeat-y top left #660099; color:#fff; }
.purple h2 			{ border-bottom:1px solid #4c007f; }
.green 				{ background:url(../images/greenBackground.jpg) repeat-y top left #cadb2a; color:#7d8408; }
.green h2 			{ border-bottom:1px solid #98a015; }
.darkblue 			{ background:url(../images/darkblueBackground.jpg) repeat-y top left #0d74a3; color:#fff; }
.darkblue h2 		{ border-bottom:1px solid #09658f; }
.blue 				{ background:url(../images/blueBackground.jpg) repeat-y top left #0976a7; color:#fff; }
.blue h2 			{ border-bottom:1px solid #076894; }
.content 			{ padding:0 0 10px 6%; width:94%; }

#mainContainer { position:relative; width:984px; margin:0 auto; height:100%; }

#topContainer 			{ position:relative; width:984px; height:60px; font-size:14px; font-weight:bold; }
#topContainerMenu 		{ position:absolute; top:0; right:0; }
#topContainerMenu ul 	{ margin:0; padding:0; }
#topContainerMenu li 	{ list-style-type:none; float:left; border-left:2px solid #13699d; height:14px; padding:10px 0 0; }
#topContainerMenu a 	{ color:#13699d; text-decoration:none; padding:0 35px 0 12px; }

#headerContainer 	{ position:relative; width:984px; height:150px; background:url(../images/headerBackground.png) no-repeat top left; }
#logo 				{ position:absolute; top:12px; left:60px; }
#logo img 			{ border:none; }
#people 			{ position:absolute; top:40px; right:45px; }
#shadow 			{ position:relative; width:984px; padding:0 0 10px; background:url(../images/shadow.png) repeat-y top left; min-height:100%; }

#menu 			{ position:relative; width:900px; height:32px; margin:0 auto 1px; background:url(../images/menuBackground.jpg) no-repeat top left; font-family:Tahoma, Geneva, sans-serif; }
#menu ul 		{ margin:0; padding:0; }
#menu li 		{ list-style-type:none; float:left; line-height:32px; border-right:2px solid #fff; }
#menu a 		{ color:#fff; text-decoration:none; padding:0 10px; height:32px; display:block; }
#menu a:hover 	{ background:#006699; }
#menu a.active 	{ background:#006699; font-weight:bold; }

#banner { position:relative; width:900px; height:135px; margin:0 auto; border-bottom:1px solid #13699d; }

#contentContainer 	{ position:relative; width:865px; padding:0 20px 20px 15px; margin:0 auto; background:url(../images/contentContainerBackground.png) no-repeat top left; line-height:17px; }
#contentContainer h1 { font-size:14px; color:#2283b0; text-transform:uppercase; }
#contentContainer h3 { font-size:12px; color:#2283b0; text-transform:uppercase; padding:10px 0 0; }

#breadcrumbs 	{ position:relative; width:100%; height:15px; margin:0 auto; padding:10px 0 8px 10px; font-size:11px; background:url(../images/hrDotted.png) repeat-x bottom left; }
#breadcrumbs ul { margin:0; padding:0; }
#breadcrumbs li { list-style-type:none; float:left; background:url(../images/breadcrumbsLi.png) no-repeat center left; padding:0 15px 0 10px; }
#breadcrumbs a 	{ text-decoration:none; color:#333; display:block; height:100%; }
#breadcrumbs a:hover 				{ color:#000; }
#breadcrumbs a.breadcrumbsActive 	{ color:#000; font-weight:bold; }

#contentLeft 	{ position:relative; width:582px; padding:20px 0px 20px 0; float:left; }
.contentBlock 	{ position:relative; padding:0 0 20px; }
.contentText 	{ position:relative; padding:0 0 0 35px; }
.readmore 		{ position:relative; background:#ebebeb; border:1px solid #c5c5c5; height:20px; line-height:20px; padding:0 5px; width:60px; }
.readmore a 	{ color:#424242; text-decoration:none; }
.hrDotted 		{ position:relative; height:1px; width:100%; background:url(../images/hrDotted.png) repeat-x top left; }
.agenda			{ position:relative; }
.agenda a		{ text-decoration:none; color:#000; width:100%; display:block; }
.agenda a:hover	{ color:#999; }

#agendaContainer 	{ position:relative; }
#agendaHeader 		{ position:relative; height:32px; padding:17px 0 0 0px; font-weight:bold; font-size:16px; }
#agendaHeader img	{ border:none; margin:0 5px; }
#agendaContent 		{ position:relative; width:902px; margin:20px 0 0; padding:0px; background:url(../images/agendaContent.jpg) repeat-y top left; }
#agendaLeft 		{ position:relative; width:630px; float:left; }

/* agenda dagen */
.agendaDay			{ position:relative; text-align:center; width:83px; height:20px; float:left; }

/* agenda blokken */
.agendaBlock		{ position:relative; width:83px; height:87px; float:left; background:url(../images/agendaBlock.png) no-repeat top left; font-size:11px; font-weight:bold; z-index:1; }
.agendaBlock:hover { background:url(../images/agendaBlockActiveHover.png) no-repeat top left; }
.agendaBlock.active { background:url(../images/agendaBlockActive.png) no-repeat top left; }
.agendaBlock.active a { color:white;  }
.agendaBlock.inactive { background:url(../images/agendaBlock_Inactive.png) no-repeat top left; }
.agendaBlock a		{ position:absolute; top:0; left:0; width:87px; height:87px; padding:12px 0 0 12px; display:block; text-decoration:none; color:#535353; z-index:3; }

/* agenda items */
/*.itemPurple 	{ position:absolute; bottom:3px; right:3px; width:58px; height:58px; background:url(../images/agendaItemPurple.png) no-repeat top left; z-index:2; }*/
.itemBlue 	{ background:url("../images/agendaItemOrange.png") no-repeat scroll left top transparent;
bottom:15px;
height:10px;
position:absolute;
right:10px;
width:10px;
z-index:2; }


#agendaRight 		{ position:relative; width:252px; padding:0 10px; float:left; }

.lidContainer 	{ position:relative; width:265px; float:left; margin:10px 5px 0 0; }
.lidLeft		{ position:relative; width:100px; float:left; }
.lidImage 		{ position:relative; width:100px; height:100px; border:1px solid #ccc; margin:0 0 5px; }
.lidLogo 		{ position:relative; width:100px; height:100px; }
.lidLogo img	{ border:none; }
.lidRight 		{ position:relative; width:165px; float:left; }
.lidInfo 		{ position:relative; width:150px; height:190px; padding:0 5px 10px 10px; }

.hrDotted	{ position:relative; width:100%; height:1px; background:url(../images/hrDotted.png) repeat-x top left; }

#contentRight { position:relative; width:248px; padding:0 0 0 20px; float:left; background:url(../images/verticalDotted.png) repeat-y top left; }

#copyright { position:relative; width:880px; margin:0 auto; background:url(../images/hrDotted.png) repeat-x bottom left; font-size:11px; color:#ccc; font-weight:bold; line-height:25px; height:25px; padding:0 0 0 20px; }

.ledenHeader { margin:10px 0px 15px 0px; }
.ledenHeader label { color:#2283B0; font-size:14px; font-weight:bold; }
.ledenHeader label, .ledenRow label { float:left; height:25px; line-height:25px;}
.ledenRow:hover { background-color:#58CBEF; }
.ledenRow { height:25px; border-bottom:1px solid #CECECE; }
.ledenRow label:hover {  cursor:pointer; }
.ledenForm {margin:12px 30px 0px 0px; height:50px; }
.ledenForm label { float:left; width:50px; line-height:25px; color:black; font-weight:bold; }

.formRegister label,.formChangeProfile label { float:left; margin-top:5px; padding:3px 3px 3px 0px; width:130px;  }
.formRegister input, .formRegister select, .formRegister textarea { margin-top:5px; }
.formRegister input { width:143px; }
.ledenForm input { padding:4px; border:1px solid #999999;color:#999999;width:100px; float:left; }
.ledenForm input[type=submit] { margin-left:5px; background-color:white; color:black; }
.ledenForm select { margin-left:5px;  padding:3px; border:1px solid #999999;color:#999999; width:120px; float:left; }

/* contact */
.contactForm                                                                   { position:relative; width:440px; }
.contactFormLeft                                                           { position:relative; width:102px; float:left; }
.formName                                                                      { position:relative; height:26px; padding:8px 0 0 8px; background:url(../images/formName.jpg) repeat-x top left; font-weight:bold; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:0 0 10px; }
.contactFormRight                                                         { position:relative; width:318px; float:left; }
.formInput                                                                        { position:relative; height:26px; padding:8px 0 0 8px; background:url(../images/contactFormInput.jpg) repeat-x top left; border:1px solid #d7d7d7; margin:0 0 10px; }
.formTextarea                                                                 { position:relative; height:174px; border:1px solid #d7d7d7; background:url(../images/formTextarea.jpg) repeat-x top left; }
.contactForm input[type=text]                                { width:354px; height:26px; background:none; border:none; }
.contactForm input[type=submit]                          { margin-top:10px; background:url(../images/contactButton.jpg) no-repeat top left; color:white; font-weight:bold; border:none; width:151px; height:35px; cursor:pointer; }
.contactForm textarea                                                 { width:300px; height:160px; padding:10px 0 0 6px; background:none; border:none; }

.formContactAdd input, .formContactAdd select,.formContactAdd textarea { margin-top:5px; }
.formContactAdd label { float:left; margin-top:5px; padding:3px 3px 3px 0px; width:80px;  }

.pagenumbers 			{ position:relative; padding:10px 0; text-transform:uppercase; color:#838182; }
.pagenumbers ul 		{ margin:0; padding:0; }
.pagenumbers li 		{ list-style-type:none; float:left; height:34px; border:1px solid #d7d7d7; background:url(../images/pagenumbersA.jpg) repeat-x top left; margin:0 10px 0 0; line-height:32px;   }
.pagenumbers a 			{ text-decoration:none; color:#838182; height:34px; display:block; padding:0 8px; }
.center ul   { position:relative; left:50%; }
.pagenumbers li.Orange a:hover, .pagenumbers a.activeOrange { background:url(../images/pagenumbersAhoverOrange.jpg) repeat-x top left; color:#fff; }
.pagenumbers li.Purple a:hover, .pagenumbers a.activePurple { /*background:url(../images/pagenumbersAhoverPurple.jpg) repeat-x top left;*/ color:black; }
.pagenumbers li.Green a:hover, .pagenumbers a.activeGreen { background:url(../images/pagenumbersAhoverGreen.jpg) repeat-x top left; color:#fff; }
.pagenumbers .page 		{ padding:0 8px; }