html, body, h1, h2, h3, h4, ul, ol, li, form, fieldset, p, dd, dt, dl {margin:0; padding:0; font-weight:normal;}

ul {list-style:none;}
abbr, fieldset, img {border:0;}

body {
font-size:12px;
line-height:1.25em;
background-color:#fff;
color:#000;}

body, select, textarea, input {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;}

:link,:visited,:hover img {text-decoration:none;}
a {color:#f39a00;}
a:hover {color:#ffa200; text-decoration: underline;}
hr, legend {display:none;}
.accessibility {left:-5000px; position: absolute;}

em {font-style: normal;}
strong {font-weight:normal;}

#bt {width: 909px; margin:0 auto; background-color:#043882; color:#fff;}
#header {padding-top:123px; background: url(../images/layout/header-muenzen.jpg) 100% 0 no-repeat; position: relative;}
#header h1 a {width:287px; height:0; padding-top:102px; overflow: hidden; background: url(../images/berlin-taler-marke.png) 0 0 no-repeat; position: absolute; top:0; left:0;}
#body {clear:both; background-color:#fff; color: #043882;}
#content {padding: 10px 56px;}
#footer {clear:both; background:#fbbd00 url(../images/layout/footer-bg.png) 0 0 repeat-x; color:#043882; height:31px; line-height: 31px; overflow: hidden; text-align:center;}
#footer li {display:inline;}
#footer li a {color:#043882; font-weight:bold;}
#footer li.muenze {padding-right:10px; margin-right:.25em; background: url(../images/layout/footer-separator.gif) 100% 50% no-repeat;}

.pageTitle {height:0; padding-top:36px; overflow: hidden; background: 50% 0 no-repeat; line-height:40px;}
.subPageTitle {margin-top:-25px; margin-bottom:35px;}
#bottom-inner {background: url(../images/layout/tabbed-teaser-content-bg.png) 0 0 repeat-y;}

#menu {height:25px; background:url(../images/layout/menu-bg.png) 0 -1px no-repeat; padding-bottom:3px; position: relative;}
#menu ul {float:right;}
#menu li {float:left; margin:0 33px;}
#menu li a {float: left; height:0; padding-top:25px; overflow:hidden; line-height:28px; background: url(../images/layout/hauptmenu.png) 0 0 no-repeat;}

#menu .home a {width:163px; background-position: 0 0;}
#menu .produktePreise a {width:191px; background-position: 0 -50px;}
#menu .bestellungKontakt a {width:185px; background-position: 0 -100px;}
#menu .faq a {width:86px; background-position: 0 -150px;}

#home #menu .home a, #menu .home a:hover {background-position:0 -25px;}
#produktePreise #menu .produktePreise a, #menu .produktePreise a:hover {background-position: 0 -75px;}
#bestellungKontakt #menu .bestellungKontakt a, #menu .bestellungKontakt a:hover {background-position: 0 -125px;}
#faq #menu .faq a, #menu .faq a:hover {background-position: 0 -175px;}

#teaser-tabbed {position: relative; background: url(../images/layout/tabbed-teaser-hand.png) 100% 6px no-repeat;}
#teaser-tabbed #teaser-tabs {overflow:hidden; background: url(../images/layout/tabbed-teaser-bg-orange.png) 0 31px no-repeat;}
#teaser-tabbed li {display:inline; line-height:0;}
#teaser-tabbed li .tab-title {display:inline-block; margin-bottom:7px; margin-right:-.24em;}
#teaser-tabbed li .tab-title span {line-height:30px; display:block; height:0; overflow:hidden; padding:31px 0 0; background: url(../images/layout/tabbed-teaser-tabs.png) 0 0 no-repeat; cursor:pointer;}

*+html #teaser-tabbed li .tab-title {display:inline; margin-right:0;}

#teaser-tabbed #erinnerungGeschenk .tab-title span {/*width: 162px; */ margin-right: -11px; background-position: 0 0;}
#teaser-tabbed #tourismusfoerderung .tab-title span {width: 156px; background-position: 0 -64px;}
#teaser-tabbed #marketing .tab-title span {width: 131px; background-position: 0 -127px;}
#teaser-tabbed #kundenbindung .tab-title span {width: 131px; background-position: 0 -190px;}
#teaser-tabbed #ihreIdee .tab-title span {width: 131px; background-position: 0 -254px;}

#teaser-tabbed #erinnerungGeschenk.active .tab-title span, #teaser-tabbed #erinnerungGeschenk .tab-title span:hover, #teaser-tabbed #erinnerungGeschenk .tab-title span.hover {background-position: 0 -32px;}
#teaser-tabbed #tourismusfoerderung.active .tab-title span, #teaser-tabbed #tourismusfoerderung .tab-title span:hover, #teaser-tabbed #tourismusfoerderung .tab-title span.hover {background-position: 0 -95px;}
#teaser-tabbed #marketing.active .tab-title span, #teaser-tabbed #marketing .tab-title span:hover, #teaser-tabbed #marketing .tab-title span.hover {background-position: 0 -158px;}
#teaser-tabbed #kundenbindung.active .tab-title span, #teaser-tabbed #kundenbindung .tab-title span:hover, #teaser-tabbed #kundenbindung .tab-title span.hover {background-position: 0 -222px;}
#teaser-tabbed #ihreIdee.active .tab-title span, #teaser-tabbed #ihreIdee .tab-title span:hover, #teaser-tabbed #ihreIdee .tab-title span.hover {background-position: 0 -285px;}

*+html #teaser-tabbed .first .tab-title {margin-left:56px; width: 162px;}
#teaser-tabbed .first .tab-title {margin-left:56px;}
#teaser-tabbed #teaser-tabs .content {line-height:normal; display:none; float:left; width:100%; clear:both; position: relative; background:#043882 url(../images/layout/tabbed-teaser-content-bg.png) 0 0 repeat-y; color:#fff; padding: 20px 0; height:235px;}
#teaser-tabbed #teaser-tabs .content .image {position: absolute; left:52px; top:35px; text-align: center; font-weight:bold;}
#teaser-tabbed #teaser-tabs .content .image img {margin-top:10px;}
#teaser-tabbed #teaser-tabs .content .text {width:318px; height:0; padding-top:123px; overflow: hidden; position: absolute; left:290px; top:80px; background: 0 0 no-repeat;}
#teaser-tabbed #teaser-tabs #erinnerungGeschenk .content .text {background-image: url(../images/tabbed-teaser_erinnerung-geschenk.png);}
#teaser-tabbed #teaser-tabs #tourismusfoerderung .content .text {background-image: url(../images/tabbed-teaser_tourismusfoerderung.png);}
#teaser-tabbed #teaser-tabs #marketing .content .text {background-image: url(../images/tabbed-teaser_marketing.png);}
#teaser-tabbed #teaser-tabs #kundenbindung .content .text {background-image: url(../images/tabbed-teaser_kundenbindung.png);}
#teaser-tabbed #teaser-tabs .active .content {display:block;} 

#teaser-tabbed .hand {width:281px; height:0; padding-top:284px; overflow: hidden; background: url(../images/layout/tabbed-teaser-hand.png) 0 -25px no-repeat; position: absolute; right:0; top:31px; z-index:10;}

#ihreBestellung {padding-bottom:102px; background:#043882 url(../images/layout/tabbed-teaser-ihre-bestellung.png) 0 0 no-repeat; position: relative; zoom:1;}
#ihreBestellung a {position: absolute; float:left; width:199px; height:0; padding-top:37px; line-height:38px; overflow:hidden; top:-6px; left:56px; background: url(../images/layout/tabbed-teaser-ihre-bestellung-buttons.png) 0 0 no-repeat;}
#ihreBestellung a:hover {background-position:0 -37px;}

*+html #ihreBestellung {margin-top:-7px;}

#home #content {height:156px; position: relative;}
#home #content .content-title {position: absolute; top:0; left:0; width:371px; height:0; padding-top:117px; background: url(../images/berlin-taler-marke-blau.png) 0 0 no-repeat; overflow:hidden;}
#home #content .content-text {position:absolute; top:0; right:0; height:0; padding-top:154px; width:468px; background: url(../images/home-infotext.png) 0 0 no-repeat; overflow:hidden;}

#produktePreise #content {padding:0; text-align: center; padding-top:47px;}
#produktePreise #content table {width:100%; margin-top:31px; border-collapse: collapse; border:1px solid #043882; border-spacing:0; border-bottom:0; border-right:0;}
#produktePreise #content table td, #produktePreise #content table th {font-size: 14px; height:64px; width:82px; vertical-align: middle; text-align: center; border:1px solid #043882; border-left:0; border-top:0;}
#produktePreise #content table th {background-color:#d9effa; font-size:16px;}
#produktePreise #content table th.light {background-color: #fff;}
#produktePreise #content table td.light {background-color: #d4edfa;}
#produktePreise #content table .dark {background-color: #043882;}


*+html #produktePreise #content table .optik {width:105px;}
*+html #produktePreise #content table .ronde {width:105px;}
*+html #produktePreise #content table .beispiel {width:105px;}
*+html #produktePreise #content table .preis1k {width:105px;}
*+html #produktePreise #content table .preis10k {width:105px;}

*+html #produktePreise #content table td {width:auto;}
*+html #produktePreise #content table th {width:auto;}

#produktePreise .pageTitle {background-image: url(../images/preise-und-produkte-headline.png); background-position: 291px 0;}
#produktePreise #bottom {padding-top:7px; background: url(../images/layout/tabbed-teaser-bg-orange.png) 0 0 no-repeat;}
#produktePreise #bottom-inner .text {height:0; padding-top:143px; overflow:hidden; background: url(../images/preise-und-produkte-infotext.png) 0 0 no-repeat;}

#faq #content {padding-top:47px; padding-left:292px; padding-right:150px; color:#000; font-size:14px; line-height:20px; padding-bottom:30px; background: url(../images/layout/blauer-rand.gif) 0 0 repeat-y;}
#faq #bottom-inner {padding-top:143px;}
#faq .pageTitle {background-image: url(../images/faq-headline.png); background-position: 0 0; margin-bottom:31px;}
#faq #content dt {font-weight:bold; margin-bottom:.4em; font-style: italic; color:#043882;}
#faq #content dd {margin-bottom:1.4em;}

#bestellungKontakt #content {padding-top:47px; color:#000; line-height:20px; padding-bottom:30px; padding-left:57px; padding-right:34px; overflow:hidden;}
#bestellungKontakt .pageTitle {background-image: url(../images/bestellungKontakt-headline.png); background-position: 235px 0; margin-bottom:59px;}
#bestellungKontakt .fSubmit {background: url(../images/layout/bestellung-form-submit.png) 0 0 no-repeat; width:280px; height:0; padding-top:35px; overflow:hidden; border:0; cursor:pointer; font-size:0.0001em;}
*+html #bestellungKontakt .fSubmit {height:35px; padding-top:0; line-height:200px}
#bestellungKontakt #bottom-inner {padding-top:143px;}
*+html #bestellungKontakt #bottom {margin-top:-100px;}

.secondaryContent {float:right; width: 200px; margin-left:15px;}
.mainContent {float:left; width:603px;}
.module {background-color:#e6eaf3; margin-bottom:45px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.mainContent .module fieldset {clear:both;}
.mainContent .module fieldset .formContent {padding:30px 10px 30px 189px; overflow:hidden; clear:both;}
.secondaryContent .module {padding:10px 30px 20px;}
.module .title {color:#003882; display:block; font-size:18px;}
.module .subTitle {color:#003882; font-size:12px;}
.module .formList {margin-left:-189px;}
.module .formList li {clear:both; overflow:hidden;}
.module .formList label {float:left; width: 182px; text-align: right; line-height: 33px; overflow: hidden; height:33px; padding-right:7px;}
.module .formList .radioButton {padding-left:189px;}
.module .formList .radioButton label {width:auto; text-align: left; width:92px;}
.module .forms {width:218px; float:left;}
.module .motivVorlagen {width:155px; height:159px; float:left; border-left:1px solid #c4d1e1; padding:0 0 0 15px; margin-left:15px;}
.module .motivVorlagen li {float:left;}
.module .motivVorlagen li a {float:left; width: 62px; height:0; padding-top:62px; overflow: hidden; background: url(../images/taler/motivvorlagen.jpg) 0 0; margin: 0 10px 10px 0;}

.module .fText, .module .fTextarea, .module .fButton {border:1px solid #ddd; padding:7px; font-size:12px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.module .used {color:#000 !important;}
.module .fButton {background: #fefefe url(../images/layout/button-bg.gif) 0 100% repeat-x; cursor: pointer; padding-top: 4px; padding-bottom:4px; margin-top:10px;}
.module .fText:focus, .module .fTextarea:focus {border-color:#aeaeae;}
.module .fRadio, .module .fCheck {margin:0; vertical-align:middle; margin-top:-2px;}

.secondaryContent .error {background-color:#ffdada;}
.module .error .fText, .module .error .fTextarea, .module .error .fTextarea {border-color:#f00;}
.module .error {position: relative;}
.module .error span {font-size:11px; color:#f00;}
.mainContent .module .error span {position: absolute; left:400px; width:200px; display: block; line-height:28px; height:33px; overflow:hidden;}
#submit .error span {position: static; width:auto; font-size:inherit;}

.secondaryContent #muenzVorgaben .title {margin-left:-3px;}
.secondaryContent .module .subTitle {margin-bottom:10px;}
.secondaryContent .module .fText {width:124px;}
.secondaryContent .module .fRadio {margin-left:-17px;}

.mainContent #submit {margin-top:-25px; margin-bottom:0;}
.mainContent #submit fieldset .formContent {padding-top:15px; padding-bottom:15px;}
.mainContent #submit fieldset p {margin-bottom:10px;}

.secondaryContent dt {font-weight: bold; color:#003882; margin-bottom:.6em;}
.secondaryContent dd, .secondaryContent li {margin-top:.3em;}
.secondaryContent li {margin-bottom:1em;}

.mainContent .module .fText, .mainContent .module .fTextarea {width:184px;}
.mainContent .module .fTextarea {height:100px;}
.module .forms .fText, .module .forms .fTextarea, .module .formList li {margin-bottom: 7px;}
.mainContent .module .title {background-color:#e6eaf3; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:5px 20px; position:relative; left:0; top:-28px; margin-bottom:-28px; display:block; float:left;}
#muenzeVorderseite .fText, #muenzeRueckseite .fText {color:#a3a3a3;}
.mainContent .module #plz {width:46px; margin-right:7px;}
.mainContent .module #ort {width: 115px;}

#muenzeVorderseite fieldset, #muenzeRueckseite fieldset {background: 19px 24px no-repeat;}
.gold #muenzeVorderseite fieldset, .gold #muenzeRueckseite fieldset {background-image: url(../images/taler/ronde-gold.jpg);}
.silber #muenzeVorderseite fieldset, .silber #muenzeRueckseite fieldset {background-image: url(../images/taler/ronde-silber.jpg);}

.gold .module .motivVorlagen .a a {background-position: 0 0;}
.gold .module .motivVorlagen .b a{background-position: -62px 0;}
.gold .module .motivVorlagen .c a {background-position: 0 -62px;}
.gold .module .motivVorlagen .d a {background-position: -62px -62px;}

.silber .module .motivVorlagen .a a {background-position: 0 -126px;}
.silber .module .motivVorlagen .b a{background-position: -62px -126px;}
.silber .module .motivVorlagen .c a {background-position: 0 -189px;}
.silber .module .motivVorlagen .d a {background-position: -62px -189px;}

.silber .vorlage_a {background: url(../images/taler/motivvorlagen-silber-xl.png) 19px 27px no-repeat !important;}
.silber .vorlage_b {background: url(../images/taler/motivvorlagen-silber-xl.png) 19px -277px no-repeat !important;}
.silber .vorlage_c {background: url(../images/taler/motivvorlagen-silber-xl.png) 19px -582px no-repeat !important;}
.silber .vorlage_d {background: url(../images/taler/motivvorlagen-silber-xl.png) 17px -887px no-repeat !important;}

.gold .vorlage_a {background: url(../images/taler/motivvorlagen-gold-xl.png) 19px 23px no-repeat !important;}
.gold .vorlage_b {background: url(../images/taler/motivvorlagen-gold-xl.png) 20px -281px no-repeat !important;}
.gold .vorlage_c {background: url(../images/taler/motivvorlagen-gold-xl.png) 20px -585px no-repeat !important;}
.gold .vorlage_d {background: url(../images/taler/motivvorlagen-gold-xl.png) 20px -888px no-repeat !important;}

#bestellungKontakt #bottom {background-color:#043882; height:132px;}


#impressum #content {padding-top:47px; padding-left:292px; padding-right:150px; color:#000; font-size:14px; line-height:20px; padding-bottom:30px; background: url(../images/layout/blauer-rand.gif) 0 0 repeat-y;}
#impressum #content p {margin-bottom:1.2em;}
#impressum #content em {color: #043882; font-style: italic;}
#impressum #bottom-inner {padding-top:143px;}
#impressum .pageTitle {background-image: url(../images/impressum-headline.png); background-position: 0 0; margin-bottom:31px;}