/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1;font-family:'PT Sans', sans-serif;font-size:15px;color:#554100}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; color: inherit; font-weight: 700}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #fff;margin:0;padding:0}
input,select{vertical-align:middle}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
hr{display:block;height:1px;border:0;border-top:1px solid #fff;margin:5px 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
font-family: 'PT Sans', sans-serif;
font-family: 'Rye', cursive;
*/

#nav { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background:url(../img/bg-nav.png) left top repeat-x; z-index: 10000 !important }

nav { width: 980px; height: 50px; margin: 0 auto; position: relative }

#nav-main li { float: left }
#nav-main a { display: block; text-align: center; font-size: 18px; line-height: 35px; height: 50px; padding: 0 7px 0 0; font-weight: 700; color: #fff; text-decoration: none }
#nav-info 		{ width: 165px }
#nav-anfrage	{ width: 235px }
#nav-impressum	{ width: 272px }
#nav-info.active, #nav-info:hover			{ background: url(../img/sprite-nav.png) 0 0 no-repeat }
#nav-anfrage.active, #nav-anfrage:hover		{ background: url(../img/sprite-nav.png) 0 -50px no-repeat }
#nav-impressum.active, #nav-impressum:hover	{ background: url(../img/sprite-nav.png) 0 -100px no-repeat }


#nav-social { position: absolute; top: 10px; right: 0; }
#nav-social li { float: left }
#nav-social a { display: block;text-indent: -100%; font-size: 0; width: 43px; height: 43px; padding: 0 }
#soc-facebook { background: url(../img/sprite-social-43-43-96.png) 0 0 no-repeat }
#soc-youtube { background: url(../img/sprite-social-43-43-96.png) -48px 0 no-repeat }
#soc-blogspot { background: url(../img/sprite-social-43-43-96.png) -96px 0 no-repeat }


#wrapper { width: 980px; margin: 0 auto }

.page { position: relative; width: 980px; height: 1200px; margin: 0 auto; padding: 60px 0 0 0 }

p { line-height: 19px }
strong { font-weight: 700 }

#kompass { position: absolute; left: 50%; top: 300px; margin: 0 0 0 -474px }

/* Startseite */
#logo { display: block; margin: 0 auto }
#cover { position: absolute; right: 50px; top: -160px }
#p1-con { position: relative; width: 980px; height: 720px; background: url(../img/bg-p1.png) left top no-repeat }
#intro { position: absolute; left: 50px; top: 490px; width: 225px }
#intro h1 { font-weight: 700; font-size: 18px }
iframe { position: absolute; left: 50px; top: 40px }
#p1-txt { position: absolute; left: 545px; top: 50px; width: 385px }
#p1-con h2 { font-family: 'Rye', cursive; font-size: 30px; line-height: 30px; font-weight: normal; margin: 0 0 15px 0 }
#stars { position: absolute; left: 640px; top: 430px; width: 280px; color: #fff; font-size: 14px; font-weight: 700; text-align:center }

/* Bestellen */
#p2 { padding: 60px 0 0 0 }
#p2-con { position: relative; width: 980px; height: 1150px; background:url(../img/bg-p2-sticker.png) left top no-repeat }
#p2-con.sent { position: relative; width: 850px; height: 450px; padding: 90px 70px 0 70px; background:url(../img/bg-p2-sent.png) left top no-repeat }
#p2-con.shops { position: relative; width: 810px; height: 505px; padding: 95px 85px 0 85px; background:url(../img/bg-p2-ausverkauft.png) left top no-repeat}
	#p2-con h1 { color: #fff; font-size: 20px; font-weight: 400; text-align: center }
	#p2-con.shops a { display: block; float: left; position: relative; width: 50%; text-align:center }
	#p2-con.shops span { display: block; position: absolute; top: 310px; left: 90px; background: #f66e13; color: #fff; height: 40px; width:180px; line-height: 40px;  text-transform: uppercase; text-align: center; box-shadow: 5px 5px 10px #333 }

#fLeft { position: relative; width: 525px; height: 1150px; float: left }
#fRight { position: relative; width: 375px; height: 1000px; float: left; padding: 83px 0 0 0 }

fieldset { position: absolute; color: #fff }

#film, #bundle, #dmbundle, #adr { left: 65px}
#film { top: 79px; width: 208px }
#bundle { top: 188px; width: 198px }
#dmbundle { top: 311px; width: 250px }
#adr { top: 600px; left: 50px }

form strong { font-weight: 700; font-size: 18px }
.menge { display: block; width: 45px; font-size: 12px; line-height: 12px; float: left; margin: 10px 5px 0 0 }
.menge input { width: 30px; margin: 5px 0 0 0; text-align: center; color: #554100; background: #fff; border: 1px solid #fff; padding: 4px 0; font-weight: 700; box-shadow: 3px 3px 5px #333 }
.check table { margin: 0; padding: 0 }
.check tr, td { height: 20px; line-height: 20px; padding: 0; margin: 0 }
.check input, label {  vertical-align: middle; margin: 0 }
.sold { box-shadow: 3px 3px 5px #333 }

.prodTxt { float: left } 
.prodTxt p { line-height: 1; margin: 0 0 5px 0 }
.prodTxt p span { display: block; font-size: 12px }

#film .prodTxt { width: 158px }
#bundle .prodTxt { width: 145px }
#dmbundle .prodTxt { width: 195px }

#adr { color: #554100 }
#adr label, span.label { display: block; width: 130px; float: left; color: #554100; font-weight: 700; margin: 0 0 5px 0; padding: 4px 0 }
#adr .checkLabel { font-weight: 400; width: 230px }
#adr input[type=text] { display: block; width: 240px; float: left; font-weight: 400; margin: 0 0 5px 0; padding: 4px; background: #fff; border: 1px solid #fff; box-shadow: 3px 3px 5px #333 }
#adr textarea { display: block; width: 240px; height: 140px; float: left; font-weight: 400; margin: 0 0 10px 0; padding: 4px; background: #fff; border: 1px solid #fff; box-shadow: 3px 3px 5px #333 }
#adr br {display: block; width: 1px; height: 1px; clear: both }
#adrAGB { vertical-align:baseline; color: #fff }

#kinokarten { display: block; width: 210px; color: #fff }
#kinokarten span { display: inline-block; width: 100px }

#termine { color: #fff; padding: 10px 0 0 0 }
#termine td { height: 17px; line-height: 17px;padding: 0 0 5px 0; font-size: 15px  }
#termine input { width: 30px; height: 17px; text-align: center; color: #554100; background: #fff; border: 1px solid #fff; padding: 4px 0; font-weight: 700; margin: 0; box-shadow: 3px 3px 5px #333 }

#bestellinfo { position: absolute; left: 40px; top: 720px; width: 355px }
#bestellinfo span { font-weight: 700 }

button { border: none; background:none; padding: 0; margin: 20px 0 20px -10px; cursor: pointer }

#msgSent { color: #fff }
#msgSent p { padding: 0 0 1.2em 0 }


/* Impressum */

#p3 { padding: 60px 0 0 0; background:url(../img/bg-p3-2.png) left bottom repeat-x; height: 950px; width: 100% }
#p3-con { position: relative; width: 980px; height: 790px; margin: 0 auto; padding: 160px 0 0 100px; color: #fff }
#p3-left { width: 400px; margin: 0 80px; float: left }
#p3-right { width: 400px; float: left }
#p3 h2 { margin: 0 0 10px 0; font-size: 18px; text-transform:uppercase }
#p3 p { margin: 0 0 20px 0; font-size: 15px }
#p3 a { color: #fff }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}