/* Projekt:            Toys R US 2008   */
/* Dateiname:          basics.css       */
/* Zweck:              Alle Basisstyles */
/* erstellt am:        29.07.2008 JD    */
/* bearbeitet am:      29.07.2008 JD    */
/* validiert am:       00.00.2008 JD    */
/* freigegeben am:     00.00.2008 JD    */



/* Inhalte */

/* Grundlegende Container */
/* Allgemeine Elemente */
/* Listen im Content */
/* Header */
/* Meta */
/* Suche */
/* Hauptnavigation */
/* Content */
/* Context-Spalte */
/* Footer */
/* Formulare */
/* Formular Errorhandling */
/* Lightbox Inhalte */
/* Helferlein: am Ende der Datei belassen */




/* Grundlegende Container */

html,
body {
height: 100%;
}

body {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#wrapper {
background: url(../images/themes/tru_teich/bg_content.gif) top center no-repeat;
min-height: 100%;
width: 920px;
margin: 0 auto;
z-index: 1;
position: relative;
}

* html #wrapper {
height: 100%;
}

#contentwrapper {
width: 900px;
margin: 0 auto 0 auto;
padding: 125px 10px 100px 10px;
position: relative;
}

#header {
position: absolute;
top: 0;
height: 115px;
width: 100%;
z-index: 10;
}

#header-content {
width: 900px;
margin: 16px auto 0 auto;
padding: 0 10px;
position: relative;
}

#content {
width: 640px;
float: right;
display: inline;
margin: 0;
}

div.contentblock {
float: left;
width: 140px;
min-height: 165px;
height: auto;
margin: 0 20px 20px 0;
}
* html div.contentblock {height: 165px; display: inline}

div.contentblock-zwei {
float: left;
width: 300px;
min-height: 165px;
height: auto;
margin: 0 20px 20px 0;
}
* html div.contentblock-zwei {height: 165px; display: inline}

div.contentblock-drei {
float: left;
width: 460px;
min-height: 165px;
height: auto;
margin: 0 20px 20px 0;
}
* html div.contentblock-drei {height: 165px; display: inline}

div.contentblock-vier {
float: left;
width: 620px;
margin: 0 20px 20px 0;
display: inline;
}

#flashcontent {
margin-bottom: 20px;
}

#kontext {
width: 220px;
float: left;
display: inline;
}

#footer {
width: 100%;
margin: 0 auto;
position: fixed;
z-index: 10;
bottom: 0;
height: 93px;
overflow: hidden;
background: url(../images/themes/tru_teich/footer_tru_teich_front.gif) no-repeat bottom center;
text-align: center;
}

#footer-content {
width: 100%;
margin-top: 73px;
text-align: center;
}


#footer-bg {
width: 100%;
position: fixed;
z-index: 0;
height: 300px;
bottom: 0;
}




/* Zierelemente */

.deco {
position: absolute;
top: -9999px;
left: -9999px;
z-index: 10;
}



/* Allgemeine Elemente */

p, label {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 20px 0;
}

h1 {
font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: bold;
color: #0055a0;
margin-bottom: 11px;
}

.sIFR-hasFlash h1 {
visibility: hidden;
}

h2 {
font-size: 1.4em;
font-weight: bold;
color: #0055a0;
margin-bottom: 5px;
}

h3 {
color: #333;
font-size: 1.2em;
font-weight: bold;
margin: 0;
}

a {
-moz-user-focus: none;
}

a:active,
a:focus {
outline: none;
-moz-outline: none;
}

#content a {
color: #0055a0;
text-decoration:underline;
}

#content a:hover {
text-decoration:none;
}


/* Listen im Content */

#content ul,
#content ol {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 18px 15px;
list-style-type: square;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul,
#content ul p,
#content ol p {
font-size: 1em;
margin-bottom: 0;
}


/* Sitemap */

ul#sitemap {
margin: 0 0 23px 0;
width: 460px;
}

ul#sitemap li {
margin: 10px 0 0 0;
list-style: none outside;
}

ul#sitemap li a {
display: block;
padding: 4px 0 0 10px;
font-weight: bold;
text-decoration: none;
color: #fff;
height: 21px;
background: url(../images/sitemap_bg_ebene1.gif) no-repeat;
}

ul#sitemap li a:hover {
color:#c2e2f4;
}

ul#sitemap ul {
margin: 0 0 0 10px;
}

ul#sitemap li li {
margin: 0;
}

ul#sitemap ul a {
font-weight: normal;
color: #0055a0;
background: url(../images/sitemap_bg_ebene2.gif) no-repeat;
}

ul#sitemap ul a:hover {
font-weight:bold;
color:#0055a0;
}

ul#sitemap ul ul a {
background: url(../images/sitemap_bg_ebene3.gif) no-repeat;
}



/* Header */


button#such-submit {
width: 53px;
padding: 0;
margin: 0;
position: relative;
display: inline;
float: right;
height: 21px;
background: url(../images/themes/tru_teich/search_submit_tru_de.gif) top left no-repeat;
}


/* Meta */

#metanav {
position: absolute;
top: 0;
right: 5px;
}

#metanav li span {
visibility: hidden;
}

#metanav li b {
position: relative;
right: -12px;
}

#metanav li.last {
background: none;
}

#metanav li a {
display: block;
font-size: 1.2em;
font-weight: bold;
}

/* Feste Breiten auf den spans in der metanavi */
#metanav li a span {
height: 14px;
overflow: hidden;
display: block;
}

#metanav li a.metanav-starcard span {
width: 65px;
}

#metanav li a.metanav-newsletter span {
width: 71px;

}

#metanav li a.metanav-maerkte span {
width: 46px;
}

#metanav li a.metanav-geschenke span {
width: 67px;
}

#metanav li a.metanav-wunschzettel span,
#metanav li a.metanav-wunschzettel-active span {
width: 110px;
display: inline;
}


/* Suche */

#search-form {
position: absolute;
top: 25px;
right: 32px;
width: 185px;
}

#search-input {
float: left;
width: 117px;
height: 17px;
padding: 4px 0 0 10px;
margin: 0 4px 0 0;
border: 0;
color: #0055A0;
font-size: 1.2em;
font-family: arial;
}

#search-submit {
float: left;
}

/* Hauptnavigation */

#logo-tru {position: relative; top: 3px; left: 25px; z-index: 2; float: left}
#logo-bru {position: relative; top: 19px; left: 15px; z-index: 1; float: left}

#mainnav {
height: 18px;
width: 583px;
display: inline;
margin: 0 0 0 20px;
padding: 11px 0 0 20px;
background: url(../images/tru_mainnav_bg.gif) bottom center no-repeat;
float: left;
}

* html #mainnav {
padding: 7px 0 0 20px;
height: 22px;
}

#mainnav span {
visibility: hidden;
}

#mainnav li {
display: block;
float: left;
padding: 0 20px 0 10px;
background: url(../images/tru_mainnav_trenner.gif) right center no-repeat;
}
* html #mainnav li {background: url(../images/tru_mainnav_trenner.gif) right 4px no-repeat;}

#mainnav li.last {
background: none;
}

#mainnav li a {
display: block;
height: 9px;
}

