/*
	Title:		DNM - Website Main Theme
	Author:		Rob van Meeuwen
	Website:	http://www.dnm-ict.nl
*/
/*
===========================
Rich text editor stying
===========================
*/

#holderBody
{
	background:none;
}

#holderBody strong
{
	font-weight:bold;
}

#holderBody a
{
	text-decoration:underline;
}

#holderBody p
{
	margin:auto;
}

#holder
{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
	font-size:14px;
}

/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/

html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll; //-y stands for the vertical scrollbar
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*
====================================
Start Theme One Styling
====================================
*/

body
{
	background-color:#FFFFFF;
	font: 10px verdana, sans-serif;
	text-align:center;
}

#Container
{
	width: 976px;
	margin: 0px auto;
	text-align: left;
	background-repeat: repeat-y;
	height: 100%;
}

#Header
{
	overflow: hidden;
	height:212px;
	background-repeat:no-repeat;
}

#HeaderDecoration
{
	background-image: url(/Data/Assets/Dnm2/ForegroundHeaderImages.png);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 212px;
	width: 976px;
	top: -346px;
	/*left: 24px;*/
	z-index:10;
	position: relative;	
}

#Logo
{
	background-image: url(/Data/Assets/Dnm/DnmLogo.png);
	background-repeat: no-repeat;
	text-indent: -10000px; /*Used to hide the text off screen */
	height: 134px;
	width: 148px;
	top: -188px;
	left: 24px;
	z-index:10;
	position: relative;	
}

#Logo a
{
	display:block;
	height:100%;
}

.KvK
{
	font-style: italic;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	min-height: 0px;
	line-height: 10px; /* This vertically centers the text */
	font-size: 10px;

}

/* ======= Navigation Bar ============ */
#NavigationBar
{
	text-align:left;
	background-image:url(/data/assets/dnm2/NavigationBar.png);
	background-repeat:repeat-x;
	background-color: #F3F3F3;
}

#Navi
{
	height:30px;
	font-size:12px;
}

#Navi li
{
	float: left;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	height: 22px;
}


#Navi li a
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

.NaviHover
{
	text-decoration: none;
	background-image: url(/Data/Assets/Dnm2/NavigationBarHover.png);
   	background-repeat:repeat-x;
}

.NaviSelected
{
	color: White;
	text-decoration: none;
   	background-image: url(/Data/Assets/Dnm2/NavigationBarSelected2.png);
   	background-repeat:repeat-x;
}

/* ====== BREADCRUMBS ======== */

#BreadCrumbs
{
	height: 37px;
	font-size: 11px;
	color: Black;
	position: absolute;
	top: 239px;
}

#BreadCrumbs li
{
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 4px;
	height: 22px;
}

