.BCSSkin{}

/*
kleuren BCS:
lichtblauw: #95B6DF
donkerblauw: #0068B3
*/

body
{
	background: #a4bedf url(images/bcs-bg.gif) repeat-x scroll 0 0;
	height: 100%;	
}
.main
{
    padding: 0 0 0px 0; margin: 0px; border: solid 0px red;
    width: 100%;
    height: 97%;
	text-align: center;
	border-bottom: solid 20px #a4bedf;
}

.pagemaster {
    padding: 0px; margin: 0px; border: solid 0px #514E45;
	height: 100%;	
	width: 980px;
	background: #ffffff url(images/300logo.jpg) no-repeat scroll 0 0;
    border-left: solid 0px #514E45;
    border-right: solid 0px #514E45;
}
.tablewrapper
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;	
}

#inside .pagemaster, #adminskin .pagemaster {
	background: #ffffff url(images/200logo-inside.jpg) no-repeat scroll 0 0;
}
#homeTop .pagemaster {
	background: #ffffff url(images/300-logo-back.jpg) no-repeat scroll 0 0;
}


.headertop
{
    vertical-align: top;
    padding: 0px; margin: 0 0 0px 0; border: solid 0px red;
    height: 265px;
}
.headerpane
{
    position: relative;
    padding: 0 0px 0 0px; 
    margin: 0px; border: solid 0px red;
    border-bottom: solid 0px #514E45;
    width: 100%;
    height: 325px;
}

#inside .headertop, #adminskin .headertop
{
    height: 170px;
}

#inside .headerpane, #adminskin .headerpane
{
    height: 230px;
}

.logopane
{
    float: left;
    padding: 0px; margin: 0px; border: solid 0px red;
    width: 200px;
    height: 210px;
}
/* deze row gaat over de volledige breedte maar neemt geen ruimte (height) in */
.loginrow
{
    padding: 0px; border: solid 0px red;
    margin: 0 40px 0 0;
}
.loginpane
{
    padding: 0px; margin: 0px; border: solid 0px red;
    float: right;
    width: 400px;
}
.loginwrapper
{
    margin: 0px; border: solid 0px red;
    padding: 6px 0px 2px 0px;
    background-color: #ffffff;
    text-align: center;
}

/* deze twee deling voor de marge is nodig voor goed gedrag in ff en ie */
div.headercontentwrapper
{
    margin: 0px 20px 0px 0px;
}
.headercontentpane
{
    margin: 40px 0px 0px 0px;
    width: 440px;
    float: right;
}
.teaser
{
    padding: 60px 20px 0 0; 
    margin: 0px; border: solid 0px red;
    width: 600px;
    float: right;
    height: 50px;
}