/* Mainnavi links mit hover-Zustaenden */
#mainnav li a.mainnav-spielwaren {/* Mainnavi links */
width: 78px;
background: url(../images/tru_mainnav_spiel_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-spielwaren-active {
width: 78px;
background: url(../images/tru_mainnav_spiel_hover_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-spielwaren:hover {
background: url(../images/tru_mainnav_spiel_hover_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-multimedia {
width: 75px;
background: url(../images/tru_mainnav_multi_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-multimedia-active {
width: 75px;
background: url(../images/tru_mainnav_multi_hover_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-multimedia:hover {
background: url(../images/tru_mainnav_multi_hover_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-outdoor {
width: 116px;
background: url(../images/tru_mainnav_outdoor_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-outdoor-active {
width: 116px;
background: url(../images/tru_mainnav_outdoor_hover_de.jpg) bottom center no-repeat;
}

#mainnav li a.mainnav-outdoor:hover {
width: 116px;
background: url(../images/tru_mainnav_outdoor_hover_de.jpg) bottom center no-repeat;
}

#seknav {/* Servicenavigation rechts */
height: 29px;
width: 249px;
background: url(../images/tru_seknav_bg.gif) bottom center no-repeat;
margin: 0 0 0 -5px;
float: left;
}

#seknav li {
display: block;
float: left;
color: #fff;
padding: 7px 0 0 0;
}

#seknav li a {
font-size: 1.2em;
color: #fff;
}

#seknav li a.first {
margin: 0 0 0 18px;
}


/* Content */

/* Breadcrumb */
ul#breadcrumb {
margin: 0 0 10px 0;
height: 15px;
}

ul#breadcrumb li {
margin: 0;
list-style-type: none;
float: left;
color: #0055a0;
font-size: 0.92em;
}

ul#breadcrumb a {
color: #0055a0;
background: url(../images/breadcrumb_listenpunkt.jpg) right 4px no-repeat;
margin-right: 5px;
padding-right: 9px;
text-decoration: underline;
}

ul#breadcrumb a:hover {
text-decoration:none;
}

/* Bilder im Content */

.bildlinks,
.bildrechts,
.bildmitte {
margin: 0 70px 0 0;
padding: 0 0 1px 0;
height: 1%;
}

.bildlinks img {
float: left;
margin: 4px 20px 10px 0;
position: relative;
}

.bildrechts img {
float: right;
margin: 4px 0 10px 20px;
position: relative;
}

/* Spalten im Content */
.spalten-wrapper {
margin-top: 20px;
}

.spalte-33 {
float: left;
width: 193px;
margin: 0 20px 15px 0;
}

.spalte-33-last {
margin-right: 0;
}

.spalte-33 img {
margin: 0 0 7px 0;
}

.spalte-33 p {
font-size: 1.1em;
line-height: 1.3em;
margin: 0;
}



/* Geschenkefinder im Content */
#content .contentblock-drei-geschenkefinder {
min-height: 120px;
height: auto;
}

.geschenkefinder-content {
position: relative;
width: 440px;
height: 120px;
background:  url(../images/geschenkefinder_background.gif) no-repeat;
margin: 0px 0 23px 0;
padding: 0 0 0 20px;
}

.geschenkefinder-content h2 {
width: 282px;
height: 21px;
margin: 20px 10px 20px 0;
background:  url(../images/geschenkefinder_headline.gif) no-repeat;
float: left;
}

.geschenkefinder-content h2 span {
visibility: hidden;
}

.geschenkefinder-content select {
margin: 0 6px 0 0;
padding: 2px;
float: left;
border: none;
}

.geschenkefinder-content select#geschenkefinder-content-kategorie {
width: 100px;
}

.geschenkefinder-content select#geschenkefinder-content-alter,
.geschenkefinder-content select#geschenkefinder-content-preis {
width: 80px;
}

.geschenkefinder-content .fakelabel {
margin: 7px 0 0 0;
float: left;
}

.geschenkefinder-content .fakelabel .label-geschenkefinder-w img {
margin: 10px 0 0 0;
}

.geschenkefinder-content .fakelabel .label-geschenkefinder-m img {
margin: 7px 0 0 0;
}


.geschenkefinder-content .fakelabel #geschenkefinder-w,
.geschenkefinder-content .fakelabel #geschenkefinder-m {
margin: 15px 5px 0 0;
}

.geschenkefinder-content #geschenkefinder-content-submit {
margin: 1px 0 0 0;
float: left;
}

/* Geschenkefinder im Content als breite Version */

.geschenkefinder-content-breit {position: relative; width: 600px; height: 103px; background:  url(../images/geschenkefinder_breit_background.gif) no-repeat; margin: -15px 0 23px 0; padding: 17px 0 0 20px;}

.geschenkefinder-content-breit h2 {width: 282px; height: 21px; margin: 20px 10px 10px 0; background: url(../images/geschenkefinder_headline.gif) no-repeat; float: left;}

.geschenkefinder-content-breit h2 span {visibility: hidden;}

.geschenkefinder-content-breit select {margin: 0 6px 0 0; padding: 2px; float: left; border: none;}

.geschenkefinder-content-breit select#geschenkefinder-content-alter,
.geschenkefinder-content-breit select#geschenkefinder-content-kategorie {width: 135px;}

.geschenkefinder-content-breit select#geschenkefinder-content-preis {width: 85px;}

.geschenkefinder-content-breit .fakelabel {margin: 7px 0 0 0; float: left;}

.geschenkefinder-content-breit .fakelabel .label-geschenkefinder-w img {margin: 8px 0 0 0;}

.geschenkefinder-content-breit .fakelabel #geschenkefinder-w,
.geschenkefinder-content-breit .fakelabel #geschenkefinder-m {margin: 15px 5px 0 0;}

.geschenkefinder-content-breit #geschenkefinder-content-submit {margin: 1px 0 0 0;float: left;
}


/* Wunschzettel Ansicht */

.wunschzettel {
margin: 20px 0;
}

.wunschzettel-head {
width: 529px;
height: 82px;
background:  url(../images/wunschzettel_head_bg_tru.gif) no-repeat 0px 0px;
}

.wunschzettel-body {
position: relative;
width: 499px;
padding: 0 10px 0 35px;
background: url(../images/wunschzettel_body_bg_tru.gif) repeat-y 0px 0px;
}

.wunschzettel-body p {
width: 430px;
}

.wunschzettel-foot {
width: 529px;
height: 28px;
margin: 0;
background:  url(../images/wunschzettel_foot_bg_tru.gif) no-repeat 0px 0px;
text-align: center;
}

ul.wunschzettel-navi {
position: relative;
width: 240px;
float: right;
top: 8px;
}

ul.wunschzettel-navi li {
list-style-type: none;
display: inline;
float: left;
}

ul.wunschzettel-navi li a {
display: block;
height: 34px;
font-size: 1px;
color:#fff;
text-indent: -9999px;
}

ul.wunschzettel-navi li a.print-wunsch { width: 104px; background:  url(../images/but_wunschzettel_print_tru.gif) no-repeat 0px 0px; }
ul.wunschzettel-navi li a.print-wunsch:hover { background-position: 0px -34px; }

ul.wunschzettel-navi li a.send-wunsch { width: 113px; background:  url(../images/but_wunschzettel_taf_tru.gif) no-repeat 0px 0px; }
ul.wunschzettel-navi li a.send-wunsch:hover { background-position: 0px -34px; }


/* Boxen (z.B. fur Formulare) */

.box {
position:relative;
background: #c2e2f4;
margin-bottom:20px;
border: 1px solid #c2e2f4;
width: 100%;
}

.box-content {
width: 620px;
}

.box-formular {
width: 480px;
}

.box-zweispaltig {/* Box mit zweispaltigen Inhalten */
width: 480px;
}

