/**
 * Project: Website treppenlift-reparatur.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; 
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: #E4D2C2;
color: #E4D2C2;
background: #E4D2C2;
}
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-size: 1.3em;
font-weight: normal;
color: #AC4233;
background: transparent;
margin: 20px 0;
}
h2 {
font-size: 1.1em;
font-weight: normal;
color: #AC4233;
background: transparent;
}
h3 {
font-size: 1em; 
color: #BB4837;
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, blockquote, #mainnav span {
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, blockquote p, p blockquote, #mainnav li span, td li {
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 : #BB4837;
background: transparent;
}
a:hover, 
a:active {
text-decoration : underline;
color : #95392D;
background: transparent;
} 
a:focus {
color: #fff;
background: #BB4837;
}
a.intern {
text-decoration : none; 
padding: 2px 0 2px 14px;
color : #BB4837;
background: transparent;
white-space: nowrap;
}
a.intern:link, 
a.intern:visited {
color: #BB4837;
background: transparent url(/files/global_files/4db5099e2827ff5a05272f5daafbaee79a696c33_internlink.gif) 0 3px no-repeat;
} 
a.intern:hover, 
a.intern:active,
a.intern:focus {
color: #BB4837;
background: transparent url(/files/global_files/4db5099e2827ff5a05272f5daafbaee79a696c33_internlink.gif) 0 -52px no-repeat;
}

a.back {
text-decoration : none; 
padding: 2px 0 2px 18px;
color : #BB4837;
background: transparent;
}
a.back:link, 
a.back:visited {
color: #BB4837;
background: transparent url(/files/global_files/71eb66e0138a4da21f4d176a92a5d895020b449b_back.gif) 0 2px no-repeat;
} 
a.back:hover, 
a.back:active,
a.back:focus {
color: #BB4837;
background: transparent url(/files/global_files/71eb66e0138a4da21f4d176a92a5d895020b449b_back.gif) 0 2px no-repeat;
}
a.top {
text-decoration : none; 
padding: 2px 0 2px 16px;
color : #BB4837;
background: transparent;
}
a.top:link, 
a.top:visited {
color: #BB4837;
background: transparent url(/files/global_files/9624ad49ed9d370839201dd80f2dce69f3c97dc8_top.gif) no-repeat;
} 
a.top:hover, 
a.top:active,
a.top:focus {
color: #BB4837;
background: transparent url(/files/global_files/9624ad49ed9d370839201dd80f2dce69f3c97dc8_top.gif) no-repeat;
}

.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/84d34394f8e1d8948b80f8007fe4e5572f2ef662_welcompose-logo-sm.gif) left no-repeat;
}

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

#alles {
color: #000;
background: #fff url(/files/global_files/8a1bd3f5b014ba8349e2f0e2a74c7a23d983b4f1_bg_body.gif) 0 0 repeat-x;
}
#sprungmenu {
position: absolute;
top: 3px;
left: 0;
height: 57px;
width: 210px;
background: #F1E8E0;
}
#footer {
position: relative;
clear: both;
width: 100%;
color: #BB4837;
background: transparent;
}
#confooter {
clear: both;
width: 980px;
margin: 0 auto;
text-align: left;
}
#confooter p {
font-size: 75%;
margin: 0 0 0 0;
padding: 15px;
color: #fff;
background: #b5a75d;
}
#confooter strong {
font-weight: normal;
}
#confooter a {
text-decoration: none;
color: #999;
}

#container {
position: relative;
width: 980px;
text-align: left;
background: transparent;
margin: 0 auto;
}
#header {
width: 980px;
height: 200px;
background: transparent;
}
#headerbild {
position: absolute;
top: 60px;
left: 0;
width: 210px;
height: 140px;
overflow: hidden;
background: #95392D;
}
#logo {
position: absolute;
top: 60px;
left: 210px;
width: 560px;
height: 120px;
background: #BB4837;
}
#callback {
position: absolute;
top: 30px;
left: 770px;
height: 170px;
width: 210px;
background: #E4D2C2;
}
#callback h3 {
font-weight: bold;
font-size: 85%;
line-height: 30px;
margin: 0;
padding: 0 0 0 15px;
color: #BB4837;
background: #F1E8E0;
}
#callback fieldset {
padding: 15px 15px 0 15px;
}
#callback label {
display: block;
float: left;
width: 60px;
font-size: 75%;
padding: 2px 0;
}
#callback input.formfeld {
width: 105px;
padding: 1px 5px;
margin: 2px 0;
font-size: 75%;
border: 1px solid #DD978C;
}
#callback input.submitbutton {
width: auto;
float: right;
font-size: 80%;
margin: 10px 3px 0 0;
}

#fon {
position: absolute;
top: 200px;
left: 770px;
width: 210px;
color: #fff;
background: #B5A75D;
text-align: left;
padding: 10px 0;
}
#fon h3 {
margin: 15px;
color: #fff;
}
#fon p {
margin: 10px 15px;
}
#maincontent {
color: #000;
background: transparent url(/files/global_files/2446f47b9d5125a3130a3e19733a7db642ab5e97_bg_main.gif) 0 0 repeat-y;
}
#main {
margin: 0 230px 0 210px;;
padding: 10px 0 30px 25px;
}
#aktuell {
float: right;
width: 190px;
padding: 0 0 0 15px;
}
#aktuell p.datum {
margin: 15px 0 0 0;
padding: 0 0 2px 0;
}
#aktuell h2 {
color: #BB4837;
}
#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: #BB4837;
line-height: normal;
margin: 14px 0 7px 0;
padding: 0;
font-size: 85%;
}
#aktuell p {
margin: 7px 0;
font-size: 70%;
}

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

#content p {
line-height: 1.4em;
}
#content blockquote {
border-left: 5px solid #BB4837;
padding-left: 10px;
margin-left: 0;
font-size: 100%;
font-style: normal;
}
#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;
}


/* 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;
}




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

.clearl, .absatztrenner {
clear: left;
}
.clearb {
clear: both;
}
.mittig {
text-align: center;
}
.bildlinks {
float: left;
margin: 10px 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;
}
.w200 {
display: block;
float: left;
width: 11em;
}
#zweispalter .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 #BB4837; 
padding: 5px 5px 5px 10px;
margin: 15px 0;
background: #F8F2ED;
}
.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: 180px;
}
#mainnav ul {
list-style: none;
}
#mainnav li {
display: inline;
}
#mainnav a {
display: block;
text-decoration: none;
}
#mainnav .level_1 a {
padding: 15px 0 5px 20px;
}
#mainnav .level_1 a:link, 
#mainnav .level_1 a:visited {
color: #000;
background: transparent url(/files/global_files/582ec6005f06d203e775f9442ddd660af1da6dc2_navlink.gif) 0 14px no-repeat;
}
#mainnav .level_1 a:hover, 
#mainnav .level_1 a:active, 
#mainnav .level_1 a:focus {
color: #BB4837;
background: transparent url(/files/global_files/582ec6005f06d203e775f9442ddd660af1da6dc2_navlink.gif) 0 -61px no-repeat;
}
#mainnav .level_1 li.on span, 
#mainnav .level_1 li.on a.bc {
display: block;
color: #BB4837;
font-weight: bold;
padding: 15px 0 5px 20px;
background: transparent url(/files/global_files/582ec6005f06d203e775f9442ddd660af1da6dc2_navlink.gif) 0 -61px no-repeat;
}

#mainnav .level_2 a, #mainnav .level_2 li.on a {
color: #BB4837; 
background: transparent;
}

#mainnav .level_2 a {
text-transform: none;
color: #000;
margin-top: 0;
background: transparent;
padding: 3px 0 3px 38px;
font-size: 100%;
font-weight: normal;
}
#mainnav .level_2 a:link, 
#mainnav .level_2 a:visited {
color: #000;
background: transparent url(/files/global_files/d5fd2afe1d49157428144e737b8b42263660b6ec_subnavlink.gif) 20px 4px no-repeat;
}
#mainnav .level_2 a:hover, 
#mainnav .level_2 a:active, 
#mainnav .level_2 a:focus {
color: #BB4837;
background: transparent url(/files/global_files/d5fd2afe1d49157428144e737b8b42263660b6ec_subnavlink.gif) 20px -61px no-repeat;
}
#mainnav .level_2 li.on span {
display: block;
color: #BB4837;
font-weight: bold;
text-transform: none;
margin-top: 0;
padding: 4px 0 4px 35px;
background: transparent url(/files/global_files/d5fd2afe1d49157428144e737b8b42263660b6ec_subnavlink.gif) 20px -61px no-repeat;
}
#mainnav .level_2 li.on a.bc {
text-transform: none;
color: #BB4837; 
background: transparent;
margin-top: 0;
padding: 4px 0 4px 35px;
}
#mainnav .level_3 {
position: absolute;
top: -1000em;
left: -2000em;
}

/* 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: #BB4837;
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: #BB4837;
background: transparent;
}

/* Formular */

