/*CVS Add-ins*/
/*
$Revision: 1.9 $
$Date: 2006/01/24 17:01:08 $
$RCSfile: basics.css,v $
Authors: MSC, JDE
Copyright (c) A&B. face2net GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    basics.css for A&B face2net
    06.07.2005 JDE
	Minor Update: 09.11.2005 MSC 
	Minor Update: 23.12.2005 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

    colour code		colour			usage
    -----------		--------------	-------------------------------
    #00597D			dark blue	1	background
	#19698A			dark blue	2	subnav background
	#40839E			blue		1	Textlinks,
									service-hover
	#EAF1F5			light blue		content, teaser background
	#83AEC0			blue 		2	footer text
        #00AADC                                         Partner background

	
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 	Global and general styles:
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics */


html, body, div, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, span, a, table, td, form, img, li, textarea, input {
padding:0;margin:0;border:0;
font:100.01%/140% Arial, Helvetica, sans-serif;
color:#000;
}
body{
background:#00597D url(/images/bg_main.gif) scroll repeat-x 0 0;
}
table{
border-collapse:collapse;
}



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

.unsichtbar{display:none;}
.inline{display:inline;}

img{display:block;}

strong {font-weight:bold;}

#accessibility{display:none;}

/* Nur fuer die Darstellung im CMS: */
.cms{
font-size:11px;color:#960;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Die Hauptelemente: */

#mainPic{
position:absolute;top:90px;left:0;
width:360px;height:90px;
z-index:10;
}
#mainLogo{
position:absolute;top:90px;left:360px;
width:560px;height:180px;
z-index:10;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Startseite: */

#contentStart{
position:absolute;top:270px;/* left:360px; */
left:40ex;
width:540px;min-height:180px;
}


/* NaviTabelle nur einzeilig auf Startseite: */
#naviTable.naviTableStart{
position:absolute;top:270px;left:0;
width:40ex; /* height:360px; */
height:20ex;
}

/* + + + + + + + + + + + + + + + */
/* Startseiten-Teaser-Unit: */

#contentStart table.topThema{
border-collapse:collapse;
width:180px;height:180px;
background:#EAF1F5;
float:left;
}

#contentStart table#flashticker{
background:#000 url(/images/bg_flashticker.jpg) no-repeat 0 0;

}

#contentStart table#flashticker tr td{				
vertical-align:middle;	margin:0;padding:0;	text-align:left; 
}
#contentStart table#flashticker div{				
padding:5px 10px 5px 22px;
}
#contentStart table#flashticker hr{				
 background: #fff; height: 1px; color:#fff; border: 0px solid #fff; 
}

#contentStart table#flashticker h2{				
 color:#fff; font: normal 16px/140% arial, helvetica,sans-serif;
 padding:10px 0; margin:0px;
}

#contentStart table#flashticker h2 a {				
 color:#fff; text-decoration: none; font-weight: normal;
}

#contentStart table#flashticker h2 a:active, #contentStart table#flashticker h2 a:hover, #contentStart table#flashticker h2 a:focus{				
 color:#fff; text-decoration: underline;
}



#contentStart table.topNews{
border-collapse:collapse;
width:180px;height:180px;
background:#EAF1F5 url(/images/bg_teaserStart.jpg) no-repeat;
float:left;
}

#contentStart table.gross{
border-collapse:collapse;
width:360px;height:180px;
background:#EAF1F5;
float:left;
}

#contentStart table.gross td h1{
text-transform:uppercase;
padding: 15px 18px 0 18px;
margin:0 0 -8px 0; /* Um den Abstand zwischen h1 und h2 zu verkleinern... */
border:0;
font:bold 16px/140% arial, helvetica,sans-serif;
color:#40839E;
}





#contentStart table.topThema td{
text-align:left;vertical-align:top;
}
#contentStart table.topThema td.moreButton{
text-align:right;vertical-align:bottom;
}
#contentStart table.topThema td.moreButton img{
display:inline;line-height:18px;
}


#contentStart table.topThema td p{
padding: 3px 18px;margin:0;border:0;
font:normal 12px/140% arial, helvetica,sans-serif;
}
#contentStart table.topThema td h2{
padding:15px 18px 3px 18px;margin:0;border:0;
font:normal 12px/140% arial, helvetica,sans-serif;
}

#contentStart table.topThema td a{
font-weight:bold;color:#40839E;
text-decoration:none;
}
#contentStart table.topThema td a:hover, #contentStart table.topThema td a:active, #contentStart table.topThema td a:focus{
text-decoration:underline;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* allgem. Content Angaben: */

#content div.hr{
padding:0;margin:10px 0;
width:100%;height:1px;
/* border-top:1px solid #bf928c; */
border-top:1px solid #83AEC0;
}

