/**
 * Layout styling
 * Authors: Bram van Lieshout, Maikel Leemans
 */

html, body {
	background-color: #ffffff;
}

#wrapper {
	width: 100%;
}

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

	#container {
		width: 750px;
		position: absolute;
		left: 50%;
		top: 15px;
		margin-left: -315px;
	}

		#menu {
			display: block;
			list-style-type:none;
			padding:0px;
			margin:0px;
			margin-left: 15px;
			width: 100%;
			z-index: 2;
			position: absolute;
		}
		
			#menu li {
				background-image: url("../gfx/tabs/tab-normal.png");
				background-position: top;
				background-repeat: no-repeat;
				float: left;
				width:119px;
				height:28px;
				line-height: 28px;
				text-align: center;
				z-index: 2;
			}
			
			#menu li.active {
				background-image: url("../gfx/tabs/tab-active.png");
			}
			
			#menu li a {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 14px;
				text-decoration: none;
				color: #336699;
			}
		
		#body {
			border: 1px solid #336699;
			width: 100%;
			height: 461px;
			z-index: 1;
			position: absolute;
			top: 27px;
		}
		
			.corner-lt {
				position: absolute;
				left: -1px;
				top: -1px;
			}
			
			.corner-rt {
				position: absolute;
				right: -1px;
				top: -1px;
			}
			
			.corner-lb {
				position: absolute;
				left: -1px;
				bottom: -1px;
			}
			
			.corner-rb {
				position: absolute;
				right: -1px;
				bottom: -1px;
			}
		
			#header {
				height: 56px;
				background-image: url("../gfx/line.png");
				background-repeat: no-repeat;
				background-position: center bottom;
				padding-top: 16px;
				margin-bottom: 15px;
				
			}
			
				#title {
					margin-left: 16px;
				}
				
				#logo {
					float: right;
					margin-right: 16px;
				}
			
			#content {
				height: 355px;
				overflow: auto;
				padding: 0px 16px 0px 16px;
			}
		
			#footer {
				border: 1px solid #336699;
				border-top: 0px;
				width: 100%;
				height: 121px;
				z-index: 2;
				position: absolute;
				bottom: -96px;
				left: -1px;
			}
			
				#footer_image {
					margin-left: 16px;
					margin-top: 29px;
				}
				
				#contact {
					text-align: right;
					float: right;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 9px;
					font-weight: normal;
					color: #336699;
					margin-top: 30px;
					padding-right: 16px;
				}