@charset "utf-8";
* {	margin: 0px; padding: 0px;  }
body { text-align: center; color: #d9bda0; font-size:100%; background: #1c0108; font-family: Arial, Helvetica, sans-serif; }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

.clearfix:after, div#content:after, div#maincontent:after, footer#pageinformation:after, div.colcontainer:after, div.references:after { overflow: hidden; content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, div#content, div#maincontent, footer#pageinformation, div.colcontainer, div.references { display: inline-block; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
/* TEXT ELEMENTS */
h2 { text-transform: uppercase; }
h3 { font-size: 1.00em; font-weight: bold; line-height: 1.7em; padding-top: 20px; }
h4 { font-weight: bold; font-size: 0.81em; line-height: 1.5em; padding-top: 20px; }
p { font-size: 0.81em; line-height: 1.7em; padding-top: 20px; }
cite { display: block; text-align: right; font-size: 1.44em; line-height: 1.5em; font-style: italic; font-family: Georgia, Times, serif; background: #fff url('../images/project-elements/claim-bg.gif') no-repeat right 50px; padding: 80px 0px 50px 0px; clear: both; }
ul.error { padding-top: 30px; padding-left: 30px; }
ul.error li { color: #FF0000; line-height: 1.5em; font-size: 0.75em; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 2px; }
p.fontswitch a { border-bottom: none; }
p.clear { clear: both; height: 50px; padding: 0px; }
p.flat { height: 1px; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; }
p.error,p.jswarning { color: #da0031; line-height: 22px; font-size: 0.81em; padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 20px; }
div#maincontent p.success { margin:20px 20px 0px 20px; padding:5px 10px; font-weight:bold; color: #FFF; background-color:#76a20c; display:block; }
p.siteimage { padding-top: 68px; }
p.contactdata strong { font-weight: normal; float: left; display: block; width: 60px; }
strong { font-weight: bold; }
a { outline: none; color: #d9bda0; }
a:hover {  }
ul, ol { list-style: none; line-height: 1.3em; padding-top: 20px; }
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th {  }
caption, th { text-align: left; }
em { font-style: italic; }
/* FORMS */
legend { display: none; }
fieldset, img { border: 0; }
textarea { height: 100px; }
input,textarea,select { font-family: Helvetica, Arial, sans-serif; }
img.alignright { float: right; margin-left: 20px; margin-top:3px; }
img.alignleft { float: left; margin-right: 20px; margin-top:3px; }
.red { color: #c0002b; }
.first { padding: 0px; }

div#wrapper { position: relative; z-index: 3; width: 100%; min-width: 960px; background: transparent url('../images/project-elements/wrapper-bg.gif') repeat-x top; }
div#container { text-align: left; margin: 0px auto; width: 960px; position: relative; }

div#branding { position: absolute; top: 0px; left: 0px; width: 240px; height: 320px; }
div#branding, div#branding h1, div#branding h1 a { width: 240px; height: 320px; }
div#branding h1 { background: transparent url('../images/project-elements/logo.png') no-repeat left top; }
div#branding h1 a { display: block; text-indent: -9999px; }

div#internorga { position:absolute; left: 0px; top: 320px; }

nav#mainnavigation { position: absolute; top: 0px; left: 320px; height: 139px; overflow: hidden; }
nav#mainnavigation, nav#mainnavigation ul { width: 640px; }
nav#mainnavigation ul, nav#mainnavigation ul li a { height: 140px; }
nav#mainnavigation ul { padding: 0px; }
nav#mainnavigation ul li { float: left; display: inline; }
nav#mainnavigation ul li a { width: 160px; display: block; background-image: url('../images/project-elements/mainnavigation-bg.png'); background-repeat: no-repeat; text-indent: -9999px;  }
nav#mainnavigation ul li.home a { background-position: 0px 0px; }
nav#mainnavigation ul li.home a:hover, nav#mainnavigation ul li.home a.active { background-position: 0px -140px; }
nav#mainnavigation ul li.produkt a { background-position: -160px 0px; }
nav#mainnavigation ul li.produkt a:hover, nav#mainnavigation ul li.produkt a.active { background-position: -160px -140px; }
nav#mainnavigation ul li.bestellung a { background-position: -320px 0px; }
nav#mainnavigation ul li.bestellung a:hover, nav#mainnavigation ul li.bestellung a.active { background-position: -320px -140px; }
nav#mainnavigation ul li.kontakt a { background-position: -480px 0px; }
nav#mainnavigation ul li.kontakt a:hover, nav#mainnavigation ul li.kontakt a.active { background-position: -480px -140px; }

div#content { width: 960px; padding-top: 190px; padding-bottom: 20px; background: transparent url('../images/project-elements/content-bg.png') no-repeat right bottom; }
div#maincontent, div#subcontent { float: right; }
div#maincontent { position: relative; width: 640px; background: #f6e8c6 url('../images/project-elements/maincontent-bg.jpg') repeat-y top; padding-bottom: 30px; }
div#maincontent h2 { height: 100px; padding: 0px; text-indent: -9999px; background-repeat: no-repeat; background-position: top; }
div#maincontent h2#headline-welcome { background-image: url('../images/project-elements/h2-welcome.png'); }
div#maincontent h2#headline-impressum { background-image: url('../images/project-elements/h2-impressum.png'); }
div#maincontent h2#headline-agb { background-image: url('../images/project-elements/h2-agb.png'); }
div#maincontent h2#headline-produkt { background-image: url('../images/project-elements/h2-produkt.png'); }
div#maincontent h2#headline-kontakt { background-image: url('../images/project-elements/h2-kontakt.png'); }
div#maincontent h2#headline-order { background-image: url('../images/project-elements/h2-bestellung.png'); }
div#maincontent h2, div#maincontent h3, div#maincontent h4, div#maincontent p, div#maincontent a { color: #000; }
div#maincontent p, div#maincontent h3, div#maincontent h4 { padding-left: 30px; padding-right: 30px; }
div#maincontent p.order { padding-left: 345px; }
div#maincontent p.order a { text-indent: -9999px; display: block; width: 255px; height: 50px; background: transparent url('../images/project-elements/jetzt-bestellen.png') no-repeat left top; margin-left:  }
div#maincontent p.product { padding-left: 0px; padding-right: 0px; float: left; margin-right: 33px; text-align:center;}
div#maincontent p.sachet { padding-left: 65px; margin-left:15px; }
div#maincontent p.ml296 { padding-right: 65px; margin-right:18px; }
div#maincontent p.ml946 { padding-left:170px;}
div#maincontent p.keychain { padding-left: 65px; margin-left:15px; }
div#maincontent p.poster { padding-right: 65px; margin-right:18px; }
body#produkt div#maincontent h3 { display:inline-block; width:580px; margin-top:20px; }
div#maincontent p#sowas-von { position: absolute; bottom: 20px; left: -120px; cursor:pointer; }
div#maincontent strong.block {display:block; float:left; width:35px;}
div#maincontent div#index-impressions { clear: both; width: 640px; height: 160px; background: transparent url('../images/project-elements/tapatio-impressions1.png') no-repeat bottom center; }
div#subcontent { width: 320px; }

footer#pageinformation { z-index: 3; position: absolute; bottom: 0px; left: 0px; height: 50px; background: transparent url('../images/project-elements/45lines-bg.gif') repeat-x top; min-width: 960px; width: 100%; }
footer#pageinformation p { float: left; padding: 14px 30px 0px 30px; }
footer#pageinformation ul { float: right; padding: 16px 30px 0px 30px; }
footer#pageinformation ul li { float: left; display: inline; font-size: 0.81em; }
footer#pageinformation ul li a { display: block; padding: 0px 10px; height: auto; line-height: 18px; text-decoration: none; background: transparent url('../images/project-elements/dots-vertical.gif') repeat-y right top; }
footer#pageinformation ul li a:hover, footer#pageinformation ul li a.active { text-decoration: underline; }
footer#pageinformation ul li a.impressum { padding-right: 0px; background: none; }

div#contactform { margin-bottom: 10px; }
div#contactform form { padding: 20px 30px 0px 30px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; padding: 0px; }
div#contactform form ol.blockstyle2 { display: none; }
div#contactform form ol.show { display: block; padding-top: 20px; }
div#contactform form ol li{ font-size: 0.81em; padding-top: 10px; padding-left: 0px; background: none; position: relative; }
div#contactform form ol li label { color: #000; vertical-align: top; display: inline-block; width: 152px; }
div#contactform form ol li label span { font-weight:bold; color: #000; }
div#contactform form ol li input,
div#contactform form ol li textarea{ text-indent: 5px; border: 1px solid #460f01; background: transparent; padding: 5px 0px 5px 0px; color: #000; width: 408px; font-size: 13px; }
div#contactform form ol li textarea {  height: 150px; }
div#contactform form ol li input.error, div#contactform form ol li textarea.error { border: 1px solid #FF0000; }
div#contactform form ol li fieldset { padding-left: 155px; }
div#contactform form ol li input.radio { background: none; border: none; width: auto; margin-right: 5px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form ol li select { border: 1px solid #460f01; background: #ecd8a6; padding: 5px 0px 5px 0px; color: #000; width: 408px; font-size: 13px; }
div#contactform form input.submit { font-size: 13px; margin-left: 157px; margin-top: 10px; width: auto; }

#social-bar { height: 305px; width: 6px; z-index: 3; position: fixed; left: 0px; top: 50%; margin-top: -153px; z-index: 1000 }
#social-bar a { background-repeat:no-repeat; display: block; overflow: hidden; text-indent: -8793px; height: 41px; width: 41px; border:none; margin-bottom: 3px; margin-left: -25px }
#social-bar #facebook-icon  { width:64px; height:64px; background: url('../images/project-elements/facebook-icon.png'); }
#social-bar #twitter-icon  { width:64px; height:64px; background: url('../images/project-elements/twitter-icon.png'); }
#social-bar #tooltip { position:absolute; background: #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:4px 8px 4px 8px; color:#fff; font-size:11px; font-weight:bold; display:none; white-space: nowrap; -moz-box-shadow: 1px 1px 1px #aaa; -webkit-box-shadow: 1px 1px 1px #aaa; box-shadow: 1px 1px 1px #aaa;}

div#bestellform { margin-bottom: 10px; }
div#bestellform form { padding: 0px 30px 0px 30px; }
div#bestellform form legend { display: none; }
div#bestellform form fieldset{ border: solid 0px #fff; }
div#bestellform form ol { list-style-type: none; padding: 30px 0px 0px 0px; }
div#bestellform form ol.blockstyle2 { display: none; }
div#bestellform form ol.show { display: block; padding-top: 20px; }
div#bestellform form ol li{ font-size: 0.81em; padding-top: 10px; padding-left: 0px; background: none; position: relative; }
div#bestellform form ol li label, div#bestellform form ol li strong { color: #000; vertical-align: top; display: inline-block; width: 152px; }
div#bestellform form ol li strong { margin:10px 0px; }
div#bestellform form ol li div.price { color:#000; }
div#bestellform form ol li div#result { border-top: 1px solid #57422a; text-align: right; color:#000; font-weight:bold; padding:0px 0px 0px 0px; }
div#bestellform form ol li label span { color: #b83439; }
div#bestellform form ol li input,
div#bestellform form ol li textarea{ text-indent: 5px; border: 1px solid #460f01; background: transparent; padding: 5px 0px 5px 0px; color: #000; width: 422px; font-size: 13px; }
div#bestellform form ol li textarea {  height: 150px; }
div#bestellform form ol li input.error, div#bestellform form ol li textarea.error { border: 1px solid #FF0000; }
div#bestellform form ol li fieldset { padding-left: 155px; }
div#bestellform form ol li input.radio { background: none; border: none; width: auto; margin-right: 5px; }
div#bestellform form ol li input.checkbox { vertical-align:middle; position:absolute; left:0; }
div#bestellform form ol li input#interest { margin-top:12px; }
div#bestellform form ol li select { border: 1px solid #460f01; background: #ecd8a6; padding: 5px 0px 5px 0px; color: #000; width: 408px; font-size: 13px; }
div#bestellform form ol li p.separator { border-top:1px solid #000; padding:0px; }
div#bestellform form input.submit { font-size: 13px; margin-left: 0px; margin-top: 10px; width: auto; }

div#bestellform form ol.quantity { padding-top: 0px; }
div#bestellform form ol.quantity li { position:relative; width: 580px; padding:5px 0px 10px 0px; height:40px; }
div#bestellform form ol.quantity li select { font-size: 11px; vertical-align: middle; position: absolute; left: 0px; top: 4px; width: 40px; }
div#bestellform form ol.quantity li input { width: 30px; }
div#bestellform form ol.quantity li label { width:350px; margin-left: 50px; }
div#bestellform form ol.quantity li div.price { position: absolute; right: 0px; top: 10px; width: 100px; text-align: right; }

div#bestellform form ol.options { padding-top: 20px; }
div#bestellform form ol.options li { position:relative; width: 540px; padding:5px 0px; }
div#bestellform form ol.options li input { vertical-align: middle; width:auto; border:none; position: absolute; left: 0px; top: 7px; }
div#bestellform form ol.options li label { width:550px; display: block; margin-left: 20px; }


/** TINY TIPS */
.tinyTip { width: 325px; padding: 17px 0px 0px 0px; display: block; background: url('../images/project-elements/tinyTip-top.png') 0px 0px no-repeat; }
.tinyTip .content { padding: 0px 15px 0px 15px; color:#000; font-size:0.81em;  background: url('../images/project-elements/tinyTip-content.png') 0px 0px repeat-y; }
.tinyTip .bottom { height: 47px; background: url('../images/project-elements/tinyTip-bottom.png') 0px 0px no-repeat; font: 0px/0px sans-serif; }