/*
File: uniform.css
File: global.css
File: boxes.css
File: shop.css
File: thickbox.css
*/


/*
    RESET HTML ELEMENT DEFAULT VALUES
    Media group: visual (handheld, print, projection, screen, tty, tv)
*/

* {
    margin: 0;
    padding: 0;
}
html, body, img {
    border: 0; /* IE (html, body) */
}
html, body, legend {
    color: #000; /* IE (legend) */
}
html, body, select, option {
    background: #fff;
}
ul {
    list-style: none;
}
ol {
    margin-left: 40px;
}
cite, em, q {
    font-style: italic;
}
fieldset {
    border: 0 solid transparent; /* Opera 7 */
}
blockquote,
optgroup,
address,
abbr[title],
acronym[title],
dfn[title] {
    font-style: normal;
}
optgroup, strong {
    font-weight: bold;
}
optgroup option {
    padding-left: .5em;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    empty-cells: show;
}
td, th {
    vertical-align: top;
    text-align: left;
}
hr {
    display: none;
}
abbr[title], acronym[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
q {
    quotes: '' '' '' '';
}
i {
	font-style: normal;
}

html,
body {
    width: 100%;
    background: #e0e5ea;
/* @night
    background: #131f2d;
*/
}
html {
    font-size: 100.1%;
}
body {
    font-size: .6875em;
}
*+html body { font-size: .69em; }
* html body { font-size: .69em; }

body,
input {
    font-family: Tahoma, sans-serif;
}
#mainwrapper_s,
#mainwrapper_m,
#mainwrapper_l,
h1,
h2,
h3,
h4,
input,
select,
option,
button {
    font-size: 100.1%;
}
a, a span {
    text-decoration: none;
}
a:hover, a:hover span {
    text-decoration: underline;
}

#mainwrapper_s { width: 830px; }
#mainwrapper_m { width: 1030px; }
#mainwrapper_l { width: 1230px; }

#mainwrapper_s,
#mainwrapper_m,
#mainwrapper_l {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/**
 * ########## TOPBANNER ############
 */
#topbanner {
    height: 90px;
    margin-top: 10px;
    z-index: 2;
}

/**
 * ########## CONTENTBLATT ############
 */
#contentblatt {
    float: left;
    padding: 5px 5px 0;
    z-index: 1;
    background: #e0e5ea;
/* @night
    background: #131f2d;
*/
}
* html #contentblatt { height: 1%; overflow: visible; }

#mainwrapper_s #contentblatt, #mainwrapper_s #topbanner { width: 820px; }
#mainwrapper_m #contentblatt, #mainwrapper_m #topbanner { width: 1020px; }
#mainwrapper_l #contentblatt, #mainwrapper_l #topbanner { width: 1220px; }

#mainwrapper_s #maincolumn { width: 510px; }
#mainwrapper_m #maincolumn { width: 710px; }
#mainwrapper_l #maincolumn { width: 910px; }

/**
 * ########## BANNERCOLUMN ############
 */
#bannercolumn {
    width: 160px;
    height: 610px;
    padding-top: 10px;
    z-index: 3;
}

a,
#dashboard .dashpost {
    background: transparent url(/images/modern/link_sprite.gif) no-repeat -5000px -5000px;
}


#contentpart {
    clear: both;
    overflow: hidden;
    background: #e0e5ea;
/* @night
    background: #131f2d;
*/
    padding: 0 0 1.8182em;
    color: #1b3653;
    z-index: 1;
    position: relative;
}
* html #contentpart {
    overflow: visible;
    height: 1%;
}
a {
    color: #103050;
/* @night
    color: #eee;
*/
}
a:hover,
.ignoredinfo a {
    text-decoration: underline;
}
.ignoredinfo {
    margin-bottom: 10px;
}

/**
 * ################################################################################
 * ########### Sprites ############################################################
 * ################################################################################
 **/
div.box div.head,
div.broadcastdetailbox div.broadcastparts h4,
div.tabheader ul,
div.timeline,
#homepage div.boardnavbox div.head ul,
ul.stat,
div.groupheader,
table.listingtable thead th {
    background: #305070 url(/images/modern/background_stripeheaders.gif) repeat-x 0 -480px;
/* @night
    background-position: 0 -640px;
    background-color: #204060;
*/
}
a, span.date,
#ttclose,
div#postsearch div.close {
    background: transparent url(/images/modern/link_sprite.gif) no-repeat -1000px -1000px;
}


/**
 * ################################################################################
 * ########### LAYOUTS ############################################################
 * ################################################################################
 **/
#maincolumn {
    float: left;
    font-size: 11px;
}
#subcolumn {
    float: left;
    width: 310px;
}
.bannercolumn {
    float: left;
    width: 160px;
}

/**
 * -- fullmaincolumn ---------------
 *   subcolumn
 *   maincolumn
 *   bannercolumn
 **/
#mainwrapper_s #fullcolumn { width: 820px; }
#mainwrapper_m #fullcolumn { width: 1020px; }
#mainwrapper_l #fullcolumn { width: 1220px; }

/**
 * -- cornerimplementation --------------
 * if possible use new w3 implementation
 *    gecko: -moz-border-radius: .5em;
 *    webkit: -webkit-border-radius: .5em;
 *    w3: border-radius: .5em;
 **/
span.tc,
span.bc {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    z-index: 2;
}
span.tc { margin-bottom: 0; }
span.bc { margin-top: 0; }

span.tc .tm,
span.bc .tm {
    display: block;
    height: 0;
    margin: 0 9px;
    overflow: hidden;
}
/* additional class if corners have outer transparency... */
span.tco,
span.bco,
span.tco .tm,
span.bco .tm {
    height: 5px;
}

/* b-tag is left corner and i-tag is right corner... */
span.tc .lc,
span.tc .rc,
span.bc .lc,
span.bc .rc {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 9px;
    height: 9px;
}
span.tc .lc { top: 0;    left: 0;  }
span.tc .rc { top: 0;    right: 0; }
span.bc .lc { bottom: 0; left: 0;  }
span.bc .rc { bottom: 0; right: 0; }

span.tc span span,
span.bc span span {
    display: block;
    position: relative;
    width: 38px;
    height: 171px;
    overflow: hidden;
    background: url(/images/modern/corner_sprite_32bit.png) no-repeat 0 0;
}
*+html span.tc span span,
*+html span.bc span span {
    background-image: url(/images/modern/corner_sprite_8bit.png);
}
* html span.tc span span,
* html span.bc span span {
    background-image: url(/images/modern/corner_sprite_8bit.png);
}

/** corner inner transparency... */
span.tc .lc span {
    top: 0;
/* @night
    top: -38px;
*/
    left: 0;
}
span.tc .rc span {
    top: 0;
/* @night
    top: -38px;
*/
    left: -9px;
}
span.bc .lc span {
    top: -9px;
/* @night
    top: -47px;
*/
    left: 0;
}
span.bc .rc span {
    top: -9px;
/* @night
    top: -47px;
*/
    left: -9px;
}

/** corner outer transparency  add negative 15px to left of corner outer trans values... */
span.tco .tm,
span.bco .tm {
    background: #dfe4e9;
}
span.tco .lc span { top: 0;         left: -19px; }
span.tco .rc span { top: 0;         left: -28px; }
span.bco .lc span { top: -9px;      left: -19px; }
span.bco .rc span { top: -9px;      left: -28px; }
/*
... for corners in other colors add negative 15px to top every cornerline in corner_sprite.png. btw: boxcorner: 15px, content: 30px, form: 45px, blog: 60px ...
*/

.body span.tc span span {
    top: -19px;
/* @night
    top: -57px;
*/
}
.body span.bc span span {
    top: -28px;
/* @night
    top: -66px;
*/
}


/**
 * ############### BOXES #################
 **/
div.box {
    margin: 0 0 10px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
* html div.box div.body {
    position: relative;
}
div.box div.content {
    position: relative;
    padding: 10px;
    background: #fff;
/* @night
    background: #305070;
    color: #eee;
*/
}
div.box div.head {
    position: static;
}
* html div.box,
* html div.box div.head,
* html div.box div.body,
* html div.box div.content {
    overflow: visible;
    height: 1%;
}
div.box div.head h1,
div.box div.head h2,
div.box div.head h3,
div.box div.head h4,
.box .head strong {
    display: block;
    padding: 5px 10px;
    font-size: 136.37%;
    font-weight: bold;
}
div.box div.head h1,
div.box div.head h2,
div.box div.head h3,
div.box div.head h4,
div.box div.head h2 a,
div.box div.head h3 a,
div.box div.head h4 a {
    color: #eee;
}

/**
 * ############ FADEBOXES #################################
 **/
div.fadebox {
    margin-bottom: 0;
}
div.fadebox div.body {
    background: #fff url(/images/modern/background_fadebox.gif) repeat-x bottom left;
/* @night
    background: #305070 url(../../img/skin_modern/schema_night/background_fadebox.gif) repeat-x bottom left;
*/
}
div.fadebox div.content {
    padding-bottom: 30px;
    background: transparent none;
}
div.fadebox span.fgbtc {
    z-index: 3;
}
div.fadebox span.fbc {
    display: none;
}

/**
 * ############ GLOWBOXES #################################
 **/
div.glowbox,
div.glowboxinner,
#formatbrowser div.list ul {
    background: transparent url(/images/modern/glow-on-greyblue_vertical.gif) repeat-y 0 0;
/* @night
    background-image: url(../../img/skin_modern/glow-on-131f2d_vertical.gif);
*/
    z-index: 1;
}
* html #contentpart div.glowbox,
* html #contentpart div.glowboxinner {
    position: relative;
}
div.glowbox {
    margin: -5px;
}
div.glowboxinner {
    position: relative;
    background-position: 100% 0;
    padding: 5px;
}
span.gbtc,
span.gbbc {
    width: 100%;
}
* html span.gbtc { margin-bottom: -1px; height: 1px; }
* html span.gbbc { margin-top: -1px; height: 1px; }
*+html span.gbtc { margin-bottom: -1px; height: 1px; }
*+html span.gbbc { margin-top: -1px; height: 1px; }

span.gbbc { background-position: 0 100%; }

span.gbtc .tm,
span.gbbc .tm {
    position: absolute;
    left: 0;
    height: 5px;
    width: 100%;
    margin: 0;
    background: transparent url(/images/modern/glow_horizontal.gif) repeat-x 0 0;
    z-index: 1;
}
span.gbtc .tm {
    top: 0;
/* @night
    background-position: 0 -140px;
*/
}
span.gbbc .tm {
    bottom: 0;
    background-position: 0 -23px;
/* @night
    background-position: 0 -163px;
*/
}

span.gbtc .lc,
span.gbtc .rc,
span.gbbc .lc,
span.gbbc .rc {
    width: 14px;
    height: 14px;
    z-index: 2;
}
span.gbtc span span,
span.gbbc span span {
    width: 56px;
    height: 196px;
    background: transparent url(/images/modern/glowcorner_sprite_32bit.png) no-repeat 0 0;
}
*+html span.gbtc span span,
*+html span.gbbc span span {
    background-image: url(/images/modern/glowcorner_sprite_8bit.png );
}
* html span.gbtc span span,
* html span.gbbc span span {
    background-image: url(/images/modern/glowcorner_sprite_8bit.png );
}
span.gbtc .lc span {
    top: 0;
/* @night
    top: -140px;
*/
    left: 0;
}
span.gbtc .rc span {
    top: 0;
/* @night
    top: -140px;
*/
    left: -14px;
}
span.gbbc .lc span {
    top: -14px;
/* @night
    top: -154px;
*/
    left: 0;
}
span.gbbc .rc span {
    top: -14px;
/* @night
    top: -154px;
*/
    left: -14px;
}

