/* 
Copyright skin: Cestus Websites 2005. 
Created by Peter Schotman, contact information: www.cestuswebsites.com

*/

/* Skin */
.Pantarijn_skin {}

html 
{
	height: 100%;
}

body
{
	margin-top: 1px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}

#std
{
	width: 936px;  
	margin-left: 36px;
/*	margin-right: auto;
*/	height: 100%;
	text-align: left;
}

.user, .footer
{
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}

.footer 
{
	color: #363636;
	text-align: center;
}

.bgtable
{
	width: 936px;  
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	border-right: solid 0px #90C500;
	color: red; /* blauw */
	background-color: #ffffff; 
	height: 100%;
}

.logorow
{
	background-color: #ffffff;
}
	
.logo
{
	height: 80px;
	text-align: left;
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	border-right: solid 72px #ffffff;
	}

.linkrow
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background-color: #90C500;
	height: 26px;
	vertical-align: middle;
	border-right: solid 72px #90C500;
}
.linkspane 
{
	margin: 0px; border: solid 0px #ffffff;
	vertical-align: middle;
	text-align: left;
	padding: 0px 0 0px 36px;
	_padding: 0px 0 0px 30px;
	color: #000000;
	text-transform: capitalize;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	border-left: solid 0px #ffffff;
	
}

.menurow 
{
	vertical-align: middle;
}
.searchpane
{
	padding: 0 2px 0 0px;
	text-align: right;
	width: 200px;
}

.menupane 
{
	padding: 0px;
	background-color: #ffffff;
	height: 30px;
	border-top: solid 0px #ffffff;
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-right: solid 72px #90C500;
	}
.menupane2 
{
	padding: 0 0 0 30px;
	_padding: 0 0 0 20px;
	background-color: #BCBDC0;
	height: 25px;
	border-top: solid 0px #ffffff;
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-left: solid 0px #ffffff;
	border-right: solid 72px #90C500;
}

.menuDiv 
{
	vertical-align: middle;
	padding: 0px 0 0 0px;
	height: 25px;
}

.contentrow 
{
	vertical-align: top;
}

.contenttable 
{
	width: 100%;
}

.leftcolumnpane
{
	width: 155px;
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background-color: #00276F;
	padding: 30px 10px 0px 15px;
	border-right: solid 15px #ffffff;
}
/* eventueel ook mee veranderen
.leftcolumnpane
{	
	background-color: #054cae;
}
*/
.contentPanes
{
	margin: 0px 0px 0px 0px; padding: 30px 0 0 0; border: solid 0px #ffffff;
	background-color: #ffffff;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
}
.contentpanestable
{
	border-right: solid 1px #000000;
	height: 100%;
}

/* */
.paneTop 
{
	vertical-align: top;
	width: 100%;
	padding: 0 5px 0 5px;
}
/* */
.paneBottom
{
	vertical-align: top;
	width: 100%;
	padding: 0 5px 0 5px;
}
/* */
.paneContent 
{
	vertical-align: top;
/*	width: 476px; */
	padding: 0 10px 0 0px;
}
/* */
.paneRight 
{
	vertical-align: top;
	width: 165px;
	padding: 30px 0px 0 15px;
	border-right: solid 0px #90C500;	
}
.paneRightColumn
{
	vertical-align: top;
	width: 1px;
	padding: 0px;
	border-right: solid 72px #90C500;	
}

.breadcrumbpane
{
	background-color: #ffffff;
	height: 40px;
	padding: 0 0 0 0px;
	color: #363636;
	text-align: center;
	width: 220px;
}
.bottompane
{
	border-left: solid 0px #000000;
}

.SkinObject {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: transparent;
}


/* Main Menu */
.MainMenu_MenuArrow, .MainMenu_MenuIcon, .MainMenu_RootMenuArrow { display: none; }

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

/* onduidelijk wat deze stijl doet */
.SecondMenuIcon 
{
	width: 20px;
}

.menupane .g0rootmenuitem img, .menupane .g0rootmenuitem img, .menupane .g0rootmenuitemactive img, .menupane .g0rootmenuitemsel img, .menupane .g0rootmenuitembreadcrumb img
{
	padding: 0px 5px 0 0px;
	margin: 0 0 -4px 0;
	height: 25px;
	width: 25px;
}

.g0menucontainer
{	
	background-color: Transparent;
	border-top: solid 0px #BCAEC2;
	border-bottom: solid 0px #BCAEC2; 
	padding-top: 0px;
}

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

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

/* propagate to submenu items */
.g0menuitem, .g0menuitemsel
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
	border: 0px solid gray; 
	padding-left: 5px;
	padding-right: 5px;
	text-transform: none;
	height: 20px;
}

/* rootmenu */
.g0rootmenuitem, .g0rootmenuitemactive, .g0rootmenuitemsel, .g0rootmenuitembreadcrumb
{
	font-family: Arial, Hevetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	border: 0px solid gray; 
	text-transform: uppercase;
	height: 40px;
	vertical-align: middle;
}

