/**
 * Project: treppenlifte-info.de-Website
 * File: base.css
 *
 * Copyright (c) 2009 clkm - cornelia lange
 *
 * Project owner:
 * clkm - cornelia lange
 * 27472 Cuxhaven - Germany
 * http://www.clkm.de/
 *
 */

html, body, ul, ol, dl, dd, fieldset, form {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% Verdana, Arial, Helvetica, sans-serif; 
color: #333;
background: #F4F4F4;
text-align: center;
}
b, strong {
font-weight: bold;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
}
h1, h1 a, h2, h2 a {
font-size: 1.4em;
color: #666;
font-weight: normal;
margin: 0 0 20px 0;
}
h2, h2 a {
margin: 20px 0 10px 0;
color: #BB4837;
font-size: 110%;
}
h2.nomar {
margin: 0 0 20px 0;
}

h3, h4 {
font-size: 1.2em;
}

p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand, legend {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, label a, 
th a, td a, p span.abstand {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration : none; 
color : #877321;
background: transparent;
}
a:hover, 
a:active {
color: #BB4837;
background: transparent;
} 
a:focus {
color: #bb4837;
background: transparent;
}
a.intern:link, 
a.intern:visited {
padding: 2px 0 3px 15px;
color: #877321;
background: transparent url(/files/global_files/841f440322c03b8b51f085f3751832ebd3814e86_linkicon.gif) 0 -37px no-repeat;
font-weight: bold;
}
a.intern:hover,
a.intern:active,
a.intern:focus {
padding: 2px 0 3px 15px;
color: #BB4837;
background: transparent url(/files/global_files/841f440322c03b8b51f085f3751832ebd3814e86_linkicon.gif) 0 2px no-repeat;
font-weight: bold;
}
ul {
margin: 10px 0 10px 20px;
}
ol {
margin: 10px 0 10px 25px;
}
li {
padding: 3px 0;
}

address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}

#container {
position: relative;
width: 960px;
color: #333;
background: #fff url(/files/global_files/c4c667045f49b7556031b076e23199b63ae9f80b_bg_container.jpg) 0 0 repeat-x;
text-align: left;
margin: 0 auto;
}
#flashmap #container {
background: #fff url(/files/global_files/d7c37b0ea47b5c388a79978e8c916c41cf8c9067_bg_container_map.jpg) 0 0 repeat-x;
}
#headercon {
width: 960px;
height: 312px;
}
#flashmap #headercon {
height: 155px;
overflow: hidden;
}
#header {
position: absolute;
top: 7px;
left: 440px;
width: 520px;
height: 275px;
}
#header img {
float: right;
border: 0 none;
}
#headerbox {
position: absolute;
top: 160px;
left: 280px;
width: 400px;
height: 118px;
z-index: 100;
}
#startseite #headerbox {
left: 340px;
}
#flashmap #headerbox {
top: 7px;
left: 560px;
width: 400px;
height: 118px;
z-index: 100;
}
#headerbox p.klein {
font-size: 65%;
margin: 9px 0 0 0;
padding-left: 50px;
}
#headerbox p.rufnummer {
font-weight: bold;
font-style: oblique;
font-size: 150%;
font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
color: #BB4837;
background: transparent url(/files/global_files/0960ec169ceeddc82724dfd09c5f8c77b25db61d_donut.jpg) left no-repeat;
margin: 0;
padding: 0 0 0 20px;
}
#headerbox p.text {
padding-left: 20px;
margin: 5px 0;
font-size: 80%;
}
#logo {
position: absolute;
top: 30px;
left: 20px;
}
#flashmap #logo {
top: 30px;
height: 95px;
overflow: hidden;
}
#aktion {
position: relative;
width: 960px;
height: 160px;
color: #000;
background: #ECE8E6 url(/files/global_files/8ee48ebb5e95d33cfe429f426bf90d86ae8813ba_bg_aktion.gif) 0 0 no-repeat;
list-style: none;
margin: 0;
}
#aktion li {
display: block;
width: 290px;
height: 140px;
position: absolute;
top: 17px;
padding: 0;
}
#aktion li.aktion01 {
left: 20px;
}
#aktion li.aktion02 {
position: absolute;
left: 340px;
}
#aktion li.aktion03 {
position: absolute;
left: 660px;
}
#aktion h2 {
color: #666;
font-weight: bold;
font-size: 110%;
padding: 4px 0 0 0;
margin: 0 0 10px 45px;
text-transform: uppercase;
}
#aktion h2 a {
color: #666;
font-weight: bold;
}
#aktion p {
line-height: 1.5em;
margin: 20px 0 0 3px;
}

