/* *************
  strg.at 2009
************** */

html { height: 100%; }

body { 
	background: url(../pix/body_repeat.png) repeat-y;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	height: 100%;
	color: #666;
	font-size: 10px;
}

h1 { 
  color: #333;
	margin-bottom: 22px;
	font-size: 12px;
}

h2 {
	font-size: 11px;
	color: #990000;
	background: url(../pix/line_gradient.png) no-repeat 0 18px;
	line-height: 19px;
	margin-bottom: 4px;
}

a {
	text-decoration: none;
	outline: none;
	color: #666;
}

p a {
    text-decoration: underline
}

/* ********** common styles ********** */

* {
	padding: 0;
	margin: 0;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clear {
	clear: both;
}

ul {
	list-style: none;
}

img {
	border: none;
}

.hide {
	display: none;
}

.black {
	color: #000;
}

.left {
	float: left;
}

.left a {
    padding: 2px 0 0 0;
}

.right {
	float: right;
}

.right a {
    padding: 2px 0 0 4px;
}

.nomargin {
	margin: 0 !important;
}

.hidden {
	overflow: hidden;
}

.nomargin {
	margin: 0;
}

.inline {
	display: inline;
}

.wide {
	width: 470px !important;
	padding-left: 100px;
}

/* ----- MAIN ELEMENTS ----- */

#wrapper {
	background: url(../pix/body_top.png) no-repeat;
	/* width: 1000px; */
	height: 1%;
	/*margin-top: 88px;*/
	padding-top: 100px;
	min-height: 712px;
}

.guestwrapper {
	background: url(../pix/body_top_guestbook.png) no-repeat !important;
}

#header {
	height: 73px;
	text-align: left;
	width: 100%;
	background: #000;
}

#logo {
	width: 176px;
	height: 15px;
	margin: 47px 67px 0 25px;
	float: left;
}

#logo a {
	background: url(../pix/vladar_logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 15px;
}

#menu {
	margin-top: 11px;
	color: #666;
	float: left;
}

.menurow {
	margin-right: 60px;
	text-transform: uppercase;
	float: left;
}

.menurow li {
	margin-bottom: 6px;
	padding-left: 11px;
}

.menurow .selected {
	background: url(../pix/arrow_red.png) no-repeat 0 3px;
}

.menurow .selected a, .selected a {
	color: #999;
}

.menuMargin {
	margin-right: 50px;
}

#searchrow {
	text-transform: uppercase;
	margin-top: 51px;
	float: left;
}

#searchrow li {
	display: inline;
	padding-left: 11px;
	background: url(../pix/arrow_red.png) no-repeat 0 4px;
	margin-right: 5px;
}

#searchrow .input {
	background: url(../pix/search_input_bg.png) no-repeat 0 1px;
	width: 96px;
	height: 14px;
	border: none;
	color: #999;
	padding: 1px 0 0 3px;
	font-size: 10px;
}

.searchInput {
	margin-top: -4px;
	padding-left: 4px;
	height: 13px;
}

.searchInput .submit {
	background: url(../pix/search_icon.png) no-repeat 0 1px;
	width: 13px;
	height: 18px;
	border: none;
	font-size: 0;
	cursor: pointer;
}

#searchForm {
	float: left;
}


.res1 { background: #ffffee; }
.res2 { background: #ffffee; }
.res3 { background: #ffffee; }
.res4 { background: #ffffee; }

#faux {
	width: 830px;
	padding: 0 16px 0 16px;
}

#leftcolumn {
	width: 300px;
	margin-right: 20px;
	padding-top: 60px;
	float: left;
}

#narrowleftcolumn {
	width: 200px;
	margin-right: 20px;
	padding-top: 60px;
	float: left;
}

/*
#leftcolumn img {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
*/

#middlecolumn {
	width: 370px;
	margin-right: 20px;
	float: left;
}

#rightcolumn {
	width: 230px;
	margin-top: 25px;
	padding-left: 33px;
	float: left;
}

.headline {
	text-indent: -9999px;
	line-height: 26px;
	margin-bottom: 15px;
	border-bottom: 1px solid #808080;
	height: 50px;
}

.stefanVladar {
  background: url(../pix/stefan_vladar_headline.png) no-repeat;
  width: 152px;
  height: 12px;
  float: left;
}

