/* 
================================
DotControl copyright 2009
================================
*/
body {
	background-image: url(images/BodyBG.jpg);
	background-repeat: repeat-x;
	background-color: #e9e9e9;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 1.6;
}

.clear {
	clear:both;
}

#Wrapper {
	width: 960px;
	margin:0 auto;
}

#ContainerTop {
	width:960px;
	height: 120px;
	float:left;

}

	#ContainerTop .TopLeft {
		background-image: url(images/VitalityLogo.jpg);
		background-repeat: no-repeat;
		width: 247px;
		height: 115px;
		float: left;
	}
		#ContainerTop .TopLeft a {
			height: 100%;
			width: 100%;
			display: block;
			cursor: pointer;
		}
	
	#ContainerTop .TopRight{
		width: 300px;
		height: 100px;
		float: right;
	}

#ContainerPanorama {
	width:960px;
	height: 340px;
	float: left;
}

	#ContainerPanorama .MenuPanorama {
		height: 40px;
		width: 960px;
		float: left;
		background-image: url(images/MenuBG.jpg);
		background-repeat: repeat-x;
		}

		#ContainerPanorama .MenuPanorama ul li {
			cursor: pointer;
			margin-top: 0px;
			font-size: 16px;
			font-weight: bold;
			height:40px;
			border-left: 1px solid #0f4ead;
			border-right: 1px solid #04378e;
			font-family:Calibri, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
		}
		
	#ContainerPanorama .MenuPanorama ul li ul li {
			margin-top: 0px;
			font-size: 14px;
			font-weight: normal;
			height:30px;
			border-left: 1px solid #0f4ead;
			border-right: 1px solid #04378e;
			border-bottom: 1px solid #194FA9;
			font-family:Calibri, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			background-color: #043A94;
			text-align: left;
			padding-top: 5px;
			padding-left: 0px;
		}		
	#ContainerPanorama .MenuPanorama ul li ul li .rmText {
		padding-right: 15px;
		padding-bottom: 0pt;
		padding-left: 8px;
		margin-top: 0pt;
		margin-right: 0pt;
		margin-bottom: 0pt;
		margin-left: 4px;
		min-width: 100px;
		}
			#ContainerPanorama .MenuPanorama ul li.rmFirst {
				border-left: 0px;
			}
			
			#ContainerPanorama .MenuPanorama ul li a {
				text-decoration: none;
				color: #FFFFFF;
				cursor:pointer;
			}

				#ContainerPanorama .MenuPanorama ul li:hover{
					background-image: url(images/MenuHoverBG.jpg);
					background-repeat: repeat-x;
					overflow: visible;
					color: #FFFFFF;
					cursor:pointer;
					border-right: 1px solid #0e0e96;
				}
	
	#ContainerPanorama .PicturePanorama {
		height: 300px;
		width: 960px;
		float: left;
		overflow: hidden;
		z-index: 1;
	}
		