#content .box-zweispaltig .body {
padding: 15px 20px 10px 20px;
}

.box-zweispaltig .box-body-left,
.box-zweispaltig .box-body-right {
float: left;
width: 45%;
display: inline;
}

.box-zweispaltig .box-body-left {
margin-right: 9%;
}

.box-zweispaltig  p {
margin: 0 0 6px 0;
line-height: 1.2em;

}

.box-zweispaltig {
width: 480px;
}

.box-context {
width: 200px;
}

.box .body {
padding: 10px;
}

.box-formular .body {
padding: 20px 20px 0px 20px;
}

.box .top-left, .box .top-right, .box .bottom-left, .box .bottom-right {
background:transparent url(../images/r.gif) no-repeat scroll 0 0;
display:block;
font-size:0;
line-height:0;
position:relative;
height:3px;
width:3px;
}

.top-left, .bottom-left {
float:left;
}
.top-right, .bottom-right {
float:right;
}
.top-left, .top-right {
margin-bottom:-3px;
}
.top-left {
margin-right:-3px;
}
.bottom-left {
margin:-3px -3px 0 0;
}
.bottom-right {
margin-top:-3px;
}
.top-left {
left:0;
top:0;
}
.box .top-left {
left:-1px;
top:-1px;
}
.top-right {
background-position:right top !important;
right:0;
top:0;
}
.box .top-right {
right:-1px;
top:-1px;
}
.bottom-left {
background-position:left bottom !important;
bottom:-1px;
left:0;
}
.box .bottom-left {
bottom:-1px;
left:-1px;
}
.bottom-right {
background-position:right bottom !important;
bottom:-1px;
right:0;
}
.box .bottom-right {
bottom:-1px;
right:-1px;
}


/* Produkt-Detail */

.produkt-detail {
margin:  0 0 24px 0;
}

.produkt-detail-head {
width: 620px;
height: 16px;
background:  url(../images/prod_detail_head_bg.gif) no-repeat 0px 0px;
}

.produkt-detail-body {
position: relative;
width: 570px;
padding: 0 30px 0 20px;
background:  url(../images/prod_detail_body_bg.gif) repeat-y 0px 0px;
}

.produkt-detail-foot {
width: 620px;
height: 40px;
padding: 41px 0 0 0;
background:  url(../images/prod_detail_foot_bg.gif) no-repeat 0px 0px;
text-align: center;
}

.produkt-detail-body .prod-bild-gross {
float: left;
width: 280px;
overflow: hidden;
text-align: center;
}

.produkt-detail-body h2 {
position: relative;
float: left;
width: 256px;
margin: 0 0 0 20px;
padding-bottom: 10px;
}

.produkt-detail-body p {
position: relative;
float: left;
width: 256px;
margin: 0 0 0 20px;
padding: 0;
}

.produkt-detail-body p strong.neu {
display: block;
text-indent: -9999px;
font-size: 1px;
position: absolute;
margin-top: 10px;
margin-left: -65px;
width: 52px;
height: 43px;
background:  url(../images/neu_stern.png) no-repeat 0px 0px;
}
* html .produkt-detail-body p strong.neu {
background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/neu_stern.png', sizingMethod='scal'); /* PNG Hack */
}

.produkt-detail-body p strong.exklusiv {
display: block;
text-indent: -9999px;
font-size: 1px;
height: 37px;
width: 85px;
margin: 10px 0px 0px 0px;
background:  url(../images/nur_bei_toys.png) no-repeat 0px 0px;
}
* html .produkt-detail-body p strong.exklusiv {
background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/nur_bei_toys.png', sizingMethod='scal'); /* PNG Hack */
}

.produkt-detail-body p span.shoponline {
display: block;
text-indent: -9999px;
font-size: 1px;
height: 44px;
width: 140px;
}
.produkt-detail-body p strong.shoponline a {
position: relative;
display: block;
z-index: 999;
height: 44px;
width: 140px;
margin: 30px auto 0px auto;
background:  url(../images/flag_tru_shop.gif) no-repeat 0px 0px;
}

.produkt-detail-body p span.shopzilla {
display: block;
text-indent: -9999px;
font-size: 1px;
height: 38px;
width: 268px;
}

.produkt-detail-body p strong.shopzilla a, .produkt-detail-body p strong.shopzilla-at a {
position: relative;
display: block;
z-index: 999;
width: 268px;
margin: 30px auto 0px auto;
}

.produkt-detail-body p strong.shopzilla a {
background:  url(../images/button_produktbewertung.jpg) no-repeat 0px 0px;
height: 38px;
}

.produkt-detail-body p strong.shopzilla-at a {
background:  url(../images/button_produktbewertung_at.jpg) no-repeat 0px 0px;
height: 33px;
}

.produkt-detail-body p span.preis {
display: block;
z-index: 990;
margin-top: 20px;
height: 31px;
width: 105px;
text-align: center;
background:  url(../images/preis_bg_tru_detail.gif) no-repeat 0px 0px;
}

.produkt-detail-body p span.streichpreis {
display: block;
position: relative;
top: 8px;
margin-top: 0px;
height: 40px;
width: 105px;
text-align: center;
background:  url(../images/preis_streich_bg_tru_detail.gif) no-repeat 0px 0px;
}

.produkt-detail-body p span.streichpreis strike {
display: block;
float: left;
margin: 3px 0 0 20px;
line-height: 12px;
font-size: 11px;
color: #fff;
}
* html .produkt-detail-body p span.streichpreis strike {
margin: 4px 0 0 8px;
}

.produkt-detail-body p span.preis b {
position: relative;
top: 5px;
font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 1.8em;
color: #fff;
}

.produkt-detail-body p span.streichpreis b {
top: 1px;
}

.produkt-detail-body p span.preis i {
display: block;
position: absolute;
z-index: 99;
margin-top: -25px;
left: 80px;
height: 48px;
width: 73px;
color: #e3004f;
font-style: normal;
font-weight: bold;
padding-top: 12px;
background:  url(../images/gespart_stern.png) no-repeat 0px 0px;
}
* html .produkt-detail-body p span.preis i {
background:none;
margin-top: 0px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/gespart_stern.png', sizingMethod='scal'); /* PNG Hack */
}
* +html .produkt-detail-body p span.preis i { margin-top: 0px; }

.produkt-detail-body p span.streichpreis i { margin-top: -35px; }
* html .produkt-detail-body p span.streichpreis i { margin-top: -3px; }
* +html .produkt-detail-body p span.streichpreis i { margin-top: -3px; }

p span sup {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
top:-2px;
}

div.produkt-detail p small {
display: none;
}

.produkt-detail-body p a {
display: block;
position: absolute;
margin: -35px 0 0 140px;
height: 41px;
width: 130px;
color: #fff;
font-size: 1px;
text-indent: -9999px;
background:  url(../images/button_wunschzettel_tru.gif) no-repeat 0px 0px;
}

.produkt-detail-body p a.wunsch-aktiv {
background:  url(../images/button_wunschzettel_tru.gif) no-repeat 0px -43px;
}

ul.prod-navi {
width: 560px;
padding-left: 70px;
}

.prod-navi-finanz {
padding-left: 20px !important;
}

ul.prod-navi li {
margin: 0;
list-style-type: none;
float: left;
}

ul.prod-navi li a {
display: block;
margin: 0 6px 0 0;
height: 34px;
font-size: 1px;
color:#fff;
text-indent: -9999px;
}

