/*
 * Seitenspezifische Layout-Bestandteile
 *
 * Farben des Layouts
 * --------------------------------------
 * Seitenhintergrund           white   (255,255,255)
 * Hintergrund links           #e1d1de ()
 * Hintergrund rechts          #f4e4d1 ()
 * Headline-Hintergrund rechts #c36a00 (196,106,0) #b56e18 (181,110,24)
 * Pfeile Navigation           #c36a00 (196,106,0) #b56e18 (181,110,24)
 * Strong-Text                 #c36a00 (196,106,0) #b56e18 (181,110,24)
 * Zierlinien                  #5a0146 (90,1,70) #510045 (81,0,69)
 * Fließtext                   #5a0146 (90,1,70) #510045 (81,0,69)
 */

/* Globale Einstellungen für die Seite. */
body
{
	background-color:white;
	margin:0;
	padding:0;
}

/* Hintergrund und Randlinie für den linken Bereich */
.lbg
{
	background-image: url(../images/bg-left.png);
	text-align:left;
}

/* Hintergrund für den rechten Bereich */
.rbg
{
	background-image: url(../images/bg-right.png);
}

.header #title
{
	width: 900px;
	height: 168px;
}

/* UNGENUTZT: Hintergrund für den oberen Bereich (wird im HTML als echte Image geschickt */
.header
{
	/* background-image: url(../images/titel.jpg); */
	/* background-repeat: no-repeat; */
	background: white;
	height: 168px;
}

/* ---------- Zierleisten ---------- */

#zier-oben
{
	width:100%;
	height:14px; /* oben 8, Bild 3, unten 3 */
	overflow:hidden;
	background:white;
	background-image:url(../images/zier-oben.png);
	background-repeat:repeat-x;
	background-position:0 8px;
}

/* Die "eigentliche" Ecke wird in #left nach oben herausgeschoben */
.zier-ecke
{
	width: 28px;
	height: 28px;
	margin-top: -6px;
	background-image: url(../images/zier-ecke.png);
	background-repeat: no-repeat;
	position: relative;
	left: -20px;
}

/* Die Ecke wird im IE doppelt ausgegeben, um Überdeckungsprobleme zu beheben. */
#zier-oben .zier-ecke
{
	display: none;
}
.ua_ie #zier-oben .zier-ecke
{
	display: block;
	margin-top: 8px;
	left: 0;
}
.ua_ie .left .zier-ecke
{
	z-index: -1; /* verstecken in alten IE */
}
.ua_ie8 .left .zier-ecke, .ua_ie9 .left .zier-ecke
{
	z-index: 0; /* in IE8 notwendig */
}
.ua_ie8 #menu, .ua_ie9 #menu
{
	position:relative; /* sonst ist menu hinter Ecke */
}

/*
Eventuell kann man in allen Browsern auf die zweigeteilte Darstellung wechseln, wenn
man mit z-index:-1 arbeitet. Allerdings muss man dann IMMER beide .zier-ecke DIVs nutzen.
*/

/* ---------- linker Bereich ---------- */

.left
{
	margin-top: -8px;
}

.inner-left
{
	margin-top:-16px;
	/* relative wird in Browser!=IE genutzt, um Menü vor der Zierecke zu haben */
	position:relative; 
}

.ua_ie .inner-left
{
	/* in IE wird z-index:-1 genutzt, weil relative das Hover-Highlighting einiger Menüpunkte killt */
	position: static;
}

/* ---------- Fußzeile ---------- */

.footer
{
	background: white;
	padding-top: 4px;
}
.footer div
{
	padding: 4px;
	padding-top: 0;
	text-align: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
}

/* ---------- Text-Formatierung ---------- */

body
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#5a0146;
}

a:link    { font-weight: bold; color: #c36a00; text-decoration: none; }
a:visited { font-weight: bold; color: #fec910; text-decoration: none; }
a:focus   { font-weight: bold; color: #c36a00; text-decoration: underline; }
a:hover   { font-weight: bold; color: #c36a00; text-decoration: underline; }
a:active  { font-weight: bold; color: #c36a00; text-decoration: underline; }

ul.admin-main
{
	list-style-type: none;
	list-style-position: inside;
	padding-left:8px;
}
.admin-main a
{
	display: block;
	width: 20em;
	padding: 3px 6px 3px 6px;
	margin:  0 0 4px 0;
	border:  1px solid #f4e4d1;
	background-color:#c36a00;
}

.ua_ie .admin-main a
{
	margin:  4px 0 4px 0;
}

.admin-main a:link    { font-weight: bold; color: #fec910; text-decoration: none; }
.admin-main a:visited { font-weight: bold; color: #fec910; text-decoration: none; }
.admin-main a:focus   { font-weight: bold; color: #fec910; text-decoration: none; }
.admin-main a:hover   { font-weight: bold; color: #fee930; background-color:#d37b20; text-decoration: none; }
.admin-main a:active  { font-weight: bold; color: #fec910; text-decoration: none; }

form td,input
{
	font-size:12px;
}
form td
{
	padding-top:4px;
}
input
{
	padding-top:3px;
}
form td+td
{
	padding-top:1px;
}
label
{
	position:relative;
	top:-2px;
}

/* Fließtext */
p
{
	font-size:12px;
}

/* Seitenüberschriften */
h1
{
	margin-top:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
}

/* Absatzüberschriften */
h2
{
	font-size:12px;
	font-weight:bold;
}

/* Informative Texte */
strong         { font-weight: bold; }
strong a       { color: #5a0146; }
strong a:hover { color: #c36a00; }
em             { font-style: normal; color: #c36a00; }
em a           { color: #c36a00; }
em a:hover     { color: #5a0146; }

/* Float-Umgebungen */
.float-left
{
	float:left;
	margin-left:0 !important;
	margin-top:0 !important;
}

.float-right
{
	float:right;
	margin-right:0 !important;
	margin-top:0 !important;
}

.centered
{
	text-align: center;
	display: block;
	margin: 0px auto !important;
}

/* Box für Bilder */
.picbox
{
	margin:8px;
}

/* debug */
.picbox-debug
{
	padding:10px;
	background:#ccc;
	border:1px solid #aaa;
}

/* Bilder */
img
{
	border:0px;
	margin:0px;
	padding:0px;
}

dt
{
	font-weight:bold;
}

dd
{
	margin-bottom:6px;
}


/* Fix für Bugs in Gecko 1.7 */
.ua_gecko17 .center form div
{
	float:left;
}
.ua_gecko17 .center form:after
{
	content: '';
	display: block;
	clear:both;
}

/**
 * Unterbindet in modernen Mozillas das horizontale Hüpfen durch Erscheinen eines
 * vertikalen Scrollbalkens, wenn einige Seiten einen benötigen und andere nicht.
 */
html
{
	overflow-y: scroll;
}

#loft-map
{
	float:right;
	width:300px;
	height:200px;
	border:1px solid #444;
	margin:0 0 6px 6px;
}