/* Gebruikte kleuren:
   Kleur (1=donker 2=lichter etc...)
   =================================
   // ToDo: vul hieronder de gebruikte kleuren in...
   Wit     : #FFFFFF;
   Zwart   : #000000;
   Grijs 1 : #666666;
   Grijs 2 : #E5E6E5;
   Grijs 3 : #EFEFEF;
   Roze  1 : #580034;
   Roze  2 : #E02A78;
   Roze  3 : #FD56C8;
   Blauw 1 : #0E3A52;
   Blauw 2 : #0085A2;
   Blauw 3 : #18D4FD;
   Groen 1 : #006B1E;
   Groen 2 : #3E8D10;
   Groen 3 : #88B500;
   Groen 4 : #C0FE03;
*/

/* ---- Start HTML tags ---- */
body {
   text-align  : center; 
   font-family : Verdana, helvetica, sans-serif;
   font-size   : 70%;
   line-height : 140%;
   color       : #666666;
   background  : url('../images/bkg_grey650.gif') repeat-x #E5E6E5; 
   margin	   : 0 0 0 0;
}
body.portal {
   background  : url('../images/bkg_grey413.gif') repeat-x #E5E6E5; 
}
h1 {
   font-family:  Verdana, helvetica, sans-serif;
   font-size : 18px;
   margin    : 10px 0px 0px 0px;
   line-height: 22px;
}
h2 {
   font-size   : 13px;
   font-weight : bold;
   margin      : 0px;
}
h3{
   font-size   : 11px;
   font-weight : bold;
   color	   : #0e3a52;
   margin      : 0px;
}


.green h1 {color : #88B500;} 
.pink h1 {color : #E02A78;} 
.blue h1 {color : #0085A2;} 

.greentxt { color : #88B500;} 
.pinktxt { color : #E02A78;} 
.bluetxt { color : #0085A2;} 
.greytxt { color : #B3B6BA;} 


a {
   color           : #0085A2;
   text-decoration : none;
}


img {border: 0px;}

a:hover{
   text-decoration : underline;
   color           : #E02A78;
}
.green a:hover {
   color           : #88B500; /* #006B1E; */
   text-decoration : none;
}
.pink a:hover {
   color           : #E02A78; /* #580034; */
   text-decoration : none;
}
.blue a:hover {
   color           : #0085A2; /* #0E3A52; */
   text-decoration : none;
}

.green .corporatemenu-middle {color  : #88B500;}
.pink .corporatemenu-middle {color  : #E02A78;}
.blue .corporatemenu-middle {color  : #0085A2;}

#con_CCCLeft ul li {
   padding-top : 5px;
}
#con_CCCLeft ul li a {
   padding-left : 20px;
}
#con_CCCLeft ul li a {
   background     : url('../images/bullet.gif') no-repeat left center;
   width          : 14px;
}
.green #con_CCCLeft ul li a:hover{
   background      : url('../images/but_arrowright_ball_green.gif') no-repeat left center;
   text-decoration : none;
}
#con_CCCLeft ul li span.active {
   padding-top : 1px;
   background  : url('../images/bullet.gif') no-repeat left top;
   display     : block;
   width       : 145px;
}

.green #con_CCCLeft ul li span.active {
   background      : url('../images/but_arrowright_green_over.gif') no-repeat left top;
   padding-left    : 20px;
   color           : #000000;
}
.pink #con_CCCLeft ul li span.active {
   background      : url('../images/but_arrowright_pink_over.gif') no-repeat left top;
   padding-left    : 20px;
   color           : #000000;
}
.blue #con_CCCLeft ul li span.active {
   background      : url('../images/but_arrowright_blue_over.gif') no-repeat left top;
   padding-left    : 20px;
   color           : #000000;
}
.green #ul_Submenu li {
   border-bottom  : 1px dashed #88B500;
   padding-top    : 5px;
   padding-bottom : 5px;
}
.pink #ul_Submenu li {
   border-bottom  : 1px dashed #E02A78;
   padding-top    : 5px;
   padding-bottom : 5px;
}
.blue #ul_Submenu li {
   border-bottom  : 1px dashed #0085A2;
   padding-top    : 5px;
   padding-bottom : 5px;
}
.blue .middle_menu, .green .middle_menu, .pink .middle_menu   {
    position:relative;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	height: 33px;
    }