ul.prod-navi li a.prod-print { width: 103px; background:  url(../images/but_produkt_print_tru.gif) no-repeat 0px 0px; }
ul.prod-navi li a.prod-print:hover { background-position: 0px -34px; }

ul.prod-navi li a.prod-market { width: 93px; background:  url(../images/but_produkt_findmarket_tru.gif) no-repeat 0px 0px; }
ul.prod-navi li a.prod-market:hover { background-position: 0px -34px; }

ul.prod-navi li a.prod-tell { width: 112px; background:  url(../images/but_produkt_tellfriend_tru.gif) no-repeat 0px 0px; }
ul.prod-navi li a.prod-tell:hover { background-position: 0px -34px; }

ul.prod-navi li a.prod-finanz { width: 92px; background:  url(../images/but_produkt_finanzkauf_tru.gif) no-repeat 0px 0px; }
ul.prod-navi li a.prod-finanz:hover { background-position: 0px -34px; }

ul.prod-navi li a.prod-back {
width: 35px;
margin-right: 25px;
background:  url(../images/but_produkt_zurueck_tru.gif) no-repeat 0px 0px;
}

ul.prod-navi li a.prod-fw {
width: 35px;
margin-left: 15px;
background:  url(../images/but_produkt_next_tru.gif) no-repeat 0px 0px;
}


/* Produkt-Uebersicht*/

div.produkt {
position: relative;
float: left;
display: inline;
width: 140px;
height: 165px;
margin: 0 20px 30px 0;
text-align: center;
}

div.produkt p a {
text-decoration: none !important;
cursor: pointer;
}

div.produkt .prod-bild-klein {
width: 140px;
height: 140px;
overflow: hidden;
}

div.produkt p {
position: absolute;
color: #0055a0;
font-size: 1.1em;
line-height: 1.2em;
width: 120px;
padding: 15px 10px 0 10px;
}
* html div.produkt p { position: relative; display: inline  }
* +html div.produkt p { position: relative; }

div.produkt p strong {
display: block;
height: 27px;
width: 120px;
overflow: hidden;
font-weight: normal;
}

/* spar-Stern */
.produkt p a span i.gespart {
z-index: 99;
display: block;
position: absolute;
margin-top: -50px;
margin-left: -10px;
left: 80px;
height: 48px;
width: 73px;
color: #e3004f;
font-style: normal;
font-weight: bold;
font-size: 1.1em;
line-height: 0.9em;
padding: 16px 0 5px 26px;
background:  url(../images/gespart_stern.png) no-repeat 0px 0px;
}
* html .produkt p span i.gespart {
background:none;
margin-left: -75px;
margin-top: -25px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/gespart_stern.png', sizingMethod='scal'); /* PNG Hack */
}
* +html .produkt p span i.gespart { margin-top: -25px; }


/* Exklusiv-Label */

div.produkt p strong i.nurhier {
z-index: 99;
display: block;
position: absolute;
margin-top: -50px;
left: 20px;
height: 21px;
width: 49px;
font-size: 1px;
text-indent: -9999px;
background:  url(../images/nur_bei_toys_klein.png) no-repeat 0px 0px;
}
* html div.produkt p strong i.nurhier {
background:none;
left: -45px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/nur_bei_toys_klein.png', sizingMethod='scale'); /* PNG Hack */
}


/* Neu-Stern */
div.produkt p strong i.neustern {
display: block;
position: absolute;
text-indent: -9999px;
font-size: 1px;
margin-top: -64px;
margin-left: 60px;
height: 43px;
width: 52px;
background:  url(../images/neu_stern.png) no-repeat 0px 0px;
}
* html div.produkt p strong i.neustern {
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customer/images/neu_stern.png', sizingMethod='scale'); /* PNG Hack */
}



/* Preis */
div.produkt p a span {
display: block;
padding: 0 0 0 10px;
margin-top: -58px;
height: 27px;
width: 110px;
text-align: left;
background:  url(../images/preis_bg_tru.gif) no-repeat 0px 0px;
}

div.produkt p span b {
position: relative;
top: 5px;
font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 1.8em;
color: #fff;
}
* html div.produkt p span b { top: 4px; } /* IE6 */
* +html div.produkt p span b { top: 4px; } /* IE7 */

div.produkt p small {
display: none;
}

div.produkt div.del-wunsch a {
display: block;
position: absolute;
z-index: 99;
margin-top: -140px;
left: 115px;
height: 14px;
width: 14px;
text-align: right;
background:  url(../images/wunsch_del_tru.gif) no-repeat 0px 0px;
}
* + html div.produkt div.del-wunsch a {/* IE7 */
margin-top: -190px;
}




/* Downloads */
.box-download {
display: inline !important;
float: left;
margin: 0 20px 20px 0;
width: 138px;
height: 198px;
}
.box-download .body {
height: 196px;
padding: 2px 0 0 0;
}

.box-download p {
margin: 0 8px 3px 8px;
}

.box-download p strong {
color: #0057a3;
font-size: 1.0em;
}

.box-download p small {
display: block;
height: 35px;
overflow: hidden;
font-size: 0.92em;
text-align: left;
}

#content .box-download a.download-link {
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
width: 120px;
height: 19px;
background:  url(../images/button_download.gif) no-repeat;
}

.box-download div {
text-align: center;
width: 135px;
height: 105px;
overflow: hidden;
}

.box-download div.produktbild {
margin: 0 0 3px 2px;
}

/* Downloadbox mit flexibler Hoehe */
.box-download-flexible {
height: auto;
}

.box-download-flexible .body {
height: auto;
}


/* Newsuebersicht */
.news-abschnitt {
margin: 0 70px 10px 0;
}

.news-abschnitt h2 {
font-size: 1.4em;
margin: 0 0 6px 0;
}

.news-abschnitt b {
text-align: center;
background:  url(../images/datum_bg.gif) no-repeat;
padding: 6px 0 0 0;
margin: 0 12px 0 0;
height: 65px;
width: 53px;
}

.news-abschnitt b big,
.news-abschnitt b span,
.news-abschnitt b small {
display: block;
color: #0057a3;
}

.news-abschnitt b,
.news-abschnitt strong {
float: left;
display: inline;
}

#content .news-abschnitt a { /* allgemeiner linkstil */
text-decoration: underline;
}

#content .news-abschnitt a:hover {
text-decoration: none;
}

#content .news-abschnitt .news-desc a { /* links als news-ueberschrift */
font-weight: bold;
text-decoration: none;
}

#content .news-abschnitt .news-desc a:hover {
text-decoration: underline;
}

#content .news-abschnitt b a {/* datum als link */
text-decoration: none;
}

#content .news-abschnitt b a:hover {
text-decoration: none;
}

.news-abschnitt b big {
font-family: "comic sans ms";
font-size: 2.1em;
line-height: 1.2em;
font-weight: bold;
}

.news-abschnitt b span {
font-size: 1.4em;
line-height: 1.4em;
}

.news-abschnitt b small {
font-size: 1.1em;
}

.news-abschnitt .mehr-link {
font-size: 1.0em;
display: inline;
font-weight: bold;
}


/* 404-Seiten - benoetigen die klasse deadlink auf dem body */
body.deadlink #wrapper {
background: url(../images/themes/tru_teich/bg_content_404.gif) top center no-repeat;
}

body.deadlink #kontext,
body.deadlink #content {
margin: 49px 0 0 0;
}

body.deadlink #content ul {
width: 440px;
line-height: 1.8em;

}

