/* HTML en Body Elements */

html{
	cursor: default;
	overflow: show;}

body{
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 12px;}

/* Hoofd Tabel */

#Container{
	position: absolute;}

#TableContainer{
	width: 100%;}

.Top{
	height: 100px;
	vertical-align: top;
	background-image: url('../Images/Layout/Top_Background.png');
	background-repeat: repeat-x;}

.Left{
	vertical-align: top;
	width: 270px;}

.Content{
	vertical-align: top;}

.PictureBar{
	vertical-align: top;
	text-align: center;
	width: 184px;
	border: 0px;
	border-left: 1px;
	border-color: #CC0000;
	border-style: solid;
	padding-left: 8px;
	padding-right: 8px;}

.PictureBarHide{
	width: 10px;}

.Bottom{
	vertical-align: top;
	height: 50px;
	background-image: url('../Images/Layout/Bottom_Background.png');
	background-repeat: repeat-x;
	visibility: hidden;}

/* Generic */

#Hidden{
	visibility: hidden;}

.Table{
	font-size: 12px;}

/* Picture Bar */

	/* Login */

	.MonitorLogin{
		font-size: 10px;
		margin-left: 10px;
		margin-right: 10px;}

	.mLoginField{
		font-size: 10px;
		width: 70px;
		border-color: #CCCCCC;
		border-width: 1px;
		border-style: solid;}

	.mLoginButton{
		font-size: 10px;}

/* Menu Bar */

#TopGradient{
	height: 90px;
	width: 500px;
	background-image: url('../Images/Layout/Top_Background_Gradient.png');}

.MenuSeperator{
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 1px;}

.MenuSquare{
	margin-left: 20px;
	margin-right: 6px;
	vertical-align: middle;}

.MenuCircle{
	margin-left: 30px;
	margin-right: 6px;
	vertical-align: middle;}

.MenuTopLink{
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;}

.MenuLink{
	color: #FFFFFF;
	text-decoration: none;}

.MenuLink:hover{
	color: #CC0033;}

	/* Menu Items */

	#MenuHome{	
		top: 47px;
		left: 20px;}
	#MenuFotografie{	
		top: 47px;
		left: 190px;}
	#MenuStudio{	
		top: 47px;
		left: 360px;
		cursor: pointer;}
	#MenuContact{	
		top: 47px;
		left: 530px;
		cursor: pointer;}

	#MenuHome, #MenuFotografie, #MenuStudio, #MenuContact{
		z-index: 10;
		font-size: 14px;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-weight: bold;
		text-align: center;
		position: absolute;
		background-color: #CC0033;
		color: #FFFFFF;
		height: 22px;
		width: 160px;
		border: #FFFFFF;
		border-style: solid;
		border-width: 1px;}

	/* Submenu's */

	#MenuSubHome, #MenuSubFotografie, #MenuSubStudio, #MenuSubContact{
		z-index: 4;
		top: 58px;
		background-color: #A69E8C;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 11px;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		color: #FFFFFF;
		position: absolute;
		overflow: show;
		visibility: hidden;
		background-image: url('../Images/Layout/Menu_Background_Gradient.png');
		background-repeat: no-repeat;
		width: 177px;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=136,strength=3);}

	#MenuSubBottom{
		z-index: 5;
		background-color: #000000;
		position: absolute;
		overflow: hidden;
		background-image: url('../Images/Layout/Menu_Background_Bottom.png');
		width: 177px;
		height: 6px;
		bottom: -1px;
		left: 0px;}

	#MenuSubHome{
		left: 11px;}
	#MenuSubFotografie{
		left: 181px;}
	#MenuSubStudio{
		left: 351px;}
	#MenuSubContact{
		left: 521px;}

	.MenuSubSpacer{
		margin-left: 20px;}

/* Adres Bar */

#AddressLeft{
	z-index: 2;
	position: absolute;
	text-align: left;
	top: 340px;
	left: 0px;
	width: 250px;
	height: 100px;
	visibility: visible;
	text-align: center;
	float: left;}

.AddressBorder{
	border: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #CC0000;}

/* Copyright Bar */

#Copyright{
	height: 20px;
	width: 100%;
	font-size: 10px;
	font-family: Sylfean, Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('../Images/Layout/Bottom_Background_Gradient.png');
	background-repeat: no-repeat;
	padding-top: 30px;}

/* Page Specific */

p.Welkom{
	position: relative;
	left: 50%;
	margin-left: -240px;
	width: 440px;
	height: 450px;
	float: left;
	font-size: 14px;
	padding-right: 8px;
	text-align: center;}

