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

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body { 
	background-color: rgb(255,255,255);
}

.page {
	background-color:#fff;
	width:968px;
}

.page.start{
	background-color:#fff;
}

.header {
	width:930px;
	height:78px;
	border-bottom:3px solid rgb(249,157,44);
}

.footer {
	width:930px;
	clear:both;
}

.link-top { text-decoration:none; margin-top:10px; margin-right:20px; }
.link-top img { margin-top:4px; }
.link-top span { font-weight:bold; text-decoration:underline; cursor:pointer; }

.txt-box-header {
	clear:both;
	float:none;
}

/* NAVIGATION SUBNAVIGATION START */

.navi {
	width:inherit;
	height:21px;
	margin-top:57px;
}

.sub-navi {
	padding-left:3px;
}

.sub-navi .nav-active, .footer-navi .nav-active { background-color:transparent;}

.headline, .sub-navi a, .pagination-top a, .pagination-bottom a { color:rgb(51,51,51);}

.col-01, .col-02, .col-03, .col-02-wide { float:left;}
.col-01, .col-03 { width:170px;}
.col-02 { width:590px;}
.col-02-wide { width:760px; }

li.sub-navi-back {
	padding-bottom:5px;
}
li.sub-navi-back a { 
	color:rgb(0, 0, 0); 
	background-image:url('/projects/de/dachausbau/graphics/pic_dachausbau_pfeil_grau_left.gif'); 
	background-position:left 2px;
	background-repeat:no-repeat;
}
li.sub-navi-back a:hover { 
	background-image:url('/projects/de/dachausbau/graphics/pic_dachausbau_pfeil_orange_left.gif');
	background-position:left 2px;
	background-repeat:no-repeat;
}

.col-02 .content, .col-02-wide .content { padding-left:20px; margin-bottom:20px; overflow:hidden;}

.img-box-wide, .txt-box-wide { width:550px; }

.txt-box-wide, .list-txt-box {	margin-top:2px; }

.txt-box-wide a { color:rgb(249,157,44); }

.list-txt-box { list-style:none; }
.list-txt-box li { margin-top:3px; }
.list-txt-box li.li-first { margin-top:0; }

.two-tsr-group { padding-left:20px; }
.two-tsr-group ul li { float:left; }

.pagination-top, .pagination-bottom { float:right;}
.pagination-top, .pagination-bottom, 
.pagination-top a, .pagination-bottom a {font-size:11px; font-weight:normal;}
.pagination-top span, .pagination-bottom span { font-weight:bold; color:rgb(250,156,40);}
.pagination-bottom, .pagination-top {float:none; clear:both; margin-top:0px; text-align:right;}
.page.faq .pagination-bottom, .page.faq .pagination-top { margin-right:20px;}

.footer-navi-wrap { width:590px;}
.footer-navi { 
	margin:0px 20px 0px 20px;
	/* 
	width:550px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:200px;
	*/
	background-color:rgb(255,255,255);
}
.footer-navi-previous-next { margin:20px 20px 0px 11px;}
.footer-navi-previous-next span { display:block; margin-bottom:9px; font-size:11px;}
.footer-navi-previous-next a { font-size:14px;}
.footer-navi-previous-next a.arrow-left { 
	float:left;
	display:block;
	padding-left:33px;
	line-height:30px; 
	background-image:url('/projects/de/dachausbau/graphics/pic_dachausbau_pfeil_big_left.gif'); 
	background-repeat:no-repeat;
}
.footer-navi-previous-next a.arrow-right {  
	float:right;
	display:block;
	margin-right: 32px;
	padding-right:33px;
	line-height:30px; 
	background-image:url('/projects/de/dachausbau/graphics/pic_dachausbau_pfeil_big_right.gif'); 
	background-repeat:no-repeat;
	background-position: right;
}
.footer-navi-previous-next ul li { 
	padding:31px 0px 0px 36px;
	width:243px; /* width:279px; original*/	
	height:111px;
	float:left;
	background-image:url('/projects/de/dachausbau/graphics/bg_dachausbau_projekte.gif'); 
	background-repeat:no-repeat;
}
.footer-navi a { margin-left:0px;}
.footer-navi h3 { margin-top:8px; font-size:12px;}
.col-02 .content h3, .col-02-wide .content h3{ margin:20px 0px 0px 0px; padding:0px; font-size:12px;}

