/*_Global_______________________________________*/
* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
	}

.clear {
	clear:both;
	height:0;
	line-height:0px;
	}

/*_Container of all content_____________________*/
#disneyEventsContainer {
    float:left;
    width:100%;
    height:100%; /* for I.E. */
    height:auto !important; /* For new browsers */
    min-height:700px;
    background:url(images/background_v2.jpg) no-repeat right 39px;
    /*
        Uncomment when using the tabnav:
        background:url(images/background_v1.jpg) no-repeat right 39px;
        Use this part when there is no tabnav:
        border-top:solid 1px #60337f;
        background:url(images/background_v2.jpg) no-repeat right -1px;
    */
    }

/* Contianer CLASSICS */
#disneyClassicsContainer {
    float:left;
    width:100%;
    height:100%; /* for I.E. */
    height:auto !important; /* For new browsers */
    min-height:700px;
    background:url(images/background_v4.jpg) no-repeat right 39px;
    }


/*_Tab navigation_______________________________*/
#disneyTabnav {
    float:right;
    width:100%;
    height:40px;
    background:url(images/background_tabnav.gif) repeat-x bottom;
    /* border:solid 1px #00ff00; Groen*/
    }

.tab_btn {
    float:right;
    width:160px;
    height:40px;
    right:70px;
    /* border:solid 2px #0033FF; Blauw */
    }

#classics {background-image:url(images/btn_tabnav_classics.gif);}
#classics:hover {background-image:url(images/btn_tabnav_classics_over.gif);}
#classics:active, #classics_active {background-image:url(images/btn_tabnav_classics_active.gif);}
	
#princess {background-image:url(images/btn_tabnav_princess.gif);}
#princess:hover {background-image:url(images/btn_tabnav_princess_over.gif);}
#princess:active, #princess_active {background-image:url(images/btn_tabnav_princess_active.gif);}

#pixar {background-image:url(images/btn_tabnav_pixar.gif);}
#pixar:hover {background-image:url(images/btn_tabnav_pixar_over.gif);}
#pixar:active, #pixar_active {background-image:url(images/btn_tabnav_pixar_active.gif);}

#events {background-image:url(images/btn_tabnav_events.gif);}
#events:hover {background-image:url(images/btn_tabnav_events_over.gif);}
#events:active, #events_active {background-image:url(images/btn_tabnav_events_active.gif);}


/*_Contentcontainer_____________________________*/
#disneyContentContainer {
    display:inline;
    float:left;
    width:100%;
    /* border:solid 2px #cc0033; Rood */
    }


/*_Leftcolumn___________________________________*/
#disneyLeftcolumn {
    float:left;
    width:216px;
    /* border:solid 1px #3300ff; Blauw */
    }


/*_Logo_________________________________________*/
#disneyLogoContainer {
    width:216px;
    height:120px;
    border:0;
    outline:none;
    text-align:center;
	}

.logo {
    width:90px;
    height:60px;
    border:0;
    outline:none;
    text-align:center;
    padding-top:30px;
	}

#disneyimg {padding-top:25px;}


/*_Menu_________________________________________*/
#disneyMenuEvents {
    float:left;
    margin-left:41px;
    width:150px;
    height:344px;
    /* border:solid 2px #660099; Paars */
    }

#disneyMenuClassics {
    float:left;
    margin-left:41px;
    width:150px;
    height:301px;
    /* border:solid 2px #660099; Paars */
    }

.menu_btn {
    float:left;
    width:150px;
    height:43px;
    /* border:solid 2px #0033FF; Blauw */
    }

/* Menu buttons EVENTS page */
#btnevents {background-image:url(images/btn_menu_events_events.png);}
#btnevents:hover {background-image:url(images/btn_menu_events_events_over.png);}

#echtekaarten {background-image:url(images/btn_menu_events_echtekaarten.png);}
#echtekaarten:hover {background-image:url(images/btn_menu_events_echtekaarten_over.png);}

#downloads {background-image:url(images/btn_menu_events_downloads.png);}
#downloads:hover {background-image:url(images/btn_menu_events_downloads_over.png);}

#games {background-image:url(images/btn_menu_events_games.png);}
#games:hover {background-image:url(images/btn_menu_events_games_over.png);}

