/*
Theme Name: Friedrichstadtpalast Custom
Theme URI: http://www.friedrichstadt.de/
Description: Friedrichstadtpalast Custom
Version: 1.0
Author: klug newmedia GmbH
Author URI: http://www.klug-newmedia.de/
Text Domain: fsp
*/

/* font face */
@font-face {
	font-family: 'KlavikaRegularRegular';
	src: url('fonts/klavika-regular-webfont.eot');
	src: local('☺'), url('fonts/klavika-regular-webfont.ttf') format('truetype'), url('fonts/klavika-regular-webfont.svg#webfontR31tBJ5L') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaLightLight';
	src: url('fonts/klavika-light-webfont.eot');
	src: local('☺'), url('fonts/klavika-light-webfont.ttf') format('truetype'), url('fonts/klavika-light-webfont.svg#webfontR31tBJ5L') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
html * { outline: none; }

/* typography.css */
body {font-size:75%;color:#fff;background:#222;font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ff1ac1;}
h1 {font-size:2em;line-height:1.25;margin-bottom:0.25em; font-family: KlavikaRegularRegular, 'Arial Narrow',  Arial, Helvetica, sans-serif;}
h2, h3, h4 {font-size:1.2em;line-height:1.5;margin-bottom:1em;}
h2 { color: #fff; font-weight: bold; }
h3 { margin-bottom: 0; }

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
a:focus, a:hover {color:#ff1ac1;text-decoration:underline;}
a {color:#ff1ac1; text-decoration: none;}

.left { float: left !important; }
.right { float: right !important; }
.small { font-size: 0.9em; }

hr { clear: both; border: none; border-top: solid 1px #ff1ac1; color: 0; height:0; margin: 1.5em 0; background-color: transparent; }

/* page width, with clearfix */
.container { width: 900px; margin: 0 auto; position: relative; }
.clear { clear: both; }

/* forces footer to the bottom. height of 5em. forces the content to min-height of 650px */
html, body {width:100%; height:100%; }
#wrapper {min-height: 100%; height: auto !important; height: 100%; margin-bottom: -50px;}
.spacer {height: 49px; clear:both;}
.post .spacer {
  height: 20px; clear:both;
}
#footer { height: auto; min-height: 50px; _height: 50px; margin-top: 0px; clear:both; }
#content { height: auto; min-height: 600px; _height: 600px; }
/* forces sidebar to full height */
#content_inner {min-height: 100%; height: auto !important; height: 100%;}

#wrapper { background: url(images/bg-right.png) repeat-y center top; }
.left-aligned #wrapper { background-image: url(images/bg-left.png); }
.home #wrapper { background-image: none; }

#content_inner { padding-left: 210px; }
.left-aligned #content_inner { padding-left: 0px; padding-right: 210px; }
.home #content_inner { padding-left: 0px; }
.left-aligned #sidebar { right: 210px; }
.wide .post { padding-right: 30px; }

/* for sliding */
#header { position: absolute; top:0; left:0; width: 100%; }
#header_placeholder { height: 145px; min-height: 145px; }
#header.offside { position: fixed; top:0; left:0; width: 100%; }
#wrapper.offside { margin-left: -3000px; }
#underlay, #underlay_image { position: absolute; width: 100%; height: 100%; min-height: 100%; text-align: center; }
#underlay_image { background: #000 url(images/overlay-bg.jpg) no-repeat center top; }
.offside #content_inner{ display: none; }
.home #underlay, #underlay { overflow: hidden; text-align: center; }

.logged-in #underlay_image { display: none; }

#fog {
  position: absolute; width: 100%; height: 100%; min-height: 100%; text-align: center;
  background: url(images/bg-fog.png) repeat-x 0 450px;
}

/* layers */
body { background: #000 url(images/bg.jpg) no-repeat center top;
   -webkit-background-size: 1920px 1200px;
}

/* languages */
#languages {
  position: absolute; width: 100%; top: 0; left: 0;
  filter: alpha(opacity=90); opacity: .90; }
#languages ul {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius:    0 0 2px 2px;
  border-radius:         0 0 2px 2px;
}
#languages ul {
  list-style-type: none; margin:0; float: right; height: 2em; line-height: 2em; font-size: 10px;
  background-color: #35001e;
}
#languages li {float: left; line-height: 2em; }
#languages a { padding: 0 1em; line-height: 2em; display: block; text-decoration: none; color: #b03677; color: #FF1AC1; }
#languages a:hover, #languages a:focus, #languages a:active { text-decoration: underline; }

#languages li.current_page_parent a { filter: alpha(opacity=70); opacity: .70; }
#languages li.current_page_parent a:hover { filter: alpha(opacity=100); opacity: 1; }

.home #languages a { background: url(images/flags.gif) no-repeat 0 4px; padding-left: 20px; }
.home #languages li.en a { background-position: 0   4px; }
.home #languages li.es a { background-position: 0 -36px; }
.home #languages li.dk a { background-position: 0 -76px; }
.home #languages li.nl a { background-position: 0 -56px; }
.home #languages li.ru a { background-position: 0 -16px; }
.home #languages li.de a { background-position: 0 -96px; }

/* logo */
#logo { position: absolute; top: 27px; left: 0; }

/* navigation */
#nav { border-bottom: solid 1px #ae1e6e; height: 2em; padding-top: 81px; font-size: 1.4em; margin-bottom: 30px; font-family: KlavikaRegularRegular, 'Arial Narrow',  Arial, Helvetica, sans-serif; }
#nav ul { list-style-type: none; margin:0; float: right;  border-right: solid 1px #ae1e6e; }
#nav li { border-left: solid 1px #ae1e6e; float: left; line-height: 2em; }
#nav a { padding: 0 1em; line-height: 2em; display: block;
  text-transform: uppercase; color: #fff; text-decoration: none; }
#nav a:hover, #nav a:focus, #nav a:active { background-color: #ae1e6e; }
#nav .current_page_parent a, #nav .current_page_item a, #nav .current_page_ancestor a { background-color: #ae1e6e; }

/* footer style */
#footer {
  position: relative;
  background-color: #35001e; filter: alpha(opacity=90); opacity: .90; color: #b03677;
  text-align: center; line-height: 49px; font-size: 10px; }
#footer a { color: #b03677; padding: 0 3px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .inner { border-top: solid 1px #86145c; }
#footer span { position: absolute; top: 0; left: 0; }
#footer span.right { left: auto; right: 0; }
#footer span.center { width: 100%; }
.home #footer a.highlight { color: #fff; }

a#aufFacebook {
  display: block; line-height: 12px;
  background: url(images/icon-fb.gif) no-repeat left center;
  padding-left: 25px !important; margin-top: 10px !important; text-align: left; }
