/*** standard layout ***/

/** standards **/

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 15px Calibri,"Trebuchet MS",Verdana,sans-serif;
	color: #000000;
	background: #f9f9f9 url(../images/bg_main.jpg) no-repeat fixed center center;
	line-height: 130%;
	text-align: center;
}

img {
	border: 0px none;
}

table {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

td {
	font: 15px Calibri,"Trebuchet MS",Verdana,sans-serif;
	color: #000000;
	line-height: 130%;
}

sup {
	font-size:80%;
    position: relative;
    vertical-align: baseline;
	bottom: 0.6ex;
}


#menuBasket sup {
	bottom: 0.4ex;
}

/** outer layout **/

#outerouter {
	width: 986px;
	/*background: #ffffff;*/
	margin: 0 auto;
    padding: 0px;
    border: 1px dotted #7f7f7f;
    border-top: 0px;
    border-bottom: 0px;
    -webkit-box-shadow: 0 0 8px #FFFFFF;
	-moz-box-shadow: 0 0 8px #FFFFFF;
	box-shadow: 0 0 8px #FFFFFF;
	text-align: left;
	background: #ffffff url(../images/bg_inner.jpg);
}

#outer {
	padding: 10px;
	padding-top: 0px;
}

/** banner **/

#logo {
	text-align: left;
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
	padding-top: 8px;
}

#claim {
	color: #0c54a0;
	float: right;
	height: 75px;
	display: table;
}

#claim div {
	display: table-cell;
	vertical-align: bottom;
	font-size: 20px;
}

/** menu **/

#menu {
	border: 1px solid #7a7a7a;
	background: #dedede url(../images/bg_menu.png) repeat-y left top;
	width: 248px;
	height:auto;
	overflow: hidden;
}

#menuInner {
	width: 248px;
}

/* menu basket */

#menuBasket {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #7a7a7a;
	font-size: 17px;
	padding: 10px;
	width: 228px;
}

/* menu search */

#menuSearch {
	padding: 10px;
	width: 228px;
	border-top: 1px solid #e0e0e0;
}

/* menu shop */
#menuShopHead {
	background: #004d29 url(../images/bg_menushophead.png) repeat-y left top;
	padding: 6px 10px;
	color: #ffffff;
	margin: 0px auto;
	border-top: 2px solid #028b35;
	border-bottom: 2px solid #026336;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	text-shadow: #004d29 2px 0px 5px;
}

#menuShopHead a:link {
	color: #ffffff;
}

#menuShopHead a:hover {
	color : #ffffff;
}

#menuShopHead a:visited {
	color : #ffffff;
}

#menuShop {
	background: #35af39 url(../images/bg_menushop.png) repeat-y left top;
}

#menuShop ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menuShop li {
	border-top: 1px solid #6fd974;
	border-bottom: 1px solid #026336;
	padding: 3px 8px;
	text-shadow: #6fd974 0px 0px 2px;
	font-weight: bold;
}

#menuShop li a:link {
	color : #000000;
}

#menuShop li a:visited {
	color : #000000;
}

#menuShop li a:hover {
	text-decoration : underline; color : #005EBF;
}

.menuShopLiActive {
	background: #3782d4 url(../images/bg_menushop_active.png) repeat-y left top;
	color: #99c9ff;
}

/* menu ueberuns */

#menuUeberunsHead {
	background: #013c79 url(../images/bg_menuueberhead.png) repeat-y left top;
	padding: 6px 10px;
	color: #ffffff;
	margin: 0px auto;
	border-top: 2px solid #3782d4;
	border-bottom: 2px solid #013279;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	text-shadow: #004d29 2px 0px 5px;
}

#menuUeberuns {
	background: #3782d4 url(../images/bg_menuueber.png) repeat-y left top;
}

#menuUeberuns ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menuUeberuns li {
	border-top: 1px solid #3782d4;
	border-bottom: 1px solid #013279;
	padding: 3px 8px;
	text-shadow: #4d8fd8 0px 0px 2px;
	font-weight: bold;
}

#menuUeberuns li a:link {
	color : #000000;
}

#menuUeberuns li a:visited {
	color : #000000;
}

#menuUeberuns li a:hover {
	text-decoration : underline; color : #99c9ff;
}

.menuUeberunsLiActive {
	background: #3782d4 url(../images/bg_menuueber_active.png) repeat-y left top;
	color: #99c9ff;
}

/* menu infos */

