/**
 * Project: Website hauck-treppenlifte.de
 * File: main.css
 *
 * Copyright (c) 2008 clkm - cornelia lange http://www.clkm.de/ 
 * @author Cornelia Lange
 *
 */

html, body, form, fieldset, ul {
margin: 0;
padding: 0;
border: 0 solid;
}
body {
font: 95% Verdana, Arial, Helvetica, sans-serif; 
color: #000;
background: #fff url(/files/global_files/ea95e0b8fecaa5da7922c3e54adb0108b2ec3d0d_bg_body.gif) 0 0 repeat-x;
text-align: center;
}
b, strong {
font-weight: bold;
}
blockquote {
font-family: Arial, Helvetica, sans-serif;
font-style: oblique;
color: #000;
font-weight: bold;
}
cite {
font-weight: bold;
font-style: italic;
}
hr {
margin: 20px 0;
border-color: #D8EEFA;
color: #D8EEFA;
background: #D8EEFA;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dashed #999;
}
a img {
color: inherit;
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-weight: normal;
font-size: 1.2em;
color: #000;
background: transparent;
margin: 20px 0;
}
h1 strong {
display: block;
font-size: 70%;
font-weight: bold;
color: #007CC3;
background: transparent;
}
h2 {
font-size: 1em;
color: #007CC3;
background: transparent;
}
h3 {
font-size: 0.8em; 
color: #007CC3;
background: transparent;
}
h4 {
font-size: 0.80em;
}
h1 a:link, h1 a:visited, 
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited, 
h4 a:link, h4 a:visited {
text-decoration: none;
font-size: 100%;
}
#content sup a {
text-decoration: none;
font-size: 80%;
}

p, a, label, li, .vcard, .abstand, textarea, legend, th, td, input, label {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, td p, td a, th a {
font-size: 100%;
}

th, td {
vertical-align: top;
padding: 3px 10px 3px 0;
line-height: 1.4em;
}

a, 
a:link, 
a:visited {
text-decoration : underline; 
color : #007CC3;
background: transparent;
}
a:hover, 
a:active {
text-decoration : underline;
color : #3AA8E3;
background: transparent;
} 
a:focus {
color: #fff;
background: #3AA8E3;
}
a.intern {
text-decoration : none; 
padding: 2px 0 2px 14px;
color : #007CC3;
background: transparent;
}
a.intern:link, 
a.intern:visited {
color: #007CC3;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 0 3px no-repeat;
} 
a.intern:hover, 
a.intern:active,
a.intern:focus {
color: #007CC3;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 0 -49px no-repeat;
}
a.extern{
text-decoration : none; 
padding: 2px 0 2px 14px;
color : #007CC3;
background: transparent;
}
a.extern:link, 
a.extern:visited {
color: #3AA8E3;
background: transparent url(/files/global_files/94d343627f7116e1a24465bbed65c8b606b1ecd6_extern.gif) 0 -49px no-repeat;
} 
a.extern:hover, 
a.extern:active,
a.extern:focus {
color: #007CC3;
background: transparent url(/files/global_files/94d343627f7116e1a24465bbed65c8b606b1ecd6_extern.gif) 0 4px no-repeat;
}
a.back {
text-decoration : none; 
padding: 2px 0 2px 14px;
color : #007CC3;
background: transparent;
}
a.back:link, 
a.back:visited {
color: #3AA8E3;
background: transparent url(/files/global_files/f7da4ef26b48574082df198b26f574e514b3a27c_back.gif) 0 4px no-repeat;
} 
a.back:hover, 
a.back:active,
a.back:focus {
color: #007CC3;
background: transparent url(/files/global_files/f7da4ef26b48574082df198b26f574e514b3a27c_back.gif) 0 -48px no-repeat;
}
a.top{
text-decoration : none; 
padding: 2px 0 2px 16px;
color : #007CC3;
background: transparent;
}
a.top:link, 
a.top:visited {
color: #007CC3;
background: transparent url(/files/global_files/4a4abb60061b10d40388c904bb17e471adff98f2_toplink.gif) 0 2px no-repeat;
} 
a.top:hover, 
a.top:active,
a.top:focus {
color: #007CC3;
background: transparent url(/files/global_files/4a4abb60061b10d40388c904bb17e471adff98f2_toplink.gif) 0 -50px no-repeat;
}
a.pdf {
text-decoration : none; 
padding: 2px 0 2px 18px;
color : #007CC3;
background: transparent;
}
a.pdf:link, 
a.pdf:visited {
color: #007CC3;
background: transparent url(/files/global_files/afb306d3acb1f80a5dfad40c717f93e3484ab4a1_pdf.gif) left no-repeat;
} 
a.pdf:hover, 
a.pdf:active,
a.pdf:focus {
color: #007CC3;
background: transparent url(/files/global_files/afb306d3acb1f80a5dfad40c717f93e3484ab4a1_pdf.gif) left no-repeat;
text-decoration: underline;
}

/* Layout ############################ */

#alles {
border-top: 3px solid #007CC3;
}
#footer {
position: relative;
clear: both;
width: 100%;
padding: 20px 0 0 0;
color: #666;
background: transparent;
}
#confooter {
clear: both;
width: 980px;
margin: 0 auto;
text-align: left;
}
#confooter p {
font-size: 75%;
margin: 30px 0 0 240px;
padding: 15px 0 0 0;
border-top: 3px solid #D8EEFA;
color: #666;
}
#confooter strong {
font-weight: normal;
}
#confooter a {
text-decoration: none;
color: #999;
}

#container {
position: relative;
width: 986px;
text-align: left;
color: #000;
background: transparent url(/files/global_files/cb1cd48af63cee7e2e9aa6c89f117a0f9e8d1b7b_bg_alles.gif) top left repeat-y;
margin: 0 auto;
}
#header {
width: 980px;
height: 210px;
background: transparent;
}
#headerbild {
position: absolute;
top: 57px;
left: 210px;
height: 120px;
width: 560px;
background: #007CC3;
}
#logo {
position: absolute;
top: 3px;
left: 0;
width: 210px;
height: 210px;
}
#callback {
position: absolute;
top: 37px;
left: 770px;
height: 160px;
width: 210px;
background: #F4F6F6;
}
#callback fieldset {
padding: 0 15px;
}
#callback legend {
font-weight: bold;
padding: 10px 0 10px 0;
margin: 0;
color: #007CC3;
}
#callback label {
display: block;
float: left;
width: 60px;
font-size: 75%;
}
#callback input.formfeld {
width: 105px;
padding: 1px 5px;
margin: 4px 0;
font-size: 75%;
border: 1px solid #ccc;
}
#callback input.submitbutton {
width: auto;
float: right;
font-size: 80%;
margin: 10px 3px 0 0;
}

#fon {
position: absolute;
top: 180px;
left: 210px;
width: 550px;
color: #000;
margin: 0;
padding: 0;
text-align: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#fon strong {
font-size: 120%;
letter-spacing: 1px;
padding: 0 3px;
}
#fon span {
font-weight: normal;
font-size: 80%;
}

#main {
width: 744px;
margin-left: 210px;
padding: 0 0 30px 25px;
}
#aktuell{
float: right;
width: 190px;
padding: 0 8px 0 8px;
border: 1px solid #3AA8E3;
}
#aktuell p.datum {
margin: 15px 0 0 0;
padding: 0 0 2px 0;
}
#aktuell h2 {
color: #007CC3;
}
#aktuell h2.news {
font-size: 80%;
font-weight: bold;
margin: 0 0 -5px 0;
}
#aktuell h2 a {
text-decoration: none;
font-weight: bold;
}

#aktuell h3 {
color: #3aa8e3;
line-height: normal;
margin: 14px 0 7px 0;
padding: 0;
font-size: 85%;
}
#aktuell p, #column p {
margin: 7px 0;
font-size: 70%;
line-height: 1.4em;
}

#column {
float: right;
width: 205px;
}
#column h2 {
font-weight: normal;
font-size: 1.1em;
color: #000;
background: transparent;
margin: 20px 0 10px 0;
}
#column h2 strong {
display: block;
font-size: 70%;
font-weight: bold;
color: #007CC3;
background: transparent;
}
#column p.teaser {
padding: 5px;
margin: 5px 0;
background: #f4f6f6;
border: 1px solid #dcdcdc;
}
#column ul.teaser {
background: #f4f6f6;
border: 1px solid #dcdcdc;
padding: 5px;
list-style-position: inside;
margin: 10px 0;
}
#column ul.bilder {
list-style: none;
margin: 20px 0;
}
#column ul.bilder li {
margin: 0 0 10px 0;
}
#column ul {
margin: 10px 0 10px 20px;
}
#column li {
padding: 3px 0;
line-height: 125%;
}

