/**
 * Project: ems-bahr-Website
 * File: main.css
 *
 * Copyright (c) 2009 EMS Bahr - Energiemedizinische Systeme
 *
 * Project owner:
 * EMS Bahr Energiemedizinische Systeme
 * 22589 Hamburg, Germany
 * http://www.ems-bahr.de/
 *
 * @copyright 2009 clkm - cornelia lange
 * @author Cornelia Lange
 *
 */

html, body, ul, ol, dl, dd, fieldset, form {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% Arial, Helvetica, sans-serif; 
color: #000;
background: #fff;
text-align: center;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 10px 0;
font-weight: bold;
}
cite {
margin-left: 20px;
font-weight: normal;
}
#content sup, #content sup a, #content li sup a, #content li sup {
position: static;
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}

a img {
background: transparent;
border: 0 none;
}

h1 {
font-family: Tahoma, Arial, sans-serif;
font-size: 1.7em;
color: #71A31D;
font-weight: normal;
padding: 30px 0 10px 30px;
}
h1.mitte {
margin-left: 250px;
}
h2 {
font-size: 1.5em;
font-weight: normal;
color: #467bc4;
}
#column h2 {
margin-bottom: 0;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em; 
color: #467bc4;
}
h4 {
font-size: 0.80em;
color: #467bc4;
}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand {
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 {
text-decoration : underline; 
}
a:link, a:visited {
color: #000;
background: transparent;
}
a:hover, a:active, a:focus {
text-decoration : underline;
color: #467bc4;
background: transparent;
} 
a.intern {
text-decoration: none;
padding: 2px 0 2px 18px;
}
a.intern:link, a.intern:visited {
color: #467bc4;
background: transparent url(/files/global_files/da4421a29dde582e3112d2d78b9876ccfefb6b1e_textlink.gif) 0 3px no-repeat;
}
a.intern:hover, a.intern:active, a.intern:focus {
color: #467bc4;
background: transparent url(/files/global_files/da4421a29dde582e3112d2d78b9876ccfefb6b1e_textlink.gif) 0 -62px no-repeat;
}
code {
font-size: 100%;
font-family: monospace, serif;
background: #efefef;
border: 1px dashed #ccc;
border-left: none;
border-right: none;
}
pre {
border: 1px dashed #ccc;
background: #efefef;
margin: 5px;
padding: 10px;
font-family: serif;
font-size: 80%;
}
address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}

/* LAYOUT */
#container {
position: relative;
width: 820px;
margin: 0 auto;
text-align: left;
}

#header {
width: 820px;
padding: 96px 0 0 0;
z-index: 10;
}

#logo {
position: absolute;
top: 0; 
left: 30px;
width: 220px;
height: 140px;
z-index: 99;
}
#content {
padding: 1px 30px 30px 30px;
border-bottom: 3px solid #71a31d;
}

#content ul, #content ol {
margin-left: 20px;
}
#content li {
line-height: 1.3em;
padding: 5px 0;
}

#column {
float: left;
width: 220px;
}

#inhalt {
margin: 0 0 0 250px;
}
#inhalt p {
line-height: 1.5em;
}
#inhalt p.blau {
background: #DBE2F5;
padding: 10px;
}

p.contentfooter {
clear: both;
padding: 10px 30px;
}
p.contentfooter .column {
float: left;
width: 220px;
margin: 0 30px 0 0;
}
p.contentfooter a.top {
display: block;
float: right;
width: 22px;
height: 22px;
margin-top: -3px;
background: transparent url(/files/global_files/a4c7534908f01efab20ee26b0a4b244fa6de0d5f_toplink.gif) 0 0 no-repeat;
text-decoration: none;
}
p.contentfooter a.top:hover {
background: transparent url(/files/global_files/a4c7534908f01efab20ee26b0a4b244fa6de0d5f_toplink.gif) 0 -88px no-repeat;
}

#footer {
color: #000;
background: #DBE2F5;
min-height: 96px;
padding: 10px 30px;
}

/* Navigationen */