#menuInfosHead {
	background: #9c0701 url(../images/bg_menuinfoshead.png) repeat-y left top;
	padding: 6px 10px;
	color: #ffffff;
	margin: 0px auto;
	border-top: 2px solid #ff2c0d;
	border-bottom: 2px solid #9b0701;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	text-shadow: #ff533a 2px 0px 5px;
}

#menuInfos {
	background: #ff2b0d url(../images/bg_menuinfos.png) repeat-y left top;
}

#menuInfos ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menuInfos li {
	border-top: 1px solid #ffbebc;
	border-bottom: 1px solid #ff8481;
	padding: 3px 8px;
	text-shadow: #ff533a 0px 0px 2px;
	font-weight: bold;
}

#menuInfos li a:link {
	color : #000000;
}

#menuInfos li a:visited {
	color : #000000;
}

#menuInfos li a:hover {
	text-decoration : underline; color : #005EBF;
}


.menuInfosLiActive {
	background: #3782d4 url(../images/bg_menuinfos_active.png) repeat-y left top;
	color: #99c9ff;
}

.navBulletSub {
	height: 15px;
	margin-right: 3px;
	vertical-align: middle;
}

#content {
	margin-left: 10px;
	width: 690px;
}

#content h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 20px;
	line-height: 26px;
	color: #000000;
	border-bottom: 2px dotted #7f7f7f;
}

#content h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #000000;
	border-bottom: 1px dotted #7f7f7f;
}

#productDescriptionDetail h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #000000;
	border-bottom: 0px none;
}

#productDescriptionDetail h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #000000;
	border-bottom: 0px none;
	border-bottom: 1px dotted #7f7f7f;
}

#productDescriptionDetail h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 8px;
	line-height: 18px;
	color: #000000;
	border-bottom: 0px none;
}

/*** links ***/