div.body .glowbox,
div.body .glowboxinner,
#formatbrowser .list ul {
    background-image: url("/images/modern/glow-on-white_vertical.gif");
/* @night
    background-image: url("../../img/skin_modern/glow-on-305070_vertical.gif");
*/
}
div.body span.gbtc .tm {
    background-position: 0 -28px;
/* @night
    background-position: 0 -112px;
*/
}
div.body span.gbbc .tm {
    background-position: 0 -51px;
/* @night
    background-position: 0 -135px;
*/
}
div.body span.gbtc span span {
    top: -28px;
/* @night
    top: -112px;
*/
}
div.body span.gbbc span span {
    top: -42px;
/* @night
    top: -126px;
*/
}


/**
 * ############ FADEBOXES #################################
 **/
div.fadebox span.fgbbc span.lc,
div.fadebox span.fgbbc span.rc {
    width: 5px;
    height: 150px;
    background: url(/images/modern/glow-on-greyblue_verticalfade.gif) no-repeat 0 0;
/* @night
    background-image: url(../../img/skin_modern/glow-on-131f2d_verticalfade.gif);
*/
}
div.fadebox span.fgbbc span.lc {
    background-position: 0 0;
}
div.fadebox span.fgbbc span.rc {
    background-position: 100% 0;
}
div.fadebox span.fgbbc span span,
div.fadebox span.fgbbc span.tm {
    display: none;
}

div.fadeinbox {
    margin-top: -10px;
}
div.fadeinbox span.fgbtc {
    display: none;
}
div.fadeinbox div.glowbox {
    background: url(/images/modern/glow-on-greyblue_verticalfadein.gif) no-repeat left bottom;
/* @night
    background-image: url(../../img/skin_modern/glow-on-131f2d_verticalfadein.gif);
*/
}
div.fadeinbox div.glowboxinner {
    background: url(/images/modern/glow-on-greyblue_verticalfadein.gif) no-repeat right bottom;
/* @night
    background-image: url(../../img/skin_modern/glow-on-131f2d_verticalfadein.gif);
*/
}

div.fadeinbox div.content {
    background: transparent none;
    padding: 10px 0 0;
    overflow: hidden;
}
div.fadeinbox div.content div.box {
    margin-bottom: 5px;
}



/**
 * ################################################################################
 * ########### SMALL ELEMENTS #####################################################
 * ################################################################################
 **/
/** ########## Category/Columnheader ############ */
span.heading,
span.heading a {
    color: #406080;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
/* @night
    color: #fb0;
*/
}
span.heading {
    display: block;
}
/** ########## Category/Columnheader ############ */
a.iconlink,
a.more {
    padding-left: 12px;
    background-position: 0 3px;
/* @night
    background-position: 0 -397px;
*/
}
a.more {
    float: right;
}
* html a.more { width: 1%; }

span.content-highlight {
    background: #fb0;
    color: #204060;
}

/**
 * ################################################################################
 * ########### MODULES ############################################################
 * ################################################################################
 **/
/**
 * ########## TAGCLOUD ############
 */

div.tagcloud ul {
    width: auto;
}
div.tagcloud ul li {
    display: inline;
    margin-right: 6px;
    vertical-align: middle;
}
div.tagcloud ul {
    overflow: hidden;
    margin-bottom: .9192em;
}

div.tagcloud ul li h2,
div.tagcloud ul li h3,
div.tagcloud ul li h4,
div.tagcloud ul li h5,
div.tagcloud ul li h6 {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    line-height: 100%;
    background: transparent none !important;
}
div.tagcloud ul li h2 { font-size: 180%; }
div.tagcloud ul li h3 { font-size: 160%; }
div.tagcloud ul li h4 { font-size: 140%; }
div.tagcloud ul li h5 { font-size: 120%; }
div.tagcloud ul li h6 { font-size: 100%; }

#subcolumn div.tagcloud ul li h2 { font-size: 170%; }
#subcolumn div.tagcloud ul li h3 { font-size: 150%; }
#subcolumn div.tagcloud ul li h4 { font-size: 130%; }
#subcolumn div.tagcloud ul li h5 { font-size: 110%; }
#subcolumn div.tagcloud ul li h6 { font-size: 90%; }

div.tagcloud ul li a {
    float: none !important;
    display: inline !important;
    padding-right: 10px;
    white-space: nowrap;
    line-height: 1.2em;
    margin: 0 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    font-size: 100% !important;
}
* html div.tagcloud ul li a { line-height: 1.2em; }

/**
 * ########## STATISTICLINE ############
 */
ul.stat {
    height: 30px;
    overflow: hidden;
    background-position: 0 -160px;
}
ul.stat li {
    float: left;
    width: 33%;
}
ul.stat li a {
    display: block;
    border-right: 1px solid #507090;
    padding: 0 10px;
    font-weight: bold;
    line-height: 15px;
/* @night
    color: #103050;
    border-color: #204060;
*/
}
ul.stat li.last a {
    border-right: none;
}


/**
 * ########## SYSTEMBOX ############
 */
div.systemMessage div.content {
    background: #30af44 !important;
    color: #131f2d !important;
    padding: 5px 10px !important;
}

/**
 * ########## NOTIFIERBOXES ############
 */
div.notifierbox div.content {
    background: #55b05a;
    color: #fff;
}
div.notifier-error div.content {
    background: #fe6010;
}
div.notifierbox h6,
div.notifierbox p {
    margin-bottom: 5px;
    font-size: 100%;
}


/**
 * ########## forms ############
 */
input,
select,
option {
    color: #305070;
}
input.inputtext,
input.inputpassword {
    padding: 2px 5px 3px;
    font-size: 100%;
}
textarea,
input.inputtext,
input.inputpassword,
select {
    border: 1px solid #305070;
/* @night
    border-color: #204060;
*/
}
select,
option {
    padding: 1px;
}
input.inputcheck,
input.inputradio {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
}
*+html input.inputcheck {
    margin: -2px;
}

form div.formgroup {
    position: relative;
}
fieldset.formrow {
    margin-top: 10px;
    border-top: 1px solid #bbc6cc;
/* @night
    border-top-color: #131f2d;
*/
    padding-top: 5px;
}
fieldset.first {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
div.formline {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}
div.formline div.label {
    float: left;
    width: 120px;
}
div.formline div.label p {
    font-size: 10px;
    padding-top: 5px;
    line-height: normal;
    color: #8C9BA8;
/* @night
    color: #507090;
*/
}
div.size-xxl div.label {
    float: none;
    width: auto;
    margin-bottom: 5px;
}
div.size-xl  div.label { width: 15% }
div.size-l   div.label { width: 30% }
div.size-m   div.label { width: 50% }
div.size-s   div.label { width: 70% }
div.size-xs  div.label { width: 80% }

div.formline div.field {
    margin-left: 130px;
}
div.size-xxl div.field { margin-left: 0; }
div.size-xl  div.field { margin-left: 15%; }
div.size-l   div.field { margin-left: 30%; }
div.size-m   div.field { margin-left: 50%; }
div.size-s   div.field { margin-left: 70%; }
div.size-xs  div.field { margin-left: 80%; }

div.formline div.field select,
div.formline div.field label,
div.formline div.field input,
div.formline div.field .mtbutton,
div.formline select,
div.formline input.inputtext,
div.formline input.inputpassword {
    display: inline;
    margin-right: 5px;
    vertical-align: baseline;
}


div.formline div.field li {
    margin-bottom: 5px;
}
div.formline div.field label {
    line-height: 18px;
}
div.formline div.field div.fieldline {
    margin-bottom: 5px;
}

div.fckEditorInfo {
    float: right;
    width: 40%;
    text-align: right;
    margin-bottom: -20px; /* height of mode-tabnav */
}
div.fckHelpLink a {
    background-position: 0 2px;
    padding-left: 12px;
    padding-right: 5px;
}
div.save-message {
    display: block;
    margin: 0;
    padding: 3px 0 2px;
    font-size: 10px;
    text-align: right;
}

ul.mode-tabnav {
    clear: both;
    width: 55%;
    margin-bottom: -1px;
    overflow: hidden;
    z-index: 2;
}
* html ul.mode-tabnav { height: 1%; overflow: visible; }

ul.mode-tabnav li {
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 5px 10px;
    border: 1px solid #305070;
    border-bottom: none;
    background: #305070;
/* @night
    border-color: #131f2d;
    background: #204060;
*/
}
* html ul.mode-tabnav li { width: 1%; }

ul.mode-tabnav li a { color: #fff; white-space: nowrap; }

ul.mode-tabnav li.active {
    background: #fff;
/* @night
    background: #507090;
*/
}
ul.mode-tabnav li.active a {
    color: #103050;
/* @night
    color: #eee;
*/
}

div.editorWrapper {
    clear: both;
    border: 1px solid #305070;
    z-index: 1;
    overflow: hidden;
/* @night
    border-color: #131f2d;
*/
}
#mainwrapper_s div.editorWrapper { width: 478px; }
#mainwrapper_m div.editorWrapper { width: 678px; }
#mainwrapper_l div.editorWrapper { width: 878px; }

div.editorMessage {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #aaa;
    background: #f2f3f5;
/* @night
    border: 1px solid #131f2d;
    background: #204060;
*/
}
div.editorMessage a { text-decoration: underline; }
div.editorMessage a:hover { text-decoration: none; }

div.editorMessage p {
    margin-bottom: 10px;
}
div.editorMessage pre {
    white-space: pre-wrap;
}
div.editorField {
    padding: 5px;
}
div.editorFrame {
    padding: 0;
}
div.editorField textarea {
    border: none;
    padding: 0;
    width: 100%;
/* @night
    background: #305070;
    color: #eee;
*/
}
div.vbCommands {
    position: relative;
    background: #EFEFDE;
    border-bottom: 1px solid #aaa;
    padding: 2px 5px 6px;
    overflow: hidden;
}
* html div.vbCommands { overflow: visible; height: 1%; }

div.vbCommands ul.functionslist {
    overflow: hidden;
}
* html div.vbCommands ul.functionslist { overflow: visible; height: 1%; }

div.vbCommands ul.functionslist li {
    float: left;
    margin-right: 5px;
}
* html div.vbCommands ul.functionslist li { width: 1%; }

div.vbCommands ul.functionslist li a {
    border: 1px solid #f2f3f5;
    padding: 2px 5px 3px;
    overflow: hidden;
    line-height: 18px;
    color: #103050;
}
div.vbCommands ul.functionslist li a.active,
div.vbCommands ul.functionslist li a:hover {
    border-color: #316ac5;
    background: #dff1ff;
}
div.vbCommands ul.smilieslist {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 17px;
    height: 22px;
    overflow: hidden;
}
div.vbCommands ul.showsmilies { width: 210px; margin-left: -210px; }

div.vbCommands ul.smilieslist li {
    float: right;
    width: 17px;
    margin-left: 2px;
}
div.vbCommands ul.smilieslist li a {
    display: block;
    position: relative;
    width: 15px;
    height: 22px;
}
div.vbCommands ul.smilieslist li img {
    position: absolute;
    bottom: 0;
    left: 0;
}

div.buttonline {
    margin-bottom: 0;
    overflow: hidden;
}
div.buttonline .mtbutton {
    float: right;
    vertical-align: baseline;
    margin-left: 5px;
}


/**
 * ########## FUNCTIONS BUTTON LINE ############
 */
ul.functions {
    overflow: hidden;
}
ul.functions li {
    float: right;
    margin-left: 10px;
}
* html ul.functions li { width: 1%; }

/**
 * ########## USERLINK STYLES ############
 */
a.userlink, span.userlink {
    color: #b80 !important;    
/* @night
    color: #fb0 !important;
*/
}
span.userlink:hover {
    text-decoration:underline;
}

span.userlink, span.date {
    cursor:pointer;
}

a.moderator {
    color: #ed4d3d !important;
/* @night
    color: #fe6010 !important;
*/
}
a.online { font-weight: bold !important; }
a.offline { font-weight: normal !important; }

/**
 * ########## CLEAR ELEMENTS ############
 */
span.clearLeft,
span.clearRight,
span.clearBoth {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: 0 -1px -1px 0;
}
span.clearLeft { clear: left; }
span.clearRight{ clear: right; }
span.clearBoth { clear: both; }



#pageheaderReduced {
    border-radius: 6px 6px 6px 6px;
    margin: 0 0 15px;
    position: relative;
    z-index: 4;
}
#pageheaderface {
    background: none repeat scroll 0 0 #305070;
    border-radius: 6px 6px 0 0;
    margin: 0 5px;
    min-height: 73px;
    position: relative;
    z-index: 2;
}
* html #pageheaderface { height: 73px; }

