﻿body
{
	font: 11px/1.5 Verdana;
	/*font-family: Verdana;
	font-size: 11px;*/
	color: #666;
	background-image: url('../images/bgstroke.png');
	background-repeat: repeat-x;
	margin: 0px;
}
html, body, .form1
{
	height: 100%;
}
.preloadimage01
{
	background-image: url('../images/menu_winacties_hover.gif');
	display: none;
}
.preloadimage02
{
	background-image: url('../images/menu_artiesten_hover.gif');
	display: none;
}
.preloadimage03
{
	background-image: url('../images/menu_contact_hover.gif');
	display: none;
}
.preloadimage04
{
	background-image: url('../images/menu_dancesmash_hover.gif');
	display: none;
}
.preloadimage05
{
	background-image: url('../images/menu_hitlijst_hover.gif');
	display: none;
}
.preloadimage06
{
	background-image: url('../images/menu_home_hover.gif');
	display: none;
}
.preloadimage07
{
	background-image: url('../images/menu_info_hover.png');
	display: none;
}
.preloadimage08
{
	background-image: url('../images/menu_interviews_hover.gif');
	display: none;
}
.preloadimage09
{
	background-image: url('../images/menu_links_hover.png');
	display: none;
}
.preloadimage10
{
	background-image: url('../images/menu_muziek_hover.gif');
	display: none;
}
.preloadimage11
{
	background-image: url('../images/menu_nieuws_hover.gif');
	display: none;
}

img
{
/*border: solid 1px #999;	*/
}
a
{
	color: #ff4f00; /*1F90D3;*/
	text-decoration: none;
}
a:hover
{
	color: #ff4f00; /*#F00;*/
	text-decoration: underline;
}
a img
{
	border: solid 0px #FFF;
}
h1
{
	font: 28px/1.5em Arial, Helvetica, sans-serif;
	color: #ff4f00; /*3e3d3b;*/
}
h2
{
	font: 22px/1.5em Arial, Helvetica, sans-serif;
	color: #ff4f00;
	margin-bottom: -4px;
	margin-top: 0px;
}
.blocksmall h2
{
    color: #000;  
}
h3, h3 a
{
	font-size: 12px;
	color: #555;
	margin-bottom: 1px;
}
.input
{
	font: 1.25em/1.67em Georgia, "Times New Roman" , Times, serif;
	border: solid 1px #AAA;
	color: #222;
	height: 25px;
	width: 300px;
	padding-left: 5px;
}
.inputsearch
{
	font: 1.25em/1.67em Georgia, "Times New Roman" , Times, serif;
	border: solid 0px #4BA8DF;
	color: #222;
	height: 26px;
	width: 190px;
	padding-left: 27px;
	background-image: url('../images/search.png');
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.buttonsearch
{
	font-size: 15px;
	height: 28px;
	background-color: #EFEFEF;
	border: solid 0px #4BA8DF;
	margin-left: 4px;
}
.inputmultiline
{
	font: 1.25em/1.67em Georgia, "Times New Roman" , Times, serif;
	border: solid 1px #AAA;
	color: #222;
	width: 500px;
	padding-left: 5px;
}

.button
{
	font-size: 14px;
	height: 28px;
	background-color: #EFEFEF;
	border: solid 1px #AAA;
	margin-top: 5px;
	margin-right: 8px;
}
.button:hover, .buttonsearch:hover
{
	cursor: pointer;
}

.buttonupload
{
    font-size: 14px;
    background-color: #EFEFEF;
    border: solid 1px #AAA;
    padding: 8px;
    color: #000;
}
.buttonupload:hover
{
    cursor: pointer;
}


.pager
{
	font-size: 16px;
	font-weight: bold;
}
.pager a
{
	font-weight: normal;
}
.pager td table tr td
{
	border: solid 1px #DEDEDE;
	width: 40px;
	height: 40px;
	text-align: center;
}

.pagingitem
{
	float: left;
	font-size: 16px;
	text-align: center;
	display: block;
	width: 40px;
	height: 30px;
	border-top: #dedede 1px solid;
	border-left: #dedede 1px solid;
	border-bottom: #dedede 1px solid;
	padding-top: 10px;
}
.pagingitemclose
{
	float: left;
	display: block;
	width: 2px;
	height: 30px;
	border-left: #dedede 1px solid;
	padding-top: 10px;
}
.pagingitem a:hover
{
	text-decoration: none;
}

.checkbox, .radio
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio
{
	background: url(radio.png) no-repeat;
}
.select
{
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}


#crumbtrail {margin: 0; padding: 0; list-style: none;}
#crumbtrail li {background: url("../images/crumbsep.gif") 1px 50% no-repeat; display: inline; padding: 0 0 0 11px;margin: 0; color: #666666; font-size: 14px; margin-right: 15px;}


.headerlink a, .headerlink
{
	color: Red !important;
	font-size: 20px;
}




.blocksmalltop
{
	background-image: url(  '../images/blocktop.png' );
	background-repeat: no-repeat;
	height: 7px;
	width: 258px;
}
.blocksmall
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(  '../images/blockcenter.png' );
	background-repeat: repeat-y;
	width: 235px;
}
.blocksmallbottom
{
	background-image: url(  '../images/blockbottom.png' );
	background-repeat: no-repeat;
	height: 15px;
	width: 258px;
}


