/******************************************************************************
 *                                                                    2007-11 *
 * Project | Märklin.de Redesign 2007                                         *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *           Jürgen Schley <j.schley@21torr.com>                              *
 *                                                                            *
 * Package | Page                                                             *
 ******************************************************************************/


/* General */

body {
  font: normal 70%/1.3em Arial, Helvetica, sans-serif !important;
  color: #535353;
  background: #efefef url(/site-templates/maerklin-relaunch/img/bg.jpg) 0 0 repeat-x;
  border-top: 1px solid #f5f5f5;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
*+html body { margin: 0; } /* IE 7 */
* html body { margin: 0; } /* IE 6 */

body#popup {
  /*background: #ffffff url(/site-templates/maerklin-relaunch/img/bg.popup.gif) no-repeat;*/
  background-color: #ffffff;
  background-image: none;
  margin: 21px 0 0 15px;
  padding: 0;
}
*+html body#popup { margin: 0; padding: 21px 0 0 15px; }

body#popup2 {
  background-color: #ffffff;
  background-image: none;
  margin: 0;
  padding: 0;
}

div, p, ul, ol, form, input, select, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #444444;
}

p, div.li-text {
  font-size: 1.1em;
  line-height: 1.3em;
}
div#content p, div#content div.li-text { width: 490px; }
*+html div#content p { width: 475px; } /* IE 7 */
*+html div#content div.li-text { width: 475px; } /* IE 7 */
* html div#content p { width: 475px; } /* IE 6 */
* html div#content div.li-tex { width: 475px; } /* IE 6 */

img {
  border: 0;
}

* html a { position: relative !important; } /* Wichtig wegen PNG-Filter für IE 6!!! */
.flashhelp { position: relative !important; }

div#main {
  width: 1014px;
  text-align: left;
  padding: 0;
}
html>body div#main { background: url(/site-templates/maerklin-relaunch/img/bg.main.png) 0 0 repeat-y; } /* MOZ */
* html div#main { background: url(/site-templates/maerklin-relaunch/img/bg.main.gif) 0 0 repeat-y; } /* IE 6 */

#meta-nav {
  width: 1000px;
  height: 29px;
  background: url(/site-templates/maerklin-relaunch/img/bg-metanav.png) 0 0 no-repeat;
  margin: 0 0 0 7px;
  overflow: hidden;
}

#meta-nav a {
  font-size: 12px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: block;
  float: left;
  margin: 7px 0 0 35px;
}

#meta-nav a:hover {
  color: #ff0000;
}

#meta-nav a.international {
  background: url(/site-templates/maerklin-relaunch/img/globe.png) 0 0 no-repeat;
  padding: 8px 0 6px 33px;
  margin: 0 400px 0 28px;
  float: left;
  display: block;
}

* html #meta-nav a.international {
  background: url(/site-templates/maerklin-relaunch/img/globe.jpg) 0 0 no-repeat;
  margin-left: 14px;
}

#googlebox {
  float: right;
  padding: 0 22px 0 0;
  width: 178px;
}

#googlebox .gsib_b {
  display: none !important;
}

#googlebox div,
#googlebox td {
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

#googlebox input {
 color: #333 !important;
 float: left !important;
 font-size: 14px !important;
 width: 130px !important;
 height: 23px !important;
 padding: 0 10px !important;
 margin: 2px 0 0 0 !important;
 border: none !important;
 background: url(/site-templates/maerklin-relaunch/img/gs-bg.png) 0 0 no-repeat !important;
}

* html #googlebox input {
 padding-top: 3px !important;
}

#googlebox .gsc-search-button input {
  background: url(/site-templates/maerklin-relaunch/img/gs-btn.png) 0 0 no-repeat !important;
  padding: 5px 8px 5px 9px !important;
  margin: 3px 0 0 0 !important;
  width: 13px !important;
  height: 13px !important;
  text-indent: -2000px !important;
  overflow: hidden !important;
}

* html #googlebox .gsc-search-button input {
  background: url(/site-templates/maerklin-relaunch/img/gs-btn.jpg) 0 0 no-repeat !important;
}

#googlebox .gsc-search-button input:hover {
  background-position: 0 -23px !important;
}

.gsc-completion-container {
  opacity: 0.98;
}

.gsc-above-wrapper-area {
  margin-left: 4px !important;
  margin-right: 5px !important
}

.gsc-result-info-container {
  display: none !important;
}

.gs-title {
  color: #444 !important;
}

.gs-title:hover {
  color: #ff0000 !important;
}

.gsc-control-cse {
  padding: 0 !important;
}

