body{

margin: 0;

text-align: left;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 14px;

line-height: 1em;

background: #FFFFFF url('../img/content/menu/menubg.jpg') repeat-x;

line-height: 18px;

letter-spacing: 0px;

}



h1{

font-size: 12px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #fd9e1d;

margin-left: 10px;

}



h2{

font-size: 18px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #000000;

margin-left: 10px;

}



h3{

font-size: 14px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #fea837;

margin-left: 10px;

}



img {

   border: 0;



}



a.imglinks:hover {

   border: 0;

   color: #cccccc;

}



div#wrapper{

width: 963px;

margin: 0 auto;    /*Center Page*/



background-position: 306px;

background-repeat: repeat-y;

border: 0px solid;

} 



a:link {color: #fe9000; text-decoration: none; font-weight: bold; font-size: 13px;}     /* unvisited link */

a:visited {color: #fe9000; text-decoration: none; font-weight: bold; font-size: 13px;}  /* visited link */

a:hover {color: #fe9000; text-decoration: underline; font-weight: bold; font-size: 13px;}   /* mouse over link */

a:active {color: #fe9000; text-decoration: none; font-weight: bold; font-size: 13px;}   /* selected link */ 







/*****************

CONTENT + #BAR

*****************/



div#centerthemenu{

clear: both;

margin: 0 auto;

width: 963px;

border: 0px solid;

z-index:5;

}



div#websitelang{

width: 50px;

margin-left: 902px;

border: 0px solid;

margin-top: 0px;

margin-bottom: 0px;

}



div#search{

position: absolute;

left: 72%;

top: 0px;

clear: both;



height: 33px;

width: 183px;

border: 0px solid;

background: url('../img/content/searchbar/searchbg.jpg') no-repeat;

background-position: fixed;

margin-right: 10px;

margin-top: 0px;

text-align: center;

z-index:70;

}



.searchbutton{

width: 20px;

height: 20px;

background: url('../img/content/searchbar/searchknop.jpg') no-repeat;

outline: none;

border: none;

}



div#menuimg{

float:left; 

border: 0px solid; 

margin-top: 0px

}



div#logomenu{



/***google overlay***/

position: fixed;  

z-index:60;

left: 0px;

width: 100%;

height: 78px;

margin: 0px;

padding: 0px;

border: 0px solid;

padding-bottom: 1px;

background: url('../img/content/menu/menubg.jpg');

background-position: 0px 0px;

border-bottom: 1px solid;

border-color: #c5c5c5;

z-index:400;

}



div#shadow2{

position: top;

top: 1px;

left: 0px;

height: 1px;

width: 100%;

border-top: 0px solid;

border-color: #b7b7b7;

}



* html div#shadow2{

position: absolute;

}





div#contentheader{

clear: both;

height: 79px;

width: 963px;

background-position: 0px 80px;

padding-top: 0px;

border: 0px solid;

}



* html div#contentheader{

background-position: 0px 0px;

padding-top: 0px;

border: 0px solid;

}





/****SIDEBAR****/



div#breadcrums{

width: 950px;

margin-top: 7px;

margin-bottom: 0px;

border: 0px solid;

}



div#wrapper2{

position: fixed;

top: 79px;  

border: 0px solid;

width: 963px;

height: 223px;

z-index:70;

background: #FFFFFF;

background: #FFFFFF url('../img/ratecard/contentbg.jpg');

}



div#ratecardoverzicht{

border: 0px solid;   

margin-top: 280px;

}



div#titlecontent{

border: 0px solid;

width: 955px;

height: 101px;

margin-top: 0px;

margin-bottom: 10px;

background: url('../img/ratecard/headerbg.jpg'); 

border-bottom: 1px solid #cccccc;

}



div#ratecard{

float: left;

width: 955px;

height: 100px; 

margin-left: 0px;

background: url('../img/ratecard/ratecard.jpg') no-repeat; 

border: 0px solid;   

}



div#legenda{

float: left;

font-size: 10px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #000000;

width: 379px;

height: 40px;

border: 0px solid;   

padding-top: 60px;

padding-left: 30px;

}



div#formaten{

float: left;

border-left: #ffa013 1px solid;  

width: 30px;

height: 98px;

font-size: 11px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

writing-mode: tb-rl;

padding-top: 4px;



}



div#contentwrapper{

margin: 0 auto;    /*Center Page*/

border: 0px solid;

width: 962px;

height: 100%;

background: url('../img/ratecard/contentbg.jpg');

}



div.divtabel{

margin-left: 5px;

width: 950px;

border: 0px solid;

background: url('../img/ratecard/tabel2bg.jpg');

}



div.divtabelfooter{

width: 950px;

margin-left: 5px;

height: 6px;

background: url('../img/ratecard/tabelfooterbg.jpg'); 

}



