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

/* ========== TYPOGRAPHY ========== */
a { color:#00A510; 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:94px; 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_cr.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:#00A510; }
.nav ul li a:active { color:#00770B; top:1px; }
.nav ul li a.active { color:#00A510; }
.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; }

/* ========== 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; }
