/*CVS Add-ins*/
/*
$Revision: 1.37 $
$RCSfile: nav.css,v $
Authors: JDE
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
  nav.css fuer dt. Technikmuseum Berlin (Navigationselemente)
  02.07.2007 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* skip navigation */

#direct a{
 position: absolute; top: -20000em; left:-2000em; display: block; 
 padding: 5px 3px 2px 12px; height: 2em; 
 background-color: #000; color: #e1d8ce; 
 font-size: .82em; font-weight: bold; text-decoration: none;
}

#direct a:focus { position: static; text-decoration: none; }
#direct a:hover, #direct:active { position: static; text-decoration: underline; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* standort - websites */
#websites, #websites_scale{ 
 clear: both; position: relative; top:0; left:0; 
 padding: 8px 0 0 0; width: 100%; min-width: 700px; 
 text-align: right; background: #a6998a;
}

#websites_scale{ text-align: left; }

#websites ul, #websites_scale ul{
 list-style-type: none; 
 font-size: 0.69em;
 min-width: 770px;
}
#websites_scale ul{ clear: both; }
#websites ul:after{ content: "."; clear: both; display: block; height:0; visibility: hidden; }

#websites li{ 
 background: #a6998a url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_list.jpg") repeat-x top; 
 display: block; float: right; 
 text-align: center; line-height:120%; 
}

#websites_scale li{background: #a6998a; float: left; width: 50%; }

#websites li#arc{ padding-right: 6px; background-repeat: no-repeat; background-position: right top; }

#websites li#zei a, #websites li#zei strong { max-width: 205px; }
#websites li#arc a, #websites li#arc strong { max-width: 195px; }
#websites li#zuc a, #websites li#zuc strong { max-width: 148px; }

#websites li a, #websites li span.active,
#websites_scale li a, #websites_scale li span.active{
 display: block; padding: 2px 3px 4px; 
 text-decoration: none; text-transform: uppercase; font-weight: bold;
}

#websites li a, #websites_scale li a{ margin: 8px 1px 0 1px; border: 1px solid #fff; color: #000; }

#websites li a, #websites_scale li a{ background: #fdc82f; }
#websites li a:hover, #websites_scale li a:hover,
#websites li a:focus, #websites_scale li a:focus,
#websites li a:active, #websites_scale li a:active{ background-color: #fff; text-decoration: underline; }

#websites li.active span.active{ background: #fff; border: 1px solid #fff; font-size: 1.06em; }

#websites li.active strong{
 min-height: 1.6em; display: block; padding: 7px 3px 0; 
 border: 1px solid #fff; border-right-color: #625244; border-top-color: #625244;
}

#websites li.active span.active{
 margin:0; padding:2px 0 0 0; border:0; 
 background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_strong.gif") no-repeat;
}
#websites_scale li.active span.active{
 margin: 8px 1px 0 1px; 
 border: 1px solid #fff; color: #000;
 background: #fff;
}
#websites li.active{
 position: relative; z-index: 200; 
 margin-right: 0; min-height: 1em; 
 background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_list_act.gif") no-repeat right 0;
}

#websites p.sti{
 text-align: left; margin:4px 0 0 0; padding:0;
 font-size: 0.69em; float: left; line-height:120%; 
 text-transform: uppercase; font-weight: bold; 
 background: url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_p.jpg") repeat-x left top; 
}
#websites_scale p.sti{
 font-size: 0.75em; float: left; line-height:120%; 
 text-transform: uppercase; font-weight: bold;  
}
#websites p.sti span.sti{
 display: block; padding: 0 12px 0 0; 
 background: url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_p_r.jpg") no-repeat right top;
}
#websites_scale p.sti span.sti{
 display: block; padding: 0 12px 0 0; 
 background: url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_p_r.jpg") no-repeat right top;
}
#websites p.sti a {
 display: block; 
 background: url("/fileadmin/templates/css/styleimages/navigation/bg_websites_shadow_p_l.jpg") no-repeat left top;
 padding: 7px 3px 4px 12px; line-height:140%; 
 text-decoration: none; text-transform: uppercase; font-weight: bold;
 color: #000;
}

#websites p.sti a:hover, #websites_scale p.sti a:hover,
#websites p.sti a:focus, #websites_scale p.sti a:focus,
#websites p.sti a:active, #websites_scale p.sti a:active{ 
 color: #000; text-decoration: underline;
}

#websites #opaque {
 position: absolute; bottom: 0; right: 0; z-index: 100;
 display: block; height: 4px; width:100%;
 background: #6D5C4C; opacity: .2; 
}
#websites #opaque2 {
 position: absolute; bottom: 0; right: 0; z-index: 90;
 display: block; height: 3px; width:100%;
 background: #6D5C4C; opacity: .3; 
}
#websites #opaque3 {
 position: absolute; bottom: 0; right: 0; z-index: 80;
 display: block; height: 2px; width:100%;
 background: #6D5C4C; opacity: .8; 
}
#websites #opaque4 {
 position: absolute; bottom: 0; right: 0; z-index: 80;
 display: block; height: 1px; width:100%;
 background: #6D5C4C; 
}
#websites #opaque5 { display: none; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* servicenavigation und hauptnavigation */

#header ul{ list-style-type: none; width: 100%; }
#header ul li{ display: block; }
#header ul li a, 
#header ul li strong{ font-weight: bold; text-transform: uppercase; text-decoration: none; display: block; padding: 0 2px 0 12px; }

/*servicenavi*/
#header #navService{ display: block; }

#header #navService ul{ background:#e1d8ce; padding: 4px 0 2px 0; }
#header #navService ul li{ font-size: 0.75em; letter-spacing: .019em; }
#header #navService ul li{ background: #e1d8ce url("/fileadmin/templates/css/styleimages/navigation/bg_serv_english.gif") no-repeat 9px 2px; }

#header #navService ul li.german{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_german.gif"); }
#header #navService ul li.serv_02{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_search.gif"); }
#header #navService ul li.serv_03{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_sitemap.gif"); }

#header #navService ul li a { color: #000; padding-bottom: 1px; padding-left: 43px; border-top: 1px solid #e1d8ce; border-bottom:1px solid #e1d8ce; }
#header #navService ul li a:hover, 
#header #navService ul li a:focus, 
#header #navService ul li a:active{ color: #fff; background: #625244 url("/fileadmin/templates/css/styleimages/navigation/bg_serv_english_hover.gif") no-repeat 9px 1px; border-top-color:#fff; border-bottom-color:#fff; }

#header #navService ul li.german a:hover, 
#header #navService ul li.german a:focus, 
#header #navService ul li.german a:active{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_german_hover.gif"); }
#header #navService ul li.serv_02 a:hover, 
#header #navService ul li.serv_02 a:focus, 
#header #navService ul li.serv_02 a:active{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_search_hover.gif"); }
#header #navService ul li.serv_03 a:hover, 
#header #navService ul li.serv_03 a:focus, 
#header #navService ul li.serv_03 a:active{ background-image: url("/fileadmin/templates/css/styleimages/navigation/bg_serv_sitemap_hover.gif"); }

#header #navService ul li strong{ color: #000; padding-bottom: 1px; padding-left: 43px; border-top: 1px solid #e1d8ce; border-bottom:1px solid #e1d8ce; }
#header #navService ul li.serv_02 strong{ background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_serv_search_sactive.gif") no-repeat 9px 1px; }
#header #navService ul li.serv_03 strong{ background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_serv_sitemap_sactive.gif") no-repeat 9px 1px; }
#header #navService ul li.active{ background: #fff; }

/*hauptnavi*/
#header #navMain{ display: block; }