div.divtabeltitlewrapper{

width: 900px;

height: 30px;

background: url('../img/ratecard/tabelbg.jpg') no-repeat ; 

border: 0px solid;

color: #feb913;

padding-left: 50px;

padding-top: 6px;

font-size: 18px;

z-index:10;

}



div.divtabeltitlewrapper a:link, div.divtabeltitlewrapper a:visited{

color: #feb913;

font-size: 18px;

}



div.divtabeltitlewrapperuit{

width: 900px;

height: 30px;

background: url('../img/ratecard/tabelbguit.jpg') no-repeat ; 

border: 0px solid;

color: #000000;

padding-left: 50px;

padding-top: 6px;

margin-left: 5px;

font-size: 18px;

z-index:10;

}



div.divtabeltitlewrapperuit a:link, div.divtabeltitlewrapperuit a:visited {

  color: #000000;

  font-size: 18px;

}



div#divtabeltitleiconwrapper{
position: relative;
top: 30px;
width: 50px;
height: 37px;
border: 0px solid;
font-size: 16px;
z-index:60;
}

.ratecardtabel{
border: 0px solid #000000;
width: 935px;
margin-top: 12px;
}

.ratecardkolom{
width: 80px;
color: #ffa013;
font-weight: bold;
margin-bottom: 2px;
}

.ratecardtd{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 30px;
text-align: center;
font-size: 10px;
}

.ratecardtdROC{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 30px;
text-align: center;
font-size: 10px;
background: #ffe3a2;
font-weight: bold;
}

tr.runofnetwork td {
  border-top: #ffa013 1px solid;
}

.ratecardtdkruis{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 30px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #ff0000;
}


.ratecardtdkruisROC{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 30px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #ff0000;
background: #ffe3a2;
}



.ratecardtdcontactus  {

border-bottom: #ffa013 1px solid;   

border-right: #ffa013 1px solid; 

width: 30px;

text-align: center;

font-size: 11px;

font-weight: bold;

color: #00ff00;

}





.ratecardtd1{

border-bottom: #ffa013 1px solid;   

border-right: #ffa013 1px solid; 

width: 200px;

padding-left: 5px;

}



.ratecardtd1ROC{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 200px;
padding-left: 5px;
background: #ffe3a2;
font-weight: bold;
}

.ratecardtd2{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 90px;
padding-right: 5px;
text-align: right;
}


.ratecardtd2ROC{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 90px;
padding-right: 5px;
background: #ffe3a2;
font-weight: bold;
text-align: right;
}

.ratecardtd3{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 90px;
padding-right: 5px;
text-align: right;
}

.ratecardtd3ROC{
border-bottom: #ffa013 1px solid;
border-right: #ffa013 1px solid;
width: 90px;
padding-right: 5px;
background: #ffe3a2;
font-weight: bold;
text-align: right;
}

.ratecardtdlast{
border-bottom: #ffa013 1px solid;
}

.ratecardtdlastROC{
border-bottom: #ffa013 1px solid;
background: #ffe3a2;
}

li{
margin-left: 10px;
}

div#content h1{
font-size: 18px;
font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fd9e1d;
margin-left: 10px;
}



div#content h2{

font-size: 16px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #bfbfbf;

margin-left: 10px;

}



div#content h3{

font-size: 13px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #bfbfbf;

margin-left: 10px;

}



p{

margin-left: 10px;

margin-right: 7px;

}





/*****************

FOOTER

*****************/



div#footer{

margin: 0 auto;    /*Center Page*/

clear:both;

background: #FFFFFF url('../img/content/footer/footer.jpg') no-repeat 0; 

border: 0px solid;

height: 79px;

width: 963px;

padding-top: 4px;



}



div#footer p {

  

font-size: 0.8em;

text-align: center; /* centered text */

margin:0;

margin-bottom: 1px;

}





/*********************

SIDEBAR CONTENT LAYOUT

*********************/



div#sidebar h1{

font-size: 18px;

color: #000000;

margin-top: 5px;

margin-left: 0px;

margin-bottom: 2px;

padding-left: 15px;

background: url('../img/content/sidebar/punt.jpg') no-repeat;

background-position: 0px 4px;

}



div#sidebar p{

font-size: 13px;



margin-top: 0px;

margin-bottom: 5px;

color: #fe9000; 

font-weight: bold; 

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

}







.commentsinput{

font-size: 11px;

font-color: #000000;

border: 1px solid #cccccc;

background-color: #ffffff;

width: 100px;

margin-top: 5px;

}





/**sidebar blokken layout**/



.aanmeldennieuwsbrief{

font-size: 12px;

width: 250px;

}



.nieuwsbriefinput{

font-size: 12px;

font-color: #000000;

border-left: 1px solid #cccccc;

border-top: 1px solid #cccccc;

border-bottom: 2px solid #cccccc;

border-right: 2px solid #cccccc;

background-color: #ffffff;

width: 180px;

margin-bottom: 5px;

}





