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

.wrapper {width: 743px; overflow:hidden;}

/* 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; }

/* arbeitsschritte */

.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(/projects/cz/laminat10/graphics/vis_bg_kachel_small_laender.gif) repeat-y;
	background-position:0 81px;
}

.page { width: 746px;  }
.col-02 { width:576px; }
.col-02 .content { padding-left: 10px; }

body.start {
	background-image: none;
}

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

.start-content a.start-produkte, .start-content a.start-heft {
	display:block;
	width:150px;
}

.start-content a.start-produkte {
	margin-top:187px;
	margin-left:16px;
	height:28px;
}

.start-content a.start-heft {
	margin-top:213px;
	margin-left:360px;
	height:25px;
}

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

.header {
	background-image:url(/projects/cz/laminat10/graphics/vis_header_laminat.jpg);
	background-repeat:no-repeat;
	width:744px;
}

body .page { background-color: transparent  !important; }

.col-01 {
	/*background-image:url(/projects/cz/laminat10/graphics/id_bg_kachel.jpg);
	background-repeat:no-repeat;*/
	height:500px;
}

.col-02 .content {
	padding-left:20px;
}

.txt-box-wide a {
	text-decoration:none;
	color:#000;
	line-height:10px;
}

.txt-box-small {
	width:360px;
	margin-left:20px;
	padding-right:0;
}

/* arbeitsschritte */

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

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

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

p.top { 
	margin: 10px 20px;
	text-align: right; }

p.top a { 
	padding: 0 18px 0 0;
	background: url(/projects/cz/xx.gif) right center no-repeat;
}

#zudenanleitungen { 
	position: absolute;
	top: 770px;
	left: 555px;
}

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

/*.teaser, .teaser * { cursor:pointer; }*/
.qualitaet {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_qualitaet.jpg);
	background-repeat:no-repeat;
}

.materialaufbau {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_materialaufbau.jpg);
	background-repeat:no-repeat;
}

.materialvorteile {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_materialvorteile.jpg);
	background-repeat:no-repeat;
}

.umwelt {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_umwelt.jpg);
	background-repeat:no-repeat;
}

.untergruende {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_untergruende.jpg);
	background-repeat:no-repeat;
}

.reinigung {
	background-image:url(/projects/cz/laminat10/graphics/vis_tsr_gs_reinigung.jpg);
	background-repeat:no-repeat;
}

/* teaser generelle Angaben */
.qualitaet, .materialaufbau, .materialvorteile, .umwelt, .untergruende, .reinigung { 
	height:190px;
}

/* teaser rechte Spalte */
.waendeprospekt { 
	width: 170px;
	height: 238px;
	background: url(/projects/cz/waendegestalten/graphics/tsr_waende_edel_gestalten.jpg) no-repeat; }

/* verblender tool ----------------------------------------------------------------------------------------------------- */

#gallery_one, #gallery_two {
	margin: 30px 0 0 0;
	padding: 0;
	width: 273px;
}

#caption_one, #caption_two, .caption { width: 273px; }

#controls_one a.play, #controls_two a.play { display: none; }

#controls_one a, #controls_two a { text-indent: -99999px; }

#controls_one a.next, #controls_one a.prev,
#controls_two a.next, #controls_two a.prev {  
	width: 27px;
	height: 35px;
}

#controls_one a.next, #controls_two a.next { 
	position: absolute;
	z-index: 100;
	background-image: url('/projects/cz/waendegestalten/graphics/vis_tool_pfeil_rechts_low.gif');
	background-repeat: no-repeat; 
}

#controls_one a.next, #controls_two a.next, #controls_one a.prev, #controls_two a.prev { top: 650px; }
#controls_one a.next { left: 410px;	}
#controls_two a.next { left: 680px;	}

#controls_one a:hover.next, #controls_two a:hover.next { background: url(/projects/cz/waendegestalten/graphics/vis_tool_pfeil_rechts_high.gif) no-repeat; }

#controls_one a.prev, #controls_two a.prev { 
	position: absolute;
	background: url(/projects/cz/waendegestalten/graphics/vis_tool_pfeil_links_low.gif) no-repeat; 
}

