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

html {
	height:100%;
	min-height:100%;
	width:100%;
	overflow:hidden;
	}

body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	min-height:100%;
	min-width:770px;
	text-align:links;
	background-color: #9c0000;
	overflow:hidden;
	cursor : default;
	}

* {
	margin:0; 
	padding:0
	}


/*	Links						*/
	
a img{
	text-decoration: none;
	border: 0 none;
	outline: 0;
	}
			
a:link img{
	text-decoration: none;
	border: 0 none;
	outline: 0; 
	}
	
a:visited img{
	text-decoration: none;
	border: 0 none;
	outline: 0;
	}
	
a:hover img{
	font-weight: bold;
	text-decoration: none;
	border: 0 none;
	outline: 0;
	}

a:active img{
	text-decoration: none;
	border: 0 none;
	outline: 0;
}

a:focus img{
	text-decoration: none;
	border: 0 none;
	
	-moz-outline-style: none;
}

/*	Logo						*/

.Logo {
	height: 47px;
	width: 246px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -245px;
	margin-left: 233px;
	background-image: url(../Images/TheMaesGalleryLogo.png);
	}
.Logo #LogoLink{
	height: 47px;
	width: 246px;
	list-style: none;
	overflow: hidden;
	cursor: pointer;
	border: 0 none;
	outline: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	}

/*	LanguageMenuBar				*/
	
.LanguageMenu {
	height: 20px;
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -227px;
	margin-left: -475px;
	z-index: 1500;
	}

.LanguageMenu #LanguageBar{
	height: 20px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

.LanguageMenu #LanguageBarItems{
	list-style: none;
	float: left;
	position: absolute;
	margin-top: 0px;
	left: 0px;
	top: 0px;
	}

.LanguageMenu #LanguageBarItemsContainer{
	overflow: hidden;
	height: 20px;
	}
	
.LanguageMenu #LanguageBarItems li {
	float: left;
	height: 20px;
	padding-bottom: 0px;
	margin-right: 1px;
	margin-left: 0px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	}

.LanguageMenu #MenuButton{
	height: 20px;
	width: 43px;
	position: absolute;
	left: 85px;
	top: 0px;
	z-index: 1600;
	overflow: hidden;
	}
	
.LanguageMenu #MenuButtonContainer{
	height: 20px;
	width: 43px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1600;
	overflow: hidden;
	}

.LanguageMenu #TestAchtergrondMenuButton{
	opacity: 0;
	filter:alpha(opacity=40), 
	}

.HoverLanguageMenu {
	margin-top: -20px;
	}

/* 
*******************************************************
*                                                     *
*      FOR SPRY EFFECTS - set main image opacity=0    *
*                                                     *
*******************************************************
*/
#mainImg {
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
}

.LanguageMenu #mainImg {
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
}

.LanguageMenu #Nl_LanguageSelectMenu{
	height: 20px;
	width: 26px;
	position: absolute;
	background-image: url(../Images/Nl_LanguageSelectMenu.png);
	left: 0px;
	top: 0px;
	}

.LanguageMenu #De_LanguageSelectMenu{
	height: 20px;
	width: 26px;
	position: absolute;
	background-image: url(../Images/De_LanguageSelectMenu.png);
	left: 21px;
	top: 0px;
	}
	
.LanguageMenu #Menu_LanguageSelectMenu{
	height: 20px;
	width: 43px;
	position: absolute;
	background-image: url(../Images/Menu_LanguageSelectMenu.png);
	left: 57px;
	top: 0px;
	}
	
.LanguageMenu #TestKnoppen{
	height: 20px;
	width: 280px;
	position: absolute;
	left: 140px;
	top: 0px;
	}

/*	LanguageMenuBar	(for SPRY)	*/

.rowHover {
	color: #FF3300;
}
.rowSelected {
	color: #FF3300;
}

/*      LINK FOR OFFSITE                                */	

.LanguageMenu #LanguageBarItems a {
	text-decoration: none;
	color: #000000;
}
		
.LanguageMenu #LanguageBarItems a:hover {
	text-decoration: none;
	background: none;
	color: #FF3300;
}	


/*	Main Container				*/
	
.Container {
	height: 422px;
	width: 970px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -208px;
	margin-left: -482px;
	z-index: 1000;
	}

.Container #MainContainerLeftTopCorner{
	height: 12px;
	width: 12px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftTopCorner.png);
	left: 0px;
	top: 0px;
	}

.Container #MainContainerLeftTopCornerTopTransition{
	height: 12px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftTopCornerTopTransition.png);
	left: 12px;
	top: 0px;
	}

