﻿@import url("Gallery/gallery.css");

body                            { background-color: #6D96AA; font-family:Tahoma, Geneva, sans-serif; font-size:13px; margin:0px; padding:0px;  }
IMG                             { border:0px; }

.da1                            { padding:5px; }
.da2                            { padding:10px; }

A                               { color:#000000; text-decoration:underline; cursor:pointer; }
A:link							{ color:#000000; text-decoration:underline; }
A:visited						{ color:#000000; text-decoration:underline; }
A:active						{ color:#000000; text-decoration:underline; }
A:hover							{ color:#000000; text-decoration:underline; }

#mainContainer                  { width:1000px; margin-top:10px; margin-bottom:60px; margin-left:auto; margin-right:auto; background-color:#C8CFD9; border:3px solid #EBE9ED; }

#header                         { width:1000px; height:127px; background:#FFFFFF; }
#headerLeft                     { width:265px; height:127px; float:left; }
#languageSelector               { margin:5px 0px 0px 5px; }
#languageSelector A             { border:0px; }
#languageSelector IMG           { border:0px; }
#facebook                       { background: rgba(0, 0, 0, 0) url("../Images/facebook.png") no-repeat scroll 0 0 / contain; display:block; margin:5px; height:25px; width:25px; }
#instagram                      { background: rgba(0, 0, 0, 0) url("../Images/instagram.png") no-repeat scroll 0 0 / contain; display:block; margin:5px; height:25px; width:25px; }
#whatsapp                       { background: rgba(0, 0, 0, 0) url("../Images/whatsapp.png") no-repeat scroll 0 0 / contain; display:block; margin:5px; height:25px; width:25px; }

#headerCenter                   { width:470px; height:127px; float:left;}

#controlBreadCrumb              { color:Black; font-size:10px; margin-bottom:10px; }
#controlBreadCrumb A            { color:Black; }
#controlBreadCrumb SPAN         { margin:0px 4px 0px 4px; }

#controlLogin                   {  }

#loginMessageLeft               { width:230px; float:left; margin-right:35px; }
#loginMessageMiddle             { width:230px; float:left; margin-right:35px; }
#loginMessageRight              { width:230px; float:right; }
.loginMessageTitle              { font-weight:bold; height:40px; }
.loginMessagePrompt             { height:125px; }

#customerMenu                   { float:right; margin:5px; }

#headerRight                    { width:265px; height:127px; float:left; }

#mainMenuContainer              { width:100%; background-color:#0F3063; }
#mainMenu                       { width:750px; height:30px; float:left; padding-left:15px; }  
#mainMenu UL                    { margin:0px; padding:6px 0px 0px 0px; }
#mainMenu LI                    { list-style-type:none; display:inline; }
#mainMenu A                     { color:White; font-weight:bold; text-decoration:none; }
#mainMenu a:hover               { text-decoration:underline; }
#mainMenu SPAN                  { color:White; font-weight:bold; margin:0px 8px 0px 8px; }

#search                                     { float:right; margin:4px 10px 0px 0px; }
#formSearchContainer                        { float:left; }
#searchItemContainer                        { float:left; margin-left:12px; }
#txtBxSearch                                { width:112px; height:14px; padding:3px; font-size:11px; border:1px solid Black; }
#searchButtonContainer                      { float:left; margin-left:12px; }
#searchButtonLeft                           { width:3px; height:22px; float:left; }
/* #bttnSearch                                 { display:block; margin:0px; padding:0px 3px 0px 3px; cursor:pointer; height:22px; float:left; border:0px; background-color:#f6921e; text-transform:uppercase; color:White; font-family:Arial; font-size:11px; } */
#bttnSearch                                 { cursor:pointer; }
#searchButtonRight                          { width:3px; height:22px; float:left; }
#advancedSearchContainer                    { height:22px; float:left; padding:4px 12px 4px 12px; } 

#mainContentContainer           { width:1000px; background-color:#C8CFD9; margin-top:10px; }

.textBlock                      { padding-bottom:20px; }

#leftMenu                       { width:190px; float:right; margin-right:2px; }
#weekSaleContainer              { width:185px; padding:10px 0px 10px 0px; text-align:center; background:#ffffff; }

#creditContainer                { border:1px solid #8796AB; padding:20px; }
#creditValue                    { font-size:24px; font-weight:bold; }

.productOverviewColumnAmountPerBox  { width:30px; }
.productOverviewColumnAmount        { width:30px; }
.productOverviewColumnPrice         { width:50px; }
.productOverviewColumnAdd           { width:30px; }
.productOverviewColumnImage         { width:30px; }
.bigImageContainer                  { position:absolute; display:none; background-color:White; border:1px solid Black; }
.bigImageContent                    { position:relative; }
.bigImageContent .overviewItemNewContainer {font:12px;}

.photoItemContainer             { width:740px; padding:10px; }
.photoItemDescription           { width:530px; padding:10px; float:left; }
.photoItemAction                { padding:10px; float:right; }
.photoItemImage                 { width:720px; }
.photoItemImage IMG             { margin:10px 10px 0px 10px; }

.photoGalleryItem               { width:720px; padding:20px; border-bottom:2px solid #8796AB; }
.photoGalleryItemLeft           { width:260px; float:left; }
.photoGalleryItemName           { width:260px; }
.photoGalleryItemRight          { width:450px; float:right; }
.photoGalleryItemImagesContainer{ float:right; }

#cartMenuContainer               { width:800px; margin-bottom:10px; }
A.cartMenuItem                   { width:100px; display:block; float:left; padding:5px 10px 5px 10px; margin:0px 5px 0px 0px; color:#8796AD; border:1px solid #8796AD; font-size:10px; font-weight:bold; cursor:pointer; }
A.cartMenuItemInActive           { width:100px; display:block; float:left; padding:5px 10px 5px 10px; margin:0px 5px 0px 0px; color:#D7D7FF; border:1px solid #D7D7FF; font-size:10px; font-weight:bold; cursor:auto; }
A.cartMenuItemSelected           { width:100px; display:block; float:left; padding:6px 11px 6px 11px; margin:0px 5px 0px 0px; color:White; font-size:10px; background-color:#8796AD; }

.priceContainer                 {  }
.newPriceContainer              { font-size:10px; color:#B20000; }
.oldPriceContainer              { font-size:10px; text-decoration:line-through; }

#shoppingCart                   { width:190px; margin-bottom:20px; }
#shoppingCartHeader             { width:185px; height:26px; background-color:#8090A7; border-radius:10px 10px 0px 0px; }
#shoppingCartPrompt             { display:block; font-weight:bold; text-align:center; padding-top:5px; color:#fff; }
#shoppingCartContent            { width:175px; padding:5px; background-color:#ffffff; font-size:10px; color:#000000; }
#shoppingCartContent A          { color:#000000; }
.cartColumnProduct              {  }
.cartColumnAmount               { white-space:nowrap; text-align:right; }
.cartColumnPrice                { white-space:nowrap; text-align:right; }
#cartRowTotal                   {  }
.cartColumnTotalPrompt          { white-space:nowrap; text-align:left; border-top:1px solid #000000; }
.cartColumnTotalAmount          { white-space:nowrap; text-align:right; border-top:1px solid #000000; }
.cartColumnTotalPrice           { white-space:nowrap; text-align:right; border-top:1px solid #000000; }
.cartProductContainerEven       { margin-top:5px; background:#C8CFD9; padding:2px; }
.cartProductContainerOdd        { margin-top:5px; padding:2px; }
.cartProductNameContainer       { width:125px; float:left; }
.cartProductSeparator           { width:8px; float:left; text-align:center; }
.cartProductAmountContainer     { width:23px; float:left; text-align:right; }
#cartGotoContainer              { width:170px; padding-top:10px; font-size:13px; }

#cartProcessLeft                { width:500px; float:left; }
#cartProcessRight               { width:225px; float:right; }
#cartInfoBlock                  { float:right; padding:20px; background:#8796AB; color:White; }
#cartButtonContainer            { width:760px; margin-top:20px; }
.errorContainer                 { width:720px; margin:20px 0px 20px 0px; padding:20px; border:1px solid Red; }

#confirmationRowProductContainer            { padding:12px 0px 12px 0px; border-bottom:2px solid #C1CED4; }
#confirmationRowProductLeft                 { width:500px; float:left; }
#confirmationRowProductRight                { width:225px; float:right; }

#confirmationRowAddressContainer            { padding:12px 0px 12px 0px; border-bottom:2px solid #C1CED4; }
#confirmationRowAddressLeft                 { float:left; }
#confirmationRowAddressRight                { float:left;}
.confirmationRowAddressPrompt               { font-weight:bold; padding-bottom:12px; }

#confirmationRowPayMethodContainer          { padding:12px 0px 12px 0px; border-bottom:2px solid #C1CED4; }
#confirmationRowPayMethodLeft               { float:left; }
#confirmationRowPayMethodRight              { float:left;}

#confirmationRowRemarkContainer             { padding:12px 0px 12px 0px; border-bottom:2px solid #C1CED4; }
#confirmationRowRemarkContainer TEXTAREA    { width:300px; height:100px; }

#confirmationRowConfirmationContainer       { padding:12px 0px 12px 0px; }

#contentContainer               { width:800px; float:left; background-color:White; }

.content                        { width:760px; padding:20px 20px 20px 20px; }
.pageTitle                      { color:#8796AB; font-family:Monotype Corsiva; font-size:30px; font-weight:normal; padding:0px; margin:0px; }
.pageTitleLine                  { border:1px solid #8796AB; width:760px; }
#content H3                     { cursor:pointer; text-decoration:underline; }

#productTypeContainer            {  }
DIV.filterItemsContainer         { border-bottom:1px solid #8796AB; width:760px; margin:0px; padding:0px; }
DIV#filterContainerPrompt        { margin:5px 5px 5px 0px; }   
DIV.filterPrompt                 { float:left; width:150px; margin:8px 8px 4px 0px; font-weight:bold; font-size:11px; }
DIV.filterItems                  { float:right; width:600px; }
DIV.filterItems INPUT            { display:block; float:left; padding:4px 8px 4px 8px; margin:4px 8px 4px 0px; font-family:Tahoma,Geneva,sans-serif; font-size:10px; font-weight:bold; cursor:pointer; }
INPUT.filterItem                 { color:#8796AD; border:1px solid #8796AD; background-color:#FFFFFF; }
INPUT.filterItemSelected         { color:#FFFFFF; border:1px solid #FFFFFF; background-color:#8796AD; }
HR.filterLine                    { border:1px solid #8796AB; width:760px; margin:0px; padding:0px; }

#homeLeft                       { width:530px; float:left; }
#homeRight                      { width:180px; float:right; border-left:2px solid #C1CED4; padding:0px 0px 20px 10px; margin-left:20px; }
#homeDiscountPrompt             { display:table; margin-right:auto; margin-left:auto; color:#863E28; font-size:24px; padding-bottom:10px; text-shadow: 1px 1px 1px #000; }
#homeDiscountProductGroupPrompt { display:table; margin-right:auto; margin-left:auto; font-weight:bold; color:#863E28; font-size:12px; padding-bottom:10px; text-align:center; }

#contactForm_Clear              { width:130px; height:25px; background-color:#FF9900; border:0px; color:White; font-weight:bold; cursor:pointer; }
#contactForm_Submit             { width:130px; height:25px; background-color:#8796AB; border:0px; color:White; font-weight:bold; cursor:pointer; }

#contentMenu                    { width:800px; height:38px; background-color:#8796AB; border-radius:0px 0px 10px 10px; }  
#contentMenuContent             { padding-left:17px; }
#contentMenuContent A           { color:White; font-weight:bold; text-decoration:none; }
#contentMenuContent A:hover     { text-decoration:underline; }
#contentMenuContent SPAN        { color:White; font-weight:bold; }
.menuItemSeparator              { width:25px; height:38px; display:block; float:left; background: url(../Images/tussenstreep.gif) no-repeat; }

#footer                         { width:1000px; height:0px; clear:both; } 

#contactForm                    {  }

DIV.overviewItem                    { float:left; border:1px solid #C1CED4; width:184px; margin:0px 4px 4px 0px; }
DIV.overviewItemName                { margin:1px; background-color:#C1CED4; height:30px; text-align:center; padding-top:3px; padding-bottom:3px; }
DIV.overviewItemName A              { color:Black; font-weight:bold; font-size:10px; }
DIV.overviewItemName H2             { font-size:10px; padding:0px; margin:0px; }
DIV.overviewItemName IMG            { position:relative; }
DIV.overviewItemContent             { width:184px; height:130px; position:relative; }
DIV.overviewItemImageContainer      { vertical-align:middle; text-align:center; }
DIV.overviewItemImageContainer A    { display:block; width:184px; height:130px; display:table-cell; vertical-align:middle;  }
DIV.overviewItemImageContainer A IMG { vertical-align:middle; }
DIV.overviewItemPrice1              { float:left; font-size:12px; padding:6px; }
DIV.overviewItemPrice2              { float:left; font-size:11px; }
DIV.overviewItemBrand               { padding:6px; font-size:12px; }
DIV.overviewItemNewMessage          { float:right; font-size:10px; color:#B20000; text-align:right; }
DIV.overviewItemNewContainer        { width:50px; position:absolute; bottom:3px; right:3px; border-radius: 3px 10px; padding:2px; text-align:center; font-size:9px; color:#fff; }
div.overviewItemNewCurrentContainer { background:#8AC007; }
div.overviewItemNewNextContainer    { background:#3D07C0; }
span.overviewItemNewPrompt          {  }    
span.overviewItemNewValue           { font-weight:bold; }    
DIV.overviewItemDiscountMessage     { font-size:10px; color:#B20000; text-align:right; }
DIV.overviewItemFooter              { margin:1px; background-color:#C1CED4; height:26px; padding:2px 3px 2px 3px; }

.productDiscountContainer           { width:190px; height:210px; }

#amountFoundPrompt                          { margin:10px 0px 10px 0px; }

.formItemContainer                          { margin-bottom:4px; }
.formItemLabelContainer                     { padding-top:8px; } 
.formItemControlContainer                   { }
.formItemErrorContainer                     { float:left; padding:2px 0px 0px 6px; color:Red; }
.formItemFooter                             { clear:both; }

.formItemLabelContainer LABEL               {  }
.formItemControlContainer INPUT             {  }
.formItemControlContainer TEXTAREA          {  }

.formButtonContainer                        {margin-top:10px;}

.formValidationExtra                        {visibility:hidden; height:0px;}

#loginForm, #formLogin, #formRegistration   {width:200px;}
#contactForm                                {width:300px;}

#loginMessageLeft #formRegistration .formButtonContainer      {margin-top:-10px;}
#formAddressDataLeft                        {width:200px; float:left;}
#formAddressDataRight                       {width:200px; float:right;}
.formAddressDataCompanyContainer            {display:none;}

A.linkWhite                                 { color:#ffffff; font-weight:bold; text-decoration:underline; cursor:pointer; }
A.linkWhite:link							{ color:#ffffff; text-decoration:underline; }
A.linkWhite:visited							{ color:#ffffff; text-decoration:underline; }
A.linkWhite:active							{ color:#ffffff; text-decoration:underline;  }
A.linkWhite:hover							{ color:#ffffff; text-decoration:underline; }

A.linkBlack                                 { color:#000000; text-decoration:underline; cursor:pointer; font-size:10px; }
A.linkBlack:link							{ color:#000000; text-decoration:underline; }
A.linkBlack:visited							{ color:#000000; text-decoration:underline; }
A.linkBlack:active							{ color:#000000; text-decoration:underline; }
A.linkBlack:hover							{ color:#000000; text-decoration:underline; }

.button                                     { padding:5px 10px 5px 10px; background-color:#8796AB; border:0px; color:White; font-weight:bold; cursor:pointer; text-decoration:underline; }
A.button:link							    { color:#ffffff; text-decoration:underline; }
A.button:visited							{ color:#ffffff; text-decoration:underline; }
A.button:active							    { color:#ffffff; text-decoration:underline; }
A.button:hover								{ color:#ffffff; text-decoration:underline; }
.clear                                      { clear:both; }
.left                                       { float:left; }
.right                                      { float:right; }
.displayNone                                { display:none; }
.display                                    { display:block; }
.disabled                                   { text-decoration:none; }
.formError                                  { border:1px solid Red; }
.bold                                       { font-weight:bold; }
.textbox                                    { width:100%; border:1px solid #AAAAAA; padding:3px; box-sizing: border-box; }
.password                                   { width:100%; border:1px solid #AAAAAA; padding:3px; box-sizing: border-box; }
.textarea                                   { width:100%; border:1px solid #AAAAAA; padding:3px; box-sizing: border-box; height:125px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; }
.select                                     { width:100%; border:1px solid #AAAAAA; padding:3px; box-sizing: border-box; }
.checkbox                                   {  }
.checkboxContainer                          { width:50px; padding-top:4px; }
.checkboxControl                            { float:left; width:20px; }
.checkboxPrompt                             { float:left; width:220px; }
.radiobutton                                {  }
.radiobuttonContainer                       { }
.radiobuttonControl                         { float:left; width:20px; }
.radiobuttonPrompt                          { float:left; width:220px; }
.listBoxAssociation                         { width:200px; height:350px; }
.numeric                                    { width:50px; }
.button2                                    { display:block; padding:2px 4px 2px 4px; text-align:center; }
.required                                   { font-weight:bold; }
.cursorPointer                              { cursor:pointer; }
.even                                       {  }
.odd                                        { background:#F3F5F8; }
.centered                                   { display:table; margin-right:auto; margin-left:auto; }

.formError                                  { border:1px solid Red; }
.successContainer                           { background-color:lime; border:1px solid Green; padding:5px; text-align:center; }

.infoContainer                              { font-size:11px; }
#productInfoContainer                       { width:760px; padding-bottom:20px; }
#productInfoDescription                     { width:760px; }
#productInfoDescription IMG                 { float:right; clear:right; margin:0px 0px 10px 10px; }
#productInfoImage                           { width:320px; float:right; }
#productOverviewHeader                      { background-color:#6D96AA; color:Black; font-weight:bold; font-size:10px; }
.txtBxProductAmount                         { width:20px; height:20px; text-align:center; border:1px solid #666666; }
.bttnAddToCart                              { width:28px; height:25px;  background:#FFFFFF url(../Images/winkelwagentje.gif) no-repeat 2px; cursor:pointer; }

#cartOverviewHeader                         { background-color:#6D96AA; color:Black; font-weight:bold; font-size:11px; }
.bttnRemove                                 { font-size:11px; padding:3px 5px; }

.buttonOrderWithoutLogin                    { margin-top:23px; display:block; float:left; clear: both;}

.jvrPager                                   { margin-top:5px; margin-bottom:10px; }
.jvrPagerContainer                          { }
.jvrPagerPreviousContainer                  { width:100px; float:left; text-align:left; }
.jvrPagerPagesContainer                     { width:550px; float:left; }
.jvrPagerPage                               { width:30px; height:20px; float:left; text-align:right; }
.jvrPagerPageSelected                       { font-weight:bold; font-size:14px; text-decoration:none; }
.jvrPagerNextContainer                      { width:100px; float:left; text-align:right; }
.jvrPagerFooter                             { clear:both; }