body.deadlink #content ul li {
line-height: 1.66em;
margin: 0 0 0 15px;
list-style-type: square;
}

body.deadlink #kontext img {
margin: 0 0 0 10px;
}


/* Marktsuchergebnisliste */
#content .marktliste {
margin: 0 0 27px 0;
}

#content .marktliste a {
background: url(../images/marktliste_bg.gif) no-repeat;
text-decoration: none;
padding: 8px 0 0 10px;
margin: 0 0 1px 0;
display: block;
width: 470px;
height: 27px;
}

#content .marktliste a:hover {
background: url(../images/marktliste_bg_hover.gif) no-repeat;
}

#content .marktliste a p {
color: #000;
}

#content .marktliste a p strong {
color: #0055a0;
}

.marktliste li {
list-style-type: none;
}


/* e-card-uebersicht */
.e-card-container {
float: left;
margin: 0 30px 3px 0;
}

.e-card-container img {
margin: 0 0 7px 0;
display: block;
}


/* Tabellen */
#content table {
width: 480px;
margin: 0 0 12px 0;
}

#content table th {
background-color: #C2E2F4;
padding: 5px 8px 5px 8px;
font-weight: bold;
font-size: 1.2em;
text-align: left;
}

#content table td {
vertical-align: top;
font-size: 1.2em;
padding: 6px 8px 5px 8px;
border-bottom: 1px solid #e1e1e1;
}

#content table tr.last td {
border-bottom: none;
}

/* Tabellen ueber volle Breite */
#content table.table-fullsize {
width: 620px;
}

*html #content table.table-fullsize {
width: 560px;
}

#content table.table-fullsize th,
#content table.table-fullsize td {
padding-left: 14px !important;
}

#content table.table-fullsize th {
padding: 0 8px 0 8px;
height: 25px;
background-color: #0055a0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}

*+html #content table.table-fullsize th {
height: 24px;
}

#content table.table-fullsize th.left {
width: 160px;
background: #0055a0 url(../images/th_bg_left.gif) left no-repeat;
}

#content table.table-fullsize th.right {
width: 350px;
background: #0055a0 url(../images/th_bg_right.gif) right no-repeat;
}

#content table.table-fullsize td {
background-color: #C2E2F4;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 8px 4px 8px;
}

#content table.table-fullsize td.left {
background: #C2E2F4 url(../images/td_bg_left.gif) left no-repeat;
}

#content table.table-fullsize td.right {
background: #C2E2F4 url(../images/td_bg_right.gif) right no-repeat;
}

/* Markenuebersicht */
.markenuebersicht-container {
height: 134px;
width: 103px;
margin: 0 30px 29px 0;
float: left;
text-align: center;
overflow: hidden;
}

.markenuebersicht-container-breit {
width: 139px;
height: 160px;
margin: 0 20px 10px 0;
display: inline;
}

#content .markenuebersicht-container a {
text-decoration: none;
}

#content .markenuebersicht-container-breit a {
text-decoration: none;
}

#content .markenuebersicht-container a:hover span {
text-decoration: underline !important;
}

.markenuebersicht-container img {
margin: 0 0 2px 0;
}

.markenuebersicht-container span {
display: block;
font-size: 1.2em;
line-height: 1.1em;
}


/* suchergebnisseite */
.suchergebnisseiten-navi {
background: #c2e2f4 url(../images/suchergebnis_navi_bg_corners_top.gif) top left no-repeat;
margin: 0 0 15px 0;
width: 605px;
}

.suchergebnisseiten-navi .corners {
background: url(../images/suchergebnis_navi_bg_corners_bottom.gif) bottom left no-repeat;
min-height: 20px;
padding: 8px 10px 8px 10px;
width: 585px;
display: block;
}

* html .suchergebnisseiten-navi .corners {
height: 20px;
}

.suchergebnisseiten-navi-bottom {
margin: 30px 0 28px 0;
}

.suchergebnisseiten-navi p {
float: left;
display: inline;
margin: 0;
width: 400px;
}

#content .suchergebnisseiten-navi ul {
text-align: center;
margin: 0;
color: #000;
}

#content .suchergebnisseiten-navi li {
display: inline;
list-style-type: none;
padding: 0 2px 0 2px;
margin: 0 3px 0 3px;
font-weight: bold;
}

#content .suchergebnisseiten-navi li a.back {
background: url(../images/pfeil-links-blau-gross.gif) left 3px no-repeat;
padding: 0 0 0 12px;
margin: 0 20px 0 0;
font-weight: bold;
}

#content .suchergebnisseiten-navi li a.forward {
background: url(../images/pfeil-rechts-blau-gross.gif) right 3px no-repeat;
padding: 0 12px 0 0;
margin: 0 0 0 20px;
font-weight: bold;
}

#content .suchergebnisseiten-navi a.weiter {
background: url(../images/pfeil-rechts-blau-gross.gif) center right no-repeat;
font-size: 1.2em;
float: right;
display: inline;
padding: 0 11px 0 0;
margin: 2px 0 0 0;
text-decoration: none;
}


.dropdown-navi { /* Fuer mehrere Dropdowns in einer Zeile */
text-align: center;
}

.dropdown-navi form,
.dropdown-navi ul {
display: inline;
}


#content .suchergebnisseiten-navi a.weiter:hover {
text-decoration: underline;
}

.suchergebnis-search {/* suchformular fuer erneute suche */
float: left;
background: url(../images/suchergebnis_search_bg.gif) no-repeat;
height: 65px;
width: 277px;
margin: 0 26px 40px 0;
padding: 15px 0 0 15px;
}

.suchergebnis-search p {
margin: 0 0 8px 0;
}

.suchergebnis-search strong {
color: #fff;
}

.suchergebnis-search #suchergebnis-search-input {
background: url(../images/suchergebnis_search_input.gif) no-repeat;
float: left;
width: 206px;
height: 19px;
margin: 0 10px 0 0;
padding: 3px 0 0 4px;
font-size: 1.3em;
border: 0;
}

.suchergebnis-search #suchergebnis-search-submit {
float: left;
}

.suchergebnis-search-alternatives {/* alternative suchergebnis-anzeige */
float: left;
width: 270px;
padding: 5px 0 0 0;
margin: 0 0 40px 0;
}

.suchergebnis-search-alternatives p {
margin: 0;
}

#content .suchergebnis-search-alternatives ul {
margin: 0;
padding: 0;
line-height: 1.2em;
}

.suchergebnis-search-alternatives li {
list-style-type: none;
font-size: 0.92em;
display: inline;
}

.suchergebnis-liste {/* highlighting des suchbegriffes */
width: 605px;
margin: 0 0 25px 0;
}

.suchergebnis-liste em {/* anzeige der eigentlichen suchergebnisse */
background-color: #ffffcc;
font-style: normal;
}


.suchergebnis-liste small {
font-size: 1.1em;
color: #0055a0;
}

.suchergebnis-liste small a {
background: url(../images/breadcrumb_listenpunkt.jpg) 0 4px no-repeat;
padding: 0 0 0 7px;
}

.suchergebnis-liste h2 {
border-bottom: 1px solid #b2cce3;
line-height: 1.5em;
padding: 0 0 4px 0;
margin: 0 0 2px 0;
}

#content .suchergebnis-liste h2 a {
text-decoration: none;
}

#content .suchergebnis-liste h2 a:hover {
text-decoration: underline;
}

.suchergebnis-liste h2 span {
margin: 0 0 0 20px;
color: #666;
font-size: 0.79em;
font-weight: normal;
}

