/**
* (c) SECON GmbH für treppenlift.at
*/

/*=** base
----------------------------------------------- */

* {margin:0; padding:0;}

body {
	font: 0.9em/1.6 Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #333333;
	background: #FFE68C url(/style/bkgnd.jpg) top left repeat;
}

div#content h1, div#content h2, div#content h3 {
	color: #8C2942;
	font-weight: bold;
	clear: both;
}

div#content h1 {
	font-size: 1em;
}

div#content h2 {
	font-size: 1.67em;
}

div#content h3 {
	font-size: 1.17em;
	color: #333;
    margin: 1em 0 0 0;
}

div#content h3.subline {
    margin: 0 0 2em 0;
}

div#content p {
	font-size: 1em;
	margin: 0.5em 0 1em 0;
}


div#content p.step {
	clear: both;
}

div#content a {
	font-weight: bold;
}

div#content blockquote {
    padding-left: 0.5em;
    margin-bottom: 2em;
    border-left: 4px solid #FFE68C;
}

/*=** forms
----------------------------------------------- */
fieldset {
    border: none;
}

legend {
    display: none;
}

label {
}

label.zemRequired {
    padding-right: 10px;
    background: white url(/style/asterisk.gif) top right no-repeat;
}

.zemContactForm {
}

input.zemText {
    border: 2px solid #999;
    font-size: 1.2em;
    color: #333;
    padding: 0.3em;
    width: 25em;
}

input.zemRequirederrorElement {
    border-color: red;
}

.zemSubmit {
    padding: 0.2em 2em;
}

input.zemRequired {
    border: 2px solid #666;
}

textarea.zemTextarea {
    border: 2px solid #999;
    font-size: 1.2em;
    color: #333;
    padding: 0.3em;
    font-family: Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;
    width: 25em;
}

.zemError {
    border: 5px solid #f03030;
    padding: 1em 2em;
    background-color: #fff0d0;
    margin: 0;
}

#content div.zemThanks p {
    border: 5px solid #30a030;
    padding: 1em 2em;
    background-color: #f0ffd0;
    font-size: 1.2em;
    text-align: center;
}

input#Unternehmen {
    margin-bottom: 1.5em;
}
/*=** layout
----------------------------------------------- */
div#canvas {
	width: 870px;
	margin: 90px auto 0 auto;
	padding: 5px 30px 2em 30px;
	background-color: #fff;
	border: 1px solid #806666;
/*	overflow: hidden; @TODO */
}

div#nav-services-holder {
	background: #fff url(/style/nav-services-bg-t.gif) no-repeat 0 0;
	padding-top: 5px;
}

ul#nav-services {
	background: #806666 url(/style/nav-services-bg-b.gif) no-repeat 0 100%;
	height: 1.6em;
	color: #fff;
	list-style: none;
	padding-left: 50px;
	font-weight: bold;
	overflow: hidden;
}
	ul#nav-services li {
		margin-right: 8px;
		float: left;
		padding: 0 4em 0 0;
		font-size: 0.8em;
	}

		ul#nav-services a {
			color: white;
			text-decoration: none;
		}

		ul#nav-services li a.active, ul#nav-services a:hover  {
			color: #FFE68C;
		}

ul#nav-main {
	list-style: none;
	margin-top: 5px;
	overflow: hidden;
}

    ul#nav-main h1 {
    	text-indent: -999em;
        height: 0; line-height: 0; font-size: 0;
    }

	ul#nav-main li {
		text-align: center;
		width: 210px;
		margin-right: 10px;
		float: left;
		background: #FFF url(/style/nav-main-bg-t.gif) no-repeat 0 130px;
	}

	ul#nav-main li#nav-main-home {
		background: none;
	}

	ul#nav-main li.active {
		background-image: url(/style/nav-main-bg-active-t.gif);
	}

	ul#nav-main li.last {
		margin-right: 0;
		margin-left:
	}

		ul#nav-main li a {
			width: 100%;
			display: block;
			background: transparent url(/style/nav-main-bg-b.gif) no-repeat 0 100%;
			padding-bottom: 5px;
			color: #8C2942;
			text-decoration: none;
			font-weight: bold;
		}

		ul#nav-main li#nav-main-home a {
			background: none;
		}

		ul#nav-main li a:hover {
		}

		ul#nav-main li.active a {
			font-weight: bold;
			color: #FFE68C;
			background-image: url(/style/nav-main-bg-active-b.gif);
		}

	ul#nav-main img {
		border: none;
		margin-bottom: 10px;
		display: block;

	}