.g0rootmenuitem td, .g0rootmenuitemactive td, .g0rootmenuitemsel td, .g0rootmenuitembreadcrumb td
{
	font-family: Arial, Hevetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;

    padding-left: 0px;
	padding-right: 0px;
}


.g0rootmenuitem
{
	color: #000000;
}
.g0rootmenuitemactive, .g0rootmenuitembreadcrumb
{
	color: #7f7f7f;
	background-color: Transparent;
}
.g0rootmenuitemsel
{
	color: #7f7f7f;
	background-color: Transparent;
}

/* submenu items */
.g0submenuitemsel, .g0submenuitemactive, .g0submenuitembreadcrumb
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	cursor: hand; 
	margin: 0px;
	border: 0px solid gray; 
	filter: none; 
	padding: 0 5px 0 5px;
	height: 20px;
	background-color: #f5f5f5; 

	text-transform: none;	
}

.g0submenuitemactive, .g0submenuitembreadcrumb
{
	color: #7f7f7f;
	background-color: #f5f5f5; 	
}

.g0submenuitemsel
{
	color: #7f7f7f;
	background-color: #f5f5f5; 	
}

/* tweede menu */
.menupane2 .g0rootmenuitem, .menupane2 .g0rootmenuitemsel, .menupane2 .g0rootmenuitemactive, .menupane2 .g0rootmenuitembreadcrumb
{
	font-family: Arial, Hevetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	text-transform: none;
	height: 20px;
}
.menupane2 .g0rootmenuitem td, .menupane2 .g0rootmenuitemsel td, .menupane2 .g0rootmenuitemactive td, .menupane2 .g0rootmenuitembreadcrumb td
{
	font-family: Arial, Hevetica, Sans-Serif;
	font-size: 13px;
}

.menupane2 .g0rootmenuitemactive, .menupane2 .g0rootmenuitembreadcrumb
{
	color: #ffffff;
	background-color: Transparent;
}

.menupane2 .g0rootmenuitemsel
{
	color: #ffffff;
	background-color: Transparent;
}
.bullit 
{
	font-size: 14px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	padding: 0 5px 0 5px;
}
/* om te voorkomen dat de icons getoond worden*/
.menupane2 .g0rootmenuitem img 
{
	display: none;
}



/* Algemene stijlen */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Hevetica, Sans-Serif;  
	color: #000000; 
	line-height: 150%;
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
	margin: 0px; padding: 0px;
}

h1 {font-size: 19px; }
h2 {font-size: 16px; 
	font-weight: bold; }
h3 {font-size: 13px; 
	font-weight: bold; }
h4 {font-size: 13px; }
h5, h6 {font-size: 12px; }

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

.searchpane a, .linkspane a
{
    font-family: verdana, Arial, Hevetica, Sans-Serif;
    font-size:  13px;
}
.linkspane a:link, .linkspane
{
    color: #000000; /* #d3d3d3; */
}
.searchpane a:hover, .linkspane a:hover
{
    text-decoration: none;
    color: #ffffff;
}

A:link  {
    text-decoration: none;
    color: #000000;  
}

A:visited   {
    text-decoration: none;
    color: #000000;
}

A:active    {
    text-decoration: none;
    color: #000000;
}

A:hover {
    text-decoration: underline;
    color: #000000;
}

.logintokens a, .logintokens a:active, .logintokens a:link, .logintokens a:hover, .logintokens a:visited
{
	color: #ffffff;
	text-align: right;
}

.breadcrumbpane a, .breadcrumbpane a:link, .breadcrumbpane a:hover, .breadcrumbpane a:visited, .breadcrumbpane TD, .breadcrumbpane p
{
	color: #363636;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  12px;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: 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: Tahoma, sans-serif;
}


.NormalBold
{
	font-weight: bold; 
}

.NormalRed
{
    color: red; 
}


/* homepage */
#bg
{
    width: 100%;
	text-align: center;
}
.background {
	margin: 0px auto; 
	border: 0px solid #ffffff;
	background: #ffffff url('images/logo-home.gif') no-repeat top center;
	text-align: left;
	vertical-align: top;
	width: 990px;
	height: auto;
	margin-right:auto; margin-left:auto; padding-left:0px; padding-right:0; padding-top:135px; padding-bottom:0
}
.maintable
{
	margin: 0px; padding: 0px 0 0 0px; border: solid 0px #ffffff;
	text-align: left;
	border-collapse: collapse;
	height: 450px;
}

.maintable .user, .maintable a, .maintable a:link, .maintable a:visited, .maintable a:hover, .maintable a:active
{
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: Transparent;
} 
.maintable a:hover
{
	color: #ffffff;
}
.row1, row2, .row3 
{
/*	height: 151px; */
}
 .spacerrow
 {
    height: 10px;
    font-size: 1px;
 }
