@import url('master_nav.css');

body, frameset {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-face-color: #990000;
	scrollbar-highlight-color: #990000;
	scrollbar-shadow-color: #990000;
	scrollbar-3dlight-color: DE4848;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #CC3333;
	scrollbar-darkshadow-color: #990000;
}
frame, frameset {
	resize:none;
	border: 0 none;
}
body.contentFrame {
	background-color: #FFF;
	padding: 0 10px 0 10px;
}
h1, h2 {
	font-size:11px;
	font-weight:bold;
}
h1 {
	margin: 0.67em 0;
}
h2 {
	margin: 0.83em 0;
}
td {
	font-size: 11px;
}
p {
	font-size: 11px;
	margin: 1em 0;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #CC3333;
}
a:hover {
	color: #FF0000;
}
input,option,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border: none #660000;
	background: white;
}
img {
	border: none;
}
iframe {
	border: 0;
	width: 565px;
	height: 400px;
}
div.break {
	clear: both;
	height: 1px;
	margin-top: -1px;
	font-size:0;
}

#wrapper {
	width: 775px;
}
.wide_content #wrapper {
	width: 100%;
}
#header {
	width: 775px;
	position:relative;
	height: 67px;
}
#header #home {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 300px;
}
#header #header_center {
	position: absolute;
	left: 195px;
	top: 0;
	height: 57px;
	width: 580px;
	border-bottom: solid 10px #DE4848;
}
/* Impressum, Hilfe, Projekt */
#main_navi {
	width: 580px;
	text-align: right;
	font-size: 11px;
	margin-top: 14px;
}
#main #main_navi {
	position: absolute;
	left: 195px;
	top: 400px;
	height: 400px;
}
#main_navi a {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 6px;
}
#main_navi a.current {
	font-style: italic;
}
#frameWrapper #header {
	width: 100%;
}
#frameWrapper #header #header_center {
	width: 100%;	
}

#main {
	position: relative;
	height: 402px;
}

#left {
	position: relative;
	width: 177px;
	height: 450px;
	font-size: 11px;
	background-color: #990000;
	padding-left:18px;
}

#center {
	position: absolute;
	left: 195px;
	top: 0;
	width: 580px;
	height: 400px;
	border-left: none;
	background-color:#FFF;
}
.wide_content #center {
	width: 100%;
	overflow: scroll;
}

#footer {
}


#logo_das_erste {
	position: absolute;
	left: 18px;
	top: 0;
	width: 177px;
	height: 67px;
	text-align: center;
	background-color:#990000;
	text-align:center;
}
#logo_das_erste img {
	margin-top: 14px;
}

#areas_navi {
	position: absolute;
	bottom: 3px;
	left: 318px;
}
#areas_navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 262px;
}
#areas_navi ul li {
	float: left;
	margin-bottom: 2px;
	width: 127px;
	border: solid 1px #FFF;
	text-transform: uppercase;
	font-size: 9px;
	text-align: center;
	color: #FFF;
}
#areas_navi ul li.map {
	width: 129px;
	height: 30px;
	border: 0 none;
	margin-left: 0;
	margin-right: 0;
}
#areas_navi ul li.left {
	clear: left;
	margin-right: 4px;
}
#areas_navi ul a {
	display:block;
	font-weight: normal;
	color: #FFF;
}

#timespans ul, #link_menu ul {
	margin: 0 0 0 16px;
	padding: 0;
	list-style: none;
}
#timespans ul {
	margin-top: 36px;
}
#timespans li, #link_menu li {
	margin-bottom: 5px;
	text-align: center;
	font-size: 9px;
	background-color: #cc3333;
	border: solid 1px #cc3333;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#timespans a, #timespans span, #link_menu a, #link_menu span {
	display: block;
	background-color: #cc3333;
	width: 159px;
	height: 13px;
	color: #FFF;
	font-weight: bold;
}
#timespans li.current, #link_menu li.current {
	background-color: #FFF;
	color: #000;
	border-color: #FFFFFF;
}
#timespans li.current a, #timespans li.current span,
		#link_menu li.current a, #link_menu li.current span {
	color: #000;
	background-color: #FFF;
}

