html{
  margin:0;
  padding:0;
}

div#horizon{
  text-align:center;
  position:absolute;
  top:50%;
  left:0;
  width:100%;
}

div#inner{
  text-align:left;
  margin:0 0 0 -511px;
  padding: 0px;
  position:absolute;
  top:-307px;
  left:50%;
  width:1022px;         /* 2*|div#inner{margin-left}| */
  height:614px;        /* 2*|div#inner{top}|         */
  background-color: #323232;
  border: 1px solid #000000;

}

body {
  background-color: #d0c7ba;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:0px;
  margin:0px;
}

img, div { behavior: url(../src/js/iepngfix/iepngfix.htc) }

p, h1, h2, .italic {
	margin: 0px; 
	padding: 0px 0px 15px 10px; 
}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	text-align: right;
	color: #564b47;
	background-color: #90897a;
}

a { 
	color: #ff0000;
	font-size: 11px;
	background-color:transparent;
	text-decoration: none; 
}

a img { border:none; }

ul {
	list-style-type: circle;
	padding: 0 0 0 25px; 
}

foto {
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
}

.email :link, :visited{ 
	color: #ad0000;
	text-decoration: none; 
}

.email :link:hover, :visited:hover{ 
	color: #ad0000;
	text-decoration: underline overline;
}

.contact p {
	padding: 20px 0px 0px 100px;
}

img.floatL {
	float: left;
	margin: 6px;
}

img.floatR {
	float: right;
	margin: 6px;
}

.tekstBold {
	font-style:bold;
}

.italic {
	font-style:italic;
	font-size:10px;
}

/* INDEX */
#Index {
	position:absolute;
	left:0px;
	top:0px;
	width:1022px;
	height:614px;
    background-color: #d5cbbf;
}

/* MAINMENU */
#main-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:236px;
	height:614px;
}

#main-02 {
	position:absolute;
	left:236px;
	top:0px;
	width:551px;
	height:614px;
    background-color: #d5cbbf;
}

#main-03 {
	position:absolute;
	left:787px;
	top:0px;
	width:235px;
	height:614px;
}

#mainmenu-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:551px;
	height:50px;
}

#mainmenu-02 {
	position:absolute;
	left:0px;
	top:50px;
	width:48px;
	height:37px;
}

#lamp-04 {
	position:absolute;
	left:48px;
	top:50px;
	width:42px;
	height:37px;
}

#mainmenu-04 {
	position:absolute;
	left:90px;
	top:50px;
	width:93px;
	height:37px;
}

#lamp-05 {
	position:absolute;
	left:183px;
	top:50px;
	width:38px;
	height:37px;
}

#mainmenu-06 {
	position:absolute;
	left:221px;
	top:50px;
	width:98px;
	height:37px;
}

#lamp-06 {
	position:absolute;
	left:319px;
	top:50px;
	width:40px;
	height:37px;
}

#mainmenu-08 {
	position:absolute;
	left:359px;
	top:50px;
	width:91px;
	height:37px;
}

#lamp-07 {
	position:absolute;
	left:450px;
	top:50px;
	width:40px;
	height:39px;
}

#mainmenu-10 {
	position:absolute;
	left:490px;
	top:50px;
	width:61px;
	height:39px;
}

#mainmenu-11 {
	position:absolute;
	left:0px;
	top:87px;
	width:450px;
	height:26px;
}

#mainmenu-12 {
	position:absolute;
	left:450px;
	top:89px;
	width:101px;
	height:24px;
}

#mainmenu-13 {
	position:absolute;
	left:0px;
	top:113px;
	width:116px;
	height:40px;
}

#bio {
	position:absolute;
	left:116px;
	top:113px;
	width:139px;
	height:23px;
}

#mooiGezicht {
	position:absolute;
	left:255px;
	top:113px;
	width:174px;
	height:141px;
}

#mainmenu-16 {
	position:absolute;
	left:429px;
	top:113px;
	width:122px;
	height:40px;
}

#grime {
	position:absolute;
	left:116px;
	top:136px;
	width:139px;
	height:17px;
}

#mainmenu-18 {
	position:absolute;
	left:0px;
	top:153px;
	width:48px;
	height:49px;
}

#lamp-03 {
	position:absolute;
	left:48px;
	top:153px;
	width:68px;
	height:49px;
}

#visagie {
	position:absolute;
	left:116px;
	top:153px;
	width:139px;
	height:25px;
}

