/* Basic elements */

html
{
	/* force a scrollbar so the content doesnt reposition when a scrollbar is needed */
	overflow-y:scroll;
}

body
{
	padding:0px;
	margin:0px;
}
body, input, select, textarea, h1, h2
{
	font-family:Arial;
	font-size:11px;
}
p
{
	margin:0px 0px 5px 0px;
	padding:0px;
}

h1,h2,h3
{
	margin:0px 0px 5px 0px;
	padding:0px;
}
h1
{
	font-size:24px;
}
h2
{
	font-size:20px;
}
h3
{
	font-weight:normal;
	font-family:Arial Black;
	font-size:20px;
	font-weight:normal;
	line-height:110%;
	padding:5px;
}

a
{
	text-decoration:none;
	font-weight:bold;
}
a img
{
	border:0px;
}

.PanelPart h1
{
	margin:20px;
}
.PanelPart img
{
	margin:-5px;
}
.PanelPart img+img
{
	margin-top:5px;
}

/* Font schemes */

.Arial1
{
}
.Arial2
{
	font-family:Arial;
	font-size:13px;
}
.Arial3
{
    line-height:13px;
}
.Georgia
{
	font-family: Georgia;
	font-size:14px;
}
.Georgia2
{
	font-family: Georgia;
	font-size:16px;
}


/* Structural elements */

#Header
{
	background-image:url(/teamhilgersom.website/gfx/bg_bevel.gif);
	background-repeat:repeat-x;
	background-color:rgb(167,168,155);
	padding-top:20px;
	height:80px;
	margin:0px 0px 10px 0px;
}
	.Bar
	{
		padding-top:10px;
		height:55px;
		background-color:Black;
	}
		.Title
		{
			width:910px;
			margin:0px auto 0px auto;
		}
			.TeamLogo
			{
				float:left;
			}
			.TeamHilgersom
			{
				cursor:pointer;
				display:block;
				float:right;
				background-image:url(/teamhilgersom.website/gfx/pic_teamhilgersom.png);
				background-repeat:no-repeat;
				width:217px;
				height:48px;
			}
			* html .TeamHilgersom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/teamhilgersom.website/gfx/pic_teamhilgersom.png', sizingMethod='scale');
			}
	
	.Menu, .Menu ul, .Menu ul li
	{
		height:15px;
	}
		.Menu ul
		{
			width:818px; /* 910 minus the padding-left  */
			height:100%;
			margin:0px auto 0px auto;
			list-style-type:none;
			padding:0px 0px 0px 92px;
		}
			.Menu ul li
			{
				float:left;
				margin-right:15px;
			}	
			.Menu ul li.Separator
			{
				width: 170px;
			}
				.Menu ul li a
				{
					color:White;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					display:block;
					float:left;
					position:relative;
					padding: 1px 0px 0px 5px;
					height:14px;
					overflow:hidden;
					width:73px;
					text-transform:lowercase;
				}
				.Menu ul li a:hover
				{
					background-color:black;
					border-bottom:10px solid gray;
					margin-bottom:-10px;
				}
		
	
#Footer
{
	border-top:1px solid rgb(157,168,155);
	padding:5px 0px 45px 0px;
	width:910px;
	margin:0px auto 0px auto;
}
	#Footer div.Source
	{
		width:300px;
		float:right;
	}
	#Footer div.Quote
	{
		text-align:left;
		padding-left:185px;
		padding-right:300px;
	}

#Container
{
	width:910px; /* the rows are 15px bigger because of the spacing of the cells */
	overflow-x:hidden;/*somehow in IE the container is wider then the sum of its floating children*/
	margin: 0px auto 0px auto;
	padding:15px 0px 0px 0px;
	
	position:relative;
}

.ContentPart
{
	margin:0px 0px 15px 0px;
}

/* Grid based layout */

.Grid
{
}
	.GridFooter, .GridHeader
	{
		clear:both;
	}
	.GridRow
	{
		width:925px;
		height:100px;
		margin:0px 0px 15px 0px;
		padding:0px;
	}
	.GridRowSeparator
	{
		border-top:1px solid rgb(151,157,126); 
	}
	
		.GridCellPart
		{
			width:170px;
			height:100px;
			float:left;
			overflow:hidden;
			/*overflow:auto;*/
			margin:0px 15px 0px 0px;
		
			padding:5px;
			width:160px;
			height:90px;

			/*note: dont make it relative for the absolute childs, because the overflow:hidden applies to absolute childs then*/
		}
			.Grid .PanelPart, .Grid .GalleryPart
			{
				position:absolute;
				margin:-5px 0px 0px -5px;				
				padding:5px;
			}
			.Grid .PanelPart
			{
				overflow-x:hidden;
				/*overflow-y:auto;*/
				overflow-y:hidden;
			}

	.Grid .RowSpan1, .PanelPart, .GalleryPart { height:90px; }
	.Grid .RowSpan2 { height:205px; }
	.Grid .RowSpan3 { height:320px; }
	.Grid .RowSpan4 { height:435px; }
	.Grid .RowSpan5 { height:550px; }
	.Grid .RowSpan6 { height:665px; }
	.Grid .RowSpan7 { height:780px; }
	.Grid .RowSpan8 { height:895px; }
	.Grid .RowSpan9 { height:1010px; }
	.Grid .RowSpan10 { height:1125px; }

	.Grid .ColSpan1, .PanelPart, .GalleryPart { width:160px; }
	.Grid .ColSpan2 { width:345px; }
	.Grid .ColSpan3 { width:530px; }
	.Grid .ColSpan4 { width:715px; }
	.Grid .ColSpan5 { width:900px; }
	
	.Overlay
	{
		position:absolute;
		display:none;
		z-index:100;
		left:0px;
	}
	.GridCellPart .Overlay
	{
		left:auto;
		margin:-5px 0px 0px -5px;
	}
	.OverlayLink
	{
		cursor:pointer;
	}		

/* Qios.DynamicWeb parts */

.Quote, .Source
{
	color: rgb(97,111,94);
	font-weight:bold;
}
.Quote
{
	font-family: Georgia;
	font-style:italic;
	line-height:140%;
	font-size:12px;
	font-weight:normal;
}
.Source
{
	font-size:10px;
	float:left;
	margin-top:2px;
}

.GalleryPart
{
	background-position: center center;
	background-repeat:no-repeat;	
}
.GalleryPart .GalleryPartDescription
{
	background-image:url(/teamhilgersom.website/gfx/bg_overlay.png);
	color:White;
	position:absolute;
	padding:5px;
	margin-right:5px;
	left:5px;
	bottom:5px;
}
* html .GalleryPart .GalleryPartDescription
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/teamhilgersom.website/gfx/bg_overlay.png', sizingMethod='scale');
}