/* Start of CMSMS style sheet '- v2 Semilo v2 layout website' */

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

             Stylesheet, Semilo layout versie 2 2007-2008:

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



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

    BASIC LAYOUT

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



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: #FFFFFF url('../img/content/contentbg.jpg');

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 */ 

/* Over lib */
a.overlib:link {color: #FFFFFF; text-decoration:underline; font-weight:normal; font-size: 13px;}     /* unvisited link */

a.overlib:visited {color: #FFFFFF; text-decoration:underline; font-weight:normal; font-size: 13px;}  /* visited link */

a.overlib:hover {color: #000000; text-decoration: underline; font-weight:normal; font-size: 13px;}   /* mouse over link */

a.overlib:active {color: #000000; text-decoration:underline; font-weight:normal; font-size: 13px;}   /* selected link */ 


/* Channelnames */

a.channelname:link {color: #FFFFFF; text-decoration: none; font-size: 12px;}     /* unvisited link */

a.channelname:visited {color: #FFFFFF; text-decoration: none; font-size: 12px;}  /* visited link */

a.channelname:hover {color: #FFFFFF; text-decoration: underline; font-size: 12px;}   /* mouse over link */

a.channelname:active {color: #FFFFFF; text-decoration: none; font-size: 12px;}   /* selected link */ 

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

   BUDGETMODULE

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

div#channelwrapper{

margin-left: 10px;

margin-top: 40px;

width: 200px;

}



div#channel{

float: left;

width: 205px;

height: 437px;

border: 0px solid;

background: url('/img/budgetmodule/channelbg.jpg');

}



div#tekst{

height: 16px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FE9E01;

font-size: 12px;

}



div#resulttekst{

float: left;

height: 16px;

width: 75px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FE9E01;

font-size: 12px;

border: 0px solid #FE9E01;

}



div#tekstresult{

margin-top: 5px;

float: left;

height: 16px;

width: 75px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-size: 12px;

border: 0px solid #FFFFFF;

}



div#mededeling{



width: 160px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-size: 10px;

border: 0px solid #FFFFFF;

}



div#of{

float: left;

width: 80px;

margin-top: 35px;

margin-left: 5px;

margin-right: 5px;

height: 56px;

background: url('/img/budgetmodule/ofbg.jpg');

}



div#websitewrapper{

margin-left: 10px;

margin-top: 40px;

width: 200px;

}



div#website{

float: left;

width: 205px;

height: 437px;

border: 0px solid;

background: url('/img/budgetmodule/websitebg.jpg');

}



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

CONTENT + SIDEBAR

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



div#centerthemenu{

clear: both;

margin: 0 auto;

width: 963px;

border: 0px solid;

z-index:5000;

}



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:200;
}



.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:relative;  

z-index:100;



position: fixed;

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;

}



div#shadow2{

position: fixed;

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: 79px;

border: 0px solid;

}



* html div#contentheader{

background-position: 0px 0px;

padding-top: 0px;

border: 0px solid;

}





/****SIDEBAR****/



div#sidebar{

float: left;

height: 100%;

width: 300px;

border: 1px #000000 solid;

background: #FFFFFF;

border: 0px solid;

padding-top: 0px;

padding-left: 0px;

font-align: left;

font-size: 15px;

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

}



div#breadcrums{

width: 500px;

margin-left: 320px;

margin-top: 7px;

margin-bottom: 0px;

border: 0px solid;

}





div#titlecontent {

float:right;

border: 0px solid;

width: 650px;

height: 65px;

margin-top: 0px;

margin-bottom: 10px;

margin-right: 7px;

margin-left: 6px;

/ background: url('../img/content/contentheaders/bg.jpg') no-repeat;

}



div#titlecontent img {

  margin: 18px 25px;

}



div#content {

  float: right;

  border: 0px solid;

  margin-left: 5px;

  margin-bottom: 50px;

  margin-right: 12px;

  width: 630px;

  height: 100%;

  padding-left: 10px;

}



li {

 margin-left: 10px;

}



  

div#content h1{

  font-size: 18px;

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

  color: #fd9e1d;

  margin-left: 0px;

}



div#content h2{

  font-size: 16px;

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

  color: #bfbfbf;

}



div#content h3{

  font-size: 13px;

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

  color: #bfbfbf;

}







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

FOOTER

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



div#footer{

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: 15px; 

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: 15px; 

width: 180px; 

cursor: pointer; 

height: 90px; 

color: #fe9000;

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

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

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

}





/* End of '- v2 Semilo v2 layout website' */



/* Start of CMSMS style sheet '- v2 Semilo v2 Navigation: CSSMenu' */

/* 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:1000;



}



/* 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.menuparent { 

/* 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;

}

/* End of '- v2 Semilo v2 Navigation: CSSMenu' */