html,body {
	background-color: #fff;
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

a {
	color: rgb( 60 , 158 , 181);
}

#midden {
	width: 996px;
	margin: 0 auto;
	margin-top: 40px;
}

#plaatjecont {
	display: block;
	overflow: hidden;
	width: 472px;
	position: absolute;
	height: 375px;
}

.bg {
	display: block;
	z-index: 10;
	position: fixed;
	float: none;
	overflow: hidden;
	clear: none;
}

#slides {
	width: 204px;
	height: 189px;
}

#slides img {
	width: 204px;
	height: 189px;
}

#logo {
	float: right;
	width: 149px;
	padding-top: 22px;
}

h1 {
    padding: 51px 0 0 0;
    overflow: hidden;
    background-image: url('../Images/logo.gif');
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:51px;
    width: 139px;
}

#frame {
	height: 570px;
	z-index: 22;
	width: 936px;
	overflow: hidden;
	float: none;
    background-image: url('../Images/Brand_gri.jpg');
}

#boven {
	margin: 0;
	padding-left: 20px;
	display: block;
	height: 87px;
}

#links {
	float: left;
	width: 529px;
}

#rechts {
	float: left;
}

#col1 {
	width: 190px;
}


#huurtop {
	height: 40px;
	padding: 0 20px;
}

#huurtop p {
	padding: 8px 0;
	border-bottom: 1px dashed #999;
}

#huurtop h3 {
	padding: 8px 0;
	border-bottom: 1px dashed #999;
}

#huurscroll {
	height: 390px;
	width: 160px;
	float: left;
	overflow: hidden;
}

#huurscroll p,  #huurscroll h2 	{
	padding-left: 20px;
}

/* route */

#routetekst {
	padding: 12px 22px 0 14px;
}


#routetekst a {
	color: #696a6c;
	margin-top: 4px;
	text-decoration: none;
}

#routetekst p {
	padding-bottom: 20px;
}


.top4 {
padding-top: 4px;
}

/* Scroller */

#iefix {
	padding-left: 200px;

}

#scroller {
	width: 290px;
	overflow: hidden;
	height: 430px;
	font-size: 12px;
	float: left;
}

.item {
	padding: 8px 0;
	border-bottom: 1px dashed #999;
}

#controls {
	float: left;
	padding-top: 50px;
	padding-left: 5px;

}

#controls2 {
	float: left;
	padding-left: 5px;
	display: block;
}

/* Welkom pagina */

#marquee {
	display: block;
	overflow: hidden;
	position: relative;
	top: -300px;
	width: 937px;
}

#marqueecontainer {
	width: 2277px;
	overflow: hidden;
}


/* Item */

.item {
	color: #696a6c;
}

.item h2 {
	padding: 7px 0px 5px 0;
	text-transform: uppercase;
}

h3 {
	font-weight: bold;
	text-transform: uppercase;
}

h3 em {
		color: #696a6c;
}

.adres {
	padding-top: 330px;
	padding-left: 12px;
}

strong {
	font-weight: bold;
}

/* Portfolio pagina */

.imagelink {
	display: block;
	width: 282px;
	height: 137px;
	text-decoration: none;
	color: #000;
}

.imagelink span {
	display: block;
	padding-top: 50px;
	padding-left: 146px;
	text-align: right;
}

/* Contact pagina */

#contact {
	width: 165px;
	float: left;
	text-align: right;
}

#contact a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid rgb( 60 , 158 , 181)
;
}

#contact a:hover {
	color:  rgb( 60 , 158 , 181)
;
}

/* Formulier */

input, textarea  {
	border: none;
	padding: 3px;
	color: #000;
	font-size: 11px;
	width: 240px;
}


h2 {
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 1em;
}

h2 a {
	color: #696a6c;
	text-decoration: none;
}


/* BRANDING */

#header {
	display: block;
	height: 80px;
	background-image: url('../Images/logo.gif');
	background-position: right;
	background-repeat: no-repeat;
}


/* menu */

#menu {
	width: 130px;
	float: left;
	height: 470px;
	text-align: right;
}

#menu ul {
	text-align: right;
}
#menu ul li {
	font-size: 13px;
	padding-right: 32px;
	margin-bottom: 12px;
	color: rgb( 60 , 158 , 181)
;
	text-align: right;
	display: block;
	text-transform: uppercase;
}

#menu ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul li a:hover {
	color: rgb( 60 , 158 , 181)
;
}

#menu ul li.sub {
	font-size: 10px;
	margin-top: -3px;
}

/* Pagina Home */

#info {
	float: right;
	clear: right;
	display: block;
	width: 470px;
}

#infotekst {
	display: block;
	width: 300px
}
#groot {
	width: 472px;
	height: 357px;
	overflow: hidden;
	float: right;
	display: block;
}

#groot img {
	position: relative;
 	top: 0;
 	left: 0;
}

.homemenu {
	padding: 20px;
}

.homemenu li {
	text-transform: uppercase;
	margin-bottom: 4px;
}
.homemenu li a {
	text-decoration: none;
	color: #000;
}

.homemenu li a:hover {
	color: rgb( 60 , 158 , 181)
;
}

#recent {
	display: block;
	width: 215px;
	float: left;
	margin-top: -140px;
}


#recent img {
	margin: 4px 0;
}


#woorden {
	display: block;
	width: 155px;
	heigt: 90px;
	overflow: hidden;
	clear: right;
	float: right;
}

#controls {
	padding: 0;
	padding-top: 12px;
	padding-left: 120px;
}

/* Pagina Portfolio */

.rondje {
	float: right;
	padding-right: 17px;
}

#portfolio {
	width: 300px;
	display: block;
	height: 155px;
	float: left;
}

#portonder {
	width: 800px;
	float: left;
}

#grootplaatje {
	float: right;
}

#grootplaatje img {	border: 1px solid #999;
}
/* Pagina Home */

#hometext {
	height: 250px;
}

/* Pagina Contact */

#contactbg {
	background-image: url('../Images/contact.jpg');
	background-position: right;
	background-repeat: no-repeat;
	height: 470px;
}

/* Pagina Werkwijze */

#werkwijze {
	width: 806px;
	height: 164px;
	float: left;
	background-image: url('../Images/c13-7.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	
}

#werkwijze p {
	width: 300px;
}

#cols {
	display: block;
}

.col {
	width: 247px;
	display: block;
	float: left;	
}

.col p, .col h3 {
	padding-right: 13px;
	margin-bottom: 12px;
}

sup {font-size: 0.75em; line-height: 0.5em}  


/* Internet Explorer wil het graag nog een keer horen */

.homemenu {
	padding-left: 0;
}