#BreadCrumbs li a
{
	color: #ff6300;
	text-decoration: none;
	display: block;
	background-image: url(/data/assets/dnm2/BreadCrumbArrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

#BreadCrumbs li a:hover
{
	text-decoration: underline;
}

/* ====== SUB NAVIGATION ===== */
#SubNavi
{
	height: auto;
	color: Black;
	font-size: 12px;
	position: relative;
	left: -10px;
	width: 180px;
	padding-top: 10px;
}


#SubNavi li
{
	/*height:22px;*/
	width: 177px;
	vertical-align:middle;
	padding-left:10px;
	display: block;
	padding-top:5px;
	padding-bottom:6px;
	/*border-left: solid 3px transparant;*/
}

#SubNavi li a
{
	color:Black;
	text-decoration: none;
}

.SubNaviUnselected
{
	border-left:solid 3px white;
}

.SubNaviHover
{
	text-decoration: none;
	background-color: #F4F4F4; /*#E1E1E1;*/
	border-left: solid 3px #E1E1E1;
}

.SubNaviSelected
{
	text-decoration: none;
	background-color: #EFEFEF;
	border-left: solid 3px #FF6300;
	left:-10px;
}

/* ===== END SUB NAVIGATION ===== */

/* ===== SITE MAP ===== */

#sitemap ul
{
	list-style-type:disc;
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #444444;
	margin: 0px;
	line-height: 15px;
	display: block;
}

/* ===== END SITE MAP ===== */
#Content
{
	width: 976px;
}


#HomeFeature
{
	height:168px;
	text-indent:-10000px; /*Used to hide the text off screen */
}

.clearing
{
	height: 0;
	clear: both;
}

#ContentContainer
{
	margin: 0px;
	width: 976px;
	height : 100%; 
}

/* ======= BEGIN MAIN CONTENT ========= */
#MainContent
{
	width: 550px;
	height: 100%;
	min-height: 250px;
	margin: 0px 10px 0px 10px;
	float: left;
	height: auto;
	font-size: 12px;
	padding-top: 30px;
	padding-left:10px;
	display: block;
}

#MainContent img.left
{
	float:left;
	padding: 15px 15px 15px 0px;
}

#MainContent img.right
{
	float:right;
	padding: 15px 0px 15px 15px;
}

#MainContent img .top
{
	padding: 0px 10px 10px 10px;
	}


#MainContent form label
{
	padding-left:5px;
}

#MainContent li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
}

/*
==========================================
Gallery List
==========================================
*/

#MainContent .GalleryList
{
	margin:15px 0 0 -10px;
	width:424px;
}

#MainContent .GalleryList .Item
{
	float:left;
	width:96px;
	margin:0 0 10px 10px;
}


#MainContent .GalleryList .Item a img
{
	padding:2px;
	border:1px solid black;
}

#MainContent .GalleryList .Item a:hover img
{
	padding:2px;
	border:1px solid black;
	background-color:black;
}

#MainContent .GalleryList .Item strong a
{
	display:block;
	margin:5px 0 0 0;
}

#MainContent .GalleryList .Item em
{
	display:block;
	font-size:12px;
}


#MainContent .Photo img
{
	/* This ensures the photos is resized to fit the div */
	max-width:100%;
}

#MainContent .Photo .PhotoNav
{
	display:block;
}

#MainContent .Photo .PhotoNav .Left
{
	float:left;
}

#MainContent .Photo .PhotoNav .Right
{
	float:right;
}




/*
==========================================
Contact Form
==========================================
*/
/*#MainContent .ContactForm .Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/Misc/error_icon.gif);
	background-repeat:no-repeat;
	background-position:15px 12px;
}

#MainContent .ContactForm .Error li
{
	font-weight:normal;
}

#MainContent .ContactForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .ContactForm legend
{
	display:none;
}

#MainContent .ContactForm label
{
	color:#000000;
	font-weight:bold;
}

#MainContent .ContactForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .ContactForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}*/

/*
==========================================
VCard Styling
==========================================
*/

.vcard .n
{
	font-weight:bold;
}

.vcard .tel
{
	background-image:url(../Data/Assets/Misc/phone_icon.gif);
	background-repeat:no-repeat;
	background-position:6px 0px; /* Left:6px Top:0px */
	padding:2px 0 3px 22px;
	margin:15px 0 0 0;
	display:block;
	color:#000000;
}

.vcard .email
{
	background-image:url(../Data/Assets/Misc/email_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	text-decoration:underline;
	padding:0 0 1px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vcard .url
{
	background-image:url(../Data/Assets/Misc/web_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	text-decoration:underline;
	padding:1px 0 2px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vCardDl
{
	background-image:url(../Data/Assets/Misc/vcard_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	padding:0 0 0 22px;
	margin:15px 0 50px 0;
	color:#000000;
}


/*
==========================================
Email A Friend
==========================================
*/
#MainContent .EmailFriendForm .Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .EmailFriendForm .Error li
{
	font-weight:normal;
}

#MainContent .EmailFriendForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .EmailFriendForm legend
{
	display:none;
}

#MainContent .EmailFriendForm label
{
	color:#000000;
	font-weight:bold;
}

#MainContent .EmailFriendForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .EmailFriendForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}



/*
==========================================
Secondary Content
==========================================
*/


#SecondaryCaption
{
	border-width: 1px;
	border-color: #136599;
	color: #136599;
	font-weight: bold;
	padding-top: 5px;
	margin-right:10px;
	border-bottom-style: solid;
}

#SecondaryCaption a
{
	text-decoration:none;
	color: #136599;
}


#SecondaryContent
{
	float: left;
	width: 180px;
	font-size: 13px; /*background-color: ; */
	height: 100%;
	padding-left: 10px;
	padding-top: 30px;
	min-height: 250px;
}


#SecondaryContent h3
{
	font-size: 20px;
	color:#136599;
}

/*
#SecondaryContent a
{
	color:#000000;
	text-decoration:underline;
}

#SecondaryContent a:hover
{
	color:#000000;
	text-decoration:none;
}

#SecondaryContent a.RSSLink
{
	background-image:url(../Data/Assets/Misc/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 8px 23px;
	text-decoration:underline;
	display:block;
}

#SecondaryContent a.RSSLink:hover
{
	text-decoration:none;
	display:block;
}*/

/* ========== Rightside Content ============== */

#RightSideContent
{
	width: 200px;
	float:right;
}

#RightSideContent pre
{
	visibility:hidden;
}

#RightSideContent .ReferencesHome
{
	border: solid 1px silver;
	background-image: url(/Data/Assets/Misc/NewsItemBackground.jpg);
	background-repeat: repeat-x;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}

#RightSideContent .ReferencesHome h2
{
	padding: 5px 10px 15px 10px;
	color: #136599;
	font-size: 12px;
	font-family: inherit;
	font-weight: bold;
	text-align:left;
}

#RightSideContent .ReferencesHome .Logos
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

#RightSideContent .ReferencesHome img
{
	padding-left:10px;
}

/* ========== Rightside Content ============== */

#RightSideSiteMap
{
	background-position: top;
	width: 200px;
	height: 300px;
	float: right;
	background-image: url(/data/assets/misc/SiteMap.jpg);
	background-repeat: no-repeat;
}


#NewsSecondaryHeader
{
	background-image:url(/Data/Assets/Misc/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0 0 0 23px;
	height:28px;
}

#SecondaryContent ul#NewsList
{
	margin:12px 0 0 0;
}

#SecondaryContent ul#NewsList li
{
	margin:0 0 6px 0;
	font-size:13px;
}

#SecondaryContent ul#NewsList li strong
{
	font-weight:bold;
}

#SecondaryContent ul#NewsList li.Event a
{
	display:block;
	background-color:#F9F9F9;
	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;
	padding:8px 8px 7px 27px;
	color:#808080;
	text-decoration:none;
	background-image:url(../Data/Assets/Misc/event_icon.gif);
	background-repeat:no-repeat;
	background-position:7px 8px;
}

#SecondaryContent ul#NewsList li.News a
{
	display:block;
	background-color:#F9F9F9;
	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;
	padding:8px 8px 7px 27px;
	color:#808080;
	text-decoration:none;
	background-image:url(../Data/Assets/Misc/news_icon.gif);
	background-repeat:no-repeat;
	background-position:7px 8px;
}

#SecondaryContent ul#NewsList li a:hover
{
	background-color:#FFECCC;
	border-top:3px solid #FFA200;
	border-bottom:3px solid #FFA200;
	color:#FF6300;
	text-decoration:none;
}

#SecondaryContent #SearchSecondaryHeader
{
	margin:5px 0 0 0;
}

#SecondaryContent form
{
	margin:0 0 30px 0;
}

#Header form input.Submit
{
	cursor:pointer;
	background-color:transparent;
	background-image:url(../Data/Assets/Misc/search_button.png);
	background-repeat:no-repeat;
	background-position: 2px 0px;
	border:none;
	height:22px;
	text-indent:-10000px;
	width:24px;
}

#Header form input.Submit:hover, #SecondaryContent form input.Submit:active
{
	cursor:pointer;
	background-color:transparent;
	background-image:url(../Data/Assets/Misc/search_button2.png);
	background-repeat:no-repeat;
	background-position:2px 0px;
	border:none;
	height:22px;
	text-indent:-10000px;
	width:24px;
}

#Header form input
{
	border:1px solid #bcbcbc;
	padding:3px 7px 4px 4px;
	font-size:11px;
	width:130px;
	vertical-align:middle;
}

#SecondaryContent a.EmailFriend
{
	background-image:url(../Data/Assets/Misc/email_a_friend.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0 0 0 22px;
	text-decoration:underline;
	color:#000000;
}

#SecondaryContent a.EmailFriend:hover
{
	text-decoration:none;
}

#Footer
{
	clear: both;
	min-height: 40px;
	line-height: 30px; /* This vertically centers the text */
	font-size: 10px;
	text-align: center;
	color: #808080;
	position:relative;
	top:10px;
}

#Footer a
{
	color:#808080;
	text-decoration:none;
}

#Footer a:hover
{
	color:#808080;
	text-decoration:underline;
}


#Footer .ValidXhtml
{
	color: #61AB49;
}

#Footer img.ValidXhtml 
{
	position:relative;
	top:3px;
	}

#Footer a.ValidXhtml:hover
{
	color:#61AB49;
	text-decoration:underline;
}

#Footer .FooterLinks
{
	border-top: solid 1px #C0C0C0;
}

#Footer .PrintFriendly img
{
	position:relative;
	top:3px;
	}

#printerFriendlyLogo
{
	float:right;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */