html {
overflow-y: scroll;
}

body {
padding:0px;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#658db0;
}

a
{
	color: #0f4072;
}

img{
	border:none;
}

h2 {
	font-size: 12px;
	color: #658db0;
	margin: 0px 0px 15px 0px;
}

p
{
	margin: 15px 0px 0px 0px;
}

input, textarea
{
	border: 1px solid #003399;
	color: #658db0;
	font: 11px Arial, Helvetica, sans-serif;
	background:white;
}

.geenrand
{
	border: none;
}

/***************************************************/
/**************** Standart Elements ****************/
/***************************************************/

#schaduwrand
{
	position: relative;
	margin: 0px auto;
	width: 1030px;
	background:url(../images/schaduwrand.jpg) left top repeat-y;
}

#schaduw_onder
{
	position: absolute;
	left: 0px;
	bottom: -10px;
	background: url(../images/schaduwrand_onder.jpg) left top no-repeat;
	width: 1030px;
	height: 10px;
}

#container {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	border: solid 1px #114172;
	font-size: 12px;
	background:#ffffff;
}

#brago_logo {
	position: absolute;
	top: 9px;
	left: 64px;
	width: 305px;
	height: 185px;
	background-image:url(../images/brago_logo_trans.png);
	background-repeat: no-repeat;
}
.voorflash
{
	width:1000px;
	height:125px;
	margin-bottom:8px;
}


#banner1 {
	background-image:url(../images/banner1.png);
	background-repeat: repeat-x;
	width:1000px;
	height:95px
}

#banner_producten {
	background-image:url(../images/fotos/top-producten.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

#banner_werkwijze {
	background-image:url(../images/fotos/top-werkwijze.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

#banner_toepassingen {
	background-image:url(../images/fotos/top-toepassingen.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

#banner_referenties {
	background-image:url(../images/fotos/top-referenties.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

#banner_bedrijfsprofiel {
	background-image:url(../images/fotos/top-bedrijfsprofiel.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

#banner_contact {
	background-image:url(../images/fotos/top-contact.jpg);
	width:1000px;
	height:125px;
	margin-bottom:8px;
}

/* ID's voor het menu */
#menu_container {
	background: url(../images/menu_bg.jpg) repeat-x;
	width: 1000px;
	height: 70px;
}

#menu_items {
	margin: 0px auto;
	width: 700px;
	height: 69px;
}

#content {
	width: 699px; /* let op padding */
	padding: 25px 10px 25px 10px;
	margin-left:140px;
	margin-top:15px;
	text-align:justify;
	position: relative;
}
/* testen om fotos te plaatsen */
#content_test {
	width: 700px; /* let op padding */
	background-color: #ffffff;
	padding: 25px 10px 25px 10px;
	margin-left:140px;
	margin-top:15px;
	text-align:justify;
	position: relative;
}

.losse_foto_test {
	float: right;
	right: 0px;
	bottom: 0px;
	margin-top: 100px;
	display: inline;
	border: 1px solid #777777;
}
/* einde test*/

#footer {
	position: relative;
	width: 920px; /* let op padding */
	height: 28px;
	padding: 0px 0px 0px 80px;
	border-top: solid 1px #cccccc;
	background: url(../images/menu/sub-menu_knop.png) repeat-x;
	display: block;
	
}

#footer_logo {
	margin: 2px 9px 2px 9px;
	height: 28px;
	font-size:12px;
	line-height:24px;
	float: left;
	
}

#wpc {
	display: none;
	
}

	
/* Referentie items */
.referentie-container {
	float: left;
	width: 699px;  
	overflow-y: hidden;
	overflow-x: hidden;
	margin-bottom: 20px;
}

.referentie {
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	position: relative;
}

.ref_tekst
{
	position: absolute;
	left: 0px;
	top: 75px;
}

.ref_koptekst
{
	font-size: 14px;
}

.ref_fotos_container
{
	position: absolute;
	left: 0px;
	bottom: 36px;
}

.ref_kleinefoto
{
	float: left;
	padding-right: 20px;
}

.ref_foto_groot
{
	position: absolute;
	right: 0px;
	top: 49px;
}

.fotoframe {
	float: left;
	margin-left: 20px;
	width: 300px;
	height: 380px;
}



/* Niet in alle gevallen bleven de items naast elkaar staan, met float left wel. */
.menu_item_pos {
	float: left;
}

.ref_foto {
	float: right;
	display: block;
	margin: 8px 18px 0px 18px;
	border: 1px solid #777777;
	clear: right;
}

.losse_foto {
	float: right;
	display: block;
	margin: 0px 0px 0px 15px;
	border: 1px solid #777777;
}

/* Route opmaak */

#routetekst
{
	float: right;
	width: 270px;
	display: inline;
	margin-left: 20px;
}

#routekaart_klein
{
	position: absolute;
	left: 10px;
	top: 390px;
}

/* Einde Route opmaak */

/* Fotoalbum opmaak */

.foto_rij
{
	width: 200px;
	display: table;
	
}

.foto
{
	float: left;
	display: block;
	margin: 30px 35px;
	width: 120px;
}

.laatstefoto
{
	float: left;
	display: inline;
	width: 120px;
	border: 1px solid black;	
	margin: 30px 30px;
}

#foto_js{
	width: 800px;
	
}

.float_fix
{
	width: 100%;
	position: relative;
	height: auto;
	display: table;
}

/* Einde Fotoalbum opmaak  */