/* vim: set expandtab tabstop=2 shiftwidth=2 softtabstop=2: */

/* CSS by Marc Straßenburg */
/* http://www.bundesarchiv.de/erinnerungsstaette */
/* Last change: July 31th, 2008 */

/* setup global page settings */
body {
  margin: 0;
  padding: 0;
  width: 720px;
  /* font-family: "Times New Roman", Garamond, Palatino, Times, serif; */
  font-family: Garamond, Palatino, "Times New Roman", Times, serif;
  font-size: 12pt;
  line-height: 120%;
  background-color: #FFF;
  color: #000;
}

.hidden { display: none; }

.clear {
	display: block;
  clear: both;
  height: 1px;
  width: 100%;
  font-size: 0;
}

:focus { outline: 0; } /* remove focus outline for IEs */
strong { font-weight: bold; }
ul, ol { list-style: square; }
img { border: 1px solid #000; }
img.without_border { border: 0; }
acronym, abbr { cursor: help; }
acronym { letter-spacing: .07em; }
address { display: block; font-style: normal; }

/* cites settings */
blockquote {
	margin: 20px 20px 35px 0;
	font-style: italic;
}

blockquote p {
	text-align: left;
}

blockquote cite {
	font-style: normal;
}

/* default link appearance */
a:link,
a:active,
a:visited,
a:hover {
  background: transparent;
  text-decoration: underline;
  font-weight: bold;
  color: #520;
}

.link_extern a:link:after,
.link_extern a:active:after,
.link_extern a:visited:after,
.link_extern a:hover:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
/* default headers appearance */
h1, h2, h3, h4, h5, h6, blockquote, p, ul, ol {
  display: block;
  width: 90%;
  color: #000;
  font-size: 12pt;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 8px 0;
	/* font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; */
  font-weight: bold;
  page-break-after: avoid !important;
  line-height: 130%;
}

/* page head */
h1 {
  display: block;
  padding: 0 0 2px 0;
  margin: 0 2% 0 1%;
  font-size: 12pt;
}


#wrap_banner p {
	display: block;
	font-size: 11pt;
	padding: 0 0 2px 0;
	margin-left: 1%;
  border-bottom: 1px solid #000;
}

h2 {
  font-size: 14pt;
  font-weight: bold;
  padding: 0;
  margin: 25px 0 15px 0;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
  width: 80%;
}

h3 {
  font-size: 13pt;
  margin: 25px 0 10px 0;
}

h3.section_header {
	display: block;
	width: auto;
	padding: 0 3px 1px 0;
	border-bottom: 1px solid #000;
}

h3.section_header a:link,
h3.section_header a:active,
h3.section_header a:visited,
h3.section_header a:hover,
h3.section_header a:focus {
	text-decoration: none;
}

h4, h5 {
  margin: 20px 0 0 0;
}


/* text layout */
p, ul, ol, cite {
  margin: 0 0 10px 0;
}

/* top identification section ------------------------------------------------*/

/* hide layout elements */
#wrap_logo, #wrap_meta, #wrap_nav, #wrap_panel, #section_footer,
.skip_menu, .breadcrumbs, .toolbar, img.zoom {
  display: none !important;
}

/* Main content */
#wrap_content {
  position: relative;
  float: none !important;
  margin: 0 4% 0 1%;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  width: 98%;
  height: auto;
  page-break-after: auto;
}

.float_left {
	display: block;
	float: left;
	width: 252px;
	margin: 3px 20px 16px 0;
}

.float_right {
	display: block;
	float: right;
	width: 252px;
	margin: 3px 0 16px 30px;
}

.float_left p,
.float_right p {
	padding: 0;
	width: auto;
	margin: 0;
	font-size: 10pt;
	line-height: 105%;
	font-weight: normal;
	color: #000;
}

/* fix non-quadrate images until editing persons know how to resize an image */
div.fix_non_quadrate {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	width: 80px;
	height: 80px;
	background-color: transparent;
	border: 1px solid #000;
}

div.fix_non_quadrate img { border: 0; }

/* module defintions */
/* download, link */
.wrap_dl,
.wrap_link {
	display: block;
	margin: 5px 0 10px 10px;
	min-height: 20px;
}

.wrap_dl p,
.wrap_link p { margin-bottom: 3px; }

.link_extern {
  padding-left: 5px;
	background: transparent url(../images/links_extern.gif) scroll no-repeat 1px 1px;
}

.link_intern {
  padding-left: 5px;
	background: transparent url(../images/links_intern.gif) scroll no-repeat 0 0;
}

/* some homepage specials */
#wrap_content ul {
	padding: 0 0 0 15px;
}

#wrap_content ul li {
	margin-bottom: 5px;
}

#section_content_homepage .float_left {
	float: left;
	width: auto;
	height: auto;
	margin: 0 20px 30px 0;
}

/* forms ---------------------------------------------------------------------*/
form br {
  clear: both;
	height: 1px;
}

form hr {
	display: block;
	clear: both;
  height: 1px;
  width: 100%;
  margin: 25px 0;
  padding: 0;
  border: 0;
  font-size: 0;
	background-color: #FFF;
	color: #FFF;
}

form em {
  font-weight: bold;
}

fieldset {
	display: block;
	width: 490px;
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #000;
}

fieldset.control {
	border: 0;
	border-top: 1px solid #000;
	margin-bottom: 50px;
	padding: 5px;
	text-align: right;
	width: 512px;
}

fieldset legend {
	font-weight: bold;
	padding: 0 5px;
}

fieldset p {
	margin-bottom: 20px;
}

fieldset span {
	vertical-align: middle;
}

fieldset label {
	display: block;
	clear: both;
	text-align: left;
	width: auto;
	vertical-align: middle;
}

fieldset label.left {
	float: left;
	margin-right: 10px;
	padding: 2px 0;
	vertical-align: middle;
}

fieldset input,
fieldset select,
fieldset textarea,
fieldset .visible {
	width: auto;
	margin: 0 0 5px 0;
	padding: 2px;
  font-family: Verdana, Helvetica, Arial, Sans-serif;
	border: 1px solid #666;
	vertical-align: bottom;
}

fieldset select { width: auto; margin-bottom: 3px; }
fieldset select option { margin-right: 10px; margin-left: 2px; }
fieldset textarea { overflow: auto; height: 5em; margin-bottom: 10px; }

/* Size some form elements */
fieldset .widthMini { width: 60px; } /* 7 digits */
fieldset .widthSmall { width: 180px; }
fieldset .widthMedium { width: 330px; }
fieldset .widthFull { width: 96%; }
fieldset textarea.widthFull { height: 170px; }

fieldset input.checkbox {
	display: block;
  float: left;
  width: auto;
  clear: both;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
}

/* some little style helper */
fieldset div.auto_boxed {
  display: block;
  float: left;
	width: auto;
	margin-right: 25px;
}

fieldset div.half_boxed {
  display: block;
  float: left;
	width: 50%;
}

fieldset div.indent {
	display: block;
  margin: 10px 0 10px 50px;
}