/* *************** RESET ******************************************** /
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { 
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

/* Grundlinie
--------------------------------------------------------------------------*/
/*#bd { background: #fff url('img/_bg_baseline_cols.png') repeat-y 0 0;}*/


/* ***************** BASIC TYPOGRAPHIE ************************************/
html { height: 100%; padding-bottom: 1px; position: relative;}
body { font: 81.25%/1.6154  "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #444; background: #fff url('img/bg-body.png') repeat-x 0 0; height: 100%;}

/* Headlines
------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both; background: none;}

h1 {margin: 0; color: #444; font-size: 21px; line-height: 30px; margin-bottom:10px; margin-top: 21px; }
h2 {margin: 0; color: #006e37; font-size: 17px; line-height:21px; margin-bottom:10px; margin-top: 10px; }
h3 {margin: 0; color: #444; font-size: 14px; line-height:21px; margin-bottom:10px; margin-top: 21px; }
h4 {margin: 0; color: #444; font-size: 13px; line-height:21px; margin-bottom:0; font-weight: bold;}
/* Text + Listen
------------------------------------------------------------------------- */
p { background: none; color: #444; font-size: 13px; line-height:21px; margin-bottom: 21px; }


ul, ol { background: none; color: #444; font-size: 13px; line-height:21px; margin-bottom: 21px;}

.col-main ul { margin-left: 15px;}
.col-main li { list-style-type: disc; margin-bottom: 14px;}
/*.col-main ul.bullet { list-style: disc; list-style-position: outside;}*/
.col-main ul.nobullet { margin-left: 0;}
.col-main ul.nobullet li{ list-style: none;}

ol { list-style: decimal; list-style-position: inside;}

dl { margin-bottom:21px;}
dt { font-weight: bold; }


a:link, a:visited { color: #006e37; text-decoration:none; }
a:hover, a:active { color: #006e37; text-decoration: underline;}
a:focus { color: #006e37; }

table { margin: 0 0 21px 0; font-size: 12px;}
caption { display: none;}
th { text-align: left; border-bottom: 1px solid #b4b4b4;}
tr { }
td { padding: 10px 20px 10px 0; border-bottom: 1px solid #b4b4b4;}
td:first-child { font-weight: normal; width: 30%;}
td.td-rowspan { border-left: 1px solid #b4b4b4;  padding-left: 10px; vertical-align: middle;}



/* ***************** LAYOUT **********************************************/
/* Page
------------------------------------------------------------------------- */
#page { margin: 0 auto; width: 980px; padding: 0 10px 100px 10px;  position: relative; min-height: 100%;}

/* Header
------------------------------------------------------------------------- */
#hd { height: 172px; padding: 0; margin: 0; background: transparent url('img/bg-silhouette.png') no-repeat  right top; position: relative;}
#logo { width: 355px; height: 207px; position: absolute; top: 0; left: 20px; background: transparent url('img/bg-logo.png') no-repeat 0 0;}
#logo img { margin: 40px 0 0 16px; border: none;}

/* Top-Navigation
------------------------------------------------------------------------- */
#navbar { width: 600px; height: 165px; position: absolute; top: 0; right: 0; }
#navbar ul.level_1 { margin: 0; padding: 0;  float: right; border-left: 1px solid #0d0f11; border-right: 1px solid #2b3337;}
#navbar ul.level_1 li { width: 84px; height: 165px; line-height: 305px; border-right: 1px solid #0d0f11; border-left: 1px solid #2b3337;  float: left; list-style: none; font-size: 13px; text-align: left; vertical-align: bottom; }
#navbar ul.level_1 span { display: block; height: 165px; padding-left: 10px;}
#navbar ul.level_1 a { display: block; height: 165px; padding-left: 10px;}
#navbar ul.level_1 a:link, #navbar a:visited { color: #a3a5a6;}
#navbar ul.level_1 a:hover, #navbar ul.level_1 a:active, #navbar ul.level_1 a:focus { text-decoration: none; background: #4d565d url('img/bg-mainnav-hi.png') repeat-x 0 0; color: #fff;
opacity: 0.4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
}
#navbar ul.level_1 li.aktiv a { text-decoration: none;}

/* Submenu*/
#navbar ul.level_1 li ul { position: absolute; background: #006e37; width: 150px; left: -999em; z-index: 10000; padding-top: 7px; border: none;}
#navbar ul.level_1 ul.level_2 li { float: none; height: 42px; line-height: 42px; width: 150px; border: none; border-bottom: 1px solid #c7c7c7; }
#navbar ul.level_1 ul.level_2 li a { float: none; height: 42px; line-height: 42px; color: #c7c7c7;}
#navbar ul.level_1 ul.level_2 li a:hover { float: none; height: 42px; line-height: 42px; background: #006e37; color: #fff;}
#navbar ul.level_1 li:hover ul.level_2, #navbar ul.level_1 li.sfhover ul.level_2 { left: auto; }
#navbar ul.level_1 ul.level_2 li span { color: #fff;}

#navbar .leistungen-menue { display: none;}


/* Content Hauptspalte
------------------------------------------------------------------------- */
#bd { clear: both; padding: 0; overflow: hidden;}

.col-main { float: left; width: 480px; padding: 73px 0 150px 0; margin: 0 30px;}
.col-main .float_right { float: right;  padding: 3px; margin: 0 0 10px 15px; border: 1px solid #b4b4b4;}
.col-main .float_left { float: left;  padding: 3px; margin: 0 15px 10px 0; border: 1px solid #b4b4b4;}
.col-main .image_container {  padding: 3px; border: 1px solid #b4b4b4;}



#map { border: 1px solid #b4b4b4; width: 100%; height: 400px; margin-bottom: 21px;}

/* Linke Spalte
-----------------------------------------------------------------------------*/
.col-left { float: left; width: 246px; padding: 72px 0 0 0; background: transparent url('img/bg-col-left.png') repeat-y center top;}
.col-left-bottom { width: 246px; height: 42px; background: transparent url('img/bg-col-left-bottom.png') no-repeat bottom center;}

/* Leistungen Navigation*/
#nav-leistungen .main-menue { display: none;}

#nav-leistungen h4 { font-weight: bold;}
#nav-leistungen h4:hover { background: transparent;}
#nav-leistungen { padding: 0; border-top: 1px solid #fff; width: 230px; margin-left: 8px;}
#nav-leistungen h4, #nav-leistungen li { position: relative; height: 41px; line-height: 41px; padding-left: 25px; border-bottom: 1px solid #fff;}
#nav-leistungen .level_1 li a { color: #444; text-decoration: none;}
#nav-leistungen .level_1 li a:link, #nav-leistungen .level_1 li a:visited { color: #444;}
#nav-leistungen .level_1 li a:hover, #nav-leistungen .level_1 li a:active { color: #fff; }

#nav-leistungen li:hover .level_2, #nav-leistungen li.sfhover .level_2 { display: block; }
#nav-leistungen li:hover, #nav-leistungen li.sfhover { background-color: #999; }
#nav-leistungen a { display: block; }
#nav-leistungen a.invisible { display: none }
#nav-leistungen a.selected { background-color: #300; }
#nav-leistungen .level_2 { background-color: #999; border-top: 1px solid #fff;  display: none; left: 230px; padding: 0; position: absolute; top: -1px; width: 230px; z-index: 2; }
#nav-leistungen .level_2 li { border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
#nav-leistungen .level_2 a { position: relative; }
#nav-leistungen .level_2 a:hover, #nav-leistungen .level_2 a.selected { color: #fff; }


/* Lösungen Box*/
#box-loesungen { width: 246px; height: 100%; background: transparent url('img/bg-box-loesungen-top.png') no-repeat left top; padding: 17px 0 0 0; position: relative; z-index: 10;}

#box-loesungen h2, #box-loesungen h3, #box-loesungen p {background: #006e37; margin: 0; padding: 14px 25px 0 25px; color: #fff;}

#box-loesungen p { padding: 7px 25px 0px 25px; }
#box-loesungen p.more { padding-bottom: 21px; }
#box-loesungen span a { color: #fff; font-weight: bold;}

#box-loesungen-bottom { height: 22px; width: 246px; background: transparent url('img/bg-box-loesungen-bottom.png') no-repeat left bottom; margin: 0; padding: 0 0 0 0; }

#loesungen .info { display: none;}
#loesungen-reader .info { text-indent: -10000px;}

#box-tih-link { padding: 25px 21px;}


/* Rechte Spalte
-----------------------------------------------------------------------------*/
.col-right { float: right; width: 190px; padding: 84px 0 0 0; }
.col-right div { float: left; margin-bottom: 34px; width: 100%;}
.col-right h4 { font-size: 12px; color: #b4b4b4; text-transform: uppercase; font-weight: bold; margin: 0 0 7px 0; border-bottom: 1px solid #b4b4b4;}
.col-right h2, .col-right h3,.col-right h4, .col-right p { padding: 0 3px;}

.mod_fblikeit { border-top: 1px solid #b4b4b4; padding-top: 7px}

#suchformular fieldset { float:left; height:26px; margin-bottom: 7px;}
#suchformular .text { border:1px solid #d4d4d4; color:#444444; float:left; font-size:12px; padding:4px 2px; width:150px;}
#suchformular .submit { float:left; margin-left:5px;}

#box-aktuelles span a { color: #444; font-weight: bold;}

#box-partnerlogos .ce_image { margin-bottom: 21px;}
#box-partnerlogos .image_container { margin: 0;}

/* Footer
------------------------------------------------------------------------- */
#ft {position: relative; margin-top: -120px; height: 120px; background: transparent url('img/bg-footer.png') repeat-x 0 0; }
#ft ul { width: 980px; margin: 0 auto; text-align: right; height: 30px; line-height: 30px; padding: 30px 0 0 0; color:  #a3a5a6;}
#ft a { color:  #a3a5a6;}
#ft a:hover {color: #eee; text-decoration: none;}


/* Module 
--------------------------------------------------------------------------*/
/* News-Module*/
.info { color: #b4b4b4; text-align: left; margin-bottom: 0;}
.layout_short {  border-bottom: 1px solid #b4b4b4; margin-bottom: 21px;}
#box-aktuelles .layout_short { margin-bottom: 0; border: 0;}
#box-aktuelles .layout_short h2 { font-size: 13px; color: #444;}
#box-loesungen .layout_short { margin-bottom: 0; border: 0;}
#box-loesungen .layout_short h2 a { font-size: 13px; color: #fff;}
.mod_newslist h2, .layout_full h1 { font-size: 16px; color: #444; margin-bottom: 0;}

/* awesome button */
.col-main .more a, #box-aktuelles .more a, .back a, .awesome a, #kontakt .submit {
    background: #777 url(img/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #444;
    border-bottom: 1px solid #777;
    position: relative;
    cursor: pointer;
    margin-right: 15px;
    }
#box-loesungen .more a { color: #fff; font-weight: bold;}

/* Sitemap Modul*/
#sitemap ul  { list-style: none;}
#sitemap .level_1  {color:#ff0000; padding-bottom: 21px;} 
#sitemap .level_2 { color: #00f; text-indent:0;}
#sitemap .level_3 { color: #0ff; text-indent:0;}
#sitemap ul { margin-bottom: 0; list-style: none;}
#sitemap li { margin: 0 30px; list-style: none;}

/* Formular */
.info-box li {
    color: #CB6F3E;
}

#kontakt form {
    width: 100%;
}

#kontakt fieldset {
    border: 3px solid #d4d4d4;
    padding: 5px;
    margin: 0 0 21px 0;
    overflow: hidden;
    height: 100%;
}

#kontakt legend {
    /*display: none;*/
    text-indent: -10000px;
}

#kontakt p {
    width: 100%;
    padding-bottom: 0;
    clear: both;
}

#kontakt label {
    width: 120px;
    margin: 0 15px 5px 0;
}

#kontakt .kontaktdaten label {
    display: block;
}

#kontakt label.hidden {
    visibility: hidden;
}

#kontakt input.text {
    width: 430px;
    height: 20px;
    padding: 5px 3px 3px 3px;
    margin-bottom:14px;
    border: 1px solid #d4d4d4;
}

#kontakt input.submit {
    border: 0;
    margin-top: 14px;
    font-size: 13px;
}

#kontakt textarea {
    width: 430px;
    font: 1em/1.5 "Lucida Grande","Lucida Sans Unicode", Helvetica,Arial,sans-serif;
    height: 120px;
    padding: 5px 3px 3px 3px;
    border: 1px solid #d4d4d4;
}

#kontakt .error {
    color: #f33;
    margin: 5px 0 10px 0;
    clear: both;
    width: 430px;
}

#kontakt input.captcha {
    margin-left: 135px;
}

#kontakt span.captcha_text {
    display: block;
    padding: 0 0 10px 0;
}


.image_container { margin-bottom: 21px;}
.img-140 .image_container { width: 140px;}
.img-225 .image_container { width: 225px;}
.image_container .caption { font-size: 12px;}

/* Standard classes
-------------------------------------------------------------- */


.small { font-size: .8459em; line-height: 1.9091em; margin-bottom: 0; }
.quiet { color: #757b7f; font-size: .8459em; line-height: 1.9091em; margin-bottom: 0;}
.signal { color: #c0000d;}

.float_right { float: right;}
.float_left { float: left;}

.hide { display: none; }
.highlight { background: transparent; font-weight: bold;}

.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.trennlinie { clear: both; border-top: 1px dotted #c2c8cc; height: 1px; height: 1px; margin-bottom: 1.6154em;}
.trennlinie-vert { background: transparent url('img/dotted-vert.png') repeat-y right top;}

.margin-baseline { margin-bottom: 1.6154em;}

.clear { clear: both;}
.invisible { text-indent: -20000px; display: none;}