html {
background-image: url(http://savedisneyshows.de/images/bg-sommer.png);
background-repeat:no-repeat;
background-position:bottom;
background-attachment:fixed;
background-color:#B3F2FD;
font:12px/1.4 Helvetica, Arial, sans-serif;
}

/* ========== TYPOGRAPHY ========== */
a { color:#3397ff; font-weight:bold; text-decoration:none; }
a.external { background-image:url(../images/external-link.png); background-repeat:no-repeat; background-position:center right; padding-right:16px; }
a.external:hover { background-image:url(../images/external-link-hover.png); background-repeat:no-repeat; background-position:center right; }
a:hover { text-decoration:underline; }
.content-wrap a:active,.footer a:active { top:1px; position:relative; }
.footer p { text-shadow:-1px -1px 1px #000; }
sup { vertical-align:super; }
h1 { font-size:200%; }
h2 { font-size:180%; }
h2 small { color:#888; font-size:60%; text-transform:uppercase; }
h3 { font-size:160%; }
h4 { font-size:140%; }
h5 { font-size:120%; font-weight:bolder; }
h6 { font-weight:bolder; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:inherit; font-weight:normal; text-decoration:none!important; }
ol li { margin-left:10px; }
strong { font-weight:bolder; }
small { font-size:80%; color:#888; }
ul { list-style-type:disc; list-style-position:outside; }
li { list-style:inherit; }
ul li { margin-left:20px; }
thead { font-weight:bolder; }

/* ========== HEADLINE IMAGE REPLACEMENT ========== */
.headline,.slogan { text-indent:-99999em; }
.headlineimage { position:absolute; bottom:0; left:0; }
.sloganimage { position:absolute; top:121px; right:0; }
.sloganshow { position:absolute; bottom:0; right:0; }

/* ========== BASIC LAYOUT ========== */
.wrap { background:#fff; margin:0 auto; max-width:940px; min-width:940px; padding:0 10px; width:940px; }
.header { background:url(../images/headerbg.png) top left repeat-x; height:160px; max-width:100%; min-height:160px; min-width:100%; width:100%; position:relative; }
.nav { background:#222 url(../images/navbg.png) top left repeat-x; height:40px; max-width:100%; min-height:40px; min-width:100%; width:100%; }
.nav :focus { outline:none; border:none; }
.nav ul li { display:inline-block; font-size:140%; min-width:80px; padding:7px; text-align:center; text-transform:uppercase; }
.nav ul li a { color:#fff; font-weight:normal; padding:7px 10px; text-decoration:none; position:relative; text-shadow:-1px -1px 1px #000; -moz-text-shadow:-1px -1px 1px #000; }
.nav ul li a:hover { color:#3397ff; } /* rot 3397ff */
.nav ul li a:active { color:#2670bf; top:1px; } /* rot E2160F */
.nav ul li a.active { color:#3397ff; } /* rot FF1424 */
.content { clear:both; margin:10px 0; }
.content p { padding-bottom:10px; }
.footer { background:#222 url(../images/navbg.png) top left repeat-x; clear:both; color:#fff; max-width:100%; min-height:40px; min-width:100%; width:100%; }
.footer p { font-size:130%; text-align:center; padding:8px; }
.footerimage {margin-left:-10px; text-align:center;}

/* ========== PAGE SPECIFIC STYLES ========== */

/* ===== HOME & ABOUT ===== */
#home #content-1 #item-1,#about #content-1 #item-1 { float:left; max-width:300px; min-width:300px; padding:0 10px 10px 0; width:300px; }
#home #content-1 #item-2,#about #content-1 #item-,#about #content-1 #item-2 { float:right; max-width:620px; min-width:620px; padding:0 0 10px 10px; width:620px; }
#home #content-2 #item-3,#about #content-2 #item-3 { float:left; max-width:300px; min-width:300px; padding:0 10px 10px 0; width:300px; }
#home #content-2 #item-4,#about #content-2 #item-4 { float:left; max-width:300px; min-width:300px; padding:0 10px 10px; width:300px; }
#home #content-2 ul li { list-style-type:none; }
#home #content-2 ul { margin-left:0; }
#home #content-2 #item-5,#about #content-2 #item-5 { float:right; max-width:300px; min-width:300px; padding:0 0 10px 10px; width:300px; }
#home #content-2 #item-5 .tweet, #home #content-2 #item-5 #twitter_update_list li { border-bottom:1px solid #ccc; padding:5px 0; margin-top:5px; list-style-type:none; margin-left:0; }
#home #content-2 #item-5 .tweet:last-child, #home #content-2 #item-5 #twitter_update_list li:last-child { border-bottom:none; }
#home #content-2 #item-5 #twitter_update_list li a {display: none}
#home #content-2 #item-5 #twitter_update_list li span a {display: inline}
#home #content-2 .content-item ul li { margin-left: 0; }


/* ===== SHOWS ===== */
#shows #content-1 .content-item { float:left; max-width:300px; min-width:300px; width:300px; }
#shows #content-1 #item-1 { padding:0 10px 10px 0; }
#shows #content-1 #item-2 { padding:0 10px 10px; }
#shows #content-1 #item-3 { padding:0 0 10px 10px; }
#shows #content-2 .content-item,#shows #content-3 .content-item,#shows #content-4 .content-item { float:left; max-width:220px; min-width:220px; width:220px; }
#shows #content-2 #item-4 { padding:10px 10px 10px 0; }
#shows #content-2 #item-5 { padding:10px; }
#shows #content-2 #item-6 { padding:10px; }
#shows #content-2 #item-7 { padding:10px 0 10px 10px; }
#shows #content-3 #item-8 { padding:10px 10px 10px 0; }
#shows #content-3 #item-9 { padding:10px; }
#shows #content-3 #item-10 { padding:10px; }
#shows #content-3 #item-11 { padding:10px 0 10px 10px; }
#shows #content-4 #item-12 { padding:10px 10px 10px 0; }
#shows #content-4 #item-13 { padding:10px; }
#shows #content-4 #item-14 { padding:10px; }
#shows #content-4 #item-15 { padding:10px 0 10px 10px; }
#shows #missing { text-align:center; font-size:90%; }

/* ===== CONTACT, IMPRESSUM, GENERIC ===== */
#contact #content-1,#impressum #content-1,#generic #content-1 { text-align:center; }
#contact #content-1 #item-1,#impressum #content-1 #item-1,#generic #content-1 #item-1 { text-align:left; margin:0 auto; min-width:600px; width:600px; }
#contact #content-1 .wideinput,#contact #content-1 label { display:block; width:100%; }
#contact #content-1 input { margin:5px 0; }
#contact #content-1 label { margin:15px 0 5px; font-weight:bolder; }
#contact .messagebox { background:#a00; padding:15px; margin:10px 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 1px 2px #444; -webkt-box-shadow:0 1px 2px #444; box-shadow:0 1px 2px #444; border:1px solid #a00; border:1px solid rgba(0,0,0,0.1); }
#contact #messagebox-success { background:#007f03 url(../images/success-bg.jpg) top left repeat-x; color:#fff; text-shadow:0 -1px 1px #003c01; }
#contact #messagebox-error { background:#7e0000 url(../images/error-bg.jpg) top left repeat-x; color:#fff; text-shadow:0 -1px 1px #380000; }
#contact fieldset { margin:20px 0; }

#contact fieldset input,#contact fieldset label { display:inline; }
#contact fieldset legend { font-size:160%; }
#contact #content-1 fieldset label { position:relative; left:3px; }
#contact #content-1 fieldset input,#contact #content-1 fieldset label { margin:0; }
#contact fieldset small { font-size:100%; }

/* ===== SAVE YOUR SHOW ===== */
#save-your-show #item-1 { padding:10px 10px 10px 0; width:460px; float:left; }
#save-your-show #item-2 { float:left; width:460px; padding:10px 0 10px 10px; }
#save-your-show #item-3 { float:left; width:940px; }
#save-your-show #item-3 { padding:10px; }

/* ===== CONTACT DISNEY ===== */
#contact #contacts ul,#contact #contacts p { padding-bottom:20px; }
#contact #contacts h3 { margin-top:-20px; }
#contact #options li { font-size:13px; float:left; margin:0 0 6px 3px; -moz-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); background:#000 url(../images/button-overlay.png) repeat-x; border-bottom:1px solid rgba(0,0,0,0.25); color:#fff; display:inline-block; font-style:normal; font-weight:bold; line-height:1; padding:5px 10px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0,0,0,0.25); text-align:center; }
#contact #options li a { padding:0 10px; display:block; min-width:64px; }
#contact #options { list-style:none; margin:0 auto 10px; width:540px; }

/* ===== EVENTS ===== */
#generic.events #events ul,#generic.events #events p,#generic.events #events table { padding-bottom:20px; }
#generic.events #events h3 { margin-top:-20px; }
#generic.events #options li { font-size:13px; float:left; margin:0 0 6px 3px; -moz-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); background:#000 url(../images/button-overlay.png) repeat-x; border-bottom:1px solid rgba(0,0,0,0.25); color:#fff; display:inline-block; font-style:normal; font-weight:bold; line-height:1; padding:5px 10px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0,0,0,0.25); text-align:center; }
#generic.events #options li a { padding:0 10px; display:block; min-width:64px; }
#generic.events #options { list-style:none; margin:0 auto 10px; width:540px; }

/* ===== TABS ===== */
	#home #tabs { width: 610px;height: 260px; } 
	#home .tabs-bottom { position: relative; } 
	#home .tabs-bottom .ui-tabs-panel { height: 260px; background-position: center center; background-repeat: no-repeat; overflow: auto; } 
	#home .tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em .4em; } 
	#home .tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
	#home .ui-tabs-selected { margin-top: -3px !important; }
	#tabs-1 {background-image: url("../images/pages/home/praemien.png");}
	#tabs-2 {background-image: url("../images/pages/home/fanartikel.png");}
	#tabs-3 {background-image: url("../images/pages/home/koenigderloewen.png");}
	#tabs-4 {background-image: url("../images/pages/home/zauberer4-srtl.png");}
	#tabs-5 {background-image: url("../images/pages/home/ffc-games.png");}
	#home #tabs .button {font-size:13px; float:left; margin:0 0 6px 3px; -moz-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); background:#000 url(../images/button-overlay.png) repeat-x; border-bottom:1px solid rgba(0,0,0,0.25); color:#fff; display:inline-block; font-style:normal; font-weight:bold; line-height:1; padding:5px 10px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0,0,0,0.25); text-align:center;}
	#home .tabInner {width: 610px; height: 259px;}
	#home #tabs a {background: transparent; padding: 0;}
	/* #home .tabInner {background: black; background: rgba(0,0,0,0.5); color:white; padding: 10px; position:absolute; bottom: 45px; border-top: 1px solid black; border-bottom: 1px solid black; }
	#home .tabInner h2 {padding-bottom: 5px;} */

/* =====JQUERY UI ===== */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-tabs { /* padding: .2em; */ zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; /* padding : 0 .2em .2em .4em; */ }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }