/**
 *
 * Project: 
 * Welcompose Website 
 * Bormann Elektrobau GmbH - http://www.bormann-elektrobau.de/
 *
 * File: bormann.css
 *
 * @copyright 2007 clkm - cornelia lange http://www.clkm.de/
 * @author Cornelia Lange
 *
 */

* {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
html {
height: 100%; 
margin-bottom: 0.1px; 
} 
body {
font: 96% Verdana, Arial, Helvetica, sans-serif; 
color: #666;
background: #FAFafa;
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 {
margin: 0 0 15px 0;
}
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #f60;
letter-spacing: -1px;
font-weight: normal;
}
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #f60;
letter-spacing: -1px;
font-weight: normal;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em; 
font-weight: normal;
color: #000;
}
h4 {
font-size: 0.80em;
color: #000;
}
p, a, label, li, .vcard, textarea, input, blockquote, cite, td, th {
font-size: 0.80em;
}
p a, p blockquote, p cite, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, 
th a, td a, label a {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration : underline; 
color : #666;
background: transparent;
}
a:hover, 
a:active {
text-decoration : underline;
color : #000;
background: transparent;
} 
a:focus {
color: #000;
background: #fff;
}

a.intern, 
a.intern:link, 
a.intern:visited {
padding-left: 16px;
text-decoration : none; 
color : #666;
background: transparent url(/files/global_files/1cefa56855d3fa6ea113052ab567a37cc54c8cfa_internlink.gif) 0 0 no-repeat;
}
a.intern:hover, 
a.intern:active {
text-decoration: underline;
color : #000;
background: transparent url(/files/global_files/1cefa56855d3fa6ea113052ab567a37cc54c8cfa_internlink.gif) 0 0 no-repeat;
} 
a.intern:focus {
color: #f60;
background: transparent url(/files/global_files/1cefa56855d3fa6ea113052ab567a37cc54c8cfa_internlink.gif) 0 0 no-repeat;
}
table {
margin: 10px 0;
border-collapse: collapse;
}
th, td {
padding: 10px 30px 10px 0;
vertical-align: top;
line-height: 1.5em;
}
td img {
border: 1px solid #e6e6e6;
}

#alles {
color: #666;
background: #fff url(/files/global_files/eb8d37cf9e4061771706fe314211a3e3d0d9ccde_bg_kopfleiste.jpg) 0 0 repeat-x;
}
#container {
position: relative;
width: 980px;
margin: 0 auto;
text-align: left;
}
#topnavi {
height: 80px;
}
#logo {
position: absolute;
top: 0;
width: 220px;
height: 75px;
left: 4px;
}
#logo img {
padding: 11px 0 0 26px;
}
ul.nav_1 {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 10px;
left: 280px;
width: 670px;
height: 75px;
}
ul.nav_1 li {
display: inline;
}
ul.nav_1 a, ul.nav_1 li.on {
display: block;
float: left;
text-decoration: none;
padding: 25px 15px;
}
ul.nav_1 li.on {
color: #000;
background: transparent url(/files/global_files/0342cc020c60a1471f20bee22e977eaaab730f87_link-topnavi.jpg) center -10px no-repeat;
}
ul.nav_1 a.on:link, ul.nav_1 a.on:visited {
padding: 0;
color: #666;
background: transparent;
}
ul.nav_1 a:link, ul.nav_1 a:visited {
color: #666;
background: transparent url(/files/global_files/0342cc020c60a1471f20bee22e977eaaab730f87_link-topnavi.jpg) center -160px no-repeat;
text-decoration: none;
}
ul.nav_1 a:hover, ul.nav_1 a:focus, ul.nav_1 a:active {
color: #666;
background: transparent url(/files/global_files/0342cc020c60a1471f20bee22e977eaaab730f87_link-topnavi.jpg) center -85px no-repeat;
text-decoration: none;
}
ul.nav_2 {
position: absolute;
top: 130px;
left: -250px;
width: 220px;
height: auto;
list-style: none;
border-top: 1px solid #e6e6e6;
}
ul.nav_2 li {
display: inline;
}
ul.nav_2 a, ul.nav_2 li.on {
display: block;
float: none;
text-decoration: none;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #e6e6e6;
}
ul.nav_2 li.on {
color: #000;
background: transparent url(/files/global_files/8cc697a03b3b2361e91584f235f3e9829152b082_link-leftnavi.jpg) 0 0 no-repeat;
}
ul.nav_2 a:link, ul.nav_2 a:visited {
color: #666;
background: transparent url(/files/global_files/8cc697a03b3b2361e91584f235f3e9829152b082_link-leftnavi.jpg) 0 -90px no-repeat;
}
ul.nav_2 a:hover, ul.nav_2 a:focus, ul.nav_2 a:active {
color: #666;
background: transparent url(/files/global_files/8cc697a03b3b2361e91584f235f3e9829152b082_link-leftnavi.jpg) 0 -45px no-repeat;
}

#header {
height: 15em;
}
#leftnavi {
padding: 20px 0 20px 0;
margin-left: 30px;
}
#startseite #leftnavi {
position: absolute;
top: 100px;
left: 30px;
width: 220px;
padding: 0;
margin: 0;
}
#leftnavi h2 {
padding: 5px 0 15px 0;
font-weight: normal;
}

