/*
  Main lay-out
*/
H2 {
	MARGIN-LEFT: 5px
}
H3 {
	MARGIN-LEFT: 5px
}
td {
	font-family: arial;
	font-size: 12px
}
a {
	color: blue;
	text-decoration:underline;
}
td.style2 
{
	font-family: arial;
	font-size: 12px;
	color:#666666;	
}

.tabheader
{
	text-decoration:none; border-style:none; color:#FFFFFF;
}
a:hover 
{
	color:blue;
	text-decoration:underline;
}
a.menu
{
	color: Gray;
	text-decoration:none;
}
a.menu:hover
{
	color: Red;
	text-decoration: underline;
}
.menu
{
	color: Gray;
	vertical-align:middle;
}
.searchpane
{
	height:24px;
}
.textbox
{
	width:200px;
}
.gap
{
	height:8px;
}
.advancesearch
{
	font-size:10px;
	bottom:2px;
}

body
 {
	margin: 0;
	padding: 0;

	background-image: url('../graphics/background.png');
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: arial;
	overflow: -moz-scrollbars-vertical;
	text-align: left;
}

form 
{
	margin: 0;
}

/*
  Header
*/

body div#header 
{
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	background-image: url(../gfx/achtergrond.jpg);
	background-repeat: repeat-x;
	
	display: block;
	z-index: 4;
}
* html div#header { position: absolute; }
span.menubar 
{
	position: relative;
	top: -10px;
	left: 30px;
	z-index: 4;
}

/*
  Content
*/