label, .abstand {
display: block;
float: left;
width: 9em;
margin: 2px 0;
}
label.lcheckbox {
width: 100%;
display: inline;
float: none;
font-weight: bold;
}
.fcheckbox {
display: block; 
float: left;
margin-right: 10px;
clear: left;
}
.textfield, .w300 {
padding: 0 2px;
margin: 2px 0;
font-size: 75%;
}
.ftextfield {
margin: 2px 0;
padding: 0 2px;
border: 1px solid #DD978C;
width: 220px;
}
#formular {
margin: 20px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
.ftextarea {
width: 440px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
border: 1px solid #DD978C;
}
.submit {
margin: 10px 0;
}
/* response */
#rp, #error {
display: block;
width: auto;
margin: 10px 0 20px 0;
padding: 5px;
background: #dd978c;
}
/* 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/c7e7711b5cb96d312d6da911f6ed48cac373c5cb_sternchen.gif) top left no-repeat;
padding-left: 20px;
}

/* 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: #BB4837;
}
#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: #b5a75d;
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: #E4D2C2;
}

/* Blog Comments */

#content #comments h3 {
font-weight: normal;
color: #1e242b;
background: transparent;
padding: 1px 0;
border-bottom: 1px dotted #BB4837;
}
#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 url(global_file name="comment-top.gif") 0 0 no-repeat;
}
#content #comments .comment {
background: transparent url(global_file name="comment-bot.gif") 0 101% no-repeat;
}
#content #comments p {
padding: 3px 15px;
margin: 0;
font-weight: normal;
line-height: 1.3em;
background: #f8f2ed;
border: 1px solid #e4d2c2;
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 #BB4837;
padding: 2px 0 2px 5px;
background: #f8f2ed;
}
#content .sitemap li li li a {
border-left: 3px solid #BB4837;
padding: 2px 0 2px 5px;
background: transparent;
font-weight: normal;
}