body,th {font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #FFFFFF; margin-top:10px; background-color: #333333; background-image:url(../images/back.jpg); background-repeat: repeat-x}
a:link {color:#FFFFFF}
a:visited {color:#FFFFFF}
a:hover {color:#FFFFFF}
a:active {color:#FFFFFF}
body {margin-left: 0px;	margin-top: 10px; margin-right: 0px; margin-bottom: 0px;}
.w946_top10 {width: 946px;}
.mainarea { background-color: #000000; background-image: url(http://www.natkirken.dk/natcms/framework_res/images/back_main.png); background-repeat: repeat-x; vertical-align:top;}
.mainarea_nobackimage {vertical-align:top;}
.topbarcontainer { background-image:url(http://www.natkirken.dk/natcms/framework_res/images/top.gif); background-repeat: no; height: 85px; vertical-align:top;}
.topmenuelements { vertical-align:bottom; text-align:right; font-weight:bold; text-transform:uppercase; font-size:10px; padding-bottom:10px; padding-right:10px; color: #FFFFFF}
.toplink {text-transform:uppercase; font-size:10px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; padding-left:15px;}
.leftcolfront {width: 216px; vertical-align:top;}
.maincolfront {width: 500px; vertical-align:top;}
.rightcolfront {width: 230px; vertical-align:top;}

.h5 {height:5px;}
.h10 {height:0px;}
.h15 {height:15px; border-top:dotted 1px #FCBE09}
.w95p {width:95%; vertical-align:top}

.leftarea_nextelements {width: 201px; float: left; padding-top:10px; padding-left:15px}
.mainarea_nextelements {width: 485px; float: left; padding-top:10px; padding-left:15px; }
.rightarea_nextelements {width: 200px; float: left; padding-top:10px; padding-left:15px}

.menu { width: 196px;}
.program { width: 485px;}
.spot { width: 210px;}

.menudash { height:36px; vertical-align:middle; border-bottom: 1px dotted #FCBE09; font-size:24px; width:100%}

.headline { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; font-weight:normal; height: 36px;}

/* MENU STYLING START */

.arrowlistmenu{
padding: 0 5px 0 0px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 11px Arial;
font-weight: bold;
text-decoration:none;
color: #FFFFFF;
height: 10px;
padding: 0 0 0 0; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-decoration:underline;
background: url() no-repeat center left; /*custom bullet list image - TOP MENU LEVEL BULLET */
}

.arrowlistmenu .openheader{
font-weight:bold;

background: url() no-repeat center left; /*custom bullet list image* - SELECT BULLET/
 /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
text-indent: 5px;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFFFFF;
background: url(http://www.natkirken.dk/natcms/framework_res/images/arrowbullet_sub.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 3px;
padding-left: 0px; 
text-decoration: none;
font-weight: normal;
border-bottom: 1px dotted #999999;
font-size: 11px;

}

.arrowlistmenu ul li a:visited{
color: #FFFFFF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
font-weight:bold;
background-color: #876110;
background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);
background-repeat: repeat-x;
}
.arrowlistmenu ul li a:active{ /*hover state CSS*/
color: #FFFFFF;
background-color: #876110;
background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);
background-repeat: repeat-x;
}
/* MENU STYLING END */

.programtable {width: 100%}

.activeparent {background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png); background-repeat: repeat-x;}
.currentpage {background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png); background-repeat: repeat-x;}
#menu_vert {

   width: 239px;
   margin-left:-40px;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.0em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px dotted  #333333;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 9px 0 0px 0; /* some air for it */
   color: #FFFFFF; /* this will be link color for all levels */
   min-height:1.9em; /* Fixes IE7 whitespace bug */ 
   text-indent:5px;
   
   

}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {

   padding: 3px 0.0em 0.0em 0.0em;
   background-position: 0.0em center;
   margin-left:-40px;
   text-indent: 10px;

}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.0em 0.0em 0.0em 0.0em;
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #333333;
         background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);
}
div#menu_vert a.activeparent:hover {
   background-color: #333333;
   color: #FFFFFF;
   background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background-color: #333333;
   color: #fff;
      background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);
}

div#menu_vert ul ul li a.activeparent {
   background-position: 0.1em center; 
   background-color: transparent;
         background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);
   color: #18507C;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {

   background-color: #333333;
   display: block; 
   padding: 0.3em 0.0em 0.0em 0.0em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */

}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.0em 0.0em 0.0em;

            background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);

   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.0em 0.0em 0.0em;
         background-image:url(http://www.natkirken.dk/natcms/framework_res/images/hoverback_menu.png);

}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 0em 0 0.em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
   
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */

}