/* Top-Navigation */
#topmenu ul {
position: absolute;
top: 56px;
left: 250px;
width: 570px;
}
#topmenu li {
display: inline;
}
#topmenu li a, #topmenu li strong {
display: block;
float: left;
width: 160px;
border-top: 3px solid #71a31d;
margin: 0 0 0 30px;
padding: 10px 0;
text-decoration: none;
}
#topmenu li strong {
border-color: #467BC4;
color: #467bc4;
}
#topmenu li a:hover {
border-color: #467bc4;
color: #467bc4;
}
/* Header-Navigation */
#header ul {
position: absolute;
top: 282px;
left: 30px;
width: 500px;
}
#header li {
display: inline;
}
#header li a, #header li strong {
display: block;
text-decoration: none;
line-height: 22px;
padding: 0 0 0 30px;
margin: 0 0 10px 0;
font-size: 150%;
}
#header li a:link, #header li a:visited {
color: #467bc4;
background: transparent url(/files/global_files/a94041ae64f6b0f9ceb973c651d0ce8d11ea48d9_headerlink.gif) 0 -88px no-repeat;
}
#header li a:hover, #header li a:active, #header li a:focus, #header li strong {
color: #254776;
background: transparent url(/files/global_files/a94041ae64f6b0f9ceb973c651d0ce8d11ea48d9_headerlink.gif) 0 0 no-repeat;
}

/* Subnavigation Links */

#column ul {
width: 200px;
margin-left: 0;
}
#column li {
display: inline;
}
#column li a, #column li strong {
display: block;
text-decoration: none;
line-height: 22px;
padding: 0 0 0 30px;
margin: 0 0 10px 0;
}
#column li a:link, #column li a:visited {
color: #467bc4;
background: transparent url(/files/global_files/e2fe9672fe3c346774c002a449b01161b955200f_menulink.gif) 0 -88px no-repeat;
}
#column li a:hover, #column li a:active, #column li a:focus, #column li strong.on {
color: #71a31d;
background: transparent url(/files/global_files/e2fe9672fe3c346774c002a449b01161b955200f_menulink.gif) 0 0 no-repeat;
}

#column ul ul {
width: 200px;
margin-left: 30px;
}
#column li li a, #column li li strong {
display: block;
text-decoration: none;
line-height: 16px;
padding: 0 0 0 17px;
margin: 0 0 10px 0;
}
#column li li a:link, #column li li a:visited {
color: #467bc4;
background: transparent url(/files/global_files/da4421a29dde582e3112d2d78b9876ccfefb6b1e_textlink.gif) 0 -63px no-repeat;
}
#column li li a:hover, #column li li a:active, #column li li a:focus, #column li li strong.on {
color: #71a31d;
background: transparent url(/files/global_files/da4421a29dde582e3112d2d78b9876ccfefb6b1e_textlink.gif) 0 2px no-repeat;
}


/* Allgemeine Klassen */

.bildlinks {
float: left;
margin: 0 30px 10px 0;
}
.bildrechts {
float: right;
margin: 0 0 10px 30px;
}
.absatztrenner {
clear: both;
}
.skip {
position: absolute;
top: -100em;
left: -2000em;
}
.teaser {
font-weight: bold;
color: #467bc4;
}
.teaser strong {
color: #000;
}
.first, #inhalt.first, #inhalt p.first, #inhalt ul.first, #inhalt img.first {
margin-top: 8px;
}
.pad30 {
padding: 30px;
}

/* Kontakt Formular */

#formular label, #formular span.abstand {
display: block;
float: left;
clear: left;
width: 11em;
margin: 2px 0;
padding: 2px 0;
}
#formular label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular label.textfield1 {
display: block;
width: 500px;
clear: both;
margin: 7px 0 0 0;
}

#formular #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular select {
margin: 10px 0;
}
#formular input.ftextfield, #formular .w300 {
display: block;
float: left;
width: 250px;
padding: 1px 2px;
margin: 3px 0;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular {
margin: 10px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular textarea.ftextarea {
width: 400px;
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;
}

/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #ffd7d7;
}
#rp {
background: #D9E1F4;
}
#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: red;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req li {
padding: 0;
}

/* Clearfix fuer diverse IE-Versionen */

 /* IE5 Mac und IE7 */
.clearfix { display: inline-block; } 

/* IE5.X/Win, IE6.X	*/	
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */

/* Realisation mit Welcompose */
.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/5f016dd63550e8355db15b39278dd3a122db4921_welcompose-logo-sm.gif) left no-repeat;
}