.presse, .pressroom, .biography, .biografie, .concerts, .konzerte, .media, .medien, .aufnahmen, .recordings, .repertoire, .guestbook, .gaestebuch, .tipps, .tips, .links, .contact, .kontakt, .aktuell, .news, .impressum, .imprint, .suche, .search {
  height: 12px;
  width: 218px;
  float: left;
  display: block;
  vertical-align: text-top;
  white-space: nowrap;
}

.pianistConductor { font-weight: bold; margin: 0 0 10px 0; }

.presse { background: url(../pix/headlines.png) no-repeat 0 -108px; }
.pressroom { background: url(../pix/headlines.png) no-repeat 0 -120px; }
.biography { background: url(../pix/headlines.png) no-repeat 0 -12px; }
.biografie { background: url(../pix/headlines.png) no-repeat 0 0; }
.concerts { background: url(../pix/headlines.png) no-repeat 0 -36px; }
.konzerte { background: url(../pix/headlines.png) no-repeat 0 -24px; }
.media { background: url(../pix/headlines.png) no-repeat 0 -60px; }
.medien { background: url(../pix/headlines.png) no-repeat 0 -48px; }
.aufnahmen { background: url(../pix/headlines.png) no-repeat 0 -72px; }
.recordings { background: url(../pix/headlines.png) no-repeat 0 -84px; }
.repertoire { background: url(../pix/headlines.png) no-repeat 0 -96px; }
.guestbook { background: url(../pix/headlines.png) no-repeat 0 -146px; } 
.gaestebuch { background: url(../pix/headlines.png) no-repeat 0 -132px; height: 14px; margin-top: -2px; }
.tipps { background: url(../pix/headlines.png) no-repeat 0 -158px; }
.tips { background: url(../pix/headlines.png) no-repeat 0 -170px; }
.links { background: url(../pix/headlines.png) no-repeat 0 -182px; }
.contact { background: url(../pix/headlines.png) no-repeat 0 -206px; }
.kontakt { background: url(../pix/headlines.png) no-repeat 0 -194px; }
.aktuell { background: url(../pix/headlines.png) no-repeat 0 -218px; }
.news { background: url(../pix/headlines.png) no-repeat 0 -230px; }
.impressum { background: url(../pix/headlines.png) no-repeat 0 -242px; }
.imprint { background: url(../pix/headlines.png) no-repeat 0 -254px; }
.suche { background: url(../pix/headlines.png) no-repeat 0 -266px; }
.search { background: url(../pix/headlines.png) no-repeat 0 -278px; }

.searchSmall {
	border-bottom: 1px solid #808080;
	padding-left: 4px;
	padding-bottom: 10px;
}

.searchSmall p {
	text-indent: -9999px;
	background: url(../pix/search_font.png) no-repeat;
	height: 16px;
	margin-bottom: 3px;
	width: 370px;
}

.searchSmall li {
	display: inline;
	color: #333;
	margin-right: 14px;
	font-size: 12px;
}

.searchSmall input {
	margin-right: 5px;
}

.searchSmall select {
	width: 130px;
	font-size: 10px
}

.searchSmall .button {
	background: url(../pix/search_btn.png) no-repeat 0 5px;
	width: 44px;
	height: 14px;
	font-size: 10px;
	padding: 4px 0 0 11px;
}

.searchresults {
	border-bottom: 1px solid #808080;
	height: 15px;
	background: #e5e5e5;
	font-size: 9px;
	margin-bottom: 14px;
	font-weight: bold;
}

.button {
	float: right;
}

.pages {
	float: right;
}

.pages .leftArrow {
	padding-top: 3px;
	margin-right: 7px;
}

.pages .rightArrow {
	padding-top: 3px;
	margin-left: 7px;
}

.pages .text {
	padding-top: 3px;
	margin-left: 7px;
}

.entry {
	color: #333;
	padding: 0 0 17px 4px;
	margin-top: 11px;
	font-size: 12px;
	font-weight: bold;
}

.entry span {
	font-weight: normal;
}

.seperator {
    background-color:#808080;
    height:1px;
    color: #808080;
    border: none

}