#lamp-08 {
	position:absolute;
	left:429px;
	top:153px;
	width:50px;
	height:49px;
}

#mainmenu-22 {
	position:absolute;
	left:479px;
	top:153px;
	width:72px;
	height:49px;
}

#bodypaint {
	position:absolute;
	left:116px;
	top:178px;
	width:139px;
	height:24px;
}

#mainmenu-24 {
	position:absolute;
	left:0px;
	top:202px;
	width:116px;
	height:49px;
}

#cursussen {
	position:absolute;
	left:116px;
	top:202px;
	width:139px;
	height:20px;
}

#mainmenu-26 {
	position:absolute;
	left:429px;
	top:202px;
	width:122px;
	height:52px;
}

#producten {
	position:absolute;
	left:116px;
	top:222px;
	width:139px;
	height:22px;
}

#contact {
	position:absolute;
	left:116px;
	top:244px;
	width:139px;
	height:18px;
}

#mainmenu-29 {
	position:absolute;
	left:0px;
	top:251px;
	width:68px;
	height:83px;
}

#lamp-02 {
	position:absolute;
	left:68px;
	top:251px;
	width:48px;
	height:52px;
}

#mainmenu-31 {
	position:absolute;
	left:255px;
	top:254px;
	width:166px;
	height:33px;
}

#lamp-09 {
	position:absolute;
	left:421px;
	top:254px;
	width:42px;
	height:53px;
}

#mainmenu-33 {
	position:absolute;
	left:463px;
	top:254px;
	width:88px;
	height:53px;
}

#nieuws {
	position:absolute;
	left:116px;
	top:262px;
	width:139px;
	height:25px;
}

#mainmenu-35 {
	position:absolute;
	left:116px;
	top:287px;
	width:65px;
	height:47px;
}

#carnaval {
	position:absolute;
	left:181px;
	top:287px;
	width:111px;
	height:47px;
}

#mainmenu-37 {
	position:absolute;
	left:292px;
	top:287px;
	width:129px;
	height:47px;
}

#mainmenu-38 {
	position:absolute;
	left:68px;
	top:303px;
	width:48px;
	height:31px;
}

#mainmenu-39 {
	position:absolute;
	left:421px;
	top:307px;
	width:130px;
	height:27px;
}

#mainmenu-40 {
	position:absolute;
	left:0px;
	top:334px;
	width:85px;
	height:59px;
}

#lamp-01 {
	position:absolute;
	left:85px;
	top:334px;
	width:38px;
	height:59px;
}

#mainmenu-42 {
	position:absolute;
	left:123px;
	top:334px;
	width:285px;
	height:59px;
}

#lamp-10 {
	position:absolute;
	left:408px;
	top:334px;
	width:42px;
	height:59px;
}

#mainmenu-44 {
	position:absolute;
	left:450px;
	top:334px;
	width:101px;
	height:59px;
}

#mainmenu-45 {
	position:absolute;
	left:0px;
	top:393px;
	width:551px;
	height:221px;
}

/* BIOGRAFIE */

#bio-01 {
	position:absolute;
    background: url(../images/bio_01.jpg) no-repeat;	
	left:0px;
	top:0px;
	width:389px;
	height:614px;
}

#bioTekst {
	position:absolute;
	display:block;
	left:0;
	top:110px;
	width:300px;
	height:500px;
	overflow:auto;
	z-index:2;
}

#bioTekst2 {
	position:absolute;
	display:block;
	left:0;
	top:110px;
	width:380px;
	height:500px;
	overflow:auto;
	z-index:2;
}

#bio-02 {
	position:absolute;
	left:389px;
	top:0px;
	width:162px;
	height:234px;
}

#bioMenu-01 {
	position:absolute;
	left:389px;
	top:234px;
	width:162px;
	height:31px;
}

#bioMenu-02 {
	position:absolute;
	left:389px;
	top:265px;
	width:162px;
	height:28px;
}

#bioMenu-03 {
	position:absolute;
	left:389px;
	top:293px;
	width:162px;
	height:29px;
}

#bioMenu-04 {
	position:absolute;
	left:389px;
	top:322px;
	width:162px;
	height:28px;
}

#bio-07 {
	position:absolute;
	left:389px;
	top:350px;
	width:162px;
	height:30px;
}

#bioMenu-menu {
	position:absolute;
	left:389px;
	top:380px;
	width:86px;
	height:29px;
}

#bio-09 {
	position:absolute;
	left:475px;
	top:380px;
	width:76px;
	height:234px;
}

