/*CVS Add-ins*/
/* 
$Revision: 1.6 $
$Date: 2008/07/10 08:21:21 $
$RCSfile: basics.css,v $
author: APA
Copyright (c) A&B. face2net GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
basics.css for A & B Squid
05.05.2008 APA
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* verwendete Farben:
 colour code		colour			usage
  -----------		--------------	-------------------------------
	#fff			weiß / transparent			Hintergrund Hauptnavigation
	#00007D		blau				Navigation
	#ff0000		rot				Navigation hover
*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 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:#00007D;
}
body{
background-image:url(styleimages/bg_body05.jpg);
background-repeat:no-repeat;
background-position:0 0;
background-color:#fff;
}
table{
border-collapse:collapse;
}

a:link {text-decoration:none;}
a:hover {color:#e30037;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;
}

br.clear{
font-size:1px;line-height:1px;
padding:0;margin:0;border:0;
clear:both;
}


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

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

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

#contentStart{
position:absolute;top:275px;/* left:360px; */
left:360px;
width:725px; 
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;
float:left;
}

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

#contentStart table.gross{
border-collapse:collapse;
width:545px;height:180px;

}

#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:#CC8036;
}


#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 16px/140% arial, helvetica,sans-serif;
}

#contentStart table.topThema td a{
font-weight:bold;
text-decoration:none;
}
#contentStart table.topThema td a:hover{
text-decoration:underline;
}
#contentStart table.topThema img.animation {cursor:hand;cursor:pointer;display:none;}
#contentStart table.topThema img#squid01 {display:block;cursor:hand;cursor:pointer;}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* allgem. Content Angaben: */

#content div.hr{
padding:0;margin:10px 0;
width:100%;height:1px;
border-top:1px solid #EBAD71;
}

#content table{
border-collapse:collapse;
padding:0;margin:0;border:0;
}
#content table td{
vertical-align:top;
}

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

#content{
position:absolute;top:270px;/* left:360px; */
left:360px;
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{
font-weight:bold;text-decoration:none;
}
#content a:hover{
color:#ff000;
text-decoration:underline;
}

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

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

#content h4{
padding:0 18px 0 17px;margin:0;border:0; color:#00007D;
/* ausprobiert, bis oben und rechts tatsaechlich 18px dargestellt werden */
}
#content p{
padding:3px 18px 9px 17px;margin:0;border:0;color:#00007D;font-size:12px;
}
#content blockquote{
margin-top:5px;margin-bottom:5px;color:#00007D;font-size:12px;
}
#content h1{
margin-top:15px;
font-size:16px;font-weight:bold;
}
#content h2{
font-size:14px;font-weight:bold;
padding-top:3px;
}
#content h2.floatLeft{
float:left;padding-right:9px;
}
#content h3, #content h4{
font-size:12px;font-weight:bold;
}

#content p.error{
font-weight:bold; color:#ff0000;
padding-bottom:0;
}

#content ul{
padding:9px 18px 9px 32px;
color:#00007D;
list-style:square;
}

#content ul li{
font-size:12px;
padding-bottom:0.5em;
color:#00007D;
}

#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 #squid01,#content #squid02,#content #squid03,#content #squid04,#content #squid05 {
cursor:hand;cursor:pointer;
}

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

#pfad{
padding:14px 18px 0 18px;margin:0;border:0;
color:#999;
font-size:11px;font-weight:normal;
}
#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 #CC8036;
text-align:right;
}
div.hrTopOfPage a img{
padding:0;margin:0;border:0;
display:inline;
}


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

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

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

hr#footerstart{
color: #fff; border: 1px solid #fff; height: 1px; width:80px; margin-right: 180px; clear:both;
}

/* Opera ist ganz korrekt: */
#footer td a img{
padding:0;margin:0 6px 18px 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{
padding:18px 0 0 0;
}

#naviTable td.cell01 a{
font-size:0.75em;
display:block;

}
#naviTable td.cell01 span{
font-size:0.75em;
display:block;
}

#naviTable td.cell01 span.unsichtbar{
display:none;
}

#naviTable td.cell01 a.active{
font-weight:bold;
color:#00007D;
}

#naviTable td.cell01 div{
font-weight:bold;
color:#00007D;
margin-left:14px;
}
#naviTable td.cell01 img, #naviTable td.cell01 a img{
padding:0;margin:0;border:0;
/* padding:0;margin:17px 0 -5px 0;border:0; */
padding:0;margin:0 0 5px 0;border:0;
}


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


#naviTable td.nav01{}
#naviTable td.cell03{}
#naviTable td.nav02{
}

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

ul#navLevel01, ul#navLevel02{
padding:0;margin:20px 0px;border:0;
list-style-type:none;
}

ul#navLevel01 {margin-left:36px;}

ul#navLevel01 li, ul#navLevel02 li{
font:normal 12px/120% arial, helvetica,sans-serif;
padding:0;margin:0 0 7px 0;border:0;
color:#000;
}

ul#navLevel01 li * {
padding:0 3px 0 3px;
}

ul#navLevel01 li.active{
font:normal 12px/120% arial, helvetica,sans-serif;
padding:0;margin:0 0 7px 0;border:0;
}

ul#navLevel01 li.active span{
background: #ff0000 ;
color:#fff;
}

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

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

ul#navLevel02 li{
color:#fff;
}

