/*
-------------------------------------------------------------
project            Theater Osnabrıck
author:            hüben und drüben // heimat für kulturgestaltung
last updated:      16.07.2009
---------------------------------------------------------- */

/* ---------- Global site assets ---------- */
body { font-family:Arial,sans-serif; background-color:#fff; color:#333; text-decoration:none; word-spacing:normal; text-align:left;
      letter-spacing:0; line-height:1.4em; font-size:62.5%; }
a:hover,
a { color:#333; text-decoration:none; }

/* Reset elements only in areas that needs reset */
body,
img,
#header *,
#footer * { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

/* Don't reset header sizes */
h1, h2, h3, h4, h5, h6 { margin:0; padding: 0; }
b, strong { font-weight:bold !important; }

.clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; }

/* ---------- Page Wrapper ----------*/
#page { font-size: 1.2em; line-height:1.4em; position:relative; z-index:1; }
p { line-height:1.4em; }

/* ---------- Site wrapper ----------*/
#wrapper { position:relative; width:960px; text-align:left; margin:0 auto; padding:0px; z-index:0; }

/* ---------- Header ---------- */
#header { font-size: 1.2em; height:128px; width:100%; 	position:relative; background:url(head_shadow.png) bottom repeat-x; z-index:5; }
#logo { position:absolute; width:250px; height:111px; }
#colorline { bottom:8px; height:9px; width:960px; background:url(red-line.gif); position:absolute; }

/* ---------- Global search box ---------- */
#searchBox { float:right; color:#ccc; display:none; }

/* ---------- Top nav ---------- */
#top-nav { display:none; position:absolute; float:right; padding:0px; bottom:14px; right:0px; z-index:100; }
/* Ende Navi
////////////////////////////////*/

/* ---------- Footer ---------- */
	#footer { display:none; font-size:1.1em; background:url(img/f-bg.gif) repeat-x; margin-top:50px; padding-top:15px; margin-bottom:15px; color:#000; }
	


/* ---------- Carousel ---------- */
.jcarousel-next,
.jcarousel-prev { display:none; width:52px; height:52px; position:absolute; top:121px; }

#carousel-wrap { display:none; position:relative; overflow:hidden; width:960px; margin-bottom:10px; margin-top:-8px; z-index:1; }

/* ---------- Calendar ---------- */
#calendar-wrap { display:none; position:relative; overflow:hidden; width:960px; margin-bottom:15px; margin-top:-8px; z-index:1; }

/* ---------- Features panel ---------- */
#features { position:relative; background:url(teaser-start-bg.gif) no-repeat; min-height:261px; }
#features img { position:absolute; top:0; left:20px; }
#features .unit {width:210px; overflow:hidden; float:left; margin:10px 0; padding:0px; position:relative;}

#features .first { margin-left:15px; }
#features .first #sign_newsletter { margin-top:30px; }
#kontaktForm { display:none; }
.formgen input.text,
#features .newsletter input.text,
#kontaktForm input.text { font-size:1em; padding:4px 8px 0 5px; border:0px; width:201px; height:24px; background:url(news-input-bg.gif) no-repeat; }
.formgen textarea,
#kontaktForm textarea { font-size:12px; font-family:Arial,sans-serif; padding:4px 0 4px 5px; border:0px; width:389px; height:166px; background:url(kontakt_text_bg.gif) no-repeat; }
#features  h2 { font-size:1.3em; text-transform:uppercase; }
#features  h3 { font-size:1.6em; text-transform:uppercase; letter-spacing:-1px; }
#features .newsletter input.submit { width:103px; height:26px; }

