@charset "UTF-8";

@import url("filetypes.css");

/*****
 *
 *     Global Styles
 *
 *****/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}

html, body {
  height: 100.01%;
  color: #333;
  font: 100.01% verdana, arial, helvetica, sans-serif;
  line-height: 1.2;
 	background-color: #FFF;
}

/*****
 *
 *     Layout Styles
 *
 *****/
#page {
  border-right: 2px solid #eee;
  overflow: hidden;
  width: 960px;
}

#foot {
  clear: both;
  display: block;
  margin: 25px 0 30px 0;
  padding: 5px 10px 0 0;
  text-align: right;
  width: auto;
}

/*****
 *
 *     Some extras
 *
 *****/

.hidden { display: none; }

.clear,
.clearFloat {
	clear: both;
	height: 1px;
	font-size: 0;
}

.info {
	color: #DD0000;
}

.warning, .success {
  margin: 24px 0;
  padding: 10px;
}

.warning { border: 2px solid #990000; }
.success { border: 2px solid #107C10; color: #107C10; }

 /***** Hide some headers from being displayed; text readers will recognize them *****/
.auxiliary {
  height: 1px;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: -999em;
  width: 1px;
}

/*-----------------------------------------------------------------------------
 * Global link settings ------------------------------------------------------*/
a:link,
a:active,
a:visited { color: #062A5B; text-decoration: underline; }

a:hover,
a:focus { color: #900; }

a.extLink {
	display: block;
	padding-left: 1.5em;
  background: transparent url(../images/links_extern.gif) no-repeat 0 .4em;
}

a.intLink {
	display: block;
	padding-left: 1.5em;
  background: transparent url(../images/links_intern.gif) no-repeat 0 .4em;
}

/*-----------------------------------------------------------------------------
 * Headlines -----------------------------------------------------------------*/
h1 {
	margin: 0;
	padding: 0;
  background: transparent url(../images/logo_bundesarchiv.gif) no-repeat;
}

h1 a,
h1 {
  display: block;
	width: 196px;
	height: 90px;
}

h1 span	{ display: none; }

h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 20px;
/*
  padding-left: 1em;
  background: transparent url(../images/pixel_h2.gif) scroll no-repeat left .4em;
*/
  color: #990000;
}

h3 {
	font-size: .85em;
  width: auto;
	margin: 1.5em 0 .7em 0;
	/* color: #0F2D69; */
}

h3.pageUrl {
	font-size: .85em;
  width: auto;
	margin: 22px 0 8px 0;
}

h3.pageUrl a {
	color: #900;
  text-decoration: none;
}

h3.pageUrl a:hover {
  text-decoration: underline;
}

h4 {
	font-size: .75em;
  width: auto;
	margin: 1.5em 0 0 0;
	line-height: 1.5;
	padding: 0;
}

h5 {
	font-size: .75em;
  width: auto;
	margin: 1em 0 0 0;
	padding: .3em;
	background-color: #c6dbee;
}

/*-----------------------------------------------------------------------------
 * Paragraph und hidden navigation layout ------------------------------------*/
p, ul, ol, dl { font-size: .75em; line-height: 1.5; margin: 0 0 15px 0; }

.smallText { font-size: .8em; font-weight: normal;  color: #333; }

/***** Listings *****/
ul { list-style: none; }
ul, ol { margin-left: 15px; }

ul li {
  background: transparent url(../images/list_style_reddot.gif) no-repeat left 7px;
  padding-left: 12px;
}


ol { list-style-type: decimal; padding-left: 15px; }
ol li { background: none; padding-left: 0; }

ul li, ol li { margin: 3px 0 8px 0; }
ul ul, ol ol, ol ul, ul ol { font-size: 1em; margin: 10px 0 20px 15px; }

/***** Sitemap *****/
ul.section { margin: 15px 0 25px 30px; }

/*****
 *
 *     Head/Identity Styles
 *
 *****/
#logo {
  float: left;
  height: 105px;
  left: 12px;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 184px;
}

#identity {
  background: transparent url(../images/banner.gif) no-repeat right 45px;
  float: right;
  height: 105px;
  text-align: right;
  width: 756px
}

/* Service menu */
#identity ul {
  float: right;
  margin: 0;
  padding: 0;
}

#identity ul li {
  background: none;
  color: #231f20;
  float: left;
  font-size: .95em;
  margin: 0;
  padding: 13px 0;
}