#logoReduced {
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.headeranonym #logoReduced {
    width: 100%;
}
#logoReduced .img {
    display: block;
    height: 72px;
    width: 333px;
}
#logoReduced .img a {
    color: #FFFFFF;
    display: block;
    font-size: 30px;
    font-weight: bold;
    height: 100%;
    line-height: 47px;
    position: relative;
    text-indent: 40px;
    width: 100%;
}
#logoReduced .img span {
    background: url("/images/modern/logoReduced.jpg") no-repeat scroll 0 0 transparent;
    border-radius: 6px 0 0 0;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#logoReduced a.img img {
    display: none;
}
#sloganReduced,
#statsReduced {
    color: #EEEEEE;
    font-weight: normal;
    height: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 290px;
}
#sitenavigationReduced {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #FFFFFF;
    margin: 0 5px;
    position: relative;
    z-index: 1;
}
#tabnavSubnavPlaceholder {
    height: 35px;
}
.subnavview #tabnavSubnavPlaceholder {
    height: 19px !important;
}
.subnavfavview #tabnavSubnavPlaceholder {
    height: 10px !important;
}
#mainnavReduced {
    height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 4;
}
#mainnavReduced li {
    float: left;
    width: 155px;
}
#mainnavReduced li#navtabmarketplace {
    width: 163px;
}
#mainwrapper_s #mainnavReduced li {
    width: 120px;
}
#mainwrapper_s #mainnavReduced li#navtabmarketplace {
    width: 138px;
}
#mainwrapper_l #mainnavReduced li {
    width: 185px;
}
#mainwrapper_l #mainnavReduced li#navtabmarketplace {
    width: 213px;
}
#mainnavReduced a {
    background: url("/images/modern/sitenavigation_background.gif") no-repeat scroll 50% 0 #FFBB33;
    border-radius: 0 0 6px 6px;
    border-right: 1px solid #FFFFFF;
    color: #204060;
    display: block;
    font-weight: bold;
    height: 20px;
    line-height: 18px;
    text-align: center;
}
#mainnavReduced a.cur {
    background-color: #FFFFFF;
    background-position: 50% -90px;
}
#navtabhome,
#navtabcockpit {
    width: 36px !important;
}
#navtabhome a,
#navtabhome a.cur,
#navtabcockpit a {
    background-position: 0 -30px;
    text-align: left;
    text-indent: -5000px;
}
#navtabcockpit a {
    background-position: 100% -30px;
    border-right: 0 none;
}
#navtabcockpit a.cur,
#navtabcockpit a.hilite {
    background-position: 100% -90px;
}
#subnavReduced,
#subnavDrilldown,
#sitenavigationReduced #tabnavSubnav {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 6px 6px;
    color: #204060;
    display: block;
    height: 20px;
    margin: -9px 0 0;
    padding: 12px 0 0;
    position: relative;
    width: 1010px;
    z-index: 3;
}
#mainwrapper_s #subnavReduced,
#mainwrapper_s #subnavDrilldown,
#mainwrapper_s #sitenavigationReduced #tabnavSubnav {
    width: 810px;
}
#mainwrapper_l #subnavReduced,
#mainwrapper_l #subnavDrilldown,
#mainwrapper_l #sitenavigationReduced #tabnavSubnav {
    width: 1210px;
}
#subnavReduced li,
#subnavBrandnav li {
    float: left;
    position: relative;
}
* html #subnavReduced li,
* html #subnavBrandnav li { width: 50px; }

#subnavReduced div,
#subnavBrandnav .l,
#subnavBrandnav .menulabel {
    height: 15px;
    padding: 2px 10px 3px;
}
#subnavReduced a,
#subnavBrandnav a {
    color: #103050;
    white-space: nowrap;
}
#subnavReduced li a:hover {
    text-decoration: underline;
}
#subnavReduced li.current a,
#subnavBrandnav li.on .l {
    font-weight: bold;
}
#subnavReduced li.current .menubody a {
    font-weight: normal;
}
#subnavReduced .menubody .current a,
#subnavReduced li.current .menubody .current a,
#subnavReduced li li a.current {
    font-weight: bold !important;
}
#subnavReduced li.clickmenu .menulabel a,
#subnavReduced li.clickmenu .menulabel label,
#subnavReduced li.hovermenu .menulabel a,
#subnavReduced li.hovermenu .menulabel label {
    background-position: 100% -295px;
    padding-right: 12px;
}

* html .corner {
    background: url("/img/skin_modern/noncss3corner.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    overflow: hidden;
    position: absolute;
    width: 6px;
    z-index: 10;
}
* html .tcl {
    background-position: 0 0;
    left: 0;
    top: 0;
}
* html body.night .tcl {
    background-position: 0 -20px;
}
* html .tcr {
    background-position: -6px 0;
    right: 0;
    top: 0;
}
* html body.night .tcr {
    background-position: -6px -20px;
}
* html .bcl {
    background-position: 0 -6px;
    bottom: 0;
    left: 0;
}
* html body.night .bcl {
    background-position: 0 -26px;
}
* html .bcr {
    background-position: -6px -6px;
    bottom: 0;
    right: 0;
}
* html body.night .bcr {
    background-position: -6px -26px;
}
* html .subnavview .bcr, * html .subnavfavview .bcr {
    background-position: -6px -46px;
}
.ib, .menubody .listline, #tabnavSubnav li label, #tabnavSubnav li a, #tabnavSubnav li span, #subnavDrilldown .breadcrumb div, #subnavDrilldown .breadcrumb a, #subnavDrilldown .breadcrumb b, #subnavDrilldown li a, #subnavDrilldown li span {
    display: inline-block !important;
}
* html .ib, * html .menubody .listline, * html #tabnavSubnav li label, * html #tabnavSubnav li a, * html #tabnavSubnav li span, * html #subnavDrilldown .breadcrumb div, * html #subnavDrilldown .breadcrumb a, * html #subnavDrilldown .breadcrumb b, * html #subnavDrilldown li a, * html #subnavDrilldown li span {
    display: inline !important;
}
* + html .ib, * + html .menubody .listline, * + html #tabnavSubnav li label, * + html #tabnavSubnav li a, * + html #tabnavSubnav li span, * + html #subnavDrilldown .breadcrumb div, * + html #subnavDrilldown .breadcrumb a, * + html #subnavDrilldown .breadcrumb b, * + html #subnavDrilldown li a, * + html #subnavDrilldown li span {
    display: inline !important;
}


#footerwrapper {
    background: none repeat scroll 0 0 #305070;
    border-top-left-radius: 6px;
    clear: both;
    margin: 30px 5px 0;
    padding: 10px 0 5px !important;
    position: relative;
    width: 810px;
    z-index: 2;
}
#footerwrapper, #footerwrapper a {
    color: #FFFFFF;
    text-decoration: none;
}
#instanceinfo {
    padding: 15px 0 0 !important;
}
#shortnav {
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 3px;
}
#shortnav li {
    display: inline;
    margin-right: 10px;
}
#shortnav li a {
    background-position: 0 -397px;
    padding-left: 10px;
}
#instanceinfo {
    clear: both;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;
}
#instanceinfo li {
    display: inline;
    margin-right: 10px;
}
#topjumper {
    background-color: #305070;
    background-position: 16px -595px !important;
    border-radius: 6px 6px 6px 6px;
    height: 27px;
    margin-top: -15px;
    overflow: visible;
    padding: 0 5px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 1;
}
#topjumper span {
    font-size: 10px;
    height: 20px;
    padding-top: 18px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 0;
    white-space: nowrap;
    width: 100px;
}



/**
 * ########## SEARCHENGINE ##########
 **/
div.searchengineassistant div.content h4 {
    font-size: 14px;
    margin-bottom: 5px;
}
div.searchengineassistant div.content h4 strong {
    color: #8D0023;
    font-size: 15px;
}
div.searchengineassistant div.content a {
    background-position: -500px -500px;
/* @night
    color: #131f2d;
*/
}
*+html .searchengineassistant .content { overflow: hidden; }

div.searchengineassistant hr {
    clear: both;
    display: block;
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #131f2d;
    background: transparent none;
}
div.searchengineassistant a { text-decoration: underline; }
div.searchengineassistant p { margin-bottom: 5px; }

div.searchengineassistant p.forumTeaser {
    float: left;
    padding: 2px 0;
    font-size: 109.09%; /* 12px */
    width: 60%;
}
div.searchengineassistant p.otherTeaser {
    float: right;
    padding: 2px 0;
    font-size: 109.09%; /* 12px */
}
div.searchengineassistant p.forumTeaser img.avatar {
    float: left;
    margin: -2px 10px 2px 0;
}
div.searchengineassistant p.forumTeaser a {
    display: block;
    text-decoration: none;
}
div.searchengineassistant p.forumTeaser b {
    display: block;
    padding: 2px 0;
    font-size: 125%;    /* 15px */
    text-decoration: underline;
}
div.searchengineassistant form {
    clear: both;
    margin: -5px -10px 0 0;
}
div.searchengineassistant form .avatar {
    margin: 0 0 -5px 0;
}
div.searchengineassistant div.field input,
div.searchengineassistant div.field label,
div.searchengineassistant div.field select,
div.searchengineassistant div.field button {
    vertical-align: middle;
}
div.searchengineassistant div.field label {
    margin-right: 5px;
}
div.searchengineassistant div.field select,
div.searchengineassistant div.field .inputtext {
    margin-right: 10px;
}
#mainwrapper_s div.searchengineassistant select { width: 29%; }
#mainwrapper_m div.searchengineassistant select { width: 34%; }
#mainwrapper_l div.searchengineassistant select { width: 39%; }

