﻿*
{padding:0px;margin:0px;font-family:Arial, Tahoma, Verdana;font-size:12px;}
html{height:100%;}
a {border:0px;}
img {border:0px;border-color:#FFFFFF;border-style: solid}


a:link 
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #0B26A8;
	text-decoration:    none;
}

a:hover 
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #8B8D5F;
	text-decoration:    none;
}

a:active 
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #0B26A8;
	text-decoration:    none;
}

a:visited
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #0B26A8;
	text-decoration:    none;
}



/* Font and colors for breadcrumb */


.Breadcrumb
{
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              13px;
    font-weight:            normal;
	line-height:       		150%;
	color:                  #0B26A8;  
}



.Breadcrumb a:link a:active a:visited 
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #0B26A8;
	text-decoration:    none;
}


.Breadcrumb a:hover
{
    font-family:        Tahoma, Arial, Verdana, Helvetica;
    font-size:          13px;
    font-weight:        normal;
	line-height:       	130%;
	color:              #8B8D5F;
	text-decoration:    none;
}


/* Font and colors for standard skinobjects */


.SkinObject {
    font-weight:            normal;
    font-size:              10px;
    color:                  #B5B7BB;
    font-family:            verdana, Arial, Helvetica;
    text-decoration:        none;
}

A.SkinObject:link {   font-weight:            normal;
    font-size:              10px;
    text-decoration:        none;
    color:                  #B5B7BB;
    font-weight:            normal;
}

A.SkinObject:visited  {
  font-weight:              normal;
    font-size:              10px;
    text-decoration:        none;
    color:                  #B5B7BB;
    font-weight:            normal;
}

A.SkinObject:active   {
    font-weight:            normal;
    font-size:              10px;
    text-decoration:        none;
    color:                  #B5B7BB;
    font-weight:            normal;
}

A.SkinObject:hover    {
    font-weight:            normal;
    font-size:              10px;
    text-decoration:        none;
    color:                  #666666;
    font-weight:            normal;
}



/* style for module titles */

.Head   {
    font-family:            tahoma, Arial, Helvetica;
    font-size:              14px;
    font-weight:            normal;
	color: 			    	#013888;	
}


/* style of item titles on edit and admin pages */