ul#nav-main li ul.nav-secondary  {
	margin: 0;
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
}

ul#nav-main li ul.nav-secondary  li {
	margin: 0;
	text-align: left;
	float: none;
	width: 100%;
}
	li#nav-main-sitzlift ul.nav-secondary li a {
		padding-left: 4.5em;
	}

	li#nav-main-plattformlift ul.nav-secondary li a {
		padding-left: 3em;
	}

	li#nav-main-aufzug ul.nav-secondary li a {
		padding-left: 7em;
	}

	ul#nav-main li ul.nav-secondary li {
		background: #fff none;
	}

	ul#nav-main li ul.nav-secondary a {
		color: #806666;
		text-decoration: none;
		background: #fff none;
		display: inline;
	}

	ul#nav-main li ul.nav-secondary li.active a {
		color: #8C2942;
	}

div#content  {
	clear: both;
	margin-top: 10px;
	overflow: auto;
}

div#content a {
	color: #8C2942;
}

div#content a:visited {
	color: #333;
}

div#content ul {
    margin: 0 1em 1em;
}

div.content-col-1, div.content-col-2 {
	width: 430px;
	float: left;
}

div.content-col-1  {
	margin-right: 10px;
}

div.content-col-2  {
}

div.content-col-1.text, div.content-col-2.text {
    margin-top: 3em; /* @TODO */
}

div.hentry {
    clear: both;
}

div#footer {
	clear: both;
}

/*=** section specifica
----------------------------------------------- */
#s-default {
}

#s-kontakt #canvas, #s-prospektwunsch #canvas, #s-jobs #canvas, #s-ueber-secon #canvas, #s-impressum #canvas  {
    background: white url(/style/carta-austriae.gif) no-repeat 350px 280px;
}

#s-film p#player {
    margin-top: 4em;
    text-align: center;
}

#s-aktuell div.img {
    padding-top: 4em;
}

/*=** images
----------------------------------------------- */

img.left {
	float: left; 
	clear: both; 
	margin: 10px 20px 20px 0;
}


/*=** gallery
----------------------------------------------- */
#content ul.gallery-index{
    list-style: none;
    margin:0;
    padding:0;
}

#content ul.gallery-index li {
    float: left;
    margin: 0 5px 15px 0
}

#content ul.gallery-index li img {
    border: none;
}

#content .gallery-image {
    background: #fff url(/style/gallery-frame.png) top left no-repeat;
}

#content .gallery-image img {
    margin: 55px;
    border: none;
}

#gallery-prev, #gallery-next {
    width: 41px;
    text-indent: -999em;
    height: 30px;
    background: white url(/style/browsebuttons.gif) no-repeat;
    display: block;
    float: left;
    margin-right: 1em;
}

#gallery-prev{
    background-position: 0 0;
}

#gallery-next {
    background-position: -159px 0;
}

#content p#gallery-browser {
    width: 316px;
    line-height: 30px;
    margin: 1em auto;
    overflow: hidden;
}

#colophon {
    font-size: 0.6em;
    color: #666;
}

#colophon a:link, #colophon a:visited {
    text-decoration:none; font-weight:normal
}

div.info {
    border: 1px solid #FFE68C;
    margin: 7em 0 0 0;
    padding: 10px;
    font-size: 0.8em;
}