.no_middle_menu{
    position: relative;
    top: 0px;
    margin-bottom: 10px;
    height: 33px;
    }
    
.blue .middle_menu {    background     :url('../images/bkg_mainmenu_consultancy.jpg') no-repeat left top;}
.green .middle_menu {   background     :url('../images/bkg_mainmenu_interactive.jpg') no-repeat left top;}
.pink .middle_menu {    background     :url('../images/bkg_mainmenu_business-solutions.jpg') no-repeat left top;}
.middle_menu ul{
	margin          : 1px 0px 0px 195px;
    padding         : 0px 0px 0px 0px;
}

.middle_menu li {
   margin          : 0px 0px 0px 0px;
   padding         : 2px 10px 0px 10px;
   position		   : relative;
   list-style      : none;
   text-decoration : none;
   height          : 18px;
   float           : left;
}


.blue .middle_menu ul li {border-left: 1px solid #0e3a52;}
.green .middle_menu ul li {border-left: 1px solid #425701;}
.pink .middle_menu ul li {border-left: 1px solid #6e0331;}

.blue .middle_menu .lastitem {border-right: 1px solid #0e3a52; border-left: 1px solid #0e3a52;}
.green .middle_menu .lastitem {border-right: 1px solid #425701; border-left: 1px solid #425701;}
.pink .middle_menu .lastitem {border-right: 1px solid #6e0331; border-left: 1px solid #6e0331;}



.blue .middle_menu a:link, .blue .middle_menu a:visited, .blue .middle_menu a:active { font-weight: bold; color: #8deafe; text-decoration:none;}

.green .middle_menu a:link, .green .middle_menu a:visited, .green .middle_menu a:active { font-weight: bold; color: #e3fa9e; text-decoration:none;}

.pink .middle_menu a:link, .pink .middle_menu a:visited, .pink .middle_menu a:active { font-weight: bold; color: #fbc8de; text-decoration:none;}

.blue .middle_menu a:hover, .green .middle_menu a:hover, .pink .middle_menu a:hover { font-weight: bold; color: #ffffff; text-decoration:none;}


.middle_menu ul #active a:link, 
.middle_menu ul #active a:visited, 
.middle_menu ul #active a:active { font-weight: bold; color: #ffffff; text-decoration:none;}
.middle_menu span {font-weight: bold; color: #FFFFFF; text-decoration:none;}


#con_CCCLeft ul li.lastitem {
   border : none
}

#con_CCCLeft ul li a {
   padding-top : 1px;
   background  : url('../images/bullet.gif') no-repeat left top;
   display     : block;
   width       : 145px;
}
.green #con_CCCLeft ul li a:hover {
   background      : url('../images/but_arrowright_green_over.gif') no-repeat left center;
   text-decoration : none;
}
.pink #con_CCCLeft ul li a:hover {
   background      : url('../images/but_arrowright_pink_over.gif') no-repeat left center;
   text-decoration : none;
}
.blue #con_CCCLeft ul li a:hover {
   background      : url('../images/but_arrowright_blue_over.gif') no-repeat left top;
   text-decoration : none;
   }

#ul_Menu li {
   float : right;
}
#ul_Menu li.lastitem {
}

hr {
  border:0px;
}

.green #con_CCCRight input {
   border : 1px solid #88B500;
}
.pink #con_CCCRight input {
   border : 1px solid #E02A78;
}
.blue #con_CCCRight input {
   border : 1px solid #0085A2;
}
#con_CCCCenter ul li, #con_CCCCenterBig ul li {
}
/* ---- End HTML tags ---- */
/* ---- Start Containers ---- */
#con_Main {
   position         : relative;
   width            : 765px;
   margin           : 0px auto;
   text-align       : left;
   background-color : #FFFFFF;
   background:url('../images/bkg_border.gif') repeat-y left ;
}
#con_LeftShadow, #con_CenterCenter, #con_RightShadow {
   float : left;
}
#con_Center {
}
#con_CenterCenter {
   position:relative;
   width : 745px;
}
#con_CCTop { 
	height: 227px;
	width: 745px;
	margin: 0 0 0 0;
}
/* ---- IE explorer 7 is door bovenstaande aanpassing goed maar mozilla geeft fout---- */
#con_BannerTop {
   width  : 100%;
   height : 98px;
   float: left;
}