#mainwrapper_s div.searchengineassistant .inputtext { width: 24%; }
#mainwrapper_m div.searchengineassistant .inputtext { width: 30%; }
#mainwrapper_l div.searchengineassistant .inputtext { width: 35%; }

#mainwrapper_s div.searchengineassistant #improvesearchtext { width: 55% !important; }
div.searchengineassistant #improvesearchtext { width: 65% !important; }

div.searchengineassistant button {
    margin: 0 0 -3px;
    vertical-align: text-bottom;
}


/**
 * ########## ICONBAR MODUL ##########
 **/
div.iconbar {
    clear: both;
}
div.iconbar,
div.iconbar ul {
    overflow: hidden;
}
* html div.iconbar { overflow: visible; height: 1%; }

div.iconbar div {
    position: relative;
}
div.iconbar h2 {
    float: left;
    padding-top: 1.4em;
}
div.iconbar ul {
    margin-bottom: 0;
    padding-top: 1.6em;
}
div.iconbar li {
    float: left;
    padding-left: 5px;
    width: 34px;
    height: 19px;
    overflow: hidden;
    background: transparent none !important;
}
div.iconbar li a {
    display: block;
    width: 35px;
    height: 19px;
    text-indent: -5000px;
}

div.adminsubdata {
    float: right;
    margin: 5px 0;
}
div.adminsubdata li,
div.adminsubdata li a {
    width: auto;
    display: inline;
    padding-left: 10px;
    background-image: none;
}

div.iconbar div span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 1.4em;
    white-space: nowrap;
    font-weight: bold;
}
div.iconbar div.createnew span {
    right: auto;
    left: 0;
}

div.iconbar div.adminsubdata,
div.iconbar div.trackback {
    float: left;
}
div.iconbar div.adminsubdata,
div.iconbar div.trackback,
div.iconbar div.moderator {
    margin-right: 20px;
}
div.iconbar div.adminsubdata a,
div.iconbar div.trackback a {
    margin: 0 5px 0 0;
}
div.iconbar .sorter,
div.iconbar .createnew,
div.iconbar .admin,
div.iconbar .author,
div.iconbar .thankyou,
div.iconbar .article,
div.iconbar .navigation {
    margin-left: 20px;
    float: right;
}

div.iconbar li a {
    background: transparent url(/images/modern/iconbar_sprite.gif) no-repeat -5000px -5000px;
/* @night
    background-image: url(/img/skin_modern/schema_night/iconbar_sprite.gif);
*/
}

div.iconbar li.left a         { background-position: 0      0; }
div.iconbar li.hideClosedThreads a,
div.iconbar li.up a           { background-position: -70px  0; }
div.iconbar li.showAllThreads a,
div.iconbar li.down a         { background-position: -140px 0; }
div.iconbar li.right a        { background-position: -210px 0; }

div.iconbar li.back a         { background-position: 0      -40px; }
div.iconbar li.top a          { background-position: -70px  -40px; }
div.iconbar li.bottom a       { background-position: -140px -40px; }
div.iconbar li.next a         { background-position: -210px -40px; }

div.iconbar li.globe a        { background-position: 0      -80px; }
div.iconbar li.delete a       { background-position: -70px  -80px; }
div.iconbar li.alarm a        { background-position: -140px -80px; }
div.iconbar li.check a        { background-position: -210px -80px; }

div.iconbar li.mail a         { background-position: 0      -120px; }
div.iconbar li.close a        { background-position: -210px -120px; }

div.iconbar li.complement a   { background-position: 0      -160px; }
div.iconbar li.print a        { background-position: -70px  -160px; }
div.iconbar li.removefaq a    { background-position: -140px -160px; }
div.iconbar li.addfaq a       { background-position: -210px -160px; }

div.iconbar li.search a       { background-position: -210px -200px; }

div.iconbar li.reply a        { background-position: 0      -280px; }
div.iconbar li.forward a      { background-position: -70px  -280px; }
div.iconbar li.addbuddy a     { background-position: -140px -280px; }
div.iconbar li.removebuddy a  { background-position: -210px -280px; }

div.iconbar li.ignoreuser a   { background-position: 0      -320px; }
div.iconbar li.removeignore a { background-position: -70px  -320px; }

div.iconbar li.subscribe a    { background-position: 0      -360px; }
div.iconbar li.unsubscribe a  { background-position: -70px  -360px; }

div.iconbar li.moderator a    { background-position: -278px -240px; }

/* edit function in blogs */
#blogentrylist div.iconbar li.publish a     { background-position: -278px -80px; }
#blogentrylist div.iconbar li.edit a        { background-position: -278px -120px; }
#blogentrylist div.iconbar li.complement a  { background-position: -278px -160px; }

div.iconbar li.newseller a,
div.iconbar li.extendseller a,
div.iconbar li.endseller a,
div.iconbar li.newbuyer a,
div.iconbar li.newthread a,
div.iconbar li.extendbuyer a,
div.iconbar li.endbuyer a,
div.iconbar li.newnews a,
div.iconbar li.quote a,
div.iconbar li.answer a,
div.iconbar li.closed a,
div.iconbar li.markread a,
div.iconbar li.comment a {
    background: transparent url(/images/modern/iconbar_text_sprite.gif) no-repeat -5000px -5000px;
/* @night
    background-image: url(/img/skin_modern/schema_night/iconbar_text_sprite.gif);
*/
}
div.iconbar li.newseller, div.iconbar li.newseller a        { width: 118px; background-position: 0 0; }
div.iconbar li.extendseller, div.iconbar li.extendseller a  { width: 144px; background-position: 0 -60px; }
div.iconbar li.endseller, div.iconbar li.endseller a        { width: 130px; background-position: 0 -120px; }
div.iconbar li.newbuyer, div.iconbar li.newbuyer a          { width: 109px; background-position: 0 -180px; }
.boardlist div.iconbar li.newthread,
.boardlist div.iconbar li.newthread a,
#threadlist div.iconbar li.newthread,
#threadlist div.iconbar li.newthread a                      { width: 106px; background-position: 0 -270px; }
div.iconbar li.newthread, div.iconbar li.newthread a        { width: 106px; background-position: 0 -240px; }
div.iconbar li.extendbuyer, div.iconbar li.extendbuyer a    { width: 136px; background-position: 0 -300px; }
div.iconbar li.endbuyer, div.iconbar li.endbuyer a          { width: 122px; background-position: 0 -360px; }
div.iconbar li.newnews, div.iconbar li.newnews a            { width: 92px; background-position: 0 -420px; }
div.iconbar li.quote, div.iconbar li.quote a                { width: 72px; background-position: 0 -480px; }
div.iconbar li.answer, div.iconbar li.answer a              { width: 89px; background-position: 0 -570px; }
div.iconbar li.closed, div.iconbar li.closed a              { width: 66px; background-position: 0 -600px; }
div.iconbar li.markread, div.iconbar li.markread a          { width: 75px; background-position: 0 -660px; }
div.iconbar li.comment, div.iconbar li.comment a            { width: 114px; background-position: 0 -720px; }


/**
 * ########## SCOREBOX MODUL ##########
 **/
div.scorebox {
    float: left;
    width: 175px;
    color: #204060;
}
div.scorebox c {
    padding: 0 0 .1818em;
    background: #fff;
}
div.scorecontent {
    background: #fff;
}
div.scorecontent h5 {
    padding: .1818em .4545em;
    text-align: center;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background: #657d95;
}
div.scorecontent .maininfo {
    float: none;
    padding: 0 .4545em .1818em;
    text-align: center;
}
div.scorecontent .scorecount {
    display: block;
    font-size: 16px;
    font-weight: bold;
}
div.scorecontent .scoredesc {
    display: block;
    font-size: 12px;
    font-weight: bold;
}
div.scorecontent .scorevotes {
    display: block;
    font-weight: bold;
}
div.scorecontent .scorevotes {
    display: block;
    font-weight: bold;
}
div.scorecontent .subinfo {
    padding: .1818em .4545em;
    background: #b9c4cf;
    text-align: center;
}
div.scorecontent .subinfo dt,
div.scorecontent .subinfo dd {
    display: inline;
    white-space: nowrap;
}
div.scorecontent .subinfo dt {
    font-weight: bold;
}


/**
 * ########## HUDDISPLAY MODUL ##########
 **/
span.huddisplay {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 25px;
}
span.huddisplay span.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    opacity: .8;
    background: #000;
}
* html span.huddisplay span.bg { filter:Alpha(opacity=80); }
*+html span.huddisplay span.bg { filter:Alpha(opacity=80); }

span.huddisplay span.hudcontent {
    position: absolute;
    padding: 5px 10px 0;
    color: #fff;
}


/**
 * ########## TABHEADER MODUL ##########
 **/
div.tabheader {
    clear: both;
}
div.tabheader ul {
    margin: 0;
    padding: 0;
    width: 100%;
    background-position: 0 -165px;
    background-color: #a7b3bd;
    overflow: hidden;
}
div.tabheader li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
div.tabheader li a {
    display: block;
    padding: 0 .9091em;
    line-height: 20px;
    height: 25px;
    color: #204060;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #507090;
}
div.tabheader li.last a {
    border-right: none;
}
div.tabheader li.current {
    background: #fff;
    z-index: 10;
/* @night
    background-color: #305070;
*/
}
div.tabheader li.current a {
    margin-right: -1px;
/* @night
    color: #eee;
*/
}
div.tabheader span.gbbc span.lc, div.tabheader span.gbbc span.rc { width: 9px; }
div.tabheader span.gbbc span.lc span { margin-left: -5px; }



/**
 * ########## TIMELINE MODUL ##########
 **/
div.timeline {
    position: relative;
    height: 30px;
    background-position: 0 -155px;
}
div.timeline .prev,
div.timeline .next {
    display: block;
    position: absolute;
    top: 0;
    width: 20px;
    height: 30px;
}
div.timeline div.timestream {
    margin: 0 20px;
    overflow: hidden;
}
div.timeline div.timestream ul {
    width: 5000px;
}
div.timeline div.timestream li {
    display: block;
    float: left;
    width: 570px;
}
div.timeline div.timestream li a {
    display: block;
    height: 30px;
    border-right: 1px solid #ddd;
}
div.timeline div.timestream li a * {
    display: block;
    font-weight: bold;
    text-align: center;
}
div.timeline div.timestream li a span {
    font-size: 9px;
}
div.timeline div.timestream ul ul {
    width: 570px;
    height: 30px;
}
div.timeline div.timestream li li {
    width: 80px;
}


/**
 * ########## EDITOR HELP BOXES ##########
 **/
div.editorhelpbox div.editorOutput h4 {
    margin-bottom: 5px;
}
div.editorhelpbox div.editorOutput code {
    margin: 0;
    white-space: pre-wrap;
}
div.editorhelpbox div.editorOutput p {
    margin-bottom: 10px;
}


/**
 * ########## USERLINKS ##########
 **/
a.userlink, span.userlink {
    padding-left: 0 !important;
}
a.userlink img  {
    margin-right: .4545em;
    vertical-align: middle;
}
span.userlink img {
    margin-right: .4545em;
    vertical-align: middle;
    display: inline;
}
a.online {
    font-weight: bold;
}


/**
 * ########## MT BUTTONS ##########
 **/