#identity ul li a { color: #231f20; padding: 5px; text-decoration: none; }
#identity ul li a:hover, #identity ul li a:focus {  text-decoration: underline; }
#identity ul li.lang { padding-left: 35px; padding-right: 35px; }
#identity ul li span { color: #969696; padding: 5px;  }

/*****
 *
 *     First navigation level Styles
 *
 *****/
#navi-primary {
  background: #093f88 url(../images/nav_head_bg.gif) repeat-x left top;
  float: left;
  margin: 1px 0 0 0;
  padding: 0 0 0 205px;
  width: 945px;
}

#navi-primary li {
  background: none;
  float: left;
  margin: 0;
  padding: 0;
}

#navi-primary li a:link,
#navi-primary li a:active,
#navi-primary li a:visited {
  border-right: 1px solid #fff;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px 15px;
  text-decoration: none;
}

#navi-primary li.not-translated,
#navi-primary li.not-translated a:link,
#navi-primary li.not-translated a:active,
#navi-primary li.not-translated a:visited { color: #b4b4b4; }

#navi-primary li a:hover,
#navi-primary li a:focus { text-decoration: underline; }

#navi-primary li a.selected,
/* Complete status sets for i.e. old browsers (IE5) */
#navi-primary li a:active.selected,
#navi-primary li a:visited.selected {
  background-color: #fff;
  color: #00325d;
  text-decoration: none;
}

/***** Breadcrumbs *****/
#breadcrumbs {
  background: transparent url(../images/fade_lightgrey.gif) repeat-x 0 bottom;
  float: left;
  font-size: .7em;
  margin: 0;
  padding: 8px 5px 8px 220px;
  width: 100%;
}

/*-----------------------------------------------------------------------------
 * Sub Layout Navigation -----------------------------------------------------*/
#sidebar {
  float: left;
  margin: 25px 10px 0 5px;
  position: relative;
  width: 195px;
}

#sidebar h3 {
	display: block;
  width: auto;
  font-size: .8em;
	color: #333;
	margin: 8px 0 1px 0;
  padding: 0 2px 4px 0;
}

#sidebar ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #F0F0F0;
}

#sidebar ul li ul {
  margin: 1px 0 0 0;
  border: 0;
}

#sidebar ul li {  
  background: none;
	width: auto;
	margin: 0 0 1px 0;
	padding: 0;
}

#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:active {
	display: block;
	width: auto;
	height: auto;
	padding: .4em .2em .7em .9em;
	line-height: 1.4;
	text-decoration: none;
	background-color: #fefaef;
	border-left: 5px solid #f1c85f;
	color: #333;
}

#sidebar ul li ul li a:link,
#sidebar ul li ul li a:visited,
#sidebar ul li ul li a:active {
  background: #fff url(../images/pfeil2.gif) no-repeat 20px 10px;
  border-left: 5px solid #f5d687;
  padding-left: 30px;
}

#sidebar ul li a:link.active,
#sidebar ul li a:visited.active,
#sidebar ul li a:active.active {
  font-weight: bold;
  text-decoration: none;
}

#sidebar ul li a:hover,
#sidebar ul li ul li a:hover {
	background-color: #fff;
	color: #900;
	text-decoration: underline;
}

#sidebar ul.navExtApps li a:link,
#sidebar ul.navExtApps li a:visited,
#sidebar ul.navExtApps li a:active {
	display: block;
	padding: .4em .2em .6em 1.8em;
  background: #F0F0F0 url(../images/pfeil2.gif) no-repeat 10px 10px;
  border-left: 5px solid #E5E5E5;
}

#sidebar ul.navExtApps li a:hover {
  border-left: 5px solid #E5E5E5;
}

