/* Haupt-CSS - Screen © Geschichtswerkstatt Du-Nord */
/* Vorgaben Basis */
@charset "utf-8";
body
{
	font: 100% Arial, Helvetica, sans-serif;
	background: #666666;
	color: #333;
	margin: 0;
	margin-top: 2%;
	padding: 0;
	text-align: center;
	scrollbar-3d-light-color: #a9a9a9;
	scrollbar-arrow-color: #00397b;
	scrollbar-base-color: #f5f5f5;
	scrollbar-dark-shadow-color: #a9a9a9;
	scrollbar-face-color: #f5f5f5;
	scrollbar-highlight-color: #f5f5f5;
	scrollbar-shadow-color: #a9a9a9;
}
/* Vorgaben Seitenaufbau – DIV gesamt */
.concept #container
{
	width: 880px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
}
/* Vorgaben Seitenaufbau – DIV oben */
.concept #header
{
	background: #f5f5f5;
	padding: 0px 0px 0 0px;
	height: 75px;
}
/* Vorgaben Seitenaufbau – DIV links */
.concept #sidebar1
{
	float: left;
	width: 210px;
	background: #EBEBEB;
	padding: 20px 10px 20px 10px;
}
/* Vorgaben Seitenaufbau – DIV links Navigation Hauptebene */
.concept #linkbar
{
	padding: 10px 10px 10px 10px;
	border-width: 1px;
	border-style: dashed;
	float: left;
	width: 90%;
	border-color: #606060;
}
.concept #linkbar br
{
	clear:both;
	height: 1px;
}
.concept #linkbar a
{
	border-color: #f5f5f5;
	background-color: none;
	border-style: solid;
	border-width: 1px;
	float: left;
	width: 150px;
	padding: 3px 7px 3px 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.concept #linkbar a:link
{
	color: #009;
	text-decoration: none;
}
.concept #linkbar a:hover
{
	color: #F90;
	text-decoration: none;
	background-color: #f5f5f5;
	border-color: #F90;
}
.concept #linkbar a:active
{
	text-decoration: none;
	color: #009;
}
.concept #linkbar a:visited
{
	color: #009;
	text-decoration: none;
}
.concept #linkbar_active
{
	border-color: #f5f5f5;
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 1px;
	float: left;
	width: 150px;
	color: #f00;
	padding: 3px 7px 3px 7px;
	border-color: #F00;
	margin-bottom: 5px;
	margin-top: 5px;
}
.concept #linkbar_active p
{
	color: #f00;
	text-decoration: none;
	background-color: #f5f5f5;
	border-color: #F00;
	border-style: solid;
	border-width: 1px;
	float: left;
	width: 175px;
	padding: 3px 7px 3px 7px;
}
/* Vorgaben Seitenaufbau – DIV links Navigation Subebene (noch keine Verwendung) */
.concept #linkbar_sub a
{
	background-color: none;
	float: left;
	width: 165px;
	padding: 3px 7px 3px 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
	margin-left: 10px;
}
.concept #linkbar_sub a:link
{
	color: #009;
	text-decoration: none;
}
.concept #linkbar_sub a:hover
{
	color: #f00;
	text-decoration: none;
	background-color: #f5f5f5;
}
.concept #linkbar_sub a:active
{
	text-decoration: none;
	color: #009;
}
.concept #linkbar_sub a:visited
{
	color: #009;
	text-decoration: none;
}
/* Vorgaben Seitenaufbau – DIV rechts (dient nur der Formatierbarkeit durch Container) */
.concept #container_content
{
}
/* Vorgaben Seitenaufbau – DIV rechts */
.concept #mainContent {
 margin: 25px 0 0 0;
 padding: 0 15px;
 overflow-y: auto;
 height: 440px;
 text-align: justify;
}
.concept #mainContent_foto
{
	margin: 25px 0 0 0;
	padding: 0 20px;
	overflow-y: auto;
	text-align: center;
}
/* Vorgaben Seitenaufbau – DIV unten */
.concept #footer
{
	padding: 0 10px 0 20px;
	background:#DDDDDD;
	align: center;
}
.concept #footer p
{
	margin: 0;
	padding: 10px 0;
}
.concept #footer_link
{
	font-size: 10pt;
	float: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.concept #footer a:link
{
	color: #009;
	text-decoration: none;
	font-size: 10pt;
}
.concept #footer a:hover
{
	color: #f00;
	font-size: 10pt;
}
.concept #footer a:active
{
	text-decoration: none;
	color: #009;
	font-size: 10pt;
}
.concept #footer a:visited
{
	color: #009;
	text-decoration: none;
	font-size: 10pt;
}
.concept #footer_active
{
	font-size: 10pt;
	float: left;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #F00;
}
/* Vorgaben bzgl. Umbruchverhalten */
.fltrt
{ /* Klasse für ein auf der Seite nach rechts fließendes Element. Das fießende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft
{ /* Klasse für ein auf der Seite nach links fließendes Element. */
	float: left;
	margin-right: 8px;
}
.clearfloat
{ /* Klasse in einem div- oder break-Element, muss das letzte Element vor dem Schließen eines Containers sein, der vollständigen Float enthält. */
	clear:both;
	height:0;
	font-size: 10px;
	line-height: 0px;
}
/* Vorgaben Standard-Tags */
a:link
{
	color: #009;
	text-decoration: none;
}
a:hover
{
	color: #F90;
	text-decoration: none;
}
a:active
{
	text-decoration: none;
	color: #009;
}
a:visited
{
	color: #009;
	text-decoration: none;
}
br
{
	height: 1px;
}
h1
{
	font-size: 115%;
	text-align: center;
	color: #606060;
	background: #EBEBEB;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 100%;
}
h2
{
	font-size: 110%;
	text-align: center;
	color: #606060;
	background: #f5f5f5;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 100%;
}
h3
{
	font-size: 100%;
	text-align: center;
	color: #606060;
	background: #f5f5f5;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 100%;
}
img
{
	border: 0;
	margin: 0, 4, 0, 4;
}
li
{
	list-style-image: url(../images/list.png);
}
.concept #li_red
{
	list-style-image: url(../images/list_active.png);
	color: #F00;
}
ul
{
	list-style-image: url(../images/list.png);
}
/* Vorgaben DIV sichtbarer Abstand im Content frei verwendbar */
.concept #frame
{
	background-color: #f5f5f5;
	height: 20px;
	text-align: right;
	vertical-align: bottom;
	font-size: 8pt;
	padding-left: 15px;
}
/* Vorgaben DIV Kommentierung Text */
.concept #comment
{
	font-size: 9pt;
	font-style: italic;
	color: #666;
	text-align: justify;
	margin-top: 5px;
	font-weight: bold;
}
/* Vorgaben DIV Foto-Galerien Gesamtansicht */
.concept #foto_gal_all
{
	font-size: 9pt;
	font-style: italic;
	background-color: #f5f5f5;
	color: #999;
	width: 145px;
	height: 145px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	float: left;
	text-align: center;
	min-height: 145px;
	max-height: 145px;
	min-width: 145px;
	max-width: 145px;
	padding-top: 5px;
}
/* Vorgaben DIV Kommentierung Foto-Galerien direkt unter Foto Einzelansicht */
.concept #comment_foto_gal_solo
{
	font-size: 9pt;
	font-style: italic;
	color: #666;
	text-align: center;
	margin-top: 5px;
}
/* Vorgaben DIV Kommentierung Foto-Galerien Einzelansicht */
.concept #comment_foto
{
	font-size: 9pt;
	font-style: italic;
	color: #666;
	text-align: center;
	margin-top: 5px;
}
/* Vorgaben DIV Kommentierung Fotos im Text links(eycatcher) */
.concept #comment_foto_eycatcher_left
{
	font-size: 9pt;
	font-style: italic;
	background-color: #f5f5f5;
	color: #999;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	float: left;
	text-align: center;
}
/* Vorgaben DIV Kommentierung Fotos im Text rechts (eycatcher) */
.concept #comment_foto_eycatcher_right
{
	font-size: 9pt;
	font-style: italic;
	background-color: #f5f5f5;
	color: #999;
	margin-left: 5px;
	margin-bottom: 5px;
	position: relative;
	float: right;
	text-align: center;
}
/* Vorgaben DIV Kommentierung Fotos im Text mittig (eycatcher) */
.concept #comment_foto_eycatcher_center
{
	font-size: 9pt;
	font-style: italic;
	background-color: #f5f5f5;
	color: #999;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	float: both;
	text-align: center;
}
/* Vorgaben Seitenkonzept – DIV für zentrierten Text unterhalb h1 */
.concept #container_header
{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 10px;
	font-size: 11pt;
}
/* Vorgaben Seitenkonzept – DIV für kursiven, rechtsbündigen Text unterhalb h1 */
.concept #container_header_quote
{
	width: 100%;
	font-style: italic;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 10px;
	font-size: 9pt;
}
/* Vorgaben Seitenkonzept – DIV für Navigationsblock im Content-Containerbereich, bald obsolet, da Navigation komplett über linke Navigationsleiste */
.concept #container_header_link
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 10px;
	font-size: 11pt;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	background-color: #f5f5f5;
	text-align: left;
}
/* Einstellungen bzgl. Formular-Felder (noch nicht verwendet) */
label
{
	text-align: justify;
}
form
{
	text-align: left;
	background-color:#f5f5f5;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	padding: 5px 15px 5px 15px;
}
input, select, textarea
{
	border-style: solid;
	width: 270px;
	text-align: left;
	background-color: #FFF;
	border-color: #999;
	border-width: 1px;
	margin-right: 10px;
}
.Bereich, .Feld
{
	background-color:#FFF;
	width:560px;
	border:1px solid #999;
	vertical-align: text-top;
	text-align: left;
	scrollbar-3d-light-color: #a9a9a9;
	scrollbar-arrow-color: #00397b;
	scrollbar-base-color: #f5f5f5;
	scrollbar-dark-shadow-color: #a9a9a9;
	scrollbar-face-color: #f5f5f5;
	scrollbar-highlight-color: #f5f5f5;
	scrollbar-shadow-color: #a9a9a9;
}
.Auswahl
{
	width:270px;
	border:1px solid #999;
	text-align: left;
	scrollbar-3d-light-color: #a9a9a9;
	scrollbar-arrow-color: #00397b;
	scrollbar-base-color: #f5f5f5;
	scrollbar-dark-shadow-color: #a9a9a9;
	scrollbar-face-color: #f5f5f5;
	scrollbar-highlight-color: #f5f5f5;
	scrollbar-shadow-color: #a9a9a9;
}
.Check, .Radio
{
	background-color:#ddff;
	border:1px solid #ddd;
}
.button
{
	width:125px;
	border:1px solid #999;
	background-color: f5f5f5;
}
/* Wasserzeichen (auf Screen nicht sichtbar, Sichtbarkeit beim Druck abhängig von Browsereinstellungen) */
.concept #watermark
{
	display: none;
}