#contentVerlaengerung{
background: #EAF1F5 url(/images/bg_contentVerlaengerung.gif) repeat-x 100% 0;
position:absolute;bottom:0;
left:40ex;
width:540px;height:100%;
z-index:0;
}

#content{
background-color:#EAF1F5;
position:absolute;top:270px;/* left:360px; */
left:40ex;
width:540px;min-height:360px;
z-index:10;
}
#content img.rubrikBild{
padding:0;margin:0 0 3px 9px;border:0;
display:block;
float:right;
}


#content table.portraitUndName{
padding:0;margin:18px 8px 18px 28px;border:0;
float:left;
width:140px; 
}
#content table.portraitUndName a{
padding:0;margin:0;border:0;
font-size:11px;
line-height:200%;
}


#content a{
color:#40839E;font-weight:bold;text-decoration:none;
}
#content a:hover, #content a:active, #content a:focus {
text-decoration:underline;
}

#content a.blaettern{
padding:0 0.2em;
}
#content span.aktiv{
color:#40839E;font-weight:bold;
text-decoration:underline;
padding:0 0.2em;
}

#content h1,#content h2, #content h3{
padding:12px 18px 0 18px;margin:0;border:0;
}
#content h4{
padding:0 18px 0 17px;margin:0;border:0; 
/* ausprobiert, bis oben und rechts tatsaechlich 18px dargestellt werden */
}

#content p{
padding:3px 18px 9px 18px;margin:0;border:0;
}

#content h1{
font-size:16px;font-weight:bold;
color:#40839E;
}
#content h2{
font-size:14px;font-weight:bold;
}
#content h3,#content h4{
font-size:12px;font-weight:bold;
}
#content p{
font-size:12px;
}
#content p.error{
font-weight:bold; color:#DE1C03;
padding-bottom:0;
}

#content ul{
padding:9px 18px 9px 32px;
}
#content ul li{
font-size:12px;
padding-bottom:0.5em;
list-style-image:url(/images/listDot.gif);
}
#content ul.referenzen li{
padding-bottom:0.6em;
}

#content ol{
padding:9px 18px 9px 42px;
}
#content ol li{
font-size:12px;
padding-bottom:0.5em;
}


#content table.bildUnterschriftRechts{
padding:0;border:0;
border-collapse:collapse;
margin:3px 18px 3px 6px;
float:right;
}
#content table.bildUnterschriftLinks{
padding:0;border:0;
border-collapse:collapse;
margin:3px 6px 3px 18px;
float:left;
}

#content table.bildUnterschriftLinks td.bildLegende a, #content table.bildUnterschriftRechts td.bildLegende a{
padding:3px 18px;margin:0;border:0;
background:url(/images/iconLupe.gif) no-repeat 0 50%;
font-size:11px;
}

#content img.bildLinks{
padding:0;margin:3px 6px 3px 18px;border:0;
float:left;
}
#content img.bildRechts{
padding:0;margin:3px 18px 3px 6px;border:0;
float:right;
}

#content div.video{
padding:25px 0 5px 0;
text-align:center;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* der Pfad im content: */

#pfad{
padding:14px 18px 0 18px;margin:0;border:0;
color:#999;
font-size:11px;font-weight:normal;
background:#EEEDED;
}
#pfad a{
padding:0;margin:0;border:0;
color:#999;font-weight:normal;
}
#pfad span.active{
color:#999;
font-weight:bold;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Top Of Page Unit: */

div.hrTopOfPage{
padding:0;margin:18px 0 18px 0;border:0;
width:540px;
/* border-bottom:1px solid #bf928c; */
border-bottom:1px solid #83AEC0;
text-align:right;
}
div.hrTopOfPage a img{
padding:0;margin:0;border:0;
display:inline;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* der footer im content: */
#footer{
padding:0;margin:18px 0 18px 0;border:0;
width:540px;
}

#footer td p{
padding:0 18px 0 0;margin:0;border:0;
font:normal 11px/120% arial, helvetica, sans-serif;
color:#83AEC0;
}

#footer td{
border-top:1px solid #83AEC0;
}

/* Opera ist ganz korrekt: */
#footer td a img{
padding:0;margin:0 6px 0 0;border:0;
display:inline;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Die Haup-Navigations-Tabelle: */


#naviTable{
position:absolute;top:270px;left:0;
width:40ex; /* height:360px; */
height:40ex;
z-index:10;
}

#naviTable td.cell01, #naviTable td.nav01, #naviTable td.cell03, #naviTable td.nav02{
width:20ex;height:180px;
text-align:left;vertical-align:top;
}