.content
{
	font-size: 12px;
	line-height: 20px;
	padding: 35px 15px 15px 15px; /*text-align: justify;*/
}
#introtext
{
	/*font: italic 1.25em/1.67em Georgia, "Times New Roman" , Times, serif;*/
	font: 1.25em/1.67em Georgia, "Times New Roman" , Times, serif;
	color: #333;
}
.wrapper
{
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -200px;
}
.footerwrapper
{
	width: 1000px;
	margin: auto;
}
.toplogo
{
	float: left;
	height: 159px; /*108px;*/
	width: 441px;
	background-image: url(     '../images/ddancelogo3.png' );
	background-repeat: no-repeat;
	background-position:center;
	/*width: 364px;
	background-image: url(     '../images/ddancelogo.png' );
	background-repeat: no-repeat;
	margin-top: 25px;
	height: 83px;*/
}
.searchbox
{
	float: left;
	width: 515px;
	text-align: right;
	margin-top: 46px;
}
.menubar
{
	height: 53px;
	float: none;
	clear: both;
}
.menuitem
{
	height: 53px;
	background-repeat: no-repeat;
	float: left;
}

.menusubitem
{
	display: block;
	height: 53px;
	font-size: 19px;
	text-align: center;
	color: #FFF;
	vertical-align:text-bottom;
}
.menusubitem:hover
{
	background-color: #1E6691;
}
.menusubitem a, .menusubitem a:hover
{
	text-decoration: none;
	color: #FFF;
}
.menuitem:hover
{
	background-repeat: no-repeat;
	cursor: hand;
}
#menu_home
{
	width: 129px;
	background-image: url(     '../images/menu_home.gif' );
}
#menu_home:hover
{
	background-image: url(     '../images/menu_home_hover.gif' );
}
#menu_nieuws
{
	width: 158px;
	background-image: url(     '../images/menu_nieuws.gif' );
}
#menu_nieuws:hover
{
	background-image: url(     '../images/menu_nieuws_hover.gif' );
}
#menu_interviews
{
	width: 158px;
	background-image: url(     '../images/menu_interviews.gif' );
}
#menu_interviews:hover
{
	background-image: url(     '../images/menu_interviews_hover.gif' );
}
#menu_winacties
{
	width: 191px;
	background-image: url(     '../images/menu_winacties.gif' );
}
#menu_winacties:hover
{
	background-image: url(     '../images/menu_winacties_hover.gif' );
}
#menu_muziek
{
	width: 154px;
	background-image: url(     '../images/menu_muziek.gif' );
}
#menu_muziek:hover
{
	background-image: url(     '../images/menu_muziek_hover.gif' );
}


#menu_dancesmash
{
	width: 154px;
	background-image: url(     '../images/menu_dancesmash.gif' );
}
#menu_dancesmash:hover
{
	background-image: url(     '../images/menu_dancesmash_hover.gif' );
}
#menu_hitlijst
{
	width: 154px;
	background-image: url(     '../images/menu_hitlijst.gif' );
}
#menu_hitlijst:hover
{
	background-image: url(     '../images/menu_hitlijst_hover.gif' );
}






#menu_artiesten
{
	width: 189px;
	background-image: url(     '../images/menu_artiesten.gif' );
}
#menu_artiesten:hover
{
	background-image: url(     '../images/menu_artiesten_hover.gif' );
}
#menu_contact
{
	width: 172px;
	background-image: url(     '../images/menu_contact.png' );
}
#menu_contact:hover
{
	background-image: url(     '../images/menu_contact_hover.png' );
}

#menu_links
{
	width: 172px;
	background-image: url(     '../images/menu_links.png' );
}
#menu_links:hover
{
	background-image: url(     '../images/menu_links_hover.png' );
}
#menu_info
{
	width: 172px;
	background-image: url(     '../images/menu_info.png' );
}
#menu_info:hover
{
	background-image: url(     '../images/menu_info_hover.png' );
}





