@import url(/templates/cms/css/kennisnet/corporate.css);
@import url(/templates/cms/css/kennisnet/corporate.search.advanced.css);
@import url(/templates/cms/css/kennisnet/popup.css);

body {
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 1.3em;
   word-wrap: break-word;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.69em;
}

form {
   margin: 0;
}

input {
   font-family: Tahoma;
   font-size: 1em;
}

img {
   border: none;
}

a {
   text-decoration: none;
   color: #EC008C;
}

a:hover {
   text-decoration: underline;
   color: #2E3192;
}

/*#corporate {
   width: 773px !important;
   width **: 775px;
   margin: 0 auto;
   border: 1px solid #BFBFBF;
   border-top: none;
   background: #FFF url(../gfx/corporate_background.gif) 0 100% repeat-x;
}

#corporate:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#corporate #logo {
   float: left;
   position: relative;
   top: -5px;
   width: 118px;
   height: 0 !important;
   height **: 21px;
   padding-top: 21px;
   overflow: hidden;
   margin: 11px 0 0 6px;
   background: url(../gfx/corporate_logo.gif) no-repeat;
}

#corporate #tools {
   float: right;
   height: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
}

#corporate #tools li {
   float: left;
   height: 100%;
   padding-left: 1px;
   background: url(../gfx/separator.gif) -2px 0 repeat-y;
}

#corporate #search fieldset {
   float: left;
   margin: 0;
   padding: 6px 8px 5px 8px;
   border: none;
}

#corporate #search legend {
   width: 0;
   height: 0;
   overflow: hidden;
   line-height: 0;
   font-size: 0;
}

#corporate #search label {
   position: absolute;
   width: 0;
   height: 0;
   overflow: hidden;
}

#corporate #search .text {
   float: left;
   width: 114px;
   margin: 0;
   padding: 3px 0 3px 2px;
   border: 1px solid #BFBFBF;
}

#corporate #search .submit {
   float: left;
   overflow: visible;
   margin: 0 0 0 6px;
   padding: 4px 0 2px 0;
   border: 0;
   background: transparent;
   font-weight: bold;
   color: #2E3192;
   cursor: pointer;
   cursor: hand;
}

#corporate #search .submit:hover {
   text-decoration: underline;
}

#corporate #search .submit:focus {
  outline: 1px dotted invert;
}

#corporate #search .submit::-moz-focus-inner {
   padding: 0 0 2px 0;
   border: none;
}*/

#corporate {
   position: relative;
   z-index: 1;
   width: 775px;
   background-position: 0 0;
   text-align: left;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#corporate #search .text,
#corporate #search select {
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#corporate #search {
   font-size: 13px;
}

/*legacy hotfix*/

#corporate #tools {
   float: right;
   margin: 0;
}

#corporate #tools #search .submit {
   margin: 0;
   background-position: -483px -23px;
}

#corporate #tools #search .submit:hover,
#corporate #tools #search .submit.hover {
   background-position: -483px -46px;
}

#corporate #tools #search .submit:active,
#corporate #tools #search .submit.active {
   background-position: -483px -69px;
   /*fix IE8 button background shift bug*/
   -ms-background-position-x: -482px;
   -ms-background-position-y: -68px;
}

#wrapper {
   position: relative;
   width: 775px;
   margin: 0 auto;
   text-align: left;
}

#header {
   height: 100px;
  background: url(../gfx/header.jpg) no-repeat;
}

#header embed {
   position: absolute;
   top: -33px;
   left: 83px;
}

#page_home #header a {
   height: 0 !important;
   height /**/: 180px;
   padding-top: 180px;
}

#header h1 em a {
   top: 70px;
   left: 625px;
   width: 132px;
   height: 0 !important;
   height /**/: 25px;
   padding-top: 25px;
   background: url(../gfx/construction.png) no-repeat;
}

* html #header h1 em a {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/construction.png',sizingMethod='crop');
}

#page_po #header {
   background-image: url(../gfx/po/header.jpg);
}

#page_vo #header {
   background-image: url(../gfx/vo/header.jpg);
}

#page_mbo #header {
   background-image: url(../gfx/mbo/header.jpg);
}

#page_so #header {
   background-image: url(../gfx/so/header.jpg);
}

#tile_01 {
   margin-bottom: 14px;
}

#tile_01 .links_headlines {
   width: 100%;
   margin-bottom: 1px;
   background: url(../gfx/box_top.gif) 100% 0 no-repeat;
   line-height: 40px;
   font-size: 1.21em;
   font-weight: bold;
}