.SubHead    {
    font-family:            Arial, Helvetica;
    font-size:              12px;
    font-weight:            bold;
	color: 			    	#013888;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */

.SubSubHead {
    font-family:            Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
	color: 			    	#013888;
}



/* Raamwerk		Bodystijl. Ter grootte van het scherm. */

body{    
    margin-top: 		0px;
    margin-bottom: 	    0px; 
	margin-left: 		0px; 
	margin-right: 		0px;

	background-color:	#9EA2A7;
}



/* Raamwerk		Tabelstijl sub. Vlak onder f2. Vult in lengte 100% uit. Achtergrondafbeelding van website aangeven. */

.f1 {
	width: 				960px;
	height:             100%;
	
	margin:             auto;

	background-color:	transparent;
}



/* Raamwerk		Tabelstijl 2. Vlak van de website. Geef breedte van site aan. */

.f2 {
	width: 				960px;
	height:             100%;

	background-color:	#CCCED1;
}



/* Rij 1  Top */


.a1 {
	width: 				960px;
	height: 			40px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
	
	padding:            0px;
	
	text-align:         right;
		
	background-color: 	transparent;
	background-image:   url("slices_0001/mega_0001_r1_c3.jpg");
	background-repeat:  no-repeat;
}


.container_a1 {
	width: 				750px;
	height: 			40px;
	
	margin-top: 		0px;
	margin-left: 		210px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color:	transparent;
	text-align:         right;
}


.slogan{
	width: 				584px;
	height: 			26px;	
}


.login{
	width: 				30px;
	height: 			26px;
}


.spacer{
	width: 				16px;
	height: 			26px;
}


.taal{
	width: 				120px;
	height: 			26px;
}





/* Rij 2  Top banner  */


.a2 {
	width: 				960px;
	height: 			244px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
	background-image:   url("slices_0001/mega_0001_r2_c3.jpg");
	background-repeat:  no-repeat;
}


.sub_a2a {
	width: 				650px;
	height: 			244px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
}


.containter_sub_a2b {
	width: 				190px;
	height: 			144px;
	
	margin-top: 		70px;
	margin-left: 		60px;
	margin-right: 		40px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
}



.sub_a2b {
	width: 				310px;
	height: 			244px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
}




/* Rij 3  Menu  */


.a3 {
	width: 				960px;
	height: 			38px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
	background-image:   url("slices_0001/mega_0001_r3_c3.jpg");
	background-repeat:  no-repeat;
}


.menuimg
{
    background-color: 	transparent;
	background-image:   url("slices_0001/divider.png");
	background-repeat:  no-repeat;}




/* Rij 4  Newspane, contentpane  */


.a4 {
	width: 				310px;
	height: 			100%;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0001_r4_c3.jpg");
	background-repeat:  no-repeat;
}


.container_a4 {
	width: 				175px;
	height: 			90%;
	
	margin-top: 		70px;
	margin-left: 		72px;
	margin-right: 		63px;
	margin-bottom: 	    0px;
		
	background-color:	transparent;
}


.c4 {
	width: 				650px;
	height: 			100%;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0001_r4_c4.jpg");
	background-repeat:  no-repeat;
}


.container_c4 {
	width: 				480px;
	height: 			100%;
	
	margin-top: 		64px;
	margin-left: 		70px;
	margin-right: 		100px;
	margin-bottom: 	    0px;
		
	background-color:	transparent;
}


.long_c4 {
	width: 				650px;
	height: 			721px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0003_r4_c4.jpg");
	background-repeat:  no-repeat;
}


.container_long_c4 {
	width: 				480px;
	height: 			585px;
	
	margin-top: 		64px;
	margin-left: 		70px;
	margin-right: 		100px;
	margin-bottom: 	    0px;
		
	background-color:	transparent;
}


.wide_c4 {
	width: 				960px;
	height: 			74px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0002_r4_c3.jpg");
	background-repeat:  no-repeat;
}


.wide_c5 {
	width: 				960px;
	height: 			100%;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0002_r6_c3.jpg");
	background-repeat:  repeat-y;
}


.container_wide_c5 {
	width: 				760px;
	height: 			100%;
	
	margin-top: 		0px;
	margin-left: 		90px;
	margin-right: 		110px;
	margin-bottom: 	    0px;
		
	background-color:	transparent;
}


.wide_c6 {
	width: 				960px;
	height: 			130px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	#CCCED1;
	background-image:   url("slices_0001/mega_0002_r9_c3.jpg");
	background-repeat:  no-repeat;
}



/* Rij 5  Bottom  */


.a5 {
	width: 				960px;
	height: 			93px;
	
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 	    0px;
		
	background-color: 	transparent;
	background-image:   url("slices_0001/mega_0001_r7_c3.jpg");
	background-repeat:  no-repeat;
}


.container_a5 {
	width: 				860px;
	height: 			50px;
	
	margin-top: 		20px;
	margin-left: 		65px;
	margin-right: 		35px;
	margin-bottom: 	    10px;
		
	background-color:	transparent;
}



/*************************************************************************************/
/*Extrastijl menu*/
/*************************************************************************************/

.MainMenu_MenuContainer { 
	width:				914px;
	height:				37px;

	padding-bottom:     0px;
	margin-bottom:      0px;
	margin-left:        26px;	
	margin-right:       4px;
		
	background-color:   transparent;
 
}

.MainMenu_MenuBar {
}

.MainMenu_MenuIcon {
	display:			none; 
}

.MainMenu_MenuArrow {
	display:			none; 
}

.MainMenu_RootMenuArrow { 
	display:			none;
	padding-left:		0px;
	padding-right:      0px;
	padding-bottom:     0px;	
	padding-top:        0px; 
	
	margin-left:        0px;
	
	background-color: 	transparent;
	width:              0px;      
	height:				0px; 
}

.MainMenu_MenuBreak { 
	display:			none; 
}


.rootmenuitem TD {    
	height:				37px;

	padding-left:		0px;
	padding-right:      0px;
	padding-bottom:     0px;	
	padding-top:        0px; 
	
	margin-left:        0px;
	
	cursor:             hand;
	
	background-color: 	transparent;
	
	font-family:		Arial, Tahoma, Verdana;	
	font-size:          14px;
	color: 				#171C20;
	font-weight:        normal;
}

.rootmenuitemselected TD { 
	height:				35px;

	padding-left:		0px;
	padding-right:      0px;
	padding-bottom:     0px;
	padding-top:        0px; 
	
	margin-left:        0px;
	
	cursor:             hand;
	
	background-color:	transparent;
	background-image:   url("slices_0001/bsni_0001_r7_c5.jpg");
	background-repeat:  repeat-x;
	
	font-family:		Arial, Tahoma, Verdana;	
	font-size:          14px;
	color: 				#013888;
	font-weight:        normal;
}

.rootmenuitembreadcrumb TD { 
	height:				35px;

	padding-left:		0px;
	padding-right:      0px;
	padding-bottom:     0px;
	padding-top:        0px;
	
	margin-left:        0px; 
	
	cursor:             hand;
	
	background-color:	transparent;
	background-image:   url("slices_0001/bsni_0001_r7_c5.jpg");
	background-repeat:  repeat-x;
	
	font-family:		Arial, Tahoma, Verdana;		
	font-size:          14px;
	color: 				#013888;
	font-weight:        normal;
}

.submenu{
	padding-left:		0px; 
	
	margin-top:			0px; 
	margin-left:		6px;
	
	background-color:	#FFFFFF;
}

.MainMenu_MenuItem {
	padding-left:		6px;
	padding-right:      30px;
	padding-bottom:     4px;
	padding-top:        3px; 
	
	margin-bottom:      5px;
	
	border:				0px #CE0067 solid; 
	border-width:		0px 0px;

	width:              130px;
	height:				29px;

	cursor:             hand;	

	font-family:		Tahoma, Arial, Verdana;		
	color:				#171C20; 
	font:				arial;
	font-size:			12px;	
	font-weight:		normal;
}

.submenuitembreadcrumb {
	padding-left:		6px;
	padding-right:      30px;
	padding-bottom:     4px;
	padding-top:        7px;
	
	margin-bottom:      5px; 
	
	vertical-align:     top;               
	
	width:              130px;
	height:				29px;
 	
 	cursor:             hand;	
 
	background-color:	#E1E2E3;
	border:				0px #E3E2CE solid; 
	
	font-family:		Tahoma, Arial, Verdana;	
	color:				#013888;
	font-size:			12px;	
	font-weight:		normal;
}

.submenuitemselected {
	padding-left:		6px;
	padding-right:      30px;
	padding-bottom:     4px;
	padding-top:        7px;
	
	margin-bottom:      5px; 

	vertical-align:     top; 

	width:              130px;
	height:				29px;
	
	cursor:             hand;	
	
	background-color:	#E1E2E3;
	border:				0px #E3E2CE solid; 

	font-family:		Tahoma, Arial, Verdana;		
	color:				#013888;
	font-size:			12px;	
	font-weight:		normal;
}




 /* Extra tekststijlen Transboot */


.transboottekst {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              13px;
    font-weight:            normal;
	line-height:       		150%;
	color:                  #171C20; 
}

.transbootkop {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              18px;
    font-weight:            normal;
	line-height:       		130%;
	color:                  #171C20;
	}


.transbootslogan {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              14px;
    font-weight:            normal;
	line-height:       		130%;
	font-style:             italic;
	color:                  #FFFFFF;
	}


.transbootsubtop1_transboot {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              18px;
    font-weight:            normal;
	line-height:       		130%;
	font-style:             normal;
	color:                  #DC342D;
	}
	
.transbootsubtop1_aratainer {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              18px;
    font-weight:            normal;
	line-height:       		130%;
	font-style:             normal;
	color:                  #0078BC;
	}
	
.transbootsubtop1_megabarging {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              18px;
    font-weight:            normal;
	line-height:       		130%;
	font-style:             normal;
	color:                  #013888;
	}
	
.transbootsubtop1_maaswaal {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              18px;
    font-weight:            normal;
	line-height:       		130%;
	font-style:             normal;
	color:                  #0078BC;
	}
	
	
.transbootsubtop2 {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              15px;
    font-weight:            bold;
	line-height:       		130%;
	font-style:             normal;
	color:                  #81868D;
	}

	
.transbootmember {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              12px;
    font-weight:            bold;
	line-height:       		130%;
	color:                  #283138;
	}	
	

.transbootmembersub {
    font-family:            Tahoma, Arial, Verdana, Helvetica;
    font-size:              12px;
    font-weight:            bold;
	line-height:       		130%;
	color:                  #7B8188;
	}	
