/*========================================
-----------------Global-------------------
========================================*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #242424;
}

#site {
    width: 875px;
    margin: -20px auto 0 auto;
}

.clearBoth {
    clear: both;
}

/*========================================
-------------Navigation top---------------
========================================*/

#margin_nav_top {
    margin-top: 90px;
    float: left;
}

#nav_top {
    float: left;
    width: 508px;
    height: 42px;
}

#nav_top li {
    float: left;
    list-style-type: none;
    margin-top: 13px;
    background-color: #01A5CB;
}

#nav_top li.active {
    background-color: #007AAB;
}

#nav_top li.li_active {
    background-color: #007AAB;
}

#nav_top li.li_active_first {
    background-image: url(../img/layout/nav_first_active.jpg);
    margin-top: 0;
}

#nav_top li.first {
    background-image: url(../img/layout/nav_first_inactive.jpg);
    margin-top: 0;
}

#nav_top a {
    width: 100px;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
}

#nav_top a:hover {
    text-decoration: underline;
}

#margin_mei_mass {
    padding-top: 21px;
}

#mei_mass {
    width: 100px;
    height: 22px;
    text-align: right;
}

#margin_mei_shop {
    padding-top: 7px;
}

#mei_shop {
    width: 100px;
    height: 22px;
    text-align: right;
}

#margin_mei_logo {
    padding-top: 7px;
}

#mei_logo {
    width: 100px;
    height: 22px;
    text-align: right;
}

#margin_mei_buildl {
    padding-top: 7px;
}

#mei_buildl {
    width: 100px;
    height: 22px;
    text-align: right;
}

#nav_top li.active_left {
    width: 20px;
    height: 29px;
    background-image: url(../img/layout/active_left.jpg);
}

#nav_top li.active_right {
    width: 20px;
    height: 29px;
    background-image: url(../img/layout/active_right.jpg);
}

#nav_top li.inactive {
    width: 20px;
    height: 29px;
    background-image: url(../img/layout/inactive.jpg);
}

#nav_top li.end_active {
    width: 20px;
    height: 29px;
    background-image: url(../img/layout/end_active.jpg);
}

#nav_top li.end_inactive {
    width: 20px;
    height: 29px;
    background-image: url(../img/layout/end_inactive.jpg);
}

/*========================================
-----------------Header-------------------
========================================*/

#band {
    float: left;
    width: 35px;
    height: 260px;
    background-image: url(../img/layout/band.jpg);
    background-repeat: no-repeat;
}

#logo {
    float: left;
    height: 133px;
    overflow: hidden;
}

#logo img {
    border: none;
}

#header_start_left {
    float: left;
    width: 340px;
    height: 276px;
    background-color: #01A5CB;
    background-image: url(../img/layout/band_corner.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#header_start_left h2 {
    margin-top: 50px;
    font-size: 25px;
}

#header_start_left h4 {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 12px;
}

#header_start_left img {
    margin-left: 40px;
}

#header_start_right {
    float: left;
    width: 490px;
    height: 276px;
    background-image: url(../img/layout/header_start.jpg);
}

#header {
    float: left;
    width: 614px;
    height: 171px;
    background-image: url(../img/layout/header.jpg);
}

#header.logo {
    background-image: url(../img/layout/header_mei-logo.jpg);
}

#header.mass {
    background-image: url(../img/layout/header_mei-mass.jpg);
}

#header.shop {
    background-image: url(../img/layout/header_mei-shop.jpg);
}

#header.gschicht {
    background-image: url(../img/layout/header_unsa-gschicht.jpg);
}

#header_box {
    float: left;
    width: 216px;
    height: 171px;
    background-image: url(../img/layout/box.jpg);
}

/*========================================
------------Navigation main---------------
========================================*/

#navigation_blue {
    display: block;
    float: left;
    width: 165px;
    height: 25px;
    background-image: url(../img/layout/nav_blue.jpg);
}

#margin_nav_main {
    margin-left: 35px;
}

#nav_main {
    float: left;
    width: 167px;
    padding-bottom: 10px;
    background-image: url(../img/layout/nav_bg.jpg);
    background-color: #00A5CB;
    background-repeat: repeat-y;
}

#nav_main li {
    width: 160px;
    list-style-type: none;
    background: #00A5CB url(../img/layout/nav_li_bg.gif) bottom repeat-x;
    padding-top: 7px;
    padding-bottom: 7px;
}

#nav_main li a {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    padding-left: 22px;
    background-image: url(../img/layout/arrow.gif);
    background-repeat:  no-repeat;
    background-position: 12px 3px;
    display: block;
    padding-right: 7px;
}

#nav_main li a:hover,
#nav_main li a.active {
    background-image: url(../img/layout/double_arrow.gif);
    background-position: 15px 2px;
    padding-left: 31px;
}