div.announcementbox div.head {
    background: #8d0023;
    position: relative;
}
div.announcementbox div.head strong {
    font-size: 13px;
    font-weight: bold;
    padding: 2px 10px 3px;
    display: block;
    color: #fff;
}
div.announcementbox div.head a.close,
div.announcementbox div.content button.close {
    background: transparent url(/images/modern/announcement_icons_sprite.gif) no-repeat 0 0;
}
div.announcementbox div.head a.close {
    background-position: 100% -48px;
    position: absolute;
    top: 0;
    right: 10px;
    padding: 2px 20px 3px 0;
    font-size: 13px;
    color: #fff;
}
div.announcementbox div.body {
    border: 2px solid #8d0023;
}
div.announcementbox div.content {
    padding: 5px 10px;
    background: #ffbb00;
    color: #103050;
}
div.announcementbox div.content form {
    padding: 2px 0 3px;
}
div.announcementbox div.content th,
div.announcementbox div.content td {
    padding: 0 10px 5px 0;
}
div.announcementbox div.content a {
    background-position: 0 3px;
/* @night
    color: #103050;
*/
}
div.announcementbox div.content a.userlink {
    background-position: -5000px -5000px;
    color: #103050 !important;
}
div.announcementbox span.tc span span {
    top: -133px;
/* @night
    top: -152px;
*/
}
div.announcementbox span.bc span span {
    top: -142px;
/* @night
    top: -161px;
*/
}
div.announcementbox div.content button.close {
    border: none;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -5000px;
}
div.announcementbox div.content td.buddy,
div.announcementbox div.content td.buddy a {
    white-space: nowrap;
}
div.announcementbox div.content td.birthDate {
    padding-top: 3px;
}


/**
 * ########## htmlannouncement ##########
 **/
#htmlannouncement div.content {
    padding: 0;
}
#htmlannouncement a.imageteaserlink {
    display: block;
    width: 100%;
    height: 144px;
    overflow: hidden;
    text-indent: -5000px;
}

/**
 * ########## MT BUTTONS ##########
 **/
button.mtbutton,
a.mtbutton {
    margin: 0;
    border: 0;
    padding: 0 0 2px 3px;
    height: 20px;
    cursor: pointer;
    background: transparent none;
    text-indent: 0 !important;
}
button.mtglowbutton,
a.mtglowbutton {
    height: 32px;
}
button.mtbutton img {
    display: block;
    margin: 0 0 0 -3px;
}
* html button.mtbutton,
* html a.mtbutton {
    display: inline-block;
}
*+html button.mtbutton,
*+html button.mtbutton {
    display: inline-block;
}
a.mtbutton:hover b span {
    text-decoration: none !important;
}
div.tabbutton {
    clear: both;
    margin-top: 20px;
}
div.tabbutton .mtbutton {
    display: block;
    margin: 0 auto;
    padding: 0;
    background: url("/images/modern/tabbutton_bg_sprite.gif") repeat-x -5000px -5000px;
}
div.tabbutton .defaultbutton {
    background-position: 0 10px;
/* @night
    background-position: 0 -70px;
*/
}
div.tabbutton .hilitebutton {
    background-position: 0 -30px;
/* @night
    background-position: 0 -110px;
*/
}






#mouseloadstatus {
    display: none;
}


/**
 * ########## POLLBOX ##########
 **/
div.pollwrapper {
    margin-bottom: 20px;
    position: relative;
    background: #bdc7d1;
/* @night
    background: #507090;
*/
}
* html div.pollwrapper {
    height: 1%;
    overflow: visible;
}
div.pollwrapper div.question {
    padding: 10px 15px 5px;
}
div.pollwrapper div.question h2 {
    font-size: 14px;
}
div.pollwrapper div.answers {
    padding: 10px 10px 10px 30px;
}
div.pollwrapper ul {
    list-style: none !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
}
div.pollwrapper li {
    margin-bottom: 10px;
}
div.pollwrapper div.answers li input {
    margin-right: 5px;
    font-size: 12px;
}
* html div.pollwrapper div.answers li label {
    margin-top: -20px;
}
div.pollwrapper div.answers table {
    width: auto;
}
div.pollwrapper div.answers td {
    border: none !important;
    padding: 5px;
}

div.pollwrapper div.answers col.result { width: 60px; }
div.pollwrapper div.answers col.stats { width: 80px; }

div.pollwrapper div.answers td {
    padding: 2px 5px 8px;
    font-size: 12px;
}
div.pollwrapper div.answers td.result div {
    float: left;
    margin: 2px 5px 3px 0;
    border: 1px solid #fb0;
    background: #fff;
/* @night
    border-color: #131f2d;
    background: #204060;
*/
    height: 10px;
    width: 60px;
}
div.pollwrapper div.answers td.result div span {
    display: block;
    height: 10px;
    background: #fb0;
/* @night
    background: #507090;
*/
    text-indent: -5000px;
}
div.pollwrapper div.answers td.result strong {
    font-size: 10px;
    font-weight: normal;
}
div.pollwrapper div.answers td.stats {
    white-space: nowrap;
    font-size: 11px;
    line-height: 12px;
    padding-right: 20px;
}


/**
 * ########## GALLERY ##########
 **/
div.galleryteaser {
    position: relative;
    clear: both;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 10px 0 0 10px;
    width: 260px;
    height: 198px;
    overflow: hidden;
    background: #bdc7d1;
/* @night
    background: #507090;
*/
}
div.galleryteaser .display {
    clear: both;
    display: block;
    position: relative;
    width: 250px;
    height: 188px;
    overflow: hidden;
}
div.galleryteaser .display img {
    position: relative;
    top: 50%;
    margin-top: -95px;
    width: 250px;
    height: auto;
}

div.galleryteaserfull {
    height: 250px;
}
div.galleryteaserfull span {
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
    width: 55px;
    height: 41px;
    overflow: hidden;
}
div.galleryteaserfull span img {
    position: relative;
    top: 50%;
    margin-top: -20px;
    width: 55px;
    height: auto;
}



#bannercolumn div.head h2,
#bannercolumn div.head h4,
#navcolumn div.head h2,
#navcolumn div.head h4 {
    font-size: 136.36%;  /* font size 15px */
    font-weight: bold;
}

#bannercolumn div.bannerboxes {
    margin-bottom: 10px;
}
#bannercolumn div.bannerboxes div.box {
    margin-bottom: 2px;
}
#bannercolumn div.bannerboxes div.content {
    padding: 4px;
    overflow: hidden;
}
#bannercolumn div.bannerboxes div.banner {
    padding-bottom: 10px;
    border-bottom: 1px solid #204060;
    margin-bottom: 5px;
}
#bannercolumn div.bannerboxes .last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
#bannercolumn div.bannerboxes div.banner h5 {
    padding: 2px 5px;
    font-size: 109.11%; /* font size 12px */
    text-align: center;
}


/**
 * ########## NOTIFIER ############
 */
#notifier {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 0 20px 30px 0;
}
* html #notifier { position: absolute; } /* IE6 Fix */

#notifier .dashpost {
    padding: 20px 10px 20px 26px;
    background-position: 10px 22px;
    color: #fff;
}
#notifier div.box {
    width: 200px;
    padding: 0;
    border: 2px solid #a5b3be;
    border-top: 0;
    background: #fff;
/* @night
    border-color: #fff;
    background-color: #204060;
*/
}
#notifier small {
    display: block;
    padding: 0 5px;
    font-size: 10px;
    background: #a5b3be;
    color: #103050;
/* @night
    background-color: #fff;
    color: #131f2d;
*/
}
#notifier small a {
    float: right;
    display: block;
    margin: -13px 0 0;     /* -13px 0 0 */
    width: 10px;
    color: #103050;
/* @night
    color: #131f2d;
*/
}
#notifier div.onlineBuddy br {
    display: none;
}
#notifier div.onlineBuddy .userlink {
    display: block;
    padding: 0;
    text-align: center;
}
#notifier div.onlineBuddy .userlink img {
    margin: 0;
}



div.editorOutput,
textarea.editorarea {
    font-size: 12px;
    line-height: 1.3em;     /* 18px */
}
div.editorOutput a {
    padding-left: 0 !important;
    text-decoration: underline !important;
    background: transparent none !important;
}
div.editorOutput,
textarea.editorarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.editorOutput table {
    margin: 0 0 .9091em;    /* 0 0 10px */
}
div.editorOutput table.editortable {
    border-collapse: collapse;
}
div.editorOutput table.editortable th,
div.editorOutput table.editortable td {
    padding: 5px;
    border: 1px solid #cad0d8;
/* @night
    border-color: #131F2D;
*/
}
table.signature,
table.moderatorfield {
    width: 100%;
    font-size: 80%;
    line-height: normal;
}
table.signature {
    border: 1px solid #CAD0D8;
/* @night
    border-color: #131f2d;
*/
}
table.moderatorfield {
    border: 1px solid #ED4D3D;
/* @night
    border-color: #507090;
*/
}

table.signature td,
table.moderatorfield td,
div.editorOutput table.output td {
    margin-left: 10px;
    padding: 10px;
    background: none !important;
    border: none !important;
}

div.editorOutput div.header {
    margin-bottom: .9091em;     /* 10px */
    padding-bottom: .9091em;     /* 10px */
}
div.editorOutput blockquote,
div.editorOutput .quote,
div.editorOutput q,
div.editorOutput quote {
    display: block;
    margin: .8333em 0 .8333em 1.25em;       /* 10px 0 10px 15px */
    border-left: 5px solid #cad0d8;
/* @night
    border-left-color: #507090;
*/
    padding-left: 5px;      /* 5px */
}
div.editorOutput blockquote span,
div.editorOutput .quote span,
div.editorOutput q span,
div.editorOutput quote span {
    display: block;
    padding: .4167em;       /* 5px 0 */
}
div.editorOutput .newscredit {
    padding: 1.5em 0 0;     /* 20px 0 0 */
}
div.editorOutput code,
div.editorOutput div.code {
    display: block;
    margin: .8333em 0 .8333em 1.25em;       /* 10px 0 10px 15px */
    border: 1px dotted #305070;
/* @night
    border-color: #131f2d;
*/
    padding: .4167em;       /* 5px */
    overflow: visible;
}
div.editorOutput ol,
div.editorOutput ul {
    margin-left: 2.0833em;      /* 25px */
}
div.editorOutput ul {
    list-style: disc;
}
div.editorOutput a,
div.editorOutput a font {
    padding-left: 0 !important;
    text-decoration: underline !important;
    background: transparent none !important;
}
div.editorOutput a:hover,
div.editorOutput a:hover font {
    text-decoration: none !important;
}
div.editorOutput a.userlink {
    text-decoration: none !important;
}

#postloadcontent {
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/**
 * ########## CONTENTDIVIDER ##########
 * divide main content from subcontent (mostly white bgcolor and grey bgcolor)
 **/
div.body span.contentdivider {
    height: 5px;
}
div.body span.contentdivider span span {
    top: -98px;
/* @night
    top: -182px;
*/
}
div.body span.contentdivider span.tm {
    background-position: 0 -107px;
/* @night
    background-position: 0 -191px;
*/
}
div.body span.contentdivider span.lc, div.body span.contentdivider span.rc { width: 9px; }
div.body span.contentdivider span.lc span { margin-left: -5px; }


/**
 * ########## CLEARFIX ##########
 **/
#steuerhinweis {
	
}

/**
 * ########## CLEARFIX ##########
 **/