#content {
width: 520px;
min-height: 900px;
padding-bottom: 15px;
}
#nocolumn #content {
width: 740px;
}
#content h2 {
margin: 20px 0 10px 0;
}
#content h3 {
color: #000;
margin: 20px 0 15px 0;
}

#content p {
line-height: 1.6em;
}
#content blockquote {
font-size: 120%;
border-left: 5px solid #3aa8e3;
margin-left: 10px;
padding-left: 10px;
}
#content blockquote p {
line-height: normal;
}
#content ol {
margin-left: 25px;
padding: 0;
}
#content ul {
margin-left: 20px;
padding: 0;
}
#content ol li {
padding: 5px 0;
line-height: 1.4em;
}
#content ul li {
padding: 2px 0;
line-height: 1.4em;
}
#content ul.ohnepunkte, #content ul.ohnepunkte li {
margin-left: 0;
list-style-type: none;
}

/* Bilderliste */

#content ul.bilder {
margin: 20px 0;
list-style: none;
}
#content ul.bilder li {
display: inline;
}
#content ul.bilder li img {
padding: 5px 5px 0 0;
}

/* Produktlisten ################################ */

/* Produktlisten */
#content .produkte, #content .prodliste {
list-style: none;
margin: 0;
padding: 0;
}
#content .produkte li {
display: inline;
margin: 0;
padding: 0;
}
.produkte a, .prodliste li {
display: block;
width: 160px;
float: left;
text-decoration: none;
background: transparent;
margin: 5px 15px 15px 0;
}


/* Accessible-Enhancement: Sprung-Menu - Position muss angepasst werden */
.jump {
position: absolute;
top: -80px; left: 30px;
z-index: 10;
line-height: 140%;
}
.jump a, .jump a:link, .jump a:visited, .jump a:hover {
color: #1e242b;
background: transparent;
padding: 2px;
text-decoration: none;
}
.jump a:active, .jump a:focus {
background: transparent;
color: #fff;
}


/* Allgemeine Klassen ######################  */ 

.clearl, .absatztrenner {
clear: left;
}
.clearb {
clear: both;
}
.bildlinks {
float: left;
margin: 5px 20px 5px 0;
}
.bildrechts {
float: right;
margin: 10px 5px 5px 20px;
padding: 0;
}
.bildrechts img {
border: 1px solid #666;
}
.bildlinks160 {
float: left;
margin: 10px 20px 5px 0;
width: 160px;
}
.bildrechts160 {
float: right;
margin: 5px 5px 5px 20px;
width: 160px;
}
p.bildrechts160, #content  p.bildrechts160, #content p.bildlinks160 {
line-height: normal;
}
.bildrechts160 a, .bildlinks160 a {
text-decoration: none;
font-size: 80%;
}
.uebersicht {
text-align: right;
margin: -40px 10px 30px 0;
}
#column .uebersicht {
padding: 15px 0 0 0;
}
.w200 {
display: block;
float: left;
width: 11em;
}
#nocolumn .w200 {
display: block;
float: left;
width: 11em;
clear: left;
}
.top20 {
padding-top: 20px;
}
.padtop15 {
padding-top: 15px;
}
.presse {
font-weight: bold;
border-top: 1px solid #999;
padding-top: 10px;
}
.schriftklein {
font-size: 60%;
}
.fussnote {
font-size: 60%;
margin: 0;
}
.teaser {
border-left: 4px solid #007CC3; 
padding: 5px 5px 5px 10px;
margin: 15px 0;
background: #f4f6f6;
}
.skip {
position: absolute;
top: -1000em;
left: -1000em;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#aktuell .clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html #aktuell .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Hauptnavigation ################################## */

#mainnav {
position: absolute;
top: 230px; 
left: 30px;
width: 190px;
}
#mainnav ul {
list-style: none;
}
#mainnav li {
display: inline;
}
#mainnav a {
display: block;
text-decoration: none;
}
#mainnav li a {
font-size: 105%;
padding: 5px 0 5px 16px;
font-weight: bold;
}
#mainnav li a:link, 
#mainnav li a:visited {
color: #000;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 0 7px no-repeat;
}
#mainnav li a:hover, 
#mainnav li a:active, 
#mainnav li a:focus {
color: #3aa8e3;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 0 -45px no-repeat;
}
#mainnav li.on span, 
#mainnav li.on a.bc {
display: block;
color: #007CC3;
font-weight: bold;
padding: 5px 0 5px 16px;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 0 -45px no-repeat;
}
#mainnav li.on {
color: #007CC3; 
background: transparent;
}

