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

/* typo ---------------------------------------------------------------------------------------------------------------- */

.m-right-40 { margin-right:40px !important; }
.m-bottom-12 { margin-bottom:12px !important; }
.m-bottom-24 { margin-bottom:24px !important; }
.m-bottom-32 { margin-bottom:32px !important; }

ul.contentlist, ul.contentlist li {
	margin: 5px 15px 5px 5px;
	padding: 0 0 0 10px;
	list-style-type: square;
}

/* arbeitsschritte */

.downloadLink {
	text-decoration: none;
}

.downloadLink img{
	position: relative;
	top: 3px;
	left: 3px;
}

.stepcopy h4 {  
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

.stepcopy p {  

	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* layout -------------------------------------------------------------------------------------------------------------- */

/*body { 
	margin-bottom: 40px;
	background: #fff url(/maschine/cz/graphics/id_terraristik_kachel.jpg) repeat-y;
	background-position: 0 80px; 
}*/

body { 
	margin-bottom: 40px;
	background-image:url('/projects/cz/insektenpollenschutz/graphics/vis_bg_kachel_small_laender.gif');/*xx*/
	background-repeat:repeat-y;
	background-position: 0 78px; 
}

body.start { 
	margin-bottom: 40px;
	background-image:url('/projects/cz/insektenpollenschutz/graphics/vis_bg_kachel_simple.gif');/*xx*/
	background-repeat:repeat-y;
	background-position: 0 78px; 
}

body.shoppinglist { 
	background: #fff url(/maschine/cz/graphics/id_terraristik_kachel_shoppinglist.jpg) repeat-y;
}



.start-content {	
	width: 930px;
	height:466px;
	background: #fff url('/projects/cz/insektenpollenschutz/graphics/vis_pool_start.jpg') no-repeat;
	border:0 !important;
}

body.start .header {
	background-image:url('/projects/cz/insektenpollenschutz/graphics/vis_insektenschutz_head_start.jpg');
	background-repeat:no-repeat;
}

.header {
	background-image:url('/projects/cz/insektenpollenschutz/graphics/vis_insektenschutz_head.jpg');
	background-repeat:no-repeat;
	width:745px;
	height: 77px;
}

body .page {
	background: transparent none repeat scroll 0 0;
	margin-top: 29px;
	width:745px !important;
} 
/* back button */
.back_btn {
	background-color:#FFFFFF;
	height:29px;
	left:0;
	position:absolute;
	top:0;
	width:500px;
}

div.btn-subnavi-history-back, div.btn-subnavi-history-back-hi {width: 208px;}

.white-header {
	background:none repeat scroll 0 0 #FFFFFF;
	height:29px;
	left:0;
	position:absolute;
	top:0;
	width:300px;
}

/* arbeitsschritte */

.step { 
	margin: 20px 0;
	padding: 0 0 20px 0;
	width: 550px;
	/*border-bottom: 1px dashed #d9d9d9;*/
}

.teaser-box div.btn-tsr-arrow-right {
	width: 264px !important;
}

.sub-navi div.btn {
background-repeat:no-repeat;
height:22px;
float: none;
}

.stepimg {
	margin: 0 10px 0 0;
	width: 180px;
	float: left;	
}

.stepcopy {  
	margin: 0;
	padding: 0;
	width: 360px;
	float: right;
}

/* cols */


.col-02 {
	margin:5px 0 0 20px;	
	width:550px;
}

/* sub navi */
.sub-navi {
	padding: 10px 0 0 1px;
}

/* teaser -------------------------------------------------------------------------------------------------------------- */

.tsr-splitter {
	height:10px;
	clear:both;
	float:none;
}

/*.teaser, .teaser * { cursor:pointer; }*/

/* teaser produkte */
div.pool { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_pools.jpg') no-repeat; }
div.filter_chemie { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_filter.jpg') no-repeat; }
div.schutz { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_innenschutz.jpg') no-repeat; }
div.duschen_heizung { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_duschen.jpg') no-repeat; }
div.leiter { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_leitern.jpg') no-repeat; }
div.reinigung_zubehoer { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_zubehoer.jpg') no-repeat; }
div.pool, div.filter_chemie, div.schutz,div.duschen_heizung,div.leiter,div.reinigung_zubehoer,
div.teilzahlung, div.beratungsservice, div.dauertiefpreis,div.mietservice
{ height:238px; margin: 20px 0 0 ;}

li.filter_chemie, li.leiter {height:238px; margin: 0 20px;}


.pool p, .filter_chemie p, .schutz p,.duschen_heizung p,.leiter p,.reinigung_zubehoer p,
.teilzahlung p,.beratungsservice p ,.dauertiefpreis p ,.mietservice p
{ margin-top: 194px; font-size: 11px !important;}

.teaser.filter{width:170px !important;}
.teaser.leiter p {margin: 194px 4px 0;}

/* teaser produkte */
.teilzahlung { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_teilzahlung.jpg') no-repeat; }
.beratungsservice { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_beratungsservice.jpg') no-repeat; }
.dauertiefpreis { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_dauertiefpreis.jpg') no-repeat; }
.mietservice { background: url('/projects/cz/insektenpollenschutz/graphics/vis_tsr_pool_mietservice.jpg') no-repeat; }

.three-image-group {width: 550px;}
.three-image-group ul li {display: inline; width: 170px;}

/* teaser rechte Spalte */
.themenheft { 
	margin-top: 60px;
	width: 170px;
	height: 166px;
	background: url('/projects/cz/insektenpollenschutz/graphics/tsr_ms_pool_broschuere_mai.jpg') no-repeat; 
}

/* teaser Startseite */
.page-content div#content-bg-image {
	border:0 none !important;
	height:380px;
	width:780px;
	background: url('/projects/cz/insektenpollenschutz/graphics/vis_insektenschutz_start.jpg') no-repeat;
}

div.teaser-box {
	float: left;
	position: relative;
}

div.teaser-box .text {
	font-size:11px;
	height:63px;
	left:125px;
	position:absolute;
	top:30px;
	width:130px;
}

div.teaser-box.right {
	float: right;
}

.page-content div#teaser-box-1  {
background: url('/projects/cz/insektenpollenschutz/graphics/tsr_insektenschutz_systeme.jpg') no-repeat; 
float:left;
height:142px;
width:362px;
margin: 0 20px 0 0;
}
.page-content div#teaser-box-1 .teaser-box-inner .image {
background: url('/projects/cz/insektenpollenschutz/graphics/hd_tsr_insektenschutz_systeme.gif') no-repeat; 
}

.page-content div#teaser-box-2  {
background: url('/projects/cz/insektenpollenschutz/graphics/tsr_insektenschutz_maßanfertigung.jpg') no-repeat; 
float:left;
height:142px;
width:362px;
}
.page-content div#teaser-box-2 .teaser-box-inner .image {
background: url('/projects/cz/insektenpollenschutz/graphics/hd_tsr_insektenschutz_massanfertigung.gif') no-repeat; 
}

.page-content div#teaser-box-1 .teaser-box-inner, .page-content div#teaser-box-2 .teaser-box-inner {
	float:right;
	height:105px;
	width:210px;
}

.page-content div#teaser-box-1 .teaser-box-inner .image, .page-content div#teaser-box-2 .teaser-box-inner .image {
	float:right;
	height:25px;
	margin:10px;
	width:175;
}

.page-content div#teaser-box-1 .btn-tsr-arrow-right, .page-content div#teaser-box-1 .btn-tsr-arrow-right, .page-content div#teaser-box-2 .btn-tsr-arrow-right, .page-content div#teaser-box-1 .btn-tsr-arrow-right-hi, .page-content div#teaser-box-2 .btn-tsr-arrow-right-hi {
	left:170px;
	position:relative;
	top:15px;
	width:191px;
}

.page-content div#teaser-box-1 .teaser-box-inner .text, .page-content div#teaser-box-2 .teaser-box-inner .text {
	margin:0 5px 5px 25px;
	overflow:visible;
}

div#col-right {
	border:0 none !important;
	float:right;
	margin-top:0;
	width:188px;
}

div#col-right .mag-box .btn {
	margin-top: 166px;
}