.reply {
	color: #666;
	font-size: 9px;
	background: url(../pix/arrow_red2.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin-left: 4px;
	text-transform: uppercase;
	float: right;
}

.concertEntry {
	padding-bottom: 13px;
	border-bottom: 1px solid #808080;
	margin-top: 11px;
	color: #333;
	font-size: 12px;
}

.concertEntry h1 {
	margin-bottom: 3px;
}

.concertEntry .date {
	font-size: 11px;
	color: #990000;
	font-weight: bold;
}

.concertEntry .time {
	font-size: 11px;
}

.concertEntry .text, .concertEntry p {
	padding-left: 4px;
	margin-bottom: 4px;
	font-size: 12px;
}

.concertEntry .details {
	color: #666;
	font-size: 9px;
	background: url(../pix/arrow_red2.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin-left: 4px;
	text-transform: uppercase;
}

.concertEntry .location {
	font-size: 11px;
	margin-bottom: 16px;
	display: block;
}

.concertEntry h3 {
	font-size: 10px;
	border-bottom: 1px solid #666;
	margin: 10px 0 8px 0;
}

.ticket {
	margin-top: 14px;
}



.recordingEntry {
  padding: 0 0 13px 0;
  margin-top: 11px;
	color: #333;
	font-size: 12px;
}

.recordingEntry .interpret {
	font-weight: bold;
}

.recordingImageAndPurchase {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #808080;
	display: block;
	height: 250px;
}

.recordingImage {
	float: left;
	width: 240px;
	height: 239px;
	display: block;
	overflow: hidden;
}

.recordingPurchase {
  width: 122px;
  padding: 172px 0 0 8px;
  float: left;
}

.recordingPurchase .itunes {
  padding: 10px 0 0 0;
}

.recordingDetail {
  margin-top: 11px;
  color: #333;
  font-size: 12px;

}

.recordingDetail .details {
  padding: 11px 0 11px 0;
  font-weight: bold;
}

.recordingDetail .releaseDate {
  padding: 0 0 13px 0;
  border-bottom: 1px solid #808080;
}

.recordingDetail .audio {
  margin: 11px 0;
  color: #333;
  font-weight: bold;
  font-size: 12px;
}

.recordingDetail .audioTrack {
  width: 100%;
  height: 18px;
  display: block;
  font-weight: bold;
}

.recordingDetail .audioTrack .speaker a {
  background: url(../pix/speaker.png) no-repeat 0 0;
  width: 14px;
  height: 13px;
  float: left;
  margin: 2px 0 0 0;
}

.recordingDetail .audioTrack .speaker a:hover {
  background: url(../pix/speaker.png) no-repeat 0 -13px;
  width: 14px;
  height: 13px;
  float: left;
  margin: 2px 0 0 0;
}

.recordingDetail .audioTrack .audioTrackTitle {
/*  float:left;
  padding: 0 0 0 5px;
*/

  padding: 0 0 0 19px;
  font-size: 11px;
  font-weight: normal;
  
}

.recordingDetail .reviewTitle {
  margin: 11px 0 0 0;
  font-weight: bold;
}

.recordingDetail .review {
  padding: 0 0 13px 0;
  border-bottom: 1px solid #808080;
  margin: 0 0 11px 0;
}





.pressEntry {
	border-bottom: 1px solid #808080;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.pressEntry p {
	color: #333;
	font-size: 12px;
	margin-bottom: 10px;
}

.pdf {
	height: 15px;
	font-size: 9px;
	padding: 1px 1px 0 1px;
	margin-top: 20px;
	font-weight: bold;
}

.pdf img {
	margin-top: -7px;
}

.pdf a {
	margin-left: 8px;
}

.presskit {
	color: #333;
	margin-top: 16px;
	text-align: right;
	float: right;
}

.presskit .download {
	background: url(../pix/arrow_red2.gif) no-repeat 0 4px;
	margin-top: 10px;
	padding-left: 13px;
}

.newestCD {
	width: 190px;
	height: 175px;
	margin-bottom: 36px;
}

.newestCD .cd {
	background: url(../pix/cd_shadow.png) no-repeat;

}

.newestCD .cd img {
	border: 1px solid #464646;
}

.newestCD .cd p {
	color: #333;
	margin: 3px 0 6px 0;
}

.buttonLine {
	width: 230px;
}

.buttonLine li {
	display: inline;
	background: url(../pix/arrow_box.png) no-repeat;
	padding-left: 19px;
	margin-right: 20px;
}

.guestbookRight {
	line-height: 12px;
	margin-bottom: 38px;
}

.guestbookRight .post {
	color: #333;
	margin-bottom: 10px;
	height: 50px;
}

.newestConcert {
	line-height: 12px;
	margin-bottom: 40px;
	height: 70px;
	width: 250px;
}

.newestConcert .info {
	color: #333;
	height: 12px;
	overflow: hidden
}

.newestConcert .text {
	margin-bottom: 11px;
	height: 12px;
	overflow: hidden
}

.newsletter {
	margin-bottom: 50px;
}

.newsletter p {
	color: #333;
	margin-bottom: 8px;
}

.newsletter input {
	background: url(../pix/email_input_bg.png) no-repeat;
	border: none;
	padding-left: 3px;
	width: 122px;
	margin-bottom: 8px;
}

.player {
	margin: 163px 0 0 15px;
	width: 160px;
	font-weight: bold;
}

.playerDown {
	margin-top: 382px;
}

#track {
	height: 46px;
}

.inputError {
	color: #990000;
}

#guestbookForm, #commentForm, #newsletterForm {
	background: url(../pix/post_overlay_bg.png) no-repeat;
	width: 318px;
	height: 395px;
	padding: 20px;
}

