/* 
Copyright skin: Cestus Websites 2005. Specifically created for www.geluksfabriek.nl
Created by Peter Schotman, contact information: www.cestuswebsites.nl 
Copyright embedded images: M. Bruel: www.geluksfabriek.nl
*/

/* Skin */
html 
{
	height: 100%;
}

body
{
	margin-top: 1px;
	background-color: silver;
	font-family: Verdana, Ariel, Helvetica, Sans-Serif;
	text-align: center;
}

#std
{
	width: 800px;
	width: 995px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	text-align: left;
}

.user, .footer
{
	font-size: 10px;
	color: navy;
	font-family: Verdana, Ariel, Helvetica, Sans-Serif;
	text-align: right;
}

.bgtable
{
	width: 800px;
	width: 995px;
	border:  3px solid lightgray;
	color: navy; /* blauw */
	background-color: white; 
	height: 100%;
}


div #vogels 
{
	position: absolute;
	margin-left: 564px;
	margin-top: 27px;
	border: solid 0px green;
}

.toptable 
{
	width: 100%;
}

.toprow 
{
	font-size: 10px;
	height: 15px;
}
.toprow td
{
	font-size: 10px;
	height: 15px;
	padding: 0 20px 0 20px;
	text-align: right;
}

.toppane 
{
	background-color: Transparent;
}

.datepane 
{
	width: auto;
	text-align: right;
}

.logorow
{
	background: white url('wolken-regenboog_03-04.gif') no-repeat bottom right;
	height: 78px
}

.logopane 
{
	vertical-align: bottom;
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.menurow 
{
	vertical-align: top;
	height: 25px;
	background-color: #263F84;  
}

.menupane 
{
	padding-left: 1px;
	padding-top: 3px;
}
.menupane .user
{
color: #ffffff;
}

.contentrow 
{
	vertical-align: top;
	height: 100%;
}

.contenttable 
{
	width: 100%;
	padding: 0px; margin: 0px; border: solid 0px #000000;
}

.contentpane
{
	vertical-align: top;
	width: auto;
	padding: 0 20px 0 20px;
}
.leftpane,
.rightpane 
{
	vertical-align: top;
	width: 190px;
}
#dnn_Leftpane
{
	padding: 0 0px 0 20px;
}
#dnn_RightPane
{
	padding: 0 20px 0 0px;
}


.bottomrow td
{
	font-size: 10px;
	height: 15px;
	padding: 0 20px 0 25px;
}
.breadcrumbpane
{
	background: white url('wolken-regenboog_01b.gif') no-repeat center right;
}

.SkinObject {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: navy; /* blauw */
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: #e6e6e6;
}


/* Main Menu */


.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }

.MainMenu_MenuBreak { padding: 0; border: 0px solid pink; background-color: Transparent; height: 0; color: #BCAEC2 }

.g0menucontainer
{	
	background-color: #263F84;  
	width: auto;
	border-top: 0px solid #BCAEC2;/* regenboog rood */
	border-bottom: 0px solid #BCAEC2; 
	padding-left: 1px; 
}

.g0submenu 
{
	padding-left: 0px;
	margin: 1px 0 0 1px;
	border: solid 1px #E1EDF6;
	color: navy;
	background-color: ghostwhite;
}

.g0menubar
{
	cursor: pointer; 
	cursor: hand; 
}

.g0menuitemsel td, .g0rootmenuitem td, .g0rootmenuitemactive td, .g0rootmenuitemsel td , .g0rootmenuitembreadcrumb td
{
	font-family: Verdana, Ariel, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	border: 0px solid gray; 
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
}

.g0menuitem td, .g0submenuitem td, .g0submenuitemsel, .g0submenuitemactive, .g0submenuitembreadcrumb
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: bold; 
	font-size: 11px;
	cursor: pointer;
	cursor: hand; 
	margin: 0px;
	border: 0px solid gray; 
	filter: none; 
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	color: #263F84;  
}
.g0submenuitem td, .g0submenuitemsel, .g0submenuitemactive, .g0submenuitembreadcrumb
{
	color: #263F84;  
}
.g0submenuitemactive td, .g0submenuitembreadcrumb td
{
	color: #06226F;
}
.g0rootmenuitem td
{
	color: #ffffff;
	background-color: #263F84;  
}
.g0submenuitemsel td,
.g0rootmenuitemactive td, .g0rootmenuitembreadcrumb td, .g0rootmenuitemsel td, .g0menuitemsel td
{
	color: #FFFF99;
}

.g0submenuitemactive td
{
	color: white!important;
	background-color: #263F84; /* blauwgrijs */
}

/* Algemene stijlen */



p, td, div, ul, li, ol, a, a:link, a:visited,
.Normal, .NormalBold, .NormalRed
{
    color: #333333; 
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal; 
	text-align: justify; 
	line-height: 170%;
}

.rightpane .rightpane p, .rightpane td, .rightpane div, .rightpane .Normal,
.leftpane .leftpane p, .leftpane td, .leftpane div, .leftpane .Normal
{
	text-align: left; 
}


td font, p font, span font, div font
{
	font-size: 11px!important;
    color: #333333!important; 
	font-family: Verdana!important;
}

.NormalBold
{
	font-weight: bold; 
}

.NormalRed
{
    color: red; 
}


h1, h2, h3, h4, h5, h6, .SubHead 
{
	font-family: Verdana, Arial, Hevetica, Sans-Serif;  
	color: #FB2E5F; 
	line-height: 150%;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
}

h1 {font-size: 18px; }
h2 {font-size: 14px; }
h3 {font-size: 12px; }
h4, h5, h6 {font-size: 11px;}

.contentrow a, .contentrow a:link, .contentrow a:visited, .contentrow a:active 
{
	color: #FB2E5F;
}
.contentrow a:hover
{
	color: #FB2E5F;
	text-decoration: underline;
}

A 
{
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
    font-weight: normal;
}

A:link, A:visited, A:active, A:hover
{
    text-decoration: none;
    color: #06226F;
    font-weight: normal;   
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  12px;
}

ul li 
{
    list-style-type: disc;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, Tahoma, sans-serif;
}


.g0submenuitemactive td,
.g0submenu .g0submenuitemsel
{
	color: white;
	background-color: #263F84;
}

div.DNN_ANN_Description
{
    padding-bottom: 15px;
}


/*  correcties*/
.menurow {
    padding: 0;
    margin: 0;
    height: 20px;
}
ul.topLevel {
    margin: 0;
} 
.topLevel li {
    width: auto;
    position: relative;
    list-style: none;
    padding: 0 10px;
    white-space: nowrap;
    height: 25px;
}
.topLevel li.menuItem {
    float: left;
}
.topLevel li.menuItem a {
    color: #fff;;
}
.topLevel li.menuItem.dropdown ul {
    padding-top: 5px;
    display: none;
    float: unset;
    position: absolute;
    top: 20px;
    left: -15px;
    z-index: 2;
}
.topLevel li.menuItem.dropdown:hover ul {
    display: block;
}
.topLevel ul.dropdown-menu.subLevel {
    background-color: #263F84;
}

.topLevel li.menuItem a {
	color: #fff;
	border-right: solid 1px #fff;
	padding-right: 20px;
	font-weight: bold;
}

.topLevel li.menuItem:last-child a, 
.topLevel .subLevel li a  {
	color: #fff;
	border-right: solid 0px #fff;
	padding-right: 0px;
	font-weight: bold;
}