.suchergebnis-liste p {
margin: 0 0 1px 0;
line-height: 1.3em;
}


/* fusszeile content - disclaimer */
#disclaimer {
text-align: center;
margin: 35px 0 0 0;
}

#disclaimer small {
font-size: 1.1em;
}


/* GeschenkCard */

#geschenkcard-imagemap,
#geschenkcard-orderonline,
#geschenkcard-guthabenabfragen,
#geschenkcard-guthabenabfragen img,
#geschenkcard-captchainput,
#geschenkcard-submit {
float: left;
}

#geschenkcard-guthabenabfragen {
margin-left: 20px;
}

*+html #geschenkcard-orderonline,
*+html #geschenkcard-guthabenabfragen {
margin-top: -3px;
}

#geschenkcard-submit {
margin: 5px 0 0 21px;
}


/* GeschenkCard Checkout */

ul#geschenkcard-checkout li {
display: block;
float: left;
height: 27px;
font-size: 1px;
text-indent: -9999px;
margin: 0 0 20px -15px;
}

ul#geschenkcard-checkout li.step1-active {
width: 245px;
background: url(../images/checkout1_active.gif) no-repeat;
}

ul#geschenkcard-checkout li.step1 {
width: 245px;
background: url(../images/checkout1.gif) no-repeat;
}

ul#geschenkcard-checkout li.step2-active {
margin-left: -12px;
width: 211px;
background: url(../images/checkout2_active.gif) no-repeat;
}

ul#geschenkcard-checkout li.step2 {
margin-left: -12px;
width: 211px;
background: url(../images/checkout2.gif) no-repeat;
}

ul#geschenkcard-checkout li.step3-active {
margin-left: -12px;
width: 187px;
background: url(../images/checkout3_active.gif) no-repeat;
}

ul#geschenkcard-checkout li.step3 {
margin-left: -12px;
width: 187px;
background: url(../images/checkout3.gif) no-repeat;
}

/* GeschenkCard Pick Card Form */

#pick-card label,
#pick-card label.last-label {
margin: 0 19px 20px 0;
width: 141px;
height: 76px;
cursor: pointer;
display: block;
position: relative;
float: left;
}

#pick-card label.last-label {
margin: 0 0 20px 0;
}

#pick-card label .pick-card-radio {
position: absolute;
top: 10px;
left: 2px;
}

#pick-card label img {
position: absolute;
top: 0;
right: 0;
}


/* GeschenkCard Pick Package Form */

.package-item {
display: inline;
float: left;
width: 300px;
margin: 0 20px 20px 0;
zoom: 1;
position: relative;
}

.package-item label {
margin: 0;
cursor: pointer;
display: block;
padding: 0 0 0 20px;

}

.package-item label span {
font-weight: bold;
display: block;
height: 20px;
}

.package-item label.last-label {
margin: 0 0 20px 0;
}

.package-item label .pick-package-radio {
position: absolute;
top: 2px;
left: 2px;
}

.package-item a {
float: right !important;
font-size: 1.1em;
margin: 4px 0 0 0;
}


/* Context-Spalte */

#kontext {
padding: 0 0 0 20px;
}

#kontext .body h3 span {
visibility: hidden;
}

/* Bild */

.bild-context {
margin-bottom: 20px
}

/* Markenfinder */
.markenfinder .body img {
margin: 0 0 10px 0;
}

.markenfinder .body select {
margin-top: 10px;
width: 100%;
border: 1px solid #7F9DB9;
}

/* Marktsuche */
.marktsuche  {
position: relative;
}

.marktsuche .body div {
height: 44px;
width: 48px;
background: url(../images/context_marktsuche_icon.gif) no-repeat;
position: absolute;
top: 5px;
left: -10px;
}

.marktsuche .body #marktsuche-input,
.marktsuche .body #marktsuche-submit {
float: left;
}

.marktsuche .body #marktsuche-input {
width: 100px;
margin: 1px 5px 0 34px;
display: inline;
color: #00549D;
}

.marktsuche .body #marktsuche-submit {
width: 32px;
height: 22px;
margin: 0;
background: url(../images/submit_button.gif) top left no-repeat;
}

.marktsuche .body h3 {
width: 120px;
background: url(../images/context_headline_marktsuche.gif) no-repeat;
float: left;
margin: 0 0 6px 34px;
display: inline;
}

/* Newsletteranmeldung */
.newsletter  {
position: relative;
}

.newsletter .body div {
height: 39px;
width: 34px;
background: url(../images/context_newsletter_icon.gif) no-repeat;
position: absolute;
left: -8px;
top: 5px;
}

.newsletter .body h3 {
width: 138px;
height: 36px;
background: url(../images/context_headline_newsletter.gif) no-repeat;
float: left;
margin: 0 0 0 24px;
display: inline;
}

.newsletter .body p {
margin: 0 0 5px 0;
float: left;
}

.newsletter .body #newsletter-input,
.newsletter .body #newsletter-submit {
float: left;
}

.newsletter .body #newsletter-input {
width: 135px;
margin: 2px 4px 0 0;
color: #00549D;
}

.newsletter .body #newsletter-submit {
width: 32px;
margin: 0;
height: 22px;
background: url(../images/submit_button.gif) top left no-repeat;
}


/* Geschenkefinder */
.geschenkefinder {
position: relative;
background-color: #9ccb0b;
border: 1px solid #9ccb0b;
}

.geschenkefinder .body label {
margin: 0 20px 0 0;
}

.geschenkefinder .body select {
background-color: #cee585;
border: 0;
width: 100%;
margin: 0 0 10px 0;
padding: 3px;
}

.geschenkefinder .body h3 {
width: 138px;
height: 36px;
background: url(../images/context_headline_geschenke.gif) no-repeat;
float: left;
display: inline;
margin: 0 0 16px 0;
}

.geschenkefinder .body div {
height: 70px;
width: 65px;
background: url(../images/geschenkefinder_icon.gif) no-repeat;
position: absolute;
right: 5px;
top: -7px;
}

.geschenkefinder .body div.fakelabel {
width: auto;
height: 1%;
position: relative;
display: block;
background: none;
margin:  0 0 5px 5px;
}

/* Wunschzettel-Anzeige im context */
.wunschzettel-context {
background: url(../images/wunschzettel_context_bg.gif) no-repeat 10px 0;
height: 62px;
margin: 0 0 20px 0;
}

.wunschzettel-context span,
.wunschzettel-context h3,
.wunschzettel-context a {
float: left;
}

.wunschzettel-context span {
font-size: 1.3em;
font-weight: bold;
color: #fff;
margin: 24px 33px 0 31px;
}

.wunschzettel-context h3 {
background: url(../images/wunschzettel_kontext_headline.jpg) no-repeat;
width: 114px;
height: 12px;
margin: 16px 0 4px 0;
}

.wunschzettel-context a {
font-size: 1.2em;
color: #0055A0;
font-weight: bold;
padding: 0 0 0 11px;
background: url(../images/pfeil_rechts_wunschzettel_k.gif) no-repeat 0 2px;
}


/* Navigation links 1.Ebene */

div.navi-links {
width: 200px;
margin: 0 0 20px 0;
}

div.navi-links ul {
margin: 0;
width: 200px;
}

div.navi-links ul li a {
display: block;
font-size: 1.2em;
font-weight: bold;
color: #00549d;
background: #c2e2f4;
width: 185px;
padding: 6px 5px 6px 10px;
text-decoration: none;
}

