/*========================================
-----------------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;
	position: relative;
	zoom: 1;
}

.clearBoth {
	clear: both;
}

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

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

#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;
	zoom: 1;
}

#logo {
	height: 159px;
	width: 293px;
	display: block;
	position: absolute;
	right: 30px;
	top: 0px;
	overflow: hidden;
}

#logo span {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	overflow: hidden;
}

.site-meimass #logo {
	background: url(../img/meimass-logo.png) 0px 40px no-repeat;
}

.site-meihalbe #logo {
	background: url(../img/meihalbe-logo.png) 0px 40px no-repeat;
}

#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;
}

#nav_main ul li ul {
	margin-left: 15px;
}

#nav_main ul li ul li {
	width: 145px;
}

/*========================================
-----------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;
	overflow: hidden;
}

#margin_content_logo {
	margin-right: 2px;
}

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

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

#content_shop,
#content_logo,
#content_buildl {
	cursor: pointer;
}

#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 div.teaserImg {
	text-align: center;
	margin-top: 20px;
	height: 95px;
	overflow: visible;
	zoom: 1;
}

#main_start #content_shop div.teaserImg {
	margin-top: 10px;
	height: 105px;
}

#main_start div.teaserImg img {
	margin-left: 10px;
}

#main_start div.teaserText {
	height: 95px;
}

#main_start h3 {
	margin-top: 10px;
	color: #0894BE;
	font-size: 14px;
	font-weight: bold;
}

#main_start p {
	margin-left: 35px;
	margin-top: 10px;
	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;
}

#content span#test_catLongDesc p {
	padding-top: 1em;
	margin-left: 0;
}

#content div.box {
	padding-left: 30px;
	margin-bottom: 20px;
}

#content div.box ul.list {
	margin-top: 20px;
}

#content div.audioPlayer,
#content div.videoPlayer {
	margin: 8px 0px 15px;
}

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

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

.produkt .product_title {
	font-weight: bold;
	color: #0894BE;
	min-height: 36px;
}

.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;
}

form#paymentMethodForm tr.tr_sep td {
	padding-top: 10px;
}

/* 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: 0px; /* as long as there's no english */
}

#sprachen a {
	text-decoration: none;
}

#facebookLike {
	float: left;
	margin-top: 10px;
	margin-left: 40px; /* as long as there's no english */
	width: 450px;
}

#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 {
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-left: 30px;
}

#copyright {
	font-size: 11px;
	color: #0894BE;
	margin-bottom: 5px;
}

#impressum {
}

#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;
}

div.contentPadding,
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;
}

/*========================================
---------------Lightbox--------------
========================================*/

.fancybox-title-outside {
	background-color: #fff;
	border-top: 3px solid #009fe3;
	z-index: 10;
}

.fancybox-title-outside #fancybox-title-outside {
	text-align: right;
	color: #009fe3;
	padding-bottom: 8px;
}

#fancybox-bg-s {
	background-image: none !important;
}