#ContainerContent {
	margin-left: -7px;
	padding-left: 7px;
	width:974px;
	min-height: 307px;
	float: left;
	clear:left;
	background-image: url(images/ContentPaneBG2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 20px;
	display: inline;
}

	#ContainerContent .ContentPane {
		width: 290px;
		min-height: 285px;
		background-color: #FFFFFF;
		background-image: url(images/MenuBG.jpg);
		background-repeat: repeat-x;
		float: left;
		padding: 15px;
		padding-top: 0px;
	}
	
	#ContainerContent .ContentPane .ccontent
	{
		padding-top:15px;
	}
	
		#ContainerContent .ContentPane a {
			color: #1d53ad;
			font-weight: bold;
			text-decoration: none;
		}
		
		#ContainerContent .ContentPane a:hover {
			text-decoration: underline;
		}
		
		#ContainerContent .ContentPane h2{
			color: white;
			font-size: 17px;
			margin-top: 7px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			text-transform:uppercase;
		}

		#ContainerContent .ContentPane h2.sIFR-replaced {
			margin-top:7px;
			padding:0px;
			font-size:17px;
		}
	
	#ContainerContent .NewsPane {
		width: 290px;
		height: 230px;
		margin-top: 40px;
		float: left;
		padding: 15px;
		background-image: url(images/DoubleBorderLeft.jpg);
		background-position: left;
		background-repeat: repeat-y;
		background-color: #f0f0f0;

	}
		#ContainerContent .NewsPane h2 {
			color: #1d53ad;
			font-size: 18px;
			padding-bottom: 0px; 
			margin: 0px;
			padding-top: 0px;
		}
		
		#ContainerContent .NewsPane .NewsItem {
			margin: 0px;
			padding: 0px;
			padding-top: 5px;
			font-size: 11px;
			background-image:url(images/NewsItem.gif);
			background-repeat:repeat-x;
			background-position:bottom left;
			padding-bottom:3px;
		}
			
		#ContainerContent .NewsPane .Items .NewsItemDate {
			margin-left: 25px;
		}
		
		#ContainerContent .NewsPane .Button {
			float: right;
			background-image: url(images/ItemsMoreNewsBG.jpg);
			background-repeat: no-repeat;
			background-position: right;
			padding-right: 20px;
			color: #1d53ad;
			font-weight: bold;
			text-decoration: none;
			width: 150px;
			height: 30px;

		}
		
		
		#ContainerContent .NewsPane .Button:hover {
			text-decoration: underline;
		}
			
		#ContainerContent .NewsPane .NewsItem .NewsShortTitle  {
			margin: 0px;
			padding: 0px;
			font-weight: bold;
			font-size: 13px;
			padding-bottom: 0px;
		}
		
			#ContainerContent .NewsPane .NewsItem .NewsShortTitle a {
				text-decoration: none;
				color: #666666;
				background-image: url(images/ItemsTitleBG.jpg);
				background-position: -3px -3px;
				background-repeat: no-repeat;
				padding-left: 25px;
			}
			
			#ContainerContent .NewsPane .NewsItem .NewsShortTitle a:hover {
				text-decoration: underline;
			}
	
	#ContainerContent .ContentMenu{
		width: 320px;
		min-height: 40px;
		float: left;
		background-image: url(images/MenuBG.jpg);
		background-repeat: repeat-x;
		overflow: hidden;
	}
	
	 #ContainerContent .AgendaPane{
		width: 320px;
		height: 260px;
		background-color: #FFFFFF;
		float: left;
		background-image: url(images/DoubleBorderRight.jpg);
		background-position: left;
		background-repeat: repeat-y;

	}
	 #ContainerContent .AgendaPane #AgendaObject {
	 	float: left;
		margin-top: 5px;
		margin-left: 50px;
		background-repeat: repeat-x;
	 }

#ContainerFooter {
	width:960px;
	height: 300px;
	float: left;
	clear:left;
	display: inline;
}

	#ContainerFooter .TwitterPane {
		background-image: url(images/Border.jpg);
		background-position: top;
		background-repeat: repeat-x;
		width: 960px;
		min-height: 80px;
		float: left;
		font-size: 18px;
		color: #1d53ad;
		font-weight: bold;
	}
		
		#ContainerFooter .TwitterPane .TwitterLogo {
			height: 39px;
			width: 39px;
			background-image: url(images/TwitterLogo.jpg);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			margin-top: 30px;
			margin-left: 20px;
			padding-left: 22px;
			padding-right: 22px;
			float: left;
		}
			#ContainerFooter .TwitterPane .TwitterLogo a {
				display: block;
				height: 39px;
				width: 39px;
				cursor: pointer;
				float: left;
				margin-left: -24px;
			}
		
		#ContainerFooter .TwitterPane .TwitterLogo:hover {
			background-position: 0px -39px;
		}
		#twitter_div{
			float: left;
			font-size: 16px;
			margin-top: 25px;
			width: 600px;
		}
		
			#twitter_update_list {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
				float: left;
				width:600px;

			}
			#twitter_update_list span {
				float: left;
				width:600px;
				margin-bottom: -10px;
			}
				#twitter_update_list  a {
					color: #888888;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					float: left;
					clear: left;
					margin-top: 0px;
				}