#mainnav li li a, #mainnav li li.on a {
color: #007CC3; 
background: transparent;
}

#mainnav li li a {
text-transform: none;
color: #000;
margin-top: 0;
padding: 4px 0 4px 28px;
font-size: 100%;
font-weight: normal;
}
#mainnav li li a:link, 
#mainnav li li a:visited {
color: #000;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 15px -99px no-repeat;
}
#mainnav li li a:hover, 
#mainnav li li a:active, 
#mainnav li li a:focus {
color: #3aa8e3;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 15px -151px no-repeat;
}
#mainnav li li.on span {
display: block;
color: #007CC3;
font-weight: normal;
text-transform: none;
margin-top: 0;
padding: 4px 0 4px 28px;
background: transparent url(/files/global_files/fc7ded7842d14b2098df9782b1c07cbc7cb46f74_navlink.gif) 15px -47px no-repeat;
}
#mainnav li li.on a.bc {
text-transform: none;
color: #007CC3; 
background: transparent;
margin-top: 0;
padding: 4px 0 4px 15px;
font-size: 100%;
}
#mainnav .level_3 {
position: absolute;
top: -1000em;
left: -2000em;
}

/* BOOKMARKS################################ */
#mainnav h2 {
margin: 40px 0 5px 0;
}
#mainnav #bookmarks {
width: 120px;
}
#mainnav #bookmarks li a, 
#mainnav #bookmarks li a:link,
#mainnav #bookmarks li a:visited,
#mainnav #bookmarks li a:hover,
#mainnav #bookmarks li a:focus,
#mainnav #bookmarks li a:active {
display: block;
float: left;
background: transparent;
padding: 0;
margin: 5px 5px 5px 0;
}


/* Tool-Navigation ############################## */

/* Tool-Navigation */

#toolnav {
position: absolute;
top: 37px;
left: 230px;
width: 25em;
}
#toolnav ul {
list-style: none;
}
#toolnav li {
display: inline;
}
#toolnav a, #toolnav li.on {
display: block;
float: left;
padding: 0 15px 0 0;
text-decoration: none;
color: #666;
}
#toolnav li.on {
color: #007CC3;
background: transparent;
font-weight: bold;
}
#toolnav a:link, #toolnav a:visited {
color: #666;
background: transparent;
}
#toolnav a:hover, #toolnav a:active, #toolnav a:focus {
color: #007CC3;
background: transparent;
}

/* Formular */

#content #angebot h2 {
margin: 0;
}
#content #angebot p {
margin: 5px 0 5px 0;;
}
#angebot legend {
display: block;
padding: 5px;
margin: 0 0 0 -8px;
border: 1px solid #007cc3;
background: #eef9fd;
}
#angebot fieldset {
padding: 10px;
width: 400px;
border: 1px solid #007cc3;
}
#angebot fieldset.nachricht {
background: transparent;
padding: 10px 0;
}
#angebot .adressdaten legend {
margin-bottom: 10px;
}
#angebot .adressdaten label {
width: 100px;
}
#angebot .adressdaten input {
width: 200px;
}
#angebot .nachricht {
border: 0 none;
}
#angebot .nachricht label {
width: 400px;
}
label, .abstand {
display: block;
float: left;
width: 14.5em;
margin: 2px 0;
}
.datenschutz label, .datenschutz input.fcheckbox {
display: block;
float: left;
}
.datenschutz label {
width: auto;
}
.textfield, .w300 {
width: 250px;
padding: 0 2px;
margin: 2px 0;
}
.ftextfield {
margin: 2px 0;
padding: 0 2px;
}
.fradio {
display: block;
float: left;
clear: left;
width: 40px;
}
#angebot fieldset label {
width: 300px;
padding: 0 0 2px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
.ftextarea {
width: 410px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
border: 1px solid #007cc3;
}
.submit {
margin: 10px 0;
}