/* Topnavigation */
#topmenu {
position: absolute;
top: 282px;
left: 0;
height: 30px;
width: 958px;
border: 1px solid #ccc;
border-top: 0 none;
border-bottom: 0 none;
background: transparent;
margin: 0;
}
#flashmap #topmenu {
top: 125px;
}
#topmenu li {
display: inline;
padding: 0;
}
#topmenu li a, #topmenu li strong.on {
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
padding: 0 20px;
}
#topmenu li.on, #topmenu li strong.on {
color: #BB4837;
background: transparent;
}
#topmenu li a:link, #topmenu li a:visited {
color: #333;
background: transparent;
}
#topmenu li a:hover, #topmenu li a:active, #topmenu li a:focus {
color: #BB4837;
background: transparent;
}
#leftmenu {
list-style: none;
margin: 0;
}
#leftmenu li {
padding: 0;
}
#leftmenu a, #leftmenu li span.on {
display: block;
float: none;
}

#leftmenu li a, #leftmenu span.on {
padding: 5px 0 5px 15px;
}
#leftmenu li a:link, #leftmenu li a:visited {
font-weight: bold;
color: #877321;
background: transparent url(/files/global_files/841f440322c03b8b51f085f3751832ebd3814e86_linkicon.gif) 0 -33px no-repeat;
}
#leftmenu li a:hover, #leftmenu li a:active, #leftmenu li a:focus, #leftmenu span.on {
color: #BB4837;
background: transparent url(/files/global_files/841f440322c03b8b51f085f3751832ebd3814e86_linkicon.gif) 0 6px no-repeat;
}
#leftmenu li.heading span.on,
#leftmenu li.heading a {
display: block;
float: none;
font-size: 170%;
font-family:  Arial, Helvetica, sans-serif;
margin: 12px 0 20px 0;
padding: 0;
color: #666;
background: transparent;
font-weight: normal;
}


#main {
width: 640px;
margin: 0 20px 20px 300px;
padding-top: 30px;
min-height: 600px;
}
* html #main {
height: 600px;
}
#startseite #main {
width: 600px;
margin: 0 20px 20px 340px;
}
#ganzeseite #main {
width: 920px;
margin: 0 20px 20px 20px;
}
#flashmap #main {
width: 960px;
margin: 0 20px 0 0;
padding: 0;
}
#main p.nachoben {
clear: both;
}


#footer {
width: 960px;
height: 30px;
color: #666;
font-size: 75%;
background: transparent url(/files/global_files/81d0f1444116290f78f24ed0f8df0225870df81e_bg_footer.jpg) 0 0 no-repeat;
}
#footer p {
line-height: 30px;
padding: 0 20px;
}
#footer p span {
float: right;
}

#left {
position: absolute;
top: 333px;
left: 20px;
width: 250px;
}
#startseite #left {
top: 503px;
}
#left h1 {
padding-top: 10px;
}
#left p {
line-height: 1.5em;
}

.nocolumn #column {
display: none;
}
#column {
float: right;
width: 280px;
}
#column h2.first {
margin-top: 0;
}
#column p {
line-height: 1.5em;
}

#content {
width: 320px;
padding-top: 1px;
}
#startseite #content {
width: 280px;
}
#ganzeseite #content {
width: 920px;
}
.nocolumn #content {
width: 600px;
}
#startseite.nocolumn #content {
width: 600px;
}

#content sup, #content sup a, #content li sup a, #content li sup {
position: static;
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
}

#content p {
line-height: 1.5em;
}


/* Common Classes - Allgemeine Klassen */

.center, .mittig {
text-align: center;
padding: 2px;
}
.right, .rechts {
text-align: right;
}
.rahmen {
border: 1px solid #ccc; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
#content p.ab50 {
padding-bottom: 50px;
}
.bildrechts {
float: right;
margin: 0 0 0 10px;
}
#content .bildrechts {
margin: 0 0 10px 20px;
}
#aktion .bildrechts {
margin-right: 5px;
}
.bildlinks {
float: left;
padding: 0 10px 0 0;
}
#ganzeseite .bildlinks {
float: left;
margin: 10px 18px 0 0;
}
#content .bildlinks {
padding: 0 20px 10px 0;
}
.topminus {
margin-top: -10px;
}
.rahmen {
border: 1px solid #ccc;
}
#aktion .rahmen {
border: 1px solid #fff;
}
.klein {
font-size: 75%;
}
.grau {
color: #666;
}
.absatztrenner {
clear: both;
}
.linie {
border-bottom: 1px dotted #ccc;
margin: 20px 0 10px 0;
}
.linksaussen {
float: left;
margin: -90px 0 0 -270px;
}