#guestbookForm textarea, #commentForm textarea {
  font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
	font-size: 10px;
	padding: 5px;
}

#successMessage {
	height: 30px;
	margin-top: 6px;
}

.gallery{
  width: 376px;
  height: 376px;
}

.gallery img {
	border: 1px solid #464646;
}

.gallery .thumb {
	margin: 0 6px 6px 0;
	float: left;
}

.videoOverlay {
	background: url(../pix/big_play_btn.png) no-repeat;
	height: 28px;
	width: 28px;
	position: absolute;
	margin: 30px 0 0 30px;
	z-index: 9;
}

.searchHeadlines { 
	display:block;
	width: 370px;
	height: 12px;
	margin: 0 0 10px;
}

.visible {
    display: block;
}

.notVisible {
    display: none
}

.jcarousel-container {
	position:relative;
}

.jcarousel-clip {
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	z-index:2;
}

.jcarousel-list {
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	z-index:1;
}

.jcarousel-list li, .jcarousel-item {
	float:left;
	height: 120px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 120px;
}

.jcarousel-next {
	display:none;
	z-index:3;
}

.jcarousel-prev {
	display:none;
	z-index:3;
}

.jcarousel-container {
	padding: 28px 30px;
}

.jcarousel-clip {
	width:  410px;
	height: 122px;
}

.jcarousel-list {
	width:  255px;
	height: 122px;
}

.jcarousel-list li {
	width: 120px;
	height: 120px;
	margin-right: 20px;
	font-size: 9px;
}

.jcarousel-item-placeholder {
	background: #fff url(../pix/ajax_loader.gif) no-repeat;
}

 
.jcarousel-next-horizontal {
	position: absolute;
	top: 81px;
	right: 11px;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background: url(../pix/arrow_box_border_right.png) no-repeat;
}

.jcarousel-prev-horizontal {
	position: absolute;
	top: 81px;
	left: 11px;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background: url(../pix/arrow_box_border_left.png) no-repeat;
}

.jcarousel-skin-cdSlider .jcarousel-container {
	background: url(../pix/cd_slider_bg_mt.png) no-repeat;
	width: 410px;
	height: 135px;
	margin: 0 0 20px -100px;
}

.noEnglishbg {
	background: url(../pix/no_english_bg.png) no-repeat;
	height: 160px;
	width: 562px;
	color: #333;
	font-size: 12px;
	padding: 32px 20px 0;
}

.gallerydesc {
	font-size: 11px;
	color: #333;
	padding: 3px;
	}

.searchSmall .gallerydesc p {
	height: auto;
	background: none;
	margin-bottom: 0;
	text-indent: 0;
}	
	
.audiotrax table,
.audiotrax td,
.audiotrax tr
{
	vertical-align: top;
}


.audiotrax .speaker {
margin: 3px 6px 0 0;
}

.audiotrax .speaker a {
  background: url(../pix/speaker.png) no-repeat 0 0;
  width: 14px;
  height: 13px;
  display: block;
  margin: 2px 0 0 0;
}

.audiotrax .speaker a:hover {
  background: url(../pix/speaker.png) no-repeat 0 -13px;
  width: 14px;
  height: 13px;
  margin: 2px 0 0 0;
}

.pressEntry a {
	text-decoration: underline;
}
	
.m3u {
	margin-top: 26px;
}

.m3u img {
	margin: 1px 2px 0 0;
}


.m3u a {
	color: #990000;
}