.blocker { float:none; clear:both; height:1px;}
.blocker-navi { float:none; clear:both; height:2px;}
.hide-text, .start-content a, .send-to-friend { text-indent:-5000px;}
ul, ul li { list-style-type:none;}
p { margin-top:20px; padding-right:50px; /*font-size:12px; font-weight:normal;*/}
p.first { margin-top:0px;}

.send-to-friend { 
	display:block;
	width: 121px;
	height:27px;
	margin-top:22px;
	margin-left:40px;
}

.dunkel-01 { background-color:red;}
.dunkel-03 { background-color:red;}

.img-wrap { margin-bottom:6px;}
.teaser { width:170px; }
.teaser p { 
	margin: 0px 5px 0px 5px; 
	padding: 0px; 
	font-size: 9px !important;
}

.three-image-group ul li{ float:left;}
.three-image-group ul li span{ display:block; font-size:10px;}
.three-image-group ul li.center{ float:left; margin:0px 20px 0px 20px; }
.m-top { margin-top:20px;}
.m-top-null { margin-top:0px !important;}
/*
table td {
	
	margin:0px;
	padding:0px;
	
	border-bottom: 1px solid rgb(51,51,51); 
}
table td p {
	margin:0px;
	padding:0px;
	line-height:24px; 
}
*/
.tip ul li p { margin:0px; padding:0px;}
.tip ul li { float:left;}
.tip ul li.tip-txt { margin-left:10px; width:65%;}
.tip-image img { display:block; margin-top:3px;}
.std-ul li {
	padding-left: 10px;
	background-image:url('/general/graphics/vis_bullet_point.gif');
	background-position:left 6px;
	background-repeat:no-repeat;
}