div#col-right .mag-box-1 {
	background:transparent url('/projects/cz/insektenpollenschutz/graphics/tsr_ms_insektenschutz_broschuere.jpg') no-repeat scroll 0 0;
	margin-top:0;
	height:190px;
	margin:0px 0 0 10px;
	width:170px;
}

div#col-right .mag-box-2 {
	background:transparent url('/projects/cz/insektenpollenschutz/graphics/tsr_ms_insektenschutz_video.jpg') no-repeat scroll 0 0;
	margin-top:0;
	height:190px;
	margin:25px 0 0 10px;
	width:170px;
}

div#col-right .text {
	font-size:11px;
	margin:168px 3px 12px;
}

/* products ---------------------------------------------------------------------------------------------------------- */

.floatL {
	float:left;
}

.hd li, .hd li div {
	font-weight:bold;
	float:left;
	height:22px;
	line-height:22px;
	font-size:11px;
}

.hd-mid li, .hd-mid li div {
	font-weight:bold;
	float:left;
	height:48px;
	font-size:11px;
}

.hd-big li, .hd-big li div {
	font-weight:bold;
	float:left;
	height:60px;
	font-size:11px;
}


.hd li *, .hd-big li * {
	color:#fff;
}

.hd-01, .hd-02, .hd-03 {
	height:22px;
}