.Container #MainContainerTop{
	height: 12px;
	width: 900px;
	position: absolute;
	background-image: url(../Images/MainContainerTop.png);
	left: 32px;
	top: 0px;
	}

.Container #MainContainerRightTopCornerTopTransition{
	height: 12px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MainContainerRightTopCornerTopTransition.png);
	left: 932px;
	top: 0px;
	right: 38px;
	}
	
.Container #MainContainerRightTopCorner{
	height: 12px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRightTopCorner.png);
	left: 952px;
	top: 0px;
	right: 18px;
	}
	
.Container #MainContainerLeftTopCornerBottomTransition{
	height: 20px;
	width: 12px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftTopCornerBottomTransition.png);
	left: 0px;
	top: 12px;
	}
	
.Container #MainContainerRightTopCornerBottomTransition{
	height: 20px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRightTopCornerBottomTransition.png);
	left: 952px;
	top: 12px;
	right: 18px;
	}
	
.Container #MainContainerLeft{
	height: 352px;
	width: 12px;
	position: absolute;
	background-image: url(../Images/MainContainerLeft.png);
	left: 0px;
	top: 32px;
	}

.Container #MainContainerLeftBottomCornerTopTransition{
	height: 20px;
	width: 12px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftBottomCornerTopTransition.png);
	left: 0px;
	top: 384px;
	}
	
.Container #MainContainer{
	height: 392px;
	width: 940px;
	position: absolute;
	left: 12px;
	top: 12px;
	background-color: #222222;
	}

.Container #MainContentTheArt{
	height: 314px;
	width: 19px;
	position: absolute;
	left: 7px;
	top: 7px;
	background-image: url(../Images/TheArtOf.png);
	}

.Container #MainContentHTMLPanel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	top: 8px;
	right: 8px;
	}

.Container #HTMLPanelMenuTable{
	border: 0px;
	border-spacing: 0px;
	overflow: hidden;
	cellpadding: 0;
	cellspacing: 0;
	}

.Container #HTMLPanelMenuTableCel{
	padding-left: 8px;
	}

.Container #HTMLPanelMenuImage{
	width: 170px;
	overflow: hidden;
	}

.HoverHTMLPanelMenu {
	margin-left: -170px;
	}

.Container #MainContainerRightTopCornerBottomTransition{
	height: 20px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRightTopCornerBottomTransition.png);
	left: 952px;
	top: 12px;
	right: 18px;
	}

.Container #MainContainerRight{
	height: 352px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRight.png);
	left: 952px;
	top: 32px;
	right: 18px;
	}

.Container #MainContainerRightBottomCornerTopTransition{
	height: 20px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRightBottomCornerTopTransition.png);
	left: 952px;
	top: 384px;
	right: 18px;
	}
	
.Container #MainContainerLeftBottomCorner{
	height: 18px;
	width: 12px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftBottomCorner.png);
	left: 0px;
	top: 404px;
	}
	
.Container #MainContainerLeftBottomCornerBottomTransition{
	height: 18px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MainContainerLeftBottomCornerBottomTransition.png);
	left: 12px;
	top: 404px;
	}
	
.Container #MainContainerBottom{
	height: 18px;
	width: 900px;
	position: absolute;
	background-image: url(../Images/MainContainerBottom.png);
	left: 32px;
	top: 404px;
	}

.Container #MainContainerRightBottomCornerBottomTransition{
	height: 18px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MainContainerRightBottomCornerBottomTransition.png);
	left: 932px;
	top: 404px;
	right: 38px;
	}
	
.Container #MainContainerRightBottomCorner{
	height: 18px;
	width: 18px;
	position: absolute;
	background-image: url(../Images/MainContainerRightBottomCorner.png);
	left: 952px;
	top: 404px;
	right: 18px;
	}

/*	MenuContainer				*/
	
.MenuContainer{
	height: 122px;
	width: 526px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 196px;
	margin-left: -260px;
	z-index: 500;
	}

.MenuContainer #Menu-MenuSlide{
	height: 122px;
	width: 526px;
	margin: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	}
	
.MenuContainer #Menu-MenuSlideContainerMove{
	height: 122px;
	width: 526px;
	margin: auto;
	position: absolute;
	top: 0px;
	left: 0px;
/*	opacity: 0; */
/*	background-image: url(../Images/MenuContainerBackGround.png); */
	}
	
.MenuContainer #MenuContainerLeft{
	height: 74px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MenuContainerLeft.png);
	left: 0px;
	top: 0px;
	}
	
.MenuContainer #MenuContainerLeftBottomCornerTopTransition{
	height: 20px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MenuContainerLeftBottomCornerTopTransition.png);
	left: 0px;
	top: 74px;
	}
	
