@charset "utf-8";

/* CSS Document */



body {

background-color:#000000;

}



#main-area {

padding:0px;

margin-top:0px;

margin:0px;

margin-left:auto;

margin-right:auto;

width:1160px;

}



#banner-01-low {

position:absolute;

margin-top:0px;

margin-left:0px;

width:1160px;

height:315px;

background-image:url(../images/snotkop-banner-01-low.jpg);

}



#banner-01 {

position:absolute;

margin-top:0px;

margin-left:0px;

width:1160px;

height:315px;

background-image:url(../images/snotkop-banner-01.jpg);

}



#banner-02-low {

position:absolute;

margin-top:0px;

margin-left:0px;

width:1160px;

height:315px;

background-image:url(../images/snotkop-banner-02-low.jpg);

}



#banner-02 {

position:absolute;

margin-top:0px;

margin-left:0px;

width:1160px;

height:315px;

background-image:url(../images/snotkop-banner-02.jpg);

}



#menu {

position:absolute;

margin-left:0px;

margin-top:315px;

width:1160px;

height:51px;

background-image:url(../images/snotkop-menu-bg.jpg);

}



#bckgrnd-home {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-wall-home.jpg);

}



#bckgrnd-snotkop-low {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-about-bg-low.jpg);

}



#bckgrnd-snotkop {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-about-bg.jpg);

}



#bckgrnd-bespreek-low {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-bespreek-bg-low.jpg);

}



#bckgrnd-bespreek-low2 {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-bespreek-bg-low2.jpg);

}



#bckgrnd-bespreek {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-bespreek-bg.jpg);

}



#bckgrnd-bespreek2 {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:url(../images/snotkop-bespreek-bg2.jpg);

}

#bckgrnd-bespreek3 {

position:absolute;

margin-top:315px;

margin-left:0px;

width:1160px;

height:669px;

background-image:none !important;

background-color:#000;

}



#bckgrnd-footer {

position:absolute;

margin-top:984px;

margin-left:0px;

width:1160px;

height:235px;

background-image:url(../images/snotkop-footer.jpg);

}



#bckgrnd-footer2 {

position:absolute;

margin-top:1004px;

margin-left:0px;

width:1160px;

height:235px;

background-image:url(../images/snotkop-footer.jpg);

}



#bckgrnd-footer3 {

position:absolute;

margin-top:1248px;

margin-left:0px;

width:1160px;

height:235px;

background-image:url(../images/snotkop-footer.jpg);

}



#bckgrnd-footer4 {

position:absolute;

margin-top:1445px;

margin-left:0px;

width:1160px;

height:235px;

background-image:url(../images/snotkop-footer.jpg);

}



#spons-logos {

position:absolute;

margin-top:958px;

margin-left:196px;

}



#spons-logos2 {

position:absolute;

margin-top:978px;

margin-left:196px;

}



#spons-logos3 {

position:absolute;

margin-top:1222px;

margin-left:196px;

}



#spons-logos4 {

position:absolute;

margin-top:1419px;

margin-left:196px;

}



#player {

position:absolute;

margin-left:95px;

margin-top:1135px;

width:250px;

}



#disclaim {

position:absolute;

margin-top:1049px;

margin-left:276px;

}



#disclaim2 {

position:absolute;

margin-top:1069px;

margin-left:276px;

}



#disclaim3 {

position:absolute;

margin-top:1313px;

margin-left:276px;

}



#disclaim4 {

position:absolute;

margin-top:1510px;

margin-left:276px;

}



#footer-content {

position:absolute;

margin-left:98px;

margin-top:1105px;

}



#footer-content2 {

position:absolute;

margin-left:98px;

margin-top:1125px;

}



#footer-content3 {

position:absolute;

margin-left:98px;

margin-top:1369px;

}



#footer-content4 {

position:absolute;

margin-left:98px;

margin-top:1566px;

}



.footer-text {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color: #666666;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform: uppercase;



}



.footer-text2 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666666;

font-weight:100;