.padtop20, #content p.padtop20 {
padding-top: 20px;
}
.padtop30, #content p.padtop30 {
padding-top: 30px;
}
.padtop40, #content p.padtop40 {
padding-top: 40px;
}
.padtop50, #content p.padtop50 {
padding-top: 50px;
}
/* Anzuwenden auf den letzten Satz vor der Fussnote */
#content p.fussnote {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#content p.fn {
margin: 3px 0;
}
#content ul.fn_liste li {
padding: 2px;
line-height: normal;
}
.clear, .absatztrenner {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */


/* Kontakt Formular */

/* Formular Anfrage*/
#formular_anfrage fieldset {
background: #ECE8E6;
padding: 5px;
margin: 0 0 20px 0;
border: 1px solid #ccc;
}
#formular_anfrage legend {
font-weight: bold;
border: 1px solid #ccc;
padding: 2px;
margin: 0 0 10px 0;
}

#formular_anfrage label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular_anfrage .textfield, #formular_anfrage .abstand {
display: block;
float: left;
padding: 1px 5px;
margin: 2px 0;
width: 11em;
clear: left;
vertical-align: top;
}
#formular_anfrage input.ffile {
display: inline;
padding: 1px 5px;
margin: 2px 0;
width: 18em;
}

#formular_anfrage #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular_anfrage select {
margin: 10px 0;
}
#formular_anfrage input.ftextfield, #formular_anfrage .w300 {
width: 250px;
padding: 0 2px;
margin: 2px 0;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular {
margin: 10px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular_anfrage textarea.ftextarea {
width: 350px;
padding: 2px;
margin: 7px 0;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
}
.submitbutton {
clear: right;
margin: 0 0 0 10px;
}
.fsubmit {
clear: right;
margin: 0 0 0 0;
}

/* Login-Formular */

#login {
padding: 0 0 10px 0;
}

#login label.textfield {
display: block; 
width: 100px;
float: left;
clear: left;
margin: 2px 0;
}

#login input.ftextfield {
display: block; 
width: 150px;
float: left;
margin: 2px 0;
}


/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #ffd7d7;
}
#rp {
background: #DBE6EA;
}
#rp h2, #rp p {
text-align: center;
margin: 15px 0;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: #BB4837;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req li {
padding: 0;
}


/* tag cloud */
#left h2.tags {
font-size: 80%;
font-weight: bold;
}
#left #tagcloud {
padding: 7px;
margin: 0 0 50px 0;
}
#left #tagcloud li {
display: inline;
margin: 0;
padding: 0;
}
#left #tagcloud a {
display: block;
text-decoration: none;
}
#left #tagcloud a:hover {
color: #fff;
background: #666;
text-decoration: none;
}
#left .archives, #left .feeds {
padding: 7px;
}

#left .ref a {
display: block;
height: 50px;
width: 50px;
float: left;
padding: 0;
border: 1px solid #535161;
margin: 7px;
}

/* Blog Page Navigation */

#content p.pager {
display: inline;
float: left;
padding: 3px;
}
#content #pager {
list-style: none;
display: inline;
width: 800px;
}
#content #pager li {
display: inline;
}
#content #pager li a, #content #pager li.on {
float: left;
color: #fff;
background: #877321;
padding: 0 5px;
border: 1px solid #C9EAF8;
margin: 10px 5px 0 0;
}
#content #pager li a:link {
color: #1e242b;
background: #fff;
}
#content #pager li a, #content #pager li.on {
color: #1e242b;
background: #E3F4FB;
}
/* Blog Article */

#content .post {
clear: left;
margin: 0 0 25px 0;
}
#content .post h1 {
color: #877321;
}
#content .post h2 {
color: #BB4837;
margin: 0;
font-size: 110%;
}
#content .post p.who {
margin: 2px 0 10px 0;
font-size: 70%;
}

#left .post h3 {
color: #BB4837;
margin: 20px 0 0 0;
font-size: 90%;
}
#left .post p {
margin: 5px 0;
}
#content .summary {
margin: 5px 0;
}

/* Blog Tag-Liste */

#content p.tags {
display: inline;
padding-right: 10px;
font-size: 70%;
}
#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;
font-size: 70%;
}
#content ul.tags li a {
display: inline;
padding: 0;
}