@charset "UTF-8";
/* CSS Document */

/* behavior: url(../PIE.htc); */
# {
	background-color: #e6e6e6;
	margin: 0;
	padding: 0;
}

body { 
	background-color: #e6e6e6;
	background-image: url(../images/bgfoto1.jpg);
	/* meer fotos:
	http://hoveniersbedrijfcavus.nl/wp-admin/images/Foto%27s-07003.jpg
	*/
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

::selection      { background:#22059d; color:#FFF; /* Safari and Opera */ }
::-moz-selection  { background:#22059d; color:#FFF; /* Firefox */ }

h1.pagename::selection  { background:#FFF; color:#22059d; }
h2.blockname::selection  { background:#FFF; color:#22059d; }
h1.pagename::-moz-selection  { background:#FFF; color:#22059d; }
h2.blockname::-moz-selection  { background:#FFF; color:#22059d; }

hr {
	background: #f0f0f0;
	border: none;
	color: #f0f0f0;
	height: 1px;
	display: block;
	margin: 1.1em auto;
	margin-bottom: 10px;
}

iframe { margin: 0; margin-bottom: 20px; float: left; }

/* headings */

h1, h2, h3, h4, h5, h6 { font-weight: lighter; font-family: helvetiker, helvetica-neue, helvetica neue, helvetica, arial, sans-serif; color: #22059d; }

h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 15px; }

#main h2 { line-height: 40px; margin-bottom: 10px; margin-top: 10px; }

/* urls */
a {
	color: #22059d;
	text-decoration: underline;
	behavior: url(../PIE.htc); 
}
a:hover {
	color: #90C;
	opacity: 1;
	behavior: url(../PIE.htc); 
}
p a:hover {
	color: #FFF !important;
	background-color: #22059d;
	-webkit-transition: 0.4s linear background-color;
	opacity: 1;
	behavior: url(../PIE.htc); 
}
a:active {
	font-size: 95%;
}
a:visited {
	color: #385374;
	opacity: 0.95;
	behavior: url(../PIE.htc); 
}

a.klein { font-size: 11px; color: #22059d; opacity: 1; behavior: url(../PIE.htc);  }
a.klein:hover { color: #385374; }
a.klein:active { font-size: 11px; }
a:visited { color: #385374; opacity: 0.9; behavior: url(../PIE.htc);   }





/* layout */

#wrapper {
	width: 900px;
	margin: 0px auto;
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 15px;
	padding-bottom: 40px;
	background: url(../images/bg.png) repeat-y;
	behavior: url(../PIE.htc); 
}

#header {
	width: 900px;
	height:230px;
	clear: none;
	float: left;
	margin-bottom: 20px;
	background: url(../images/streepjes.png) no-repeat bottom center;
}
	
#logo {
	width: 387px;
	height: 172px;
	float: left;
}


/* menu  */

ul#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 485px;
  height: 72px;
  float: right;
  display: inline;
}


ul#menu li a {
  display: block;
  text-indent: -900%;
   float: left; /* Prevents "stepdown" */
  outline: none;
  display: inline;
  cursor: pointer;
}

ul#menu li {
	display: inline; /* Prevents "stepdown" */
	
}

#menu a:hover {
  background-position: left bottom !important;
}
#menu a.active {
  background-position: left bottom !important;
}

#menu a.home {
  width: 78px;
  height: 72px;
  background: url(../images/menu/home-trans.png) no-repeat;
}
#menu a.home:hover {
  background: url(../images/menu/home-trans.png) no-repeat bottom;
}
#menu a.fotos {
  width: 93px;
  height: 72px;
  background: url(../images/menu/fotos-trans.png) no-repeat;
}
#menu a.fotos:hover {
  background: url(../images/menu/fotos-trans.png) no-repeat bottom;
}
#menu a.about {
  width: 109px;
  height: 72px;
  background: url(../images/menu/overons-trans.png) no-repeat;
}
#menu a.about:hover {
  background: url(../images/menu/overons-trans.png) no-repeat bottom;
}
#menu a.diensten {
  width: 111px;
  height: 72px;
  background: url(../images/menu/diensten-trans.png) no-repeat;
}
#menu a.diensten:hover {
  background: url(../images/menu/diensten-trans.png) no-repeat bottom;
}
#menu a.contact {
  width: 94px;
  height: 72px;
  background: url(../images/menu/contact-trans.png) no-repeat;
}
#menu a.contact:hover {
  background: url(../images/menu/contact-trans.png) no-repeat bottom;
}


/* eind menu */

#main { 
	width: 550px;
	float: left;
	color: #747474;
}