body div#content 
{
	top:110px;
	width: 916px;
	position: relative;
	z-index:2;
	
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.DataGridFixedHeader 
{
	background-color: black; 
	position:relative; 
	top:expression(this.offsetParent.scrollTop);
	left:expression(this.offsetParent.scrollLeft);	
}

.NormalHeader 
{
	
	position:absolutte; 
	top:expression(this.offsetParent.scrollTop);
	
			
}

.DataGridFixedHeader1 
{
	background-color: black; 
	position:relative;
	top:expression(this.offsetParent.scrollTop-5);
	left:expression(this.offsetParent.scrollLeft-9);
	padding-left: 0px;
}
.DataGridFixedHeader2
{
	background-color: black; 
	position:relative;
	top:expression(this.offsetParent.scrollTop-7);
	padding-left: 0px;
}

.TxtboxHeight
{
	Height:16px;
}
.ComboHeight
{
	Height:22px;
}
.ButtonHeight
{
	Height:22px;
}
.advanceSearchText
{
	background-color:#A3A3A3; 
	padding-left:15px; 
	height: 21px; 
	width:882px;
}
.advanceSearchTD
{
	padding-top:8px; 
	padding-left:15px;
	width:100px;
}
.confirmSiteMap
{
	padding-right: 5px; 
	padding-left: 15px; 
	padding-top: 5px; 
	width: 291px;
}
.confirmTDStyle1
{
	height: 217px;
	padding-left:5px;
	padding-right:5px
}
.confirmTDStyle2
{
	height: 20px; 
	width: 873px;
}
.confirmTDStyle3
{
	padding-top:10px; 
	height: 22px;
}
.confirmTDStyle4
{
	height:50px;
	background-color:#F0F0F0;
}
.confirmTDStyle5
{
	background-image:url('../graphics/bgTwoButtons.gif'); 
	background-repeat:no-repeat;
}
.confirmTDStyle6
{
	background-image:url('../graphics/bgTwohalfButtons.gif'); 
	background-repeat:no-repeat;
}
.confirmationTDStyle1
{
	width: 100%; 
	height: 450px;
	background-color:#F0F0F0;
}
.confirmationTDStyle2
{
	width: 99%;
	height: 350px;
	background-color:white;
}
.contactTdStyle1
{
	background-image:url('../graphics/contact_main.png');
	width: 323px;
	height: 460px;
	background-repeat:no-repeat;
}
.contactTdStyle2
{
	background-image:url('../graphics/contact_contact_form.png');
	width: 564px;
	height: 21px;
	background-repeat:no-repeat;
}
.contactTdStyle3
{
	width: 562px;
	background-color:#E6E6E6;
	height: 292px;
}
.contactTdStyle4
{
	padding-left: 10px; 	
}
.contactTdStyle5
{
	background-image:url('../graphics/bgOneButtons.gif');
	background-repeat:no-repeat;
}
.contactTdStyle6
{
	background-image:url('../graphics/contact_contact_info.png');
	width: 564px;
	height: 21px;
	background-repeat:no-repeat;
}
.contactTdStyle7
{
	width: 562px;
	background-color:#E6E6E6;
	height: 118px;
}
.contactTdStyle8
{
	background-image:url('../graphics/contact_route.png');
	width: 141px;
	height: 99px;
	background-repeat:no-repeat;
}
.contactTdStyle9
{
	background-image:url('../graphics/contact_route1.png');
	width: 141px;
	height: 99px;
	background-repeat:no-repeat;
}
.deliveryTdStyle1
{
	height:19px; 
	width: 509px;
}
.deliveryTdStyle2
{
	background-color:#F0F0F0; 
	width:882px;
}
.deliveryTdStyle3
{
	padding-right: 5px;
	padding-left: 15px; 
	padding-top: 5px; 
	width: 291px;
}
.deliveryTdStyle4
{
	height: 217px;
	padding-left:5px;
	padding-right:5px
}
.deliveryTdStyle5
{
	background-image:url('../graphics/bgOneButtons.gif');
	background-repeat:no-repeat ;
}
.detailsTdStyle1
{
	width:200px;
	background-color:#DEDEDE;
	vertical-align:top;
}
.errorPageStyle1
{
	background-image:url('../graphics/header_left.gif');
	background-repeat:no-repeat;
	width:17px;
}
.errorPageStyle2
{
	background-image:url('../graphics/header_top.gif');
	background-repeat:repeat-x;
	height:27px;
	padding-right:0px;
}
.errorPageStyle3
{
	background-image:url('../graphics/header.gif');
}
.errorPageStyle4
{
	background-image:url('../graphics/header_right.gif');
	background-repeat:no-repeat;
	width:17px; 
	padding-bottom:0px;
}
.errorPageStyle5
{
	background-image:url('../graphics/left.gif');
	background-repeat:repeat-y;
	width:17px;
}
.errorPageStyle6
{
	width: 100%;
	height: 450px;
	background-color:#F0F0F0;
}
.errorPageStyle7
{
	width: 99%;
	height: 350px;
	background-color:white;
}
.errorPageStyle8
{
	background-image:url('../graphics/Right.gif');
	background-repeat:repeat-y;
	width:17px;
}
.errorPageStyle9
{
	background-image:url('../graphics/left.gif');
	background-repeat:repeat-y;
	width:17px;
}
.errorPageStyle10
{
	background-image:url('../graphics/bottom_left.gif');
	background-repeat:no-repeat;
	width:17px;
}
.errorPageStyle11
{
	background-image:url('../graphics/bottom.gif');
	background-repeat:repeat-x;
	height:20px;
}
.errorPageStyle12
{
	background-image:url('../graphics/bottom_Right.gif');
	background-repeat:no-repeat;
	width:17px;
}
.homeTdStyle1
{
	background-image:url('../graphics/HeaderSpotlight_en.png');
	height:19px; 
	width: 509px;
}
.homeTdStyle2
{
	background-image :url('../graphics/bgThreeButtons.gif');
	background-repeat:no-repeat; 	 
	top: 2px;
	vertical-align:bottom;
}
.homeTdStyle3
{
	background-image:url('../graphics/bar_news.png');
	height:19px; 
	width: 509px;
}
.homeTdStyle4
{
	background-image:url('../graphics/right_bar.jpg');
	height:19px;
	background-repeat:no-repeat;
}
.homeTdStyle5
{
	background-image:url('../graphics/btn_contactInformation_en.png');
	height:19px;
	background-repeat:no-repeat;
}
.homeTdStyle6
{
	background-image:url('../graphics/btn_mailinglist.png');
	height:19px;
	background-repeat:no-repeat;
}
.homeTdStyle7
{
	background-image:url('../graphics/bgOneButtonsReverse.gif');
	vertical-align:middle;
	background-repeat:no-repeat;
}
.loginTdStyle
{
	height:60px; 
	width:60%; 
	background-color:#F0F0F0;
}
.newsDetailsTDStyle1
{
	background-image:url('../graphics/bgTwoButtons.gif');
	background-repeat:no-repeat;
	height: 23px; 
	left: 2px; 
	position: relative; 
	top: 2px;
}
.newsDetailsTDStyle2
{
	 
	padding-top:5px; 
	padding-bottom:10px;  
}
.registerTDStyle1
{
	background-image:url('../graphics/Content_header_Register_en.gif');
	height:20px; 
	width: 834px;
}
.registerTDStyle2
{
	padding-right:5px; 
	padding-left:15px; 
	padding-top: 5px; 
	width: 291px; 
	height: 80px;
}
.searchResultTDstyle1
{
	padding-left:5px; 
	background-color:#F0F0F0;
	padding-right:5px; 
	padding-bottom:5px;
	padding-top:5px;
	height:350px
}
.searchResultTDstyle2
{
	width:110px;
	/*height:132px;*/
	
	padding-left:3px;
	padding-top:3px;
}
.shoppingCartTDStyle1
{
	
	padding-left:5px;
	padding-right:5px;
}
.shoppingCartTDStyle2
{
	padding-right:5px; 
	padding-left:15px; 
	padding-top:5px; 
	width: 404px;
}
.signupTDStyle1
{
	padding-right:5px; 
	padding-left:15px; 
	padding-top:5px; 
	width:291px; 
	height: 80px;
}

.contentArea
{
	background-color:#F0F0F0; 
	width:882px;
}
.pageLocation
{
	width:550px; 
	padding-right: 5px;		
	padding-left: 15px; 
	padding-top: 5px;
}
.twoButtonBg
{
	background-image:url('../graphics/bgOneButtonsReverse.gif');
	background-repeat:no-repeat;
}
.oneButtonBg
{
	background-image:url('../graphics/bgOneButtons.gif');
	background-repeat:no-repeat ;
}
.twoButtonBgReverse
{
	background-image:url('../graphics/bgTwoButtons.gif');
	background-repeat:no-repeat ;
}
.overlay 
{	
	 border:solid 1px black;
	 /*background-color:#bf0d3e;*/
	 background-color:White;
     visibility: hidden;
     position: absolute;
     left: 95px;
     top: 20px;
     width:800px;
     height:450px;
     text-align:center;
     z-index: 1000;
}
table.playlist_bg
{
	color: #FFFFFF;
	background-image: url('../graphics/playlist_bg1.png');
	background-repeat: no-repeat;
}
.playlist
{
	border:solid 1px red;    
	height:433px;
	width:290px;
	/*background: #F3E2C0;*/
	background: #e6e6e6;
	
	filter:alpha(opacity=90);-moz-opacity:.90;opacity: .90;
	/*font-family:Tahoma;
	font-size:x-small;*/
}

a.seeming
{
	text-decoration:none;
	color:#BA0D3D;
}
a.seeming:hover
{
	text-decoration:underline;	
}
div.menu
{
	text-decoration:none;
	color:White;
	background-color:#800728;
	font-weight:bold;
	border:solid 1px black;
}

div.menu:hover
{
	 background-color:#dd0d36;
	 text-decoration:underline;	
	 cursor:pointer;
}
.PlayListFont
{
	font-size:9;
	font-weight:normal;
	font-style:normal;
}
.AuthorIndex
{
	border:1px;
	border-color:Red;
	margin-right:5px;
	margin-bottom:50px;
}

.AuthorList
{
	border:1px;
	border-color:Red;
	margin-bottom:50px;
}