/* + + + + + + + + + + + + + + + */
/* Links zur Unternehmensgruppe */
#naviTable td.cell01{
/*background:#40839E;*/
background:#00AADC;
/*padding-top: 10px;*/
padding-top: 0;
}
#naviTable td.cell01 img, #naviTable td.cell01 a img{
background:#40839E;
padding:0;margin:0px 0 0 0;border:0;
/* padding:0;margin:17px 0 -5px 0;border:0; */
padding:0;margin:8px 0 0 0;border:0;

}
/* #naviTable td.cell01 a img{
background:#40839E;
padding:0;margin:11px 0;border:0;
} */
/* + + + + + + + + + + + + + + + */


#naviTable td.nav01{
background:#fff;
}
#naviTable td.cell03{
/* background:#EAF1F5 url(/images/bg_teaser.gif) repeat-x; */
}
#naviTable td.nav02{
/* background:#59a5b1; */
background:#19698A;
}

/* + + + + + + + + + + + + + + + */
/* navLevel01 und 02: */

ul#navLevel01, ul#navLevel02{
padding:0;margin:12px 18px 10px;border:0;
list-style-type:none;
}
ul#navLevel01 li, ul#navLevel02 li{
font:normal 12px/120% arial, helvetica,sans-serif;
padding:0;margin:0 0 7px 18px;border:0;
color:#000;
}
ul#navLevel01 li.active{
background: #fff url(/images/icon_navLevel01active.gif) no-repeat 0 2px; /* 3px fuer Win IE */
/* font:normal 12px/120% arial, helvetica,sans-serif; */
padding:0 0 0 18px;margin:0 0 7px 0;border:0;
}

ul#navLevel01 li a{
font:normal 12px/120% arial, helvetica,sans-serif;
color:#000;text-decoration:none;
}
ul#navLevel01 li a:hover, ul#navLevel01 li a:focus, ul#navLevel01 li a:active, ul#navLevel02 li a:hover, ul#navLevel02 li a:focus, ul#navLevel02 li a:active{
text-decoration:underline;
}

/* + + + + + + + + + + + + + + + */
/* navLevel02: */

ul#navLevel02 li{
color:#fff;
}

ul#navLevel02 li.active{
background: #19698A url(/images/icon_navLevel02active.gif) no-repeat 0 2px; /* 3px fuer Win IE */
/* font:normal 12px/120% arial, helvetica,sans-serif; */
padding:0 0 0 18px;margin:0 0 9px 0;border:0;
}

ul#navLevel02 li a{
font:normal 12px/120% arial, helvetica,sans-serif;
color:#fff;text-decoration:none;
}


/* + + + + + + + + + + + + + + + */
/* Topthema Teaser Zelle: */

#naviTable td.cell03 table.topThema{
border-collapse:collapse;
width:100%;height:100%;
background:#EAF1F5;
}

#naviTable td.cell03 table.topThema td{
text-align:left;vertical-align:top;
}
#naviTable td.cell03 table.topThema td.moreButton{
text-align:right;vertical-align:bottom;
}
#naviTable td.cell03 table.topThema td.moreButton img{
display:inline;line-height:18px;
}


#naviTable td.cell03 table.topThema td p{
padding:15px 18px 3px 18px;margin:0;border:0;
font:normal 12px/120% arial, helvetica,sans-serif;
background:#EAF1F5;
}
#naviTable td.cell03 table.topThema td p span.teaserTopic{
color:#40839E;font-weight:bold;line-height:100%;
}

#naviTable td.cell03 table.topThema td a{
text-decoration:none;font-weight:bold;color:#40839E;
}
#naviTable td.cell03 table.topThema td a:hover, #naviTable td.cell03 table.topThema td a:focus, #naviTable td.cell03 table.topThema td a:active{
text-decoration:underline;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Tabelle Servicenavigation: */
/* #serviceNavTable */

#serviceNavTable{
border-collapse:collapse;
position:absolute;top:0;left:0;
width:900px;height:90px;
background:#00597D;
z-index:10;
}
#serviceNavTable td{
text-align:right;vertical-align:bottom;
}

#serviceNavTable td a{
text-transform:uppercase;font-size:11px;color:#fff;
padding-left:1ex;text-decoration:none;font-weight:bold;
}
#serviceNavTable td a:hover, #serviceNavTable td a:focus, #serviceNavTable td a:active{
color:#83AEC0;text-decoration:none;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Formulare: */

#content form, #content fieldset, #content table.formular{
width:504px;
padding:0;margin:0;border:0;
}

#content form{
padding:16px;
}
#content form fieldset legend{
display:none;
}

#content form fieldset label{
padding:0 6px;
font-size:12px;
background-color:#83AEC0;color:#fff;
font-weight:bold;
}

#content table.formular{
border-collapse:separate;
}
#content table.formular td{
/* background-color:#ccc; */
border-bottom:7px solid #EAF1F5;
vertical-align:middle;
}
#content table.formular td.label{
background-color:#83AEC0;
}
#content table.formular td.labelTextarea{
vertical-align:top;
background-color:#83AEC0;
}

