@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('font/ColabThi-webfont.eot');
    src: url('font/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabThi-webfont.woff') format('woff'),
         url('font/ColabThi-webfont.ttf') format('truetype'),
         url('font/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('font/ColabLig-webfont.eot');
    src: url('font/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabLig-webfont.woff') format('woff'),
         url('font/ColabLig-webfont.ttf') format('truetype'),
         url('font/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('font/ColabReg-webfont.eot');
    src: url('font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabReg-webfont.woff') format('woff'),
         url('font/ColabReg-webfont.ttf') format('truetype'),
         url('font/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('font/ColabMed-webfont.eot');
    src: url('font/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabMed-webfont.woff') format('woff'),
         url('font/ColabMed-webfont.ttf') format('truetype'),
         url('font/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('font/ColabBol-webfont.eot');
    src: url('font/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabBol-webfont.woff') format('woff'),
         url('font/ColabBol-webfont.ttf') format('truetype'),
         url('font/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
background-color:#322e2d;
background-position:top;
background-repeat: repeat-x;
width:100%;
height:100%;
}

#body-home {

}

#main-area {
padding:0px;
margin-top:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
width:1025px;
}

#home-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1400px;
background-image:url(../images/background/home-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#artist-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1235px;
background-image:url(../images/background/artist-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#kontak-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1044px;
background-image:url(../images/background/kontak-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#backstage-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1044px;
background-image:url(../images/background/backstage-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#kunstenaar-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1400px;
background-image:url(../images/background/kunstenaar-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#optredes-bg {
padding:0px;
margin-top:0px;
margin-left:0px;
width:1025px;
height:1137px;
background-image:url(../images/background/optredes-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}

#banner {
position:absolute;
margin-top:0px;
margin-left:19px;
width:765px;
height:99px;
}

#roto-area {
position:absolute;
margin-left:19px;
margin-top:99px;
width:765px;
height:333px;
overflow:hidden;
}

#kunstenaar-header {
position:absolute;
margin-left:19px;
margin-top:99px;
}

#artist-thumb-area {
position:absolute;
margin-left:19px;
margin-top:99px;
width:765px;
height:478px;

overflow:hidden;
}

#artist-thumb-area-01 {
position:absolute;
margin-left:0px;
margin-top:0px;
width:765px;
}

#artist-thumb-area-02 {
position:absolute;
margin-left:960px;
margin-top:0px;
width:765px;
}

#banner2-home {
position:absolute;
margin-top:432px;
margin-left:3px;
width:781px;
height:99px;
}

#banner2-kunstenaars {
position:absolute;
margin-top:362px;
margin-left:3px;
width:781px;
height:99px;
}

#banner2-artist-pg {
position:absolute;
margin-top:577px;
margin-left:3px;
width:781px;
height:99px;
}

#home-content-area {
position:absolute;
margin-left:19px;
margin-top:529px;
width:765px;
height:611px;
}

#kunstenaar-content-area {
position:absolute;
margin-left:19px;
margin-top:459px;
width:765px;
height:611px;
}

#artist-content-area {
position:absolute;
margin-left:19px;
margin-top:674px;
width:765px;
height:611px;
}

#kontak-content-area {
position:absolute;
margin-left:0px;
margin-top:580px;
width:765px;
height:611px;
}

#backstage-content-area {
position:absolute;
margin-left:0px;
margin-top:500px;
width:765px;
height:611px;
}

#text-area-home {
position:absolute;
margin-left:27px;
margin-top:25px;
width:334px;
height:268px;
}

#text-area-kunstenaar {
position:absolute;
margin-left:27px;
margin-top:15px;
width:334px;
height:268px;
}

#text-area-artist {
position:absolute;
margin-left:27px;
margin-top:25px;
width:334px;
height:268px;
}

#text-area-kontak {
position:absolute;
margin-left:27px;
margin-top:0px;
width:250px;
height:268px;
}

#bespreek-home {
position:absolute;
margin-left:27px;
margin-top:280px;
width:334px;
height:268px;
background-image:url(../images/bespreek-kunstenaar-home-bg.jpg);
}

#kunstenaar-video {
position:absolute;
margin-left:27px;
margin-top:340px;
}

#kunstenaar-weblink {
position:absolute;
margin-left:27px;
margin-top:615px;
}

#byeenkoms-home {
position:absolute;
margin-left:501px;
margin-top:29px;
width:229px;
height:224px;
border-left:#9c9c9c 1px solid;
}

#kunstenaar-gallery {
position:absolute;
margin-left:488px;
margin-top:15px;
width:279px;
height:260px;
border-left:#9c9c9c 1px solid;
}

#kunstenaar-album {
position:absolute;
margin-left:372px;
margin-top:336px;
width:362px;
height:278px;

}

#twitter-home {
position:absolute;
margin-left:372px;
margin-top:276px;
width:362px;
height:278px;
background-image:url(../images/twitter-bg.jpg);
}