#sidebar .extPartner p {
	display: block;
	width: auto;
  margin: 0;
  padding: 1px 0;
  font-weight: bold;
  border-bottom: 1px solid #D0D0D0;
}

/*-----------------------------------------------------------------------------
 * Content layout ------------------------------------------------------------*/
#boxContent {
  display: inline; /* fix IE6 double margin bug */
  float: left;
  height: 100%;
  margin: 10px 10px 0 28px;
  width: 680px;
}

#boxContentStartpage {
  display: inline; /* fix IE6 double margin bug */
  float: left;
  height: 100%;
  margin: 10px 10px 0 28px;
  width: 680px;
}

.TextDetails {
	margin-left: 8px;
	padding: 0 0 0 13px;
  background: transparent url(../images/pfeil2.gif) scroll no-repeat 0 .3em;
}

/*-----------------------------------------------------------------------------
 * Flexmodule ---------------------------------------------------------------*/
 
/* Flex Modul Text + Bild ---------------------------------------------------*/
.flexContentText {
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
}

.flexContentText .imagePosLeft,
.flexContentText .imagePosRight {
  display: block;
  width: 188px;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0;
}

.flexContentText .imageLarge {
  width: 343px;
}

.flexContentText .imagePosLeft p,
.flexContentText .imagePosRight p {
	float: left;
  width: auto;
	font-size: .65em;
	line-height: 1.3;
	color: #666;
	margin: 0;
	padding: 4px;
}

.flexContentText .imagePosLeft img,
.flexContentText .imagePosRight img {
  border: 1px solid #c0c0c0;
}

.flexContentText .imagePosLeft {
	float: left;
	margin: 5px 16px 15px 0px;
}

.flexContentText .imagePosRight {
	float: right;
	margin: 5px 0 15px 16px;
}

.flexContentText .zoom {
  float: right;
	margin: 4px;
	padding: 0;
	border: 0 !important;
}

.flexContentText ul,
.flexContentText ol {
  font-size: .75em;
  line-height: 1.5;
}

.flexContentText ul p,
.flexContentText ol p {
  font-size: 1em;
}

.flexBackground_1 {
  background-color: #FEF6E2;
  padding: 10px;
  margin: 15px 0 25px 0;
}

.flexBackground_2 {
  background-color: #F0F0F0;
  padding: 10px;
  margin: 15px 0 25px 0;
}

/* Flex Modul Google Maps ---------------------------------------------------*/
.flexGoogle {
	width: auto;
	padding: 0;
}

.flexGoogle p {
  width: auto;
	font-size: .65em;
	line-height: 1.3;
	color: #666;
	margin: 0;
	padding: 4px;
}

.flexGoogle iframe {
	display: block;
	border: 1px solid #c0c0c0;
}

/* Flex Modul Autliste ------------------------------------------------------*/
.flexAutoList ul {
  display: block;
  width: 100%;
	list-style-type: none;
	list-style-image: none;
	margin: 10px 0;
	padding: 0;
}

.flexAutoList ul li {
  background: none;
	display: block;
	clear: both;
	height: auto;
  padding: 10px 0;
  border-bottom: 1px solid #ebf0f5;
}

.flexAutoList ul li p {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

.flexAutoList ul h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
  width: auto;
	margin: 0 0 3px 0;
	color: #0F2D69;
  padding-left: 0;
  background: none;
}

.flexAutoList p.paging {
	width: auto;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}

.flexAutoList p.paging strong {
	font-weight: bold;
	color: #800000;
	margin: 0 2px;
}

.flexAutoList p.paging a {
	margin: 0 2px;
}

.flexAutoList p.paging a img,
.flexAutoList p.paging img {
	padding: 0;
	vertical-align: middle;
}

/* Flex Modul Link ----------------------------------------------------------*/
.flexLink {
	display: block;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	background-color: transparent;
}

.flexLink a {
	width: auto;
	font-size: 0.75em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-decoration: underline ;
	overflow: hidden;
}

.flexLink p {
	margin: 0;
}