#con_CCCLeft, .con_CCCLeftsitemap  { 
   float : left;
   width : 165px;
   padding: 2px 20px 2px 10px;
}

.con_CCCLeftsitemap { 
  margin-left: -12px;
} 

#con_CCCCenter, #con_CCCCenterBig {
   float : left;
   width : 330px;
}


#con_CCCCenterBig {   
   width          : 490px;   
}

#con_CCCRight {
   float   : left;
   width   : 200px;
   padding : 2px 0px 2px 20px;
}
#con_Contact {
   margin-top : 10px;
}
#con_Menus {
   position : relative;
   display  : block;
   width    : 745px;
   padding  : 0px;
   margin   : 0px;
   height   : 95px;
   overflow : hidden;
}

/* ---- Start Objects ---- */
#a_Logo {
   position : absolute;
   left     : 137px;
   top      : 15px;
   z-index  : 99;
}
.portal #a_Logo {
   left     : 35px;
   top      : 65px;
}
#img_BannerTop {
   /* Deze wordt gedisplayed bij het afdrukken */
   display : none;
}

#img_BannerTop {
}
#img_BannerShadow {
   display : block;
}
#img_Brandmark {
   padding : 40px 0px 0px 30px;
}
.portal #img_Brandmark {
   position : absolute;
   top      : 40px;
   left     : 600px;
   margin   : 0px;
}
.bottombanner {
   margin : 0px 0px 8px 0px;
}
#img_LogoRankit {
   margin : 20px 0px 85px 0px;
}
#obj_BannerTop {
   width: 745px;
   margin: 10 0 0 0;
   height:100px;
}

/* TABS navigation */

#corporatemenu {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 600px;
   height: 40px;
 
}

#corporatemenu li {
	float: left;
	padding: 0px 12px 0px 12px;
	height: 20px;
	line-height: 19px;
   list-style: none;
	margin: 0px 0px 0px 0px;
	position: relative;

}

.corporatemenu-left { 
   padding: 0px 0px 0px 0px;
   background: url(../images/bkg_li-sitewide-left.gif) no-repeat left;}

.corporatemenu-middle { 
   margin: 0px 0px 0px 0px; 
   background: url(../images/bkg_li-sitewide-middle.gif) no-repeat left;}
   
.corporatemenu-right { 
   margin: 0px 0px 0px 0px;
   background: url(../images/bkg_li-sitewide-right.gif) no-repeat left;} 
   
    
ul .sitewideleft, li .sitewidemiddle, ul .sitewideright  {
	float: left;
   padding: 0 0 0 12px;
	background: transparent url(../images/tab_left_false.png) no-repeat center left;
	color: #844941;
	font-weight: bold;
	text-decoration: none;
	height: 34px;
	line-height: 34px;
}