p.Welkom img{
	border: 0px;
	border-bottom: 2px;
	border-style: solid;
	border-color: #CC0000;}

.WelkomRed{
	color: #CC0000;
	font-weight: bold;}

.CalendarTable{
	font-size: 12px;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;}

.CTableTop{
	padding: 4px;
	width: 85px;
	text-align: center;
	background-color: #CC0033;
	color: #FFFFFF;
	border-color: #333333;
	border-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;}

.CTableCell{
	padding: 4px;
	width: 85px;
	text-align: center;
	border-color: #333333;
	border-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;}

/* Links */

.LinkWhite{
	color: #FFFFFF;
	text-decoration: none;}

.LinkWhite:hover{
	text-decoration: underline;}

.LinkRed{
	color: #CC0033;
	text-decoration: underline;}

.LinkRed:hover{
	color: #F4003E;
	text-decoration: none;}

.LinkBlack{
	color: #000000;
	text-decoration: none;}

.LinkBlack:hover{
	color: #F4003E;}

.LinkHidden{
	text-decoration: none;
	cursor: default;}

.ImageLink{
	border-color: #333333;
	border-width: 1px;
	border-style: solid;}

.ImageLinkRed{
	border-color: #CC0033;
	border-width: 1px;
	border-style: solid;}

.ImageLinkFloat{
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	margin-right: 5px;
	float: left;}

/* Contact Select */

p.ContactSelect{
	float: left;
	width: 260px;
	margin: 0px;
	margin-right: 10px;
	margin-top: 6px;}

form.ContactSelect table{
	width: 400px;
	border: 0px;
	border-left: 1px;
	border-style: dashed;
	border-color: #CC0000;}

form.ContactSelect table td{
	vertical-align: top;
	padding-bottom: 10px;}

form.ContactSelect table td h2{
	margin: 0px;
	font-size: 12px;
	color: #CC0000;}

form.ContactSelect table td{
	color: #666666;}

form.ContactSelect table input.Submit{
	margin-top: 10px;}

/* Contact Bruidsreportage */

table.MailBruids td{
	vertical-align: top;}

table.MailBruids p.Info{
	padding: 4px;
	border: 1px;
	border-style: dashed;
	border-color: #000000;
	background-color: #FFFFE1;
	width: 282px;
	text-align: left;}

table.MailBruids input.Indent{
	margin-left: 24px;}

/* Contact */

.ContactFakeField{
	display: block;
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 1px;
	color: #CC0000;
	background-color: #FAFAFA;}

.ContactField{
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	font-family: Tahoma, Arial, Tahoma, sans-serif;
	font-size: 12px;}

p.ContactInfo{
	padding: 4px;
	border: 1px;
	border-style: dashed;
	border-color: #000000;
	background-color: #FFFFE1;
	width: 162px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;}

/* Studio's */

.Studio tr{
	vertical-align: top;}

.Studio td{
	padding-right: 10px;
	padding-left: 10px;}

.Kolom img{
	border-color: #CC0033;
	border-width: 1px;
	border-style: solid;
	margin: 5px;}

.Studio h3{
	margin: 0px;
	padding: 2px;
	text-align: center;
	margin-bottom: 15px;}

.Studio .Kolom td{
	padding: 0px;}

.Studio .Intro td{
	border: 0px;
	border-bottom: 1px;
	border-color: #CC0000;
	border-style: solid;}

.Studio .Adres td{
	padding-top: 10px;
	border: 0px;
	border-bottom: 1px;
	border-color: #CC0000;
	border-style: solid;}

.Studio .Route td{
	padding-top: 10px;
	border: 0px;}

/* Opdrachtgevers */

table.Links{
	margin-top: 25px;
	width: 600px;
	text-align: center;}

table.Links td{
	width: 300px;
	padding: 3px;}

table.Links a{
	text-decoration: none;
	color: #CC0000;}

table.Links a:hover{
	text-decoration: none;
	color: #FF0000;}

/* Other */

.TekstBoldGray{
	color: #666666;
	text-align: justify;}

.PreviewBody{
	margin: 0px;}

.ImageSubscript{
	color: #CC0033;
	font-size: 10px;}

#Spacer{
	background-image: url('../Images/Layout/Spacer.png');
	background-repeat: repeat-y;
	font-family: Tahoma, Arial, Tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 6px;
	color: #CC0033;}

.TekstMelding{
	color: #3366FF;}

.SubTitelRed{
	color: #CC0033;
	font-weight: bold;}

/* iGallery */

a.DiaLink{
	display: block;
	float: right;
	width: 120px;
	text-align: center;
	border-color: #666666;
	border-width: 1px;
	border-style: dashed;
	margin: 6px;
	margin-top: 0px;
	padding: 4px;
	background-color: #FFFFE1;
	overflow: visible;
	text-decoration: none;
	color: #CC0000;}

.iGDirDesc{
	position: absolute;
	width: 350px;
	height: 60px;
	margin: 6px;
	padding: 4px;
	overflow: auto;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;}

.iGDirTitel{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;}

.iGDirTitel:hover{
	font-size: 18px;
	font-weight: bold;
	color: #CC0033;
	text-decoration: none;}

.iGDirSubTitel{
	font-size: 11px;
	color: #666666;}

.iGDirImage{
	border-color: #000000;
	border-width: 1px;
	border-style: solid;}

.iGThumbTitle{
	color: #000000;
	font-size: 13px;
	font-weight: bold;}

.iGThumbLink{
	color: #000000;
	text-decoration: none;}

.iGThumbLink:hover{
	color: #336699;
	text-decoration: underline;}

.iGThumbImage{
	border-color: #000000;
	border-width: 1px;
	border-style: solid;}

.iGThumbTable{
	font-size: 11px;}

.iGThumbSub{
	color: #000000;
	text-decoration: none;}

.iGThumbPageDesc{
	margin: 6px;
	padding: 4px;}

.iGCheckBox{
	position: relative;
	top: 20px;
	left: 50px;
	margin: 0px;}