.three-part-box {
	margin-left:-9px;
	background-image:url('/projects/de/dachausbau/graphics/bg_dachausbau_material_werkzeuge_head.gif');
	background-position:top left;
	background-repeat:no-repeat;
}
.three-part-box-content-wrap {
	margin-top:24px;
	background-image:url('/projects/de/dachausbau/graphics/bg_dachausbau_material_werkzeuge_kachel.gif');
	background-position:top left;
	background-repeat:repeat-y;
}
.three-part-box-content {
	padding-left:48px;
	background-image:url('/projects/de/dachausbau/graphics/bg_dachausbau_material_werkzeuge_bottom.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}
.three-part-box-col-01 { width:248px;}
.three-part-box-col-01, .three-part-box-col-02 { float:left; margin-bottom:35px;}
.three-part-box-content h3 {margin-top:20px; margin-bottom:6px !important; font-size:14px !important;}
.three-part-box-content ul li {
	padding-left: 10px;
	background-image:url('/general/graphics/vis_bullet_point.gif');
	background-position:left center;
	background-repeat:no-repeat;
}

div.print { margin-top:22px; padding-right:37px; text-align:right;}
div.print a.link-print {
	display:block;
	float:right;
	padding-left: 30px;
	line-height:27px;
	text-decoration:underline;
	background-image:url('/projects/de/dachausbau/graphics/btn_drucken.gif');
	background-position: left top;
	background-repeat:no-repeat
}

.arbeitsschritte-group-wrap { 
	height:850px; 
	overflow:hidden; 
	background: url('/projects/de/dachausbau/graphics/kachel_dachausbau_linien_arbeitsschritte_01.gif');
	background-repeat:repeat-y;
}
.arbeitsschritte-group ul li { float:left; margin-left:20px;}
.arbeitsschritte-group ul li.txt-arbeitsschritte { margin-left:40px;  width:55%;}
.txt-arbeitsschritte h3 { margin:0px !important; padding:0px !important;}
p.txt-arbeitsschritte-intro {
	margin:0px 20px 20px 20px !important; 
	padding:20px 0px 20px 0px !important; 
	background-color:rgb(255,255,255);
}
.tbl_grey_beam {
	display:block;
	float:left;
	width:523px; /* Originalgre 551px */ 
	height:18px; /* Originalhhe 22px */
	background:	url('/projects/de/dachausbau/graphics/bg_tbl_top.gif');
	padding:4px 8px 0px 20px;
	color:rgb(255,255,255);
	
}
.tbl_grey_beam li{float:left; color:rgb(255,255,255); font-size:11px;}
.tbl_grey_beam .first { margin-right:20px;}
.tbl_grey_beam li a:link, .tbl_grey_beam li a:active, .tbl_grey_beam li a:visited {
	display:inline-block;
	color:rgb(255,255,255);
	font-weight:normal;
	padding:0px 2px 0px 2px;
}

.tbl_grey_beam li a:hover, .tbl_grey_beam li a.active, .tbl_grey_beam li span {
	color:rgb(0,0,0);
	background:#ff992e;
	text-decoration:none;
}
.arbeitsschritte-group {
	display:block; 
	width:551px;
}
.arbeitsschritte-group p{ margin:20px 20px 0px 20px; padding:0;}
.trenner { margin-top:20px; margin-bottom:20px;}

.flash { margin-top:20px; margin-left:1px;}
.vid-download { margin-top: 20px;}
#artikel-img-big { position:absolute; top:633px; left:190px;}

.image-text-group ul li { float:left; }
.txt-image-text { margin-left:15px; width: 60%;}
.image-text-long { width:80%; }
.txt-image-text h3 { margin:0px !important; padding:0px !important;}


.pad-bottom-12 { padding-bottom:12px !important;}
.pad-bottom-200 { padding-bottom:200px;}
.m-top-32 {	margin-top: 32px !important;}
.m-left-negative {margin-left:-9px; }
.m-bottom { margin-bottom:20px;}
.m-bottom-null { margin-bottom:0px;}
.pad-right { padding-right:20px;}
.top.top-long { margin-top:-2px;}
.floatL {float:left !important;}
.floatR {float:right !important;}
.clearL { clear:left !important;}
.clearR { clear:right !important;}
.clearB { clear:both !important;}
.hide { display:none;}
.background-null { background-image: url('none') !important;}
img { border:none !important;}

.m-top-0  { margin-top:0px !important; }
.m-top-12 {	margin-top:12px !important; }
.m-top-24 {	margin-top:24px !important; }
.m-top-36 {	margin-top:36px !important; }
.m-top-48 {	margin-top:48px !important; }
.m-top-60 {	margin-top:60px !important; }
.m-left-0 { margin-left:0px !important; }
.m-left-20 { margin-left:20px !important; }
.m-right-0 { margin-right:0px !important; }
.m-right-20 { margin-right:20px !important; }
.m-bottom-0 { margin-bottom:0px !important; }
.m-bottom-12 { margin-bottom:12px !important; }
.m-bottom-100 { margin-bottom:100px !important; }

.p-top-0 { padding-top:0px !important; }
.p-bottom-0 { padding-bottom:0px !important; }
.p-left-0 {	padding-left:0px !important; }
.p-right-0 { padding-right:0px !important; }
.p-left-20 { padding-left:20px !important; }
.p-right-20 { padding-right:20px !important; }

.hrz-btn-group ul li { float:left; }
sub, sup {font-size:9px !important;}


.debug01 { background-color:#00FF00;}
.debug02 { background-color:#CC66FF;}
.debug03 { background-color:#FF33CC;}