#headerbild { 
position: absolute;
top: 105px;
left: 292px;
display: block;
width: 320px;
}
#motto {
position: absolute;
top: 100px;
left: 630px;
width: 320px;
overflow: hidden;
color: #9b9b9b;
background: transparent url(/files/global_files/17d17db1ab6da3e1f784f9dd27aa01b774e9598c_quote.gif) 0 25px no-repeat;
}

#motto blockquote {
margin: 40px 0 20px 25px;
font-size: 120%;
}
#motto cite {
float: right;
padding-top: 10px;
font-size: 80%;
}

#aktuell {
float: left;
width: 220px;
padding: 0 0 20px 0;
}
#startseite #aktuell {
margin-top: -15em;
}
#aktuell h2 {
margin: 0 0 10px 0;
}
#aktuell h3 {
margin: 30px 0 10px 0;
font-weight: bold;
color: #f60;
background: #fafafa;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 2px;
}
#aktuell h3.news {
margin: 0;
font-weight: bold;
color: #f60;
background: #fff;
border: 0 none;
padding: 0;
}
#aktuell h3 a {
text-decoration: none;
font-weight: bold;
}
#aktuell p.datum {
margin: 18px 0 2px 0;
font-size: 75%;
}
#aktuell p {
margin: 3px 10px 7px 0;
font-size: 80%;
line-height: 1.4em;
}
#aktuell p.more {
margin: -3px 10px 7px 0;
font-size: 80%;
}

#main {
margin: 0 0 0 30px;
}
#content {
margin-left: 262px;
width: 670px;
}
#einfach #content {
margin-left: 0;
width: 920px;
}
#emblem #content {
margin-left: 0;
width: 920px;
background: transparent url(/files/global_files/3c72d5b67dd9e194b9672e4644bb5478a25c9189_bg_bormann-logo.gif) center 50px  no-repeat;
}
#startseite #content {
padding-top: 25px;
}

#einfach #content h1, #emblem #content h1 {
margin-left: 262px;
}
#content h2.linie span {
float: right;
}


#content p {
padding: 0;
margin: 10px 0;
line-height: 1.5em;
}
#content p.teaser {
font-size: 100%;
margin: 15px 0;
font-weight: bold;
color: #9b9b9b;
}
#einfach #content h3 {
margin: 30px 0 10px 0;
font-weight: bold;
color: #f60;
background: #fafafa;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 2px 2px 2px 262px;
}
#content h3 {
margin: 30px 0 10px 0;
font-weight: bold;
color: #f60;
background: #fafafa;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 2px 2px 2px 12px;
}
#content h2.box, #content h3.box {
padding: 12px;
margin: 20px 0 0 0;
color: #ff6600;
background: transparent url(/files/global_files/60072d94474091953ad8083d6e7b4fb349f0bc7e_box_top.jpg) 0 0 no-repeat;
}
#content p.box {
color: #666;
background: transparent url(/files/global_files/a6630058b307e42cf0a64f3084c7c3174aa0b6b7_box_bottom.jpg) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 12px 20px 12px;
}
#content ul {
margin-left: 20px;
}
#content li {
margin: 10px 0;
line-height: 1.5em;
}

#content ul.gf, #content ul.history {
list-style: none;
margin-left: 0;
}
#content .gf li, #content .history li {
float: none;
width: 900px;
margin: 30px 0;
}
#content .gf li span, #content .history li span {
float: left;
width: 220px;
font-weight: bold;
}
#content .gf li h2 {
margin-left: 262px;
}
#content .gf li p, #content .history li p {
margin-left: 262px;
}

#footer {
clear: both;
width: 100%;
border-top: 1px solid #e6e6e6;
background: #fafafa;
}
#footer p {
width: 950px;
text-align: left;
margin: 0 auto;
padding: 3px 0 20px 30px;
}

/* Forms */

fieldset {
margin: 20px 10px;
}
label, form .abstand {
display: block;
float: left;
width: 9em;
vertical-align: top;
}
form .abstand {
width: 100px;
}
input.textfield, input.w300 {
width: 250px;
margin: 2px 0;
padding: 1px 5px;
}
textarea {
width: 260px;
margin: 2px 0;
}
input.submit {
margin-left: 23px;
}


/* Fehlermeldungen Formulare */

/* response */
#rp, #error {
display: block;
width: 420px;
margin: 10px 0 20px 0;
padding: 5px;
background: #ffd7d7;
}
#rp h3, #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 {
margin-left: 20px;
}
#content .req li {
background: transparent;
}


/* Allgemeine Klassen */
.linie {
border-bottom: 1px solid #e6e6e6;
color: #000;
background: transparent;
padding: 30px 12px 5px 0;
margin-bottom: 20px;
}
.center {
text-align: center;
padding: 2px;
}
.right, .textrechts {
text-align: right;
}
.textlinks {
text-align: left;
}
.rahmen {
border: 1px solid #535161; 
}
.nowrap {
white-space: nowrap;
}
.top20, #content p.top20 {
padding-top: 20px;
}
.top30 {
padding-top: 30px;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.bildrechts {
float: right;
padding: 0 10px 10px 20px;
}
.bildlinks {
float: left;
padding: 0 10px 0 0;
}
.keinrand {
border: 0 none;
}
.w232 {
width: 234px;
}
.w275 {
width: 245px;
}
.w220 {
width: 220px;
}
.w320 {
width: 320px;
}
.w308 {
width: 308px;
}
.w100 {
width: 100px;
}
.streifen {
background: #fafafa;
}

.neuezeile, .clearb, .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 */