/*********************************************/
/* Dansk psykolog forening website 2009      */
/* Topmenu_hover.css = topmenu hover styling */
/* Netmester A/S august 2009                 */
#topMenu li
{
	position:relative;
	float:left;
	list-style-type:none;
}
.menuDropDown
{
    /* stub */
}
#topMenu li .menuDropDown
{
    visibility:hidden;
	position:absolute;
	width:1008px;
	height:auto;
	padding:0px;
	padding-bottom:10px;
}
#topMenu li .menuDropDown ul
{
        margin:10px 0px 0px -20px;
}
/* the "sign up for the news mail" area in the topMenu */
#topMenu #topMenuSection01 .menuDropDown ul
{
    float:left;
    width:645px;
}
#topMenu #topMenuSection01 .menuDropDown #getNewsMail
{
    float:left;
    width:310px;
    margin-top:15px;
    padding-left:15px;
    border-left:1px solid black;
}
#getNewsMail .txtInput1
{
    width:144px;
    float:left;
    margin-top:5px;
    margin-right:5px;
}
#getNewsMail input[type="button"],
#getNewsMail input[type="submit"]
{
    background-color:#7D0451;
    margin:10px 5px 0px 0px;
}
#topMenu #topMenuSection01 .menuDropDown #getNewsMail a
{
    font-size:0.9em;
    text-decoration:underline;
}

#topMenu li .menuDropDown ul li
{
	display:inline-block;
	list-style-type:none;
	width:159px;
	margin:1px;
}
#topMenu li .menuDropDown ul li a
{
	text-decoration:none;
	display:block;
	padding:4px 5px;
}

#topMenu li.ieFix .menuDropDown
{
    visibility:visible;
    z-index:50 !important;
}
#topMenu li.trigger .menuDropDown
{
    /* stub */
}
/* move the hover section to the left */
#topMenu #topMenuSection01 .menuDropDown
{
	margin-left:-20px;
}
#topMenu #topMenuSection02 .menuDropDown
{
	margin-left:-183px;
}
#topMenu #topMenuSection03 .menuDropDown
{
	margin-left:-344px;
}
#topMenu #topMenuSection04 .menuDropDown
{
	margin-left:-505px;
}
#topMenu #topMenuSection05 .menuDropDown
{
	margin-left:-666px;
}
#topMenu #topMenuSection06 .menuDropDown
{
	margin-left:-827px;
}

/* topMenuSection01 */
#topMenu #topMenuSection01 .menuDropDown
{
    background:#fff4fd;
    background-image:url(../graphics/topmenu/topMenu_hover_top_01.gif);
    
}
#topMenu #topMenuSection01 .menuDropDown,
#topMenu #topMenuSection01 .menuDropDown #getNewsMail a,
#topMenu #topMenuSection01 .menuDropDown li a
{
    color:#431227;
}
#topMenu #topMenuSection01:hover,
#topMenu #topMenuSection01 li a:hover
{
    background:#eee1ea;
}

/* topMenuSection02 */
#topMenu #topMenuSection02 .menuDropDown
{
    background:#D3E1E4;
    background-image:url(../graphics/topmenu/topMenu_hover_top_02.gif);
}
#topMenu #topMenuSection02 .menuDropDown,
#topMenu #topMenuSection02 .menuDropDown li a
{
    color:#073739;
}
#topMenu #topMenuSection02:hover,
#topMenu #topMenuSection02 li a:hover
{
    background:#E3F1F4;
}

/* topMenuSection03 */
#topMenu #topMenuSection03 .menuDropDown
{
    background:#DFE4C4;
    background-image:url(../graphics/topmenu/topMenu_hover_top_03.gif);
}
#topMenu #topMenuSection03 .menuDropDown,
#topMenu #topMenuSection03 .menuDropDown li a
{
    color:#163A16;
}
#topMenu #topMenuSection03:hover,
#topMenu #topMenuSection03 li a:hover
{
    background:#F5FADA;
}

/* topMenuSection04 */
#topMenu #topMenuSection04 .menuDropDown
{
    background:#D0D7E1;
    background-image:url(../graphics/topmenu/topMenu_hover_top_04.gif);
}
#topMenu #topMenuSection04 .menuDropDown,
#topMenu #topMenuSection04 .menuDropDown li a
{
    color:#01162B;
}
#topMenu #topMenuSection04:hover,
#topMenu #topMenuSection04 li a:hover
{
    background:#E5ECF6;
}

/* topMenuSection05 */
#topMenu #topMenuSection05 .menuDropDown
{
    background:#C5D9CE;
    background-image:url(../graphics/topmenu/topMenu_hover_top_05.gif);
}
#topMenu #topMenuSection05 .menuDropDown,
#topMenu #topMenuSection05 .menuDropDown li a
{
    color:#132F21;
}
#topMenu #topMenuSection05:hover,
#topMenu #topMenuSection05 li a:hover
{
    background:#DCECE2;
}

/* topMenuSection06 */
#topMenu #topMenuSection06 .menuDropDown
{
    background:#F5F7D0;
    background-image:url(../graphics/topmenu/topMenu_hover_top_06.gif);
}
#topMenu #topMenuSection06 .menuDropDown,
#topMenu #topMenuSection06 .menuDropDown li a
{
    color:#6C2700;
}
#topMenu #topMenuSection06:hover,
#topMenu #topMenuSection06 li a:hover
{
    background:#FFFFF3;
}

#topMenu #topMenuSection01 .menuDropDown,
#topMenu #topMenuSection02 .menuDropDown,
#topMenu #topMenuSection03 .menuDropDown,
#topMenu #topMenuSection04 .menuDropDown,
#topMenu #topMenuSection05 .menuDropDown,
#topMenu #topMenuSection06 .menuDropDown
{
    background-position:top;
    background-repeat:no-repeat;
}