#controls_one a.prev { left: 210px; }
#controls_two a.prev { left: 485px; }

#controls_one a:hover.prev, #controls_two a:hover.prev { background: url(/projects/cz/waendegestalten/graphics/vis_tool_pfeil_links_high.gif) no-repeat; }


body#oekodeluxe_verblender #controls_one a.prev { 	
	top: 660px;
	left: 210px; 
}

body#oekodeluxe_verblender #controls_two a.prev { 	
	top: 660px;
	left: 485px; 
}

body#oekodeluxe_verblender #controls_one a.next {
	top: 660px;
	left: 410px;	
}

body#oekodeluxe_verblender #controls_two a.next {
	top: 660px;
	left: 680px;	
}

body#glamourglanz_verblender #controls_one a.prev { 	
	top: 670px;
	left: 210px; 
}

body#glamourglanz_verblender #controls_two a.prev { 	
	top: 670px;
	left: 485px; 
}

body#glamourglanz_verblender #controls_one a.next {
	top: 670px;
	left: 410px;	
}

body#glamourglanz_verblender #controls_two a.next {
	top: 670px;
	left: 680px;	
}

#caption_one, #caption_two, .caption { 
	width: 265px; 
	height: 28px; 
}

#caption_one .caption, #caption_two .caption {
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	font-size: 11px;
	height: 28px;
	font-weight: bold;
}

/* buttons ---------------------------------------------------------------------------------------------------------- */
/* padding der buttons aud dem uebergeordneten css ueberschreiben */
div.btn-navi-02 a, div.btn-navi-02-hi a { padding: 0 18px; }


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

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

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

.cll { clear: left; }
.clr { clear: right; }
.clb { clear: both; }

.serviceliste, .vorteileliste {
	list-style-image:url(/projects/cz/laminat10/graphics/vis_bullet_point.gif);
	padding-left:15px;
}

.serviceliste li, .vorteileliste li {
	padding:2px;
}

.werkzeugliste-wrapper {
	background:url(/projects/cz/laminat10/graphics/id_bg_zettel.jpg);
	background-repeat:no-repeat;
	width:525px;
	height:409px;
	padding-top:30px;
	padding-left:30px;
}

.werkzeugliste-wrapper .werkzeugliste, .werkzeugliste-wrapper .materialliste, .werkzeugliste-wrapper .werkzeugliste-headline {
	float:left;
	width:230px;
}

.werkzeugliste-wrapper .werkzeugliste, .werkzeugliste-wrapper .materialliste {
	list-style-position:outside;
	list-style-image:url(/projects/cz/laminat10/graphics/vis_bullet_point.gif);
}

.werkzeugliste-wrapper .werkzeugliste li, .werkzeugliste-wrapper .materialliste li {
	padding:2px;
}

.werkzeugliste-wrapper .werkzeugliste {
}

.werkzeugliste-wrapper .materialliste {
	padding-left:15px;
}

.txt-box-small a {
	text-decoration:underline;
}

.m-top-4 { margin-top:3px !important; }

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

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

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

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

.hd-02 {
	width:534px;
	background-image:url(/projects/cz/laminat10/graphics/btn_hd_listing_02.gif);
	background-repeat:repeat-x;
}

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

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

.paging {
	float:right;
	padding-right:10px;
	padding-top:3px;
}

.paging a {
	font-weight:normal;	
}

.paging .this-page {
	font-weight:bold;
	color:#000;
	background-color:#FA9C28;
}

.arbeitsschritte-group-wrap {
	background-image:url(/projects/cz/laminat10/graphics/kachel_dachausbau_linien_arbeitsschritte_01.gif);
	height:auto;
	width:538px;
}

.arbeitsschritte-group {
	padding-bottom:24px;
	background-image:url(/projects/cz/laminat10/graphics/kachel_dachausbau_linien_arbeitsschritte_02.gif);
	background-repeat:no-repeat;
	background-position:bottom; 
}

.arbeitsschritte-group ul li { 
	margin-left:0px;
}

.btn-subnavi-arrow-right a, .btn-subnavi-arrow-right-hi a {
	padding-left:8px !important;
}