#ContainerFooter .RopaRunPane{
		width: 144px;
		min-height:80px;
		margin-top: 0px;
		float: right;
		margin-right: 20px;
		font-size: 11px;
	}
	#ContainerFooter .RopaRunPane img {
		padding-top: 8px;
	}
		#ContainerFooter .RopaRunPane a img{
			border: none;
		}
	
	#ContainerFooter .RopaRunPane h2.FlashHeader,
	#ContainerFooter .SponsorPane h2.FlashHeader,
	#ContainerPanorama .PicturePanorama h2.FlashHeader 
	{
		display:none;
	}
	
	#ContainerFooter .SponsorPane {
		background-image: url(images/Border.jpg);
		background-position: top;
		background-repeat: repeat-x;
		width: 960px;
		min-height: 100px;
		float: left;
		padding-top: 20px;
	}
		.SponsorPane .SponsorFlashBG {
			background-image: url(images/bg_scroller.jpg);
			float: right;
			width: 960px;
			height: 140px;	
			background-repeat: no-repeat;	
		}
		.SponsorPane #SponsorFlash {
			float: right;
			margin-top: 10px;
		}
	
	#ContainerFooter .FooterPane {
		margin-top: 20px;
		width: 960px;
		height: 100px;
		float: left;
		margin-left: 7px;

	}
		#ContainerFooter .FooterPane span {
			font-weight: bold;
		}
			#ContainerFooter .FooterPane a {
				color: #666666;
				text-decoration: none;
			}

#CompanyLogo {
	width:100px;
	height:120px;
	position:absolute;
	top:0px;
	right:10px;
	background-image:url(images/CompanyLogo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
		#CompanyLogo a {
			height: 100%;
			width: 100%;
			float: right;
			display: block;
			cursor: pointer;
		}

#dnn_ctr1358_UltraPhotoGallery_pnlFooter {display: none;}

/** Sponsor Bar **/

/* Scroller Box */
#scroller_background {
	margin-top: 20px;
	background-image: url(images/bg_scroller.jpg);
	width: 970px;
	height: 130px;
}

.scroller_shader {
	background-image: url(images/scroller_shade.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 700px;
}

.scroller_container {
	 position: relative;
	 overflow: hidden;
	 width: 750px;
	 height: 115px;
	 float: right;
	 margin-right: 6px;
	 margin-top: 5px;
	 background-repeat: no-repeat;
	}

.scroller {
	width: 2000px;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 5px;
	height: 120px;
 	white-space: nowrap;
 	line-height: 60px;
 	font-size: 60px;
}

.image {
	margin-left: 50px;
	margin-top: 10px;
	float: left;
	border: 0px;
}
.SponsorPane .scroller_container .image img , 
.SponsorPane .scroller_container .image img{
	border-style: none;
}
/** SIFR **/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
.sIFR-replaced, .sIFR-ignore {
 visibility: visible !important;
}

/* DNN */

.dnnACTIONS {
	position:relative;
	z-index:9999999;
}

/** CONTENTPAGINA **/

#ContentContainerContent {
	width: 960px;
	float: left;
	margin-bottom: 20px;
	float:left;

}

#ContentContainerContent .ContentLeftBorder {
	float:left;
	background-repeat:repeat-y;
	background-image: url(images/ContentContainerContentBG_V.jpg);
	background-repeat: repeat-y; 
	background-position: right;
	width: 974px;
	margin-left: -7px;
	padding-left: 7px;
	background-position: 0px;
	min-height: 570px;
}


#ContentContainerContent .ContentWrapper{
	width:960px;
}

#ContentContainerContent .ContentPane {
	height:auto;
	background-image:url(images/MenuBG.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	float: left;
	padding: 0px;
	padding-bottom:15px;
	width: 930px;
	padding-left: 15px;
	padding-right: 15px;
}

	#ContentContainerContent .ContentPane2 {
		height:auto;
		background-image:url(images/MenuBG.jpg);
		background-repeat: repeat-x;
		background-position:top left;
		float: left;
		padding: 0px;
		padding-bottom:15px;
		padding-left: 15px;
		padding-right: 15px;
		width: 631px;
	}
		#ContentContainerContent .ContentPane2 h2{
			margin-top: 0px;
			padding-top: 7px;
			padding-right: 5px;
			width: 645px;
			color: white;
			font-size: 18px;
			height: 30px;
			padding-bottom: 10px;
	}

#ContentContainerContent .ContentPane a,
#ContentContainerContent .ContentPane2 a {
	color: #1d53ad;
	font-weight: bold;
	text-decoration: none;
}

#ContentContainerContent .ContentPane a:hover,
#ContentContainerContent .ContentPane2 a:hover {
	text-decoration: underline;
}