#bio-10 {
	position:absolute;
	left:389px;
	top:409px;
	width:86px;
	height:205px;
}

/* PORTFOLIO */
#portfolio-01 {
	position:absolute;
    background: url(../images/portfolioTop.jpg) no-repeat;	
	left:0px;
	top:0px;
	width:551px;
	height:406px;
}

#portfolio-menu {
	position:absolute;
	left:0px;
	top:406px;
	width:107px;
	height:22px;
}

#portfolio-03 {
	position:absolute;
	left:107px;
	top:406px;
	width:298px;
	height:22px;
}

#portfolio-BGV {
	position:absolute;
	left:405px;
	top:406px;
	width:146px;
	height:33px;
}

#portfolio-05 {
	position:absolute;
	left:0px;
	top:428px;
	width:122px;
	height:27px;
}

#portfolio-visagie {
	position:absolute;
	left:122px;
	top:428px;
	width:58px;
	height:94px;
}

#portfolio-07 {
	position:absolute;
	left:180px;
	top:428px;
	width:225px;
	height:11px;
}

#portfolio-08 {
	position:absolute;
	left:180px;
	top:439px;
	width:10px;
	height:175px;
}

#portfolio-bodypaint {
	position:absolute;
	left:190px;
	top:439px;
	width:55px;
	height:83px;
}

#portfolio-10 {
	position:absolute;
	left:245px;
	top:439px;
	width:306px;
	height:175px;
}

#portfolio-11 {
	position:absolute;
	left:0px;
	top:455px;
	width:52px;
	height:159px;
}

#portfolio-grime {
	position:absolute;
	left:52px;
	top:455px;
	width:58px;
	height:87px;
}

#portfolio-13 {
	position:absolute;
	left:110px;
	top:455px;
	width:12px;
	height:159px;
}

#portfolio-14 {
	position:absolute;
	left:122px;
	top:522px;
	width:58px;
	height:92px;
}

#portfolio-15 {
	position:absolute;
	left:190px;
	top:522px;
	width:55px;
	height:92px;
}

#portfolio-16 {
	position:absolute;
	left:52px;
	top:542px;
	width:58px;
	height:72px;
}

/* visagie */
#imageContainerV {
	overflow: hidden;
}

#imageContainerV ul {
	float: left;
	list-style-type:none;
	margin: 148px 0 0 90px;
	padding: 0;
	width: 426px;
}

#imageContainerV li.portfolio {
	list-style-type:none;
}

#imageContainerV li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#imageContainerV li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 50px;
	margin: 5px;
	text-align:center;
	width: 50px;
}

#imageContainerV li.portfolio li:hover {
	border:#fff 1px solid;
}

#imageContainerV li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 50px;
}

/* bodypaint */
#imageContainerB {
	overflow: hidden;
}

#imageContainerB ul {
	float: left;
	list-style-type:none;
	margin: 210px 0 0 90px;
	padding: 0;
	width: 426px;
}

#imageContainerB li.portfolio {
	list-style-type:none;
}

#imageContainerB li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#imageContainerB li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 50px;
	margin: 5px;
	text-align:center;
	width: 50px;
}

#imageContainerB li.portfolio li:hover {
	border:#fff 1px solid;
}

#imageContainerB li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 50px;
}

/* grime */
#imageContainerG {
	overflow: hidden;
}

#imageContainerG ul {
	float: left;
	list-style-type:none;
	margin: 184px 0 0 90px;
	padding: 0;
	width: 426px;
}

#imageContainerG li.portfolio {
	list-style-type:none;
}

#imageContainerG li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#imageContainerG li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 50px;
	margin: 5px;
	text-align:center;
	width: 50px;
}

#imageContainerG li.portfolio li:hover {
	border:#fff 1px solid;
}

#imageContainerG li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 105px;
}

#imageContainerG li.portfolio li.grime {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 105px;
	margin: 8px;
	text-align:center;
	width: 105px;
}

#imageContainerG li.portfolio li.grime:hover {
	border:#fff 1px solid;
}

#imageContainerG li.portfolio li.grime span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 105px;
}

#grimeKop {
	padding:0;
}

/* CURSUSSEN */
#cursussen-01 {
	position:absolute;
    background: url(../images/cursussen_01.jpg) no-repeat;	
	left:0px;
	top:0px;
	width:551px;
	height:531px;
}

#cursusTekst {
	position:absolute;
	display:block;
	top:15px; 
	left:155px;
	width:390px;
	height:420px;
	overflow:hidden;
	z-index:2;
}