#features .middle { width:450px; margin-left:30px; }
#features .unit.middle.twitter { overflow:visible; }
#features .twitter #bird { width:117px; height:106px; position:absolute; right:-16px; top:-10px; background:url(twitter_bird.png
) no-repeat; z-index:10; }
#features .twitter #twitter_div { margin-top:8px; float:left; position:relative; z-index:1; }
#features .twitter #twitter_div .feed_wraper {overflow:hidden; height:155px; width:450px; margin-bottom:10px;}
#features .twitter ul#twitter_update_list { width:450px; list-style:none; margin:0px; padding:20px 0; margin-left:0px;}
#features .twitter ul#twitter_update_list li { line-height:1.1em; width:450px; background:url(img/dot-line-horiz.gif) repeat-x 0 100%; margin-bottom:8px; }
#features .twitter ul#twitter_update_list li span { display:block; padding-left:0px; padding-right:20px; overflow:visible; } 
#features .twitter ul#twitter_update_list li  a { line-height:1em; height:16px; background:url(twitter_logox.jpg) no-repeat top left; font-size:12px; font-weight:bold; display:block; margin-bottom:10px; /*padding-left:24px;*/ margin-top:3px; padding-top:3px; }
#features .twitter a { font-size:0.9em; }
#features .twitter ul#twitter_update_list li  span a { margin:0; padding:0; }
#features .twitter #twitter_bottom { background:url(bg-twitter-bottomx.gif) no-repeat bottom left; position:relative; width:480px; height:27px; margin-left:-15px; padding-left:15px; padding-top:4px; }
#features .twitter #twitter_div  a#twitter-link { line-height:1em; height:19px; padding:4px 0 0 24px; position:relative; float:left; font-size:.9em; font-weight:bold; display:block;}
#features .twitter #twitter_div  a#twitter-link img { padding:0; margin-left:-20px; }
#features .twitter div.feeds_btn {position:relative; margin-left:363px;}

#features .last { width: 190px; overflow:visible; position:relative; margin:0; margin-left:15px; padding-left:32px; padding-top:10px; }
#features h2.last,
#features h3.last{ z-index:10; position:relative; margin-left:0px; padding:0; }
#features .issue p { z-index:1; position:relative; }

/*#features  .last.start { background:url(../files/100jahretheater_.jpg) no-repeat top left; z-index:99; position:relative; }*/
#features .big_img,
#features .big_img_only { position:absolute; left:0; top:-5px; z-index:5; }
#features .big_img_.hover { display:none; }
#features .red-teaser-arr { position:absolute; display:inline; margin-left:-19px; padding:10px 0 ; z-index:100; }

/*
#features .rollover_show_ { display:none; }
#features .rollover_show_:hover { display:inline; }
*/
#features .issue.hover img.big_img { display:none; }

/* ---------- Spielplan panel ---------- */
#spielplan { position:relative; width:960px; overflow:visible; }
#spielplanWrap { position:relative; width:730px; background:url(img/dot-line-vert.gif) right repeat-y; float:left; }
#spielplanWrap div.unit { position:relative; height:143px; margin:0 15px 15px 0; padding:0 0 15px 10px; background:url(img/dot-line-horiz.gif) bottom repeat-x; }
#spielplanWrap div.unit div.unitDate { position:absolute; font-weight:bold; background:url(img/cf-bg.gif) top repeat-x; width:50px; text-align:center; }
#spielplanWrap div.unit div.unitDate .unitDateMon { font-size:1.2em; margin-top:16px; text-transform:uppercase;}
#spielplanWrap div.unit div.unitDate .unitDateNo { font-size:1.8em; }
#spielplanWrap div.unit div.unitDate .unitDateYear { font-size:1em; }
#spielplanWrap div.unit div.unitImg { position:absolute; left:76px; width:135px; height:135px; padding:3px; border:1px solid #b6b6b6; }
#spielplanWrap div.unit div.unitDesc { position:absolute; left:234px; width:480px; }
#spielplanWrap div.unit div.unitDesc p { margin:10px 0 10px; }
#spielplanWrap div.unit div.unitDesc p.h2 { position:relative; font-weight:700; font-size:1.4em; letter-spacing:0px; 
	line-height:1.1em; margin-bottom:0px; margin-top:5px; text-transform:uppercase; }
#spielplanWrap div.unit div.unitDesc p.h3 { position:relative; margin:0; font-weight:bold; font-size:1.2em; }
#spielplanWrap div.unit div.unitDesc .booking  { background:url(trolley.gif) left top no-repeat; height:17px; padding:4px 24px 0;}

/* ---------- Spielplandetail panel ---------- */
.detailImgHeadWrap { position:relative; width:730px; height:273px; background:url(img/cf-bg.gif) repeat-x bottom; margin-bottom:14px; }
.detailImgHead { width:729px; height:280px; position:absolute; top:-16px; overflow:hidden; }
.detailImgHead .lupe { background:url(lupe.png) bottom right no-repeat; width:26px; height:26px; position:absolute; top:254px; left:704px; }
#vieleTermine { position:relative; min-height:50px;}
.vieleTermine { position:relative; width:220px; float:left; padding:0; margin:0; }
.vieleTermine.no1 { left:0px; }
.vieleTermine.no2 { left:10px; }
.vieleTermine.no3 { left:10px; }
.vieleTermine span.vtDay { font-weight:bold; width:19px; display:block; position:absolute; left:24px; }
a.pBooking { display:block; position:relative; background:url(trolley.gif) left top no-repeat; height:19px; min-height:11px !important; padding:4px 24px 0; margin:0; }
.vieleTermine a.booking  { display:block; position:relative; background:url(trolley.gif) left top no-repeat; height:11px; padding:4px 43px 0; margin:-4px 0; }