#ContentContainerContent .ContentPane h2{
	margin-top: 0px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 5px;
	width: 645px;
	color: white;
	font-size: 18px;
	height: 30px;
	padding-bottom: 10px;

	
}
#ContentContainerContent .ContentRight h2{
	background-image: url(images/MenuBG.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 7px;
	padding-right: 5px;
	color: white;
	font-size: 18px;
	height: 30px;
	padding-bottom: 10px;
}

#ContentContainerContent .ContentRight h2{
	width:294px;
	margin-left: 0px;
}

#ContentContainerContent .ContentRight{
	min-height: 220px;
	float:left;
	width: 300px;
}

#ContentContainerContent .ContentRight .content img{
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #d8d8d8;
}

#ContentContainerContent .ContentRight .sIFR-flash {
	margin-left: 10px;
}

#ContentContainerContent .ContentRight .rpItem {
	width: 250px;
	margin-left: 10px;
}

#ContentContainerContent .TwitterPane {
	margin-left: 7px;
	width: 960px;
}
#ContentContainerContent .SponsorPane {
	margin-left: 7px;
}

#ContentContainerContent .SponsorPane #scroller_background {
	margin-left: -4px;
}
#ContentContainerContent #ContainerFooter {
	background-image: none;
	padding-top: 37px;
	background-image: url(images/ContentContainerContentBG_H2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 974px;
	margin-left: -7px;
	display: inline;
}

#ContentContainerContent .content .Head {
	width: 200px;

}
/**********NewsSHort***********/


.NewsShortHolder {
	float: left;
	width: 460px;
	border-top: 1px #EAE9E9 solid;
	padding-top: 0px;
	margin-bottom: 30px;
	margin-left:15px;
	width: 97%;
	line-height:20px;
	display: inline;
}

.NewsShortContentHolder {
	float: right;
	width: 465px;
	margin-left:10px;
}

.NewsShortImage {
	float: left;
	width: 140px;
	height: 140px;
	padding: 5px;
	background-image: url(images/NewsDefault.jpg);
	background-repeat: no-repeat;
	margin-top: 27px;
}
		
.NewsShortImage img {
	width: 140px;
	height: 140px;
	border: 0px;
}

a .NewsShortImage  {
	cursor: pointer;
}

h3.NewsShortTitle {
	color: #56a1d5;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	width:465px;
	float: right;
	margin-bottom: 0px;
	padding-bottom: 3px;
	padding-top: 10px;
	float: right;
}

.NewsShortTitle a {
	color: #56a1d5;
	text-decoration: none;
}

.NewsShortTitle a:hover {
	text-decoration: underline;
}

.NewsShortTitle a:visited:hover {
	text-decoration: underline;
}

.NewsShortDate {
	font-size: 11px;
	margin-bottom: 10px;
	color:#999999;
	float: right;
	width:465px;
}

.NewsShortLink {
	margin-top: 20px;
}

.NewsShortLink a {
	color: #81bee6;
	text-decoration: none;
	font-weight:normal;
}

.NewsShortLink a:hover {
	color: #81bee6;
	text-decoration: underline;
}

/************************/

/**********News***********/


.NewsHolder {
	float: left;
	width: 660px;
	height: auto;
	padding-bottom: 20px;
	margin-bottom: 30px;
	display: inline;
}

.NewsImage {
	float: left;
	clear:left;
	width: 140px;
	height: 140px;
	padding: 5px;
	margin-left:20px;
	background-image: url(images/NewsDefault.jpg);
	background-repeat: no-repeat;
}
		
.NewsImage img {
	width: 140px;
	height: 140px;
}		

.NewsContentHolder {
	float: left;
	width: 660px;

}

.NewsContent {
	float: right;
	width: 440px;
	margin-right: 20px;
	overflow:hidden;
}

.NewsTitle {
	color: #1d53ad;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	width:460px;
	margin-bottom:0px;
	float: right;
}

.NewsDate {
	float: right;
	width: 460px;
	font-size: 11px;
	margin-bottom: 10px;
}

.NewsLink {
	margin-top: 20px;
}

.NewsLink a{
	color: #6faddb;
	text-decoration: none;
}

/************************/

/******NEWS*******/
.ContentRight .Months a {
	text-decoration: none;
	font-weight: normal;
	color: #888888;
	margin-bottom: 3px;
	margin-top: -1px;
}

.ContentRight .Months a:hover {
	text-decoration: underline;
}

.ContentRight .Months ul {
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 30px;
	list-style: none;
}

