html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
}

body {
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
	color: #7E082A;
	margin: 0;
	padding:0;
	text-align:left;	
	line-height: 1.5em;
	font-size: medium;
}

h1 {
	font-size:85%;
	color: #7E082A;
	margin:0px 20px 15px 30px;
}

h2 {
	font-size:80%;
	color: #7E082A;
	margin:0px 20px 0px 30px;
}

/* witte regel in subtitel div */

h3 {
	font-size:85%;
	color: #fff;
	margin:40px 35px 0px 0px;
}

/* citaat in subtitel div */
h4 {
	font-size:80%;
	color: #fff;
	font-weight:normal;
	font-style:italic;
	margin:20px 35px 0px 0px;
}

p {
	font-size:80%;
	line-height:1.5em;
	color: #7E082A;
	margin:0px 30px 20px 30px;
}

.small {
	font-size:70%;
	/*font-style:italic;*/
	line-height:1.5em;
	color: #7E082A;
	margin:0px 30px 20px 30px;
}

#container {
	position:absolute;
	margin-left:-440px;
	top: 0px;
	left: 50%;
	width:880px;
	height: 100%;
	background-color: #fff;
	border: 0px;
}

#header {
	position:absolute;
	left:0px;
	top:20px;
	width:880px;
	height:120px;
	border: 0px;
	background-color: #fff;
}

.logo {
	margin:0px 0px 0px 0px;
	border:0px;
}

#subtitel {
	position:absolute;
	left:0px;
	top:150px;
	width:880px;
	height:70px;
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#a4b05e;
	text-align:right;
}

#subtitel p {
	font-size:70%;
	color: #fff;
	font-weight:normal;
	margin:0px 40px 0px 0px;
}

#menu {
	position:absolute;
	left:0px;
	top:224px;
	width:890px;
	height:25px;
	border: 0px;
	background-color: #fff;
}

#menu a {  
		color:#7e082a;
		font-size:80%;
		text-decoration: none;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align: center;
		height:25px;
		float:left;	
		background-color: #a4b05e;
		border-right: 4px solid #fff;
}

#menu a:hover {  
		color:#fff;
		font-size:80%;
		text-decoration: none;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align: center;
		height:25px;
		float:left;		
		background-color: #d1582f;
		border-right: 4px solid #fff;
}

#menu a.long, a:visited.long, a:hover.long, a:active.long {
	width:205px;
}

#menu a.medium, a:visited.medium, a:hover.medium, a:active.medium {
	width:131px;
}

#menu a.short, a:visited.short, a:hover.short, a:active.short {
	width:97px;
}

body#home a#portal,
body#tuin a#ontwerp,
body#als a#coach,
body#projecten a#portfolio,
body#ecologie a#historie,
body#bureau a#profiel,
body#contact a#gegevens {
		background-color: #d1582f;
		color:#fff;
}

#submenu {
	position:absolute;
	left:0px;
	top:270px;
	width:850px;
	height:25px;
	border: 0px;
	font-size:75%;
	color:#d1582f;
	background-color:#fff;
	text-align:right;
	margin:0px 30px 0px 0px;
}

#container #submenu a, a:visited {  
		color:#7e082a;
		font-size:100%;
		font-weight:normal;
		text-decoration: none;
		margin: 0px;
		padding:0px;
}

#container #submenu a:hover, a:active {  
		color:#d1582f;
		font-size:100%;
		font-weight:normal;
		text-decoration: none;
		margin: 0px;
		padding:0px;
}

#content {
	position:absolute;
	left:0px;
	top:310px;
	width:880px;
	border: 0px;
	text-align:left;
}

a:link, a:visited {
	color:#7E082A;
	font-weight:normal;
	text-decoration:underline;
}

a:hover, a:active {
	color:#a4b05e;
	font-weight:normal;
	text-decoration:none;
}

table {
	border:0px;
	padding:0px;
	width:880px;
	margin:0px;
}

th {
	padding:0px;
	border:0px;
}

td {
	padding:0px;
	border:0px;
	font-family: Verdana, Arial, sans-serif;	
	font-size:100%;
	color: #7E082A;
	text-decoration: none;
	font-weight: normal;
	vertical-align:top;
}

td.left {
	width:324px;
	font-size:70%;
}

td.right {
	width:556px;
}

.foto {
	margin:5px 0px 5px 0px;
	border:0px;
}

.logo {
	margin:0px;
	border:0px;
}

.projectfoto {
	margin:5px 0px 5px 0px;
	border:0px;
}


table ul li {
	font-size:80%;
	line-height:1.5em;
	color: #7E082A;
	text-decoration: none;
	font-weight: normal;
	margin:0px 30px 0px 5px;
	padding:0;
}

.schets {
	float: left;
	margin:0px 15px 15px 0px;
	border:0px;
}

#flash { 
	position: absolute;
	top: 0px;
	left:0px;
	width: 324px;
	height: 375px;
	border: 0px;
	padding: 0;
	margin:0;
	z-index:0;
}

.home {
	border: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.clear {
	clear:both;
}