#header #navMain ul{ background: #625244; }
#header #navMain ul li{ background: #625244 url("/fileadmin/templates/css/styleimages/navigation/bg_navMain.gif") no-repeat 8px 4px; }

#header #navMain ul li a,
#header #navMain ul li strong{ font-size: 0.88em; letter-spacing: .019em; padding: 4px 0 2px 43px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#header #navMain ul li a{ color: #fff; border-top-color:#625244; border-bottom-color:#625244; }

#header #navMain ul li strong{ color: #000; background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_navMain_sactive.gif") no-repeat 8px 2px; }
#header #navMain ul li a.active strong{ font-size: 100%;color: #fff; background: transparent; padding:0;border:0; }
#header #navMain ul li a.active:hover strong, 
#header #navMain ul li a.active:focus strong, 
#header #navMain ul li a.active:active strong{ color: #000; }

#header #navMain ul li a:hover, 
#header #navMain ul li a:focus, 
#header #navMain ul li a:active { 
 background:#e1d8ce url("/fileadmin/templates/css/styleimages/navigation/bg_navMain_hover.gif") no-repeat 8px 2px; 
 color: #000; border-top-color:#fff; border-bottom-color:#fff; 
}
#header #navMain ul li.active{ background-color: #625244; }
#header #navMain ul li.active a.active{ border-color: #fff; }

/*Subnav*/
#header .specialnavbox #navSub{ min-height: 295px; }

/*2.Ebene*/
#header #navSub{ display: block; }

#header #navSub ul{ background: #fdc82f; padding: 7px 0 2px 0; list-style-type: none; }
#header #navSub ul li{ 
font-size: 0.88em; padding:0; 
background: #fdc82f url("/fileadmin/templates/css/styleimages/navigation/bg_navSub.gif") no-repeat 0 4px; }

#header #navSub ul li strong, 
#header #navSub ul li a{text-transform: none; }

#header #navSub ul li a{ color: #000; padding: 4px 2px 3px 25px; border-top: 2px solid #fdc82f; border-bottom: 2px solid #fdc82f; }

#header #navSub ul li a:hover, 
#header #navSub ul li a:focus, 
#header #navSub ul li a:active,
#header #navSub ul li a.active:hover, 
#header #navSub ul li a.active:focus, 
#header #navSub ul li a.active:active{ 
background: #fee497 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub_hover.gif") no-repeat 0 2px; border-color: #fff; }

#header #navSub ul li a.active{ 
background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_navSub_aactive.gif") no-repeat 0 2px; border-color: #fff; }

#header #navSub ul li strong{ 
color: #fff; 
border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 4px 2px 3px 25px; 
background: #625244 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub_sactive.gif") no-repeat 1% 50%; }

#header #navSub ul li a.active strong{ color: #000; background: transparent; border:0; padding:0; }

/*3.Ebene*/
#header #navSub ul li ul{ padding: 0; border: 2px solid #fff; margin: -2px 0 2px 20px; width: 88%; background: #fee497; }
#header #navSub ul li ul li{ 
font-size: 100%; font-weight: normal; padding: 0; margin: 0; 
background: #fee497 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub2.gif") no-repeat 0 4px; border-color:#feefc1; }

#header #navSub ul li ul li a{ margin: 0; border-color:#fee497; padding: 2px 2px 2px 23px; font-weight: normal; }
#header #navSub ul li ul li a:hover,
#header #navSub ul li ul li a:focus,
#header #navSub ul li ul li a:active{
background: #feefc1 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub2_hover.gif") no-repeat 0 2px; border-color: #fff;
padding: 2px 2px 2px 23px; }

#header #navSub ul li ul li a.active{ background: #fff url("/fileadmin/templates/css/styleimages/navigation/bg_navSub2_aactive.gif") no-repeat 0 2px; }
#header #navSub ul li ul li a.active:hover, 
#header #navSub ul li ul li a.active:focus, 
#header #navSub ul li ul li a.active:active{ background: #feefc1 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub2_hover.gif") no-repeat 0 2px; }