text-decoration:none;

font-style:normal;

}



.footer-text:hover {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color: #cccccc;

font-weight:100;

text-decoration:none;

font-style:normal;

}



.footer-text3 {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color: #666666;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform:none;



}



#yorkhill {

position:absolute;

margin-left:910px;

margin-top:1105px;

text-align:right;

width:140px;

}



#yorkhill2 {

position:absolute;

margin-left:910px;

margin-top:1125px;

text-align:right;

width:140px;

}



#yorkhill3 {

position:absolute;

margin-left:910px;

margin-top:1369px;

text-align:right;

width:140px;

}



#yorkhill4 {

position:absolute;

margin-left:910px;

margin-top:1566px;

text-align:right;

width:140px;

}



.yorkhill-text {

text-decoration:none; 

font-family:Arial, Helvetica, sans-serif; 

color: #666666; 

text-transform:none; 

font-size:11px; 

font-style:normal; 

font-variant:normal; 

font-weight:100; 

border:none;

}



.yorkhill-text:hover {

color: #999999; 

}



#social-feed-twitter2 {

position:absolute;

margin-left:98px;

margin-top:502px;

width:349px;

height:407px;

overflow:hidden;



}



#social-feed-area {

position:absolute;

margin-left:98px;

margin-top:502px;

width:349px;

height:407px;

overflow:hidden;



}



#social-feed-twitter {

position:absolute;

margin-left:0px;

margin-top:0px;

width:349px;

height:400px;

background-color:#000000;

}



#social-feed-facebook {

position:absolute;

margin-left:560px;

margin-top:0px;

width:349px;

height:407px;

background-color: #eeeeee;

z-index:9;

}



#twitter-header {

position:absolute;

margin-left:98px;

margin-top:369px;

width:349px;

height:133px;

background-image:url(../images/snotkop-social-banner.jpg);

}



#twitter-body {

position:absolute;

margin-left:5px;

margin-top:0px;



}



.twtr-hd {

display:none;

}



.twtr-ft {

display:none;

}



#tweet-id-4.twtr-tweet p{

font-weight:100;

font-size:14px;

}



#tweet-id-3.twtr-tweet p{

font-weight:100;

font-size:14px;

}



#tweet-id-2.twtr-tweet p{

font-weight:100;

font-size:14px;

}



#tweet-id-1.twtr-tweet p{

font-weight:100;

font-size:14px;

}





.twtr-tweet p{

font-weight:100;

}



.rssincl-title {

display:none;

}



.rssincl-last {

display:none;

}



.rssincl-content {

color:#000000;

font-weight:100;

}



.rssincl-itemdesc {

color:#000000;

}



.rssincl-itemtitle {

color:#000000;

}



.rssincl-entry {

color:#000000;

}



#bespreek-home {

position:absolute;

margin-top:369px;

margin-left:455px;

}



#home-roto-banner {

position:absolute;

margin-top:408px;

margin-left:455px;

}



#home-video {

position:absolute;

margin-left:455px;

margin-top:656px;

}



#home-poll {

position:absolute;

margin-left:863px;

margin-top:656px;

width:202px;

height:243px;

background-image:url(../images/snotkop-poll.jpg);

}



.poll-text {

font-family:Arial, Helvetica, sans-serif;

font-size:22px;

color:#ffffff;

font-weight:100;

text-decoration:none;

font-style:normal;

}



#home-poll2 {

position:absolute;

margin-left:863px;

margin-top:656px;

width:202px;

height:243px;

background-image:url(../images/poll-2012-01.jpg);

}



.poll-text2 {

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

color:#ffffff;

font-weight:100;

text-decoration:none;

font-style:normal;

}



.poll-text3 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#ffffff;

font-weight:100;

text-decoration:none;

font-style:normal;

}



.poll-text3:hover {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color: #4995a4 ;

font-weight:100;

text-decoration:none;

font-style:normal;

}



.about-text {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#ffffff;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.about-text2 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666666;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.about-text2:hover {

color:#999999;

}



