@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0}
.clear {height: 0; clear:both;}
.versal {text-transform: uppercase}

#shop {width: 610px; margin:20px; border:0; font: normal 12px Arial, Helvetica, sans-serif; color: #000000;}

#shop #container { width: 610px; margin-top: 20px;}
#shop .grau { font: normal 12px Arial, Helvetica, sans-serif; color: #808080; display:inline}
#shop .jp { font: normal 13px Arial, "Kozuka Gothic", sans-serif; line-height: 1.3em; color: #808080;}
#shop .rot { color: #ff0000}
#shop a.green { color: #009933}
#shop a.green:hover { color: #009933; text-decoration: underline}

#shop h1 {
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;
color:#666666;
}

#shop h2 { 
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}

#shop h3 { 
font-size: 12px;
font-weight: bold;
background: #efefef;
color: #000000;
border-left: 5px solid <dtml-var LinkFarbe>; 
margin-bottom: 10px;
padding-left: 5px
}

/* rote Überschrift h3 */
#shop h3.rotH3 { background: #ff0000; color: #ffffff}

#shop h4 { 
font-size: 14px; 
font-weight: normal;
display:inline;
margin-bottom: 3px;
color: <dtml-var LinkFarbe>;
}

#shop h5 { 
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
display:inline;
color:#999999;
}

#shop h5.bold { 
font-size: 12px;
font-weight: bold;
text-transform: none;
display:inline;
color:#999999;
}

#shop h6 { 
font-size: 12px;
font-weight: normal;
display:block;
float:left;
color: #ff0000;
}

#shop h7 { 
font-size: 12px;
font-weight: normal;
display:block;
float:left;
margin-left: 3px;
}

#shop p {margin-bottom:10px;}

#shop .artdesc {/* Artikelbeschreibung */

}
p.artdesc:first-line{color:#808080;font-weight: bold;}

#shop ul {
margin-left:20px;list-style:disc;
}

#subnavi_left {width:148px; height: 600px; float: left; border:1px solid #ff0000; font-size:9px;}

/* Subnavi */
#subnavi_left p.subnavi_title { color:#ff0000; text-transform: uppercase; margin: 15px 0 0 8px;}
#subnavi_left p.subnavi_title a { color:#ff0000; text-transform: uppercase; margin: 15px 0 0 0;}
#subnavi_left p.subnavi_title a.current { color:#000000; text-transform: uppercase; margin: 15px 0 0 0;}
#subnavi_left ul.subnavi_main { color:#a0a3a5; text-transform: uppercase; margin: 8px 0 0 8px; padding-bottom: 10px; list-style-type: none; }
#subnavi_left ul.subnavi_main li {list-style-type: none; display:inline}
#subnavi_left ul.subnavi_main li a {color:#a0a3a5; text-decoration: none; padding-left: 8px; background: url(/images/pfeil_subnavi.gif) no-repeat left 1px; display:block;}
#subnavi_left ul.subnavi_main li a.current {color:#000000; text-decoration: none; padding-left: 8px; background: url(/images/pfeil_subnavi_current.gif) no-repeat left 1px;display:block;}
#subnavi_left ul.subnavi_main li a:hover  {color: #000000}
#subnavi_sub {color:#a0a3a5; text-transform: uppercase; margin-left: 8px; list-style-image: none; display:none}
#subnavi_sub .current {color:#a0a3a5; text-transform: uppercase; margin-left: 8px; list-style-image: none; }
#subnavi_sub li {list-style-type: none;}
#subnavi_sub li a { color:#a0a3a5; text-decoration: none; padding: 0 0 0 12px; background: url(/images/dot_subnavi.gif) no-repeat;display:block;margin:0}
#subnavi_sub li a:hover {color: #000000}

#contentbox {float:left; margin-left: 18px; width: 440px;}

/* Content */
.coverunit { clear:left; width: 440px; display:block}
.coverunit50 { float:left; width: 295px; display:block;}
.li {margin-right: 10px; }
.re {margin-left: 10px; } 
.cover { width: 95px; float: left; }
.desc {width: 325px; float:left; margin-left: 20px;}
.desc115 {width: 325px; float:left; margin-left: 20px; height: 115px}
.desc50 {width: 190px; float:left; margin-left: 10px;}
.desclink {width: 325px; float:left; margin-left: 20px; }
.desc ul { margin: 0 0 8px 15px; list-style:disc;}