a.corporatelink, a:link, a:visited, a:active { color: #0085A2; text-decoration:underline;}
a:hover { color: #88B500; text-decoration:none;}

ul.sitewidelink a:hover {color: #0085a2;}

ul.sitewidelink a:visited {color: #909192;
}


li .first { 	
   width: 12px;
	background: none;
}

#ul_Snelmenu, #ul_Submenu {
   list-style-type  : none;
   padding          : 0px;
}

#ul_Submenu {
   margin : 0px 0px 5px 0px;
}

#ul_Snelmenu {
   margin : 0px 0px 20px 0px;
}
#con_CCCCenter p {
   margin-top : 0px;
}
#ul_SiteWide {
   display         : block;
   list-style-type : none;
   margin-top      : 78px;
   width           : 90px;
   padding         : 0px;
   margin-left     : 0px;
   float           : left;
}
#ul_SiteWide li {
   float   : left;
   margin  : 0px 2px;
   padding : 0px;
}
#ul_SiteWide li.firstitem {
   margin-left : 15px !important; /* in IE verdubbelen op een of andere manier de margins... met !important fixen we dit... */
   margin-left : 7px;
}
#ul_Menu {
   display         : block;
   list-style-type : none;
   position        : relative;
   margin          : 0px;
   padding         : 0px;
   padding-right   : 30px;
   width           : 625px;
   float           : right;
   margin-top      : 75px;
}
#form_Login {
   margin-top     : 10px;
   margin-right   : 20px;
   padding-right  : 20px;
   padding-bottom : 50px;
   background     : url('../images/bkg_loginform.gif') no-repeat bottom right;
}
#form_Login input {
   width         : 140px;
   margin-bottom : 3px;
}
#con_Loginbutton {
   text-align   : right;
   margin-right : 15px;
   margin-top   : 5px;
}
#form_Contact {
   margin      : 0px;
   padding-top : 10px;
}
#con_buttons {
   padding-top : 20px;
   text-align  : right;
}
#but_wis, #but_submit {
   margin-left : 20px;
}
/* ---- End Objects ---- */
/* ---- Start Classes binnen bepaalde containers ---- */
/* ---- End Classes binnen bepaalde containers ---- */
/* ---- Start Algemene Classes  ---- */
.title {
   margin : 2px 0px;
}
.sifr_title {
   margin : 2px 0px -1px 4px;
}
.dottedline {
   padding     : 0px;
   margin      : 0px;
   line-height : 1px; 
   height      : 1px;
   font-size   : 1px;
   width: 100%;
}
.green .dottedline{
   background  : url('../images/dot_green.gif') repeat-x;
}
.blue .dottedline{
   background : url('../images/dot_blue.gif') repeat-x;
}
.pink .dottedline{
   background : url('../images/dot_pink.gif') repeat-x;
}
#con_CCCCenter .dottedline, #con_CCCCenterBig .dottedline{
   margin-top    : 5px;
   margin-bottom : 10px;   
}
.grey {
   padding          : 10px 15px;
   margin           : 5px 0px 0px 0px;
   background-color : #EFEFEF;
}
.intro, .coloredintro {
   font-weight : bold;
}

.green .coloredintro {
   color : #006B1E;
}
.pink .coloredintro {
   color : #580034;
}
.blue .coloredintro {
   color : #0E3A52;
}
.clearfix {
   /* For fixing floating div's in Firefox */
   display : inline-block;
}
.lees_verder {
   display : block;
}
.green .lees_verder {
   color : #88B500;
}
.pink .lees_verder {
   color : #E02A78;
}
.blue .lees_verder {
   color : #0085A2;
}

.green img.left {
   border-left : 5px solid #88B500;
   margin      : 5px 10px 5px 0px;
   float       : left;
}
.pink img.left {
   margin      : 5px 10px 5px 0px;
   border-left : 5px solid #E02A78;
   float       : left;
}
.blue img.left {
   margin      : 5px 10px 5px 0px;
   border-left : 5px solid #0085A2;
   float       : left;
}
.green img.right {
   margin       : 5px 0px 5px 10px;
   border-right : 5px solid #88B500;
   float        : right;
}
.pink img.right {
   margin       : 5px 0px 5px 10px;
   border-right : 5px solid #E02A78;
   float        : right;
}
.blue img.right {
   margin       : 5px 0px 5px 10px;
   border-right : 5px solid #0085A2;
   float        : right;
}

.bar {
   width         : 140px;
   margin-bottom : 6px;
}
#con_CCCCenter .bar ,#con_CCCCenterBig .bar{
   width      : 487px;
   margin-top : 20px;
}


