/**
 *	CSS-Stile fuer alle Ausgabearten ausser Druck und Braille-Lesegeraet
 *	v1.0
 */


/**
 *	Allgemein
 */

* {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:1em;
	/* font-size-adjust:0.52; */
	line-height:1.3em;
	color:#585858;
	margin:0;
	padding:0;
}


html {
	width:100%;
	height:100%;
	font-size:70%; /* 75 */
}

body {
	width:100%;
	height:100%;
	background-color:#e1e1e1;
	background-image:url(/cms/bilder/STADTHALLE/background.png);
	background-repeat:repeat-y;
	overflow:auto;
}

.media { background-image:url(/cms/bilder/STADTHALLE/background-dark.png); }

img { border:none; }

form {
	margin:0;
	padding:0;
}

p { margin-bottom:1em; }

h1, h2, h3, h4, h5, h6 {
	color:#a61613;
	font-size:1em;
	margin-bottom:1em;
}

a:link { color:#000; text-decoration:underline; }
a:active, a:hover { color:#a61613; }
a:visited { color:#585858; }


/* Fuer alle Objekte, die nicht gedruckt werden sollen */
.noprint { }


/* Thumbnails fuer Medien (JPEG/MOV/FLV) */
.mediaThumbnail { border:1px solid #e1e1e1 !important; }

.white { color:#fff; }
.white a:link, .white a:visited { color:#fff; text-decoration:underline; }
.white a:active, .white a:hover { color:#a61613; }



/**
 *	Hauptmenue
 */


/* Umfasst das komplette Hauptmenue */
#menuBox {
	min-width:174px;
	height:auto;
	overflow:visible;
	background-color:#e1e1e1;
	float:left;
}

/* Zum Hervorheben des selektierten Menuepunktes */
#menuBox strong {
	color:#fff;
	font-weight:normal;
	line-height:16px;
}

/* Umfasst alle Links innerhalb eines Menueabschnitts und definiert die Randabstaende */
.innerMenuBox {
	padding:8px 0 8px 0px;
	letter-spacing:0.05em;
	line-height:16px;
}

#menuBoxItemA a:link, #menuBoxItemA a:active, #menuBoxItemA a:visited, #menuBoxItemA a:hover,
#menuBoxItemB a:link, #menuBoxItemB a:active, #menuBoxItemB a:visited, #menuBoxItemB a:hover,
#menuBoxItemC a:link, #menuBoxItemC a:active, #menuBoxItemC a:visited, #menuBoxItemC a:hover,
#menuBoxItemD a:link, #menuBoxItemD a:active, #menuBoxItemD a:visited, #menuBoxItemD a:hover {
	color:#de9d7c;
	display:block;
	text-decoration:none;
	padding-left:19px;
	line-height:16px;
}

#menuBoxItemA a:link, #menuBoxItemA a:visited { color:#de9d7c; }
#menuBoxItemB a:link, #menuBoxItemB a:visited { color:#de9d7c; }
#menuBoxItemC a:link, #menuBoxItemC a:visited { color:#e1e1e1; }
#menuBoxItemD a:link, #menuBoxItemD a:visited { color:#585858; }

#menuBoxItemA a:hover { color:#fff; }
#menuBoxItemB a:hover { color:#fff; }
#menuBoxItemC a:hover { color:#fff; }
#menuBoxItemD a:hover { color:#000; }

#menuBoxItemA #selected { cursor:default; }
#menuBoxItemB #selected { cursor:default; }
#menuBoxItemC #selected { cursor:default; }
#menuBoxItemD #selected { cursor:default; }

#menuBoxItemA a:active, #menuBoxItemA #selected {
	color:#fff;
	background-image:url(/cms/bilder/STADTHALLE/bullet_a.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}

#menuBoxItemB a:active, #menuBoxItemB #selected  {
	color:#fff;
	background-image:url(/cms/bilder/STADTHALLE/bullet_b.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}

#menuBoxItemC a:active, #menuBoxItemC #selected {
	color:#fff;
	background-image:url(/cms/bilder/STADTHALLE/bullet_c.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}

#menuBoxItemD a:active, #menuBoxItemD #selected {
	color:#000;
	background-image:url(/cms/bilder/STADTHALLE/bullet_sub.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}



/* Die 4 Menueabschnitte mit ihren spezif. Farben */
#menuBoxItemA { background-color:#a61613; }
#menuBoxItemB { background-color:#620d0c; }
#menuBoxItemC { background-color:#585858; }
#menuBoxItemD {}




/**
 *	Submenue
 */


/* Umschliesst das komplette Untermenue */
#submenuBox {
	float:left;
	min-width:174px;
}

#submenuBox a:link, #submenuBox a:active, #submenuBox a:visited, #submenuBox a:hover {
	color:#585858;
	display:block;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0.09em;
	padding-left:19px;
    line-height: 16px;
}

#submenuBox strong {
	display:block;
	color:#a61613;
	font-weight:bold;
	padding-left:19px;
	padding-bottom:0.2em;
}

#submenuBox #subselected, #submenuBox a.active {
	background-image:url(/cms/bilder/STADTHALLE/bullet_sub.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	color:#000;
}

#submenuBox a:active, #submenuBox a:hover { color:#000; }

#submenuBox a.hilited:link, #submenuBox a.hilited:active, #submenuBox a.hilited:visited, a.hilited:hover {
	font-weight:bold;
	color:#a61613;
	padding-top:0.5em;
}