.area_info #timespans {
	margin-top: 317px;
}
.rubrik_hilfe #timespans {
	margin-top: 256px;
}

#area {
	margin-top: 16px;
	margin-left: 16px;
	background-color:#FFF;
	border: solid 1px #FFF;
	height: 13px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: 0.1em;
}
#area a, #area a:hover, #area a:active, #area a:visited {
	color: #000000;
}

#link_menu li {
	background-color: transparent;
	border-color: #FFFFFF;
}
#link_menu a, #link_menu span {
	background-color: transparent;
}

#menu table {
	width: 177px;
	background-color: #FFF;
	border-collapse: separate;
	border-spacing: 1px;
}
.area_ereignisse #left {
	background: url('/grafik/layout/links_ereignisse.gif') no-repeat #990000;
}
.area_personen #left {
	background: url('/grafik/layout/links_personen.gif') no-repeat #990000;
}
.area_zeitzeugen #left {
	background: url('/grafik/layout/links_zeitzeugen.gif') no-repeat #990000;
}
.area_orte #left {
	background: url('/grafik/layout/links_orte.gif') no-repeat #990000;
}
.area_themen #left {
	background: url('/grafik/layout/links_themen.gif') no-repeat #990000;
}
.area_karten #left {
	background: url('/grafik/layout/links_karten.gif') no-repeat #990000;
}
.area_info #left {
	background: url('/grafik/layout/links_info.gif') no-repeat #990000;
}

div.frame {
	overflow-y: auto;
	overflow-x: auto;
	height: 380px;
	margin-top: 18px;
	padding: 2px 2px 2px 20px;
	background-color:#FFF;
}
div.frame.noList { /* Breiterer rechter Rand bei normalem Inhalt */
	padding-right: 20px;
}
#contentFrameMain {
	min-height: 362px;
}
#center h1 {
	border-bottom: #660000 2px solid;
	margin-bottom: 14px;
}

.listEntry {
	margin-top: 6px;
	margin-bottom: 4px;
	float: left;
}
.listEntry h2 {
	margin: 0;
}
.listEntryTop {
	border-bottom: #660000 2px solid;
	float: left;
	width: 100%;
}
.listEntryHeadline {
	width: 510px;
	float: left;
}
.listEntryDate {
	font-size: 11px;
}
.listEntryArrow {
	float: right;
	width: 26px;
}
.listEntryContent {
	float: left;
	margin-top: -1px;
	font-size: 11px;
	width: 543px;
}
.listEntryContent.event {
	background: url('/grafik/layout/liporello.gif') no-repeat;
}
.listEntryContent.event .listEntryText {
	padding-top: 12px;
}
.listEntryImage {
	float: right;
	margin: 2px 0 2px 2px;
}
.columns {
	width: 2050px;
	height: 362px;
}
.column {
	float: left;
	width: 276px;
	font-size: 11px;
	margin-right: 14px;
}
.column.first {
	width: 280px;
}
.column.first h1 {
	margin-top: 1em;
}
.column.second {
	width: 260px;
}
.column p {
	margin-bottom: 0;
}
.autoWidth, .column.autoWidth {
	width: auto;
}
.video_icon {
	text-align: left;
	vertical-align:baseline;
	margin: 0 2px;
	display: block;
	float: left;
	width: 47px;
	height: 39px;
}
.quotation_icon {
	display:inline;
	vertical-align:top;
	width:38px;
	height:13px;
	margin: 0 2px;
}

#timeline {
	width: 2070px;
	height: 18px;

	background-color:#990000;
	color: #FFF;
	font-size:9px;
	padding: 1px 10px 0 10px;

	margin-left: -10px;
}
body.image_page {
	padding: 0;
}
.image_page #contentFrameMain {
	margin: 0 10px;
}
.image_page #timeline {
	margin-left: 0;
}
/*#timeline table {
	width: 100%;
}*/
#timeline td {
	font-size:9px;
}
#timeline a {
	color: #FFF;
}
.born_dead_icon {
	margin-right: 4px;
}