.clearfix:after,
div.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix,
div.content {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html div.content {
    height: 1%;
}
.clearfix,
div.content {
    display: block;
}
/* End hide from IE-mac */


/*===========================================
.shop{
	float:left;
	xmargin-top:38px;
	xmargin-left:15.4546em;
	background-repeat:no-repeat;
}
.shopnotop{
	margin-top:10px;
}
.shop .rightrow{
	position:absolute;
	right:10px;
	top:180px;
}
.shop .content{
	width:605px;
	position:relative;
}






/*===========================================
.shop .cbox{
	display:block;
	position:relative;
	margin-bottom:10px;
	border-width:0px;
}

.shop .box605{width:605px;}
.shop .box585{width:585px;}
.shop .box180{width:180px;}

.shop .cbox h1{
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-indent:10px;
}
.shop .cbox .in{
	display:block;
}

/* Letter = Background Color 
.shop .boxWhite{background-color:white;color:#131f2d;}
.shop .boxDark{background-color:#204060;}


.shop .cbox .in{
	padding: 5px 10px;
}

.shop .cbox .foot{
	height:40px;
	border-top:1px solid transparent;
}
.shop .cbox .in .liob,
.shop .cbox .in .reob{
	top:30px !important;
}

.shop b.ecke{
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	overflow:hidden;
	background-image:url(/images/bg/ecken.gif);
	background-repeat: no-repeat;
}
.shop b.liob{left:0px;top:0px}
.shop b.reob{right:0px;top:0px}
.shop b.liun{left:0px;bottom:0px;}
.shop b.reun{right:0px;bottom:0px;}


/* Farbabhängig: x=BG, y=FG 
.shop .boxWhite b.liob{background-position:-42px 0}
.shop .boxWhite b.reob{background-position:-49px 0;}
.shop .boxWhite b.liun{background-position:-42px -7px}
.shop .boxWhite b.reun{background-position:-49px -7px;}

.shop .boxDark b.liob{background-position:-42px -28px;}
.shop .boxDark b.reob{background-position:-49px -28px;}
.shop .boxDark b.liun{background-position:-42px -35px}
.shop .boxDark b.reun{background-position:-49px -35px;}
.shop .boxDark .in{background-color:#305070;}
.shop .boxDark .in b.liob{background-position:-28px -14px !important;}
.shop .boxDark .in b.reob{background-position:-35px -14px !important;}

.shop .boxNoFooter b.liun{background-position:-42px -21px}
.shop .boxNoFooter b.reun{background-position:-49px -21px;}

.shop .boxBlue{background-color:#305070;}
.shop .boxBlue h1{background-color:#305070;color:#ffbb00}
.shop .boxBlue b.liob{background-position:-42px -14px !important;}
.shop .boxBlue b.reob{background-position:-49px -14px !important;}
.shop .boxBlue b.liun{background-position:-42px -21px !important;}
.shop .boxBlue b.reun{background-position:-49px -21px !important;}

.shop .boxOrange{color:#131f2d;background-color:#FF5F11}
.shop .boxOrange h1{color:#131f2d;background-color:#FF5F11}
.shop .boxOrange b.liob{background-position:-42px -70px;}
.shop .boxOrange b.reob{background-position:-49px -70px;}
.shop .boxOrange b.liun{background-position:-42px -77px;}
.shop .boxOrange b.reun{background-position:-49px -77px;}


.shop .boxOrangeH1 h1{
	color:#ffbb00;
}

/* right Row 
.shop .boxOrangeHead h1{background-color:#ffbb00;}
.shop .boxOrangeHead h2{background-color:#ffbb00;}
.shop .boxOrangeHead b.liob{background-position:-42px -56px !important;}
.shop .boxOrangeHead b.reob{background-position:-49px -56px !important;}
.shop .boxOrangeHead b.liun{background-position:-42px -7px !important;}
.shop .boxOrangeHead b.reun{background-position:-49px -7px !important;}
.shop .boxOrangeHead .in b.liob{background-position:-56px 0px !important;}
.shop .boxOrangeHead .in b.reob{background-position:-63px 0px !important;}


.shop .boxBlueHead h1{background-color:#204060;color:#eeeeee;}
.shop .boxBlueHead b.liob{background-position:-42px -28px !important;}
.shop .boxBlueHead b.reob{background-position:-49px -28px !important;}
.shop .boxBlueHead b.liun{background-position:-42px -7px !important;}
.shop .boxBlueHead b.reun{background-position:-49px -7px !important;}
.shop .boxBlueHead .in b.liob{background-position:-28px 0px !important;}
.shop .boxBlueHead .in b.reob{background-position:-35px 0px !important;}


/*==== Basketstatus =====
.shop .basketstatus .in{
	font-size:12px;
}
.shop .basketstatus h2{
	background-image:url(/images/bg/icon-warenkorb.gif);
	background-repeat: no-repeat;
	background-position: 6px -7px;
	text-indent:35px;
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}
.shop .boxOrangeHead h2{
	background-position: 6px -56px;
}
.shop .basketstatus .in a{
	display:block;
	margin:10px 0 5px 35px;
}

/*===== Basket Page =====
.bsk{
	position:relative;
}
.shop .boxBlue,
.shop .basket .basket{
	background-color:#204060;
}
.shop .basket h1{
	background-color:#204060;
}
.shop .basket .in .bsk .liob,
.shop .basket .in .bsk .reob{
	top:0px !important;
}
.shop .basket .in{
	padding:0px 10px;
}
.shop .basket .in .bsk .in{
	margin: 0px 5px;
	display:block;
}
.shop .basket .in .bsk{
	padding-top:10px;
	padding-bottom:10px;
}

.shop .basket b.liob{background-position:-42px -28px !important;}
.shop .basket b.reob{background-position:-49px -28px !important;}
.shop .basket b.liun{background-position:-42px -35px !important;}
.shop .basket b.reun{background-position:-49px -35px !important;}


.shop .basket .in .bsk .liob{background-position:-28px 0px !important;}
.shop .basket .in .bsk .reob{background-position:-35px 0px !important;}
.shop .basket .in .bsk .liun{background-position:-28px -7px !important;}
.shop .basket .in .bsk .reun{background-position:-35px -7px !important;}
.shop .basket .foot{
	height:30px;
}

.shop .basketinorder h1{color:#ffbb00;background-color:#204060}
.shop .basketinorder .foot{
	height:40px;
}
.shop .basketinorder .in .bsk .liob{background-position:-14px -0px !important;}
.shop .basketinorder .in .bsk .reob{background-position:-21px -0px !important;}
.shop .basketinorder .in .bsk .liun{background-position:-14px -7px !important;}
.shop .basketinorder .in .bsk .reun{background-position:-21px -7px !important;}

/*===== Welcome Page =====
.shop #welcome b.ecke{
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	overflow:hidden;
	background-image:url(/images/bg/ecken.gif);
	background-repeat: no-repeat;
}
.shop #welcome b.liun{left:0px;bottom:0px;}
.shop #welcome b.reun{right:0px;bottom:0px;}

.shop #welcome b.liun{background-position:-42px -21px}
.shop #welcome b.reun{background-position:-49px -21px;}

/*==*/



/* ########## LAYOUT ########## */
div.fullwidth {
	width: 100% !important;
}


/* ########## WELCOMEBOX STARTPAGE ########## */
#welcome{
	background-color: #305070;
}
#welcome div.content {
	padding: 0;
	overflow: hidden;
}

/* ########## BASKET BOX ########## */

#basketstatusfilled div.head h3,
#basketstatus div.head h3 {
	color: #fb0;
	padding-left: 30px;
	background: url(/images/modern/basket_header_sprite.gif) no-repeat 10px 5px;
	border-bottom: none;
}
#basketstatusfilled div.head h3,
div.boxWhite div.head h3 {
	background-position: 10px -45px;
	color: #fff;
}

#basketstatus div.content,
div.boxWhite div.content,
#basketstatusfilled div.content {
	position: relative;
	min-height: 32px;
}
* html #basketstatus div.content,
* html #basketstatusfilled div.content {
	height: 32px;
}
#basketstatus div.content {
	background: #a4b2bf;
}
#basketstatusfilled div.content {
	padding-bottom: 32px;
}
#basketstatus a.toBasket,
#basketstatusfilled a.toBasket {
	position: absolute;
	width: 141px;
	height: 32px;
	right: 10px;
	bottom: 10px;
	background: url(/images/modern/glowbuttons/main/zum_Warenkorb_dreieck_rechts_ffffff.gif) no-repeat 0 0;
	text-indent: -5000px;
}
#basketstatus a.toBasket { background-image: url(/images/modern/glowbuttons/main/zum_Warenkorb_dreieck_rechts_a4b2bf.gif); }


/* ########## BESTSELLER BOX ########## */
#bestseller div.content {
	padding: 0;
}
#bestseller li {
	overflow: hidden;
	margin-bottom: 10px;
	border-top: 1px solid #e0e5ea;
    width: 300px;
    position: relative;
}
#bestseller a {
	display: block;
	padding: 10px;
	position: relative;
}
#bestseller a strong {
	display: block;
}
#bestseller a span {
	display: block;
}
#bestseller a img {
	float: left;
	width: 40px;
	margin-right: 10px;
}
#bestseller div.content span.price i {
	text-decoration: line-through;
	margin-right: 5px;
}
#bestseller div.content span.price u {
	font-size: 110%;
	font-weight: bold;
	color: #fb0;
	text-decoration: none;
}
#bestseller div.content a:hover span.price u {
	text-decoration: underline;
}
#bestseller div.content span.jumper {
    display: block;
    float: right;
	width: 45px;
	padding: 3px 0 4px 20px;
	background: url(/images/modern/bubble_sprite.gif) no-repeat -105px -52px;
	cursor: pointer;
    margin: -1.2em 0 0;
}


/* ########## BESTSELLER BOX ########## */
#steuerhinweis {
	padding: 0 20px;
	display: block;
	text-align: center;
}


/* ########## PRODUCTDETAIL BOX ########## */
#productdetail h1 {
	font-size: 15px;
	margin-bottom: 10px;
}
#productdetail #productdesc {
	float: left;
	width: 220px;
	margin-bottom: 10px;
}
#productdetail #productdesc a { text-decoration: underline; }
#productdetail #productdesc a:hover { text-decoration: none; }

#productdetail div.sizechart {
	border: 1px solid #305070;
	padding: 2px;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
}
* html #productdetail div.sizechart {
	height: 1%;
	overflow: visible;
    width: 97%;
}
#productdetail div.sizechart img {
	float: left;
	margin-right: 5px;
}
#productdetail ul.bull {
	list-style: disc;
	margin: 0 0 10px 15px;
}
#productdetail ul.bull li {
	margin-bottom: 2px;
	font-weight: bold;
}
#productdetail #uc_labBeschreibung {
	display: block;
	margin-bottom: 10px;
}
#productdetail #uc_labID,
#productdetail #uc_labLagerstatus,
#productdetail #uc_labShowAsZeroEuroText,
#productdetail #uc_labStockCountdown,
#productdetail #uc_pnlPriceBlock {
	display: block;
}
#productdetail #uc_labStockCountdown {
	font-weight: bold;
	color: #f00;
}
#productdetail #uc_labLagerstatus {
	font-weight: bold;
	margin: 5px 0;
}
#productdetail #uc_pnlPriceBlock .price {
	display: block;
	font-size: 110%;
	padding-top: 5px;
}
#productdetail .mtcprice {
	padding-top: 5px;
	text-align: center;
}
#productdetail .mtcprice img {
	vertical-align: text-top;
	margin: -2px 2px 0;
}
#productdetail .mtcprice i {
	color: #9e1917;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}