.about-text3 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#cccccc;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.about-text3:hover {

color:#0abae9;

}





#about-text-area {

position:absolute;

margin-left:160px;

margin-top:442px;

width:390px;

height:500px;

overflow:hidden;

}



#about-01 {

position:absolute;

margin-left:0px;

margin-top:0px;

width:390px;

height:500px;

overflow:hidden;

}



#about-02 {

position:absolute

margin-left:0px;

margin-top:510px;

width:390px;

height:500px;

overflow:hidden;

}



#about-03 {

position:absolute

margin-left:0px;

margin-top:1020px;

width:390px;

height:500px;

overflow:hidden;

}



#about-04 {

position:absolute

margin-left:0px;

margin-top:1530px;

width:390px;

height:500px;

overflow:hidden;

}



#about-05 {

position:absolute

margin-left:0px;

margin-top:1530px;

width:390px;

height:500px;

overflow:hidden;

}



#about-06 {

position:absolute

margin-left:0px;

margin-top:1530px;

width:390px;

height:500px;

overflow:hidden;

}



#thumb-row {

position:absolute;

margin-left:256px;

margin-top:837px;



}



#optredes-banner {

position:absolute;

margin-left:105px;

margin-top:369px;

width:949px;

height:63px;

background-image:url(../images/optredes-banner.jpg);

}



.optredes-scroll {

font-family:Arial, Helvetica, sans-serif;

font-size:15px;

color:#696969;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform:uppercase;

}



.optredes-scroll:hover {

color:#cccccc;

}



#optredes-add-banner {
background-image:url(../images/shows-bg-2017_2.jpg);
position:absolute;

margin-left:0px;

margin-top:366px;

width:1264px;

height:596px;
z-index:999 !important;

}







#optredes-area-01 {

position:absolute;

margin-left:418px;

margin-top:434px;

width:656px;

height:521px;

overflow: auto;

}



#optredes-area-02 {

padding-left:636px;

width:636px;

height:520px;

overflow:hidden;

}



#optredes-area-03 {

padding-left:1272px;

width:636px;

height:520px;

overflow:hidden;

}



.optredes-divider {

width:636px;

height:127px;

background-image:url(../images/optrede-divider.jpg);

overflow:hidden;

}



.optredes-divider-month {

width:636px;

height:40px;

overflow:hidden;

border:#666666 1px solid;



background: #999; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #333333,  #000000); /* for firefox 3.6+ */ 



}



.optredes-divider2 {

width:636px;

height:60px;

overflow:hidden;

border:#666666 1px solid;



background: #999; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#252525'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#252525)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #363636,  #252525); /* for firefox 3.6+ */ 





}







.bespreek-text {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.bespreek-text2 {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

text-align:right;

}



.produkte-text {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#ffffff;

font-weight:600;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.produkte-text2 {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#ffffff;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



.produkte-text3 {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#000000;

font-weight:100;

text-decoration:none;

font-style:normal;

line-height:16px;

}



#video-banner {

position:absolute;

margin-left:105px;

margin-top:369px;

width:949px;

height:63px;

background-image:url(../images/videos-banner.jpg);

}



#video-content {

position:absolute;

margin-left:105px;

margin-top:434px;

width:949px;

height:487px;

background-image:url(../images/videos-content.jpg);

}



#video-count {

position:absolute;

margin-left:905px;

margin-top:15px;

}



#video-update {

position:absolute;

margin-left:810px;

margin-top:72px;

}





#video-area {

position:absolute;

margin-left:0px;

margin-top:100px;

width:949px;

height:387px;

overflow:hidden;

}



#video-area-01 {

position:absolute;

margin-left:0px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



#video-area-02 {

position:absolute;

margin-left:1000px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



#video-area-03 {

position:absolute;

margin-left:2000px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



.video-title {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform:uppercase;

padding-top:2px;

}



.video-artist {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style: italic;

text-transform: none;

}



.video-scroll {

font-family:Arial, Helvetica, sans-serif;

font-size:15px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform:uppercase;

}