#content table.formular input, #content table.formular textarea{
min-height:25px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-color:#EAF1F5;
padding:3px;margin:0;border:1px solid #83AEC0;
width:334px;
}
#content table.formular input.formularButton{
/* border:1px solid #9c5b52; */
padding:0;margin:0;border:0;
width:160px;height:22px;
}

#content table.formular td h2.formZwischenH2{
padding:0;margin:0;border:0;
}

#content form fieldset table.formular select{
min-height:22px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-color:#EAF1F5;
padding:0;margin:0;border:0;
width:340px;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Sitemap: */

#content ul.sitemap{
padding:9px 18px 9px 20px;
}
#content ul.sitemap li{
list-style-image:none;
list-style-type:none;
}
#content ul.sitemap li a{
padding:0 0 0 14px;margin:0;border:0;
font-weight:normal;color:#000;text-decoration:none;
background: #EAF1F5 url(/images/icon_navLevel01active.gif) no-repeat 0 3px;
}
#content ul.sitemap li a:hover, #content ul.sitemap li a:focus, #content ul.sitemap li a:active{
text-decoration:underline;
}

/* Level 2: */
#content ul.sitemap li ul li a{
background: #EAF1F5;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Sonderfall: 2-spaltiger Content: */

#content2cols{
/* tja, geht auch so... */
}

#content2cols td{
vertical-align:top;
}

#contentVerlaengerung2cols{
background: #EAF1F5 url(/images/bg_contentVerlaengerung2cols.gif) repeat-x;
position:absolute;bottom:0;
left:40ex;
width:540px;height:100%;
z-index:0;
}

#content.content2cols{
background: #EAF1F5 url(/images/bg_content2cols.gif) repeat-y;
}

#content2cols td.colRight ul{
padding-top:13px;
}

#content2cols td.colRight ul li.active{
font-weight:bold;color:#00758C;
text-decoration:underline;
}

#content2cols td.colRight img.referenzBild{
padding:0;margin:18px 18px 3px 18px;border:0;
}

/* Bild vergroessern Referenz Detail rechte Spalte */
#content2cols table.bildUnterschriftReferenz{
padding:0;border:0;
border-collapse:collapse;
margin:0;
}

#content2cols table.bildUnterschriftReferenz td.bildLegende a {
padding:3px 18px;margin:0 0 0 18px;border:0;
background:url(/images/iconLupe.gif) no-repeat 0 50%;
font-size:11px;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* (Referenzdatenbank) neu von MSC am 11.04.2005: */

#content p.referenzVon{
padding:2px 6px;margin:18px 18px 0 18px;
background-color:#80BBC3;
color:#fff;
font-weight:bold;
}
#content p.referenzVon a:link,#content p.referenzVon a:active,#content p.referenzVon a:visited,#content p.referenzVon a:hover{
color:#fff;
text-decoration:none;
}

#content div.a-zLinks{
margin:0 0 18px 0;padding:18px;
border-bottom:1px solid #80BBC3;
font:bold 12px/160% arial, helvetica,sans-serif;
}

#content div.a-zLinks a{
margin:0 0.6em 0 0;
text-decoration:underline;
}
#content div.a-zLinks a:hover, #content div.a-zLinks a:active, #content div.a-zLinks a:focus{
text-decoration:none;
}

#content div.a-zLinks span.letterNotLinked{
margin:0 0.6em 0 0;
font:bold 12px/160% arial, helvetica,sans-serif;
color:#00758C;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* 1px Rahmen um die vergroesserte Referenz - MSC am 13.10.2005: */

/*
Farbwerte:
a-b		#80BBC3
f2n		#83AEC0
fd		#BF928C
framework	#F5E8B3
*/



p.zoomedReference img{
width:501px;
border:1px solid #83AEC0;
}

p.zoomedReference a{
margin:0;padding:0;border:0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* virtuelle Seiten im Themenbereich: */

#content .virtual h1{ width: 290px; }

#content div.back_top a{ background: #EAF1F5 url(/images/icon_backwards.gif) no-repeat left center; padding-left: 16px; font-size:12px; }
#content div.back_top{ margin-top: 13px; width: 200px; float: right; }

#content p.forward_bottom a{ background: #EAF1F5 url(/images/icon_forwards.gif) no-repeat left center; padding-left: 16px; }
#content p.forward_bottom{ clear: both; margin: 22px 0px 0px 0px; padding-bottom:0; }


#content p.backward_bottom a{ background: #EAF1F5 url(/images/icon_backwards.gif) no-repeat left center; padding-left: 16px; }
#content p.backward_bottom{ margin: 22px 0px 0px 0px; padding-bottom:0; }

#content .virtual img{float: left; margin: 6px 10px 6px 18px;}