.MenuContainer #MenuContainerLeftBottomCorner{
	height: 28px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MenuContainerLeftBottomCorner.png);
	left: 0px;
	top: 94px;
	}
	
.MenuContainer #MenuContainerLeftBottomCornerBottomTransition{
	height: 28px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MenuContainerLeftBottomCornerBottomTransition.png);
	left: 20px;
	top: 94px;
	}

.MenuContainer #MenuContainerBottom{
	height: 28px;
	width: 440px;
	position: absolute;
	background-image: url(../Images/MenuContainerBottom.png);
	left: 40px;
	top: 94px;
	}
	
.MenuContainer #MenuContainerRightBottomCornerBottomTransition{
	height: 28px;
	width: 20px;
	position: absolute;
	background-image: url(../Images/MenuContainerRightBottomCornerBottomTransition.png);
	left: 480px;
	top: 94px;
	}
	
.MenuContainer #MenuContainerRightBottomCorner{
	height: 28px;
	width: 26px;
	position: absolute;
	background-image: url(../Images/MenuContainerRightBottomCorner.png);
	left: 500px;
	top: 94px;
	}
	
.MenuContainer #MenuContainerRightBottomCornerTopTransition{
	height: 20px;
	width: 26px;
	position: absolute;
	background-image: url(../Images/MenuContainerRightBottomCornerTopTransition.png);
	left: 500px;
	top: 74px;
	}
	
.MenuContainer #MenuContainerRight{
	height: 74px;
	width: 26px;
	position: absolute;
	background-image: url(../Images/MenuContainerRight.png);
	left: 500px;
	top: 0px;
	}
.MenuContainer #MenuContainerBackGround{
	height: 94px;
	width: 480px;
	position: absolute;
	background-image: url(../Images/MenuContainerBackGround.png);
	left: 20px;
	top: 0px;
	}

.MenuContainer #Menu-MenuSlideContainerContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}

.MenuContainer #MenuSlideContainerContentMenu{
	position: absolute;
	height: 90px;
	width: 400px;
	top: 6px;
	}
	
.MenuContainer #MenuSlideContainerContentMenuTable{
	vertical-align: top;
	valign: top;
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	}
	
.MenuContainer #MenuSlideContainerContentMenuCel{
	vertical-align: top;
	valign: top;
	}

.MenuContainer #MenuSlideContainerContentItems{
	list-style: none;
	list-style-position: outside;
	display: inline;
	}

.MenuContainer #MenuSlideContainerContentItems ul{
	cursor: pointer;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	list-style-position: outside;
	list-style: none;
	display: inline;
	}

.MenuContainer #MenuSlideContainerContentItems li{
	/* height: 20px; */
	margin-right: 0px;
	margin-left: 16px;
	cursor: pointer;
	border: 0 none;
	outline: 0;
	/* overflow: hidden; */
	margin-top: 0px;
	list-style-position: outside;
	list-style: none;
	/* display: inline;	*/
	}

.MenuContainer #MenuSlideContainerContentItemsTableSpace{
	height: 20px;
	width: 10px;
	}

.MenuContainer #MenuSlideContainerContentItemsTableItem{
	height: 20px;
	margin-right: 0px;
	margin-left: 16px;
	cursor: pointer;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	margin-top: -5px;
	}

.MenuContainer #MenuContainerContentMusicPlayerControl{
	position: absolute;
	left: 280px;
	top: 20px;
	height: 90px;
	width: 210px;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	}

.MenuContainer #MenuContainerContentMusicPlayerControlBarItems{
	list-style: none;
	float: left;
	position: absolute;
	margin-top: 0px;
	left: 0px;
	top: 0px;
	}

.MenuContainer #MenuContainerContentMusicPlayerControlBarItemsContainer{
	overflow: hidden;
	height: 20px;
	}
	
.MenuContainer #MenuContainerContentMusicPlayerControlBarItems li {
	float: left;
	height: 20px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	}

.MenuContainer #MenuContainerContentMusicPlayerData {
	position: absolute;
	top: 26px;
	}
	
.MenuContainer #MenuContainerContent_Quit{
	height: 20px;
	width: 60px;
	position: absolute;
	left: 420px;
	top: 80px;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	}
	
.MenuContainer #TestPlaatje{
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=20),
	}
	
.hover {
	opacity: 0;
	-moz-opacity:0
	filter:alpha(opacity=0),
	}

.hover3 {
	opacity: 100;
	top: 5;
	left: -140px;
	position: relative;
	margin-left: -20px;
	}