.contentTitle {
	margin-bottom: 7px;
	font-size: 11px;
}
.contentTitle h1 {
	float: left;
	margin-bottom: 0;
}
.carreerButton {
	float: right;
	margin-top: 1em;
}
.biographyButton {
	float: right;
	margin: 0 0 5px 10px;
}
.category {
	font-weight: normal;
	font-size:11px;
}
.image {
	text-align:right;
}
.inlineImage {
	float: left;
	margin: 0 10px 5px 0;
}
.caption {
	text-align:right;
	color: #990000;
	font-size: 11px;
	font-style:italic;
	min-height: 27px;
	margin-top: 2px;
}
.captionText {
	float: right;
}
.column .captionText {
	width: 249px;
}
.column.second .captionText {
	width: 233px;
}
.caption.top {
	position: relative;
}
.magnifier {
	float: right;
}
.magnifier img {
	vertical-align:bottom;
}
.top .captionText {
	float: none;
	position: absolute;
	bottom: 0;
	right: 27px;
	padding-bottom: 2px;
}
.top .magnifier {
}
.top .magnifier img {
}

.popup {
	padding: 10px;
	background: url('/grafik/layout/bg_popup.gif') repeat-y #660000;
}
.popup.video {
	background-image: url('/grafik/layout/bg_video.gif');
}
#popupHeader {
	border: solid 1px #FFFFFF;
	width: 481px;
	height: 50px;
	position: relative;
}
#popupHeader h2 {
	color: #FFFFFF;
	margin: 28px 0 0 10px;
}
#popupHeader #home {
	position: absolute;
	width: 214px;
	height: 28px;
	right: 10px;
	left: auto;
	top: auto;
	bottom: 10px;
}
.video #popupHeader #home {
	left: 10px;
	right: auto;
}
#popupContent {
	background-color: #FFF;
	padding-bottom: 10px;
	min-height: 355px;
	width: 483px;
	margin-top: 10px;
}
.video #popupContent {
	background: transparent;
	min-height: 200px;
}
#popupContent h1 {
	border-bottom: #660000 2px solid;
	margin-top: 0;
	margin-bottom: 14px;
	padding: 8px 10px 6px 10px;
}
.video #popupContent h1 {
	border: 0 none;
	margin: 4px 0 0 0;
	padding: 0;
	color: #FFFFFF;
}
#popupContentMinHeight {
	display: none;
}
#popupContentText {
	margin: 10px;
}
.video #popupContentTextWrapper {
	float: left;
	width: 276px;
	background-color: #FFF;
}
#popupFooter {
	width: 483px;
}
#videoPopupVideo {
	margin-left: 291px;
}
.video #popupFooter p {
	text-align: right;
	margin-top: 0;
}

#contentFrameMinHeight {
	display: none;
}

.additionalContent {
	font-size: 11px;
}
.sourceLabel {
	float: left;
	width: 67px;
}
.sourceContent {
	margin-left: 67px;
}

#authorLinks p {
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}
#authorLinks img {
	vertical-align:middle;
}

/* Projekt-Teaser */
#projectTeaser {
	height: 130px;/*140px;*/
	background: url('/grafik/layout/information.gif') no-repeat;
	padding: 10px 0 0 18px;
}

/* Biografie (Kurzversion Person) */
#bioText {
	float: left;
	width: 580px;
}
.shortBio .imageBlock {
	clear: right;
	float: right;
	text-align: right;
}
.shortBio .caption {
	margin-bottom: 10px;
	max-width: 200px;
	float: right;
}
.shortBio .imageBlock .break {
	display: none;
}

/* Karten */
.area_karten #center {
	background-color: #660000;
}
.area_karten div.frame {
	background-color: #660000;
	color: #FFFFFF;
	margin-top: 0;
	/*padding: 0 0 0 20px;*/
	padding: 0 0 0 10px; /* Schmalerer linker Rand, da sonst zu wenig Platz für Text*/
}
#map_description {
	float: left;
	width: 127px;/*134px*/;
	padding-right: 10px;
}

#pageBrowser {
}
.browseBack {
	float: left;
	width: 30px;
	margin-top: 20px;
}
.browseForward {
	float: right;
	width: 30px;
	margin-top: 20px;
	text-align: right;
}
.av_error {
	font-weight: bold;
	color: #DE4848;
}