/* ---------- Spielplan detailIcons ---------- */
.detailIcons { position:absolute; top:-5px; left:572px; width:148px; height:49px; }
#detailIcons li { float:left; display:inline; height:49px; }
#detailIcons li a { display:block; height:49px; background-image:url(detailIcons.gif); text-indent:-9999px; }
#detailIcons .detailDownload { width:30px; background-position:0px 0px; }
#detailIcons .detailFlickr { width:35px; background-position:-35px 0px; margin-left:5px; }
#detailIcons .detailVimeo { width:35px; background-position:-74px 0px; margin-left:4px; }
#detailIcons .detailShop { width:35px; background-position:-113px 0px; margin-left:4px; }

/* ---------- Spielplan / Standard Teaser ---------- */
#spielplanTeaser,
#standardTeaser { display:none; position:relative; left:-1px; width:230px; background:url(img/dot-line-vert.gif) left repeat-y; float:right; }

/* ---------- Standard panel ---------- */
#standard { position:relative; width:960px; overflow:visible; margin-top:8px; }
#standardWrap { position:relative; width:730px; background:url(img/dot-line-vert.gif) right repeat-y; float:left; }
#standardWrap div.unitStandard { position:relative; margin:0 15px 15px 0; padding:0 0 15px 10px; background:url(img/dot-line-horiz.gif) bottom repeat-x; }
#standardWrap div.unitStandard img.imgBorder { padding:3px; border:1px solid #b6b6b6; float:left; margin-right:15px; z-index:1; }
#standardWrap div.unitStandard img.imgNoBorder { padding:0px; border:0px solid #b6b6b6; float:left; margin-right:15px; z-index:1; }
#standardWrap div.unitStandard a.vimeoIcon { background:url(vimeoicon.png) no-repeat top left; z-index:10; }
#standardWrap div.unitStandard span.vimeoIcon_ { position:absolute; left:10px; width:63px; height:63px; background:url(vimeoicon.png) no-repeat top left; }
#standardWrap ul,
#standardWrap li { margin:0; padding:0; }
#standardWrap li { list-style:url(li.gif) inside; margin-bottom:3px; }
#standardWrap table { margin:10px 0; padding:0; border-collapse:collapse; border:1px dotted black; background:white; }
#standardWrap table td, 
#standardWrap table th{ border:1px dotted black; padding:7px 10px 7px 10px; font-size:1em;}
#standardWrap table .tr0,
#standardWrap table .thead,
#standardWrap table .tdFirst { background:#F1F1F1; }
#standardWrap table .tdFirst,
#standardWrap table td  { border:0px; border-right:1px dotted black; }
#standardWrap img { position:relative; border:0px; }
#standardWrap a { color:#D90A00; }

#standardWrap .formgen label { width:100px; display:block; float:left; }
#recaptcha_widget_div { margin:0; padding:0; margin-top:-10px; margin-left:-2px; }
	
.sIFR-active #standardWrap h1,
.sIFR-hasFlash #standardWrap h1 { visibility:visible; font-weight:700; font-size:1.4em; letter-spacing:0px; text-transform:uppercase; line-height:1.4em; }
.sIFR-active #standardWrap h2,
.sIFR-hasFlash #standardWrap h2 { visibility:visible; letter-spacing:0px; margin:0; font-weight:bold; font-size:1.2em; line-height:1.2em; }
.sIFR-active #standardWrap h3,
.sIFR-hasFlash #standardWrap h3 { visibility:visible; letter-spacing:0px; margin:0; font-weight:bold; font-size:1.2em; line-height:1.2em;}
.sIFR-active #standardWrap h4,
.sIFR-hasFlash #standardWrap h4 { visibility: visible; letter-spacing:0px; font-size:1.1em; }
.sIFR-active #standardWrap h5,
.sIFR-hasFlash #standardWrap h5#pullquote { letter-spacing:0px; visibility:visible; font-size:1em; }