/*========================================
-----------Navigation under---------------
========================================*/

#margin_nav_under {
    margin-left: 35px;
}

#nav_under {
    float: left;
    width: 830px;
    height: 23px;
    background-image: url(../img/layout/nav_under.jpg);
}

#nav_under li {
    float: right;
    height: 23px;
    list-style-type: none;
    background-image: url(../img/layout/under_bg.jpg);
}

#nav_under li.active {
    background-image: url(../img/layout/under_bg_active.jpg);
}

#nav_under a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
}

#nav_under a:hover {
    text-decoration: underline;
}

#nav_under li.under_start {
    width: 18px;
    height: 23px;
    background-image: url(../img/layout/under_start.jpg);
}

#nav_under li.under_active_start {
    width: 18px;
    height: 23px;
    background-image: url(../img/layout/under_active_start.jpg);
}

#nav_under li.under_start_standard {
    width: 18px;
    height: 23px;
    background-image: url(../img/layout/under_start_standard.jpg);
}

#nav_under li.under_active_start_standard {
    width: 18px;
    height: 23px;
    background-image: url(../img/layout/under_active_start_standard.jpg);
}

#nav_under li.under_inactive {
    width: 15px;
    height: 23px;
    background-image: url(../img/layout/under_inactive.jpg);
}

#nav_under li.under_active_left {
    width: 15px;
    height: 23px;
    background-image: url(../img/layout/under_active_left.jpg);
}

#nav_under li.under_active_right {
    width: 15px;
    height: 23px;
    background-image: url(../img/layout/under_active_right.jpg);
}

#nav_under.nav_under_start {
    background-image: url(../img/layout/nav_under_start.jpg);
}

.unsa {
    display: inline;
}

.margin_unsa {
    padding: 5px 5px 0 2px;
}

/*========================================
---------------Startseite-----------------
========================================*/

#main_start {
    float: left;
    width: 830px;
    height: 241px;
    background: #EFEFEF url(../img/layout/start_bg.jpg) left top no-repeat;
}

#padding_main_start {
    padding-left: 35px;
}

#margin_content_shop {
    margin-right: 2px;
}

#content_shop {
    float: left;
    width: 275px;
}

#margin_content_logo {
    margin-right: 2px;
}

#content_logo {
    float: left;
    width: 275px;
}

#content_buildl {
    float: left;
    width: 275px;
}

#main_start a {
    color: #02476A;
    font-weight: normal;
    margin-left: 35px;
    margin-right: 20px;
    display: block;
    text-align: right;
}

#main_start a:hover {
    color: #02476A;
    font-weight: bold;
}

#main_start p {
    margin-left: 35px;
    margin-top: 95px;
    margin-right: 20px;
    text-align: justify;
}

/*========================================
-----------------Content------------------
========================================*/

#main {
    float: left;
    width: 865px;
    background-image: url(../img/layout/main_bg.gif);
    background-repeat: repeat-y;
    background-position: right;
    padding-top: 35px;
}

#content {
    float: left;
    width: 425px;
    padding-bottom: 30px;
}

#content.wide {
    float: left;
    width: 630px;
}

#content h1 {
    margin-bottom: 22px;
}

#header_start_left p,
#main_start p,
#content p {
    text-align: justify;
}

#content img {
    border: none;
}

#content #buidlWrapper {
    margin-left: 30px;
    margin-top: 20px;
}

#content #buidlWrapper a.buidl {
    padding: 0px 10px 10px 0px;
    float: left;
}

#content #pressArchiveWrapper {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#content #pressArchiveWrapper h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0px 10px 0px;
}

#content ul li {
    margin-left: 20px;
    margin-bottom: 7px;
}

#content a {
    color: #0894BE;
    text-decoration: none;
}

#content a:hover {
    font-weight: bold;
}

#content small#test_catDesc {
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: -10px;
    display: block;
}

.produkt {
    float: left;
    width: 195px;
}

.produkt .produktInner {
    padding-left: 30px;
    padding-bottom: 30px;
}

.produkt .product_title {
    font-weight: bold;
    color: #0894BE;
}

.produkt .product_artno {
    font-size: 10px;
    margin-bottom: 2px;
}

.produkt .product_availability {
    width: 6px;
    height: 6px;
    overflow: hidden;
    border: 1px solid #969696;
    float: left;
    margin: 3px 8px 0 0;
}
.produkt .product_availability.red {
    background-color: #f00;
    color: #f00;
}
.produkt .product_availability.orange {
    background-color: #ffb200;
    color: #ffb200;
}
.produkt .product_availability.green {
    background-color: #00ab1f;
    color: #00ab1f;
}

.produkt .product_price {
    font-weight: bold;
    float: right;
    padding-right: 5px;
}

.produkt input.addToCartAmount {
    width: 15px;
    font-size: 10px;
}

