/*********************** Standard setting ************************/

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-justify {text-align: justify;}

.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.center { text-align: center; }
.right { text-align: right; }

.underline  {text-decoration: underline}
.strike  {text-decoration: line-through}

.font-size-8  { font-size:8px; }
.font-size-9  { font-size:9px; }
.font-size-10 { font-size:10px; }
.font-size-11 { font-size:11px; }
.font-size-12 { font-size:12px; }
.font-size-14 { font-size:14px; }
.font-size-16 { font-size:16px; }
.font-size-18 { font-size:18px; }
.font-size-20 { font-size:20px; }
.font-size-24 { font-size:24px; }
.font-size-26 { font-size:26px; }
.font-size-28 { font-size:28px; }
.font-size-36 { font-size:36px; }
.font-size-48 { font-size:48px; }
.font-size-72 { font-size:72px; }

.color-lpweiss {color:white;}
.color-lpblau { color:#003399; }
.color-lpeisblau { color:#DFE5F2; }
.color-lpalpenblau { color:#6EB1E2; }
.color-lpkirschrot { color:#990000; }
.color-lphellgrau { color:#CCCCCC; }
.color-lpaltrosa { color:#CC9999; }
.color-lpbraun { color:#663333; }

/*********************** Common Styles ************************/

body { margin: 0; padding: 0; background-color: #FFFFFF; color: #333333; text-align: center; }
a:link, a:visited, a:active { color:#003399; }
th { text-align: left; font-weight: normal; }
form  { margin: 0; padding: 0; }
input, select { margin:0; }
* html input.radio { margin-top:2px; }
input[type = "radio"] { margin-top:4px; }
.light {color:#949AA5}
img {border:0;}
option, input,select,textarea,radio { font-size:12px; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.noWrap { white-space:nowrap; }
img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; }
div, p, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, table, td, th, pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; }
h4 { color:#003399; font-size:12px; font-weight:bold; }

#Frame { width: 960px; margin: 7px auto; text-align: left; }

a.arrowBold { font-weight: normal; color: #003399; text-decoration: underline; }
.dottedLine { clear:both; overflow:hidden; height:1px; margin: 0 15px 10px 15px; background-repeat: repeat-x; background-image: url(../images/layout/line_dotted_darkblue.gif); }
.solidLine { border-bottom: 1px solid #DFE5F2; line-height:1px; margin:0 0 10px 0; padding:0; }
.solidLineForm { border-bottom: 1px solid #DFE5F2; line-height:1px; margin:0; padding:0; }
.pointsContent { color:#990000; font-size:12px; font-weight:bold; line-height:20px; }

/*********************** TopHeader ************************/

#TopHeader { width:960px; height:106px; background-repeat:no-repeat; }
#TopHeader h1 { width:134px; margin:0 0 0 0px; padding:0px 0 0 0; } /* Logo */

/*********************** SearchBar ************************/

#BoxSearchBar {padding:7px; margin-bottom:9px; border:1px solid #dfe5f2; }
#BoxSearchBar form {background-color:#003399; margin:0; padding:0; overflow:hidden; height:30px; }
#BoxSearchBar form .fieldset {margin:0; padding:3px 0; border:0; display:block; overflow:hidden; height:100%; }
#BoxSearchBar form .fieldset div, #BoxSearchBar form div.fieldset dl,
#BoxSearchBar form div.fieldset dd, #BoxSearchBar form div.fieldset dt {float:left; display:inline; }
#BoxSearchBar form .fieldset dl {width:641px; height:24px; overflow:hidden; }
#BoxSearchBar form .fieldset dd.boxLabelSearchTerm { width:161px; }
#BoxSearchBar form .fieldset dt.boxSearchTerm { width:215px; }
#BoxSearchBar form .fieldset dt.boxSearchTerm input { width:195px; margin:1px 0 0 0; }
* html #BoxSearchBar form .fieldset dt.boxSearchTerm input { /* Für IE */ margin:0; }
#BoxSearchBar form .fieldset dd.boxLabelSearchCat { width:35px; }
#BoxSearchBar form .fieldset dt.boxSearchCat { width:230px; }
#BoxSearchBar form .fieldset dt.boxSearchCat select { width:200px; margin:1px 0 0 0; }
#BoxSearchBar form .fieldset div.boxFind { width:158px; }
#BoxSearchBar form .fieldset div.boxFind input { display:block; }
.fieldSearchTerm {color:#949AA5}

/*********************** Search Box: End ************************/

#BoxContentColumns { width: 960px; overflow: hidden; margin: 0 0 19px 0; }

/*********************** Column Left ************************/

#BoxColumnLeft                                                         { width: 180px; float: left; display: inline; margin: 0 9px 0 0; }
#BoxColumnLeft .boxNavLeft                                 { border: 1px solid #dfe5f2; margin: 0 0 9px 0; }
#BoxColumnLeft .boxNavLeft ul                         { padding: 0; margin: 0 4px 0px 11px; list-style-type: none; }
#BoxColumnLeft .boxNavLeft ul li                 { padding:0; line-height:13px; color:#003399; font-weight:bold; padding: 6px 0; background: url(../images/layout/line_dotted_blue.gif) repeat-x; list-style-type: none; }
#BoxColumnLeft .boxNavLeft ul li a                 { text-decoration: none; }
#BoxColumnLeft .boxNavLeft ul li a.home        { background:url(../images/icons/home.gif) no-repeat; padding-left: 20px; height:16px; display: block; }
#BoxColumnLeft .boxNavLeft ul li a.cart        { background:url(../images/icons/warenkorb.gif) no-repeat; padding-left: 20px; height:16px; display: block; }
#BoxColumnLeft .boxNavLeft ul.noPad         { padding-bottom:0; }
#BoxColumnLeft .boxNavLeft li.noDots         { background-image:none; margin-top:3px; padding-bottom:3px;}
#BoxColumnLeft .boxNavLeft li.noBold         { margin-bottom:3px; font-weight:normal; }
#BoxColumnLeft .boxNavLeft li.noDotsNoBold { margin-top:3px; font-weight:normal; background-image:none;}
#BoxColumnLeft .boxNavLeft li.first         { padding: 6px 0 0; }
#BoxColumnLeft .boxNavLeft li.imgHead         { background-image:none; margin:0; margin-left: -1px; padding:0 0 4px;}
#BoxColumnLeft .boxNavLeft li.noImgHead { background-image:none; margin:0; margin-left: -1px; padding:0 0 4px; height:28px;}
#BoxColumnLeft .boxNavLeft li.last                 { padding-bottom:4px; }
#BoxColumnLeft .boxNavLeft li.imgHead img{ margin:0 -10px -6px; }

#BoxColumnLeft .boxNavLeft ul li ul { margin:6px 0 0; padding:0; }
#BoxColumnLeft .boxNavLeft li ul li { font-weight: normal; line-height:13px; padding: 6px 0; }
#BoxColumnLeft .boxNavLeft li ul li a, #BoxColumnLeft .boxNavLeft li li strong { display: block; text-decoration: none; background: url(../images/layout/arrow_blue.gif) no-repeat 1px 4px; padding-left: 11px; margin-bottom:0; }
#BoxColumnLeft .boxNavLeft li ul li a strong { display: inline; text-decoration: none; background: none; padding: 0; }
#BoxColumnLeft .boxNavLeft p {margin: 0 0 10px 10px; color:#003399;}
.bdi_BHeadline { color:#000000; }
/*********************** Column Left: End ************************/


/*********************** Breadcrumb ************************/

#BreadCrumb { margin: 5px 0 10px 1px; width: 400px; height: 1.3em; font-weight:bold; }
#BreadCrumb li { color: #003399; display: inline; float: left; padding: 0 6px 1px 11px; background: url(../images/layout/arrow_blue.gif) no-repeat 0 50%; }
#BreadCrumb li a { color: #003399; text-decoration: none; }
/* #BoxColumnContent #Cart { float: right; margin: 5px 1px 0 0; color: #003399; font-weight:bold; } */

/*********************** siteNavigation ************************/

.jointColumns .siteNavigation { background-color: #dfe5f2; padding: 0 10px 0 10px; height: 30px; }
.jointColumns .siteNavigation ul { padding: 8px 0 0 0; margin-top: 0;  float:right;}

.jointColumns .siteNavigation ul li { display: inline; color: #003399; background: url(../images/icons/gallery_separator.gif) no-repeat 0 50%; padding-left: 8px; }
.jointColumns .siteNavigation ul li a { font-weight:bold; }
.jointColumns .siteNavigation ul li.noSep, .jointColumns .siteNavigation ul li.arrow { background: none; }
.jointColumns .siteNavigation ul li.arrow a { position: relative; top: 1px; }
.jointColumns .siteNavigation ul li a img { display:inline; font-weight:bold; }
.jointColumns .siteNavigation ul li a.current { color:#333333; text-decoration:none;}


/*********************** Column Right ************************/


#BoxColumnRight { width: 240px; float: left; display: inline; }
#BoxColumnRight .boxTeaserTopRight, #BoxColumnRight .boxTeaserBottomRight { width: 238px; overflow:hidden; margin: 0 0 9px 0; }
#BoxColumnRight div { border: 1px solid #dfe5f2; margin: 0 0 9px 0; padding:0; width:238px; }
#BoxColumnRight div div { border: 0; margin: 0; padding:0; }
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B { margin:15px 0; padding:0; float: left; }
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B dl { }
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B dt { float:left; padding: 0 0 10px 15px;}
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B dd { float:right; display:inline; width:130px; margin-right:10px;}
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B dd h4 { padding: 0 0 5px 0; }
#BoxColumnRight .boxTeaserTopRight .LP_Teaser_B dd a { font-size:12px; font-weight:bold;}

#BoxColumnRight .boxTeaserTopRight .boxTable { padding: 6px 8px 8px 8px; }
#BoxColumnRight .boxTeaserTopRight .boxTable tr.firstLine td,
#BoxColumnRight .boxTeaserTopRight .boxTable tr.firstLine th { background-image: none; line-height: 15px;}
#BoxColumnRight .boxTeaserTopRight .boxTable td, #BoxColumnRight .boxTable th { background-image: url(../images/layout/line_dotted_blue.gif); background-repeat: repeat-x; padding: 5px 0; }
#BoxColumnRight .boxTeaserTopRight .boxTable .topMagazine { width:225px; margin:0 0 -10px; position:relative; top:-5px; }
#BoxColumnRight .boxTeaserTopRight .boxTable .topMagazine th { color: #333333; }
#BoxColumnRight .boxTeaserTopRight .boxTable .topMagazine strong { display:block; }

#BoxColumnRight .boxTeaserBottomRight h4 { margin: 0px 5px; line-height:31px; }
#BoxColumnRight .boxTeaserBottomRight p {margin: 0px 5px; color:#003399; line-height:31px; padding:0;}

/*********************** Footer ************************/

#BoxFootLinks { margin: 0 0 9px 260px;  }
#BoxFootLinks ul { text-align:left; height:2em; list-style-type:none; overflow:hidden; }
#BoxFootLinks ul li { float:left; display:inline; margin:0 15px; }
#BoxFootLinks ul li a { display:block; text-decoration:underline; }
/*#Popup #BoxFootLinks { margin: 0 0 9px 0; }*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++ Content +++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#BoxColumnContent { width: 522px; float: left; display: inline; margin: 0 9px 0 0; }

/************************** Startseite ***************************/

#BoxColumnContent .teaserHome                         { width:254px; float:left; display: inline; margin: 0 10px 10px 0; border: 1px solid #dfe5f2; }
#BoxColumnContent .teaserHome.nomargin         { margin-right:0; }
#BoxColumnContent .teaserHome h3                 { border-bottom: 1px solid #dfe5f2; line-height:28px; background-color:#dfe5f2; color:#003399; padding: 0 15px; }
#BoxColumnContent .teaserHome .teaserText { margin: 5px 15px; }
#BoxColumnContent .teaserHome .teaserText .teaserImages img { display: inline; }
#BoxColumnContent .teaserHome .teaserText .coverImage { margin: 10px 0 10px 0; float:left;}
#BoxColumnContent .teaserHome .teaserText .coverPoints { margin-top:10px; width: 95px; height:133px; float:right; }
#BoxColumnContent .teaserHome .teaserText .plus { margin: 2px 0 2px 25px;}
.bdi_infos { margin: 10px 0 10px 0;}

/************************** Abonnement ***************************/

#BoxColumnContent .jointColumns { border: 1px solid #dfe5f2; margin: 0 0 15px 0; padding:0 0 0px 0; width: 520px; margin-bottom:10px; overflow:hidden; clear:both;}

#BoxColumnContent .jointColumns h3                         { border-bottom: 1px solid #DFE5F2; margin-bottom:10px; }
#BoxColumnContent .jointColumns h3.noborder        { border-bottom: 0; }
#BoxColumnContent .jointColumns p                         { margin: 10px 10px 5px 10px; }

#BoxColumnContent .jointColumns .LP_Container_B { margin:0; /margin:10px 0 0 0; padding:0; }
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A { width:259px; float:left; margin-bottom:10px; }
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dl { }
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dt { float:left; padding: 0 0 10px 15px;}
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dd { float:right; display:inline; width:160px; }
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dd a { font-size:12px; font-weight:bold;}


/************************** Kategorie ***************************/

#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dd .coverPoints img,
#BoxColumnContent .jointColumns .aboBox .coverPoints img { float:left; margin-bottom:6px; }
#BoxColumnContent .jointColumns .LP_Container_B .LP_Teaser_A dd .coverPoints .plus img,
#BoxColumnContent .jointColumns .aboBox .coverPoints .plus img { float:left; margin: 25px 5px 0 5px;}


/************************** Titel A bis Z ***************************/

#BoxColumnContent .jointColumns .magazineList { width:158px; float:left; margin:0; padding:0; }
#BoxColumnContent .jointColumns .magazineList img { margin: 5px 0 5px 15px; padding:0; }
#BoxColumnContent .jointColumns .magazineList ul { padding:0; margin:0 0 10px 15px; }
#BoxColumnContent .jointColumns .magazineList ul li{ list-style-type: none; }
#BoxColumnContent .jointColumns .magazineList ul li a{ list-style-type: none; margin:0; padding:0;}


/************************** Detail ***************************/

#BoxColumnContent .jointColumns .detailBox { margin:15px 10px 0 0; }
#BoxColumnContent .jointColumns .detailBox dl {float:left;  }
#BoxColumnContent .jointColumns .detailBox dt { float:left; padding: 0 0 15px 15px;}
#BoxColumnContent .jointColumns .detailBox dd { float:left; padding: 0 0 5px 15px; width:296px; }
#BoxColumnContent .jointColumns .detailBox dd h4{ margin-bottom:10px; }
#BoxColumnContent .jointColumns .detailBox dd h4.po20px { padding-top:20px; }
#BoxColumnContent .jointColumns .detailBox dd ul { list-style-type:disc; }
#BoxColumnContent .jointColumns .detailBox dd ul li{ margin-left:13px; }

#BoxColumnContent .jointColumns .aboBox { margin: 15px 0 15px 15px; height:95px; }
#BoxColumnContent .jointColumns .aboBox .abo { float:left; }
#BoxColumnContent .jointColumns .aboBox .price { float:right; text-align:right; margin-right:15px; }
#BoxColumnContent .jointColumns .aboBox .coverPoints { float:left; margin-left:10px; width:145px; }

#BoxColumnContent .jointColumns .aboBox .price p.addToCart { text-align: right; padding:0; margin:0; }
#BoxColumnContent .jointColumns .aboBox .price form { display: inline; }
#BoxColumnContent .jointColumns .aboBox .price form a { padding: 6px 0 0px 20px; text-decoration: none; background-image: url(../images/icons/warenkorb_in.gif); background-repeat: no-repeat; background-position: 0 50%; }


/************************** CMS ***************************/

#BoxColumnContent .jointColumns .questions { padding: 0 15px 15px 15px; }
#BoxColumnContent .jointColumns .questions h3 { border-bottom: 1px solid #DFE5F2; margin: -15px -15px 0 -15px; }

#BoxColumnContent .jointColumns .questions h4 { margin: 15px 0 5px 0; }

#BoxColumnContent .jointColumns .questions ul { margin: 0; padding:0; }
#BoxColumnContent .jointColumns .questions ul li { padding: 1px 0; list-style-type: none;}
#BoxColumnContent .jointColumns .questions ul li a { display: block; background: url(../images/layout/arrow_blue.gif) no-repeat 1px 4px; padding: 0 0 5px 11px; margin-bottom:0; }

#BoxColumnContent .jointColumns h3 a { line-height:28px; padding: 5px 0 0 10px; font-size:12px; text-decoration:none; background-image:none; }
#BoxColumnContent .jointColumns a.up { background-image:none; float:right; margin: 0 15px 5px 0; background: url(../images/layout/arrow_up.gif) no-repeat 1px 6px; padding-left:12px;}


/************************** Abwesenheit ***************************/

#BoxColumnContent .jointColumns.abwesenheit { margin: 0; border-bottom:none;}
#BoxColumnContent .jointColumns.abwesenheit p { padding-bottom: 10px;}
#BoxColumnContent .formBox { background-color: #DFE5F2; border: 1px solid #DFE5F2; }
#BoxColumnContent .formBox .addressForm { color:#003399; padding: 10px 5px; }
#BoxColumnContent .formBox .addressForm h4 { border-bottom: none; padding: 0 0 5px 5px;}
#BoxColumnContent .formBox .addressForm p { padding: 5px;}
#BoxColumnContent .formBox .addressForm .formText,
#BoxColumnContent .formBox .addressForm .optInCheckbox,
#BoxColumnContent .formBox .addressForm .paymentSelect { width: 140px; float: left; vertical-align: top; padding: 7px 0 0 5px; }
#BoxColumnContent .formBox .addressForm .formText.card { width: 250px; }
#BoxColumnContent .formBox .addressForm .formText.date { width: 160px; }
#BoxColumnContent .formBox .addressForm .formInput,
#BoxColumnContent .formBox .addressForm .optInText,
#BoxColumnContent .formBox .addressForm .textarea,
#BoxColumnContent .formBox .addressForm .paymentText { vertical-align: top; padding: 5px 0 0 5px; margin-left: 110px; }
#BoxColumnContent .formBox .addressForm .formInput input,
#BoxColumnContent .formBox .addressForm .formInput textarea { width:215px; }
#BoxColumnContent .formBox .addressForm .formInput input.wide { width: 165px; }
#BoxColumnContent .formBox .addressForm .formInput input.narrow { width: 45px; }
#BoxColumnContent .formBox .addressForm .formInput.cardField { margin-left: 240px;}
#BoxColumnContent .formBox .addressForm .formInput.dateField { margin-left: 165px; }
#BoxColumnContent .formBox .addressForm .formInput p { font-size: 9px; padding:2px 0 0 31px; margin:0;}
#BoxColumnContent .formBox .button { text-align:center; margin-bottom:15px;}

select.magazine        { width: 220px; }
p.errorText { color: #885048; font-weight: bold; font-size: 13px;}
.errorField { background-color: #dccbc9; }

.optInTextError  { vertical-align: top; padding: 5px 0 0 5px; margin-left: 110px; background-color: #dccbc9;}
/************************** Warenkorb ***************************/

#BoxColumnContent .jointColumns .magazineContainer { margin:0; padding:0; }
#BoxColumnContent .jointColumns .magazineContainer .magazineTeaser { width:290px; float:left; margin-bottom:10px; }
#BoxColumnContent .jointColumns .magazineContainer .magazineTeaser dl { }
#BoxColumnContent .jointColumns .magazineContainer .magazineTeaser dt { float:left; padding: 0 0 10px 15px; }
#BoxColumnContent .jointColumns .magazineContainer .magazineTeaser dd { float:right; display:inline; width:190px; }
#BoxColumnContent .jointColumns .magazineContainer .magazineTeaser dd a { font-size:12px; font-weight:bold; }

#BoxColumnContent .jointColumns .magazineContainer .magazineForm { float:left; margin:25px 0 0 15px; color:#003399;}
#BoxColumnContent .jointColumns .magazineContainer .magazineForm p { margin: 0;}
#BoxColumnContent .jointColumns .magazineContainer .magazineForm .quantity { float:left; }
#BoxColumnContent .jointColumns .magazineContainer .magazineForm .quantity input { width:37px; border: 1px solid #DFE5F2;}
#BoxColumnContent .jointColumns .magazineContainer .magazineForm .price { float:left; margin-left:10px; text-align:center;}
#BoxColumnContent .jointColumns .magazineContainer .magazineForm .delete { float:left; padding:12px 0 0 10px; margin:0;}
#BoxColumnContent .jointColumns .magazineContainer .magazineForm .button { margin-top:22px;}

#BoxColumnContent .jointColumns .magazineContainer .summary { float:left; margin:0 0 0 15px; color:#003399; }
#BoxColumnContent .jointColumns .magazineContainer .summary dl dt { float:left;}
#BoxColumnContent .jointColumns .magazineContainer .summary dl dd { font-weight:bold; float:left; margin-left:10px;}
#BoxColumnContent .jointColumns .magazineContainer .summary .button { margin:18px 0 10px 0;}


/************************** Checkout ***************************/

#BoxColumnContent .jointColumns .magazineContainer .summaryCeckout { margin:0 0 0 100px; color:#003399; }
#BoxColumnContent .jointColumns .magazineContainer .summaryCeckout dl dt { float:left; }
#BoxColumnContent .jointColumns .magazineContainer .summaryCeckout dl dd { font-weight:bold; float:left; margin-left:10px; }

#BoxColumnContent .formBox .addressForm .formInput input.radio { width:12px; }
#BoxColumnContent .formBox .addressForm .optInCheckbox { width:15px; }
#BoxColumnContent .formBox .addressForm .optInText { margin-left: 25px; }

#checkoutNav { list-style-type:none; margin: 5px 0 10px 1px; width: 400px; height: 1.3em; padding-top:5px;}
#checkoutNav li { list-style-type:none; color: #003399; display: inline; float: left; padding: 0 6px 1px 11px; }
#checkoutNav li.active { font-weight: bold; }


/********************************************************************/

#jsp-substitution { height: 130px; background: #FFF url(/_files/payback/images/content/topBox.gif) top left no-repeat; }