@charset "utf-8";
/* styles for www.treppenbau-plath.de     */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Holger Bluethmann             */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; }

html {
	overflow-y: scroll; }

.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }

body {
	color: black; background-color: #efefef; }

body {
	background-image: url(../images/body_bg.gif); background-repeat: repeat-x; font-family: Georgia, "Times New Roman", Times, serif; }

/*                                        */
/* basic layout                           */
/*                                        */

div#navi-site {
	position: absolute; width: 900px; height: 30px; background-color: #efefef; }

div#header {
	position: absolute; top: 30px; width: 900px; height: 270px; background-color: #efefef; }
	
div#navi-pages {
	position: absolute; top: 300px; width: 220px; }
	
div#content {
	position: absolute; top: 300px; left: 220px; width: 680px; background-color: #FFF; }
	
div#text {
	float: left; margin: 0px 0px 0px 20px; padding-bottom: 30px; width: 440px; }
	
div#sidenotes {
	float: left; margin: 89px 0px 0px 20px; padding-bottom: 20px; width: 180px; }
	
	
/*                                        */
/* navi-site layer                        */
/*                                        */

div#navi-site ul {
	float: right; width: 441px; }

div#navi-site ul li {
	float: left; width: 110px; }

div#navi-site ul li a {
	display: block; height: 29px; width: 110px; text-indent: -20000px; background-image: url(../images/navi_site_bg.gif); background-repeat: no-repeat; }

div#navi-site ul li#navi-site-ueber-uns a {
	background-position: 0px 0px; }

div#navi-site ul li#navi-site-anfrage a {
	background-position: -110px 0px; }

div#navi-site ul li#navi-site-kontakt a {
	background-position: -220px 0px; }

div#navi-site ul li#navi-site-anbieter a {
	background-position: -330px 0px; }
	

div#navi-site ul li#navi-site-ueber-uns a:hover {
	background-position: 0px -30px; }

div#navi-site ul li#navi-site-anfrage a:hover {
	background-position: -110px -30px; }

div#navi-site ul li#navi-site-kontakt a:hover {
	background-position: -220px -30px; }

div#navi-site ul li#navi-site-anbieter a:hover {
	background-position: -330px -30px; }

	
/*                                        */
/* header layer                           */
/*                                        */

div#header div#header-image {
	position: absolute; width: 680px; height: 240px; background-color: #cc292e; }

div#header div#header-image img {
	position:absolute; display:none; }
	
div#header div#header-image img.notforcycle {
	z-index:90; }

div#header div#header-image img.first{
	display:block; }

div#header h3#logo {
	position: absolute; left: 680px; width: 220px; height: 270px; }

div#header h3#logo a {
	display: block; width: 220px; height: 270px; background-image: url(../images/logo_treppenbau.gif); text-indent: -20000px; }


div#header ul#navi-cats {
	position: absolute; left: 460px; width: 220px; height: 220px; background-color: #80472b; z-index:100; }

div#header ul#navi-cats li {
	height: 22px; }

div#header ul#navi-cats li.first {
	margin-top: 22px; }

div#header ul#navi-cats li.last {
	height: 23px; }

div#header ul#navi-cats li a {
	display: block; height: 22px; width: 200px; background-image: url(../images/navi_cats_bg.gif); text-indent: -20000px; }

div#header ul#navi-cats li.last a {
	height: 23px; }


div#header ul#navi-cats li#navi-cats-wangentreppen a {
	background-position: 0px 0px; }

div#header ul#navi-cats li#navi-cats-faltwerktreppen a {
	background-position: 0px -22px; }

div#header ul#navi-cats li#navi-cats-flachwangentreppen a {
	background-position: 0px -44px; }

div#header ul#navi-cats li#navi-cats-systemtreppen a {
	background-position: 0px -66px; }

div#header ul#navi-cats li#navi-cats-spindeltreppen a {
	background-position: 0px -88px; }

div#header ul#navi-cats li#navi-cats-stahlbetontreppen a {
	background-position: 0px -110px; }

div#header ul#navi-cats li#navi-cats-gelaenderundelemente a {
	background-position: 0px -132px; }

div#header ul#navi-cats li#navi-cats-sonderanfertigungen a {
	background-position: 0px -154px; }


div#header ul#navi-cats li#navi-cats-wangentreppen a:hover {
	background-position: -210px 0px; }

div#header ul#navi-cats li#navi-cats-faltwerktreppen a:hover {
	background-position: -210px -22px; }

div#header ul#navi-cats li#navi-cats-flachwangentreppen a:hover {
	background-position: -210px -44px; }

div#header ul#navi-cats li#navi-cats-systemtreppen a:hover {
	background-position: -210px -66px; }

div#header ul#navi-cats li#navi-cats-spindeltreppen a:hover {
	background-position: -210px -88px; }