#submenuBox a.hilited:hover { color:#000; }



/**
 *	Seitenaufbau
 */

/* Adresse - nur im Druck sichtbar */
#printAddress { display:none; }

/* Umfasst die gesamte Seite. */
#outerBox {
	width:100%;
	height:100%;
	background-image:url(/cms/bilder/STADTHALLE/background-top.png);
	background-repeat:no-repeat;
}

/* Setzt die max. Breite fuer den Content. Verhindert, dass der Bilderbalken bei
   grosser Schrift das Layout zerschiesst */
#contentFrameBox {
	width:990px;
	overflow:hidden;
}

/* Erzwingt die Mindestbreite des Menues. Wichtig fuer alle Browser, die min-width nicht unterstuetzen. */
.leftMarginPlaceholder {
	width:174px;
	height:1px;
	background-color:#a61613;
	overflow:hidden;
}

/* Enthaelt das grosse Foto auf den Inhaltsseiten. Das JPEG wird innerhalb der Seiten zugewiesen. */
.bannerBox {
	float:left;
	width:816px;
	height:256px;
	overflow:hidden;
	background-repeat:no-repeat;
}

/* Der Balken mit dem Logo und den kleinen Fotos */
#imageBox {
	float:left;
	width:100%;
	height:84px;
	overflow:hidden;
	background-color:#a61613;
}

/* Enthaelt das Logo */
#logoBox {
	float:left;
	width:234px;
	height:84px;
	overflow:hidden;
	background-color:#fff;
}

/* Wird jedem img-Tag in der Bilderreihe zugewiesen. Bestimmt den rechten Abstand. */
.imageBoxItem {
	float:left;
	height:84px;
	overflow:hidden;
	margin-right:16px;
}

/* Umfasst das Submenu und die Inhalte */
#lowerBox {
	clear:both;
	padding:41px 0 20px 0;
}

/* Umfasst den kompletten Content-Bereich. */
#contentBox {
	margin-left:233px;
	width:730px;
}

#claimBox {
	position:absolute;
	left:358px;
	top:502px;
}




/**
 *	Rechter Bereich in der imageBox: Hotline, Service-Navi, Raumsuche
 */


#serviceBox {
	position:relative;
	width:209px;
	float:right;
	color:#de9d7c;
	padding-top:16px;
	overflow:visible;
}

#serviceBox #hotline {
	color:#fff;
	letter-spacing:0.36em;
	height:17px;
	margin:0px;
}

#serviceBox #numpers {
	width:26px;
	height:15px;
	border:none;
	background-color:#de9d7c;
	color:#620d0c;
	text-align:center;
}

#serviceBox p {
	color:#de9d7c;
	height:17px;
	overflow:visible;
	margin:0;
	padding:0;
}

#serviceBox a:link, #serviceBox a:active, #serviceBox a:visited {
	color:#de9d7c;
	text-decoration:none;
}

#serviceBox a:hover { color:#fff; text-decoration:none; }

#serviceBox #goLink { text-decoration:underline; }

