@charset "UTF-8";
/* CSS Document */

/* General Styling */
body								{ font-size: 75%; line-height: 1.5; /*12/18*/ }

h1, h2, h3, h4, h5, h6				{ position: relative; }
h1, h2								{ line-height: 24px; margin-bottom: 12px; }
h1, h2, h3, h4						{ margin-top: 6px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1, h1 .Head						{ font-size: 22px; top: 5px; color: #df0079; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; } /* sIFR */
h2, h2 .Head						{ font-size: 18px; top: 8px; color: #0071a8; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; }
h3, h3 .Head, .shortnews H1			{ font-size: 16px; top: 1px; color: #0070a7; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; } /* sIFR */
h4, h4 .Head						{ font-size: 14px; top: 2px; color: #185dab; }
h5, h5 .Head						{ font-size: 14px; top: 4px; }
h6, h6 .Head						{ font-size: 13px; top: 5px; }

/* Pieter */
h3 { top: 9px; margin-bottom: 18px; }

p, pre, address						{ font-size: 12px; line-height: 18px; position: relative; top: 5px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;  }
abbr, code, kbd,
samp, small, var					{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 12px; line-height: 18px; position: relative; top: 5px; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; }
li ul, li ol						{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p								{ top: 0; font-family: Arial, Helvetica, sans-serif;  }
form, legend, label					{ font-size: 12px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
input, textarea						{ font-size: 12px; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child						{ margin-top: 0; }

table								{ font-size: 12px; line-height: 18px; margin: 0px 0; }
th, td								{ padding: 3px 12px; line-height: 20px; font-family: Arial, Helvetica, sans-serif;  }
th 									{ background: rgb(0, 0, 0); }
th									{ background: rgba(0, 0, 0, 0.2); }
tr:nth-child(even)					{ background: rgb(0, 0, 0); }
tr:nth-child(even)					{ background: rgba(0, 0, 0, 0.1); }
tr:nth-child(odd)					{ }

hr									{ position: relative; height: 4px; margin: 18px 0 14px 0; }

a, a:link { color: #185dab; font-weight: bold; }
a:visited { color: #114785; }
a:hover { color: #2670c3; }
a:focus { outline: none; }

.clear { line-height: 0px; font-size: 0px; clear: both; visibility: hidden; }

body { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #002839; 
	background-color: #98d7f6;
	background-image: url(../img/bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#root { text-align: center; }
#wrapper { width: 980px; margin: 0px auto; margin-top: 10px; text-align: left; }

#header { height: 135px; position: relative; width: 980px; }
	#header .logo { position: absolute; top: 10px; left: 0px; }
	#header #title { position: absolute; top: 12px; left: 108px; }
	#header #baseline { position: absolute; top: 66px; left: 108px; width: 350px; line-height: 14px; }
	#header #chat { position: absolute; top: 12px; right: 206px; }
	#header #registreer { position: absolute; top: 12px; right: 10px; }

#website { background-color: #FFF; }

/* ********** */
/* Start Home */
/* ********** */

	#website.home #navigation { }
	#website.home #MainMenu { margin-left: 10px; }
	#website.home #MainMenu li { float: left; list-style-type: none; margin: 0px 20px 0px 0px; }
	#website.home #MainMenu li.First { margin: 0px 20px 0px 10px; } /* Doubles Float Margin Bug - Fix IE6 */
	#website.home #MainMenu li.Last { margin: 0px 10px 0px 0px; }
	
	#website.home #dynamic { margin-top: 20px; }
		#website.home #dynamic .pane { }
		#website.home #dynamic .contentpane,
		#website.home #dynamic .footerpane,
		#website.home #dynamic #top,
		#website.home #dynamic #middle,
		#website.home #dynamic #bottom { margin: 0px 10px 0px 10px; }
		
			#website.home .contentpane { }
		
			/* Top */
			#website.home #top .topleftpane { width: 370px; margin-right: 20px; float: left; }
			#website.home #top .topcenterpane { width: 370px; margin-right: 20px; float: left; }
			#website.home #top .toprightpane { width: 174px; float: left; }
			/* End Top */
			
			/* Middle */
			#website.home #middle .middleleftpane { width: 566px; float: left; margin-right: 20px; }
			#website.home #middle .middlerightpane { width: 370px; float: left; }
			/* End Middle */
			
			/* Bottom */
			#website.home #bottom .bottomleftpane { width: 370px; float: left; margin-right: 20px; }
			#website.home #bottom .bottomrightpane { width: 566px; float: left; }
			
			#website.home .footerpane { }
			/* End Bottom */
			
/* ********** */
/* End Home */
/* ********** */


/* ********** */
/* Start Standaard */
/* ********** */

	/* Navigation MainMenu */
	#website.standaard #navigation { background-image: url(../img/navigation_bg.jpg); background-position: left top; background-repeat: no-repeat; width: 960px; height: 90px; margin-left: 10px; }
	#website.standaard #MainMenu { margin-left: 0px; }
	#website.standaard #MainMenu li { list-style-type: none; float: left; margin-left: 14px; } /* 19px; */
	#website.standaard #MainMenu li.First { display: none; }
	#website.standaard #MainMenu li.Last { margin: 0px 0px 0px 16px; }
	#website.standaard #MainMenu li a { display: block; width: 174px; height: 50px; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; }
	#website.standaard #MainMenu li a:hover { background-position: 0px -50px; }
	#website.standaard #MainMenu li.CurrentItem a,
	#website.standaard #MainMenu li.ParentCurrentItem a { background-position: 0px -100px; }
	#website.standaard #MainMenu li.CurrentItem a:hover,
	#website.standaard #MainMenu li.ParentCurrentItem a:hover { background-position: 0px -100px; }
	
	#website.standaard #MainMenu li#cssMenuTab2512 a { background-image: url(../img/navigation/weetjeswetenschap.jpg); } /* Weetjes en wetenschap */
	#website.standaard #MainMenu li#cssMenuTab2513 a { background-image: url(../img/navigation/actiefleven.jpg); } /* Actief leven */
	#website.standaard #MainMenu li#cssMenuTab2514 a { background-image: url(../img/navigation/actievebuurt.jpg); } /* Actieve buurt */
	#website.standaard #MainMenu li#cssMenuTab2515 a { background-image: url(../img/navigation/actiefwerk.jpg); } /* Actief op het werk */
	#website.standaard #MainMenu li#cssMenuTab2516 a { background-image: url(../img/navigation/acties.jpg); } /* Acties */
	
	/* Navigation SubMenu */
	#website.standaard #navigation #SubMenu {  }
	#website.standaard #navigation #SubMenu li { float: left; list-style: none; margin-left: 16px; }
	#website.standaard #navigation #SubMenu li a { font-weight: bold; color: #85c8e9; font-size: 15px; text-decoration: none; display: block; padding: 8px 4px 2px 4px; }
	#website.standaard #navigation #SubMenu li a:hover { color: #a2d6ef; }
	#website.standaard #navigation #SubMenu li.CurrentItem a,
	#website.standaard #navigation #SubMenu li.ParentCurrentItem a { color: #ffffff; }
	
	/* Navigation LeftMenu */
	#website.standaard #LeftMenu { background-color: #c8edff; margin-left: 0px; }
	#website.standaard #LeftMenu li { list-style-type: none; margin-bottom: 2px; }
	#website.standaard #LeftMenu li.First { padding-top: 8px; }
	#website.standaard #LeftMenu li.Last { padding-bottom: 8px; }
	#website.standaard #LeftMenu li a { color: #094863; font-size: 13px; text-decoration: none; display: block; padding: 4px 8px 4px 8px; margin: 0px 8px 0px 8px; }
	#website.standaard #LeftMenu li a:hover { background-color: #FFF; }
	#website.standaard #LeftMenu li.CurrentItem a,
	#website.standaard #LeftMenu li.ParentCurrentItem a { background-color: #0071a8; color: #FFF;  }
	#website.standaard #LeftMenu li.CurrentItem a:hover,
	#website.standaard #LeftMenu li.ParentCurrentItem a:hover { background-color: #0071a8; color: #FFF;  }
	#website.standaard #LeftMenu li ul { display: none; }
	
	#website.standaard #LeftMenu li.CurrentItem ul,
	#website.standaard #LeftMenu li.ParentCurrentItem ul { display: block; background-color: #effaff; margin-right: 8px; margin-left: 8px; }
	#website.standaard #LeftMenu li.CurrentItem ul li a,
	#website.standaard #LeftMenu li.ParentCurrentItem ul li a { background-color: transparent; color: #022636; font-weight: normal; padding: 0px 0px 0px 10px; background-image: url(../img/bullet.jpg); background-repeat: no-repeat; background-position: 0px 7px; }
	#website.standaard #LeftMenu li.ParentCurrentItem ul li.CurrentItem a { font-weight: bold; }
	#website.standaard #LeftMenu li.CurrentItem ul li a:hover,
	#website.standaard #LeftMenu li.ParentCurrentItem ul li a:hover { color: #063a50; background-color: transparent; }
	
	#website.standaard #ContactMenu { background-color: #c8edff; margin-left: 0px; width: 174px; }
	#website.standaard #ContactMenu li { list-style-type: none; }
	#website.standaard #ContactMenu li.First { padding-top: 8px; }
	#website.standaard #ContactMenu li.Last { padding-bottom: 8px; }
	#website.standaard #ContactMenu li a { color: #094863; font-size: 13px; text-decoration: none; display: block; padding: 4px 8px 4px 8px; margin: 0px 8px 0px 8px; }
	#website.standaard #ContactMenu li a:hover { background-color: #FFF; }
	#website.standaard #ContactMenu li.CurrentItem a,
	#website.standaard #ContactMenu li.ParentCurrentItem a { background-color: #0071a8; color: #FFF;  }
	
	
	
	#website.standaard #dynamic { margin-top: 0px; }
		#website.standaard #dynamic .pane { }
		#website.standaard #dynamic .contentpane,
		#website.standaard #dynamic .footerpane,
		#website.standaard #dynamic #top,
		#website.standaard #dynamic #middle { margin: 0px 10px 0px 10px; }
		
		#website.standaard .contentpane { }
		
		/* Top */
		#website.standaard #top .tleft { width: 176px; margin-right: 20px; float: left; }
		#website.standaard #top .tcenter { width: 568px; margin-right: 20px; float: left; }
		#website.standaard #top .tright { width: 176px; float: left; }
		/* End Top */
		
		/* Middle */
		#website.standaard #middle .middleleftpane { width: 370px; margin-right: 20px; float: left; }
		#website.standaard #middle .middlecenterpane { width: 370px; margin-right: 20px; float: left; }
		#website.standaard #middle .middlerightpane { width: 174px; float: left; }
		/* End Middle */
		
		#website.standaard .footerpane { }
	
/* ********** */
/* End Standaard */
/* ********** */

#website .DNNEmptyPane { display: none; font-size: 0px; line-height: 0px; }


#website #bottom { height: 12px; }

#footer { position: relative; margin-top: 16px; width: 980px; }
	#footer .logo { position: absolute; top: 0px; left: 0px; }
	#footer #copyright { position: absolute; top: 0px; right: 0px; background-image: url(../img/footer_bg.png); background-position: left top; background-repeat: no-repeat; width: 832px; height: 92px; }
		#copyright .inner { margin: 20px 0px 14px 8px; }
		#copyright .inner #copyText { position: absolute; top: 26px; left: 200px; line-height: 14px; width: 620px; }
		
/* .StappenArticleContent */
.inThePicture ul { margin-left: 0px; } /* border-top: 1px solid #bdbdbd; */
.inThePicture ul li { list-style-type: none; border-bottom: solid 1px #bdbdbd; padding: 4px 0px 4px 0px; float: left;}
.inThePicture ul li span.datum { float: left; width: 80px; }
.inThePicture ul li span.titel { float: left; display: block; width: 290px; }

#inThePicture { padding-top: 8px; } 


/* Acties */
.StappenArticleContent { margin-top: -12px; }
.StappenArticleContent .provincie { float: left; margin-right: 20px; width: 176px; }
	.provincie ul { background-color: #c8edff; margin-left: 0px; }
	.provincie ul li { list-style-type: none; margin-bottom: 2px; }
	.provincie ul li.First { padding-top: 8px; }
	.provincie ul li.Last { padding-bottom: 8px; }
	.provincie ul li a { color: #094863; font-size: 13px; text-decoration: none; display: block; padding: 4px 8px 4px 8px; margin: 0px 8px 0px 8px; }
	.provincie ul li a:hover { background-color: #FFF; }
	.provincie ul li.CurrentItem a { background-color: #0071a8; color: #FFF; } /*  padding: 4px 8px 4px 12px; */

.StappenArticleContent .activiteiten { float: left; margin-right: 20px; width: 372px; margin-top: 12px; }
	.activiteiten .periodeHeader { font-weight: bold; font-size: 15px; }
	.activiteiten .vorigeMaand { float: left; }
	.activiteiten .volgendeMaand { float: right; }
	.activiteiten ul { margin-left: 0px; }
	.activiteiten ul li { list-style-type: none; border-bottom: solid 1px #bdbdbd; padding: 4px 0px 4px 0px; }
	.activiteiten ul li span.title { margin-left: 8px; }

.StappenArticleContent .nieuws { float: left; margin-right: 20px; width: 548px; margin-top: 12px; }
.StappenArticleContent .shortnews { float: left; margin-right: 20px; width: 176px; margin-top: 17px; }
	.nieuws .periodeHeader { font-weight: bold; font-size: 15px; }
	.nieuws ul { margin: 0px; padding: 0px; }
	.nieuws ul li { list-style-type: none; border-bottom: solid 1px #bdbdbd; padding: 4px 0px 4px 0px; }
	.nieuws ul li span.titel { display:block; clear:right;}
	.nieuws ul li span.gemeente, .nieuws ul li span.datum { font-weight:bold;}

.StappenArticleContent .verfijngemeente { float: left; width: 176px; margin-top: 12px; }
	.verfijngemeente div { background-color: #0070a7; color: #FFF; padding: 6px; text-align: left; } /* ackground-color: #0070a7; padding: 8px; color: #FFF;  */
	.verfijngemeente div a { color: #FFF; }

.StappenArticleContent .related{ float: left; width: 176px; margin-top: 12px; }
	.related div { background-color: #0070a7; padding: 8px; color: #FFF; }

/* DETAiL */

.detail{ float: left; margin-right: 20px; width: 548px; margin-top: 12px; }
	
	
/* Stappenteller */
.stappenteller .userInfo { float: right; width: 250px; }
.stappenteller .userInfo h1 { font-size: 18px; top: 8px; color: #0071a8; }
.stappenteller .userInfo p { clear: left; margin: 0 0 15px 0;}
.stappenteller .userInfo .bmiText,
.stappenteller .userInfo .stappenText { width: 150px; font-style: italic; margin-right: 10px;}
.stappenteller .userInfo .bmiValue,
.stappenteller .userInfo .stappenValue { font-weight: bold;}
.stappenteller .userInfo .backgroundPanel { background-color: #b5e4fb;  margin: 0px -5px; padding: 5px; margin-bottom: 3px } 
.stappenteller .userInfo .backgroundPanel  span { float:left; width: 80px; }

.stappenteller .registreer { width: 700px;}
.stappenteller .registreer .navigatie { border-bottom: solid 1px #AAA; padding: 5px 10px; height: 15px; width: 670px; margin-bottom: 10px; } /*background-color: #c8edff; */
.stappenteller .registreer .navigatie .vorige { display: block; float: left; width: 100px;}
.stappenteller .registreer .navigatie .huidige { display: block; float: left; width: 470px; text-align: center; }
.stappenteller .registreer .navigatie .volgende { display: block; width:100px; text-align: right; float:left;}
.stappenteller .registreer .days { clear: left; }
.stappenteller .registreer .days .titles { float: left; width: 200px; font-weight: bold; color: #df0079; padding-top: 20px;}
.stappenteller .registreer .days .titles div { height: 23px;}
.stappenteller .registreer .days .titles .second { color: #AAA;}
.stappenteller .registreer .days .day { float: left; width: 70px;}
.stappenteller .registreer .days .day input { border: solid 1px #AAA; width: 65px;}
.stappenteller .registreer .days .day div { height: 23px;}
.stappenteller .registreer .days .day .second { margin-top: 20px;}
.stappenteller .registreer .days .day .dayname {font-weight: bold; color: #df0079; width: 60px; text-align: center;}
.stappenteller .registreer .asterix { clear: left;}
.stappenteller .editProfile { display: block; }

.stappenteller #dnn_ctr4308_view_ctrl4308_btnSave, #dnn_ctr6617_view_ctrl6617_btnLogin, #dnn_ctr6615_view_ctrl6615_lkbRegistreren {padding: 5px; color: #FFF; background-color: #008fd5; -moz-border-radius: 5px;
-webkit-border-radius: 5px; }  

#dnn_ctr6615_view_ctrl6615_lkbAnnuleren { padding: 5px; color: #FFF; background-color: #e5007d; -moz-border-radius: 5px;
-webkit-border-radius: 5px; }

/* Containers */
.defaultContainer { margin-top: 12px; }

/* BEHEER GEBRUIKER */

.StappentellerContent .GebruikerDetails label, .StappentellerContent .WachtwoordDetails label, .StappentellerContent .ProfielDetails label, .StappentellerContent .OrganisatieDetails label { float:left; width: 200px; }
.StappentellerContent #dnn_ctr6617_view_ctrl6617_lblGebruikersnaam , .StappentellerContent #dnn_ctr6617_view_ctrl6617_lblWachtwoord { float:left; width:110px }
.StappentellerContent #dnn_ctr6621_view_ctrl6621_lblGebruikersnaam { float:left; width: 250px; }

.userinfo .linkFuchsia { color: #df0079; }

/* REGISTRATIE */
.OrganisatieDetails .OrganisatieSelecteren, .OrganisatieDetails .Organisatiecaptain { margin-top: 3px; }