/* general basics */
html, body { height: 100%; background: #58585a url("../imgnew/bg-footer.png") top center repeat-y; min-width: 980px; }
* { 
	font-size: 12px; font-style: normal;  color: #333333;
	margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
.c50l { width: 50%; float: left; }
.c50r { width: 50%; float: right; }
.clear { float: none; clear: both; display: block; }
.browserMsg { background:url("../imgnew/error.gif") 3px 5px no-repeat #ffffff; border:5px solid #ae0011; margin:0 auto; padding:0 10px; width:942px; z-index:1000000; }
.browserMsg p { margin:10px 0 10px 14px; }
#col2 .csc-textpic-image img { margin-top: 4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .browserMsg { display: none; } }
/*
    <!--[if lte IE 6]>
      <div class="browserMsg">
        <p>Sie verwenden derzeit einen <strong>veralteten Browser</strong> mit <strong>Sicherheitsschwachstellen</strong> und können nicht alle Funktionen dieser Webseite nutzen.</p>
        <p>Bitte überlegen Sie sich doch <a href="http://www.microsoft.com/windows/internet-explorer/">auf eine aktuelle Version zu aktualisieren</a>.</p>
      </div>
    <![endif]-->
*/

/* page layout */
#header { background: transparent url("../imgnew/bg-head.png") top center no-repeat; height: 298px; width: 980px; margin: 0 auto; text-align: center; position: relative; }
#header.fullscreen { height: 118px; }
#header #logo { position: absolute; top: 205px; left: 32px; z-index: 99; }
#header.fullscreen #logo { position: absolute; top: 35px; }
#header.promo #logo { display: none; }
#header #banner { padding-top: 23px; width: 950px; margin: 0 auto; }
#header #promo { padding-top: 25px; height: 122px; }
#page { width: 980px; margin: 0 auto; position: relative; }
#page #topbar { background: transparent url("../imgnew/bg-tabs.png") top left no-repeat; height: 35px; width: 950px; margin: 0 auto; }


/* top bar tabs */
#page #topbar #tabs { height: 28px; position: relative; float: left; }
#page #topbar #tabs a { 
	display: block; float: left; background: transparent url("../imgnew/states-tabs.png") -260px 0px no-repeat; 
	width: 260px; height: 28px; text-align: center; position: absolute; top: 0px; 
}
#page #topbar #tabs a.first { z-index: 3; left: 0px; }
#page #topbar #tabs a.second { z-index: 2; left: 230px; }
#page #topbar #tabs a.third { z-index: 1; left: 460px; }
#page #topbar #tabs a:hover { text-decoration: none; background: transparent url("../imgnew/states-tabs.png") 0px 0px no-repeat; }
#page #topbar #tabs a.active { background: transparent url("../imgnew/states-tabs.png") 0px 0px no-repeat; }
#page #topbar #tabs a span { display: block; padding: 6px 0 0 0; color: #ffffff; text-transform: uppercase; font-weight: bold; }
/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { #page #topbar #tabs a span { padding-top: 10px; } }


/* top bar newsletter */
#page #topbar #newsletter { float: right; }
#page #topbar #newsletter form { display: table; margin: 3px 13px 0 0; }
#page #topbar #newsletter input.email { color: #7a7a7a; height: 19px; vertical-align: middle; margin-right: 5px; width: 140px; cursor: pointer; font-size: 11px ! important; }
#page #topbar #newsletter input.go { vertical-align: middle; }


/* content area */
#content { padding-bottom: 20px; background: transparent url("../imgnew/bg-content.png") top center repeat-y; min-height: 500px; width: 950px; margin: 0 auto; }


/* main menu */
#content #col1 { width: 235px; float: left; }
#content #col1 #mainmenu { margin-top: 10px; }
#content #col1 #mainmenu a { display: block; float: none; clear: both; margin-bottom: 4px; }
#content #col1 #social { margin: 20px 0 0 15px; }
#content #col1 #social a { margin-right: 6px; }
#content #col1 #social iframe { margin-top: 15px; }
#content #subtemplate { float: left; }


/* content area 2col */
#content #submenu { padding-top: 10px; }
#content #col2 { width: 505px; float: left; padding: 10px 10px 0 0; position: relative; }
#content #col2 * { line-height: 17px; }
#content h1, 
#content h2, 
#content h3,
#content p, 
#content #col2 table, 
#content #col2 ul { margin-bottom: 10px; }
#content #col2 object { margin: 0 auto; display: block; margin-bottom: 10px; position: relative; top: -1px; }
#content h4 { margin-bottom: 8px; } 
#content h1,
#content h2,
#content h3 { color: #008bcf; text-transform: uppercase; }
#content h4 { text-transform: uppercase; }
#content #col2 a, #content #col2 a * { color: #008bcf; }
#content h1, #content a.downloader { font-size: 18px; margin-bottom: 16px; line-height: 21px; }
#content h2 { font-size: 16px; margin-bottom: 14px; line-height: 19px; }
#content h3 { font-size: 14px; margin-bottom: 12px; }
#content #col2 ul li { margin-left: 20px; margin-bottom: 4px; }
#content #col2 table th, #content #col2 table td { padding: 2px; }
#content #col2 i { color: #707173; font-style: italic; }
#content #col2 b { font-weight: bold; }
#content #col2.wide, #content #col2.widesub { width: 700px; padding-right: 15px; }
#content #col2.wide.scroll, #content #col2.widesub.scroll, #content #col2.scroll { height: 500px; overflow: hidden; position: relative; display: block; }
#content #col2.wide.scroll, #content #col2.widesub.scroll { width: 698px; padding-right: 0px; }
#content #col3.scroll { width: 170px; padding-left: 10px; float: right;  margin-left: 0; }
#content #col2.sub { padding-right: 0; width: 513px; }
#page.fullscreen #content #col1 { display: none; }
#page.fullscreen #content #col2 { width: 933px; }
#content dd.csc-textpic-caption { font-size: 9px; margin-top: 5px; }

 
/* side space  (artist rooster) */
#content #col3 { width: 195px; float: right; padding-top: 10px; margin-left: 5px; }
#content #col3 #artists { text-align: right; }
#content #col3 #artists h3 img { margin-bottom: 10px; float: none; clear: both; }
#content #col3 #artists span.list a { float: none; clear: both; display: block; }
#content #col3 #artists span.list img { margin: 0 19px 9px 0; }


/* Submenu (on artists pages) */
.submenucol2wrapper { width: 515px; float: left; }
#submenu { width: 705px; }
#submenu.sub { width: 515px; }
#submenu ul { list-style: none; list-style-image: none; list-style-position: outside; height: 50px; margin-bottom: 5px; }
#submenu ul li { float: left; margin-right: 2px; margin-bottom: 2px; }
#submenu ul li a, a.buttonlink { 
	text-transform: uppercase; font-size: 9px; padding: 6px; display:block; 
	white-space:nowrap; border: 1px solid #8b8b8b; width: 87px; height: 13px; font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #submenu ul li a, a.buttonlink { height: 13px; padding-top: 6px; } }
#submenu ul li.current a, #submenu ul li a:hover, a.buttonlink:hover { color: #008BCF; border: 1px solid #008BCF; text-decoration:none; }
#submenu h1 { margin-bottom: 0px; }
#submenu h2 { font-size: 12px; margin-bottom: 8px; color: #333333; }

/* mailform */
.csc-mailform { border: none; width: 650px;  }
.csc-mailform dt, .csc-mailform dd { margin: 2px; }
.csc-mailform dt { float: left; clear: both; width: 290px; text-align: right; }
.csc-mailform dd { text-align: left; float: right; clear: right; width: 340px; }
.csc-mailform dd input, .csc-mailform dd textarea { width: 340px; }
.csc-mailform dd input#mailformCONTRACT_GAGENANGEBOT { width: 285px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .csc-mailform dd input#mailformCONTRACT_GAGENANGEBOT { width: 283px; } }


/* footer */
/* #footer { background: transparent url("../imgnew/bg-content.png") top center no-repeat; } */
#footer { padding: 10px; width: 930px; margin: 0 auto; }
#footer, #footer * { color: #ffffff; }
#footer .c50r { text-align: right; }
#footer #areas { margin-top: 7px; }
#footer #pagesitemap { margin-top: 11px; }
#footer #artistssitemap { margin-top: 7px; }
#footer #areas, #footer #areas *, 
#footer #pagesitemap, #footer #pagesitemap *, 
#footer #artistssitemap, #footer #artistssitemap * { color: #d9d9d9; font-size: 11px; }

/* facebook share */
.fb_share_size_Small { margin: 3px 10px 5px 0; }
.fb_share_size_Small .FBConnectButton,
.fb_share_size_Small .FBConnectButton .FBConnectButton_Text { line-height: 10px ! important; font-size: 10px ! important; color: #ffffff ! important; }
.fb_share_size_Small { width: 62px; }
#col2.sub .fb_share_size_Small { margin: 0 0 10px 0; clear: both; float: none; display: block; }

/* extensions */
.tx-linkrolloverfcifuentes-pi1 table td { width: 170px; }
.tx-dwslideshow-pi1 .dwslideshow { background: none ! important; border: none ! important; }
.tx-dwslideshow-pi1 .dwsnest { display: none ! important; }

/* css styled content */
#col2 table.contenttable tr td p.bodytext { margin-bottom: 0; }