#filmpjes {background-image:url(images/btn_menu_events_filmpjes.png);}
#filmpjes:hover {background-image:url(images/btn_menu_events_filmpjes_over.png);}

#kleurplaten {background-image:url(images/btn_menu_events_kleurplaten.png);}
#kleurplaten:hover {background-image:url(images/btn_menu_events_kleurplaten_over.png);}

#acties {background-image:url(images/btn_menu_events_acties.png);}
#acties:hover {background-image:url(images/btn_menu_events_acties_over.png);}

#agenda {background-image:url(images/btn_menu_events_agenda.png);}
#agenda:hover {background-image:url(images/btn_menu_events_agenda_over.png);}

/* Menu buttons CLASSICS page */
#btnclassics {background-image:url(images/btn_menu_classics_classics.png);}
#btnclassics:hover {background-image:url(images/btn_menu_classics_classics_over.png);}

#btnclassics_echtekaarten {background-image:url(images/btn_menu_classics_echtekaarten.png);}
#btnclassics_echtekaarten:hover {background-image:url(images/btn_menu_classics_echtekaarten_over.png);}

#btnclassics_downloads {background-image:url(images/btn_menu_classics_downloads.png);}
#btnclassics_downloads:hover {background-image:url(images/btn_menu_classics_downloads_over.png);}

#btnclassics_games {background-image:url(images/btn_menu_classics_games.png);}
#btnclassics_games:hover {background-image:url(images/btn_menu_classics_games_over.png);}

#btnclassics_filmpjes {background-image:url(images/btn_menu_classics_filmpjes.png);}
#btnclassics_filmpjes:hover {background-image:url(images/btn_menu_classics_filmpjes_over.png);}

#btnclassics_kleurplaten {background-image:url(images/btn_menu_classics_kleurplaten.png);}
#btnclassics_kleurplaten:hover {background-image:url(images/btn_menu_classics_kleurplaten_over.png);}

#btnclassics_agenda {background-image:url(images/btn_menu_classics_agenda.png);}
#btnclassics_agenda:hover {background-image:url(images/btn_menu_classics_agenda_over.png);}


/*_Content______________________________________*/
#disneyContent {
    float:left;
    width:709px; /* max content width = 737px */
    min-height:481px;
    margin-left:25px;
    /* border:solid 1px #ff00ff; Paars */
    }


/*_Carousel_____________________________________*/
#disneyCarousel, #disneyCarousel2 {
    position:inherit;
    width:672px;
    height:175px;
    padding:0;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }

#disneyCarousel ul, #disneyCarousel2 ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    }

#disneyCarousel ul a .hide, #disneyCarousel2 ul a .hide {
	cursor:pointer;
	display:none;
	outline:none;
	}

#disneyCarousel ul a:hover .hide, #disneyCarousel2 ul a:hover .hide {
    position:absolute;
    display:block;
    z-index:100;
    }

#disneyCarousel ul hide, #disneyCarousel2 ul hide {
    vertical-align:top;
    width:138px;
    height:175px;
    }

#disneyCarousel ul li, #disneyCarousel2 ul li {
    float:left;
    position:relative;
    }

#disneyCarousel ul .hide, #disneyCarousel2 ul .hide {
    vertical-align:top;
    width:168px;
    height:175px;
    }

.woody, .fig1 {left:0;}
.sully, .tiana, .buzz, .fig2_4 {left:-18px;}
.remy, .fig5 {left:-30px;}




/*_Wis je dat container, Kleurplaten container__*/
#wisjedatcontainer, #kleurplatenBoxContainer {
    width:672px;
    min-height:186px;
    /* border:solid 2px #00cccc; Mint */
    }

.character {
    width:672px;
    height:186px;
    }

.characterClassics {
    width:672px;
    height:230px;
    }

/* Disney EVENTS - Carousel, 'Wist je dat' page images */
#nextgeneration, #kleurplatenIntro {display:block;}
#wjd_woody {background-image:url(images/wjd_events_woody.png); display:none;}
#wjd_sully {background-image:url(images/wjd_events_sully.png); display:none;}
#wjd_tiana {background-image:url(images/wjd_events_tiana.png); display:none;}
#wjd_buzz {background-image:url(images/wjd_events_buzz.png); display:none;}
#wjd_remy {background-image:url(images/wjd_events_remy.png); display:none;}