#productdetail .mtcprice a.btncard {
	display: block;
	width: 183px;
	margin: 10px auto;
	background: url(/images/modern/glowbuttons/main/Zur_MOTOR-TALK_Card_dreieck_rechts_ffffff.gif) no-repeat 0 0;
}
#productdetail #uc_pnlPriceBlock i {
	margin-right: 2px;
	font-style: normal;
	margin-bottom: 3px;
}
#productdetail #uc_pnlPriceBlock i span {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 14px;
}
#productdetail #uc_pnlPriceBlock span.hinweistext {
	display: block;
	font-size: 10px;
	margin-top: 10px;
}
#productdetail #uc_pnlPriceBlock strong,
#productdetail #uc_pnlPriceBlock span.unmodprice {
	color: #fb0;
	font-size: 20px;
	white-space: nowrap;
	font-weight: bold;
}
#productdetail #visualselector {
	float: right;
	width: 250px;
	margin-bottom: 10px;
}
#productdetail #visualselector div.images {
	display: block;
	position: relative;
	width: 246px;
	padding: 20px 2px 2px;
	background: url(/images/modern/productdetail_border.png) no-repeat 0 0;
	border-bottom: 2px solid #305070;
}
 
#productdetail #uc_up2 {
	width: 246px;
	overflow: hidden;
}
#productdetail #thumbnaillist li {
	float: left;
	margin-right: 5px;
}

#productdetail #uc_gvVars {
	width: 100%;
}
#productdetail #uc_gvVars th,
#productdetail #uc_gvVars td {
	background: #305070;
	padding: 5px 0 5px 10px;
	color: #fff;
}
#productdetail #uc_gvVars td.column4,
#productdetail #uc_gvVars td.column5 {
	padding: 0;
	width: 20px;
}
#productdetail #uc_gvVars td.column3 {
	padding-right: 5px;
	padding-left: 0;
	text-align: right;
	width: 60px;
}
#productdetail #uc_gvVars th.column3 {
	width: 100px;
	text-align: center;
	background-image: url(/images/modern/icon_putinbasket.gif);
	background-repeat:  no-repeat;
	background-position: 90px 5px;
}
#productdetail #uc_gvVars input.btnplus,
#productdetail #uc_gvVars input.btnminus {
	width: 19px;
	height: 19px;
	background: url(/images/modern/bubble_sprite.gif) no-repeat 0 0;
}
#productdetail #uc_gvVars input.btnminus { background-position: 0 -50px; }
#productdetail #uc_gvVars tr.hover input.btnplus { background-position: 0 -100px; }
#productdetail #uc_gvVars tr.hover input.btnminus { background-position: 0 -150px; }

#productdetail #uc_gvVars tr:hover td {
	background: #1b3653;
}
#productdetail #uc_gvVars td {
	border-top: 1px solid #fff;
}
#productdetail #productdescadd {
	clear: both;
	margin-bottom: 10px;
}
#productdetail #productdescadd a { text-decoration: underline; }
#productdetail #productdescadd a:hover { text-decoration: none; }

#productdetail #productfunc {
	text-align: right;
}
#productdetail #productfunc a {
	margin-right: 10px;
}
#productdetail #productfunc #btnPrint span,
#productdetail #productfunc #btnAsk span {
	padding: 0 17px;
	font-size: 19px;
	margin-right: 5px;
	background: url(/images/modern/iconbar_sprite.gif) no-repeat -5000px -5000px;
	vertical-align: middle;
}
*+html #productdetail #productfunc #btnPrint span,
*+html #productdetail #productfunc #btnAsk span {
	display: inline-block;
	width: 1px;
}
* html #productdetail #productfunc #btnPrint span,
* html #productdetail #productfunc #btnAsk span {
	display: inline-block;
	width: 1px;
}
#productdetail #productfunc #btnPrint span { background-position: -70px -160px; }
#productdetail #productfunc #btnAsk span { background-position: 0 -120px; }


/* ########## ITEM STATUS ICON ########## */
#productdetail #visualselector div.images span.imghead,
#productlisting ul#products li.item h3 {
	background: transparent url(/images/modern/productdetail_status_sprite.png) no-repeat -5000px -5000px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	left: -5px;
	margin-bottom: -20px;
	padding: 7px 0 0 30px;
	position: relative;
	top: -25px;
}
#productdetail #visualselector div.imagessale span.imghead,
#productlisting ul#products li.itemsale h3 {
	background-position: 0 0;
}
#productdetail #visualselector div.imagesaktion span.imghead,
#productlisting ul#products li.itemaktion h3 {
	background-position: 0 -100px;
}
#productdetail #visualselector div.imagessoon span.imghead,
#productlisting ul#products li.itemsoon h3 {
	background-position: 0 -200px;
}
#productdetail #visualselector div.imagesisnew span.imghead,
#productlisting ul#products li.itemisnew h3 {
	background-position: 0 -300px;
}


/* ########## PRODUCTLIST BOX ########## */
#productlisting div.body {
	overflow: hidden;
    width: 100%;
}
#productlisting div.content {
	padding-right: 0;
}
#productlisting ul#products li {
	float: left;
	width: 148px;
	height: 220px;
	padding: 20px 2px 2px;
	margin: 0 10px 20px 0;
	background: url(/images/modern/productlist_border.png) no-repeat 0 0;
	position: relative;
}
#productlisting ul#products a.prodimg {
	display: block;
	text-align: center;
	height: 140px;
	overflow: hidden;
	line-height: 140px;
}
#productlisting ul#products div.txt {
	padding: 0 8px 5px;
    width: 128px;
    overflow: hidden;
}
#productlisting ul#products a.pr {
	display: block;
	padding: 5px 10px;
	background: #305070;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 132px;
	color: #fff;
}
#productlisting ul#products li.itemaktion a.pr,
#productlisting ul#products li.itemsale a.pr {
	color: #fb0;
}
#productlisting ul#products li.itemaktion a.pr i,
#productlisting ul#products li.itemsale a.pr i {
	text-decoration: line-through;
	font-style: normal;
}
#productlisting ul#products li.itemaktion a.pr u,
#productlisting ul#products li.itemsale a.pr u {
	margin-left: 5px;
	font-weight: bold;
	text-decoration: none;
}
#productlisting ul#products span.bc {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 152px;
}

fieldset.formrow h2 {
	font-size: 13px;
	margin: 10px 0 20px;
}
#deliveryaddresscheck div.label {
	font-size: 12px;
	margin: 10px 0;
	font-weight: bold;
}

div#footnotes {
	margin-top: 20px;
}

div.content div.processbar {
	margin: -10px -10px 10px;
	height: 29px;
	background: url(/images/modern/process_sprite.gif) no-repeat 0 0;
}
div#addressprocess { background-position: 0 0; }
div#paymentprocess { background-position: 0 -50px; }
div#confirmprocess { background-position: 0 -100px; }


/* ######### CONFIRMORDERBOX ########## */
#confirmorderbox h2 {
	font-size: 13px;
	margin: 10px 0 20px;
}
#confirmorderbox ul.adr {
	overflow: hidden;
	margin-left: 30px;
}
#confirmorderbox ul.adr li {
	float: left;
	width: 33%;
}
#confirmorderbox ul.adr strong {
	display: block;
	margin-bottom: 5px;
}
#confirmorderbox ul.adr a {
	display: block;
	margin-top: 5px;
}
#confirmorderbox div.content a { text-decoration: underline; }
#confirmorderbox  div.content a:hover { text-decoration: none; }

#confirmorderbox tr.row td.basketprice,
#confirmorderbox table.sum td.col3 {
	width: 50px;
	text-align: right;
}
#confirmorderbox tr.row td.row2 img {
	float: left;
	margin: 0 5px 5px 0;
}
#confirmorderbox tr.footer td {
	padding: 0;
}
#confirmorderbox tr.footer td td {
	padding: 2px 5px 3px;
}
#confirmorderbox table.sum {
	width: 100%;
}
#confirmorderbox table.sum td.col2 {
	text-align: right;
}

#confirmorderbox a.pdf {
	float: left;
	margin-left: 0px;
	background: url(/images/ui/pdf.gif) no-repeat 0 3px;
	padding: 5px 0 5px 20px;
	margin-top: 10px;
}
* html #confirmorderbox a.pdf { width: 1%; }

#confirmorderbox div#uc_agb {
	margin: 10px 5px;
	overflow: hidden;
}
#confirmorderbox div#uc_agb input {
	margin: 0 5px 0 0;
}
#confirmorderbox input.next {
	background-image: url(/images/modern/glowbuttons/main/Bestellung_abschicken_dreieck_rechts_ffffff.gif);
	width: 181px;
}


/* ######### BASKETLIST ########## */
table.basketlist,
table.summary {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}
table.summary {
	margin-top: -1px;
}
table.basketlist th,
table.summary th {
	font-size: 90%;
}
table.basketlist th,
table.basketlist td,
table.summary th,
table.summary td {
	background: #e0e5ea;
	padding: 2px 5px 3px;
}
table.basketlist .basketprice,
table.summary .basketprice,
table.summary .portohinweis {
	text-align: right;
}
table.basketlist input.btnplus,
table.basketlist input.btnminus,
table.summary input.btnplus,
table.summary input.btnminus {
	width: 19px;
	height: 19px;
	background: url(/images/modern/bubble_sprite.gif) no-repeat 0 -200px;
}
table.basketlist input.btnminus,
table.summary input.btnminus {
	background-position: 0 -250px;
}
table.basketlist td.art img,
table.summary td.art img {
	float: left;
	margin: 0 5px 5px 0;
}
table.basketlist td.countchanger {
	white-space: nowrap;
}
*+html table.basketlist td.countchanger input.btn,
*+html table.basketlist td.countchanger span {
	float: left;
}
* html table.basketlist td.countchanger input.btn,
* html table.basketlist td.countchanger span {
	float: left;
}
*+html table.basketlist td.countchanger span,
* html table.basketlist td.countchanger span {
	padding: 0 2px;
}

table.summary th.voucherform input {
	margin-left: 10px;
}
table.summary th.voucherform span.feedback {
	display: block;
}


/* ######### BUTTONS ########## */
input.btn,
a.btn {
	display: inline-block;
	height: 32px;
	text-indent: -5000px;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	cursor: pointer;
}
*+html table.vars td input.btn,
*+html table.vars td a.btn,
*+html table.basketlist td input.btn,
*+html table.basketlist td a.btn {
	display: block;
}
* html table.vars td input.btn,
* html table.vars td a.btn,
* html table.basketlist td input.btn,
* html table.basketlist td a.btn {
	display: block;
}
div.buttonline {
	padding-top: 20px;
	overflow: hidden;
}
div.buttonline input.btn,
div.buttonline a.btn {
	float: right;
}
div.buttonline a.btnweiteronblue,
div.buttonline input.prev {
	float: left;
}
input.next {
	width: 80px;
	background-image: url(/images/modern/glowbuttons/main/weiter_dreieck_rechts_ffffff.gif);
}
input.prev {
	width: 85px;
	background-image: url(/images/modern/glowbuttons/sub/zurueck_dreieck_links_ffffff.gif);
}
input.buybasket {
	width: 102px;
	background-image: url(/images/modern/glowbuttons/main/zur_Kasse_dreieck_rechts_ffffff.gif);
}
a.btnweiteronblue {
	width: 136px;
	background-image: url(/images/modern/glowbuttons/sub/weiter_shoppen_dreieck_links_ffffff.gif);
}
div.buttonline .btnprintorder {
	width: 163px;
	background-image: url(/images/modern/glowbuttons/main/Bestellung_drucken_printer_ffffff.gif);
}

