
.bdi_clear { clear:both; visibility:hidden; overflow:hidden; height:0px; }
.clear { clear:both; visibility:hidden; overflow:hidden; height:0px; }

p.errorText {
  color: red;
  font-weight: bold;
  font-size: 13px;
}

.errorField {
  background-color: #dccbc9;
}

p.formTitle {
  font-weight: bold;
  margin: 10px 0 5px 0;
}

p.legend {
  font-size: 10px;
  margin-top: 5px;
}

img {
  border-width: 0;
}

div#boni {
  margin-top: 12px;
  float:left;
  width:486px;


}

div#aboDescription {
  padding: 10px;
  margin: 0 10px 0 10px;
  background-color: #FFF;
}


h1 {
  font-size: 16px;
  color: #000000;
  padding: 0 0 5px 0;


}

h2 {
  font-size: 13px;
  color: black;
  margin: 0 0 5px 0;
}

div.formText, div.optInCheckbox, div.paymentSelect {
  width: 140px;
  float: left;
  vertical-align: top;
  padding: 5px 0 0 5px;
}

a {
  color: black;
}


div#paymentBankCollection div.formText {
  text-align: right;
}

div.optInCheckbox, div.paymentSelect {
  text-align: right;
}

div.formInput, div.optInText, div.paymentText {

  vertical-align: top;
  padding: 5px 0 0 5px;
  margin-left: 170px;
}

div#addressForm {
  background-color: white;
  color: black;
  font-weight: normal;
  /*width:480px;*/
  border: 1px solid #999999;
  margin-top:12px;
  margin-left:6px;
  float:left;
  margin-bottom:12px;
}

select {
    width: 272px;
    border: 1px solid black;
    margin-right: 5px;
}

input, textarea {
  width: 270px;
  border: 1px solid black;
  margin-right: 5px;
}

input.wide {
  width: 195px;
}

input.narrow {
  width: 68px;
}
html, body {/*background-image:url(../images/c_nav_bg.gif); background-repeat:repeat-y;*/}
body  { background-color: #ffffff; margin: 0; padding: 0; /*background-image:url(../images/c_nav_bg.gif); background-repeat:repeat-y;*/}
p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; }
a {cursor:hand;}
td {}
#innerframe { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 830px; margin: 0; padding: 0;}
#header { background: url(../images/title.gif) no-repeat 12px 0px; background-color:black; margin: 0; padding: 0;  width: 830px; height: 120px; float:left; }
#head_unten { width:780px; margin-left:10px; float:left; margin-top:-25px;}
#head_bg { border-bottom: 1px solid black; width:673px; height:20px; float:left; margin-left:0px; margin-top: 10px; }
#formAbo {width: 200px;border: 1px solid #7F9DB9;margin-right: 5px;font-size: 10px;}
.formAbo1 {border: 1px solid #000000; margin-right: 4px; font-size: 10px; width:62px;}
#socialnav a { color: #000000; font-size: 11px; text-decoration: none; padding-left: 0px; }
#socialnav a:hover { color: #ff6d29; font-size: 11px; text-decoration: underline; }
#socialviral { width: 160px; height: 13px; float: right; margin-top:4px;}
#socialbookmark { width: 150px; height: 13px; float: right; margin-top:4px; }
#socialimage {border-bottom: 1px solid black; width:112px; height:20px; float:left; margin-top:10px; margin-left:-11px;  }
#breadcrumb { width: 670px; height: 30px; margin-left: 200px; padding-top: 60px; border-bottom: 2px solid #ffdbca;}
#breadcrumb ul {}
#breadcrumb ul li { background-position: 60px 4px; float: left; padding-right: 20px; padding-left: 10px; list-style: none; }
#breadcrumb ul li a {  font-weight: bold; font-variant: small-caps; color: #002c73; font-size: 14px; text-decoration: none; padding-top: 5px; }
#breadcrumb ul li a:hover { text-decoration: none; color: #ff6d29; }
.breadcrumbpassive { }
.breadcrumbactive { }
#leftcontent {  width: 166px; float: left; margin-top:10px; margin-bottom:3px;}
#navigation {font-family:verdana; background-color:#000000;}
#mainnav {

  width: 166px;
  height: 266px;
  margin: 0;
  padding: 0;
  font-family:verdana;

}
#mainnav ul {
  margin: 0;
  padding: 24px 0 0 0;

}
#mainnav ul li {
  margin: 0;
  padding: 0;
  list-style: none;

}
#mainnav ul li a {
  color: #ffffff;
  font-size: 11px;
  background-repeat: no-repeat;
  text-decoration: none;
  height: 13px;
  margin:0 0 0 10px;;
  padding:0 0 6px 4px;
  display: block;
}
#mainnav ul li a.active {
  color: #ffffff;
  height:13px;
}
#mainnav ul li a:hover {
  color: #ffffff;
  height:13px;
}

