/*
CSS-RESET--------------------- 

Author:   Waigwa Gatamu 
Created:  10:12:2009
Copyright: Euroweb Internet GmbH   
*/


/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	border: none;
	outline: none;
}
html, body {
	width:100%;
	height:100%;
	overflow:hidden;
}
#body {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	overflow:auto;
	overflow-x:hidden;
}
/*
SUPER-RESIZED
==================================================*/	

#holder {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
}
#holder[id] {
	display:table;
}
#holder div {
	position:absolute;
	left:0;
	top:50%;
}
#holder[id] div {
	display:table-cell;
	vertical-align:middle;
	position:static;
}
#holder img {
	position:relative;
	top:-50%;
	margin:0 auto;
	display:block;
	-ms-interpolation-mode:bicubic;
	width:100%;
}
*:first-child+html #holder div {
	position:absolute;
}
#slideshow {
	width:250px;
	float:left;
	position:relative;
	overflow:hidden;
	background:url(../images/slideshow/01.jpg) no-repeat;
}
#slideshow {
	height:262px;
}
#slideshow img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
/*
CMS
==================================================*/
.text-container {
	width:650px;
	float:left;
}
.text-bild {
	width:200px;
	height:226px;
	float:left;
	margin-left:5px;
}
.text-text {
	width:400px;
	float:left;
}
.text-download {
	float:left;
	width:650px;
}
.cmsContainer {
	float:left;
	width: 660px;
	position: relative;
	margin-bottom: 10px;
}
/*
KLASSEN & ANDERE STANDARDS
==================================================*/

ol, ul {
	list-style: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.daten {
	float:left;
	width:620px;
}
div#content-sidebar p, div#content-main p {
	margin: 0 0 20px 0;
	line-height:20px;
	color:#fcfcfc;
}
.separator {
	border-top:0;
	height:5px;
	line-height:0.001em;
	overflow:hidden;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}
span.text {
	background:#fff;
	color:#333;
	padding:2px;
}
a.red {
	background:#FC2626;
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-size:14px;
}
strong.red {
	color:#FF0000;
}
ul.list li {
	list-style:square;
	list-style-position:inside;
	border-bottom: solid 1px #52403d;
	padding:10px 0 10px 0;
}
ul.list {
	margin-bottom:30px;
}
.clear {
	clear: both;
	height: 0;
	width: 0;
}
.push {
	height: 160px;
}
a.kontakt-link {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent:-9999px;
	overflow: hidden;
	display: block;
	height: 20px;
	width: 133px;
	background:url(../images/link-kontakt.jpg) no-repeat;
}
a.escape {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent:-9999px;
	overflow: hidden;
	display: block;
	height: 20px;
	width: 220px;
	background:url(../images/link-email.jpg) no-repeat;
}
.center {
	text-align: center;
}
.noborder{ border:none!important;}

#popup{ color:#000!important; font-size:16px;}

/*
IMAGEBORDER
==================================================*/
.image {
	padding:1px;
	border:solid 1px #fff;
}
img, a img {
	border:none;
}
p.bilder {
	float: left;
	width: 200px;
	font-size: 11px;
	height: 236px;
	text-align: center;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:50px;
	_margin-right:2px;
 *margin-right:2px;
}
p.video {
	float: left;
	width: 200px;
	font-size: 11px;
	text-align: center;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:50px;
	_margin-right:2px;
   *margin-right:2px;
}
/*
H2 KLASSEN 
==================================================*/

h2 {
	margin:0 0 5px 0;
	background:#000;
	padding: 10px 0 10px 10px;
	font-size:30px;
	color:#fd2626;
}
h2.firma {
	width:477px;
	color:#fff;
	font-size:23px;
	margin:0 0 20px 0;
}
h2.willkommen {
	width:280px;
}
h2.unser-unternehmen {
	width:275px;
}
h2.wissenswertes {
	width:195px;
}
h2.unser-modelle {
	width:220px;
}
h2.kurven-einrohrsystem {
	width:320px;
}
h2.kurven-zweirohrsystem {
	width:350px;
}
h2.gerader-innenlift {
	width:240px;
}
h2.gerader-aussenlift {
	width:245px;
}
h2.plattformlifte {
	width:180px;
}
h2.senkrecht-lifte {
	width:210px;
}
h2.senkrecht-exklusiv {
	width:240px;
}
h2.unser-service {
	width:190px;
}
h2.referenzen {
	width:160px;
}
h2.produkt-filme {
	width:190px;
}
h2.gebrauchte-treppenlifte {
	width:340px;
}
h2.links {
	width:70px;
}
h2.kontakt {
	width:110px;
}
h2.danke {
	width:170px;
}
h2.error {
	width:260px;
}
h2.anfahrt {
	width:105px;
}
h2.impressum {
	width:160px;
}
/*
H3 KLASSEN 
==================================================*/
h3 {
	margin:0 0 20px 0;
	font-size:18px;
	color:#fff;
	text-transform: uppercase;
}
/*
H4 KLASSEN 
==================================================*/
h4 {
	font-size:16px;
	color:#fd2626;
	margin:0 0 10px 20px;
	width:100px;
}
h5 {
	font-size:16px;
	color:#fd2626;
}
.branding {
	width: 184px;
	height:79px;
	position: absolute;
	left:0;
	text-indent: -5000px;
	margin:0;
}
.branding a {
	width: 184px;
	height:79px;
	display: block;
	outline:none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */
a {
	color:#fd2626;
	text-decoration:underline;
	outline:none;
	border:none;
}
a img {
	border:none;
}
a:hover {
	text-decoration: none;
}
/* a[href$=".pdf"] {
 height:22px;
 padding: 4px 0 0px 55px;
 background: url(../images/pdf.png) no-repeat 0 50%;
 border-bottom: none;
 display:block;
}*/

.active a {
	text-decoration:none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	width:960px;
	margin:70px auto;
	overflow:hidden;
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #fff;
	font-size: 12px;
}
div#contentContainer {
	margin: 0 0 30px 0;
}
/*
FOOTER
==================================================*/