#tile_01 .links_headlines:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#tile_01 .links_headlines .intro {
   display: inline;
   float: left;
   width: 127px;
   margin-left: 7px;
   overflow: hidden;
}

#tile_01 .links_headlines .intro h2 {
   margin: 0;
   padding-top: 1px;
   white-space: nowrap;
   font-size: 1em;
   color: #2E3192;
}

#tile_01 .links_headlines .links {
   position: relative;
   top: 1px;
   float: right;
   width: 641px;
   margin: 0;
   padding: 0 0 3px 0;
   background: url(../gfx/box_top.gif) 100% 100% no-repeat;
   list-style: none;
}

#tile_01 .links_headlines .links li {
   display: inline;
}

#tile_01 .links_headlines .links li a {
   background: url(../gfx/arrow.gif) 0 50% no-repeat;
   margin-left: 15px;
   padding-left: 10px;
   color: #2E3192;
}

#page_home #tile_01 .links_headlines .links li a {
   margin-left: 12px;
}

#tile_02 {
   float: left;
   width: 380px;
   margin-bottom: 12px;
}

#tile_02 .links_headlines {
   margin: 1px 0 12px 0;
   padding-bottom: 5px;
   background: url(../gfx/other.gif) 0 100% no-repeat;
}

#tile_02 .links_headlines .intro {
   width: 100%;
   height: 1px;
   margin-bottom: 2.76em;
   position: relative;
   top: -1px;
   background: url(../gfx/other.gif) no-repeat;
}

#tile_02 .links_headlines .intro h2 {
   position: absolute;
   margin: 0;
   padding-left: 15px;
   line-height: 2.76em;
   font-size: 1.2em;
   color: #2E3192;
}

#tile_02 .links_headlines .links {
   width: 100%;
   margin: 0;
   padding: 0.5em 0 1em 0;
   list-style: none;
}

#tile_02 .links_headlines .links:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#tile_02 .links_headlines .links li {
   float: left;
   width: 50%;
   margin-right: -15px;
   padding-bottom: 0.5em;
}

#tile_02 .links_headlines .links li a {
   background: url(../gfx/arrow.gif) 0 50% no-repeat;
   margin-left: 15px;
   padding-left: 10px;
   color: #2E3192;
}

#tile_02 .links_integral {
   float: left;
   width: 50%;
}

#tile_02 .links_integral h2 {
   margin: 0;
   line-height: 2.76em;
   font-size: 1.2em;
   color: #2E3192;
}

#tile_02 .links_integral .links {
   margin: 0 10px 0 0;
   padding: 0;
   list-style: none;
}

#tile_02 .links_integral .links li {
   width: 100%;
   min-height: 3.9em;
   padding: 1em 0 1.3em 0;
   border-top: 1px solid #F1F1F1;
}

* html #tile_02 .links_integral .links li {
   height: 3.9em;
}

#tile_02 .links_integral .links li.more {
   min-height: auto;
   padding: 1em 0 0 0;
}

* html #tile_02 .links_integral .links li.more {
   height: auto;
}

#tile_02 .links_integral .links li.hover,
#tile_02 .links_integral .links li:hover {
   cursor: pointer;
   cursor: hand;
}

#tile_02 .links_integral .links li.hover a,
#tile_02 .links_integral .links li:hover a {
   text-decoration: underline;
   color: #EC008C;
}

#tile_02 .links_integral .links li.more a {
   margin-left: 37px;
   padding-left: 10px;
   background: url(../gfx/arrow.gif) 0 0.42em no-repeat;
   color: #2E3192;
}

#tile_02 .links_integral .links h3 {
   margin: 0;
   font-size: 1em;
}

#tile_02 .links_integral .links img {
   position: absolute;
   margin-top: 3px;
   padding: 1px 1px 3px 1px;
   background: #DDD url(../gfx/thumb.gif) 0 100% repeat-x;
}

#tile_02 .links_integral .links .text {
   margin-left: 37px;
}

#tile_02 .links_integral .links p {
   margin: 0;
   color: #2E3192;
}

#tile_03 {
   float: right;
   width: 380px;
   margin-bottom: 12px;
}

#tile_03 .rss_headlines {
   margin: 1px 0 12px 0;
   padding-bottom: 5px;
   background: url(../gfx/box.gif) 0 100% no-repeat;
}