div#header ul#navi-cats li#navi-cats-stahlbetontreppen a:hover {
	background-position: -210px -110px; }

div#header ul#navi-cats li#navi-cats-gelaenderundelemente a:hover {
	background-position: -210px -132px; }

div#header ul#navi-cats li#navi-cats-sonderanfertigungen a:hover {
	background-position: -210px -154px; }



div#header ul#navi-cats li#navi-cats-wangentreppen.selected a {
	background-position: -420px 0px; }

div#header ul#navi-cats li#navi-cats-faltwerktreppen.selected a {
	background-position: -420px -22px; }

div#header ul#navi-cats li#navi-cats-flachwangentreppen.selected a {
	background-position: -420px -44px; }

div#header ul#navi-cats li#navi-cats-systemtreppen.selected a {
	background-position: -420px -66px; }

div#header ul#navi-cats li#navi-cats-spindeltreppen.selected a {
	background-position: -420px -88px; }

div#header ul#navi-cats li#navi-cats-stahlbetontreppen.selected a {
	background-position: -420px -110px; }

div#header ul#navi-cats li#navi-cats-gelaenderundelemente.selected a {
	background-position: -420px -132px; }

div#header ul#navi-cats li#navi-cats-sonderanfertigungen.selected a {
	background-position: -420px -154px; }

	
/*                                        */
/* navi-pages layer                       */
/*                                        */

div#navi-pages ul {
	margin-top: 30px; }

div#navi-pages ul li {
	width: 200px; border-bottom: 1px solid #d7d7d7; font-size: 13px; line-height: 16px; }

div#navi-pages ul li a {
	display: block; padding: 9px 5px 9px 25px; color: #333333; }

div#navi-pages ul li a:hover {
	color: #e32e33; }

div#navi-pages ul li.selected a {
	color: #e32e33; background-image: url(../images/navi_pages_li_sel_bg.gif); background-repeat: no-repeat; }


div#navi-pages ul li.selected ul {
	margin-top: 0px; }

div#navi-pages ul li.selected ul li {
	width: 200px; border-bottom: none; }

div#navi-pages ul li.selected ul li a {
	display: block; padding: 6px 5px 6px 35px; color: #333333; background: none; }

div#navi-pages ul li.selected ul li a:hover {
	color: #e32e33; }

div#navi-pages ul li.selected ul li.selected a {
	color: #e32e33; }


div#navi-pages div#home-news {
	margin-top: 30px; width: 200px; }

div#navi-pages div#home-news h3 {
	padding: 10px 0px 10px 25px; font-size: 16px; line-height: 20px; color: #e32e33; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }


div#navi-pages div#home-news h2 {
	padding: 0px 0px 0px 25px; font-size: 12px; line-height: 16px; color: #7f462b; }

div#navi-pages div#home-news h2 a {
	color: #7f462b; }

div#navi-pages div#home-news p {
	padding: 5px 0px 5px 25px; font-size: 12px; line-height: 16px; color: #333; }

div#navi-pages div#home-news p a {
	color: #333; }

div#navi-pages div#home-news p.date {
	padding: 5px 0px 0px 25px; border-top: 1px solid #b79b8d; color: #7f462b; }

div#navi-pages div#home-news p.date a {
	color: #7f462b; }


/*                                        */
/* text layer                             */
/*                                        */

div#text p#navi-breadcrumb {
	padding: 10px 0px 5px 0px; font-size: 12px; color: #666; }

div#text p#navi-breadcrumb a {
	color: #666; text-decoration: none; }

div#text p#navi-breadcrumb a:hover {
	color: #e32e33; }


div#text h1 {
	padding: 10px 0px 0px 0px; font-size: 27px; line-height: 29px; color: #e32e33; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; }

div#text h2 {
	margin-bottom: 10px; padding: 0px 0px 25px 0px; font-size: 24px; line-height: 27px; color: #80472b; background-image: url(../images/text_h2_bg.gif); background-repeat: repeat-x; background-position: center bottom; font-weight: normal; }

div#text h3 {
	padding: 10px 0px 10px 0px; font-size: 16px; line-height: 20px; color: #e32e33; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; }

div#text h4 {
	padding: 10px 0px 10px 0px; font-size: 13px; line-height: 18px; color: #e32e33; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; }

div#text p {
	padding: 0px 0px 10px 0px; font-size: 13px; line-height: 18px; color: #333; }

div#text a {
	color: #e32e33; text-decoration: underline; }

div#text ol, div#text ul {
	margin-left: 20px; padding: 0px 0px 10px 0px; font-size: 13px; line-height: 18px; color: #333; list-style-type: disc; }

div#text ol {
	margin-left: 25px; list-style-type: decimal; }


div#text h3.pglist {
	margin-top: 10px; border-top: 1px solid #e32e33; }
	
div#text p.pglist a {
	float: left; margin: 0px 10px 10px 0px; }
	