div.navi-links ul li a:hover,
div.navi-links ul li a.active {
background: #00549d;
color: #fff;
}

div.navi-links ul li {
border-bottom: 1px solid #fff;
}


div.navi-links ul li a.active {
border: none;
background: #00549d !important;
}

div.navi-links ul li a.first {
background: url(../images/navi_links_rundeecken_oben.gif) no-repeat #c2e2f4;
}

div.navi-links ul li a.first-active {
background: #00549D url(../images/navi_links_rundeecken_oben.gif) no-repeat scroll 0% 0% !important;
color: #fff !important;
}

div.navi-links ul li a:hover.first {
background:  url(../images/navi_links_rundeecken_oben.gif) no-repeat #00549d;
}

div.navi-links ul li a.last {
background:  url(../images/navi_links_rundeecken_unten.gif) no-repeat bottom #c2e2f4;
border: none;
}

div.navi-links ul li a:hover.last {
background:  url(../images/navi_links_rundeecken_unten.gif) no-repeat bottom #00549d;
border: none;
}

div.navi-links ul li a.last-active {
background: #00549D url(../images/navi_links_rundeecken_unten.gif) no-repeat scroll center bottom;
border: medium none;
color: #fff !important;
}

div.navi-links ul li ul li a.last {
background: #00549D url(../images/navi_links_unten.gif) no-repeat scroll center bottom !important;
}

div.navi-links ul li ul li a:hover.last {
background: #00549D url(../images/navi_links_unten_active.gif) no-repeat scroll center bottom !important;
}

div.navi-links ul li ul li a.last-active {
background: #00549D url(../images/navi_links_unten_active.gif) no-repeat scroll center bottom !important;
color: #78C1E8 !important;
}


/* Navigation links 2.Ebene */
div.navi-links ul li ul li {
border-bottom: none;
}

div.navi-links ul li ul li a {
font-size: 1.2em;
font-weight: normal;
color: #fff;
width: 175px;
padding: 0 5px 5px 20px;
border-bottom: 0px;
text-decoration: none;
background: url(../images/navi_links_bullet.gif) no-repeat 10px 5px #00549d;
}

div.navi-links ul li ul li a:hover,
div.navi-links ul li ul li a.active {
background: url(../images/navi_links_bullet_active.gif) no-repeat 10px 5px #00549d !important;
color: #78c1e8;
}


/* Footer */

#footer-content ul {
height: 20px;
}

#footer-content ul li {
padding: 0 14px 10px 11px;
border-right: 1px solid #9ccb0b;
display: inline;
}
*html #footer-content ul li {padding: 0 10px 10px 11px;}
*+html #footer-content ul li {line-height: 1.9em;}

#footer-content ul li.clean {
border-right: none;
}

#footer-content ul li.clean-trenner {
border-right: none;
margin: 0 220px 0 0;
}

#footer-content ul a {
font-size: 1.2em;
color: #fff;
}

#footer-content ul a:hover {text-decoration: underline;}

#footer-content ul small {
font-size: 0.9em;
color: #9ccb0b;
margin: 0 75px 0 72px;
}


/* allgemeine Formularelemente */

input[type="hidden"] {
float: none;
display: none;
}

.formular input, .formular textarea, .formular select {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
border: 1px inset #abadb3;
padding: 2px 2px;
}

.formular label {
font-size: 1.2em;
}

.formular select {
padding: 0;
}

.formular input.submit {
width: auto !important;
border: 0 !important;
padding: 0 !Important;
margin: 0;
}



/* Formulare */

.formular fieldset { /* teilt Formular in Einzelabschnitte */
border-bottom: 1px solid #fff;
padding: 10px 0;
margin: 0 0 10px 0;
}

.formular fieldset.no-border {
border-bottom: 0;
margin-bottom: 0;
padding: 10px 0 0 0;
}

.formular h3 {
font-size: 1.4em;
margin: 0 0 5px 0;
padding: 0;
background: none;
}

.formular label,
.formular label.gewinnspiel span,
.fakelabel span { /* fakelabel wird angewendet, wenn mehr als ein label in einer Zeile verwendet wird */
float: left;
display: inline;
font-weight: bold;
font-size: 1.2em;
width: 130px;
margin: 0 10px 10px 0;
padding: 4px 0 0 0;
background: transparent;
}

.formular label.gewinnspiel span {
font-size: 1em;
margin: 0;
padding: 0;
width: 350px;
}

.fakelabel label {
float: none;
width: auto;
font-weight: normal;
}

.fakelabel span label {
font-size: 1em;
margin: 0;
font-weight: bold;
}

.optiongroup label {
font-weight: normal;
}

label small {
line-height: 1.3em;
}

.fakelabel span.pflicht {
float: none;
width: auto;
margin: 0;
padding: 0;
font-size: 1em;
}

.formular input,
.formular select,
.formular textarea {
margin: 0 4px 10px 0;
width: 280px;
display: inline;
float: left;
padding: 2px 4px 3px 4px;
}

.formular textarea {
height: 80px;
overflow: auto;
}

.formular select {
width: 290px;
padding: 1px 0 1px 0;
}

.formular input.submit {
margin: 0 0 10px 0;
padding: 0;
float: right;
}

p.form-hinweis small {
font-size: 0.935em;
padding-right: 2px;
}

.inline-hinweis {
font-size: 1.2em;
float: left;
padding: 4px 0 0 0;
}

input.radio,
input.checkbox {
margin: 5px 5px 0 0;
height: 12px;
width: 12px;
padding: 0;
float: left;
border: 0;
}

input.checkbox {
height: 14px !important;
width: 14px !important;
}

label.radio,
label.checkbox {
margin: 0 20px 0px 0;
float: left;
width: auto;
}

input.input-mini {
width: 20px;
}

select.input-small, input.input-small {
width: 65px;
}

select.input-medium, input.input-medium {
width: 200px;
}

input.input-student {
width: 200px;
}

label.checkbox-student {
margin-right: 5px;
margin-left: 10px;
}

textarea.fullwidth {
width: 420px;
}

.optiongroup {
margin: 0 0 10px 0;
}

.optiongroup-zweispaltig {
width: 160px;
float: left;
}

.optiongroup input {
float: left;
margin: 4px 6px 0px 0;
}

.optiongroup label {
position: relative;
top: 0px;
float: left;
}
* html .optiongroup label {
top: -3px;
}
.optiongroup .form-hinweis {
margin-top: 5px;
}

.option-long input {
display: block;
float: left;
margin: 4px 6px 0px 0;
}

.option-long label {
display: block;
position: relative;
top: 0px;
float: left;
font-weight: normal;
width: 400px;
}
* html .option-long label { top: -3px; }
* +html .option-long label { top: -3px; }

/* Captcha */

.captcha p,
.captcha img {
float: left;
margin: 0 8px 0 0;
font-weight: bold;
}

.captcha p {
padding-top: 6px;
}

.captcha label {
float: left;
width: 100px;
}

.captcha label input {
width: 110px;
}

/* Dynamischer Button */

button {
display: block;
float: right;
width: auto;
padding: 0;
overflow: visible;
border: 0 none;
background: none;
font-size: 1.2em;
font-weight: bold;
color:#fff;
cursor: pointer;
}

button span {
background: transparent url(../images/form_submit_bg_mid_tru.gif) repeat-x 0px 0px;
display: block;
}

button span span {
background: transparent url(../images/form_submit_bg_left_tru.gif) no-repeat left top;
display: block;
}