.ContentRight .Months ul li {
	margin-top: 5px;
	padding-left: 25px;
	background-image: url(images/ItemsTitleBG.jpg);
	background-position: 5px 2px;
	background-repeat:  no-repeat;
}

.ContentRight .Months ul li ul {
	display: block;
	padding: 0px;
	margin-top: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	list-style: none;
}

.ContentRight .Months ul li ul li {
	padding-left: 0px;
	background-image: url(images/ItemsMoreNewsBG.jpg);	
	background-repeat:  no-repeat;
	background-position: 20px 3px;
}

.ContentRight .Months .rpItem {
	border-bottom: 1px #e7e7e7 solid;
}

.ContentRight .Months .rpItem ul li {
	width: 190px;
	border: 0px;

}

.ContentRight .Months .rpLevel1 {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-right:0px;
	border-top: 1px #e7e7e7 solid;	
}
.ContentRight .Months .rpLevel1 .rpText {
	margin-left:40px;
}

.ContentRight .Months .rpSlide {
	margin-left: -25px;
}


/****** Contact ******/

.ContentPane2 .content td.SubHead #dnn_ctr1369_Feedback_plEmail_cmdHelp,
.ContentPane2 .content td.SubHead #dnn_ctr1369_Feedback_plName_cmdHelp,
.ContentPane2 .content td.SubHead #dnn_ctr1369_Feedback_plSubject2_cmdHelp,
.ContentPane2 .content td.SubHead #dnn_ctr1369_Feedback_plBody_cmdHelp
{
	display:none;
}

.ContentPane2 .content td.SubHead input,
.ContentPane2 .content td.SubHead textarea
{
	display:block;
	color:#666666;
	border:1px solid #666666;
	width:280px;
}

.ContentPane2 .content td a.CommandButton {
	float:left;
	height: 29px;
	background-image: url(images/Button.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	background-repeat: repeat-x;
	margin-right: 5px;
	margin-left:213px;
	margin-top: 5px;
	text-align: center;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF !important;
}
.ContentPane2 .content td a.CommandButton {
	text-decoration: none;
}
.ContentPane2 .content td a.CommandButton:hover {
	text-decoration: underline;
}


/*** Rad Base Stylesheet ***/
/*Base css*/
    
.RadPanelBar .rpRootGroup,
.RadPanelBar .rpGroup,
.RadPanelBar .rpItem
{
            margin:0;
            padding:0;
            list-style-image: none;
            list-style-position:outside;
            list-style:none;
}

.RadPanelBar .rpItem
{
            float:none;
            display:block;
            position:static;
}

.RadPanelBar .rpSlide
{
    position:static;
    float: none;
    height:auto;
}

.RadPanelBar .rpText:after,
.RadPanelBar .rpTemplate:after,
.RadPanelBar .rpItem:after
{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.RadPanelBar .rpLink,
.RadPanelBar .rpText
{
            text-decoration:none;
            display:block;
}

.RadPanelBar .rpImage
{
            float:left;
            clear: left;
            border:0;
            vertical-align:middle;
}

.RadPanelBar .rpLevel1
{
            overflow:auto;
            overflow-x:hidden;
}

.RadPanelBar .rpLink
{
            width:auto;
            outline:none; /* Remove this for FF to put dotted border around the focused item */

}

.RadPanelBar .rpText
{
            cursor:pointer;
			padding-left: 20px;
}

.RadPanelBar .rpSlide
{
            overflow:hidden;
            display:none;
}

.rtl .rpImage
{
            border:0;
            float:right;
}

.rtl 
{
            text-align:right;
}
/*******/

/****************EDITOR******************/

Body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
}

.Tekst_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	}
	
.Tekst_2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	font-weight:bold;
	}	
		
.Kop_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #666666;
	}

.Kop_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color: #666666;
	}

.Link_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #1d53ad;
	font-weight:bold;
}

.afbeelding-links {
	padding: 10px;
	padding-bottom: 15px;
	float: left;
}

.afbeelding-rechts {
	padding: 10px;
	padding-bottom: 15px;
	float: right;
}

.Button {
	float: right;
	height: 29px;
	background-image: url(images/Button.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	background-repeat: repeat-x;
	margin-right: 5px;
	margin-top: 5px;
	text-align: center;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
}
a.Button {
	text-decoration: none;
}
a.Button:hover {
	text-decoration: underline;
}