div#footer-container {
	width: 100%;
	height: 109px;
	background: url(../images/bg-main.png);
}
div#footer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	color: #fff;
	padding: 20px 0 0 0;
	line-height: 19px;
	font-size: 11px;
	height:120px;
	_height:0px;
}
#footer p {
	color:#fff;
}
#footer-col1 {
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	width: 220px;
	float:left;
}
#footer-col2 {
	margin:0 0 0 20px;
	width: 130px;
	float:left;
}
#footer-col3 {
	margin:0 0 0 0px;
	width: 150px;
	float:left;
}
#footer-col4 {
	margin:0 0 0 0px;
	width: 350px;
	float:left;
}
#footer-col4 p {
	font-size:18px;
}
ul#navi-add01, ul#navi-add02 {
	width:100px;
	font-size:11px;
	color:#fff;
}
ul#navi-add01 li, ul#navi-add02 li {
	background:url(../images/footer-li.png) no-repeat 0px 8px;
	padding:0px 0px 0px 25px;
	display:block;
}
/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:960px;
	padding-bottom:80px; /* For Sticky Footer */
	position:absolute;
}
/*
CONTENT - TOP
==================================================*/	

	div#content-top {
	height:79px;
	background:url(../images/bg-main.png);
}
div#content-top-container {
	width: 960px;
	height: 78px;
	margin: 0 auto;
	position: relative;
}
/*
CONTENT - MAIN
==================================================*/

div#content-main {
	width: 620px;
	height:auto;
	padding: 20px 16px 100px 16px;
	_padding: 20px 16px 100px 16px;
 *padding: 20px 16px 100px 16px;
	background:url(../images/bg-main.png);
	z-index:0;
	position:relative;
	float: left;
	margin: 0 30px 0 0;
}
div#contentColumn-01 {
	float:left;
	width:325px;
}
div#contentColumn-02 {
	float:right;
	width:250px;
}
/*
SIDEBAR
==================================================*/

div#content-sidebar {
	width:268px;
	font-size:11px;
	float: left;
}
/*div#content-sidebar {
	right:0;
	position: absolute;
	width:268px;
	font-size:11px;
	top:119px;
   *top:129px;
	_top:129px;
	overflow:hidden;
	
	
}*/

/*
SIDEBAR - COLUMN
==================================================*/

div#contentColumn-03 {
	width:268px;
	padding:20px;
	background:url(../images/bg-main.png);
}
div#contentColumn-04 {
	width:268px;
	padding:20px;
	background:url(../images/bg-main.png);
	margin:30px 0 0 0;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>>NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */

#navi-container {
	height:79px;
	left:300px;
	top:20px;
	width:670px;
	position:absolute;
	z-index:50;
}
#navi-container a {
	display: block;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	z-index: 50;
}
#navi-container a:hover, #navi-container a.active {
	color:#FF0000;
}
#navi-container ul li {
	position: relative;
	padding:0 0 12px 0;
}
div#navi-container ul ul li {
	padding: 0;
}
div#navi-container ul ul li a {
	padding: 0 0 5px 0!important;
}
div#navi-container ul {
	float: left;
}
ul#navi1 {
	width:150px;
}
ul#navi2 {
	width:150px;
	margin:0 0 0 35px;
}
ul#navi3 {
	width:110px;
	margin:0 0 0 15px;
}
ul#navi4 {
	width:170px;
	margin:0 0 0 35px;
}
ul#navi4 li a.red-link {
	background:#FF0000;
	padding:2px;
	width:98px;
}
ul#navi4 li a.red-link:hover {
	color:#fff;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>>FLYOUT-NAVI <<<------------------------------- */
/* --------------------------------------------------------------------------- */


ul#navi2 li#flyout01 ul {
	width: 150px;
	display: none;
	position: absolute;
	background:#000;
	left: 0;
	top:10;
	padding:5px;
}
ul#navi2 li ul li {
	background: none;
	float: none;
}
ul#navi2 li ul a {
	display: block;
	text-indent: 0;
	background: none;
	color: #fff;
	text-decoration:none;
	font-size:12px;
	text-transform:none;
	margin: 0!important;
	padding: 0!important;
}
ul#navi2 li ul a:hover {
	text-decoration: none;
}
/*
Accordion
==================================================*/
#acc {
	list-style:none;
	margin:0 auto 0px;
	float:left;
}
#acc h3 {
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
}
#acc h3:hover {
	text-decoration:none;
}
#acc .acc-section {
	overflow:hidden;
	margin-bottom:30px;
}
#acc .acc-content {
	padding:0px;
	list-style:none;
}

div.index {
	width:600px;
	margin-top: 80px !important;
}