/*
		
			Schorfheidetreppen
			----------------------------------------------------------------------
		
		*/
		
		
		
		/*
			Global
			----------------------------------------------------------------------
		*/
		
		* {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		body {
			color: #fff;
			background: #999 url(bg-body.jpg) left top repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.625em;
		}
		
		/*
			Container gesamter Content
			----------------------------------------------------------------------
		*/
		
		div#page {
			position: relative;
			width: 955px;
			margin: 0 auto;
			overflow: hidden;
			color: #595450;
			background-color: #fff;
			background-image: url(bg-page.gif);
			background-position: left top;
			background-repeat: repeat-y;
		}
		
		/*
			Hauptmenu oben
			----------------------------------------------------------------------
		*/
		
		div#mainnav {
			position: relative;
			height: 88px;
			color: #000;
			background-color: #fff;
		}
		
		div#mainnav h1,
		div#mainnav h2 {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -2000px;
		}
				
		div#mainnav ul {
			float: right;
			margin-top: 65px;
			list-style-type: none;
			list-style-image: none;
		}
		
		div#mainnav ul li {
			float: left;
			display: inline;
			height: 14px;
		}
		
		div#mainnav ul li a {
			float: left;
			display: inline;
			height: 14px;
			background-position: right top;
			background-repeat: no-repeat;
			margin-left: 14px;
			padding-left: 4px;
		}
		
		div#mainnav ul li a span {
			height: 0;
			line-height: 0;
			font-size: 0;
			text-indent: -2000px;
			margin-left: -2000px;
		}

		div#mainnav ul li#main1 a {
			width: 43px;
			background-image: url(toplink-firma2.gif);
		}

		div#mainnav ul li#main2 a {
			width: 59px;
			background-image: url(toplink-treppen2.gif);
		}

		div#mainnav ul li#main3 a {
			width: 44px;
			background-image: url(toplink-tueren2.gif);
		}

		div#mainnav ul li#main4 a {
			width: 97px;
			background-image: url(toplink-renovierung2.gif);
		}

		div#mainnav ul li#main5 a {
			width: 84px;
			background-image: url(toplink-referenzen2.gif);
		}

		div#mainnav ul li#main6 a {
			width: 147px;
			background-image: url(toplink-kalkulator2.gif);
		}

		div#mainnav ul li#main7 a {
			width: 61px;
			background-image: url(toplink-kontakt2.gif);
		}

		div#mainnav ul li#main8 a {
			width: 119px;
			background-image: url(toplink-treppentechnik2.gif);
		}

		div#mainnav li a.current,
		div#mainnav li a:hover {
			border-left: solid 6px #fe9b00;
			margin-left: 8px;
		}

		/*
			Jumpmenu
			----------------------------------------------------------------------
		*/
		
		div#mainnav p#jumpmenu {
			position: absolute;
			right: 2000px;
			z-index: 1;
		}
		
		div#mainnav p#jumpmenu span {
			display: none;
		}
		
		div#mainnav p#jumpmenu a:focus, 
		div#mainnav p#jumpmenu a:active {
			position: absolute;
			right: -2000px;
			top: 1em;
			display: block;
			width: 17em;
			padding: 0.5em;
			color: #000;
			background-color: #f6f6f6;
		}

		/*
			Logo
			----------------------------------------------------------------------
		*/
		
		div#logocontainer {
			float: left;
			width: 280px;
			height: 88px;
			clear: none;
		}
		
		/*
			Header
			----------------------------------------------------------------------
		*/
		
		div#header {
			position: relative;
			float: left;
			width: 955px;
			height: 260px;
		}
		
		div#header div#headerpic img {
			float: left;
		}
		
		div#header div#overlay1 {
			position: absolute;
			top: 0;
			left: 0;
			width: 414px;
			height: 226px;
			background: url(bg-header-willkommen.gif) left top no-repeat;
			overflow: hidden;
		}
		
		div#header div#overlay2 {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 213px;
			height: 0;
			border-bottom: solid 6px #76DD12;
		}		

		/*
			Content Wrapper
			----------------------------------------------------------------------
		*/
		
		div#contentwrapper {
			float: left;
			display: inline;
			width: 737px;
		}
		
		/*
			Menu links
			----------------------------------------------------------------------
		*/
		
		div#leftmenu {
			float: left;
			display: inline;
			width: 205px;
			color: #3e3e3c;
			background-color: #e7e3e0;
		}
		
		div#leftmenu ul {
			margin-top: 6px;
			padding-bottom: 1em;
			list-style-type: none;
			list-style-image: none;
			min-height: 259px;
			background: url(bg-leftmenu.gif) left top repeat-y;
		}
		
		div#leftmenu li {
			margin-bottom: 6px;
			padding: 2px 0;
			color: #fff;
			background: #aa9c91 url(bg-leftmenu-li.gif) left top no-repeat;
		}
		
		div#leftmenu li.current {
			background-image: url(bg-leftmenu-li-current.gif);
		}
		
		div#leftmenu a,
		div#leftmenu span {
			display: block;
			width: 170px;
			padding-left: 35px;
			color: #fff;
			background-color: transparent;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 1px;
		}
		
		/*
			Login
			----------------------------------------------------------------------
		*/
		
		div#login {
			margin-top: 6px;
			padding: 10px;
			color: #403f3d;
			background-color: #ccc8c7;
		}
		
		div#login dl {
		}

		div#login dt {
			width: 185px;
			margin-bottom: 10px;
			font-size: 1.2em;
			font-weight: bold;
		}

		div#login dd {
			float: left;
			width: 185px;
		}

		div#login label {
			font-size: 1.2em;
			display: block;
			float: left;
			width: 25%;
		}
		
		div#login input {
			float: right;
			width: 60%;
			margin-bottom: 1px;
			padding: 2px;
			color: #403f3d;
			background-color: #efefef;
			border: solid 1px #a99d91;
		}
		
		div#login input.button {
			padding: 0;
			width: 40%;
		}
		
		/*
			Content
			----------------------------------------------------------------------
		*/
		
		div#content {
			float: left;
			display: inline;
			width: 452px;
			padding: 40px;
		}
		
		div#content h1 {
			margin-bottom: 1em;
			font-size: 1.6em;
			color: #92b92a;
			background-color: #fff;
		}
				
		div#content h2 {
			margin-bottom: 1em;
			font-size: 1.4em;
			color: #595450;
			background-color: #fff;
		}
				
		div#content h3 {
			margin-bottom: 1em;
			font-size: 1.2em;
			color: #595450;
			background-color: #fff;
		}
				
		div#content p {
			margin-bottom: 1em;
			font-size: 1.2em;
			line-height: 1.4;
			text-align: justify;
			color: #595450;
			background-color: #fff;
		}

		div#content p.topspace {
			margin-top: 3em;
		}

		div#content p.sl {
			clear: both;
			font-weight: bold;
			font-size: 120%;
			color: #777;
			background-color: #fff;
			padding-top: 1em;			
		}

		div#content img.floatright {
			float: right;
			margin: 0 0 0.5em 1.5em;
		}
		
		div#content ul {
			margin: 0 2em 1em 2em;
			font-size: 1.2em;
			line-height: 1.4;
			list-style-type: disc;
			list-style-image: url(images/bullet_black.gif);
		}

		div#content ol {
			margin: 0 2em 1em 2em;
			font-size: 1.2em;
			line-height: 1.5;
		}

		div#content li {
			margin-bottom: 0.5em;
		}

		div#content table {
			margin: 1em 0;
			border-collapse: collapse;
			font-size: 1.2em;
		}
		
		div#content table caption {
			margin: 1em 0;
			padding: 0.5em 0;
			font-style: italic;
			color: #000;
			background-color: #f1f1f1;
		}
		
		div#content table tr th {
			padding: 0.5em;
			text-align: left;
			color: #000;
			background-color: #fff;
			border-bottom: 0.2em solid #fff;
		}
		
		div#content table tr td {
			padding: 0.5em;
			width: 50%;
			border-bottom: 1px solid #c1c1c1;
			color: #000;
			background-color: #e7e7e7;
		}
		
		div#content table tr td p {
		}
		
		div#content a {
			color: #bb1b24;
			background-color: #fff;
		}
		
		/* Bildergalerie */
		
		div#content div.gallery {
			float: left;
			display: inline;
			width: 100%;
			margin: 1.5em 0;
			padding-bottom: 22px;
			background: url(gallery-mag.gif) 10px bottom no-repeat;
		}
				
		/*	Übersichtsseite	*/
		div#content div#teaser div.gallery {
			float: left;
			display: inline;
			width: 100%;
			margin:0px;
			padding:0px;
			background:none;
		}
		
		
		div#content div.gallery ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		div#content div.gallery ul li {
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
		}
	
		div#content div.gallery ul li img {
			margin-right: 4px;
			padding: 3px;
			border: 1px solid #dadada;
		}
		
		div#content div.gallery ul li img.last {
			margin-right: 0;
		}
		
		/* Bildergalerie 2 */
		
		div#content div.tgallery {
			float: left;
			display: inline;
			margin: 2em 0;
			padding-bottom: 18px;
			background: url(gallery-mag.gif) 10px bottom no-repeat;
		}
		
		div#content div.tgallery ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		div#content div.tgallery ul li {
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
		}
	
		div#content div.tgallery ul li img {
			margin-right: 10px;
		}
		
		div#content div.gallery ul li img.last {
			margin-right: 0;
		}
		
		/* Bildergalerie 3 - Holzarten */

		div#content div.gallery dl {
			float: left;
			clear: none;
			display: inline;
			margin: 0;
			padding: 0;
		}

		div#content div.gallery dt img {
			margin-right: 4px;
			padding: 3px;
			border: 1px solid #dadada;
		}

		div#content div.gallery dl.last img {
			margin-right: 0;
		}
		
		div#content div.gallery dd {
			margin: 0.2em 0 1em 0.2em;
			font-size: 1.1em;
			color: #444;
			background-color: #fff;
		}

		/*  */

		div#content div.pblock {
			border: 1px solid #dadada;
			padding: 10px;
			margin-bottom: 1em;
			background: url(bg-container.gif) -150px 0 repeat-y;
		}
		
		div#content div.pblock p {
			float: left;
			width: 30%;
			font-weight: bold;
			color: #000;
			background-color: #e5e5e5;
		}
		
		div#content div.pblock img {
			float: left;
			margin-left: 30px;
		}

		/* Kontakt */

		form#kontakt {
			margin: 0 0.5em;
			color: #000;
			background-color: #fff;
		}
		
		form#kontakt textarea,
		form#kontakt input.txt {
			width: 25em;
			margin: 0 0 0.2em 0.5em;
			padding: 0.2em;
			border: 1px solid #bbb;
		}
		
		form#kontakt input.radiobtn {
			margin-right: 0.5em;
		}
		
		form#kontakt input.btn {
			border: 1px solid #bbb;
			padding: 0.2em 0.5em;
			margin-right: 0.5em;
		}
		
		form#kontakt label {
			display: block;
			float: left;
			width: 6em;
			font-size: 1.2em;
			text-align: right;
			margin: 0.2em 0;
		}
		
		form#kontakt p {
			margin-left: 6.5em;
			line-height: 2;
		}
		
		form#kontakt a {
			text-decoration: none;
		}
		
		form#kontakt .help {
		}
		
		/*
			Marginalspalte
			----------------------------------------------------------------------
		*/
		
		div#marginal {
			float: right;
			display: inline;
			width: 213px;
			color: #32312f;
			background-color: #efebea;
			border-left: solid 5px #fff;
			padding-bottom: 0;
		}
		
		/* 
			Banner Marginal
			---------------------------------------------------------------
		*/
	
		div#marginal dl {
			padding-bottom: 1.5em;
			border-bottom: solid 6px #76DD12;
			color: #32312f;
			background-color: #c8bfb8;
		}

		div#marginal dt {
			height: 142px;
		}

		div#marginal dl.last dt {
			height: 297px;
		}

		div#marginal dt img {
			float: left;
			clear: left;
		}

		div#marginal dl h1 {
			padding: 0.2em 0.5em;
			font-size: 1.4em;
			text-transform: uppercase;
			color: #fff;
			background-color: #8f7d6f;
		}
				
		div#marginal dl p {
			padding: 0.5em 0.55em 0 0.55em;
			font-size: 1.2em;
		}

		div#marginal dl a {
			color: #32312f;
			background-color: #c8bfb8;
		}
						
		/*
			Menubottom
			----------------------------------------------------------------------
		*/
		
		div#menubottom {
			position: relative;
			width: 955px;
			margin: 0 auto;
			padding: 20px 0;
			overflow: hidden;
			background-color: #fff;
			background-image: url(bg-page.gif);
			background-position: left top;
			background-repeat: repeat-y;
			color: #494846;
			background-color: #fff;
		}
		
		div#menubottom ul {
			float: right;
			display: inline;
			list-style-type: none;
			list-style-image: none;
			margin-right: 253px;
		}
		
		div#menubottom ul li {
			float: left;
			display: inline;
		}
		
		div#menubottom ul li a {
			float: left;
			display: inline;
			margin-left: 18px;
			color: #494846;
			background-color: #fff;
			font-size: 1.2em;
			line-height: 1;
			text-decoration: none;
		}
		
		/* 
			Clearfix-Hack
			---------------------------------------------------------------
		*/
	
		.clearfix:after {
			content: ".";		
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}