.r11, .r12, .r13, .r14, .r15, .r16, .r17, .r21, .r22, .r23, .r24, 
.r25, .r26, .r27, .r31, .r32, .r33, .r34, .r35, .r36, .r37
{
	width: 130px;
	height: 136px;
	border-top: solid 0px #ffffff;
	border-bottom: solid 0px #ffffff;
	border-left: solid 10px #ffffff;
	border-right: solid 0px #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-transform: uppercase;	
}
.divwrapper
{
	padding: 0px;
	margin: 0px;
	border: solid 0px #ffffff;
	overflow:hidden;
	width: 130px;
	height: 136px;
}

.r11
{
	background-color: #0076c0;
}
.r12
{
	background-color: #ffffff;
	vertical-align: top;
}
.r13
{
	background-color: #054cae;
}
.r14
{
	background-color: #593da6;
}
.r15
{
	background-color: #01A0C6;
}
.r16
{
	background-color: #2687fa;
}
.r17
{
	background-color: #ffffff;
	vertical-align: top;
}
.r21
{
	background-color: #A9F000;
}
.r22
{
	background-color: #00CC33;
}
.r23
{
	background-color: #90C500;
}
.r24
{
	background-color: #009933;
}
.r25
{
	background-color: #ffffff;
	vertical-align: top;
}
.r26
{
	background-color: #dfe700;
}
.r27
{
	background-color: #57ab27;
}
.r31
{
	background-color: #ffffff;
	vertical-align: top;
}
.r32
{
	background-color: #ff4e00;
}
.r33
{
	background-color: #C5110A;
}
.r34
{
	background-color: #FF8F00;
}
.r35
{
	background-color: #c60d6e;
}
.r36
{
	background-color: #fc1409;
}
.r37
{
	background-color: #E60A3A;
}

/* ie6 corecties niet meer nodig vanwege wrapper
.r12 img, .r17 img, .r25 img, .r31 img
{
	background-color: #ffffff;
	height: 136px;
}
*/

/* kleurvarianten */

#std, #greyblue, #green, #heavenblue, #purple, #darkblue, #brownred, #orange
{
	width: 936px;  
	margin-left: 36px;
	height: 100%;
	text-align: left;
}

#std .linkrow
{
	background-color: #90C500;
	border-right: solid 72px #90C500;
}

#std .menupane 
{
	border-right: solid 72px #90C500;
}
#std .menupane2 
{
	border-right: solid 72px #90C500;
}

#std .paneRightColumn
{
	border-right: solid 72px #90C500;	
}


#greyblue .linkrow
{
	background-color: #0076c0;
	border-right: solid 72px #0076c0;
}

#greyblue .menupane 
{
	border-right: solid 72px #0076c0;
}
#greyblue .menupane2 
{
	border-right: solid 72px #0076c0;
}

#greyblue .paneRightColumn
{
	border-right: solid 72px #0076c0;	
}


#green .linkrow
{
	background-color: #90C500;
	border-right: solid 72px #90C500;
}

#green .menupane 
{
	border-right: solid 72px #90C500;
}
#green .menupane2 
{
	border-right: solid 72px #90C500;
}

#green .paneRightColumn
{
	border-right: solid 72px #90C500;	
}


#heavenblue .linkrow
{
	background-color: #01A0C6;
	border-right: solid 72px #01A0C6;
}

#heavenblue .menupane 
{
	border-right: solid 72px #01A0C6;
}
#heavenblue .menupane2 
{
	border-right: solid 72px #01A0C6;
}

#heavenblue .paneRightColumn
{
	border-right: solid 72px #01A0C6;	
}


#purple .linkrow
{
	background-color: #593DA6;
	border-right: solid 72px #593DA6;
}

#purple .menupane 
{
	border-right: solid 72px #593DA6;
}
#purple .menupane2 
{
	border-right: solid 72px #593DA6;
}

#purple .paneRightColumn
{
	border-right: solid 72px #593DA6;	
}


#darkblue .linkrow
{
	background-color: #054cae;
	border-right: solid 72px #054cae;
}

#darkblue .menupane 
{
	border-right: solid 72px #054cae;
}
#darkblue .menupane2 
{
	border-right: solid 72px #054cae;
}

#darkblue .paneRightColumn
{
	border-right: solid 72px #054cae;	
}

#brownred .linkrow
{
	background-color: #C5110A;
	border-right: solid 72px #C5110A;
}

#brownred .menupane 
{
	border-right: solid 72px #C5110A;
}
#brownred .menupane2 
{
	border-right: solid 72px #C5110A;
}

#brownred .paneRightColumn
{
	border-right: solid 72px #C5110A;	
}


#orange .linkrow
{
	background-color: #FF8F00;
	border-right: solid 72px #FF8F00;
}

#orange .menupane 
{
	border-right: solid 72px #FF8F00;
}
#orange .menupane2 
{
	border-right: solid 72px #FF8F00;
}

#orange .paneRightColumn
{
	border-right: solid 72px #FF8F00;	
}