button span span span {
padding: 3px 11px 7px 11px;
background: transparent url(../images/form_submit_bg_right_tru.gif) no-repeat right top !important;
display: block;
}
* html button span span span { padding: 2px 11px 5px; }
* +html button span span span { padding: 2px 11px 5px; }

.submitbox {
margin-top: -19px;
}

.submitbox .body {
padding: 5px 20px 5px 20px;
/* text-align: right; */
}

.submitbox .body p {
margin: 0 0 5px 0;
}

/* Formular Erfolgsmeldung */

.formsuccess {
min-height: 85px;
padding: 0 0 0 140px;
background: url(../images/form_success_tru.gif) no-repeat 15px 0;
margin-bottom: 10px;
font-weight: bold;
}

.formsuccess h4 {
font-size: 1.4em;
color: #679c13;
margin-bottom: 10px;
}


/* Formular Errorhandling */

.formerror {
min-height: 100px;
padding: 0 0 0 140px;
background: url(../images/form_error_tru.gif) no-repeat 0 0;
margin-bottom: 10px;
font-weight: bold;
}

.formerror h4 {
font-size: 1.2em;
color: #e3004f;
margin-bottom: 10px;
}


p.pflichthinweis {
font-size: 1.1em;
margin: 0 0 5px 0;
}

span.pflicht,
label.pflichterror,
span.pflichterror,
.pflichterror span,
.pflichterror label,
small.pflichterror,
h3.pflichterror {
color: #e3004f;
}

input.pflichterror,
select.pflichterror,
submit.pflichterror,
textarea.pflichterror {
border: 1px solid #e3004f;
}

a.formlink {
color: #00408A !important;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline !important;
}

a.formlink:hover {
text-decoration: none !important;
}

p a.formlink {
font-size: 1em;
}


/* GeschenkCard Formular */

.geschenkcard-formular .box-formular .body {
padding: 18px 0 8px 25px;
}

.geschenkcard-formular fieldset {
margin: 0;
border: 0;
padding: 0;
position: relative;
}

.geschenkcard-formular label,
.geschenkcard-formular .fakelabel span {
width: 106px;
}

.geschenkcard-formular input {
margin-top: 1px;
width: 45px;
height: 15px;
}

p#geschenkcard-currency-text {
position: absolute;
top: 37px;
left: 180px;
}

p#geschenkcard-info-text,
p#geschenkcard-info-message {
font-size: 1.1em;
}

p#geschenkcard-info-text {
width: 174px;
position: absolute;
top: -2px;
left: 245px;
}

.geschenkcard-formular .geschenkcard-submit-body,
.formular .geschenkcard-submit-body {
margin: 0;
padding: 6px 0 6px 389px !important;
}

.geschenkcard-formular .submitbox {
margin: -19px 0 0 0;
padding: 0;
}

.geschenkcard-formular input#geschenkcard-bu-weiter,
.formular input#geschenkcard-bu-weiter {
margin-top: 0;
border: 0;
padding: 0;
width: auto;
height: auto;
}

.geschenkcard-formular input#geschenkcard-bu-weiter,
.formular input#geschenkcard-bu-weiter {
margin: 0;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}



/* Lightbox Inhalte */
#lighbox-content {
background: #0055a0;
}

#lighbox-content ol li {
font-size: 1.2em;
line-height: 1.5em;
list-style: decimal;
margin: 0 0 5px 19px;
}

* html #lighbox-content ol li {
margin-left: 22px;
}

/* Fix IE7 */
* + html #lighbox-content .bildlinks,
* + html #lighbox-content .bildrechts,
* + html #lighbox-content .bildmitte {
height: auto;
}

#lightwindow_contents {
background-color: #0055a0;
}

#wrapper-tellafriend,
#wrapper-bookmarks,
#wrapper-mailimage {
width: 590px;
padding: 20px;
background: #0055a0;
position: relative
}

#wrapper-mailimage h2 {
color: #fff;
}

#wrapper-tellafriend h2 {
width: 422px;
height: 36px;
background: transparent url(../images/taf_headline.gif) no-repeat left top;
font-size: 1px;
text-indent: -999px;
}

.lightbox-body span.head {
display: block;
width: 591px;
height: 48px;
background: transparent url(../images/lightbox_head.gif) no-repeat left top;
}

.lightbox-body span.foot {
display: block;
width: 591px;
height: 65px;
background: transparent url(../images/lightbox_foot.gif) no-repeat left top;
margin-top: -15px;
}

.lightbox-body .taf-body {
position: relative;
width: 551px;
background: #c2e2f4;
padding: 20px 20px 0px 20px;
}

.taf-body .formular {
position: relative;
width: 440px;
top: -40px;
padding: 0;
line-height: 1em !important;
}

.taf-body .formular button {
margin-right: 15px;
}

* html .taf-body .formular button {
line-height: 1.3em !important;
}
* +html .taf-body .formular button {
line-height: 1.3em !important;
}

.taf-body .formular .captcha label {
float: left;
width: 80px;
}

.taf-body .formular .captcha label input {
width: 90px;
}

span.taf-geoffrey {
display: block;
position: absolute;
height: 268px;
width: 107px;
background: transparent url(../images/taf_geoffrey.gif) no-repeat left top;
left: 485px;
margin-top: 40px;
}

.wrapper-bookmarks {

}
.wrapper-bookmarks ul {
margin-top: 20px;
}

.wrapper-bookmarks ul li a {
display: block;
float: left;
height: 22px;
width: 128px;
background: #fff;
padding: 3px 5px;
margin: 4px 4px 4px 7px;
color:#000;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

* html .wrapper-bookmarks ul li a { margin: 4px 4px 4px 4px; }


.wrapper-bookmarks ul li a:hover {
color:#0055a0;
}

.wrapper-bookmarks ul li a img {
float: left;
padding-right: 5px;
}

.wrapper-bookmarks ul li a span {
position: relative;
top: 3px;
line-height: 1.3em;
}


/* E-Mail-Image */

.mailimage-choice {
background: #fff !important;
padding: 10px !important;
display: block !important;
width: 165px !important;
position: relative;
height: 56px;
margin: 0 0 10px 0;
}

.mailimage-choice span {
float: left;
display: inline;
width: 20px;
margin-left: 0;
position: relative;
top: 47%;
margin-top: -7px;
}
*html .mailimage-choice span {top: 40%;}

.mailimage-choice img {
float: left;
}

/* Listen in Lightbox */

.lightbox-body dl {
line-height: 1.0em;
font-size: 1.2em;
margin: 0 0 10px 0;
}

.lightbox-body dl dt {
color: #fff;
margin: 0 0 10px 0;
}

.lightbox-body dl dd {
float: left;
padding: 0 8px 0 8px;
border-left: 1px solid #fff;
}

.lightbox-body dl dd.first {
padding: 0 8px 0 0;
border-left: none;
}

.lightbox-body dl a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

.lightbox-body dl a:hover {
text-decoration: none;
}


/* Helferlein: am Ende der Datei belassen */

.printlogo {
display: none;
}

.clear {
clear: both;
margin: -1px 0px 0px 0px;  /* laesst 1px clear nach oben verschwinden */
height: 0px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 0px;
line-height: 0px;
width: 100%;
}

.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}

/* clearfix */

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

#iframefix {
position: fixed;
z-index: 1;
bottom: 0;
margin: 0px auto;
overflow: hidden;
background: none;
height: 70px;
}

#iframefix-02,
#iframefix-03 {
display: none;
}