.flexLink a.extLink {
	white-space: pre-line;
  display : inline-block;
	padding-left: 1.5em;
  background: transparent url(../images/link_extern_large.gif) no-repeat left .4em;
}

/* Flex Modul Download ------------------------------------------------------*/
.flexDownload {
	display: block;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.flexDownload a {
	display: inline;
	float: left;
	font-size: 0.75em;
  line-height: 1.5;
	padding: 0;
	margin: 0 5px 0 0;
	height: auto;
	background-color: transparent;
}

.flexDownload span{
  font-size: .75em;
  line-height: 1.5;
}

.flexDownload p {
	display: block;
  clear: both;
  margin: 4px 0 0 0;
  padding: 0;
}

/***** Definition lists: links & downloads *****/
dl.link, dl.download, dl.downloadAddon {
  border: 0;
  display: block;
  float: none;
  margin: 0 0 0 5px;
  padding: 0 0 10px 20px;
}

dl.link dt, dl.download dt, dl.downloadAddon dt { font-weight: normal; }
dl.link dd, dl.download dd { margin: 2px 0 0 0; }
dl.link dd.meta { margin: 0 0 10px 0; }

dl.intern { background: transparent url(../images/links_intern.gif) scroll no-repeat 2px 4px; }
dl.extern { background: transparent url(../images/links_extern.gif) scroll no-repeat 2px 3px; }

dl.downloadAddon {
  display: inline-block;
  background-color: #eee;
  background-position: 5px 9px;
  border-bottom: 1px solid #C0C0C0;
  margin: 0;
  padding: 5px 25px;
  width: 265px;
}

/* Small FF gimmick */
dl + div { margin-top: 15px; }

/* Flex Modul Teaserblock ---------------------------------------------------*/
.flexTeaserBlock ul {
  display: block;
  width: 90%;
  height: auto;
	list-style-image: none;
	margin: 0 0 20px 7px;
	padding: 0 0 10px 0;
}

.flexTeaserBlock ul li {
	display: block;
	clear: both;
	height: auto;
  padding: 0;
	margin: 0;
}

.flexTeaserBlock ul li.firstTeaser {
	margin-bottom: 15px;
}

.flexTeaserBlock ul li p {
  padding: 0 0 0 1.5em;
  margin: 0;
}

.flexTeaserBlock ul h3 {
	font-weight: normal;
	line-height: 1.3;
  width: auto;
	margin: 0 0 3px 0;
	color: #0F2D69;
  padding-left: 1.5em;
  background: transparent url(../images/pixel_h3.gif) scroll no-repeat left 6px;
}

/* Flex Modul Table Extension  ----------------------------------------------*/
table.contentTable {
	display: block;
	width: 100%;
	border: 0;
	margin: 0 0 20px 0;
	padding: 0;
  empty-cells: show;
}

table.contentTable p,
table.contentTable caption p {
	margin: 0 0 15px 0;
	padding: 0;
  font-size: 1em;
}

table.contentTable ul,
table.contentTable ol {
  font-size: 1em;
}

table.contentTable caption {
 	font-size: .75em;
	font-weight: bold;
	color: #000;
	width: auto;
	margin: 20px 0 0 0;
  padding: .6em 1em .6em .4em !important;
  text-align: left;
	background-color: #9CBDDE;
}

table.contentTable th {
	font-weight: normal;
	text-align: left;
	color: #000;
	background-color: #CFDCE5;
}

table.contentTable th,
table.contentTable td {
 	font-size: .75em;
	vertical-align: top;
  line-height: 1.5;
	margin: 0;
	padding: .6em .5em .6em .4em;
	border-bottom: 1px solid #9CBDDE;
}

table.contentTable .rowHead {
	background-color: #E9EFF7;
	color: #000;
}

/***** Tables *****/
table.common { margin: 0 0 15px 0; width: auto; }
table.common caption {
  caption-side: top;
  font-size: .75em;
  font-weight: bold;
  margin: 0;
  padding: 2px !important;
  text-align: left;
}

table.common td,
table.common th {
  background: #F7F2E9;
  border: 0;
  empty-cells: hide;
  font-size: .75em;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

table.common th {
  background: #F1E8DA;
  font-weight: bold;
  vertical-align: bottom;
}

table.common td p,
table.common th p { font-size: 1em; }

/* Flex Modul Table Extension  ----------------------------------------------*/
#navMultiPage {
	display: block;
	width: auto;
	height: auto;
	padding: 0 5px;
	margin: 20px 0 0 0;
}

#navMultiPage p {
	font-size: .7em;
	text-align: right;
	margin: 0;
	padding: 0 20px 0 0;
}

