/* RESET */
* { padding: 0; margin: 0; border: 0;}
INPUT, SELECT, TEXTAREA { border: 1px solid black; font-size: 99% }
OPTION { padding-left: 0.4em } /* avoid clipping in select-boxes */
HTML { height: 100%; }
BODY { /*height: 101%;*/ font-size: 100.01%; position: relative; } /* always show vertical scrollbar, correct fontsize, reposition on resize */   
TABLE { border-collapse: collapse; border-spacing: 0; }

/* COMMON SEMANTICS */
ACRONYM, ABBR { font-style: italic; border: none; text-decoration: none; }
STRONG        { font-weight: bold; }
EM            { font-style: normal; color: #CE6820; }
TABLE         { border-collapse: collapse; }
TH            { text-align: right; }
TH, TD        { padding: .5em; vertical-align: top; }
DT            { margin-top: .5em; font-weight: bold; }
DD            { margin-left: 0; padding-left: 0; margin-bottom: 1em; }
P             {}
UL, OL        {}
OL OL, UL UL  {}
PRE, CODE     { display: block; background-color: white; border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
BLOCKQUOTE    { display: block; border-left: 1px dotted #666; }
H1, H2, H3    {}

/* COMMON PAGE ELEMENTS */
#map { border: 1px solid #999; }
#status-indicator { display: none;position: absolute; left: 50%; width: 16px; height: 16px; background: url(spinner.gif) no-repeat; }
#breadcrumb {}
.topofpage { display: block; clear: both; text-align: right; }

/* COMMON LINKS */
A, A:LINK { color: #0089C7; text-decoration: none; }
A:VISITED { color: #0089C7; text-decoration: none; }
A:HOVER   { color: #0089C7; text-decoration: none; }
A:ACTIVE  { color: #0089C7; }
A:FOCUS   { outline: none; }
A IMG     { border: none; }

/* GENERAL CLASSES */
.left   { float: left; margin-right: 1em; }
.right  { float: right; margin-left: 1em; }
.center { text-align: center; margin-left: 1em; margin-right: 1em; }
.block  { text-align: justify; }
.small  { font-size: smaller; line-height: 1.3em; }
.large  { font-size: larger; line-height: 1.3em; }
.hide   { display: none; }
.clear  { clear: both; }

BODY { background-color: #D5D6D7; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.45em; color: #4b4b4b; letter-spacing: .01em;}

/* AREAS / STRUCTURE */
#wrapper              { width: 843px; height: 519px; background-color: white; margin: 40px auto; border: 1px solid #3A94C7; }
#header               { position: relative; height: 108px; background: white no-repeat top right; border-bottom: 1px solid #3A94C7; }
#mainarea             { /*margin-top: 59px;*/ height: 410px;}
#left                 { float: left; width: 172px; height: 346px; border-right: 1px solid #3A94C7; margin-right: 9px; margin-top: 5px;margin-top: 64px;}
#right                { /*display: none; */ float: right;}
#content              { overflow: hidden; padding: 0 10px 18px 0;  }

/* CONTENT STYLES */
H1 { height: 48px; text-indent: -10000px; margin-bottom: 8px; margin-left: -1px; background: no-repeat left; margin-top: 59px;}
H2 {  }
P  { margin: 0 0 10px 1px; }
#content IMG { float: right; border: 1px solid #3A94C7; margin-left: 42px; margin-top: 4px;}
#content H1 img {margin-top: 0px; margin-right: -4px;}
#content p.bodytext IMG { float: none; border: none; margin-left: 0px;}
#content UL, #content OL {  }
#content UL {	list-style-type: none;}
#content UL LI {background: url(bl_1px_hoch.gif) no-repeat 0px 7px; padding-left: 12px;}
#content OL LI {	padding-left: 12px;}
#content #text_container { overflow: auto; height: 295px;  }
#content .col1 { float: left; width: 47%; }
#content .col2 { float: right; width: 47%; }
#text_container img { float: none; margin-left: 0px; }

/* LOGO */
#logo { position: absolute; left: 0; top: 0; width: 229px; height: 89px; }

/* NAVIGATION */
/* Main */
#nav_main         { position: absolute; left: 172px; bottom: 0; }
#nav_main UL      { list-style-type: none; }
#nav_main LI      { float: left; position: relative; }
#nav_main A       { display: block; width: 131px; border-left: 1px solid #3A94C7; padding-left: 9px; line-height: 19px; color: #878787; }
#nav_main .dropdown A  { border: none; width: auto; line-height: auto; }
#nav_main .dropdown A.active { padding-left: 22px; background-position: 0 12px; }
#nav_main .dropdown LI { clear: both; }
#nav_main .current_page .dropdown { visibility: hidden; }
#nav_main LI:HOVER .dropdown, #nav_main LI.over .dropdown  { display: block; }

/* Sub */
#nav_sub UL       { list-style-type: none; }
#nav_sub A        { display: block; padding-left: 9px; line-height: 21px; color: #828282;  background: url(bl_nav.png) -13px 12px no-repeat;  }
#nav_sub A.active { padding-left: 22px; background-position: 0 12px; }

/*#nav_sub A.a {	color: #70C1EE;}*/
#nav_sub A.a:hover {	padding-left: 22px; background-position: 0 12px; color: #70C1EE;}
/*#nav_sub A.b {	color: #FFAE00;}*/
#nav_sub A.b:hover {	padding-left: 22px; background-position: 0 12px; color: #FFAE00;}
/*#nav_sub A.c {	color: #C0E027;}*/
#nav_sub A.c:hover {	padding-left: 22px; background-position: 0 12px; color: #C0E027;}
/*#nav_sub A.d {	color: #3A94C7;}*/
#nav_sub A.d:hover {	padding-left: 22px; background-position: 0 12px; color: #3A94C7;}

/* Dropdown */
.dropdown { position: absolute; top: 19px; left: 0; display: none; z-index: 1000; margin-left: -39px; width: 220px; background: url(bg_dropdown_bottom.png) bottom no-repeat; padding-bottom: 40px; border-top: 1px solid #3A94C7; }
.dropdown LI   { width: 140px; padding: 0 40px; background: url(bg_dropdown.png) repeat-y; }
.dropdown A    { display: block; line-height: 21px; color: #B4B4B6; background: url(bl_nav.png) -13px 12px no-repeat; }
.dropdown A.active { padding-left: 22px; background-position: 0 12px; }


/* KONTEXTABHÄNGIG */
/*.leistungen H1                     { background-image: url(bg_hl_leistungen.gif); }*/
.leistungen #header                { background-image: url(bg_header_leistungen.jpg); }
.leistungen #nav_sub A:HOVER,
.leistungen #nav_sub A.active,
#nav_main .leistungen A:HOVER,
#nav_main .leistungen .active,
#nav_main .leistungen .current_page,
#nav_main .leistungen .current_page_parent { color: #70C1EE; }

/*.produkte H1                       { background-image: url(bg_hl_produkte.gif); }*/
.produkte #header                  { background-image: url(bg_header_produkte.jpg); }
.produkte #nav_sub A:HOVER,
.produkte #nav_sub A.active,
#nav_main .produkte A:HOVER,
#nav_main .produkte .active,
#nav_main .produkte .current_page,
#nav_main .produkte .current_page_parent { color: #FFAE00; }

/*.service H1                        { background-image: url(bg_hl_service.gif); }*/
.service #header                   { background-image: url(bg_header_service.jpg); }
.service #nav_sub A:HOVER,
.service #nav_sub A.active,
#nav_main .service A:HOVER,
#nav_main .service .active,
#nav_main .service .current_page,
#nav_main .service .current_page_parent { color: #C0E027;}

/*.stm H1                            { background-image: url(bg_hl_stm.gif); }*/
.stm #header                       { background-image: url(bg_header_stm.jpg); }
.stm #nav_sub A:HOVER,
.stm #nav_sub A.active,
#nav_main .stm A:HOVER,
#nav_main .stm .active,
#nav_main .stm .current_page,
#nav_main .stm .current_page_parent { color: #70C1EE; color: #3A94C7;}

#content h1 img {
	border: none; float: left; margin-left: 0px;
}

.pagebrowser {	position:absolute; top:480px; font-weight: bold;}

.pagebrowser a {	color: #B4B4B6;}
.pagebrowser .selNav { color: #0189C7;}

BODY.ansprechpartner .content_wrapper {height: 294px; width: 662px; overflow: auto;}
BODY.ansprechpartner table tr td {width:195px; padding-bottom: 16px; padding-left: 0px; padding-top: 0px; padding-right: 0px;}

BODY.stm.referenzen #content {	padding-right: 0px;}
BODY.stm.referenzen #content p.bodytext {padding-right: 40px;}