div#text div.referenceviewnojs {
	clear: both;}

div#text div.referenceviewnojs p.imgnumber {
	margin: 0px 20px 10px 0px; font-size: 12px; color: #666; float: right; }
	
div#text div.referenceviewnojs p.referencebottomnavi {
	clear: both; }

div#text div.referenceviewnojs p.referencebottomnavi a.right {
	font-size: 12px; color: #666; float: right; margin-right: 10px; padding-right: 15px; padding-bottom: 1px; background-image: url(../images/reference_navi_next.gif); background-repeat: no-repeat; background-position: right; } 

div#text div.referenceviewnojs p.referencebottomnavi a.left {
	font-size: 12px; color: #666; float: left; padding-left: 17px; padding-bottom: 1px; background-image: url(../images/reference_navi_prev.gif); background-repeat: no-repeat; background-position: left; }
	
div#text div.news-list-item {
	padding-bottom: 10px; border-bottom: 1px solid #CCC; }
	
div#text div.news-list-item a {
	text-decoration: none; color: #666; }
	
div#text div.news-list-item h3 {
	padding: 0px 0px 5px 0px; }
	
div#text div.news-list-item p {
	padding: 0px 0px 5px 0px; }
	
div#text div.news-list-item h3 a {
	color: #e32e33; }
	
div#text div.news-list-item p a span {
	color: #e32e33; }
	

/*                                        */
/* sidenotes layer                        */
/*                                        */

div#sidenotes h3 {
	font-size: 12px; line-height: 17px; }

div#sidenotes h3 a {
	color: #80472b; }
	
div#sidenotes div.contact-hwi h3 a {
	display: block; padding-top: 105px; background-image: url(../images/teaser_wismar.jpg); background-repeat: no-repeat; }
	
div#sidenotes div {
	margin-top: 15px; }
	
div#sidenotes div.anfrage {
	padding-top: 18px; border-top: 1px solid #cccccc; }
	
div#sidenotes div.anfrage a {
	display: block; width: 180px; height: 100px; background-image: url(../images/teaser_anfrage.jpg); text-indent: -20000px; }
	
div#sidenotes div.material {
	padding-top: 18px; border-top: 1px solid #cccccc; }
	
div#sidenotes div.material a {
	display: block; width: 180px; height: 100px; background-image: url(../images/teaser_hoelzer.jpg); text-indent: -20000px; }
	
/*                                        */
/* reference overlay                      */
/*                                        */

div.simple-overlay { 
	display: none; z-index: 10000; background-color: #fff; width: 680px; } 

div.simple-overlay h3 { 
	padding: 10px 20px 2px 20px; font-size: 22px; line-height: 25px; color: #e32e33; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

div.simple-overlay h4 { 
	margin: 0px 20px 0px 20px; padding-bottom: 7px; font-size: 13px; line-height: 17px; color: #7F462B; border-bottom: 1px solid #999; }

div.simple-overlay p { 
	padding: 5px 20px 15px 20px; font-size: 13px; line-height: 18px; color: #333; }
	
div.simple-overlay div.gallery { 
	position: relative; margin: 5px 20px 5px 20px; height: 436px; width: 640px; }
	
div.simple-overlay div.gallery img { 
	position: absolute; display: none; }
	
div.simple-overlay div.gallery img.active { 
	display: block; }
	
	
div.simple-overlay span#reference-navi {
	position: absolute; right: 20px; top: 480px; }
	
div.simple-overlay span#imgcnt {
	position: absolute; right: 20px; top: 470px; font-size: 12px; color: #666; float: right;}

div.simple-overlay span#reference-navi span {
	display: block; float: right; padding-top: 5px; font-size: 12px; color: #666; }

div.simple-overlay span#reference-navi a {
	display: block; float: right; width: 20px; height: 21px; background-image: url(../images/reference_navi_next.gif); text-indent: -20000px; cursor: pointer; }

div.simple-overlay span#reference-navi a#reference-navi-prev {
	background-image: url(../images/reference_navi_prev.gif); }


div.simple-overlay span#reference-close {
	position: absolute; right: 20px; top: 13px; }

div.simple-overlay span#reference-close a {
	display: block; width: 76px; height: 14px; background-image: url(../images/reference_close.gif); text-indent: -20000px; cursor: pointer; }


/*                                        */
/* Kontaktformular                        */
/*                                        */
div#contact-form p.address span.title{
	width:160px; display:block; float:left; }

div#contact-form p.address input.text{
	width:241px; }

div#contact-form p.address input.name{
	width:116px; }

div#contact-form p.address input.plz{
	width:80px; }

div#contact-form p.address input.city{
	width:152px; }

div#contact-form p.address textarea{
	width:405px; }

div#contact-form p.btn input.sendBtn{
	background-color:#E32E33; border:none; color:#FFF; height:24px; width:150px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; margin-top:20px; }