/* Content volle Breite ohne Subnavi */
.coverunitfull { width: 610px;}
.descfull {width: 495px; float:left; margin-left: 20px;}


.AboUnit { width: 440px; display:block}
.servicefoot { border-top: 1px solid #a9a9a9; text-align: right; padding: 10px 0;}


#shop table.prices { width: 440px; border:0; font: normal 12px Arial, Helvetica, sans-serif; color: #000000;}
.left{ margin-left:10px; text-align: left; display:block}
.middle{ margin-right:10px; text-align: right; display:block}
.right{ margin-right:10px; text-align: right; display:block}


#shop th { /* Formularueberschriften */
font-weight: normal;
color: #808080; 
border:0;
border-bottom: 1px solid #808080; 
background-color: #ffffff; 
padding: 10px 3px 3px 0;
text-align: left
}
#shop td { /* Formularzellen */
padding: 0 2px;
}


div.order {font-size:11px; background: url(/images/Btn_OrderNow.gif) no-repeat; height:24px; width: 95px;}
a.order {font-size:11px; padding-left: 35px; line-height: 24px; color: #ff0000; text-decoration: none;}
div.praemie {font-size:11px; background: url(/images/Btn_Praemie.gif) no-repeat; height:24px; width: 95px; text-align: left;}
a.praemie {font-size:11px; padding-left: 35px; line-height: 24px; color: #a0a3a5; text-decoration: none;}
div.cartshow { font-size:9px; height:15px; width: 93px; border:1px solid #999999; margin-top:5px; display:block}
a.cartshow {font-size:9px; margin:0 5px; width: 83px; line-height: 15px; color: #999999; text-decoration: none;}
div.subs {float:right; font-size:11px; background: url(/images/Btn_Subscription.gif) no-repeat; height:24px; width: 105px; text-align: left;}
div.subs200 {float:right; font-size:11px; background: url(/images/Btn_Sub200.gif) no-repeat; height:24px; width: 176px; text-align: left;}
a.subs {font-size:11px; padding-left: 35px; line-height: 24px; color: #ff0000; text-decoration: none;}
div.offers {float:right; font-size:11px; background: url(/images/Btn_Offers.gif) no-repeat; height:24px; width: 130px; text-align: left;}
a.offers {font-size:11px; padding-left: 30px; line-height: 24px; color: #ff0000; text-decoration: none;}
div.back {background: url(/images/Btn_back.gif) no-repeat; border: 1px solid #ff0000; height:18px; width: 135px; text-align: left;}
a.back {font-size:11px; padding-left: 35px; line-height: 18px; color: #ff0000; text-decoration: none;}
div.forward {float: right; background: url(/images/Btn_forward.gif) no-repeat; border: 1px solid #ff0000; height:18px; width: 90px; text-align: left;}
a.forward {font-size:11px; padding-left: 35px; line-height: 18px; color: #ff0000; text-decoration: none;}
div.close {float: right; background: url(/images/Btn_Close.gif) no-repeat; height:24px; width: 95px; text-align: left;}
a.close {font-size:11px; padding-left: 40px; line-height: 24px; color: #999999; text-decoration: none;}
div.archiv150 {float: right; background: url(/images/Btn_Blau_150.gif) no-repeat; height:24px; width: 150px; text-align: left;}
a.arch {font-size:11px; padding-left: 40px; line-height: 24px; color: #0099ff; text-decoration: none;}


/* ShopArtikel  */

#artikelunit { width:95px; float: left; margin-bottom:35px ; display:block; font-size: 11px;}
#artikelunitlarge { width:220px; float: left ; display:block; font-size: 11px;}
#artikelunit .cover { width: 95px; height: 125px; display:block;}
#artikelunit .title { height: 85px; width: 95px; margin-top: 6px; display:block}
#artikelunit .titleSmall { width: 95px; margin-top: 6px; display:block}
#artikelunit .price { padding-left: 13px; margin-bottom: 3px}
#artikelunit .price2 { padding-left: 5px; margin-bottom: 3px} /* Shopartikel Green-Hefte */
#artikelunit .titelzusatz  { padding-left: 13px; margin-bottom: 3px}
.wkbtn { width: 95px; height: 16px; margin-top: 5px; color: #996666; display:block; background: url(/images/Btn_blankgrau.gif) no-repeat;}
a.wkbtn  { width: 95px; line-height: 16px; color: #808080; font-size: 9px; text-align:center }
a:hover.wkbtn  { color: #000000;}

/* Buttons */
input.continue {background: url(/images/Btn_Continue.gif) no-repeat; height:21px; width: 100px; border: 0; cursor:pointer}
input.recalc {background: url(/images/Btn_recalculate.gif) no-repeat; height:21px; width: 107px; border: 0; cursor:pointer}
input.calc {background: url(/images/Btn_calculate.gif) no-repeat; height:21px; width: 165px; border: 0; cursor:pointer}
input.order {background: url(/images/Btn_Order.gif) no-repeat; height:24px; width: 95px; padding-left: 35px; border:0 ;cursor:pointer; display:block;}
input.btn {background: url(/images/Btn_Sub200.gif) no-repeat; height: 24px; width: 176px; border:0 ;cursor:pointer; font-size:11px; padding-left: 35px; line-height: 24px; color: #ff0000; text-decoration: none; text-align:left}
input.btn-blau175 {background: url(/images/Btn_Blau_175.gif) no-repeat; height: 24px; width: 176px; border:0 ;cursor:pointer; font-size:11px; padding-left: 35px; line-height: 24px; color: #0099ff; text-decoration: none; text-align:left}


/* Fusszeile */
#footer {clear: both; width: 610px; border-top: 1px solid #a9a9a9; margin-top: 20px;  }

/* Sonstiges */
.distance50 {height: 50px; clear:both;}
.distance40 {height: 40px; clear:both;}
.distance35 {height: 35px; clear:both;}
.distance30 {height: 30px; clear:both;}
.distance20 {height: 20px; clear:both;}
.distance10 {height: 10px; clear:both;}
.distance5 {height: 5px; clear:both;}

.noclear {clear: none; }


/* Links */


#shop a.pfeil {padding-left: 13px; background: url(/images/pfeil.gif) no-repeat; color:#000000; text-decoration:none; }
#shop a.pfeilrot {padding-left: 13px; background: url(/images/pfeil_rot.gif) no-repeat 2px 3px; color:#808080; text-decoration:none; }
#shop a.pfeilrot:hover { color:#000000;}

#shop a.pfeilblock { padding-left: 13px; background: url(/images/pfeil_rot.gif) no-repeat 2px 3px; color:#808080; text-decoration:none; display:block}
#shop a:hover.pfeilblock {color: #000000}
#shop p.grau a { color:#808080; text-decoration:none; }
#shop p.grau a:hover { color:#000000; text-decoration:none; }

#shop a.pfeilblockhblau { padding-left: 13px; background: url(/images/pfeil_hblau.gif) no-repeat 2px 3px; color:#808080; text-decoration:none; display:block}
#shop a:hover.pfeilblockhblau {color: #000000}


#shop h4 a {color:#ff0000; text-decoration: none}
#shop h4 a:hover {text-decoration: underline}

#shop a.linkgreen {color: #009933;text-decoration: none;}
#shop a.linkgreen:hover {text-decoration: underline;}


/* übernommen */

.textklein { 
font-size: 11px
}

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}


/* 2-spaltiges Layout ohne Subnavi */
.left50 { margin-right: 4%; width: 46%; float: left;}
.right50 {width: 46%; margin-left: 4%px; float:left}



/******************************************/
/**** Klassen die nicht für Print sind ****/
/******************************************/

#absolute {

	position: absolute;
	top: 0;
	margin-left:13px;
}

body {
	background-image: none;
	}

#content{
	width: 650px;
	border: 1px solid #a9a9a9;
	margin-top:80px;
	margin-left:0px;
	min-height:100%;
    padding-bottom:25px;
}

#content2{
	width: 635px;
	margin:5px 15px 15px 0;
	min-height:100%;
	display:table;
    padding-bottom:25px;
}
#network {display:none}

#Detail-Logo{
	position: absolute;
	top:0;
	left:0px;
	width: 220px;
	height:50px; 
}

#Detail-LogoDe{
	position: absolute;
	top:0;
	left:18px;
	width: 220px;
	height:50px; 
}

#topBanner{display:none}
#menue {display:none}
#partnerBanner{display:none}
#MP{display:none}
#GAddSense {display:none}
#localNav {display:none}

/**** Flashbanner R-Klassse ****/

.lidiv{display:none}


.rediv{display:none}

/***** Ende ******/