#mainFullpage {
		width: 900px;
	float: left;
	color: #747474;
}


#aside {
	width: 320px;
	float: right;

}

#footer {
	color: #747474;
	width: 510px;
	height: 25px;
	margin: 0px auto;
	margin-top: 80px;
	text-align: center;
	padding-top: 8px;
	border-top: solid #ccc6c6 1px;
	border-bottom: solid #ccc6c6 1px;
}

#fotoalbumpre {
	width: 320px;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 20px;
}
#fotoalbumpre img { border: 8px #ccc6c6 solid; -webkit-transition: 0.4s ease border; -moz-transition: 0.4s ease border; transition: 0.4s ease border;   }
#fotoalbumpre img:hover, #fotoalbumpre img:visited { border: 8px #999 solid; }

#fotoalbumpre ul { list-style: none; }
#fotoalbumpre ul li { list-style: none; width: 100px; height: 100px;  margin-bottom: 2px; float: left; }
#fotoalbumpre ul li:nth-child(1), #fotoalbumpre ul li:nth-child(2)  { margin-right: 10px; }

#fotoalbumpre a { float: right; text-align: right; }


#fotowij {
		width: 320px;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 20px;
	float: left;
}
#fotowij img { border: 10px #ccc6c6 solid; -webkit-transition: 0.4s ease border; -moz-transition: 0.4s ease border; transition: 0.4s ease border; width: 130px; height: 130px; margin:0; margin-bottom: 10px;  }
#fotowij img:hover, #fotoalbumpre img:visited { border: 10px #999 solid; }




#fotowij a { }



form#belmijterug { 
	background-color: #ebf4fb; 
	height: 45px;
	width: 295px;
	padding-left:25px;
	padding-top: 15px;
}
form#belmijterug input.input {
	height: 25px;
	border: 1px solid #ccc6c6;
	margin: 0;
	color: #747474;
	font-size:14px;
	font-family: Georgia;
	float: left;
	width: 200px; }
form#belmijterug input { margin:0; padding:0; }
input.telefoonsubmit { 
background: url(../images/telefoonButton.png) repeat-x;
border: none;
border-right: ;
color: white;
cursor: pointer;
display: block;
float: left;
font: normal normal normal 13px/normal 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
height: 29px;
padding: 0px 30px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
width: 63px;
float: left;
text-indent: -999999%;
}

/* page name en blockname */

h1.pagename { 
	font-size: 24px;
	color: white;
	padding: 5px;
	padding-left: 15px;
	background-color: #22059d;
	margin:0px;
	font-weight: 100;
}


h2.blockname { 
	font-size: 19px;
	color: white;
	padding: 5px;
	padding-left: 15px;
	width: 300px;
	margin:0px;
	font-weight: lighter;
	background-color: #22059d;
}

a.blockname h2, a:hover.blockname h2, a.blockname h2:visited { 
	font-size: 19px;
	color: white;
	padding: 5px;
	padding-left: 15px;
	width: 300px;
	margin:0px;
	font-weight: lighter;
	background-color: #22059d;
	text-decoration: none;
}


/* div tabellen */

div.tableheader                 {
	float:left;
	clear:none;
	width:305px;
	margin:0 0 2px;
	height: 24px;
	padding-top: 6px;
	padding-left: 15px;
	color: #FFF;
	background-color: #22059d;
	font-weight: lighter; font-family: helvetiker, helvetica-neue, helvetica neue, helvetica, arial, sans-serif;
	font-size: 19px;
	
}
div.tablerow  {
	background-color: white;
	float:left;
	clear:both;
	width:320px;
	margin:0 0 1px;
	height: 20px;
	padding-top: 4px;
	text-align:center;
	border-bottom: #F0F0F0 1px solid;
	font-weight: normal;
	
}
div.tablerow:hover  {
	background: #F0F0F0;
	opacity: 0.9;
	behavior: url(../PIE.htc);
	
}
.tablerow a { opacity: 1; behavior: url(../PIE.htc); }
div.tablespacer {
	height: 30px;
	width: 100%;
	float: left;
	clear: both;
	background-color: white;
}
div.tableleft   {
	float:left;
	width: 85px;
	padding-left: 5px;
	text-align: left;
}
div.tableright {
	float:right;
	width: 155px;
	text-align: left;
}


/* formulier  */

label {
	margin-bottom: 8px;
}

table tr td { height: 32px; }





/* klassen */
.clear {
	clear: both;
}
p.first {
	margin-top: 20px;
}
h2.first {
	margin-top: 20px;
}
.marginright { margin-right: 10px; }