div#copyright {
  display: block; line-height: 12px;
  margin-top: 10px !important; text-align: left; }


/* plugs */
#wrapper { position: relative; }
#plugs { position: absolute; bottom: 50px; left: 0; width: 100%; }
.tab {
  float: left; position: absolute; bottom: 0; left: 0;
  background-color: #ae1e6e; filter: alpha(opacity=70); opacity: .70;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius:    5px 5px 0 0;
  border-radius:         5px 5px 0 0;
  padding-top: 0.75em;
}
.tucked { height: 1.8em; overflow: hidden; }
.tucked:hover { height: 2em; }
.tucked h2 { cursor: pointer; }
.tab h1, .tab h2, .tab h3 { margin: 0 10px 0.75em 10px; font-size: 1em; font-weight: bold; }
.tucked a { text-decoration: none !important; }
.tab a { color: #fff; font-weight: bold; }
.tab p { margin: 0 10px 0.75em 10px; }
#left_tab   { width: 290px; left: 0;}
#center_tab { width: 290px; left: 305px;}
#right_tab  { width: 290px; left: 610px}
.hide { cursor: pointer; filter: alpha(opacity=50); opacity: .50; float: right; }
.hide:hover { cursor: pointer; filter: alpha(opacity=100); opacity: 1.00; }

h2.plus { float: right; font-size: 2em; line-height: 0.5em; }

/* content */
.post { position: relative; padding-right: 250px; padding-left: 30px; }
.column { width: 300px; padding-right: 20px; float: left; }

/* sidebar */
#sidebar { position: absolute; width: 220px; top: 0; right: 0; background-color: #000; }
#sidebar h2, #sidebar h3, #sidebar p { clear:both; padding: 0 15px; margin-bottom: 9px; }
#sidebar br.clear { display: block; margin-bottom: 36px; }
form { margin: 15px 9px; }
input, textarea, select { margin: 0; border: solid 1px #555; background-color: #000; color: #fff; width: 280px; }
textarea { height: 4em; }
input.short { width: 100px; }
input#s { width: auto; margin-bottom: 9px; border: dotted 1px #555; } #sidebar input#s { width: 100%; }
input#searchsubmit { width: auto; } input#searchsubmit:hover { background-color: #555; }
input.submitbutton {width: auto;}
input.submitbutton:hover { background-color: #555; cursor: pointer;  }
label { display: block; line-height: 1.5em; padding-bottom: 3px; }

#title-teaser { background-color: #ae1e6e; text-align: center; min-height: 150px;  _height: 150px; }
.teaser { padding: 15px; clear: both; }

.teaser a img { border: 1px solid #ae1e6e; }
.teaser a img { margin-left: -1px; margin-right: -1px; }

.ticket-teaser { font-weight: bold; }
.ticket-teaser a { color: #fff; background: url(images/arrow.gif) no-repeat left center; line-height: 19px; display:block; padding-left: 29px; }

.no-border { border: none !important; }

.button { color: #fff; background: url(images/sprite-buttons.gif) no-repeat 0 0; height: 25px; line-height: 25px; display:block; padding-left: 25px; padding-right: 10px; float: left; }
.button:hover { color: #fff; background-position: 0 -30px; text-decoration: none; } 
.full { float: none; }
.facebook { background-position: 0 -60px;  }
.facebook:hover { background-position: 0 -90px; }

/*
.facebook { font-weight: bold; }
.facebook a { color: #fff; background: url(images/arrow.gif) no-repeat left center; line-height: 19px; display:block; padding-left: 29px; }
*/

#subnav ul { list-style-type: none; margin: 0; border-top: solid 1px #880b3e; }
#subnav li { display: block; margin:0; padding: 0; float: left; width: 100%; }
#subnav a { border-bottom: solid 1px #880b3e; line-height: 1.5em; background-color: #ae1e6e; color: #fff; display: block; padding: 8px 15px; text-decoration: none; }
#subnav li ul {  border-top: none; display: none; }
#subnav li li a { padding-left: 30px; background-color: #8b1859; }
#subnav .current_page_item > a, #subnav a:hover, #subnav a:focus, #subnav a:active { background-color: #530f35; }

#subnav li.current_page_item ul, #subnav li.current_page_parent ul { display: block; }

/* gallery */
.gallery { margin: 1.5em -31px 0 -1px; }
#sidebar .gallery { margin-top: 0px; clear: both; }
.gallery a img { border: 1px solid #ff1ac1; }
.gallery a img.attachment-large { border: 0; }
.gallery-item { margin-bottom: 23px; }
div.gallery-caption { display: none; }
img.alignleft { float: left; margin: 3px 15px 5px 0; }
img.alignright { float: right; margin: 3px 0 5px 15px; }
div.alignleft { float: left; }
div.alignright { float: right; }
div.alignleft  img { float: left; margin: 3px 15px 5px 0; }
div.alignright img { float: right; margin: 3px 0 5px 15px; }
a.prettyPhoto img { border: 1px solid #ff1ac1; }
a.prettyPhoto img { margin-left: -1px; margin-right: -1px; }
p.wp-caption-text { margin-top: 0.5em; font-size: 10px; margin-bottom: 18px; }
p.wp-caption-text { margin-top: 0.5em; font-size: 10px; margin-bottom: 18px; }
div.alignright img { float: right; }
div.alignright p.wp-caption-text { margin-left: 10px; }

/* news */
.news h1 { border-top: 1px solid #621237; padding-top: 15px; }
.first h1 { border-top: none; }

table { border: none; border-collapse: collapse; }
th, td { padding-bottom: 0.75em; padding-right: 15px; vertical-align: top; margin: 0; }
th { font-weight: bold; text-align: left; }
.tickets tbody tr:hover { background-color: #5d0d3a; }
.tickets { width: 400px; }
.tickets th, .tickets td { padding: 0.25em 5px; }
.prices th, .prices td { padding: 0.25em 5px; }
.columns td { padding-right: 0; }
.prices { margin-bottom: 1.5em; }
.nowrap { white-space: nowrap; }
a.arrowed { background: url(images/arrow_small.gif) no-repeat left center; display: block; padding-left: 13px; }

/* overlay, for lightbox */
/* the overlayed element */
.overlay_inner {
	margin: 15px;
	width: 600px;
}
.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#370320;
	border:1px solid #7a1e57;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	height:19px;
	width:19px;
}

/* styles for the timeline */
.panel { width: 164px; padding-right: 20px; float: left; }
* html .panel { display: inline; } /* IE6 float double margin bug */
.panel img { border: 1px solid #621237; }
.panel { font-size: 0.9em; }
.panel h1 { color: #fff; font-size: 2.23em; }
.timeline { position:relative; overflow:hidden; height: 0;}
.timeline-content { position:relative; }
.slider { position:relative; cursor:pointer; height:14px; background: url(images/timeline-sprite.png) no-repeat center top; margin-bottom: 18px; width: 410px; }
.handle { 
  background: #ff1ac1 url(images/timeline-sprite.png) no-repeat center -12px;
  height:14px; width:40px; position:absolute;  top:0; display:block; cursor:move;
  -moz-border-radius:14px; -webkit-border-radius:14px;
}
.handle:active {}
input.range {	display:none; }

/* newsletter mittels iframe */
#nl_outside {
}
.inputemail { 
margin: 2px 0px; 
border: solid 1px #555; 
background-color: #000; 
color: #fff; 
width: 280px; 
height: 16px;
}
.submitbutton {
padding: 0px 6px; 
margin:4px 0px;
border: solid 1px #555; 
background-color: #000; 
color: #fff; 
width: 280px; 
width: auto;
cursor: pointer;
text-align:left;
height: 20px;
}
.submitbutton:hover { 
background-color: #555;
}