/* Disney CLASSICS - Carousel, 'Wist je dat' page images */
#classicsIntro {display:block;}
#wjd_winnie {background-image:url(images/wjd_classics_winnie.png); display:none;}
#wjd_mickey {background-image:url(images/wjd_classics_mickey.png); display:none;}
#wjd_minnie {background-image:url(images/wjd_classics_minnie.png); display:none;}
#wjd_tinkerbell {background-image:url(images/wjd_classics_tinkerbell.png); display:none;}
#wjd_bambi {background-image:url(images/wjd_classics_bambi.png); display:none;}

/* Disney EVENTS - Kleurplaten page */
#kleurpl_tiana {background-image:url(images/kleurplaten_events_tiana.png); display:none;}
#kleurpl_naveen {background-image:url(images/kleurplaten_events_naveen.png); display:none;}
#kleurpl_ray {background-image:url(images/kleurplaten_events_ray.png); display:none;}
#kleurpl_louis {background-image:url(images/kleurplaten_events_louis.png); display:none;}
#kleurpl_frogs {background-image:url(images/kleurplaten_events_frogs.png); display:none;}

/* Disney CLASSICS - Kleurplaten page */
#kleurpl_winnie {background-image:url(images/classics_kleurplaten_winnieandfriends.png); display:none;}
#kleurpl_mickey {background-image:url(images/classics_kleurplaten_mickeyanddonald.png); display:none;}
#kleurpl_minnie {background-image:url(images/classics_kleurplaten_minnieanddaisy.png); display:none;}
#kleurpl_tinkerbell {background-image:url(images/classics_kleurplaten_tinkerbellandfairies.png); display:none;}
#kleurpl_bambi {background-image:url(images/classics_kleurplaten_bambiandfriends.png); display:none;}


/*_Banner_______________________________________*/
.bannerContainer {
    width:672px;
    height:186px;
    /* border:solid 2px #00cccc; Mint */
    }

/*_Echte kaarten________________________________*/
#echteKaartenContainer {
    position:inherit;
    width:682px;
    height:325px;
    padding:0;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }


/*_Downloads____________________________________*/
#wallpapersContainer {
    position:inherit;
    width:672px;
    height:270px;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }

#wallpapersClassicsContainer {
    position:inherit;
    width:672px;
    height:832px;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }

#screensaverContainer {
    position:inherit;
    width:672px;
    height:270px;
    /* border:solid 2px #ff00ff; Paars */
    }


/*_Games________________________________________*/
#gamesContainer {
    position:inherit;
    width:672px;
    height:476px;
    margin-top:120px;
    background:url(images/games_div.png) no-repeat;
    padding-left:21px;
    padding-top:26px;
    /* border:solid 1px #ff00ff; Paars */
    }

#gamesContainerClassics {
    position:inherit;
    width:682px;
    height:325px;
    padding:0;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }

/*_Filmpjes_____________________________________*/
#filmpjesContainer {
    position:inherit;
    width:682px;
    height:480px;
    padding:0;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }


/*_Acties_______________________________________*/
#actiesContainer {
    position:inherit;
    width:672px;
    min-height:945px;
    padding:0;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }


/*_OptIn_BlijfOpDeHoogte________________________*/
#optInContainer {
    float:right;
    width:672px;
    height:340px;
    background:url(images/acties_box3_be.png) no-repeat;
    }

.OptIn_BlijfOpDeHoogte {
    float:right;
    width:225px;
    height:120px;
    margin:117px 6px 0 0;
    padding-right:30px;
    }


/*_Input field style____________________________*/
.inputstyle {
    width:220px;
    line-height:20px;
    padding:2px;
    margin:0 0 3px 0;
    border:solid 1px #CCC;
    }


/*_Agenda_______________________________________*/
#agendaContainer {
    position:inherit;
    width:672px;
    margin-top:120px;
    /* border:solid 2px #ff00ff; Paars */
    }

#timeLineContainer {
    position:inherit;
    display:inline-block;
    width:672px;
    height:60px;
    }

.timeLine_btn {
    display:inline-block;
    height:30px;
    border:0;
    /* border:solid 1px #ff00ff; /* Paars */
    }

.timeLine_btn a {
    display:inline-block;
    cursor:pointer;
    }