#vert-scroll-area {
position:absolute;
margin-left:784px;
margin-top:0px;
height:1059px;
}

#scroller {
position:absolute;
margin-top:61px; 
margin-left:0px;
width:241px;
height:944px;
overflow:hidden;
}

.sliderkit-nav-clip li {
list-style:none;}

#slide-01 {
margin-top:4px;
margin-left:0px;
width:201px;
height:84px;
overflow:hidden;
}

.slide-00 {
padding-top:2px;
margin-left:0px;
width:201px;
height:84px;
overflow:hidden;
}











#home-text-area {
position:absolute;
margin-top:582px;
margin-left:0px;
width:960px;
height:449px;

}

#contact-text-area {
position:absolute;
margin-top:440px;
margin-left:0px;
}

#home-form-area {
position:absolute;
margin-top:184px;
margin-left:0px;
width:992px;
height:281px;
background-image:url(../images/background/leadhub-form-area.jpg);
}

#services-form-area {
position:absolute;
margin-top:184px;
margin-left:0px;
width:992px;
height:281px;
background-image:url(../images/background/services-form-area.jpg);
}

#services-content-area {
position:absolute;
margin-left:14px;
margin-top:465px;
width:978px;
height:601px;
background-image:url(../images/background/leadhub-services-backgrnd.jpg);
}

#contact-form-area {
position:absolute;
margin-top:184px;
margin-left:0px;
width:992px;
height:281px;
background-image:url(../images/background/contact-form-area.jpg);
}

#contact-content-area {
position:absolute;
margin-left:14px;
margin-top:465px;
width:978px;
height:377px;
background-image:url(../images/background/leadhub-contact-backgrnd.jpg);
}

.form-text-01 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none;
text-transform:none;
}

.home-buttons {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

.home-buttons:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}


.home-buttons2 {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}

.home-buttons2:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

.text-home {
color:#31343d;
font-family: "ColaborateLightRegular", Arial, sans-serif;
font-size:12px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
} 

.text-home-links {
color:#dc9645;
font-family: "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
font-stretch:normal;
font-style: italic;
text-decoration:none;
text-transform:none;
} 

.text-home-links:hover {
color:#5b4737;
font-family: "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
font-stretch:normal;
font-style:italic;
text-decoration:none;
text-transform:none;
}

.kunstenaar-twitter-header {
color:#ffffff;
font-family: "ColaborateMediumRegular", Arial, sans-serif;
font-size:13px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
} 

.artist-footer-links {
color:#31343d;
font-family: "ColaborateRegular", Arial, sans-serif;
font-size:13px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
padding-right:5px;
line-height:1.1em;
} 

.artist-footer-links:hover {
color:#e5b277;
font-family: "ColaborateRegular", Arial, sans-serif;
font-size:13px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
padding-right:5px;
line-height:1.1em;
} 

.artist-footer-links2 {
color:#31343d;
font-family: "ColaborateRegular", Arial, sans-serif;
font-size:13px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
padding-right:5px;
line-height:1.1em;
} 

.kunstenaar-weblink {
color:#3f3022;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:21px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:uppercase;
letter-spacing:-0.00em;
}

.kunstenaar-weblink:hover {
color:#e5b277;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:21px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
letter-spacing:-0.00em;
}

.kunstenaar-optrede-01 {
color:#ffffff;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:30px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:uppercase;
letter-spacing:-0.00em;
}

.kunstenaar-optrede-02 {
color:#999999;
font-family: "ColaborateRegular", Arial, sans-serif;
font-size:15px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
padding-right:0px;
line-height:1.1em;
} 

.kunstenaar-musiek-01 {
color:#ffffff;
font-family: "ColaborateMediumRegular", Arial, sans-serif;
font-size:21px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
} 

.kunstenaar-musiek-02 {
color:#ffffff;
font-family: "ColaborateMediumRegular", Arial, sans-serif;
font-size:16px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
letter-spacing:-0.01em;
} 

.text-kontak {
color:#31343d;
font-family: "ColaborateLightRegular", Arial, sans-serif;
font-size:15px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
} 

.text-kontak2 {
color:#31343d;
font-family: "ColaborateLightRegular", Arial, sans-serif;
font-size:18px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
line-height:1.1em
}

.optrede-skedule-01 {
color:#31343d;
font-family: "ColaborateMediumRegular", Arial, sans-serif;
font-size:19px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
line-height:1.1em;
} 

.optrede-skedule-02 {
color:#31343d;
font-family: "ColaborateMediumRegular", Arial, sans-serif;
font-size:15px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
line-height:1.1em;
} 

.optrede-skedule-03 {
color:#31343d;
font-family: "ColaborateLightRegular", Arial, sans-serif;
font-size:15px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
line-height:1.1em;
}

.performances-headers2 {
color:#333132;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
line-height:1.1em;
}

.performances-sheet{
color:#333132;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: none;
line-height:1.1em;
}