.hd-big-01, .hd-big-03, .hd-big-03 {
	height:60px;
}

.hd-mid-01, .hd-mid-03, .hd-mid-03 {
	height:48px;
}

.hd-01 {
	background-image:url(/kaminofen/graphics/btn_hd_listing_01.gif);
}

.hd-mid-01 {
	background-image:url(/kaminofen/graphics/btn_hd_mid_listing_01.gif);
}

.hd-big-01 {
	background-image:url(/kaminofen/graphics/btn_hd_big_listing_01.gif);
}

.hd-02 {
	width:534px;
	background-image:url(/kaminofen/graphics/btn_hd_listing_02.gif);
}

.hd-mid-02 {


	width:724px;
	background-image:url(/kaminofen/graphics/btn_hd_mid_listing_02.gif);
}

.hd-big-02 {
	overflow:hidden;
    width:724px;
	background-image:url(/kaminofen/graphics/btn_hd_big_listing_02.gif);
}

.hd-03 {
	background-image:url(/kaminofen/graphics/btn_hd_listing_03.gif);
}

.hd-mid-03 {
	background-image:url(/kaminofen/graphics/btn_hd_mid_listing_03.gif);
}

.hd-big-03 {
	background-image:url(/maschine/graphics/btn_hd_big_listing_03.gif);
}

.hd-01, .hd-03, .hd-big-01, .hd-big-03, .hd-mid-01, .hd-mid-03 {
    width:2px;
	background-repeat:no-repeat;
}

.hd-02, .hd-big-02, .hd-mid-02 {
	background-repeat:repeat-x;
}

.hd-02.normal .filter * {
	margin:0 5px;
}

.filter {
	width:200px;
}

.filter a:hover, .pages a:hover {
	color:#000;
}

.hd-02.normal .filter, .hd-02.normal .filter a, .hd-02.normal .pages, .hd-02.normal .pages a {
	font-weight:normal;
}

.hd li div span, .hd_highlight {
	background:#f99d28;
	color:#000 !important;
	font-weight:bold !important;
	line-height:22px;
}

.hd-02, .hd-big-02, .hd-mid-02 {
	background-repeat:repeat-x !important;
	padding:0 6px;
}

.hd-big-02 table tr td {
	padding-left:0;
	padding-top:7px;
	font-size:11px;
}

.hd-big-02 table tr td h3 {
	font-size:12px;
	font-weight:bold;
}

.hd-big-02 table tr td span {
	float:left;
	display:block;
	width:110px;
}

.change_market a {
	text-decoration:none;
}

.change_market a img {
	padding-top:3px;
}

.openings {
	width:130px !important;
}

.hd-big-02 table tr td.first {
	padding-left:20px;
	width:190px;
}

.hd-big-02 table tr td.second {
	width:265px;
}

.hd-big-02 table tr td.last {
	text-align:right;
	padding-top:30px;
	padding-right:8px;
	width:145px;
}

.listing {
	/*background:url(/maschine/graphics/vis_schein.gif);
	background-repeat:repeat-y;*/
	padding-left:0px;
}

.listing-wide {
	background:url(/kaminofen/graphics/vis_schein_shoppinglist.gif);
	background-repeat:repeat-y;
	padding:20px;
}

.strichlinie {
	/*background:url(/kaminofen/graphics/vis_kachel_strichellinie.gif);
	background-repeat:repeat-x;*/
	width:550px;
	height:1px;
	margin-bottom:20px;
	background-color:#CCCCCC;
}