/* response */
#rp, #error {
display: block;
width: auto;
margin: 10px 0 20px 0;
padding: 5px;
background: #ffd7d7;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: red;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req {
list-style: none;
margin-left: 10px;
}
#content .req li {
background: transparent url(/files/global_files/6b4340e86ff9e609947682febae35b9d3e70dd07_sternchen.gif) top left no-repeat;
padding-left: 20px;
}

/* blog postings */

.posting {
padding-bottom: 10px;
border-bottom: 1px dotted #007CC3;
}
.post {
margin-bottom: 10px;
border-bottom: 1px dotted #007CC3;
}

/* tag cloud */
#aktuell h2.tags {
margin-bottom: 7px;
font-size: 80%;
font-weight: bold;
}
#aktuell #tagcloud {
padding: 7px;
margin: 0;
}
#aktuell #tagcloud li {
display: inline;
margin: 0;
padding: 0;
}
#aktuell #tagcloud a {
display: block;
padding: 2px 0;
text-decoration: none;
background: transparent;
}
#aktuell #tagcloud a:hover, #aktuell #tagcloud a:active, #aktuell #tagcloud a:focus {
color: #000;
background: #dadde4;
text-decoration: none;
}
#aktuell #tagcloud a.tag_0 {
font-size: 100%;
color: #007CC3;
}
#aktuell #tagcloud a.tag_0:hover {
font-size: 100%;
color: #000;
}

#column .archives, #column .feeds {
padding: 7px;
}

/* Blog Tag-Liste */

#content p.tags {
display: inline;
padding-right: 10px;
}
#content ul.tags {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#content ul.tags li {
display: inline;
margin: 0 5px 5px 0;
padding: 0;
}
#content ul.tags li a {
display: inline;
padding: 0;
}

/* Blog Page Navigation */

#content p.pager {
display: inline;
float: left;
padding: 3px;
}
#content #pager {
list-style: none;
display: inline;
width: 600px;
}
#content #pager li {
display: inline;
}
#content #pager li a, #content #pager li.on {
float: left;
color: #fff;
background: #6fbeea;
padding: 0 5px;
margin: 10px 5px 0 0;
border: 1px solid #ebebeb;
}
#content #pager li a:link {
color: #ebebeb;
background: #fff;
}
#content #pager li a, #content #pager li.on {
color: #000;
background: #D8EEFA;
}

/* Blog Comments */

#content #comments h3 {
font-weight: normal;
color: #1e242b;
background: transparent;
padding: 1px 0;
border-bottom: 1px dotted #007CC3;
}
#content #comments ol {
margin: 0 0 20px 0;
padding: 0;
font-weight: bold;
list-style: none;
}
#content #comments ol li {
padding: 11px 0 0 0;
margin: 7px 0 7px 15px;
width: 600px;
background: transparent;
}
#content #comments .comment {
background: transparent;
}
#content #comments p {
padding: 3px 15px;
margin: 0;
font-weight: normal;
line-height: 1.3em;
background: #EEF9FD;
border: 1px solid #c9eaf8;
border-top: 0 none;
border-bottom: 0 none;
}
#content #comments p.author {
padding: 0 0 0 122px;
margin-top: 22px;
border: 0 none;
background: transparent;
}
#content #comments a {
display: inline;
padding: 0;
font-weight: normal;
}

#content .sitemap ul {
width: 450px;
margin: 0;
}
#content .sitemap ul ul {
margin: 0 0 10px 50px;
}
#content .sitemap ul ul ul {
margin: 0 0 0 50px;
}

#content .sitemap li {
list-style: none;
}
#content .sitemap li a {
display: block;
text-decoration: none;
font-weight: bold;
font-size: 120%;
padding: 0 0 10px 0;
}
#content .sitemap li li a {
text-decoration: none;
font-size: 100%;
border-left: 3px solid #007CC3;
padding: 2px 0 2px 5px;
background: #EEF9FD;
}
#content .sitemap li li li a {
border-left: 3px solid #3aa8e3;
padding: 2px 0 2px 5px;
background: transparent;
font-weight: normal;
}
.wcom_logo, 
a.wcom_logo:link, 
a.wcom_logo:visited, 
a.wcom_logo:hover, 
a.wcom_logo:active, 
a.wcom_logo:focus {
text-decoration: none;
padding: 4px 0 4px 24px;
background: transparent url(/files/global_files/be4f50a5cf6de5df7baddba6c889a298f6976471_welcompose-logo-sm.gif) left no-repeat;
}