.produkt input.toShoppingCart {
    background: url(../img/layout/shoppingcart.gif) right center no-repeat;
    padding-right: 17px;
    color: #0894BE;
    border: none;
    cursor: pointer;
    font-size: 10px;
    width: auto;
    overflow: visible;
}

#uebersichtWrapper {
    padding-left: 30px;
}

#uebersicht {
    float: left;
    margin: 20px 0 20px 0px;
    padding: 10px;
    background-color: #FFFFFF;
    font-size: 11px;
    width: 330px;
}

#uebersicht #articlePager strong#pageFromOf {
    padding-right: 30px;
}

#uebersicht #artikel {
    font-size: 11px;
}

#uebersicht #sort {
}

#uebersicht a.active {
    font-weight: bold;
}

#uebersicht a.asc {
    background: url(../img/layout/arrow_up.gif) right center no-repeat;
    padding-right: 5px;
}

#uebersicht a.desc {
    background: url(../img/layout/arrow_down.gif) right center no-repeat;
    padding-right: 5px;
}

form#loginForm {
    margin-left: 30px;
}

div#registerForm {
    margin-left: 30px;
}

div.contentSpaceWrapper,
.contentSpace {
    margin-left: 30px;
}

.contentSpace h1,
div.contentSpaceWrapper h1,
div.contentSpaceWrapper p {
    margin-left: 0px;
}

div#registerForm table tr th {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
}

div#forgotPassword table label,
div#registerForm table label {
    margin-left: 0;
}

/* Order steps */
div.ordersteps {margin-bottom: 15px;}
div.ordersteps dl {width: 102px; height: 63px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #969696; background: #f0f0f0; color: #000;}
div.ordersteps dt {padding:0; margin: 0;}
div.ordersteps dt, div.ordersteps dt a {font-weight: bold;}
div.ordersteps dl big {font-size: 16px; line-height: 19px;}
div.ordersteps dt a:hover big {text-decoration: underline;}
div.ordersteps dd, div.ordersteps dd a {font-size: 9px; margin: 0;}
div.ordersteps dd a {display: block;}
#content div.ordersteps dd a:hover {font-weight: normal;}
div.ordersteps .lastinrow {margin-right: 0; width: 102px;}
div.ordersteps dl.active {background: #fff;}
div.ordersteps dl.active dt, div.ordersteps dl.active dt a {color: #ff3600;}
div.ordersteps.nofinalstep dl {width: 126px;}
div.ordersteps.nofinalstep .lastinrow {width: 128px;}

/* account header */
.account_header {margin-left: 30px;}
.account_header dl{margin: 2px 0; padding-bottom: 5px;}
.account_header dl.lastInCol{margin: 0; padding-bottom: 0px;}
.account_header dt a{font-weight: bold;}
.account_header dt a.active{color: #ff3600;}
.account_header dd{margin: 2px 0; color: #969696;}

#accountAddressForm table tr th {
    text-align: left;
}

#accountOrderHistoryTable {
    margin-left: 30px;
}
#accountOrderHistoryTable tr.oneOrderFrame {
    border-bottom: 1px solid #777777;
}
#accountOrderHistoryTable tr th {
    text-align: right;
    padding-right: 8px;
}

/* cart */
table.basket tr th,
table.basket tr td {
    padding: 5px 5px 0px 0px;
}

table.basket tr th {
    text-align: left;
}

div.boxVoucher {
    background: #F0F0F0;
    border: 1px solid #969696;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-right: 30px;
}

#content div.boxVoucher h2 {
    margin-left: 0;
}

/*========================================
----------------Marginali-----------------
========================================*/

#marginalia {
    float: right;
    width: 216px;
}

#margin_marginalia_shop {
    overflow: hidden;
    width: 216px;
    float: right;
}

.marginalia_shop {
    float: right;
    width: 216px;
    background-image: url(../img/layout/marginalia_header.gif);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

.marginalia_content {
    float: right;
    width: 216px;
    margin-bottom: 15px;
}

.marginalia_content p,
.marginalia_content h1 {
    margin-left: 5px;
    margin-right: 5px;
}

.marginalia_content img {
    border: none;
}

.marginalia_shop h6 {
    margin-bottom: 7px;
    margin-left: 15px;
}

.marginalia_shop table#loggedInBox,
.marginalia_shop form#fsearch {
    margin: 5px 10px;
}

.marginalia_shop form#fsearch select {
    margin-top: 5px;
}

.marginalia_shop form#fsearch span.btn {
    padding-top: 5px;
}

.marginalia_shop .minibasket table {
    margin-left: 5px;
    border-collapse: collapse;
}

.marginalia_shop .minibasket table tr td {
    padding: 0 5px 3px 0;
    border-bottom: 1px solid #E9E9E9;
    vertical-align: top;
}