#navMultiPage ul {
  display: block;
  width: auto;
  list-style-type: none;
  list-style-image: none;
  font-size: .75em;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #E6EDF6;
}

#navMultiPage ul li {
	display: block;
	clear: both;
	height: auto;
  padding: 1px 2px 1px 5px;
}

#navMultiPage ul h3 {
	font-size: 1em;
	font-weight: normal;
  width: auto;
	margin: 0 0 3px 0;
	color: #333;
	padding-left: 1em;
  background: transparent url(../images/pixel_h3.gif) scroll no-repeat left 6px;
}



/* Forms */
/* Mandatory fields */
fieldset {
  background-color: #f7f2e9;
  margin-bottom: 5px;
  padding: 20px 10px;
}

/* Mandatory fields */
fieldset em {
  color: #900;
  font-size: 1.2em;
  font-weight: bold;
}

fieldset label {
  clear: both;
  display: block;
  font-size: .7em;
}

fieldset input,
fieldset textarea,
fieldset select {
	border: 1px solid #d0d0d0;
  font: .8em Verdana, Helvetica, Arial, Sans-serif;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 3px;
}

fieldset textarea { overflow: auto; }
fieldset select { margin-bottom: 10px; padding: 0; }

/*****
 *
 *     Forms
 *
 *****/
fieldset label.left {
  float: left;
  font-size: .75em;
  width: 190px;
}

fieldset input.button {
  border: 0;
  margin-bottom: 8px;
  padding: 0 8px;
  vertical-align: top;
}

fieldset input.submit {
  background: #093f88 url(../images/nav_head_bg_reverse.gif) repeat-x left top;
  color: #fff;
  cursor: hand;
  font-weight: bold;
  padding: 3px 10px;
}

fieldset input.size-1 { font-size:1em; }

fieldset .float-left {
  float: left;
  margin-right: 10px;
  width: auto;
}

fieldset .width60 { width: 60px; } /* ~7 digits */
fieldset .width250 { width: 252px; } /* width250 + width60 = width330*/
fieldset .width330 { width: 330px; }
fieldset .widthMax { width: 99%; }
fieldset .height170 { height: 170px; }
fieldset .small-text { margin-left: 15px; }
fieldset .spam-hidden { display: none; }
form p.inline-text {
  background: #eee;
  margin: -4px 0 1px 0;
  padding: 5px 10px;
}

fieldset.submit-form {
  background: #f7f2e9 url(../images/rounded_right_bottom.gif) no-repeat right bottom;
  border-top: 4px solid #ede2cf;
  margin-bottom: 35px;
  padding: 10px 10px 0 10px;
}

/***** Form validation *****/
p.infoValid { display: none; } /* hidden wrapper for user messages */
p.error {
  color: #990000;
  font-weight: bold;
  margin: 2px 0;
  overflow: hidden;
  padding: 0;
}

input.error,
textarea.error,
select.error { border-color: #990000; }

label.error { color: #990000; }

/*****
 *
 *     Footer
 *
 *****/
#foot p {
  border-top: 1px solid #EEE;
  font-size: .7em;
  margin: 10px 0 0 0;
  padding: 10px 0 5px 28px;
  text-align: center;
}

#foot p a:link,
#foot p a:active,
#foot p a:visited {
  color: #231f20;
  text-decoration: none;
}

#foot p a:hover,
#foot p a:focus { text-decoration: underline; }

#foot a.top {
  background: transparent url(../images/arrow_top.gif) no-repeat left center;
  font-size: .75em;
  padding-left: 12px;
}