.performances-sheet2 {
color:#333132;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: none;
line-height:1.1em;
}

.performances-sheet2:hover {
color:#333132;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration: underline;
text-transform: none;
line-height:1.1em;
}

h1 {
color:#3f3022;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:21px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
letter-spacing:0.05em;

}

h2 {
color:#3f3022;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:18px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
letter-spacing:0.01em;
}

h3 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
font-weight:bolder;
font-stretch: normal;
font-style:normal;
text-decoration:none;
text-transform:none;
word-spacing:-4px;
}

h4 {
color:#e17df7;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
line-height:1.1em;
}

h5 {
color:#414042;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
}

h6 {
color:#414042;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
line-height:1.2em;
}

h7 {
color:#414042;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform: uppercase;
}

h8 {
color:#3f3022;
font-family: "BebasNeueRegular", Arial, sans-serif;
font-size:17px;
font-weight:100;
font-stretch:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
letter-spacing:0.01em;
}


.twtr-hd {
display:none;
}

.twtr-bd {
background:none; 
background-color:transparent;
}

#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline {
background: none !important;
background-color:transparent;
}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {background: none; background-color:transparent;}

.twtr-ft {
display:none;
}

#tweet-id-3.twtr-tweet p{
font-weight:100;
font-size:11px;
color:#31343d;

}

.twtr-tweet-text {
font-size:11px; 
font-weight:100;
color:#31343d;

}

.twtr-tweet p{
font-weight:100;
color:#31343d;

}

.rssincl-title {
display:none;
}

.rssincl-last {
display:none;
}

.rssincl-content {
color:#000000;
font-weight:600;
background-color: transparent;
}

.rssincl-itemdesc {
color:#000000;
}

.rssincl-itemtitle {
color:#000000;
}

.rssincl-entry {
color:#000000;
}


.form-fields {
color:#3f3022;
background-color:#e0e1e1;
border-bottom:#ebecec 1px solid;
border-top:#afafaf 2px solid;
border-left:#ebecec 1px solid;;
border-right:#afafaf 2px solid;
padding-top:0px;
padding-left:3px;
font-family:Arial, Helvetica, sans-serif;
}

.form-fields2 {
color:#dc9645;
background-color:#f0f0f1;
border-bottom:#f4f5f5 1px solid;
border-top:#d2d2d3 2px solid;
border-left:#f4f5f5 1px solid;;
border-right:#d2d2d3 2px solid;
padding-top:0px;
padding-left:3px;
font-family:Arial, Helvetica, sans-serif;
}

#footer-content {
position:absolute;
margin-left:25px;
margin-top:1038px;
height:80px;
}

#footer-content2 {
position:absolute;
margin-left:40px;
margin-top:806px;
height:80px;
}

#menu-footer {
position:absolute;
margin-top:0px;
margin-left:0px;
width:700px;
}

#artist-footer {
position:absolute;
margin-top:0px;
margin-left:0px;
width:900px;
line-height:1.1em;
}

.menu-footer-01 {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #999999; 
text-transform:none; 
font-size:12px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
}

.menu-footer-01:hover {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #6feff9; 
text-transform:none; 
font-size:12px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
}

.menu-footer-02 {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #999999; 
text-transform:none; 
font-size:12px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
}


#contact-bg-01 {
position:absolute;
margin-left:-2px;
margin-top:32px;
width:223px;
height:204px;
background-image:url(../images/contact-bg-01.jpg);
}

#contact-bg-02 {
position:absolute;
margin-left:227px;
margin-top:32px;
width:610px;
height:170px;
background-image:url(../images/contact-bg-02.jpg);
}

#contact-bg-03 {
position:absolute;
margin-left:227px;
margin-top:208px;
width:610px;
height:28px;
background-image:url(../images/contact-bg-03.jpg);
}

#contact-text-01 {
position:absolute;
margin-left:45px;
margin-top:25px;
}

#contact-text-02 {
position:absolute;
margin-left:38px;
margin-top:4px;
}









#home-footer {
position:absolute;
margin-top:1387px;
margin-left:0px;
width:1070px;
height:149px;
background-image:url(../images/platinum-promosies-footer-bg.jpg);
}



 .footer-text {
color:#999999;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-stretch:normal;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none; 
text-transform: lowercase;
text-align:left;
padding-right:8px;
 }
 
  .footer-text:hover {
color:#e5b277;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-stretch:normal;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none; 
text-transform: lowercase;
text-align:left;
padding-right:8px;
 }
 
  .footer-text2 {
color:#999999;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-stretch:normal;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:100;
text-decoration:none; 
text-transform: lowercase;
text-align:left;
padding-right:8px;
 }

#yorkhill {
position:absolute;
margin-left:795px;
margin-top:0px;
text-align:right;
width:140px;
}

.yorkhill-text {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
color: #999999; 
text-transform:none; 
font-size:8px; 
font-style:normal; 
font-variant:normal; 
font-weight:100; 
border:none;
}