.gsc-url-top {
  margin-bottom: 5px !important;
}

.gsc-result-info,
.gsc-table-result,
.gsc-url-top,
.gsc-thumbnail-inside {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.gsc-webResult .gsc-result {
  padding: 15px 0 !important;
  margin-left: 4px !important;
  border-bottom: 1px solid #ebebeb !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none !important;
}

.gsc-result-info,
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #888 !important;
}

.gsq_a td {
  font-size: 12px !important;
}

a#maerklin-logo {
  display: block;
  float: right;
  margin: 35px 27px 3px 0;
}

a#myworld-logo {
  display: block;
  margin: -11px 0 0 846px;
}

div.cframe-visual { padding-left: 27px; }

#main-nav {
  list-style-type: none;
  margin: 62px 27px 0 42px;
  border-bottom: 1px solid #fff;
}

#main-nav li {
  display: block;
  float: left;
  padding: 0 15px 0 0;
}

#main-nav a {
  font-size: 12px;
  color: #757575;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 0.02em;
}

#main-nav a:hover,
#main-nav strong a {
  color: #ff0000;
  font-weight: normal;
}

/* End of Site Links */

div#endofsitelinks { border-top: 1px solid #ebebeb; margin: 27px 6px 6px 5px; padding: 8px 0 0 2px; }
div#endofsitelinks a { color: #868686 !important; font-size: 1.1em; }


/* Footer */

div#footer {
  background: url(/site-templates/maerklin-relaunch/img/bg.footer.jpg) 0 0 no-repeat;
  text-align: right;
  padding: 27px 27px 0 27px;
  margin-top: 20px;
  height: 14px; /* important for IE 6 */
}

#home #footer {
  margin-top: 0;
  padding-top: 8px;
  background: url(/site-templates/maerklin-relaunch/img/bg-home-footer.jpg) 0 0 no-repeat;
}

div#footer ul a {
  float: left;
  text-decoration: none;
  color: #444444;
  display: block;
  margin: 0 12px -1px 2px;
  background: url(/site-templates/maerklin-relaunch/img/footer.arrow.gif) 0 5px no-repeat;
  padding-left: 10px;
}
*+html div#footer ul a { background-position: 0 6px; }
* html div#footer ul a { background-position: 0 6px; }
div#footer ul a:hover { color: #ff0000; background-position: 0 -6px; }
*+html div#footer ul a:hover { background-position: 0 -5px; }
* html div#footer ul a:hover { background-position: 0 -5px; }

div#footer ul {
  margin: 0 0 -1px 0;
  padding: 0;
  list-style: none;
  float: right;
  width: 760px;
  height: 1%; /* important for IE 6 */
}
* html div#footer ul { margin: 0 0 -2px 0; } /* IE 6 */

div#footer ul li {
  float: right;
  display: inline;
  margin: 0 0 0 10px;
  padding-left: 10px;
}

div#footer ul li.copyright { padding-right: 0; }

div#footer ul li strong { float: left; }

div#footer ul li a {
  display: block;
  float: left;
  text-decoration: none;
  color: #444444;
  margin: 7px 0 0 0;
  background: url(/site-templates/maerklin-relaunch/img/footer.arrow.gif) 0 5px no-repeat;
  padding-left: 10px;
}
*+html div#footer ul li a { background: url(/site-templates/maerklin-relaunch/img/footer.arrow.gif) 0 6px no-repeat; }
* html div#footer ul li a { background: url(/site-templates/maerklin-relaunch/img/footer.arrow.gif) 0 6px no-repeat; }

div#footer ul li a:hover, div#footer ul li strong a  { color: #ff0000; font-weight: normal; background-color: transparent; background-position: 0 -6px; }
*+html div#footer ul li a:hover  { background-position: 0 -5px; }
*+html div#footer ul li strong a  { background-position: 0 -5px; }
* html div#footer ul li a:hover  { background-position: 0 -5px; }
* html div#footer ul li strong a  { background-position: 0 -5px; }


/* No-Sub */

.content-nosub p, .content-nosub div.li-text { width: 620px !important; }
div.content-nosub div#endofsitelinks { margin: 27px 0 0 5px; width: 958px !important; }

a.social {
  width: 22px;
  height: 22px;
  background: url(/site-templates/maerklin-relaunch/img/socialicons.gif) 0 0 no-repeat;
  overflow: hidden;
  display: block;
  float: left;
  margin: 3px 8px 0 0;
}

#TW { background-position:0 -32px; }
#NL { background-position:0 -64px; }
#AP { background-position:0 -96px; }