.textButton {
	border:none;
	background-color:#a61613;
	color:#de9d7c;
	margin:0;
	padding:0;
	text-decoration:underline;
}

/* Bereichabhaengige Farbigkeit: Bereich "schloss" */
#schloss #serviceBox .textButton { background-color:#620d0c; }

/* Bereichabhaengige Farbigkeit: Bereich "services" */
#services #serviceBox .textButton { color:#ccc; }
#services #serviceBox p { color:#ccc; }
#services #serviceBox a:link, #services #serviceBox a:active, #services #serviceBox a:visited { color:#ccc; }
#services #serviceBox a:hover { color:#fff; }
#services #serviceBox #numpers { background-color:#ccc; color:#585858; }
#services #serviceBox input { color:#fff; }
#services #serviceBox .textButton { background-color:#585858; color:#ccc; }

/* Bereichabhaengige Farbigkeit: Bereich "kultur" */
#kultur #serviceBox #hotline { color:#000; }
#kultur #serviceBox .textButton { color:#585858; }
#kultur #serviceBox p { color:#585858; }
#kultur #serviceBox a:link, #kultur #serviceBox a:active, #kultur #serviceBox a:visited { color:#585858; }
#kultur #serviceBox a:hover { color:#fff; }
#kultur #serviceBox #numpers { background-color:#fff; color:#585858; }
#kultur #serviceBox input { color:#585858; }
#kultur #serviceBox .textButton { background-color:#e1e1e1; }



/**
 *	Aufbau des Inhalte-Bereichs (Spaltigkeit)
 */


#leftCol {
	width:320px;
	float:left;
	margin-bottom:20px;
}

#rightCol {
	width:320px;
	margin-left:362px;
	margin-bottom:20px;
}

#leftColMedium {
	width:480px;
	float:left;
	margin-bottom:20px;
}

#leftColWide {
	width:640px;
	float:left;
	margin-bottom:20px;
}



/**
 *	Bereichsspezifische Farbigkeit:
 *	Durch das Zuweisen der IDs zum body-Tag ergeben sich die spezif. Farbigkeiten.
 *	<body id="kultur"> wurde z. B. einen hellgrauen Fotobalken erzeugen.
 */

#home #imageBox { background-color:transparent; }
#stadthalle #imageBox { background-color:#a61613; }
#schloss #imageBox { background-color:#620d0c; }
#services #imageBox { background-color:#585858; }
#kultur #imageBox { background-color:#e1e1e1; }



/**
 *	Extras fuer die Startseite
 */


/* Umfasst die ganze Seite */
#outerBoxHome {
	width:100%;
	height:100%;
	background-image:url(/cms/bilder/STADTHALLE/background-top-home.png);
	background-repeat:no-repeat;
}

/* Box fuer das grosse Foto */
#bannerHomeBox {
	position:absolute;
	height:421px;
	width:816px;
	left:174px;
	top:0;
	overflow:hidden;
	z-index:99;
}

/* Box fuer den alternativen Film */
#flashHomeBox {
	position: absolute;
	height: 459px;
	width: 816px;
	left: 174px;
	top: 0;
	overflow: hidden;
	z-index: 99;
}

/* Logo-Platzierung */
#logoBoxHome {
	position:absolute;
	float:none;
	left:0;
	top:256px;
	z-index:100;
}

#contentBoxHome {
	position:absolute;
	top:502px;
	left:150px;
	width:840px;
	z-index:10;
}



/**
 *	Formulare
 */

form .standard {
	width:250px;
	border:1px solid #d5d5d5;
}

form .short {
	width:80px;
	border:1px solid #d5d5d5;
}

.standard:focus, .short:focus { border:1px solid #a61613; }

.obligatory { color:#a61613; }

/* ****** Specials Admin-Links-Layer ****** */
div.TypAdminLinks {
  text-align:left;
  font-size: 12px;
  color: #000000;
}

div.TypAdminLinks a {
  text-align:left;
  color: #000000;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 3px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

div.TypAdminLinks a:link, div.TypAdminLinks a:visited {
  text-decoration:none;
  color: #000000;
}

div.TypAdminLinks a:hover {
  background: url({ImgDir}administration/forward.jpg) no-repeat;
  background-color: #FFFFFF;
  color: #000000;
  text-decoration:none;
}