#menu_close
{
	width: 7px;
	background-image: url(     '../images/menu_close.png' );
}
.activemenu
{
	background-image: url(  '../images/menu_active.png' );
	background-repeat: no-repeat;
	background-position: center;
	height: 11px;
	width: 100%;
	margin-top: 42px; /*42px*/
}
#menu_home_active
{
}
.navlist
{
	padding-top: 9px;
}
.navlist a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.navlist a:hover
{
	color: #FF0000;
}
.navlist li
{
	list-style-type: none;
	display: inline-block;
	width: 130px;
	zoom: 1; *display:inline;
}

.push
{
	height: 200px;
}
.footer
{
	background-color: #E3E3E3;
	border-top: solid 1px #777;
	height: 200px;
	line-height: 20px;
}
.footer a
{
	
	text-decoration: none;
}
.footer a:hover
{
	color: #F00;
	text-decoration: underline;
}
.footermenupane, .footermenupaneextern
{
	float: left;
	width: 220px;
	border-left: dotted 1px #AAA;
	height: 175px;
	padding-left: 25px;
	padding-top: 25px;
}
#footerpanesmall
{
	width: 3px;
}
#footerpanemedium
{
	width: 220px;
}
#footerpanelarge
{
	width: 330px;
}

.footermenupane ul, .footermenupaneextern ul
{
	margin-top: 10px;
}
.footermenupaneextern li
{
	list-style-type: none;
	margin-left: -38px;
}
.footermenupane li
{
}
.colkey
{
	float: left;
	clear: both;
	width: 150px;
	padding-top: 17px;
	font-size: 13px;
	font-weight: bold;
}
.colvalue
{
	float: left;
	padding-top: 15px;
}


/*Ajax validator extender*/

.highlight
{
	background-color: LemonChiffon;
}
.ajax__validatorcallout div, .ajax__validatorcallout td
{
	border: solid 1px Black;
	background-color: LemonChiffon;
}
.ajax__validatorcallout_popup_table
{
	border: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none !important;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none !important;
	background-color: transparent !important;
}
.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
	width: 15px;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}
.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	padding: 0px;
	margin: 0px 0px 0px auto;
}
.ajax__validatorcallout_error_message_cell
{
	font-family: Arial!important;
	font-size: 16px!important;
	color: #353535;
	padding: 5px;
	border-right: none !important;
	border-left: none !important;
	width: 100%;
}
.ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	margin: 0px;
	border-right: none !important;
}
.ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	text-align: right;
	border-left: none !important;
}
.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none !important;
	text-align: center;
	width: 17px!important;
	padding: 2px;
	cursor: pointer;
}




/* Slider */
        .container
        {
            width: 675px;
            height: 290px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
        }
        div.slides
        {
            position: absolute;
            top: 0;
            left: 0;
        }
        ul.slides
        {
            position: absolute;
            top: 0;
            left: 0;
            list-style: none;
            padding: 0;
            margin: 0;
        }
        div.slides > div, ul.slides li
        {
            position: absolute;
            top: 0;
            width: 675px;
            display: none;
            padding: 0;
            margin: 0;
        }
        #loopedSlider, #newsSlider
        {
            margin: 0 auto;
            width: 675px;
            position: relative;
            clear: both;
        }
        ul.pagination
        {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        ul.pagination li
        {
            float: left;
        }
        ul.pagination li a
        {
            margin-left: 5px;
            width: 13px;
            height: 13px;
            display: block;
            background-image: url('../images/slidercircleopen.gif' );
            background-repeat: no-repeat;
            text-decoration: none;
        }
		ul.pagination li a:hover
        {
        	background-image: url('../images/slidercirclehover.gif' );
        	 background-repeat: no-repeat;
        	text-decoration: none;
        }
        ul.pagination li.active a
        {
            width: 13px;
            height: 13px;
            display: block;
            background-image: url('../images/slidercircleclosed.gif' );
            background-repeat: no-repeat;
            text-decoration: none;
        }




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url('../images/grd_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url('../images/grd_alt.png') repeat-x top; }
.mGrid .pgr {background: #424242 url('../images/grd_pgr.png') repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }

.colKey
{
	width:125px;
	float:left;
}
.colValue
{
	width:750px;
	float:left;
}
.colEnd
{
	float:none;
	clear:both;
	height: 20px;	
}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	margin-left: 0px !important;
	background-color: #EFEFEF;
	color: #545454;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow: auto;
	height: 170px;
	padding-left: 1px;
	list-style-type: none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem
{
	padding: 3px;
	cursor: pointer;
}