.strichlinie-wide {
	background:url(/kaminofen/graphics/vis_kachel_strichellinie.gif);
	background-repeat:repeat-x;
	width:700px;
	height:3px;
}

.strichlinie.artikel {
	margin-bottom:10px;
}

.products-grid ul li {
	margin-right:20px;
}

.headline .bezeichnung {
	font-size:18px;
	font-weight:bold;
}

.artikel-img.detail {
	width:170px;
}

#artikel-img-big {
	position:absolute;
	top:132px;
	left:190px;
}

.artikel-attr {
	margin:0;
}

.artikel-attr, .artikel-attr2 {
	font-weight:bold;
}

.artikel-attr2 {
	margin:0 !important;
}

.artikel-wrapper {
	width:160px;
}

#featureLogos img {
	margin-right:15px;
}

.artikel-preis ul {
	margin-top:14px;
}

.artikel-shoppinglist span {
	float:left;
	padding-top:3px;
	padding-right:5px;
}

.artikel-preis .preis {
	font-weight:bold;
	font-size:19px;
	color:#c40072;
}

.artikel-preis .preis span {
	color:#333;
	font-size:10px;
}

.other_attr  {
	width:350px;
}

.other_attr tr td {
	padding:2px;
}

.content {
	padding-right:20px;
}

.shoppinglist .page .content {
	padding-right:0;
}

input.count { 
	margin-right:20px; 
	background-color:rgb(240,240,240); 
	text-align:center; 
	font-weight:bold;
}

.delivery {
	width:360px;
	font-size:12px;
}

.misc-information {
	padding: 0 20px;
	width:auto;
}

.misc-information ul li {
	padding-top:4px;
}

.misc-information ul li img {
	margin-top:5px;
}

.misc-information ul li span {
	width:120px;
}

.artikel-box {
	margin-bottom:10px;
	
}

.artikel-img, .artikel-info, .artikel-misc {
	float:left;
	
}

.artikel-img {
	margin-right:20px;
	
}

.artikel-info {
	width:250px;
}

.artikel-misc {
	width:200px;
}

.artikel-wrapper {
	width:360px;
	
}

.artikel-info ul {
	list-style:none;
}

.artikel-info ul li {
	clear:both;
}

.artikel-info ul li * {
	float:left;
}

.artikel-info ul li span {
	width:240px;
}

.artikel-info ul li, .artikel-box .artikel-info h3 {
	font-size:11px;
	margin:0;
}

.artikel-info ul li img {
	margin-top:5px;
	margin-right:3px;
}

.artikel-info .article_nr {
	font-size:11px;
}

.artikel-misc .preis {
	color:#c40072;
	font-weight:bold;
	font-size:20px;
}

.wiki-list ul {
	list-style-position: outside;
	list-style-image: url('/projects/cz/insektenpollenschutz/graphics/list_bullet.gif');
	margin-left:12px;
}

m-left-6 { margin-left: 6px !important; }

.noheight {
	height: 1px;
}

.wiki-list ul li {
	font-size:12px;
}

.preis_addon {
	font-size:10px !important;
	color:#333 !important;
}

.map_artikel_img_big {
	display:none;
	position:absolute;
	top:175px;
	left:250px;
	width:360px;
	height:352px;
}

.preis-aktualisieren-group {
	margin-right:0px !important;
	/* width:350px; */
}

.preis-aktualisieren-group.extra {
	width:350px;
}

.artikel-preis ul {
	margin-top:14px;
}

.artikel-shoppinglist span {
	float:left;
	padding-top:3px;
	padding-right:5px;
}

.artikel-preis .preis {
	font-weight:bold;
	font-size:19px;
	color:#c40072;
}

.artikel-preis .preis span {
	color:#333;
	font-size:10px;
}

/* linkage ---------------------------------------------------------------------------------------------------------- */

a.mehrlink {
	padding-right: 16px;
	background: url(/maschine/cz/graphics/pfeil_nach_rechts.gif) no-repeat right center;
}

a:hover, a:active, a:focus, a:active{
outline: none;
-moz-outline-style: none;
}

/* essentials ---------------------------------------------------------------------------------------------------------- */

.cll { clear: left !important; }
.clr { clear: right !important; }
.clb { clear: both !important; }
.fll { float: left !important; }
.flr { float: right !important; }

.m-top-6 { margin-top: 6px; }
img.left {float: left; margin: 0 10px 10px 0;}
.m-top-64 { margin-top: 64px !important; }