.submitinput{

font-size: 11px;

font-color: #000000;

border: 1px solid #cccccc;

background-color: #ffffff;

width: 100px;

margin-top: 5px;

}



.error_message{

font-size: 10px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #ff0000;

margin: 0;

margin-left: 2px;

}



div#begrippenlijstheader{

font-size: 14px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #fea837;

margin-left: 10px;

}



div#begrippenlijstitem{

font-size: 11px;

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

color: #000000;

margin-left: 10px;

}



/*********************

HOMEPAGE BLOKKEN CSS

*********************/



.homepage{

clear: none; 

background: url('../img/content/welkom/hyperbg.jpg'); 

float: left; 

margin-left: 25px; 

width: 180px; 

cursor: pointer; 

height: 90px; 

-moz-background-clip: -moz-initial; 

-moz-background-origin: -moz-initial; 

-moz-background-inline-policy: -moz-initial;

}



.homepagetitle2{

margin-top: 2px; 

color: #ffffff; 

margin-right: 4px

}



.overhomepagetitle2{

margin-top: 2px; 

color: #fe9000; 

margin-right: 4px

}



.overhomepage{

clear: none; 

background: url('../img/content/welkom/hyperbgover.jpg'); 

float: left; 

margin-left: 25px; 

width: 180px; 

cursor: pointer; 

height: 90px; 

color: #fe9000;

-moz-background-clip: -moz-initial; 

-moz-background-origin: -moz-initial; 

-moz-background-inline-policy: -moz-initial;

}



/* Horizontal menu for the CMS CSS Menu Module */

/* by Alexander Endresen */



#menu_vert {

float: left;

margin-top: 38px;

border: 0px solid;

cursor: hand;

cursor: pointer;

z-index:800;



}



/* The wrapper clears the floating elements of the menu */



/* Fix for Opera 8 */

.clearb { clear: both; }



#menuwrapper { 

   /* Fix for Opera 8 */ 

   /*   overflow: hidden;  */ 



   width: 100%;

border: 0px solid;



}



/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 

width: 200px; 

background: #f3f3f3;



}





/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 

   list-style: none; 

   margin: 0px; 

   padding: 0px; 

}

#primary-nav ul { 

   position: absolute; 

   top: auto; 

   display: none; 

}

#primary-nav ul ul { 

   margin-top: 1px;

   margin-left: -1px;

   left: 100%; 

   top: 0px; 

}

   

#primary-nav li { 

   margin-left: -1px;

float: left;



}



#primary-nav li li { 

   margin-left: 0px;

   margin-top: -1px;

float: none; 

   position: relative; 



}



/* Styling the basic apperance of the menu elements */

#primary-nav a { 

display: block; 

margin: 0px;

padding: 11px 10px; 

text-decoration: none; 

font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight: normal;

color: #fe9000;

letter-spacing: 1px;





}



#primary-nav li a { 

   border-right: 1px solid #d4d4d4;

   border-left: 1px solid #d4d4d4;



}

#primary-nav li li a { 

   border: 1px solid #cdcdcd;

font-size: 11px;

color: #ff7800;

padding: 5px;



}



   

#primary-nav li, #primary-nav li.menuparent { 

  

}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#primary-nav li.menuactive { 

   background-color: #f3f3f3;

 

}









/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, 

#primary-nav ul li.menuparent:hover,

#primary-nav ul li.menuparenth { 

/* arrow for menuparents */

   background-image: url('../img/cms/more.png'); 

   background-position: center right; 

   background-repeat: no-repeat; 

 

}





/* Styling the apperance of menu items on hover */



#primary-nav li li:hover{

background-color: #e4e3e1;

}







#primary-nav li:hover{

background-color: #F3F3F3;

} 



#primary-nav li.menuh, 

#primary-nav li.menuparenth, 

#primary-nav li.menuactiveh { 



   

}





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



/* 

just add 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul ul ul,

for fourth level 

*/

#primary-nav ul, 

#primary-nav li:hover ul, 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul, 

#primary-nav li.menuparenth ul ul { 

   display: none; 

}



/* add 

#primary-nav ul ul ul li:hover ul, 

#primary-nav ul ul ul li.menuparenth ul,

for fourth level

*/

#primary-nav li:hover ul, 

#primary-nav ul li:hover ul, 

#primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, 

#primary-nav ul li.menuparenth ul, 

#primary-nav ul ul li.menuparenth ul { 

   display: block; 

}





/* IE Hacks */

#primary-nav li li { 

   float: left; 

   clear: both; 

       

}

#primary-nav li li a { 

   height: 1%; 

}



* html primary-nav:hover{

background: #e4e3e1;

}



* html a:hover{

background: #e4e3e1;

}