.marginalia_shop .minibasket table tr.last td {
    border-bottom: none;
}

.marginalia_shop .minibasket table tr.delivery td,
.marginalia_shop .minibasket table tr.total td {
    border-top: 1px solid #AAAAAA;
    white-space: nowrap;
    font-weight: bold;
}

.marginalia_shop h6 a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}

.marginalia_shop img {
    border: none;
    margin-top: 10px;
}

.marginalia_shop a {
    margin-top: 10px;
    /*margin-left: 60px;*/
    color: #0894BE;
    font-size: 11px;
    text-decoration: none;
}

.marginalia_shop a:hover {
    font-weight: bold;
}

#marginalia img {
    float: right;
    margin-bottom: 20px;
}

#marginalia img.first {
}

/*========================================
------------------Footer------------------
========================================*/

#footer {
    float: left;
    width: 830px;
    height: 5px;
    background-image: url(../img/layout/footer.gif);
}

#footer_shop {
    margin-left: 34px;
}

#footer img {
    margin-right: 5px;
    border: none;
}

#margin_footer {
    padding-left: 35px;
    clear: both;
}

#footer.footer_start {
    float: left;
    width: 830px;
    height: 112px;
    background-image: url(../img/layout/start_footer.jpg);
}

#margin_footer .footer_standard {
    float: left;
    width: 830px;
    height: 112px;
    background-image: url(../img/layout/footer.jpg);
}

#sprachen {
    float: left;
    margin-top: 10px;
    /*margin-left: 200px;*/
    padding-left: 105px; /* as long as there's no english */
}

#sprachen a {
    text-decoration: none;
}

#facebookLike {
    float: left;
    margin-top: 10px;
    /*margin-left: 200px;*/
    padding-left: 105px; /* as long as there's no english */
}

#facebookLike a {
    text-decoration: none;
}

#padding_marquee marquee {
    clear: both;
    color: #0894BE;
    font-size: 14px;
    margin-top: 6px;
}

#padding_marquee marquee a {
    color: #0894BE;
    font-size: 14px;
}

#margin_copyright {
}

#copyright {
    float: left;
    width: 160px;
    margin-top: 10px;
}

#copyright p {
    font-size: 11px;
    color: #0894BE;
}

#margin_impressum {
    margin-right: 30px;
}

#impressum {
    float: right;
    /*width: 250px;*/
    margin-top: 10px;
    line-height: 18px;
    text-align: right;
}

#impressum a {
    font-size: 11px;
    color: #0894BE;
    text-decoration: none;
}

#impressum a:hover {
    text-decoration: underline;
}

/*========================================
-------------------Tags-------------------
========================================*/

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #0894BE;
    margin: 4px 0 10px 30px;
}

h2 {
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    margin: 0 0 0 40px;
}

#content h2 {
    font-size: 14px;
    font-weight: normal;
    color: #0894BE;
    margin: 0 0 0 30px;
}

#content h2 a:hover {
    font-weight: normal;
}

h3 {
    font-size: 12px;
    font-weight: normal;
    color: #02476A;
    margin: 30px 0 0 40px;
}

h4 {
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 40px;
    margin-top: 30px;
    font-size: 13px;
}

h5 {
    font-size: 26px;
    color: #0894BE;
    font-weight: normal;
    margin-top: 45px;
    margin-left: 110px;
}

h6 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 2px;
}

p {
    line-height: 18px;
    margin-left: 30px;
    margin-bottom: 10px;
    color: #242424;
}

label {
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
}

input.email {
    margin-top: 10px;
    margin-left: 15px;
}

input.passwort {
    margin-top: 10px;
    margin-left: 5px;
}

input.check {
    margin-top: 10px;
    margin-left: 60px;
    float: left;
}

#margin_input_anmelden {
    margin-left: 60px;
}

input.anmelden {
    width: 100px;
    color: #FFFFFF;
    font-size: 10px;
    background-color: #0894BE;
}

p.checkbox {
    font-size: 10px;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}

#header_start_left p {
    color: #FFFFFF;
    font-weight: normal;
    margin-left: 40px;
    margin-right: 30px;
}

#header_start_left a {
    color: #02476A;
    font-weight: normal;
    margin-left: 40px;
    margin-right: 30px;
    display: block;
    text-align: right;
}

#header_start_left a:hover {
    color: #02476A;
    font-weight: bold;
    margin-right: 30px;
}

#padding_marquee {
    padding: 0 45px 0 48px;
}

/*========================================
---------------Shadow-Border--------------
========================================*/

#schatten_start {
    float: left;
    width: 10px;
    height: 276px;
    background-image: url(../img/layout/schatten_main.jpg);
    background-repeat: no-repeat;
}

#schatten {
    float: left;
    width: 10px;
    height: 171px;
    background-image: url(../img/layout/schatten.jpg);
    background-repeat: no-repeat;
}