#imageContainerL {
	overflow: hidden;
}

#imageContainerL ul {
	float: left;
	list-style-type:none;
	margin: 0 0 0 10px;
	padding: 0;
}

#imageContainerL li.portfolio {
	list-style-type:none;
}

#imageContainerL li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#imageContainerL li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 105px;
	margin: 0;
	text-align:center;
	width: 105px;
}

#imageContainerL li.portfolio li:hover {
	border:#fff 1px solid;
}

#imageContainerL li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 105px;
}

#cursussen-02 {
	position:absolute;
	left:0px;
	top:531px;
	width:157px;
	height:83px;
}

#cursussen-menu {
	position:absolute;
	left:157px;
	top:531px;
	width:86px;
	height:29px;
}

#cursussen-04 {
	position:absolute;
	left:243px;
	top:531px;
	width:308px;
	height:35px;
}

#cursussen-05 {
	position:absolute;
	left:157px;
	top:560px;
	width:86px;
	height:9px;
}

#cursussen-06 {
	position:absolute;
	left:243px;
	top:566px;
	width:41px;
	height:48px;
}

#cursussen-11 {
	position:absolute;
	left:284px;
	top:566px;
	width:123px;
	height:29px;
}

#cursussen-08 {
	position:absolute;
	left:407px;
	top:566px;
	width:144px;
	height:48px;
}

#cursussen-09 {
	position:absolute;
	left:157px;
	top:569px;
	width:45px;
	height:45px;
}

#cursussen-next {
	position:absolute;
	left:202px;
	top:569px;
	width:22px;
	height:22px;
}

#cursussen-11011 {
	position:absolute;
	left:224px;
	top:569px;
	width:19px;
	height:45px;
}

#cursussen-12 {
	position:absolute;
	left:202px;
	top:591px;
	width:22px;
	height:23px;
}

#cursussen-13 {
	position:absolute;
	left:284px;
	top:595px;
	width:123px;
	height:19px;
}

/* PRODUCTEN */
#producten-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:551px;
	height:37px;
}

#producten-02 {
	position:absolute;
	left:0px;
	top:37px;
	width:255px;
	height:494px;
}

#producten-03 {
    background: url(../images/producten_03.jpg) no-repeat fixed;	
	position:absolute;
	left:255px;
	top:37px;
	width:281px;
	height:196px;
}

#producten-04 {
	position:absolute;
	left:536px;
	top:37px;
	width:15px;
	height:577px;
}

#producten-05 {
	position:absolute;
	left:255px;
	top:233px;
	width:281px;
	height:14px;
}

#producten-06 {
	position:absolute;
    background: url(../images/producten_06.jpg) no-repeat;	
	left:255px;
	top:247px;
	width:281px;
	height:294px;
}

#productenTekst {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:280px;
	height:300px;
	overflow:auto;
	z-index:2;
}

#producten-07 {
	position:absolute;
	left:0px;
	top:531px;
	width:157px;
	height:83px;
}

#producten-menu {
	position:absolute;
	left:157px;
	top:531px;
	width:86px;
	height:29px;
}

#producten-09 {
	position:absolute;
	left:243px;
	top:531px;
	width:12px;
	height:83px;
}

#producten-10 {
	position:absolute;
	left:255px;
	top:541px;
	width:281px;
	height:25px;
}

#producten-11 {
	position:absolute;
	left:157px;
	top:560px;
	width:86px;
	height:54px;
}

#producten-12 {
	position:absolute;
	left:255px;
	top:566px;
	width:29px;
	height:48px;
}

#producten-13 {
	position:absolute;
	left:284px;
	top:566px;
	width:123px;
	height:29px;
}

#producten-14 {
	position:absolute;
	left:407px;
	top:566px;
	width:129px;
	height:48px;
}

#producten-15 {
	position:absolute;
	left:284px;
	top:595px;
	width:123px;
	height:19px;
}

/* CONTACT */
#contact-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:192px;
	height:440px;
}

#contact-02 {
	position:absolute;
	left:192px;
	top:0px;
	width:359px;
	height:255px;
}

#contact-03 {
	position:absolute;
    background: url(../images/contact_03.jpg) no-repeat;	
	left:192px;
	top:255px;
	width:359px;
	height:185px;
}

#contact-04 {
	position:absolute;
	left:0px;
	top:440px;
	width:551px;
	height:43px;
}

