

/* ---- CSS for devormgever.com DNN Skin ---------- */
/* ---- Created by ddl -------------- */
/* ---- Updated jan 2008 -------------------- */
/* ---- www.devormgever.com ---------------------- */
/* ---- info @ devormgever.com ------------------- */




/* ---- Universal ----------------------------- */

/* Forces browser height of 100% */
html {height: 100%;}

/* Body style */
body {margin: 0px; background: ;}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {font-family: tahoma; font-size: 12px; line-height: 1.4em;}



/* ---- DNN Control Panel ---------------------- */
table.ControlPanel {background: # ; border: 0; border-bottom: 1px solid #888;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #ddd;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle; border: 0;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}


/* ---- Containers ----------------------------- */


/* Establishes bg for viewable area */
.SiteColor {
	background-image: ;
}

/* Maintains consistent width */
.SiteWidth {
	width: 945px;
	margin: 0px 0 0px 0;
	background-image: url(bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;;	
}

.SolpartMenu {
	height: 0px;
	padding: 0px 0px 0 0px;
	background-image: url(bg_top3.jpg);
	background-repeat: no-repeat;
	background-position: center 0px
}

/* Spring photo */
.TopRow {
	height: 170px;
	padding: 0px;
	background-image: url(bg_top4.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}

/* Spring photo - Admin */
.TopRowAdmin {
	height: 318px;
	padding: 0;
	background-color: transparent;
}

/* Contains date/login info */
.HeaderCell {
	width: 0px;
	padding: 0 0px 0 0px;
	background-color: transparent;
	}

/* For search utility */
.SearchTD 	{
	padding: 0px 0px 0px 80px;
	height: 0px;
}
.TopCell {
	padding: 0px 0px 0 720px;
	font-size: 10px;
	height: 0px;
	font-weight: bold;
}
/* Contains menu */
.MenuCell {
	padding: 0px 0px 0 0px;
	height: 0px;
	background: url(bg_top.jpg5) no-repeat;
	background-color: transparent;
}

/* Contains menu - Admin */
.TopRowAdmin .MenuCell {padding: 0px 10px 0 60px; height: 36px;}

/* BG for everything between header and footer */
.MiddleRow {
	padding: 0 0px 0 0px;
	background-image: url(bg_middle2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparant;
}

/* BG for everything between header and footer - Admin */
.MiddleRowAdmin {
	padding: 0 65px 0 75px;
	background-image: url(bg_middle_admin.jpg);
	background-repeat: no-repeat;
}

/* Holds breadcrumbs */
.Breadcrumbs {
	padding: 0 0 10px 10px;
	font-size: 10px;
	color: #888;
	font-weight: bold;	
				}
		
/* For left-hand column content */
.SideContent {
	width: 177px;
	padding: 0 33px 0 15px;
	background-color: transparent;
}

/* For main column content */
.MainContent {
	padding: 20px 10px 0 0;
	background-image: url(bg_maincontent.jpg);
	background-repeat: no-repeat;
	
}

/* Content in the side pane */
.ContentSide {}

/* For left column within the main content area */
.ContentLeft {width: 33%;}

/* For center column within the main content area */
.ContentCenter {
	width: 450px;
	
}
.Container {
	border: 0.1em solid #E5E5E5;
}

/* For right column within the main content area */
.ContentRight {
	width: auto;
	padding: 0px 0px 0px 30px;}

/* Footer graphic */
.BottomRow {
	height: 200px;
	vertical-align: bottom;
	text-align: right;
	background-color: transparent;
	background-image: url(bg_bottom.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

/* Footer graphic - Admin */
.BottomRowAdmin {background: url(bg_bottom_admin.jpg) no-repeat; height: 110px;	vertical-align: bottom;	text-align: right;}

/* Contains terms/copyright info - niet in gebruik - */
.Footercell{
	text-align: center;
	padding: 0 0px 0px 0;
	font-size: 12px;
}

/* Separator image between header and footer links */
.Bullet {background: url(bullet_grey.gif2) no-repeat; height: 10px;}




/* ---- Links -------------------------- */


/* Basic links */
a:link, a:visited, a:active {
	color: #7bac01;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}
a.LoginLink:hover {
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}
a.BreadcrumbLink:hover, .BreadcrumbLink {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #7bac01;
}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.CommandButton:hover {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}




/* ---- Text ---------------------------- */


/* Style for current date token */
.CurrentDate {color: #333; font-size: 12px;}

/* Style for copyright text in footer */
.CopyrightText {color: #333; font-size: 12px;}

/* Used in admin sections */
.SubHead {font-family: tahoma; font-size: 12px; font-weight: bold; color: #333; padding: 0;}

.ContentSide .Normal, .ContentSide p, .ContentSide td, .ContentSide .NormalBold {font-size: 12px; color: #333;}

.Head {
	font-family: 'Franklin Gothic Book' sansserif;
	color:#7bac01;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 0px;
	text-decoration: none;
}

.Normal {
	font-family: tahoma;
	font-size: 10px;
	color:#666666;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:150%;	/*width: 400px; */
	margin-right: 10px;
	margin-left: 10px;
}

/* Bold colored - used for warnings and such */
.NormalRed {color: #900; font-family: tahoma; font-weight: bold; font-size: 12px;
}

/* Normal bold text */
.NormalBold {font-family: tahoma; font-size: 12px; font-weight: bold;}




/* ---- Forms ----------------------------- */


select, input {font-family: tahoma; font-size: 12px; color: #333;}


/* Applies to text input boxes */
.NormalTextBox {color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 12px; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #333; scrollbar-3dlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff;}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent;}

.GoButton {margin-bottom: -6px;	position: absolute;}

.SearchTD a:link, .SearchTD a:visited, .SearchTD a:active, .SearchTD a:hover {width: 46px; padding: 2px 44px 5px 0; _padding: 0 0 5px 0; height: 20px; background: url(search.gif) no-repeat; text-decoration: none;}


/* ---- Main Menu ------------------------- */


/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
	height: 60px;
	padding: 0;
}


/* Menu bar */
.MainMenu_MenuBar {
	background: transparent;
	height: 60px;
	padding: 0;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #ccc;
	font-size: 12px; 
	font-weight: bold;
	border: 1px solid #222;
	padding: 3px 14px 4px 6px;
}


/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 1px;
	border: 1px solid #222;
	padding: 1px;
	background: #222;
	filter: alpha(opacity=90, FinishOpacity=90, Style=1);
	-moz-opacity: 0.90;
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #000;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	padding: 3px 14px 4px 6px;
}

.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_Active td, .MainMenu_BreadcrumbActive td {
	font-size: 10px;
	margin: 0;
	padding: 0 0px 0 0;
	text-transform: uppercase;
}

/* Idle state for main menu items */
.MainMenu_Idle {
	height: 10px;
	background: url(menu_sep.gif) top right no-repeat transparent;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px;
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 10px;
	background: url(menu_sep.gif) top right no-repeat transparent;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px;
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 10px;
	background: url(menu_sep.gif) top right no-repeat transparent;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px;
}


/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuBreak {
	display: none;
}



/* ---- Module Menus ------------------------- */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
	color: #333;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: #f7f7f7;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #f7f7f7 1px solid;
	border-right: #f7f7f7 1px solid;
	padding: 1px 10px 2px 0px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 0px;
	background-color: #f7f7f7;
	border: 1px solid #666;
	padding: 0px;
	filter: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #333;
	border-left: #333 1px solid;
	border-right: #333 1px solid;
	padding: 1px 10px 2px 0px;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}


/* SideMenu  */
.MenuHdr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left:  10px;
	padding-right: 10px;
	font-weight: bold;
	padding-bottom: 1px;
	background-color: #fffff;
	padding-top: 0px;
	cursor: default;
	text-align: right;
	 
}
.MenuItem HR
{
	text-align: right;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #ffffff; 
  	margin-right: 5px; 
  
}

.MenuItemMouseOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2pt;
	text-align: right;
	background-position: right top;
	background-image: url(/...);
	background-repeat: no-repeat;
	text-align: right;
	border-bottom-width: thick;
	border-bottom-style: none;
	border-bottom-color: #000000;
}

.MenuItem, .MenuItemMouseOver
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10pt;
	font-weight: normal;
	padding-bottom: 0px;
  	background-color:  ;
	padding-top: 0px;
	padding-right: 10px;
	color: #000000;
}
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-stylet: bold;
	font-size: 10pt;
	text-decoration: none;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	display: block;
	font-weight: bolder;
		
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link, 
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7bac01;
	display: block;
	padding-left: 0px;
	padding-bottom: 1px;
	cursor: pointer;
	color: #;
	padding-top: 1px;
	text-decoration: none;
	width: 100%;
	font-weight: bolder;
}

.MenuCurrentPage
{
  color: #ffffff;
}





/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/