#header #navSub ul li ul li strong{ font-weight: normal; background: #625244 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub2_sactive.gif") no-repeat 1% 50%; }

/*4.Ebene*/
#header #navSub ul li ul li ul{ padding: 0; border: 0; margin: 0; width:100%; background: #fee497; }
#header #navSub ul li ul li ul li{ font-size: .88em; background: #fee497 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub3.gif") no-repeat 12px 4px; border-color: #feefc1; }
#header #navSub ul li ul li ul li a,
#header #navSub ul li ul li ul li strong{ margin: 0; padding: 0 2px 0 33px; }
#header #navSub ul li ul li ul li a:hover,
#header #navSub ul li ul li ul li a:focus,
#header #navSub ul li ul li ul li a:active{
padding: 0 2px 0 33px; background: #feefc1 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub3_hover.gif") no-repeat 12px 2px; }

#header #navSub ul li ul li ul li strong{
padding: 2px 2px 1px 33px; background: #625244 url("/fileadmin/templates/css/styleimages/navigation/bg_navSub3_sactive.gif") no-repeat 12px 1px; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* navboxen und quicklinks rechte spalte */
#header #navQuicklinks,
#header #navTeaser,
#header #navTeaser2{ /*background: #fff;*/ padding: 23px 0 0; }
#header #navBanner{ /*background: #fff;*/ padding: 20px 0 0; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#navBanner_Flash {
border:2px solid #FDC82F;
margin-top:20px;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#header #navQuicklinks h3,
#header #navTeaser h3,
#header #navTeaser2 h3{ background: #fdc82f; padding: 3px 10px 2px 10px; font-size: .82em; letter-spacing: .019em; text-transform: uppercase; }

#header #rssbox{ width: 230px; background: #e1d8ce url("/fileadmin/templates/css/styleimages/bg_rss.gif") no-repeat 8px 14px; margin-top: 23px; padding: 14px 10px; }
#header #rssbox a:link,
#header #rssbox a:visited{ color: #000; font-size: .75em; font-weight: bold; text-decoration: none; padding: 2px 0 6px 27px; }
#header #rssbox a:hover,
#header #rssbox a:focus,
#header #rssbox a:active{ text-decoration: underline; background: url("/fileadmin/templates/css/styleimages/bg_rss_hover.gif") no-repeat -2px 2px; }

#header #navQuicklinks h3{ border-bottom: 2px solid #fff; }
#header #navQuicklinks ul{ background: #e1d8ce; padding: 6px 0 3px; }
#header #navQuicklinks li{ background: #e1d8ce url("/fileadmin/templates/css/styleimages/bg_quick_more.gif") no-repeat 7px 0; }
#header #navQuicklinks ul a{ color: #000; font-size: .75em; letter-spacing: .019em; padding: 4px 4px 6px 37px; }
#header #navQuicklinks ul a:hover,
#header #navQuicklinks ul a:focus,
#header #navQuicklinks ul a:active{ 
text-decoration: underline; background: url("/fileadmin/templates/css/styleimages/bg_quick_more_hover.gif") no-repeat 7px 0; }

#header #navQuicklinks ul a strong,
#header #navTeaser ul a strong,
#header #navTeaser2 ul a strong{ 
background: url("/fileadmin/templates/css/styleimages/bg_head_more_hover.gif") no-repeat -1px -1px; margin: -3px 0 0 -30px; padding: 2px 0 1px 30px; }

#header #navTeaser ul strong,
#header #navTeaser2 ul strong{ 
background: url("/fileadmin/templates/css/styleimages/bg_head_more_hover.gif") no-repeat 4px 0; padding: 4px 4px 6px 35px;  }

#header #navQuicklinks ul a strong{ background: url("/fileadmin/templates/css/styleimages/bg_quick_more_hover.gif") no-repeat 0 -1px; }