.menupane
{
    margin: 0px 0px 0px 0px;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.menurow
{
	background-color: #0068B3;
	height: 30px;
}
.menuwrapper
{
    float: left;
	width: 700px;
}

.searchpane
{
    float: right;
    width: 250px;
    background-color: #0068B3;
	padding: 5px 20px 6px 0px;     
    text-align: right;
}



.loginpane, .loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover,
.searchpane, .searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover,
.footerpane, .footerpane a, .footerpane a:link, .footerpane a:visited, .footerpane a:hover
{
    color: #666666;
    font-style: normal;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.loginpane a:hover, .searchpane a:hover, .footerpane a:hover
{
    color: #333333;
}
.searchpane, .searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.05em;
}


.footerpane
{
    padding: 0 0 2px 20px; 
    margin: 0px; border: solid 0px red;
    text-align: right;
    background-color: #ffffff;
    height: 40px;
    text-align: left;
    border-top: dotted 0px #0068B3;
   	background: #ffffff url(images/BCS-stippellijn-04.gif) no-repeat scroll 0 0;
}

.contentrow 
{
    padding: 0px 0 0px 0px; margin: 0; border: solid 0px red;
    border-top: solid 20px #ffffff;
    border-bottom: solid 20px #ffffff;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
   	background: #ffffff url(images/bg-content2.gif) repeat-y scroll 0 0;
}

#adminskin .contentrow 
{
   	background-color: #ffffff;
   	background-image: none;
}

.mainwide .contentrow 
{
   	background: #ffffff url(images/bg-content4.gif) repeat-y scroll 0 0;
}

.mainwideright .contentrow 
{
   	background: #ffffff url(images/bg-content5.gif) repeat-y scroll 0 0;
}

.leftcolumnpane, .rightcolumnpane, .centerpane, adminpane
{
    margin: 0px; padding: 0px 0 0px 0; border: solid 0px red;
    width: 240px;
    vertical-align: top;
    border-left: dotted 0px #ffffff;
    border-right: dotted 0px #ffffff;
}
.rightcolumnpane
{
    width: 310px;
}
.centerpane
{
    width: 430px;
    border-left: dotted 0px #0068B3;
    border-right: dotted 0px #0068B3;
}
.mainwide .centerpane
{
    width: 740px;
}
.mainwideright .centerpane
{
    width: 670px;
}

.adminpane
{
    border-left: dotted 0px #0068B3;
    width: 960px;
}

.secondmenu
{
	margin: 0px; 
	padding: 20px 0 0 20px;
	border: solid 0px #ffffff;
}

.headerpane .SkinObject
{
    padding: 5px 0 0 5px;
    letter-spacing: 0.05em;
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.DummyClass {}

h1, h2, h3
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: capitalize;
    line-height: 150%;
    color: #0068B3;
    text-align: left;
}
h1
{
    font-weight: normal;
    font-size: 40px;
    text-transform: none;
}
h3
{
    font-size: 11px;
    text-transform: none;
}


.SubHead, .SubSubHead
{
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 160%;
    color: #0068B3;
    letter-spacing: 0.05em;
}

.StandardButton
{
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    background-color: #0068B3;
    color: #ffffff;
}

.Normal, p, a, a:link, a:visited, a:hover, a:active
{
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #333333;
    letter-spacing: 0.05em;
}

p
{
    margin: 0px;
    padding: 0px 0 10px 0;
}

a, a:link, a:visited, a:hover, a:active
{
    color: #666666;
    text-decoration: underline;
}
b, strong
{
    color: #0068B3;
}

UL LI
{
    list-style-type: disc;
}

UL LI LI
{
    list-style-type: circle;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

/* print skin styles*/
.print
{
    background-color: #ffffff;
    background-image: none;
    height: 100%;
}

.topprintpane
{
    height: 150px;
    text-align: center;
}
.topprintpane img
{
    vertical-align: middle;
}
.printpane
{
    padding: 0 20px 0 0px;
}
.print .footerpane
{
    background-color: #ffffff;
    background-image: none;
}

/* sitemap */
.RootNode { _padding-top: 15px; } 
.RootNode a { font-weight: bold; } 
.RootNode a:hover { font-weight: bold; } 
.LeafNode a{ font-weight: normal; } 
.LeafNode a:hover { font-weight: normal; color: #666666; } 

/* solpart */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
.MainMenu_MenuBreak, .MainMenu_MenuBreak td
{
    color: #ffffff;
    background-color: #0068B3;
    border: solid 0px #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.g0menucontainer
{	
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	border: solid 0px #ffffff;
	padding-top: 0px;
}

.g0submenu 
{
	padding: 0px;
	border: solid 1px #A4BEDF;
	background-color: #ffffff;
	margin: 1px 0 0 1px;
}

.g0menubar
{
	cursor: pointer; 
	cursor: hand; 
}

/* propagate to submenu items */
.g0menuitem, .g0menuitemsel
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	border: 0px solid gray;
	padding: 0 10px 0 10px; 
	text-transform: none;
	height: 25px;
	letter-spacing: 0.05em;
	color: #333333;
}

/* rootmenu */
.g0rootmenuitem TD, .g0rootmenuitemactive TD, .g0rootmenuitemsel TD, .g0rootmenuitembreadcrumb TD
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	border: 0px solid gray; 
	padding: 5px 10px 5px 10px; 
	text-transform: none;
	letter-spacing: 0.05em;
	color: #ffffff;
}
 .g0rootmenuitemactive TD, .g0rootmenuitemsel TD, .g0rootmenuitembreadcrumb TD
{
	color: #000000;
}

.secondmenu .g0menucontainer
{	
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	border: solid 0px #ffffff;
	padding-top: 0px;
    height: auto;
}

.secondmenu .g0rootmenuitem TD
{
	padding: 0px; 
	color: #666666;
	height: 30px;
}
.secondmenu .g0rootmenuitemsel TD
{
	padding: 0px; 
	color: #333333;
	height: 30px;
}

.secondmenu .g0rootmenuitemactive TD, .secondmenu .g0rootmenuitembreadcrumb TD
{
	padding: 0px; 
	color: #333333;
	font-weight: bold;
	height: 30px;
} 


/* submenu items */
.g0submenuitemsel, .g0submenuitemactive, .g0submenuitembreadcrumb
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	cursor: pointer;
	cursor: hand; 
	margin: 0px;
	border: 0px solid gray; 
	filter: none; 
	padding: 0 10px 0 10px;
	height: 25px;
	background-color: #0060A9;
	letter-spacing: 0.05em;
	color: #ffffff; 	
}


/* nifty second version */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}