.green .bar {
   background-color : #88B500;
   border           : 2px outset #C0FE03;
   height           : 4px;
   overflow         : hidden;
}

.pink .bar {
   background-color : #E02A78;
   border           : 2px outset #FD56C8;
   height           : 4px;
   overflow         : hidden;
}
.blue .bar {
   background-color : #0085A2;
   border           : 2px outset #18D4FD;
   height           : 4px;
   overflow         : hidden;
}
.kolommen {
   width         : 500px;
   margin-bottom : 20px;
}
.label {
   width       : 167px;
   float       : left;
   padding     : 0px;
   margin      : 0px;
   font-weight : bold;
}
.formfields {
   width : 500px;
}
.formfields img {
   float : left;
}
.field {
   width   : 307px;
   float   : left;
   padding : 0px;
   margin  : 0px;
}
.kolom1 {
   width : 280px;
   float : left;
}
.kolom2 {
   width : 220px;
   float : left;
}
input.small {
   width   : 70px;
   height  : 19px;
   line-height : 19px;
   margin  : 0px 5px 10px 0px;
   padding : 0px;
}
input.medium {
   width   : 218px;
   height  : 19px;
   line-height : 19px;
   margin  : 0px 5px 10px 0px;
   padding : 0px;
}
input.large {
   width   : 300px;
   height  : 19px;
   line-height : 19px;
   margin  : 0px 5px 10px 0px;
   padding : 0px;
}
textarea.large {
   width : 478px;
   padding: 5px;
}


textarea.wens {
   width : 290px;
   padding: 0px;
   margin  : 0px 0px 0px 0px;
}
.wensarea textarea  {
   width : 300px;
   float: left;
   padding: 0px;
   margin  : 0px;}

.wensform input.large   {
   float: left;
   height  : 20px;
   line-height : 20px;
   margin  : 0px 0px 0px 0px;
   padding : 0px;
}

.text_kolom_right {
   width : 145px;
   float: left;
   padding: 0px;
   margin  : 10px 0px 10px 0px;}



.green input.small, .green input.medium, .green input.large, .green select,  .green textarea
     {border : 1px solid #88B500;}

.blue input.small,  .blue input.medium, .blue input.large,  .blue select, .blue textarea
     {border : 1px solid #0085A2;}

.pink input.small,.pink input.medium, .pink input.large, .pink select, .pink textarea
     { border : 1px solid #E02A78;}


/* Zebra table settings */
.thead, .theadright   {
   text-align: left;
   font-weight: bold;
   color: #ffffff;
   background-color: #88B500;
   }
   
.theadright          { 
   background-repeat: no-repeat;
   background-position: right top;} 
  
.green .thead          {
   background-color: #88B500;} 
   
.green .theadright   {   
   background-image: url(../images/bkg_tablehead_green.gif);
   background-color: #88B500;
 }
 
.pink .thead          {
   background-color: #E02A78;} 
    
.pink .theadright   {   
   background-image: url(../images/bkg_tablehead_pink.gif);
   background-color: #E02A78;
 }

 
.blue .thead          {
   background-color: #0085A2;}  
   
.blue .theadright   {   
   background-image: url(../images/bkg_tablehead_blue.gif);
   background-color: #0085A2;
 }

  
#zebra tbody tr.even td {
	background-color: #ffffff;
	border-bottom: 1px solid #C7CFD7;
	border-left:1px solid #C7CFD7;
	} 
#zebra tbody tr.odd td {
	background-color: #F4F6F7;
	border-bottom: 1px solid #C7CFD7;
	border-left:1px solid #C7CFD7;
}

#zebra .tdborderright {
	border-right:1px solid #C7CFD7;
}
	
.smalfonttablehead {
	font-size: 80%;
	font-style: italic;
} 

/* end table settings */

.clearfix:after {
   /* For fixing floating div's in Firefox */
   content    : ".";
   display    : block;
   height     : 0;
   clear      : both;
   visibility : hidden;
}
/* ---- End Algemene Classes  ---- */