#contact-05 {
	position:absolute;
	left:0px;
	top:483px;
	width:79px;
	height:131px;
}

#contact-menu {
	position:absolute;
	left:79px;
	top:483px;
	width:86px;
	height:29px;
}

#contact-07 {
	position:absolute;
	left:165px;
	top:483px;
	width:386px;
	height:83px;
}

#contact-08 {
	position:absolute;
	left:79px;
	top:512px;
	width:86px;
	height:102px;
}

#contact-09 {
	position:absolute;
	left:165px;
	top:566px;
	width:123px;
	height:48px;
}

#contact-10 {
	position:absolute;
	left:288px;
	top:566px;
	width:119px;
	height:29px;
}

#contact-11 {
	position:absolute;
	left:407px;
	top:566px;
	width:144px;
	height:48px;
}

#contact-12 {
	position:absolute;
	left:288px;
	top:595px;
	width:119px;
	height:19px;
}

/* IN HET NIEUWS */
#nieuws-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:551px;
	height:188px;
}

#nieuws-02 {
	position:absolute;
	left:0px;
	top:188px;
	width:551px;
	height:109px;
}

#nieuws-03 {
	position:absolute;
	left:0px;
	top:297px;
	width:551px;
	height:80px;
}

#nieuws-04 {
	position:absolute;
	left:0px;
	top:377px;
	width:192px;
	height:237px;
}

#nieuws-05 {
    background: url(../images/nieuws_05.jpg) no-repeat;	
	position:absolute;
	left:192px;
	top:377px;
	width:166px;
	height:237px;
}

#imageContainerN {
	overflow: hidden;
}

#imageContainerN ul {
	float: left;
	list-style-type:none;
	margin: 70px 0 0 30px;
	padding: 0;
}

#imageContainerN li.portfolio {
	list-style-type:none;
}

#imageContainerN li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#imageContainerN li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 105px;
	margin: 0;
	text-align:center;
	width: 105px;
}

#imageContainerN li.portfolio li:hover {
	border:#fff 1px solid;
}

#imageContainerN li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 105px;
}

#nieuws-06 {
	position:absolute;
	left:358px;
	top:377px;
	width:193px;
	height:237px;
}

#nieuws-06 {
	position:absolute;
	left:358px;
	top:377px;
	width:193px;
	height:237px;
}

/* CARNAVAL */

#carnaval-01 {
	position:absolute;
    background: url(../images/carnaval_01.jpg) no-repeat;	
	left:0px;
	top:0px;
	width:551px;
	height:469px;
}

#carnavalTekst {
	position:absolute;
	display:block;
	left:175px;
	top:15px;
	width:365px;
	height:460px;
	overflow:auto;
	z-index:2;
}

#carnaval-02 {
	position:absolute;
	left:0px;
	top:469px;
	width:325px;
	height:145px;
}

#carnaval-menu {
	position:absolute;
	left:325px;
	top:469px;
	width:86px;
	height:29px;
}

#carnaval-04 {
	position:absolute;
	left:411px;
	top:469px;
	width:140px;
	height:145px;
}

#carnaval-05 {
	position:absolute;
	left:325px;
	top:498px;
	width:86px;
	height:116px;
}

#carnavalContainer {
	overflow: hidden;
}

#carnavalContainer ul {
	float: left;
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 350px;
}

#carnavalContainer li.portfolio {
	list-style-type:none;
}

#carnavalContainer li.portfolio ul {
	list-style-type:none;
	margin: 0px;
}

#carnavalContainer li.portfolio li {
	background:#000;
	border:#000 1px solid;
	float: left;
	height: 50px;
	margin: 5px;
	text-align:center;
	width: 50px;
}

#carnavalContainer li.portfolio li:hover {
	border:#fff 1px solid;
}

#carnavalContainer li.portfolio li span { /* image positie binnen li kader */
	background:#000;
	float:left;
	margin:0;
	padding: 0;
	width: 50px;
}

/* x-fade */
#imageContainer {
	position:relative;
	margin:auto;
	height:350px;
	width:500px;
}

#imageContainer img {
	display:none;
    position:absolute;
    height:350px; 
    width:400px;
    margin:-175px 0px 0px -200px;
    top: 50%; 
    left: 50%;
}

#image2Container {
	position:relative;
	margin:auto;
	height:196px;
	width:281px;
}

#image2Container img {
	display:none;
    position:absolute;
    height:196px; 
    width:281px;
    margin:0px 0px 0px 0px;
    top: 0; 
    left: 0;
}