.video-scroll:hover {

font-family:Arial, Helvetica, sans-serif;

font-size:15px;

color:#cccccc;

font-weight:100;

text-decoration:none;

font-style:normal;

text-transform:uppercase;

}

a.video-scroll {
    width: 20px;
    display: table;
    text-align: center;
    padding: 2px 0 2px 0;
    background-color: rgba(0,0,0,0.1);
    float: left;
}

.video-update {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style: normal;

text-transform: none;

}



#foto-banner {

position:absolute;

margin-left:105px;

margin-top:369px;

width:949px;

height:63px;

background-image:url(../images/fotos-banner.jpg);

}



#foto-content {

position:absolute;

margin-left:105px;

margin-top:434px;

width:949px;

height:487px;

background-image:url(../images/fotos-content.jpg);

}



#foto-content2 {

position:absolute;

margin-left:105px;

margin-top:437px;

width:949px;

height:487px;



}



#foto-header {

position:absolute;

margin-left:20px;

margin-top:20px;

}



#foto-count {

position:absolute;

margin-left:895px;

margin-top:17px;

width:30px;

text-align:right;

}



#foto-update {

position:absolute;

margin-left:810px;

margin-top:52px;

}



#foto-back {

position:absolute;

margin-left:830px;

margin-top:80px;

}





#foto-area-01 {

position:absolute;

margin-left:0px;

margin-top:100px;

width:949px;

height:387px;

overflow:hidden;

}



#foto-sub-area-01 {

position:absolute;

margin-left:0px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



#foto-sub-area-02 {

position:absolute;

margin-left:1000px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



#foto-sub-area-03 {

position:absolute;

margin-left:2000px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}

#foto-sub-area-04 {

position:absolute;

margin-left:3000px;

margin-top:0px;

width:949px;

height:387px;

overflow:hidden;

}



.foto-update {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#999999;

font-weight:100;

text-decoration:none;

font-style: normal;

text-transform: none;

}



.foto-update:hover {

color:#cccccc;

}



.form-fields {

background-color:#000000;

border-top: #666666 1px solid;

border-bottom: #000000 1px solid;

border-left: #000 1px solid;

border-right: #666666 1px solid;

color:#999999;

}



.form-fields2 {

background-color:#ffffff;

border-top: #666666 1px solid;

border-bottom: #ffffff 1px solid;

border-left: #ffffff 1px solid;

border-right: #666666 1px solid;

color:#999999;

}



.button-fade {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}



.button-fade:hover {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

.button-fade2 {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

-moz-opacity: 0.8;

opacity: 0.8;

}



.button-fade2:hover {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}





#event-container02 {

position:absolute;

margin-top:0px;

margin-left:0px;

width:697px;

height:181px;

background-image:url(../images/events-bg.jpg);

border: none;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}



#event-container02-text {

position:absolute;

margin-top:281px;

margin-left:118px;

width:697px;

height:181px;

}



#event-frame03 {

position:absolute;

margin-top:462px;

margin-left:118px;

width:697px;

height:181px;

border-left: #524080 solid 1px;

border-right: #524080 solid 1px;

border-bottom: #524080 solid 1px;

border-top: none;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}



#event-container03 {

position:absolute;

margin-top:0px;

margin-left:0px;

width:697px;

height:181px;

background-image:url(../images/events-bg.jpg);

border: none;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}



#event-container03-text {

position:absolute;

margin-top:472px;

margin-left:118px;

width:697px;

height:181px;

}



.event-header {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:bold;

text-decoration:none;

text-transform: uppercase;

color:#FFFFFF;

}



.event-desc {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:100;

text-decoration:none;

text-transform:none;

color:#FFFFFF;

}



.event-info {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:100;

text-decoration:none;

text-transform:none;

color:#FFFFFF;

}



.photo-trans-thumb2 {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);

-moz-opacity: 0.2;

opacity: 0.2;



}



.photo-trans-thumb2:hover {

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

}