#monthImg1 {display:inline-block; background-image:url(images/agenda_timeline_month_01.png); height:30px; width:100px;}
#monthImg2 {display:inline-block; background-image:url(images/agenda_timeline_month_02.png); height:30px; width:46px;}
#monthImg3 {display:inline-block; background-image:url(images/agenda_timeline_month_03.png); height:30px; width:100px;}
#monthImg4 {display:inline-block; background-image:url(images/agenda_timeline_month_04.png); height:30px; width:46px;}

#monthJan {display:inline-block; background-image:url(images/agenda_timeline_month_jan.png); height:30px; width:76px;}
#monthJan:hover {display:inline-block; background-image:url(images/agenda_timeline_month_jan_over.png); height:30px; width:76px;}

#monthFeb {display:inline-block; background-image:url(images/agenda_timeline_month_feb.png); height:30px; width:118px;}
#monthFeb:hover {display:inline-block; background-image:url(images/agenda_timeline_month_feb_over.png); height:30px; width:118px;}

#monthMaa {display:inline-block; background-image:url(images/agenda_timeline_month_maa.png); height:30px; width:84px;}
#monthMaa:hover {display:inline-block; background-image:url(images/agenda_timeline_month_maa_over.png); height:30px; width:84px;}

#monthApr {display:inline-block; background-image:url(images/agenda_timeline_month_apr.png); height:30px; width:84px;}
#monthApr:hover {display:inline-block; background-image:url(images/agenda_timeline_month_apr_over.png); height:30px; width:84px;}

#monthMei {display:inline-block; background-image:url(images/agenda_timeline_month_mei.png); height:30px; width:83px;}
#monthMei:hover {display:inline-block; background-image:url(images/agenda_timeline_month_mei_over.png); height:30px; width:83px;}

#monthJun {display:inline-block; background-image:url(images/agenda_timeline_month_jun.png); height:30px; width:83px;}
#monthJun:hover {display:inline-block; background-image:url(images/agenda_timeline_month_jun_over.png); height:30px; width:83px;}

#monthJul {display:inline-block; background-image:url(images/agenda_timeline_month_jul.png); height:30px; width:84px;}
#monthJul:hover {display:inline-block; background-image:url(images/agenda_timeline_month_jul_over.png); height:30px; width:84px;}

#monthAug {display:inline-block; background-image:url(images/agenda_timeline_month_aug.png); height:30px; width:84px;}
#monthAug:hover {display:inline-block; background-image:url(images/agenda_timeline_month_aug_over.png); height:30px; width:84px;}

#monthSep {display:inline-block; background-image:url(images/agenda_timeline_month_sep.png); height:30px; width:83px;}
#monthSep:hover {display:inline-block; background-image:url(images/agenda_timeline_month_sep_over.png); height:30px; width:83px;}

#monthOkt {display:inline-block; background-image:url(images/agenda_timeline_month_okt.png); height:30px; width:83px;}
#monthOkt:hover {display:inline-block; background-image:url(images/agenda_timeline_month_okt_over.png); height:30px; width:83px;}

#monthNov {display:inline-block; background-image:url(images/agenda_timeline_month_nov.png); height:30px; width:116px;}
#monthNov:hover {display:inline-block; background-image:url(images/agenda_timeline_month_nov_over.png); height:30px; width:116px;}

#monthDec {display:inline-block; background-image:url(images/agenda_timeline_month_dec.png); height:30px; width:74px;}
#monthDec:hover {display:inline-block; background-image:url(images/agenda_timeline_month_dec_over.png); height:30px; width:74px;}

.monthBox {
    width:672px;
    min-height:150px;
    }

#monthMaaBox {background:url(images/agenda_month_maa.png) no-repeat 0 40px;}
#monthMeiBox {background:url(images/agenda_month_mei.png) no-repeat 0 30px;}
#monthJunBox {background:url(images/agenda_month_jun.png) no-repeat 0 40px;}
#monthOktBox {background:url(images/agenda_month_okt.png) no-repeat 0 40px;}
#monthNovBox {background:url(images/agenda_month_nov.png) no-repeat 0 40px;}
#monthDecBox {background:url(images/agenda_month_dec.png) no-repeat 0 40px;}

.monthSize {
    width:280px;
    height:150px;
    border:0;
    }

.alignLeft {float:left;}
.alignRight {float:right;}