#pfeil {
  background-image:url(../images/symbol_pfeil_klein.gif);
  background-repeat:no-repeat;

}
#content {}
#aufzaehlung { text-decoration:none; display:block; margin-left:7px;}
#aufzaehlung_pfeil { background-image: url(../images/symbol_pfeil_klein.gif); background-repeat: no-repeat; width:5px; float:left; margin-top:4px; margin-right:5px; }
#cover { margin-left:12px; margin-top:12px; border:1px solid #999999; width:152px; height:236px;}
.cover_inbox {width:152px; height:20px; border-bottom:1px solid #999999; color:white; background-color:black; font-weight:bold; font-size:12px;}
.cover_inbox h3 {font-size:12px; color:#ffffff; padding:3px 0 0 18px; margin:0;}
#secnav {margin: 0; padding-top: 10px; padding-bottom: 20px; width: 170px; }
#secnav ul { margin: 0; padding: 0;}
#secnav ul li { background-position: 5px 0; margin: 0; padding: 5px 0 0 3px; list-style: none;  }
#secnav ul li a { color: #ffffff; text-decoration: none; width: 120px; height: 13px; padding-left: 15px; display: block; font-size:12px;}
#secnav ul li a:hover { color: #66ccff; text-decoration: underline; }
.secnavbox { background-color: #fff; width: 146px; margin-bottom: 10px; }
#rightcontent {width: 664px; float:left; background-color:white;}
#totalcontent { background-color:white; }
#contentboxtop { background-color: white; width:486px; height:auto; margin: 0; padding-bottom:10px;  border: 1px solid #000000;}
#articleBox { background-color: white; width: 590px; margin: 10px 0 10px 0; }
#magazincover { width: 146px; float: left; }
#magazindescription { display: block; height: 180px;}
#magazincontent { padding: left; }
#magazincontent ul { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 top; margin: 0; padding: 0; }
#magazincontent ul li { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 bottom; padding-top: 10px; padding-bottom: 10px; list-style: none; }
#magazincontent ul li a { color: #000000; font-size: 11px; text-decoration: none; }
#magazincontent ul li a:hover { text-decoration: underline; }
#contentbox { float:left; width: 652px; /*clear: left;*/ margin-top:14px; background-color:white; padding-left:12px;}
#contentboxBottom {width:660px; position:absolute; top:656px; left:12px; float:left;}
#contentboxleft { width: 319px; float: left; margin-bottom: 10px; }
#contentboxright { width: 319px; float: left; margin: 0 0 10px 12px;}
#contentboxright2 {width: 152px; float: right; margin:0; }
#contentboxspar {width:359px; height:142px; background-image:url(../images/sparpakete_bg.gif); padding-bottom:20px; background-repeat:no-repeat; float:left;}
/*
#topseller {position:absolute; top:170px; left:675px; width:154px;}
*/
#topseller {width:154px; margin-top:1px;}
.contentboxHeadline{ color:#990001; font-weight:bold; font-size:12px; width:300px; padding:0; margin:0; }
.contentbox { background-color: white; width: 318px; height: 101px; margin-top:14px; float:left; border: 1px solid #999999;}
.topsellerBox{clear:left; height:325px; width:152px; font-family:verdana; font-size:12px; border: 1px solid #999999;}

/* ------------------------------------------ Bundle Aktion -------------------------------------------------------------- */

#contentboxAktion { background-color: white; width: 630px; /width: 631px; min-height: 205px; margin-top:14px; float:left; border: 1px solid #999999; padding:10px;}
#cbAktionLeft  { float:left; width:310px; /width:310px; display:inline; padding:0px; margin:0px; }
#cbAktionLeft h2  { font-size:12px; font-weight:bold; color:#990001; padding:0px; margin:0px 0px 10px 0px; text-decoration:none; }
#cbAktionRight { float:left; width:310px; /width:310px; display:inline; padding:20px 0px 0px 10px; margin:0px; }
#cbAktionRight h3 { font-size:14px; font-weight:bold; color:#666666; padding:0px; margin:0px 0px 10px 0px; }
#cbAktionRightBottom { float:right; margin-right:10px; }
#cbAktionRightBottom a { color:#990001; text-decoration:none; }
#cbAktionRightBottom a img { margin-left:16px; }
#cbAktionLeft p, #cbAktionRight p { margin:0px 0px 10px 0px;}
#bdi_ImageContainer { max-width: 299px; max-height: 179px; border: 1px solid #999999; }

/* ------------------------------------------ Bundle Aktion End ----------------------------------------------------------- */


.bdi_specialOuterContainer { margin-top:12px; }
.bdi_specialContentContainer { width:664px; }
.bdi_specialThanksContainer { width:628px; border:1px solid #999999; margin:12px 0 12px 14px; float:left; padding:10px; }


div.homeAboBonus {
  margin-left:37px;
  margin-top:10px;
  width:100px;
  height:100px;
}

div.homeAboBonus_spar {
  float:right;
  margin-right: 10px;
  }

div.homeAboDescription {
  float:left;
  font-size:11px;
  width:280px;
  height:40px;
  padding:8px 16px 8px 16px;
  text-decoration:none;

}
div.homeAboDescription a{
  text-decoration:none;
}
div.homeAboLink{
	clear:both;
	padding-left:16px;
}
div.homeAboLink a{
  text-decoration:none;
  color:#990001;
}

div.homeAboDescription_spar {
  font-size:11px;
  margin-left:10px;
  margin-top:14px;
  margin-right:20px;
}


div.home_klick {
  margin-left:40px;
  padding-top:6px;
}

#aborahmen {width:310px; height:18px;}
.aborahmen_klein {width:130px; height:18px; float:left; padding-top:14px; padding-left:17px; font-size:11px; color:#990001}
.aborahmen_klein a {text-decoration:none; color: #990001}
.aborahmentitel {float:left; width:200px; margin-left:14px; margin-top:2px;}
.aborahmentitel_klein {width:152px; /*float:left; margin-left:16px;*/ margin-top:23px; height:35px; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}
.aborahmentitel_klein a, .aborahmentitel_klein_unten a { text-decoration:none; color:#666666; font-weight:bold; }
.aborahmentitel_klein_unten {width:280px; margin-left:16px; margin-top:8px; height:15px; text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}

#abopraemienpicsframe {width:498px; height:488px; float:left;  background-color:#ffffff; margin-top:10px;}
.abopraemienpicsboxl {height:236px; width:152px; float:left; border:1px solid #999999; margin-right:0px; }
.abopraemienpicsboxr {height:236px; width:152px; float:left; margin-bottom:12px; border: 1px solid #999999; }
.abopraemienpicsbox {height:236px; width:152px; float:left; margin-left:12px; margin-right:12px; margin-bottom:12px; border: 1px solid #999999; font-size:0px; }
.abopraemienpicsboxTopseller {height:236px; width:152px; float:left; margin: 0 0 12px 0; border: 1px solid #999999; font-size:0px; }
.abopraemienpicsbox_topseller {height:236px; width:150px; float:left; margin-top:6px; margin-bottom:12px; border: 1px solid #999999; }
.abopraemienpics {width:114px; height:114px; margin-left:17px; border: 1px solid #999999; font-size:11px; text-align:center;}
.abopraemienpicsImage { width:114px; height:114px; overflow:hidden; }
.abopraemienpicsTopseller {width:114px; height:114px; margin-left:17px; border: 1px solid #999999; font-size:11px; text-align:center; overflow: hidden;}

.b_bestell {width:97px; height:18px; float:right; margin-right:10px; background-position:bottom; background-image:url(../images/c_bestell.gif); background-repeat:no-repeat;}

.contentlargebox { background-color: white; margin: 0; padding: 0; width: 590px; height: 179px; }
.contentlargeboximage { margin: 0; padding: 0; width: 146px; height: 179px; float: left; }
.contentlargeboxtext { margin: 0; padding: 0; width: 434px; height: 80px; float: left; }
.contentlargeboxtext img { margin-top: 9px; margin-bottom: 22px; }
.contentlargeboxtext p { }
.contentlargeboxtable { width: 434px; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.contentlargeboxtable ul { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 top; margin: 0; padding: 0; }
.contentlargeboxtable ul li { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 bottom; padding-top: 10px; padding-bottom: 10px; list-style: none; }
.contentlargeboxtable ul li a { color: #000000; font-size: 11px; text-decoration: none; }
.contentlargeboxtable ul li a:hover { text-decoration: underline; }
.contentlargeboxtablerow { background-image: url(../images/symbol_buch.gif); background-repeat: no-repeat; background-position: 0 top; padding-left: 22px; }
.contentlargeboxbutton { width: 434px; height: 34px; float: left; }
.contentlargeboxbutton img { margin-top: 10px; margin-bottom: 10px; float: right; }
.contentmegabox { background-color: white; margin-top: 10px; width: 130px; height: 302px; }
.contentmegaboximage { margin: 0; padding-left: 15px; width: 120px; height: 110px; float: left; margin-top:5px;}
.contentmegaboximage img {  }
.contentmegaboxtext { width:140px; text-decoration:none; text-align:center; }
.contentmegaboxtext2 { font-size:10px; height: 50px; width:124px; text-decoration:none;  float:left; padding-left:11px;}
.contentmegaboxtext img { margin-top: 15px; margin-bottom: 22px; }
.contentmegaboxtext a { color: #885048; font-weight: bold; text-decoration: none; }
.contentmegaboxtext a:hover { text-decoration: underline; }
.contentmegaboxbutton { width: 120px; height: 37px; float: left; }
.contentmegaboxbutton img { margin-top: 10px; margin-bottom: 10px; float: left; }
.contentmegaboxtable { width: 90%; float: left; margin-top: 10px; padding: 0; font-size:9px;}
.contentmegaboxtable ol { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 top; position: relative; left: 6px; width: 100%; margin: 0; padding: 0; list-style-type: decimal; }
.contentmegaboxtable ol li { background-image: url(../images/punktlinie_grau.gif); background-repeat: repeat-x; background-position: 0 bottom; padding-top: 2px; padding-bottom: 2px; padding-left: 1px; list-style-position: inside; }
.contentmegaboxtable ol li a { color: #885048; font-weight: bold; text-decoration: none; }
.contentmegaboxtable ol li a:hover { text-decoration: underline; }
#contentboxfooter { background-color: white; width: 590px; height: 40px; clear: both; margin-bottom: 10px; }
#contentboxfooter { background-color: white; width: 590px; height: 40px; clear: both; margin-bottom: 10px; }
#footer { color: #ff6d29; font-size: 10px; background-image: url(../images/layout/balken_top_lang.gif); background-repeat: repeat-x; background-position: 2px 0; clear: both; padding: 10px; }
#banner { position: absolute; top: 10px; left: 790px; z-index: 1; }
#benefits { padding: 10px; }
#benefits img { float: left; margin-top: 2px; margin-right: 25px; }
#benefits ul { margin: 0; padding: 0; }
#benefits ul li { color: #885048; font-size: 10px; float: left; padding-right: 25px; padding-left: 30px; list-style: none; }
#benefits ul li span { width: 95px; display: block; }
#benefit1 { background-image: url(../images/button_geschenk_klein.gif); background-repeat: no-repeat; background-position: 0 3px; }
#benefit2 { background-image: url(../images/button_haus_klein.gif); background-repeat: no-repeat; background-position: 0 3px; }
#benefit3 { background-image: url(../images/button_lkw_klein.gif); background-repeat: no-repeat; background-position: 0 3px; }
#headerright { background-image: url(../images/hl_aboshop.gif); background-repeat: no-repeat; background-position: 162px 22px; width: 325px; height: 93px; float: right; margin: 0; padding: 0; }

textarea.recommandationMessage {
  width: 350px;
}

ul.list_attachments, ul.list_attachments li {
  list-style-image: url(../images/pdf.gif);
}

div#homeLink
{
  position: absolute;
  top: 10px;
  left: 10px;
}

#contentbox h1 {
  padding: 0 0 5px 0; margin: 0;

}

#layer {
  width: 400px;
  height:420px;
  position: absolute;
  top: 112px;
  left: 160px;
  visablity: hidden;
  z-index: 10;
  background: #FFF url(../images/dynamic/tmp/200_263_0_1181080800_zt_1_1.jpg) left top no-repeat;
}

.pfeil{
 width:4px;
 height:7px;
 background-image: url(../images/pfeil.gif);
 background-repeat: no-repeat;
 display:block;
 padding-bottom:3px;
}

.voucher_teaser
{
	margin-top: 50px;
}

.voucher_text
{
	float:left;
	margin-right: 30px;
	width:250px;
	padding-top:20px;
}

.voucher_image
{
}
.voucher_note 
{
	font-weight:bold; 
	color:#c1332d; 
	margin-top:15px;
}
/* ------------------------------------------  advertising media -------------------------------------------------------------- */

#advertisingContent{

	width:450px; height:auto; overflow:hidden; padding:10px;

}
#advertisingMedia {
	float:left; width:auto; height:auto; padding:5px;
}
#advertisingMediaText {
	float:left; width:160px; border:1px solid; border-color:#777777; padding:10px; margin:5px; text-align:left; background-color: #EFEFEF; letter-spacing:-1px; 
}
.advText         { font-size:11px; font-weight:normal;}
.advText h1      { font-size:13px; font-weight:bolder; margin:0px; padding: 0 0 10px 0; color:#222222; letter-spacing:0px; }
.advLink         { margin-top:10px; letter-spacing:0px; }
.advLink a 		 { font-weight:bold; text-decoration:none; color:#777777; }
.advLink a:hover { font-weight:bold; text-decoration:underline; color:#000000; }