ul#navLevel02 li.active{
background: #E79D55 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%;}

#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;
}
#naviTable td.cell03 table.topThema td p span.teaserTopic{
color:#E49242;font-weight:bold;line-height:100%;
}

#naviTable td.cell03 table.topThema td a{
text-decoration:none;font-weight:bold;color:#CC8036;
}
#naviTable td.cell03 table.topThema td a:hover{
text-decoration:underline;
}


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

#serviceNavTable{
background:transparent;
border-collapse:collapse;
position:absolute;top:11px;left:20px;
width:886px;height:77px;
z-index:10;
}

#serviceNavTable td{text-align:right;vertical-align:bottom;word-spacing:0;}

#serviceNavTable td a{
text-transform:uppercase;font-size:11px;color:#fff;
padding:0 5px 0 5px;text-decoration:none;font-weight:bold;
background:#00007D;word-spacing:0;margin-right:4px;display:inline;
}
#serviceNavTable td a:hover{
background:#ff0000;text-decoration:none;
}

#serviceNavTable td a.glossarLink{margin-left:96px;}
#serviceNavTable td span.spacer {width:230px;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* 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;
}

/* nur CMS: */
.cmslegend {
display:none;
}
.cmslabel {
padding:0 6px;
font-size:12px;
background-color:#EBAD71;color:#fff;
font-weight:bold;
width:160px;height:24px !important;
}

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



#content table.formular{
border-collapse:separate;
}
#content table.formular td{
/* background-color:#ccc; */
padding:0;margin:0;border:0;
border-bottom:7px solid #FFF;
vertical-align:middle;
}
#content table.formular td.label{
background-color:#EBAD71;
min-width:160px;
}

#content table.formular td.labelTextarea{
vertical-align:top;
background-color:#EBAD71;
}


#content table.formular input, #content table.formular textarea{
min-height:22px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
padding:3px;margin:0;border:1px solid #EBAD71;
width:334px;
}

#content table.formular input.checkbox{
min-height:22px;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
background-color:#EBAD71;
padding:0;margin:0;border:0;
width:25px;
}

#content table.formular input.formularButton{
/* border:1px solid #CC8036; */
padding:0;margin:0;border:0;
width:160px;min-height:22px !important;
display:block;
}

#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:#FFF;
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: transparent url(/images/icon_navLevel01active.gif) no-repeat 0 3px;
}
#content ul.sitemap li a:hover{
text-decoration:underline;
}

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

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

#content2cols td{
vertical-align:top;background-color:#fff;
}

#contentVerlaengerung2cols{
background-color: transparent;
position:absolute;bottom:0;
left:40ex;
width:540px;height:100%;
z-index:0;
}

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

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

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

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



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* (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 div.a-zLinks{
margin:0 0 18px 0;padding:18px;
border-bottom:1px solid #EBAD71;
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{
text-decoration:none;
}

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

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

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

#content div.back_top a{ background: transparent 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: transparent 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: transparent 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;}

/* firmenlinks */
#ab1Link a, #ab2Link a, #ab3Link a, #ab4Link a, #ab5Link a{ display: block; width:180px;height:180px; }
#ab1Link, #ab2Link, #ab3Link, #ab4Link, #ab5Link{ position:absolute; top:270px;width:180px;height:180px; 
background: url(/images/abgroup/logo/bg_one.jpg) no-repeat bottom right; z-index:10;  }
#ab1Link a:hover, #ab1Link a:focus, #ab1Link a:active, 
#ab2Link a:hover, #ab2Link a:focus, #ab2Link a:active,
#ab3Link a:hover, #ab3Link a:focus, #ab3Link a:active,
#ab4Link a:hover, #ab4Link a:focus, #ab4Link a:active,
#ab5Link a:hover, #ab5Link a:focus, #ab5Link a:active{ background: url(/images/abgroup/logo/bg_one_hover.jpg) no-repeat bottom right; }

#ab1Link{ left:0;  }
#ab1Link a:hover, #ab1Link a:focus, #ab1Link a:active{ }

#ab2Link{ left:180px; background-image:url(/images/abgroup/logo/bg_fw.jpg);}
#ab2Link a:hover, #ab2Link a:focus, #ab2Link a:active{ background-image: url(/images/abgroup/logo/bg_fw_hover.jpg); }

#ab3Link{ left:360px;background-image:url(/images/abgroup/logo/bg_f2n.jpg); }
#ab3Link a:hover, #ab3Link a:focus, #ab3Link a:active{background-image: url(/images/abgroup/logo/bg_f2n_hover.jpg);}

#ab4Link{ left:540px; background-image:url(/images/abgroup/logo/bg_fd.jpg);}
#ab4Link a:hover, #ab4Link a:focus, #ab4Link a:active{background-image: url(/images/abgroup/logo/bg_fd_hover.jpg);}

#ab5Link{ left:720px; top:270px; background-image:url("/images/abgroup/logo/bg_sq.gif");}
#ab5Link img{ display: none;}
#ab5Link a:hover, #ab5Link a:focus, #ab5Link a:active{background-image: url("/images/abgroup/logo/bg_sq_hover.gif");}
#ab5Link a.en:hover, #ab5Link a.en:focus, #ab5Link a.en:active{background-image: url("/images/abgroup/logo/bg_sq_hover_en.gif");}