html,body {
	margin: 0px;
	padding: 0px;
	background: #4b6173 url(afbeeldingen/home_01.gif) repeat-x;
	overflow-x: hidden;
}

#FrogJS{
	margin:0px;
	width: 600px;
	height: 373px;
	padding: 0px;
}
#FrogJSCredit{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: right;
	font-size: 90%;
	color: #333;
	padding: 10px 0 0 0;
}
#FrogJSCaption{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:  12px;
	color:#666;
	text-align: left;
	line-height: 120%;
	padding: 10px 0 0 0;
}
		
#container {
	margin: 0px auto;
	width: 990px;
	height: 664px;
	overflow-y: hidden;
	padding:0px;
}
#content_midden {
	float: left;
	width: 990px;
	height: 664px;
	color: #666;
	margin:0px;
	padding:0px;
	font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}
#content_links {
	float: left;
	width: 69px;
	height: 664px;
	background-image:url(afbeeldingen/home_02.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
#content_rechts{
	float: right;
	width: 126px;
	height: 664px;
	background-image:url(afbeeldingen/home_07.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
#midden{
	float:left;
	width: 795px;
	height: 664px;
	background-image: url(afbeeldingen/home_11.gif);
	margin:0px;
	padding:0px;
}
#banner {
	float:left;
	width: 795px;
	height: 190px;
	margin:0px;
	padding:0px;
}
#logo {
	float:left;
	width: 402px;
	height: 190px;
	background-image:url(afbeeldingen/home_03.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
#menu ul
{
	float:left;
   	height: 190px;
    width: 393px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #333;
	list-style-type: none;
	}

#contact  li {
	height: 190px;
	width: 131px;
	float: left;
	font: 15px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 180px;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	background-image: url(afbeeldingen/knoppen/home_06.gif);

}
#portfolio  li {
	height: 190px;
	width: 131px;
	float: left;
	font: 15px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 180px;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	background-image: url(afbeeldingen/knoppen/home_05.gif);

}
#bedrijf li {
	height: 190px;
	width: 131px;
	float: left;
	font: 15px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 180px;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	background-image: url(afbeeldingen/knoppen/home_04.gif);

}
#menu li a {
	height: 190px;
	width: 131px;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #336666;
	padding: 0px;
	margin:0px;
	list-style-type: none;
}

#contact  a:link, #contact  a:visited {
	background-image: url(afbeeldingen/knoppen/home_06.gif);
	
}
#contact  a:hover,  #contact a:active {
	background-image: url(afbeeldingen/knoppen/home_over_06.gif);
}

#portfolio  a:link,#portfolio  a:visited {
	background-image: url(afbeeldingen/knoppen/home_05.gif);
}
#portfolio  a:hover, #portfolio  a:active {
	background-image: url(afbeeldingen/knoppen/home_over_05.gif);
}

#bedrijf  a:link, #bedrijf a:visited {
	background-image: url(afbeeldingen/knoppen/home_04.gif);
}
#bedrijf a:hover, #bedrijf a:active {
	background-image: url(afbeeldingen/knoppen/home_over_04.gif);
}

#top {
float:left;
width:795px;
height:59px;
background-image: url(afbeeldingen//home_09.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
#inhoud {
float:left;
width:795px;
height:373px;
margin:0px;
padding:0px;
background-image: url(afbeeldingen/home_11.gif);
background-repeat:no-repeat;
}
#inhoud_links {
float:left;
width:215px;
height:415px;
background-image: url(afbeeldingen/home_10.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
#inhoud_rechts {
float:left;
width: 580px;
height:415px;
background-image:url(afbeeldingen/home_11.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

#footer
{
background-image: url(afbeeldingen/home_12.gif);
background-repeat:no-repeat;
color:#fff;
margin: 0px auto;
height:50px;
width:100%;
text-align:center;
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 75%;
}

#footer a {
text-decoration: none;
color: #fff;
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

#footer a:hover {
text-decoration: none;
color: #9ec757;
background-color: transparent;

}
#inhoud_bottom {
float:left;
width:100%;
height:20px;
text-align:center;
margin-bottom:10px;
}
#footer a:visited {
text-decoration: none;
color: #fff;
background-color: transparent;
}
#icoon_contact {
position:absolute;
top:122px;
left:142px;
background-image: url(afbeeldingen/icoon/contact.png);
background-repeat:no-repeat;
width:147px;
height:124px;
}
#icoon_portfolio {
position:absolute;
top:122px;
left:142px;
background-image: url(afbeeldingen/icoon/portfolio.png);
background-repeat:no-repeat;
width:147px;
height:124px;
}
#icoon_bedrijf{
position:absolute;
top:122px;
left:142px;
background-image: url(afbeeldingen/icoon/bedrijf.png);
background-repeat:no-repeat;
width:147px;
height:124px;
}
#links {
float:right;
width: 110px;
height:200px;
}
#rechts {
float:left;
width: 500px;
height:380px;
margin:125px 20px;
}
#rechts2 {
float:left;
width: 500px;
height:380px;
margin:10px 20px;
}
.subtitel {
	color: #c16a22;
	font: 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.tekst {
	color: #666;
	font: 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
ul ul>li{
list-style-type:circle;
}
.titel {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 15px Georgia, "Times New Roman", serif;
}
#titel {
	width: 100px;
	text-align: right;
	letter-spacing: 1px;
}
input {
	border: 1px solid #FFF;
	color: #fff;
	text-align: left;
	margin: 0;
	background: #536a7a;
	font: 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.submit {
height:22px;
padding:2px;
font: 12px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-align:center;
}
#login input {
	border: 1px solid #FFF;
	color: #fff;
	text-align: center;
	margin: 0;
	background: #536a7a;
	font: 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.textfield {
	border: 1px solid #FFF;
	color: #fff;
	margin: 0px;
	text-align: left;
	background: #536a7a;
	font: 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.tekstklein {
	color: #ddd;
	font: 11px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
#mail {
float:left;
margin-top:10px;
margin-left:250px;
text-align:left;
width:277px;
font-size:90%;
color:#666;
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
#mail a:link, #mail a:visited, #mail a:active {
color:#666;
text-decoration:none;
}
#mail a:hover {
color:#c16a22;
text-decoration:none;
}
#login {
	float: right;
	width: 230px;
	margin: 6px 28px 0px 0px;
	padding: 0px;
}
img {
	border: hidden;
}
a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #c16a22;
}
.clear {
clear:both;
margin:0px;
padding:0px;
}
.extra {
margin-left:25px;
}