#header #navTeaser h3, 
#header #navTeaser2 h3{ display: inline; }
#header #navTeaser span,
#header #navTeaser2 span,
#header #navTeaser p,
#header #navTeaser2 p{ display: block; padding: 0 8px 4px 8px; font-size: .93em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#header #navTeaser img{ float: right; padding: 4px 0 0 8px; }

#header #navTeaser ul, 
#header #navTeaser2 ul{ width: 246px; background: #fff; padding: 6px 0 3px; border: 2px solid #fdc82f; }
#header #navTeaser li, 
#header #navTeaser2 li{ font-size: .75em; clear: right; background: #fff url("/fileadmin/templates/css/styleimages/bg_head_more.gif") no-repeat 4px 0; }
#header #navTeaser ul li strong,
#header #navTeaser2 ul li strong{ padding: 4px 4px 4px 35px; }
#header #navTeaser ul li p strong,
#header #navTeaser2 ul li p strong{ 
display: inline; 
background-image: none; 
text-transform: none; font-family: Verdana,Arial,Helvetica,sans-serif; 
padding: 0; }

/*#header #navTeaser ul li strong,*/
#header #navTeaser ul li a:link,
#header #navTeaser ul li a:visited,
/*#header #navTeaser2 ul li strong,*/
#header #navTeaser2 ul li a:link,
#header #navTeaser2 ul li a:visited{ font-size: 1em; letter-spacing: .019em; color: #000; padding: 4px 4px 6px 35px; }
#header #navTeaser ul li a:visited, 
#header #navTeaser2 ul li a:visited{ color: #625244; }
#header #navTeaser ul li a:hover,
#header #navTeaser ul li a:focus,
#header #navTeaser ul li a:active,
#header #navTeaser2 ul li a:hover,
#header #navTeaser2 ul li a:focus,
#header #navTeaser2 ul li a:active{ 
text-decoration: underline; background: url("/fileadmin/templates/css/styleimages/bg_head_more_hover.gif") no-repeat 4px 0; }

#header #navBanner h3{position: absolute; top: -25000px; left: -17000px; }

#header .specialnavbox#service #navQuicklinks,
#header .specialnavbox#service #navTeaser,
#header .specialnavbox#service #navTeaser2,
#header .specialnavbox#service #navBanner{ background: transparent; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* breadcrumb */
.content #breadcrumb{height: 1em; min-height: 22px; width: 100%; background: #fff url("/fileadmin/templates/css/styleimages/bg_shadow_topcontent.gif") repeat-x top; }

#start .content #breadcrumb dl{ position: absolute; top: -20000em; left: -20000em; }

#standard .content #breadcrumb, #multimedia .content #breadcrumb{ height: 2.4em; }
#standard .content #breadcrumb dl dt, #multimedia .content #breadcrumb dl dt{ position: absolute; top: -20000em; left: -20000em; }
#standard .content #breadcrumb dl strong, #multimedia .content #breadcrumb dl strong{ font-weight: normal; }
#standard .content #breadcrumb dl img, #multimedia .content #breadcrumb dl img{ display: inline; } 
#standard .content #breadcrumb dl a:link, #standard .content #breadcrumb dl a:visited, 
#multimedia .content #breadcrumb dl a:link, #multimedia .content #breadcrumb dl a:visited{ 
color: #743900; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
#standard .content #breadcrumb dl a.start, #multimedia .content #breadcrumb dl a.start{ text-transform: uppercase; }

#standard .content #breadcrumb dl a:hover,
#standard .content #breadcrumb dl a:focus, 
#standard .content #breadcrumb dl a:active,
#multimedia .content #breadcrumb dl a:hover, 
#multimedia .content #breadcrumb dl a:focus, 
#multimedia .content #breadcrumb dl a:active{
 text-decoration: underline;
}

#standard .content #breadcrumb dl p, 
#multimedia .content #breadcrumb dl p{ padding: 1.6em 30px; font-size: .69em; }