﻿/* MENU DESKTOP */

/* MENU CONTAINER */
.CASTmenuContainer{
float:left;
position:relative;
top:40px;
right:-3px;
width:232px;
margin:-30px 0 -30px 0
}
.CASTmenuContainer a:hover,
.CASTmenuContainer a:active{color:#daa520;text-decoration:none}

/* BEGIN BUTTON */
.CASTbeginButton{
z-index:3;
position:absolute;
width:100%;
height:35px;
margin-top:-20px;
padding:0 0 0px 34px;
font-size:1.0em;
letter-spacing:0.3em;
text-align:left;
background-color:#dcdcdc;
border-radius:20px 0 0 0
}

/* BEGIN BUTTON A */
.CASTbeginButton a{
display:block;
width:auto;
margin-top:4px;
font-size:1.1em;
color:#daa520;
text-shadow:1px 1px 1px #000;
text-decoration:none
}

/* MENU */
.CASTmenu{
position:relative;
top:-50px;
left:0;
width:100%;
margin-top:50px
}

/* DROPDOWNMENU */
.CASTdropdownMenu{
display:none; /* wordt zichtbaar na hover */
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
padding:0 0 5px 0;
font-size:1.0em;
}

/* CONTENT HEADER */
.CASTcontentHeader{
width:100%;
margin-top:4px;
padding:2px 0 2px 0;
font-size:1.0em;
text-align:left;
text-shadow:1px 1px 1px #000;
color:#dcdcdc;
background:linear-gradient(90deg, rgba(218,165,32,0.9), black, rgba(218,165,32,0.3));
border-radius:12px 0 0 12px
}

.CASTcontentHeader a:link,
.CASTcontentHeader a:visited{color:#dcdcdc !important;text-decoration:none}
.CASTcontentHeader a:hover,
.CASTcontentHeader a:active{color:#fff !important;text-decoration:none}

/* CONTENT HEADER IMG*/
.CASTcontentHeader img{margin:0 3px -3px 5px;width:20px;border-radius:10px 0 0 10px}

/* CONTENT HEADER HOVER */
.CASTcontentHeader:hover{
background-color:#000;
color:#fff
}

/* MENU INHOUD */
.CASTmenuInhoud{
width:100%;
padding-left:8px;
font-size:0.9em
}

/* MENU SLUITEN */
.CASTmenuSluite{
position:static;
width:100%;
height:43px;
margin-top:15px;
padding:11px 0 0 5px;
font-size:1.0em;
text-align:left;
background-color:#dcdcdc;
color:#daa520;
text-shadow:1px 1px 1px #000;
}

/* DROPDOWNMENU */
.CASTdropdownMenu a{display:block;padding:2px 5px 0 0}
.CASTdropdownMenu a:link,
.CASTdropdownMenu a:visited{color:#808080;text-decoration:none}
.CASTdropdownMenu a:hover,
.CASTdropdownMenu a:active{color:#204ac8;text-decoration:none}

/* MENU HOVER */
.CASTmenu:hover .CASTdropdownMenu{
z-index:4;
display:block;
top:10px;
height:auto;
margin-top:-2px;
padding:3px 0 15px 0;
background-color:#dcdcdc;
border-radius:0 0 20px 20px;
cursor:pointer;
}
