@charset "utf-8";
/* Max Koot Studio CSS */

html, body {
	margin:0; 
	padding:0;
	height:100%;
}
html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body {
  background-image: url(../images/body-bg.jpg);
  background-position: center center;
  background-repeat: repeat-x;
  background-attachment: fixed;
}
/* scrollbar kleurtje - optioneel */
body {
  scrollbar-3dlight-color:#222222;
  scrollbar-arrow-color:#ffffff;
  scrollbar-base-color:#46413b;
  scrollbar-darkshadow-color:#6a6561;
  scrollbar-face-color:#222222;
  scrollbar-highlight-color:#6a6561;
  scrollbar-shadow-color:#222222
}

/*** span properties ***/
span.links { float: left; text-align: left; }
span.rechts { float: right; text-align: right; }
span.pre { margin-right: 4px; color: #d4c6b3; }
span.post { margin-right: 10px; color: #fefefe; }
span.strong { font-weight: bold; }
span.italic { font-style: italic; }
span.kop {
  margin-top: 3px;
	margin-bottom: 6px;
	color: #fefefe;
	font-size: 14px;
	font-weight: bold;
}
span.sub {
	margin-bottom: 4px;
	color: #d4c6b3;
	font-weight: bold;
}
/*** end span properties ***/


/*** img properties ***/
#titelbalk img.logo { margin: 12px; margin-left: 23px; }
img.icon { margin-right: 5px; border: none; vertical-align: middle; }
img.btn-links { width: 24px; height: 201px; float: left; margin-left: 0px; margin-right: 1px; cursor: pointer; }
img.btn-rechts { width: 24px; height: 201px; float: right; margin-right: 0px; margin-left: 1px; cursor: pointer; }
#fotobalk img.foto { width: 200px; height: 200px; float: left; margin: 0px; padding: 0px; vertical-align: middle; }
#fotobalk img.foto-2 { width: 200px; height: 200px; float: left; margin: 0px; padding: 0px; }
#fotobalk img.foto-3 { width: 200px; height: 200px; float: left; margin: 0px; padding: 0px; }
#inner img.shop01 { position: absolute; clear: both; height: 200px; margin-left: 250px; top: 60px; display: block;  margin-bottom: 0px; }
#inner img.shop02 { position: absolute; clear: both; height: 200px; margin-left: 250px; top: 285px; display: block; margin-bottom: 0px; }
img.titel { float: left; display: block; white-space: nowrap; margin-right: 500px; margin-bottom: 10px; }
/*** end img properties ***/


/*** list properties ***/
#menubalk ul { list-style-type: none; margin: 0px; padding: 0px; text-indent: 0px; float: left; }
#menubalk li { list-style-type: none; margin: 0px; padding: 0px; text-indent: 0px; float: left; }
#menubalk li.connector { width: 1px; height: 39px; background-image: url(../images/menu/connector.jpg); background-repeat: no-repeat; }
/*** end list properties ***/


/*** url properties ***/
a { text-decoration: none; color: #d4c6b3; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #fff; }
a:active { text-decoration: underline; }

a.copy { text-decoration: none; color: #818181; }
a.copy:link { text-decoration: none; }
a.copy:visited { text-decoration: none; }
a.copy:hover { text-decoration: underline; color: #fff; }
a.copy:active { text-decoration: underline; color: #fff; }

a.engels { text-decoration: none; color: #d4c6b3; }
a.engels:link { text-decoration: none; }
a.engels:visited { text-decoration: none; }
a.engels:hover { text-decoration: underline; color: #fff; }
a.engels:active { text-decoration: underline; }

#menubalk a { text-decoration: none; display: block; line-height: 100px; background-position: center center;z }

a#home { width: 93px; height: 39px; background-image: url(../images/menu/home-btn.jpg); background-repeat: no-repeat; }
a#home:hover { background-image: url(../images/menu/home-btn-hover.jpg); }

a#informatie { width: 146px; height: 39px; background-image: url(../images/menu/informatie-btn.jpg); background-repeat: no-repeat; }
a#informatie:hover { background-image: url(../images/menu/informatie-btn-hover.jpg); }

a#portretten { width: 150px; height: 39px; background-image: url(../images/menu/portretten-btn.jpg); background-repeat: no-repeat; }
a#portretten:hover { background-image: url(../images/menu/portretten-btn-hover.jpg); }

a#reportages { width: 237px; height: 39px; background-image: url(../images/menu/huwelijksreportages-btn.jpg); background-repeat: no-repeat; }
a#reportages:hover { background-image: url(../images/menu/huwelijksreportages-btn-hover.jpg); }

a#bedrijfsfotografie { width: 221px; height: 39px; background-image: url(../images/menu/bedrijfsfotografie-btn.jpg); background-repeat: no-repeat; }
a#bedrijfsfotografie:hover { background-image: url(../images/menu/bedrijfsfotografie-btn-hover.jpg); }

/*a#contact { width: 116px; height: 39px; background-image: url(../images/menu/contact-btn.jpg); background-repeat: no-repeat; }
a#contact:hover { background-image: url(../images/menu/contact-btn-hover.jpg); }
/*** end url properties ***/


/*** div properties ***/
div { overflow: hidden; }

#floater {
  /* ## positioning ## */
	position:relative;
	float:left;
  /* ## size ## */
	height:50%;	
	width:1px;
  /* ## margin ## */
	margin-bottom: -345px;
}

#list {
  /* ## positioning ## */
	position:relative; 
	float: left;
  /* ## size ## */
	height:185px; 
	width:150px; 
  /* ## margin ## */
	margin-top: 6px;
	margin-right: 30px;
	/* ## border ##*/
	border: 1px solid #474343;
}

#list p { margin: 10px; }

#centered {
  /* ## positioning ## */
	position:relative; 
	clear:left;
  /* ## size ## */
	height:689px; 
	width:80%; 
	max-width:852px; 
	min-width:852px;
  /* ## margin ## */
	margin:0 auto;
}

#container {
  /* ## positioning ## */
	clear: both;
  position: relative;
  /* ## size ## */
  width: 852px;
  height: 689px;
  /* ## margin ## */
  /*margin-top: -345px; /*set to a negative number 1/2 of your height*/
  /*margin-left: -426px; /*set to a negative number 1/2 of your width*/
  /* ## padding ## */
  /* ## background ## */
  /*background-image: url();
  background-position: ;
  background-repeat: ;*/
  /* ## border properties ## */
  /* ## font properties ## */
}

#titelbalk {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 60px;
  /* ## margin ## */
  margin: 0px;
  /* ## padding ## */
  /* ## background ## */
  background-image: url(../images/titelbalk.jpg);
  background-repeat: repeat-x;
  /* ## border properties ## */
  /* ## font properties ## */
}

#menubalk {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 39px;
  /* ## margin ## */
  /* ## padding ## */
  background-image: url(../images/menu-bg.jpg);
  background-repeat: repeat-x ;
  /* ## background ## */
  /* ## border properties ## */
  /* ## font properties ## */
}

#content {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 520px;
  /* ## margin ## */
  /* ## padding ## */
  /* ## background ## */
  /*background-image: url();
  background-position: ;
  background-repeat: ;*/
  background-image: url(../images/inner-bg.jpg);
  background-position: center center;
  /* ## border properties ## */
  /* ## font properties ## */
}

#content-2 {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 520px;
  /* ## margin ## */
  /* ## padding ## */
  /* ## background ## */
  /*background-image: url();
  background-position: ;
  background-repeat: ;*/
	background-color: #222222;
	background-image: url(../images/vv-txt.jpg);
	background-position: top center;
  /* ## border properties ## */
  /* ## font properties ## */
}
#inner {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 798px;
  height: 493px;
  /* ## margin ## */
  /* ## padding ## */
	padding: 27px;
	padding-top: 0px;
  /* ## background ## */
  /* ## border properties ## */
  /* ## font properties ## */
  color: #fff;
	line-height: 22px;
	overflow-y: auto;
}