a:link { text-decoration : none; color : #5687B9; font-weight: bold; }
a:visited { text-decoration : none;	color:#5687B9; }
a:active { text-decoration : underline; color:#005EBF;}
a:hover  { text-decoration : underline; color : #005EBF;}

/*** footer ***/

.contentfooter {
	border-top: 1px solid #000000;
	background: url(../images/bg_footer.png) repeat-x left top;
	padding: 0px 10px;
	margin-top: 20px;
	line-height: 150%;
}

#contentfooterbox {
	width: 215px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px dotted #7f7f7f;
	border-left: 1px dotted #ffffff;
}

#contentfooterbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contentfooterbox li {
	margin: 0;
	padding: 0;
}

#contentfooterbox h2 {
	text-shadow: #FFFFFF 2px 0px 5px ;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
	color: #000000;

}

/*** forms ***/

.formInput {
	background: #adcdee;
    border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    height: 26px;
    padding: 2px;
    width: 100%;
}

.formInput:hover {
    background: #b3d9ff;
}

.formInput:focus {
    box-shadow: 0 0 8px #adcdee;
    outline: medium none;
}

.formInputError {
	background: #ff633f;
    border: 2px dotted #d82900;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    height: 26px;
    padding: 2px;
    width: 100%;
}

.formInputError:hover {
    background: #ff8265;
}

.formInputError:focus {
    box-shadow: 0 0 8px #ff633f;
    outline: medium none;
}

.formTextarea {
	color: #000000;
	background: #adcdee;
	border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.formTextareaError {
	color: #000000;
	background: #ff633f;
	border: 1px solid #d82900;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.formTextarea:hover {
    background: #b3d9ff;
}

.formSubmit {
	background: #ffae16;
    border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    height: 26px;
    padding: 2px;
    width: 100%;
	background:  url(../images/submit_bg.jpg);
	font-weight: bold;
}

.formSubmit:hover {
    background: #ffaf06;
    background:  url(../images/submit_bg_hover.jpg);
}

.formSubmit:active {
    background: #ffaf06;
    background:  url(../images/submit_bg_active.jpg);
}

.formSubmitUpdate {
	background: #ffae16;
    border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    font-size: 10px;
    margin-top: 2px;
	background:  url(../images/submit_bg.jpg);
	height: 20px;
	width: 100%;
}

.formSubmitUpdate:hover {
    background: #ffaf06;
    background:  url(../images/submit_bg_hover.jpg);
}

.formSubmitUpdate:active {
    background: #ffaf06;
    background:  url(../images/submit_bg_active.jpg);
}

/*** images ***/

/** content **/


.imageContentComment img {
	padding: 5px;
}

.imageFloatRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.imageFloatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imageContentComment {
	border: 1px solid #7f7f7f;
	background: #ffffff;
	color: #7f7f7f;
	text-align: center;
}

/*** special ***/

.productSearchInput:hover {
    background: #b3d9ff;
}

.productSearchInput:focus {
    box-shadow: 0 0 8px #adcdee;
    outline: medium none;
}

.productSearchInput {
	background: #adcdee;
    border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    height: 26px;
    padding: 2px;
	width: 125px;
	margin-right: 5px;
	font-weight: bold;
	color: #87b2de;
	text-shadow: #dbe9f8 0px 0px 3px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
}

.productSearchInputFocus {
	background: #adcdee;
    border: 1px solid #5687B9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    height: 26px;
    padding: 2px;
	width: 125px;
	margin-right: 5px;
	font-weight: bold;
	color: #000000;
	text-shadow: #dbe9f8 0px 0px 3px;
	font-size: 16px;
	padding-left: 5px;
}

.productSearchInputFocus:hover {
    background: #b3d9ff;
}

.productSearchInputFocus:focus {
    box-shadow: 0 0 12px #95c0ec;
    outline: medium none;
}

#productSearchSubmit {
	width: 80px;
	padding-bottom: 2px;
	font-size: 16px;
	text-shadow: 0 0px 3px #dbe9f8;
}

.basketpic {
	float: left;
	margin-right: 5px;
}

.productSmallImageContainer {
	background-color: #ffffff;
	border: 1px solid #7a7a7a;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    padding: 0px;
    margin: 0px;
}

/*.productSmallImageContainer * {
	vertical-align: middle;
	text-align: center;
}*/

.helpLink {
	border: 1px solid #5687B9;
	line-height: 120%;
	height: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman";
}

.helpLink a {
	padding: 0px 6px;
}

.specialContainerText {
	padding-top: 25px;
}

.specialHeadline {
	font-size: 24px;
	font-weight: bold;
}

.specialHeadlineText {
}

.specialHeadlineText p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.specialItemTitle {
 text-shadow: #000000 0px 0px 1px;
 font-size: 24px;
}


/*** TODO ***/

/*** shop old ***/

.priceOverview { font-size: 20px; font-weight: bold; }
.priceDetail { font-size: 32px; font-weight: bold; }
.striked { text-decoration: line-through; }
.discount { color: #ee0000; }
.highlight { color: #ee0000; font-weight: bold; }


/*** Shop Help (neu) ***/

.shopHelpParagraph {
	-moz-column-count: 2;
}

.shopHelpList {
	list-style-type:decimal;
	margin: 5px;
}

.shopHelpRowLeft {
	width: 48%;
	float: left;
	padding-right: 10px;
}

.shopHelpRowRight {
	float: right;
	width: 48%;
	padding-left: 10px;
}

.shopHelpSubHeading {
	font-size: 12pt;
	margin-bottom: 5px;
	margin-top: 15px;
}

.shopHelpZielfunktion {
	margin: 5 0 0 0 ;
}

.actionMessage {
	margin: 5px 0 0 12px ;
}

.preResult {
	margin: 5px 5 10 10 ;
	float:left;
	width:4%;
}

.result {
	float:left;
	margin: 5px 5 10 10 ;
	width:4%;
}
.resultMessage {
	margin: 5px 10 15 0 ;
	float:right;
	width: 85%;
}
.preResultMessage {
	margin: 5px 10 10 0 ;
	width:85%;
	float:right;
}

.helpImageFloatCenter {
	float: center;
	margin-left: 52px;

	margin-top: 5px;
}
.helpImageFloatRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.helpImageFloatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

/* cookie consent */
.cc-window {
    box-shadow: 10px 10px 10px rgba(127,127,127, 0.5);
    border: 1px solid lightgray;
}

/* product images */

.productGallery {
	min-width: 300px;
	text-align: center;
	margin-top: 10px;
}

a .productPreview {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

a .productPreview {
	transition: all 0.2s ease-out;
}

a .productPreview:hover {
	opacity: .9;
	transform: scale(1.05);
}

.productPreview.Main {
	margin-bottom: 10px;
}

.productPreview.Container {
	display: inline-block;
	width: 90px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

.productPreview.Other {
	max-width: 90px;
	max-height: 90px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* magnific-popup */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* customizing */

img.mfp-img {
	-webkit-box-shadow: 0 0 20px #aaa;
	-moz-box-shadow: 0 0 20px #aaa;
	box-shadow: 0 0 20px #aaa;
	border: 1px solid #c5c5c5;
	background-color: white;
	padding: 5px;
	padding-bottom: 25px;
}

.mfp-bottom-bar {
	margin-top: -21px;
}
.mfp-title {
	margin-left: 5px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 48px;
}
.mfp-counter {
	margin-right: 5px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0;
}