#tile_03 .rss_headlines .intro {
   width: 100%;
   height: 1px;
   margin-bottom: 2.76em;
   position: relative;
   top: -1px;
   background: url(../gfx/box.gif) no-repeat;
}

#tile_03 .rss_headlines .intro h2 {
   position: absolute;
   margin: 0;
   padding-left: 15px;
   line-height: 2.76em;
   font-size: 1.2em;
   color: #2E3192;
}

#tile_03 .rss_headlines img {
   display: none;
}

#tile_03 .rss_headlines ul {
   margin: 0 15px;
   padding: 0;
   list-style: none;
}

#tile_03 .rss_headlines ul li {
   float: left;
   width: 100%;
   border-bottom: 1px solid #FFF;
}

#tile_03 .rss_headlines ul a {
   display: block;
   padding-left: 10px;
   border-bottom: 1px solid #EEE;
   background: url(../gfx/bullet.gif) 0 1.23em no-repeat;
   line-height: 2.39em;
   color: #2E3192 !important;
}

#tile_03 .rss_headlines .tools {
   width: 100%;
   margin: 0;
}

#tile_03 .rss_headlines .tools:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#tile_03 .rss_headlines .tools li,
#tile_03 .rss_headlines .tools li a {
   border: 0;
}

#tile_03 .rss_headlines .tools li {
   float: left;
   width: 50%;
}

#tile_03 .rss_headlines .tools li.more a {
   margin-left: 15px;
   background: url(../gfx/arrow.gif) 0 1.1em no-repeat;
}

#tile_03 .rss_headlines .tools li.rss a {
   padding-left: 14px;
   background: url(../gfx/rss.gif) 0 0.8em no-repeat;
   color: #EC008C !important;
}

#tile_04 {
   clear: both;
   width: 100%;
   padding: 12px 0 24px 0;
   border-top: 1px solid #F1F1F1;
}

#tile_04:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#tile_04 .links_headlines {
   float: left;
   width: 24.96%;
}

#tile_04 .links_headlines h2 {
   line-height: 1.6em;
   font-size: 1.1em;
   margin: 0;
   color: #2E3192;
}

#tile_04 .links_headlines .links {
   margin: 0 10px 0 0;
   padding: 0;
   line-height: 1.5em;
   list-style: none;
}

#tile_04 .links_headlines .links a {
   padding-left: 10px;
   background: url(../gfx/arrow.gif) 0 0.41em no-repeat;
   color: #2E3192;
}

#tile_04 .links_headlines#rss .links a {
   padding-left: 14px;
   background: url(../gfx/rss.gif) 0 0.2em no-repeat;
}

#ce_kids {
   margin-bottom: 12px;
}

#ce_kids h2 {
   margin: 0;
   font-size: 1em;
}

#ce_kids a {
   display: block;
   width: 380px;
   height: 0 !important;
   height /**/: 83px;
   padding-top: 83px;
   overflow: hidden;
   background: url(../images/kidsBanner2.jpg) no-repeat;
}

#ce_kids a.banner2 {
   display: block;
   width: 380px;
   height: 0 !important;
   height /**/: 83px;
   padding-top: 83px;
   overflow: hidden;
   background: url(../images/kids.jpg) no-repeat;
   background: url(../images/banner_slimme_rik.jpg) no-repeat !important;
}

#ce_kids a:hover {
   background-position: 0 -83px;
}

#ce_rotator {
   width: 100%;
   margin-bottom: 12px;
}

#ce_communities h2 {
   margin: 0;
   font-size: 1em;
}

#ce_communities a {
   display: block;
   width: 380px;
   height: 0 !important;
   height /**/: 83px;
   padding-top: 83px;
   margin-bottom: 12px;
   overflow: hidden;
   background: url(../images/communities.gif) no-repeat;
}
#ce_twitter {
	font-weight: bold;
	color: #2E3192;
	background: url(../images/twitter_knop_home.gif) no-repeat;
	width: 380px;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
	margin-top: -4px;
	margin-bottom:12px;
}
#ce_twitter a:hover{
	color: #EC008C;
}

#ce_davindi {
   margin-bottom: 12px;
   background: url(../gfx/davindi.gif) no-repeat;
}

#ce_davindi form {
   position: relative;
   top: 1px;
   width: 100%;
   padding: 15px 0 16px 0;
   background: url(../gfx/davindi.gif) 0 100% no-repeat;
}