#slideshow {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 520px;
  height: 520px;
  /* ## margin ## */
  /* ## padding ## */
  /* ## background ## */
  /* ## border properties ## */
  /* ## font properties ## */
}

#home-txt {
	/* ## positioning ## */
  position: relative;
	float: right;
	/* ## size ## */
  width: 278px;
	height: 493px;
	/* ## margin ## */
  /* ## padding ## */
	padding: 27px;
	padding-top: 0px;
	padding-bottom: 15px;
  /* ## background ## */
	/* ## border properties ## */
  /* ## font properties ## */
  color: #fff;
	line-height: 20px;
	overflow-y: auto;
}

#vergroting { position: absolute; float: left; left: 27px; margin-right: 0px; top: 285px; height: 15px; width: 250px; font-style: italic; font-size: 10px; line-height: 15px; color: #d4c6b3; text-align: left; }

#english { margin-top: 25px; margin-bottom: 0px; }

#vv-txt {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 798px;
  height: 291px;
  /* ## margin ## */
  /* ## padding ## */
	padding: 27px;
	padding-top: 0px;
  /* ## background ## */
  /* ## border properties ## */
  /* ## font properties ## */
  color: #fff;
	line-height: 22px;
	overflow-y: auto;
}

#fotobalk {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 202px;
  /* ## margin ## */
  /* ## padding ## */
  /* ## background ## */
  /*background-image: url();
  background-position: ;
  background-repeat: ;*/
  background-color: #444343;
  /* ## border properties ## */
	border-top: 1px solid #444343;
  /* ## font properties ## */
}

#adresbalk {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 840px;
  height: 28px;
  /* ## margin ## */
  /* ## padding ## */
	padding-top: 12px;
	padding-left: 12px;
  /* ## background ## */
  background-image: url(../images/adresbalk.jpg);
  background-repeat: repeat-x;
  /* ## border properties ## */
  /* ## font properties ## */
	color: #fff;
	text-align: center;
}

#copyright {
  /* ## positioning ## */
  position: relative;
  float: left;
  /* ## size ## */
  width: 852px;
  height: 23px;
  /* ## margin ## */
	margin-bottom: 50px;
  /* ## padding ## */
	padding-top: 15px;
  /* ## background ## */
  /*background-image: url();
  background-position: ;
  background-repeat: ;*/
  /* ## border properties ## */
  /* ## font properties ## */
	color: #717171;
	font-size: 11px;
}