table#mtcbubble {
	width: 148px;
	margin: 10px auto 10px;
}
table#mtcbubble td {
	background:transparent url(/images/modern/promo_sticker.jpg) no-repeat scroll 0 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	height: 145px;
	line-height: 17px;
	padding: 0 5px 9px 13px;
	text-align: center;
	vertical-align: middle;
	width: 130px;
}
table#mtcbubble td i {
	color: #fb0;
	display: block;
	text-align: center;
	font-style:normal;
}
a.hypZoom {
	padding: 0 5px 5px 12px;
	float: right;
	background: url("/images/modern/icon_zoom.gif") no-repeat 0 3px;
}
* html a.hypZoom { width: 1%; }
ul#thumbnaillist {
	clear: right;
	padding-left: 5px;
}

div.pager {
	overflow: hidden;
	padding-right: 10px;
	margin: 0 0 20px;
	clear: both;
}
div.pager div.pagesize {
	text-align: right;
}
div.pager div.pagesize input {
	text-indent: 0;
	font-weight: bold;
	height: auto;
}
div.pager div.buttons {
	float: left;
}
div.pager div.buttons .btn {
	text-indent: 0;
	height: auto;
}
div.pager strong,
div.pager a,
div.pager span span,
div.pager input {
	display: inline-block;
	padding: 0 3px;
	color: #798ca3;
	background-position: -5000px -5000px;
}
div.pager .curr {
	color: #204060;
	font-weight: bold;
}
div.pager div.buttons strong {
	margin-right: 5px;
}
div.pager div.buttons span span,
div.pager div.buttons span strong,
div.pager div.buttons span a {
	vertical-align: middle;
}
div.pager div.buttons span input.backward,
div.pager div.buttons span input.forward,
div.pager div.buttons span a.backward,
div.pager div.buttons span a.forward {
	display: inline-block;
	text-indent: -5000px;
	width: 19px;
	font-size: 13px;
	vertical-align: text-top;
	background: url(/images/modern/bubble_sprite.gif) no-repeat -50px 0;
	text-align: left !important;
}
div.pager div.buttons span input.forward,
div.pager div.buttons span a.forward {
	background: url(/images/modern/bubble_sprite.gif) no-repeat -50px -50px;
}
div.pager div.buttons span span.backward,
div.pager div.buttons span span.forward {
	display: none;
}

a.bsk {
    display: block;
    margin: 10px 0 0 110px;
}

#paymentselectionbox span.inputradio {
	margin-bottom: 5px;
}
#paymentselectionbox span.inputradio input {
	margin-right: 5px;
}
#paymentselectionbox span.inputradio label {
	font-weight: bold;
}
#paymentselectionbox span.inputradio label img {
	vertical-align: text-top;
}
div#creditcardinformation {
	margin: 20px 0 10px;
}
div#creditcardinformation div.pruefnummer div.field input {
	float: left;
	margin: 0 5px 5px 0;
}
div#creditcardinformation div.pruefnummer div.description {
	font-size: 10px;
}

#categoriesteaserbox div.content {
	background: #fff url(/images/modern/background_categoriesteaser.jpg) no-repeat left bottom;
	min-height: 121px;
}
#categoriesteaserbox div.content h3 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
#categoriesteaserbox div.content ul {
	width: 470px;
	margin: 0 auto;
	padding: 0 0 0 30px;
}
#categoriesteaserbox div.content li {
	float: left;
	width: 50%;
}
#categoriesteaserbox div.content ul ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
#categoriesteaserbox div.content li li {
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
#categoriesteaserbox div.content li li strong,
#categoriesteaserbox div.content li li a {
	display: block;
}
#categoriesteaserbox div.content li li a {
	padding-left: 12px;
	background-position: 0 3px;
}
#categoriesteaserbox #showallproducts {
	bottom:16px;
	height:25px;
	position:absolute;
	right:10px;
	width:190px;
}

#welcome div.content {
    width: 500px;
    overflow: hidden;
    background: #fff;
}
#welcome div.content div.teaserwrapper {
	margin-top: -5px;
}
#welcome div.te {
	float: left;
	padding-top: 5px;
}
#welcome div.BR {
	float: left;
	width: 247px;
	overflow: hidden;
	margin-right: 5px;
}
#welcome div.te span.bc {
	display: none;
}

#contactformbox div.intro {
	margin-bottom: 20px;
}
#contactformbox div.buttonline input.next {
	background-image: url(/images/modern/glowbuttons/main/abschicken_dreieck_rechts_ffffff.gif);
	width: 111px;
}
#contactformbox div.field input.inputtext {
	width: 290px;
}
#contactformbox div.field textarea {
	width: 300px;
}


#pnlDebug,
#breadcrumbmenu {
	display: none;
}

div.statictext div.content ol,
div.statictext div.content ul,
div.statictext div.content p,
div.statictext div.content div.panelBlock {
	margin-bottom: 10px;
}
div.statictext div.content ul {
	list-style: disc;
	margin-left: 20px;
}
div.statictext div.content h2 {
	margin-bottom: 5px;
	font-size: 14px;
	color: #fb0;
}

div.errorbox div.head {
	background-position: 0 -82px;
}
div.errorbox div.head h1,
div.errorbox div.content {
	color: #f00 !important;
	margin: 0 !important;
}

.missr,
.missr label {
	color: #f00;
}
.missr input,
.missr select,
.missr textarea {
	border-color: #f00;
}

div.cascade {
	margin: 0 0 20px 0;
}
div.cascade h3 {
	margin-bottom: 5px;
}
div.cascade div.row {
	margin-bottom: 8px;
}
div.cascade div.row .btn {
	height: 26px;
	width: 26px;
	margin: -5px -26px 0 0;
	background: url(/images/modern/icon_selectionsubmit.gif) no-repeat 0 0;
}
div.cascade div.row .btnchange {
	background-image: url(/images/modern/icon_selectionchange.gif);
}
div.cascade div.row label {
	float: left;
	width: 50px;
	margin-right: 5px;
}
div.cascade div.row select {
	width: 150px;
}
div.cascade input.inputtext {
	width: 190px;
}

div.shippingtext div.panelBlock,
div.shippingtext #shippingCost select,
div.shippingtext table.ship {
	margin-bottom: 10px;
}
div.shippingtext table.ship tr.row1 th,
div.shippingtext table.ship tr.row1 td {
	border-bottom: 1px solid #e0e5ea;
}
div.shippingtext table.ship th,
div.shippingtext table.ship td {
	padding: 3px 10px 4px 0;
}
div.shippingtext #shippingCost input {
	background: transparent url(/images/modern/Anzeigen.png) no-repeat 0 0;
	width: 69px;
	height: 19px;
	overflow: hidden;
	border: none;
	font-size: 1px;
	text-align: center;
	color: #fb0;
	padding-top: 5px;
}

ul#subnav li.currententry a {
	font-weight: bold;
}

div#placedbox div.content h1 {
	padding: 5px 0 20px 30px;
}
div#placedbox div.content div.in {
	padding: 0 0 0 30px;
}

#uc_ddlCountry,
#uc_btnChange {
	vertical-align: top;
}
#uc_ddlCountry {
	margin-right: 5px;
}

/* Required style sheet for Thickbox interface */

/* Default skin for Thickbox interface */

/* All types */

/* building blocks */
#tb-dim {
    background: #0a3049;
    opacity: .7;
}
#tb-loading {
    background: url(/images/thickbox/jquery.thickbox.spinner.gif) no-repeat 50% 50%;
}
#tb-modal {
    border: solid #d4dbdf;
    border-width: 0 1px;
    background: #fff;
}
#tb-modal * {
    margin: 0;
    padding: 0;
    font: 12px/1.3 Arial, Helvetica, Geneva, "sans-serif";
}
#tb-content {
    padding: 13px 19px 0;
}
#tb-title {
    padding: 0 10px 13px 0;
}
#tb-close a { /* image replacement */
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 999;
    overflow: hidden;
    width: 26px;
    height: 26px;
    background: url(/images/thickbox/button_close.png) no-repeat 5px 5px;
    line-height: 30px;
    text-indent: 1000px;
}

/* round corners */
#tb-modal .tb-tl, #tb-modal .tb-tr, #tb-modal .tb-br, #tb-modal .tb-bl {
    position: absolute;
    width: 3px;
    height: 3px;
    background: no-repeat;
}
#tb-modal .tb-tl, #tb-modal .tb-tr {
    top: 0;
}
#tb-modal .tb-br, #tb-modal .tb-bl {
    top: 100%;
    margin-top: -3px;
    /*bottom: 0;*/ /* stupid IE 6 borks on that one */
}
#tb-modal .tb-tl, #tb-modal .tb-bl {
    left: -1px;
}
#tb-modal .tb-tr, #tb-modal .tb-br {
    right: -1px;
}
#tb-modal .tb-tl {
    background-image: url(/images/thickbox/corner_thickbox_tl.png);
}
#tb-modal .tb-tr {
    background-image: url(/images/thickbox/corner_thickbox_tr.png);
}
#tb-modal .tb-br {
    background-image: url(/images/thickbox/corner_thickbox_br.png);
}
#tb-modal .tb-bl {
    background-image: url(/images/thickbox/corner_thickbox_bl.png);
}

/* Specific types: ajax, confirm, external, image, inline. The modal window belongs to a class of one of these types. */

/* confirm */
.tb-confirm #tb-content a {
    color: #666;
}
#tb-confirm {
    float: left;
}
#tb-cancel {
    float: right;
}

/* external */
.tb-external #tb-content iframe {
    padding: 0;
    width: 100%;
}

/* image */
.tb-image #tb-content img {
    display: block;
}
#tb-browse {
    padding: 12px 0 0;
    text-align: center;
}
#tb-next {
    float: right;
}
#tb-prev {
    float: left;
}
#tb-browse em {
    font-style: normal;
}


/* IE fixes - WARNING: do not group selectors, otherwise IE 6 will ignore complete rule (because of the + combinator) */
* html #tb-dim { /* @ IE 6 & IE 7 Quirks Mode */
    filter: Alpha(Opacity=70);
}
*:first-child+html #tb-dim { /* @ IE 7 Standards Mode */
    filter: Alpha(Opacity=70);
}




/* Minimum requirements */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
html>body #tb-dim, html>body #tb-loading, html>body #tb-modal { /* IE 7 should always use fixed positioning, thus override IE 6 hack (also applied by IE 7 in Quirks Mode) with higher specificity */
    position: fixed;
}
#tb-dim {
    top: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
}
#tb-loading, #tb-modal {
    top: 50%;
    left: 50%;
}
#tb-loading {
    z-index: 9999;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}
#tb-modal {
    display: none;
    z-index: 10000;
}
#tb-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
	 cursor:pointer;
}

/* IE 6 specific */
* html #tb-dim, * html #tb-loading, * html #tb-modal {
    position: absolute;
}
* html #tb-dim iframe { /* hide selects in IE 6, iframe is not required and not present in IE 7 */
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=0);
}