@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	background-color: #4C4D9D;
	margin: 0px;
	padding: 0px;
}
a {
	color: #EB008B;
	text-decoration: none;
}
a:hover {
	color: #EB008B;
	text-decoration: underline;
}
#wrapper {
	background-color: #000000;
	background-image: url(../img/bg_concert1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 171px;	
	height: 100%;
	width: 900px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#page {
}
#logo {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 900px;
	background-color: #000000;
}
ul.topmenu {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	display: block;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	margin-top: 0px;
	width:auto;
}
ul.topmenu li {
	width:40px;
	display: inline;
	float: left; /* voor IE */
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.topmenu a {
	color: #FFFFFF;
	text-decoration: none;
}
#menuvlak  {
	background-color: #aa9B6B;
	height: 116px;
	min-height: 116px;
	width: 900px;	
}


/* met IE fixes etc */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	width: auto;
	display:block;
}
ul.menu { height:116px; }
ul.menu, ul.menu ul {
  width: auto;                 /* sets the size of the menu blocks */
  border: none;      /* geen border om ul blok */
  background-color: #aa9B6B;      /* a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  padding: 0px;
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.menu li {
  width: auto;
  display: block;	/* horizontaal menu */
  float: left; /* voor IE */
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #000;                 /* default tekst kleur zwart */
  margin-left: 15px;
  margin-right: 25px;  /* 15 links en 40 px tussen hor menu  */
}
ul.menu li li {
	margin: 0px; 	/* voor submenu's */
	display: block;	/* verticaal submenu */
	clear: both; /* anders kleinere menu items naast ipv onder elkaar. */
	white-space: nowrap;
	padding-right: 5px;
}
ul.menu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 17px;                    /* position slightly lower than the parent menu item */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.menu li:hover, ul.menu li.CSStoHighlight {
  /* background-color: #ffa;      gives the active menu items a yellow background */
  color: #fff;                 /* makes the active menu item text black */ 
}
ul.menu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.menu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.menu li a { color: #000; display: block; width: 100%; text-decoration: none; }
ul.menu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #fff; }
ul.menu li:hover > a { color: #fff; } /* supports links in branch headings - should not be display: block; */
.menu a {
	text-decoration: none;
	color: #000; 
}
ul.menu li.select > ul { /* geselecteerd menu item */
	display: inline-block;
}
ul.menu li.select, ul.menu li.select a, .menu .select .select a  {/* kopje menu en submenu select wit */
	color: #fff; 
}
ul.menu li.select li, ul.menu li.select li a { /*submenu onder geselecteerd kopje wel weer zwart */
	color: #000; 
}
ul.menu li.select li a:hover {/*submenu onder geselecteerd kopje weer hover wit */
	color: #fff; 
}
li.select {
	z-index: 0;
}
li {
	z-index: 100;
}
#content {
	float:left;
	left: -15px;
	top: 116px;
	background-color: none;
	position: relative;
	height: 0px; /* anders verschuift menu item */
	width: 0px;
	color: #000;
}
#intro {
	background-color: #ffffff;
	position: relative;
	width: 345px; /*  vlak 375px, minus 2x padding 15 px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 2px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 7px;
}
#hoofdkolom {
	background-color: #FFFFFF;
	position: relative;
	width: 420px; /*  vlak 450px, minus 2x padding 15 px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom:15px;
	display: block;
	margin: 0px;
	min-height: 100px;
	max-height: 385px;
	overflow: auto;

      SCROLLBAR-FACE-COLOR: #fff;          /* werkt in IE niet Ffox */

      SCROLLBAR-HIGHLIGHT-COLOR: #fff;

      SCROLLBAR-SHADOW-COLOR: #cacaca;

      SCROLLBAR-3DLIGHT-COLOR: #ccc;

      SCROLLBAR-ARROW-COLOR: #cacaca;

      SCROLLBAR-TRACK-COLOR: #fff;

      SCROLLBAR-DARKSHADOW-COLOR: #cacaca;     
}
p {
	margin-top: 0px;
	margin-bottom: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content ul, #rightcolumn ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* opheffen ul en li van menu op het "gewone" pagina deel */

#content  ul {

                width:345px; /* breedte tekst in hoofdkolom en intro */

                /* NB als andere breedte #hoofdkolom of #intro  in sub css dan ook andere breedte ul in sub css aangeven */

               display: block;

                visibility: visible;

                background:none;

                margin-top:0px;

                float:none;

                text-align: left;
                clear:both;
                position: relative; 
                height: auto;
				top: 0;
				left: 0;
}

#content li {
				top: 0;
				left: 0;
				
				clear:both;
                width:100%;
				
                list-style-type: circle;
				
               

                padding-left:20px;

                background-color:#FFFFFF;
                background: none;

                display: block;

                float:none;

                text-align: left;

                white-space: normal;

               background-image: url(../img/bullet.gif);

                background-repeat: no-repeat;
                background-position: -6px 2px;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	color: #4C4D9D;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	color: #666500;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 .stuk {
	font-style: italic;
}

.datum {
	color: #4C4D9D;
}
/* expliciet nodig omdat content binnen menu zit */
#content a {
	color: #EB008B;
	text-decoration: none;
	display: inline;
	width: auto;
}
#content a:hover {
	color: #EB008B;
	text-decoration: underline;
}
.functie {
	font-style: italic;
}

#rightcolumn {
	float: right;
}
#leftcolumn {
	float: left;
}
#content a.zaal { /*links naar zalen op concertagenda */
	color:  black;
	text-decoration: none;
}
#content a.zaal:hover { 
	color: #EB008B;
	text-decoration: underline;
}
#rightcolumn ul { /* IE fix in header */
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	list-style-image: none;
	background-image: none;
	display: block;
}
#rightcolumn li {
	padding-left: 0px;
	margin-left: 15px;
	margin-bottom: 19px;
}
a img {
	border:none;
}
a:hover img , a img:hover, a:hover img:hover {
	text-decoration: none; /* anders underline voor beeld */
}
#leftcolumn p, #leftcolumn li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color:#ffffff;
}
#leftcolumn a, #rightcolumn a   {
	color:#ffffff;
}

.newsitem_list_month, #newsitem_today{

display:none;



	}

.newsitem_list_title{
	color:#415a68;
	margin-bottom: 6px;	
	margin-top: 12px;
	display: block;

	}
.newsitem_list_summary{
	/*background-color:black;*/
	}
.newsitem{
	margin-bottom:10px;
	}



	
	
.newsitem p{

/*display:inline;*/
}