.hover4 {
	background-color: #333333;
	opacity: 100;
	left: 0px;
	top: 0px;
	position: relative;
	}

.HoverMenuItem {
	margin-left: -100px;
	}

.MenuContainer #MenuItemContainer {
	width: 100px;
	overflow: hidden;
	margin-left: 16px;
	margin-top: -4px;
	}

.MenuContainer #Swap {
	left: -67px;
	position: relative;
	}

.MusicPlayer {
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -471px;
	z-index: 100;
	/* position: absolute; */
	background-color: #D90000;
	height: 0px;
	width: 0px;
	}

.MusicPlayer #MusicPlayer {
	position: absolute;	
	}

.MusicControlTest #ContectMusicPlayerControl{
	position: absolute;
	left: -260px;
	top: 10px;
	border: 0 none;
	outline: 0;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	}
	
.Container #FavoriteContainerContent{
	height: 390px;
	width: 880px;
	top: 4px;
	font-family: Tahoma, Verdana, Arial;
	color: #FFFFFF;
	}
	
.Container #FavoriteContainerContentTable{
	vertical-align: top;
	valign: top;
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	}
	
.Container #FavoriteContainerContentCel{
	vertical-align: top;
	valign: top;
	}

.Container #FavoriteContainerContentItems{
	list-style: none;
	}

.Container #FavoriteContainerContentItems li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 16px;
	border: 0 none;
	outline: 0;
	}

.Container #FavoriteItem {
	width: 120px;
	}

.Container #FavoriteItemDescription {
	width: 140px;
	left: 140px;
	position: relative;
	top: 0px;
	background-color: #FFFF00;
	}

.Container #FavoriteItemTable {
	width: 286px;
	}

.Container #FavoriteItemCel {
	width: 130px;
	vertical-align: top;
	}
	
.Container #FavoriteItemCelDescription {
	width: 140px;
	}

/*	ContactForm				*/

.Container #ContactContainerContent{
	height: 376px;
	width: 850px;
	top: 44px;
	}
	
.Container #ContactContainerContentName {
	width: 320px;
	height: 20px;
	top: 40px;
	position: absolute;
	}
	
.Container #ContactContainerContentNameLabel {
	width: 100px;
	position: absolute;
	}

.Container #ContactContainerContentNameField {
	width: 200px;
	position: absolute;
	left: 120px;
	}
	
.Container #ContactContainerContentE-Mail {
	width: 320px;
	top: 75px;
	height: 20px;
	position: absolute;
	}
	
.Container #ContactContainerContentE-MailLabel {
	width: 100px;
	position: absolute;
	}

.Container #ContactContainerContentE-MailField {
	width: 200px;
	position: absolute;
	left: 120px;
	}
	
.Container #ContactContainerContentCountry {
	width: 320px;
	left: 360px;
	top: 40px;
	height: 20px;
	position: absolute;
	}
	
.Container #ContactContainerContentCountryLabel {
	width: 100px;
	position: absolute;
	}

.Container #ContactContainerContentCountryField {
	width: 200px;
	position: absolute;
	left: 120px;
	}
	
.Container #ContactContainerContentCity {
	width: 320px;
	top: 75px;
	left: 360px;
	height: 20px;
	position: absolute;
	}
	
.Container #ContactContainerContentCityLabel {
	width: 100px;
	position: absolute;
	}

.Container #ContactContainerContentCityField {
	width: 200px;
	position: absolute;
	left: 120px;
	}

.Container #ContactContainerContentMessage {
	width: 680px;
	top: 110px;
	height: 160px;
	position: absolute;
	}
	
.Container #ContactContainerContentMessageLabel {
	width: 100px;
	position: absolute;
	background-color: #00FFFF;
	}

.Container #ContactContainerContentMessageField {
	width: 560px;
	position: absolute;
	left: 120px;
	top: 0px;
	}
	
.Container #ContactContainerContentButtons {
	width: 680px;
	top: 280px;
	height: 20px;
	position: absolute;
	}
	
.Container #ContactContainerContentSendButton {
	width: 100px;
	left: 120px;
	position: absolute;
	}

.Container #ContactContainerContentResetButton {
	width: 100px;
	position: absolute;
	left: 220px;
	}
	
.Container #ContactContainerContentGetInContact {
	width: 450px;
	height: 28px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	}

/*	CopyRight Container				*/

.CopyRightContainer {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
	right: 20px;
	bottom: 10px;
	text-align: right;
	height: 16px;
	width: 300px;
	position: absolute;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70),
	}
	
a.FavLink:link, a.FavLink:visited {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #D90000;
	}
		
a.FavLink:hover, a.FavLink:active {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	}