#ce_davindi fieldset {
   margin: 0;
   padding: 0 15px;
   border: none;
}

#ce_davindi legend {
   margin-left: inherit !important;
   margin: 0 0 7px -7px;
   padding: 0;
   line-height: 1.1em;
   font-size: 1.3em;
   font-weight: bold;
   color: #2E3192;
}

#ce_davindi label {
   position: absolute;
   width: 0;
   height: 0;
   overflow: hidden;
}

#ce_davindi input {
   float: left;
}

#ce_davindi .text {
   width: 190px;
   margin-right: -1px;
   padding: 2px;
   border: 1px solid #BFBFBF;
   border-right-width: 1.5em;
}

#ce_davindi .submit {
   width: 1.5em;
   height: 1.5em;
   overflow: hidden;
   margin: 1px 1px 1px -1.5em;
   padding: 1px 0 1px 1.5em;
   text-indent: 1.5em;
   border: none;
   background: #FFF url(../gfx/search.gif) 50% no-repeat;
   cursor: pointer;
   cursor: hand;
}

#menu {
   width: 100%;
   margin-bottom: 12px;
   padding-bottom: 3px;
   background: #00AEF0 url(../gfx/menu.gif) 0 100% no-repeat;
}

#menu h2 {
   position: absolute;
   width: 0;
   height: 0;
   overflow: hidden;
}

#menu ul {
   width: 100%;
   margin: 0;
   padding: 6px 0;
   list-style: none;
}

#menu ul:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#menu li {
   display: inline;
   float: left;
   margin-left: 6px;
}

#menu li a {
   position: relative;
   left: 1px;
   float: left;
   padding: 0 13px 1px 13px;
   line-height: 27px;
   font-size: 1.15em;
   font-weight: bold;
   text-decoration: none;
   color: #FFF;
}

#menu li:hover,
#menu li.hover {
   background: url(../gfx/menu_item_hover.gif) 0 50% no-repeat;
}

#menu li:hover a,
#menu li.hover a {
   background: url(../gfx/menu_item_hover.gif) 100% 50% no-repeat;
}

#menu li.active {
   background: url(../gfx/menu_item_active.gif) 0 50% no-repeat;
}

#menu li.active a {
   background: url(../gfx/menu_item_active.gif) 100% 50% no-repeat;
   color: #2E3192;
}

#set_as_default {
   position: absolute;
   top: -24px;
   left: 306px;
   width: 276px;
   margin: 0;
   text-align: right;
}

#set_as_default a {
   padding-left: 14px;
   background: url(/gfx/set_as_default.gif) no-repeat;
   color: #EC008C !important;
}

#set_as_default .old {
   background-position: 0 -15px;
}

#ce_rotator
{
    display: block;
    clear: both;
    background-image: url(/gfx/rotator.gif);
    background-repeat: no-repeat;
    width: 362px;
    height: 229px;
    padding: 9px;
    margin: 0 0 12px 0;
}

    * html #ce_rotator
    {
        margin: 0 0 3px 0;
    }

    #ce_rotator ul
    {
        width: 362px;
        height: 205px;
        display: block;
        overflow: hidden;
        margin: 0 0 8px 0;
        padding: 0;
        list-style: none;
        zoom: 1;
    }
    
            #ce_rotator ul li img
            {
                display: block;
                width: 362px;
                height: 205px;
            }
        
    #ce_rotator ol
    {
        display: block;
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 362px;
        zoom: 1;
    }
    
        #ce_rotator ol li
        {
            display: inline;
            margin-left: 4px;
            margin-right: 4px;
        }
            
            #ce_rotator ol li a
            {
                display: -moz-inline-box;
                display: inline-block;
                background-image: url('/gfx/rotator_button.gif');
                background-repeat: no-repeat;
                width: 15px;
                height: 0;
                padding-top: 16px;
                overflow: hidden;
            }
            
            #ce_rotator ol li a:hover, 
            #ce_rotator ol li a:active
            {
                background-image: url('/gfx/rotator_button_2.gif');
            }
            
#ce_rotator.flash-replaced
{
    height: auto;
    width: auto;
    margin: 0 0 12px 0 !important;
    padding: 0;
    background: none;
}

    #ce_rotator.flash-replaced .alt
    {
        display: none;
    }
    
#banner_campagne2010 {
   margin-bottom: 12px;
}

#page_home #banner_campagne2010 {
   margin-top: 12px;
   margin-bottom: 2px;
}