/* 	CSS fuer www.zoar-berlin.de
		Arnd Fricke, www.omniintro.de
		nach einem Entwurf von Gabriele Wehrle fuer ZOAR Berlin
		Alle Rechte vorbehalten.
*/

body
{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin:0;padding:0;
	background:url(../grafik/verlauf-bl.jpg) repeat-x scroll;
}

* {margin:0;padding:0}


#global
{
	background:url(../grafik/haeuser3.gif) 0 40em repeat-x;
}


#global2
{
	max-width:80em; /* Gabi will weniger, voher 90 */
	position:relative;
}

body#body_kontakt_form #global2
{
	max-width:none;
	width:66em !important;
}
body#body_rundgang_index #global2
{
	max-width:none;
	min-width:1000px !important;
}



#logo
{
	height:5.6em;
	width:15em;
	overflow:hidden;
	padding-top:.6em;
	border-bottom:.3em solid #4156a5;
	text-align:center;
	background:white;
}

body.gruen #logo
{
	border-bottom:.3em solid #48887a;
}



#menu
{
	font-size:100%;
	font-family:Helvetica,Arial,sans-serif;
	position:absolute;
	top:0;
	left:0;
	width:15em;
	overflow:hidden;
	color:#4156a5;
	border-right:.3em solid #4156a5;
	line-height:1.1;
}

body.gruen #menu
{
	border-right:.3em solid #48887a;
}


#menu li
{
	margin:0 0 .5em 0;
	list-style:none;
	font-size:93%;
}
#menu li li
{
	margin:0 0 .5em 0;
	list-style:none;

}

#menu li ul
{
	position:relative;
	bottom:2em;
	list-style:none;
}

#menu li ul ul /* 3. Ebene */
{
	position:static;
}
#menu li ul ul li
{
	font-size:93%;
	list-style:disc;
	margin-left:2em;
}


#menu ul li a, #menu ul li span.aktiv
{
	display:block;
	height:65px;
	padding-left:65px;
	list-style:none;
}

#menu ul
{
	margin:5px 0 0 5px;
}

#menu ul ul
{
	margin:0 0 0 65px;
}
#menu ul ul ul
{
	margin:0;
}


#menu li li a, #menu li li span.aktiv
{
	height:auto;
	padding-left:0;
	background:#e2f0f0;
}

#menu ul li.aktiv, #menu ul li span.aktiv
{
	background:url(../grafik/aktiv.gif) top right no-repeat;
}

#menu h3
{
	color:black;
	font-weight:normal;
	font-size:110%;
}
#menu h3.aktiv
{
	color:#4156a5;
	background:url(../grafik/aktiv.gif) top right no-repeat;
}


#menu a:link
{
	color:black;
	text-decoration:none;
}
#menu a:visited
{
	color:black;
	text-decoration:none;
}
#menu a:hover, #menu a:active, #menu a:focus, #menu li a.remotehover
{
	color:black;
	text-decoration:underline;
	background:white;
}



/* Piktogramme  */

#menu #a_start
{
	background:url(../grafik/start1.gif) left no-repeat;
}
#menu a:hover#a_start,
#menu a:active#a_start,
#menu a:focus#a_start
{
	background:url(../grafik/start.gif) left no-repeat;
	outline:none;
}

#menu #a_wohnen
{
	background:url(../grafik/wohnen.gif) left no-repeat;
}
#menu a:hover#a_wohnen,
#menu a:active#a_wohnen,
#menu a:focus#a_wohnen,
#menu a.remotehover#a_wohnen
{
	background:url(../grafik/wohnen1.gif) left no-repeat;
	outline:none;
}

#menu #a_tag
{
	background:url(../grafik/arbeit.gif) left no-repeat;
}
#menu a:hover#a_tag,#menu a:active#a_tag,#menu a:focus#a_tag
{
	background:url(../grafik/arbeit1.gif) left no-repeat;
	outline:none;
}



#menu #a_freizeit
{
	background:url(../grafik/freizeit.gif) left no-repeat;
}
#menu a:hover#a_freizeit,#menu a:active#a_freizeit,#menu a:focus#a_freizeit
{
	background:url(../grafik/freizeit1.gif) left no-repeat;
	outline:none;
}
#menu #a_huntington
{
	background:url(../grafik/huntington.gif) left no-repeat;
}
#menu a:hover#a_huntington,
#menu a:active#a_huntington,
#menu a:focus#a_huntington,
#menu a.remotehover#a_huntington
{
	background:url(../grafik/huntington1.gif) left no-repeat;
	outline:none;
}
#menu #a_kontakt
{
	background:url(../grafik/kontakt.gif) left no-repeat;
}
#menu a:hover#a_kontakt,
#menu a:active#a_kontakt,
#menu a:focus#a_kontakt,
#menu a.remotehover#a_kontakt
{
	background:url(../grafik/kontakt1.gif) left no-repeat;
	outline:none;
}
#menu #a_ueber
{
	background:url(../grafik/information.gif) left no-repeat;
}
#menu a:hover#a_ueber,#menu a:active#a_ueber,#menu a:focus#a_ueber
{
	background:url(../grafik/information1.gif) left no-repeat;
	outline:none;
}

#menu a#a_impressum
{
	display:inline;
	padding-left:0;
}



/* menu2 */

#menu2
{
	position:absolute;
	top:0;
	right:0;
	width:8em;
	padding-top:8em;
}

#menu2 fieldset
{
	border:0;
	text-align:center;
	margin:0 0 3em 0;
}


#menu2 label
{
	cursor:pointer;
}

#menu2 input
{
	margin:1em 0 0 0;
	padding:2px;
}
#menu2 input:hover, #menu2 input:focus
{
	padding:1px;
	border:1px solid  #4156a5;
}

#menu2 ul
{
	font-size:93%;
	text-align:center;
	list-style:none;
}
#menu2 fieldset
{
	font-size:93%;
}
#menu2 fieldset small
{
	font-size:86%;
}
#menu2 fieldset big
{
	font-size:130%;
}

#menu2 li a:link, #menu2 li a:visited, #menu2 span.aktiv
{
	display:block;
	padding-top:65px;
	font-family:Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:black;
	margin-bottom:1em;
}
#menu2 li a:hover, #menu2 li a:active, #menu2 li a:focus, #menu2 li a.remotehover
{
	text-decoration:underline;
}

#menu2 li #a_rundgang
{
	background:url(../grafik/rundgang.gif) top center no-repeat;
}
#menu2 a:hover#a_rundgang,
#menu2 a:active#a_rundgang,
#menu2 a:focus#a_rundgang,
#menu2 li a#a_rundgang.remotehover
{
	background:url(../grafik/rundgang1.gif) top center no-repeat;
	outline:none;
}


#menu2 li #a_lexikon
{
	background:url(../grafik/lexikon.gif) top center no-repeat;
}
#menu2 a:hover#a_lexikon,
#menu2 a:active#a_lexikon,
#menu2 a:focus#a_lexikon,
#menu2 li a#a_lexikon.remotehover
{
	background:url(../grafik/lexikon1.gif) top center no-repeat;
	outline:none;
}


#menu2 li.aktiv
{
	background:url(../grafik/aktiv.gif) bottom right no-repeat;
}







/* kopf */

#header
{
	height:5.2em;
	border-bottom:.3em solid #4156a5;
	padding:1em 8em 0 16em;
	text-align:center;
	background:url(../grafik/balken4.gif) right bottom no-repeat;
}

body.gruen #header
{
	border-bottom:.3em solid #48887a;
	background:url(../grafik/balken3.gif) right bottom no-repeat;
}



#header h2
{
	font-size:120%;
	font-weight:normal;
	white-space:nowrap;
}
#header h2 small
{
	font-size:69%;
	letter-spacing:1px;
	background:#cde5e5;
}
#header address
{
	margin-top:.5em;
	margin-bottom:0;
	font-style:italic;
	font-size:86%;
}


/* Inhalt */

#innen
{
	margin:0;
	padding:0;
	min-height:40em;
}


#inhalt
{
	margin:0 8em 0 15em;
	padding:1em 2em 0 2em;
	border-right:.3em solid #4156a5;
	border-left:.3em solid #4156a5;
	border-bottom:1px solid white; /* sonst seltsamer Abstand in FF */
	background:white;
}

body.gruen #inhalt
{
	border-left:.3em solid #48887a;
	border-right:.3em solid #48887a;
}

body#body_start_index #inhalt
{
	background:white url(../grafik/start_a.gif) top left no-repeat;
}
body#body_wohnen_index #inhalt,
body#body_wohnen_normal #inhalt,
body#body_wohnen_selbstbestimmt #inhalt,
body#body_wohnen_beirat #inhalt
{
	background:white url(../grafik/wohnen1a.gif) top left no-repeat;
}

body#body_tag_index #inhalt,
body#body_tag_musik #inhalt,
body#body_tag_instrumente #inhalt,
body#body_tag_ergo #inhalt
{
	background:white url(../grafik/arbeit1a.gif) top left no-repeat;
}

body#body_freizeit_index #inhalt,
body#body_freizeit_feste #inhalt,
body#body_freizeit_reisen #inhalt,
body#body_freizeit_zeitung #inhalt,
body#body_freizeit_cafesatz #inhalt,
body#body_freizeit_kino #inhalt,
body#body_freizeit_gesang #inhalt
{
	background:white url(../grafik/freizeit1a.gif) top left no-repeat;
}



body#body_lexikon_index #inhalt
{
	background:white url(../grafik/lexikon1a.gif) top right no-repeat;
}
body#body_rundgang_index #inhalt
{
	background:white url(../grafik/rundgang1a.gif) top right no-repeat;
	padding-left:1em;
	padding-right:1em; /* kleinerer Wert als Textseiten */
}
body#body_kontakt_index #inhalt,
body#body_kontakt_form #inhalt
{
	background:white url(../grafik/kontakt.gif) top left no-repeat;
}

body#body_huntington_index #inhalt
{
	background:white url(../grafik/huntington.gif) top left no-repeat;
}

body#body_ueber_index #inhalt,
body#body_ueber_traeger #inhalt,
body#body_ueber_leitbild #inhalt,
body#body_ueber_angebot #inhalt
{
	background:white url(../grafik/information.gif) top left no-repeat;
}

body.blau #inhalt h1
{
	color:#4156a5;
	font-size:120%;
	font-weight:normal;
	padding:.2em 0 .2em 40px;
	text-align:left;
	margin:0 0 3em 0;
}

body.gruen #inhalt h1
{
	color:#48887a;
	font-size:120%;
	font-weight:normal;
	padding:.2em 40px .2em 0;
	text-align:right;
	margin:0 0 3em 0;
}

body#body_rundgang_index #inhalt h1
{
	margin:0 0 1em 0; /* kleinerer Abstand beim Rundgang */
}



#inhalt h2
{
	clear:both;
	margin:2em 0 1em 0;
	border-top:1px solid #4156a5;
	font-size:120%;
	font-weight:normal;
}

#inhalt .mitte
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



#inhalt h3
{
	margin:2em 0 1em 0;
	border-left:.3em solid #4156a5;
	color:#4156a5;
	padding-left:.5em;
	font-size:100%;
	font-weight:normal;
}
#inhalt h4
{
	margin:2em 0 .5em 0;
	font-size:100%;
	font-weight:bold;
	color:#4156a5;
	font-size:93%;
}
#inhalt p
{
	margin:.5em 0 1em 0;
	line-height:1.4;
/* 	max-width:36em; */
}

#inhalt ul
{
	margin:1em 0 1.5em 2em;
}

#inhalt ul li
{
	list-style-image:url(../grafik/bullet-b.gif);
	max-width:42em;
	margin:0 0 .5em 0;
	line-height:1.3;
	font-size:93%;
}


#inhalt dl
{
	margin:1em 0 2em 0;
}

abbr, acronym
{
	border-bottom:1px dotted black;
	cursor:help;
}


#inhalt dl dt
{
	font-weight:bold;
	width:12em;
	clear:left;
	float:left;
	margin:0;
}
#inhalt dl dd
{
	margin:0 0 2em 14em;
	max-width:36em;
}

#inhalt dl dd:after
{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

#body_impressum_index dl dd
{
	margin:0 0 1em 14em;
}



#inhalt a:link
{
	color:#4156a5;
	text-decoration:underline;
	white-space:nowrap;
}
#inhalt a:visited
{
	color:black;
	text-decoration:underline;
}
#inhalt a:hover,#inhalt a:active,#inhalt a:focus,#inhalt :target
{
	color:#4156a5;
	background-color:#f5f5dd;
	text-decoration:none;
	outline:1px dotted black;
}

#inhalt .glossar
{
	cursor:help;
}

#inhalt .glossar span
{
	font-weight:bold;
	color:#f8436a;
}

#inhalt a.extlink
{
	padding-right:14px;
	background:url(../grafik/exit.gif) right no-repeat;
	white-space:nowrap;
}

#inhalt a.pdf
{
	padding-right:22px;
	background:url(../grafik/acroread.png) right no-repeat;
/* 	line-height:34px; */
}
#inhalt a.sound
{
	padding-right:22px;
	background:url(../grafik/sound.gif) right no-repeat;
}
#inhalt a.kontakt

{
	padding-right:22px;
	background:url(../grafik/brief.gif) right no-repeat;
}



a:link img, a:visited img
{
	padding:2px;
	border:0;
}
a:hover img, a:active img, a:focus img
{
	padding:1px;
	border:1px solid #4156a5;
	outline:none;
}

#inhalt .weiterlesen
{
	margin:3em 0 1em 0;
	text-align:right;
	max-width:none;
	font-size:93%;
}
#inhalt .weiterlesen a
{
	padding-right:16px;
	background:url(../grafik/pfeil-klein-r.gif) right no-repeat;
}


#inhalt p.bildboxmitte
{
	text-align:center;
	max-width:none;
	overflow:auto;
	font-size:86%;
}

#inhalt .bildbox1
{
	margin:0 1em 1em 0;
	padding:0;
	clear:left;
	float:left;
	text-align:left;
	font-size:86%;
	max-width:none;
}



#inhalt .bildbox1quer
{
	margin:0 1em 2em 0;
	padding:0;
	clear:left;
	float:left;
	text-align:center;
	font-size:86%;
	max-width:none;
	width:300px;
}



#inhalt .bildbox1hoch
{
	margin:0 1em 2em 0;
	padding:0;
	clear:left;
	float:left;
	text-align:center;
	font-size:86%;
	max-width:none;
	width:225px;
}

#inhalt .bildbox1hoch + p
{
	margin-left:225px;
	padding-left:1em;
}


#inhalt .bildbox2quer
{
	margin:0 0 2em 1em !important;
	padding:0;
	clear:right;
	float:right;
	text-align:center;
	font-size:86%;
	max-width:none;
	width:300px;
}
#inhalt .bildbox2hoch
{
	margin:0 0 2em 1em !important;
	padding:0;
	clear:right;
	float:right;
	text-align:center;
	font-size:86%;
	max-width:none;
	width:225px;
}


#inhalt .bildbox2
{
	margin:0 0 1em 1em;
	clear:right;
	float:right;
	text-align:center;
	font-size:86%;
	max-width:none;
}

.clrbox {clear:both;}


img.bildrechts
{
	float:right;
	margin:0 0 1em 1em;
}

img.bildlinks
{
	float:left;
	margin:0 1em 1em 0;
}



#inhalt .intro
{
	font-size:86%;
	font-weight:bold;
	line-height:1.6;
}

#inhalt cite
{
	display:block;
	text-align:right;
	margin-top:.5em;
}


#inhalt .liste_bilder ul
{
	list-style-image:none;
	margin:0 0 3em 0;
}
#inhalt .liste_bilder li
{
	list-style-image:none;
	list-style:none;
	clear:both;
	margin:0 0 1em 0;
}

.aus
{
	position:absolute;
	left:-555em;
	height:0;
	width:0;
	overflow:hidden;
}


hr /* Horizontale Trennlinie - mit vielen Tricks nur 1px und grau */
{
	border-top:1px solid #cccccc;
	border-bottom:transparent;
	border-bottom:none;
	border-bottom:0px;
	height:1px !important;
	margin:2em 0 2em 0;
	padding:0;
	text-align:center;
	width:50%;
}

#hinweise
{
	font-size:76%;
}

.toplink
{
	margin:2em 0 2em 0;
	text-align:right;
}
.toplink a
{
	padding-right:18px;
	background:url(../grafik/toplink.gif) right no-repeat;
}


/* Kontaktformular */

label {cursor:pointer;}



#kontaktform fieldset
{
	border:none;
	border-top:1px dotted #4156a5;
}

#kontaktform fieldset legend
{
	background:white;
	padding:0 1em 0 0;
	font-weight:bold;
}


#kontaktform .labels
{
	display:block;
	clear:left;
	float:left;
	width:8em;
	margin:0 0 0 0;
}
#kontaktform .inputs
{
	display:block;
	margin:0 0 0 9em;
}

#kontaktform .inputs input:hover.check, #kontaktform .inputs input:focus.check
{
	border:1px solid #4156a5;
}


#kontaktform .inputs:after
{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

#kontaktform input,
#kontaktform select,
#kontaktform textarea
{
	font-family:monospace;
	font-size:100%;
	padding:4px;
	border:1px dotted #4156a5;
}
#kontaktform input:focus,
#kontaktform select:focus,
#kontaktform textarea:focus
{
	border:1px solid #4156a5;
}


#kontaktform input.free
{
	background:white;
}
#kontaktform label.mandatory
{
/* 	font-weight:bold; */
}
#kontaktform label.mandatory b, .kontaktinfo b
{
	font-weight:bold;
	color:#f8436a;
}
#kontaktform input.mandatory
{
	background:#eef7f6;
}

#kontaktform select#an,
#kontaktform input#nname,
#kontaktform input#email,
#kontaktform input#fon
{
	width:16em;
}
#kontaktform input#betr,
#kontaktform textarea#nachricht
{
	width:22em;
}

#kontaktform input#senden
{
	padding:3px 0 3px 0;
	margin:5px 0 0 0;
	border:1px solid #4156a5;
	cursor:pointer;
}
#kontaktform input#senden:hover,
#kontaktform input#senden:active,
#kontaktform input#senden:focus
{
	padding:0;
	margin:5px 0 0 0;
	border-left:1px solid #4156a5;
	border-right:1px solid #4156a5;
	border-top:4px solid #4156a5;
	border-bottom:4px solid #4156a5;
}
#kontaktform input#senden[disabled]
{
	border-color:gray;
}


#kontaktform .error
{
	border:1px solid #f8436a;
	background:url(../grafik/err.gif) right no-repeat;
}
#kontaktform .ok
{
/* 	border:1px solid #f8436a; */
	background:url(../grafik/ok.gif) right no-repeat;
}

#kontaktform .labels label strong
{
	font-size:86%;
/* 	padding-bottom:1em; */
}



#kontaktform #photobox
{
	display:block;
	float:right;
}




/* rundgang */
#photo_list
{
	width:100%;
	height:140px;
	overflow:auto;
	white-space:nowrap;
	scrollbar-base-color:#48887a;
	scrollbar-track-color:#e7f3f3;
}

#photo_list ul
{
	height:120px;
	margin:0;
}

#photo_list li
{
	list-style:none;
	display:inline;
	white-space:nowrap;
	margin:0;
}





#inhalt #photoarea
{
	width:100%;
	overflow:auto;
	font-size:86%;
	text-align:center;
	position:relative;
	margin-top:0;
}


#inhalt #photoarea p
{
	text-align:center;
	max-width:none;
}

#inhalt #photoarea #vor
{
	position:absolute;
	top:300px;
	right:2px;
}
#inhalt #photoarea #rueck
{
	position:absolute;
	top:300px;
	left:2px;
}


#current_photo img
{
/* 	border:1px solid #48887a; */
/* 	padding:1px; */
	padding:26px 1px 1px 1px;
	background:url(../grafik/pfeil-o-g.gif) top center no-repeat;
	border:none;
}

.clearer {clear:both; height:0;}


#fuss
{
	clear:both;
	margin:0 8em 2em 15em;
	border-right:.3em solid #4156a5;
	border-left:.3em solid #4156a5;
	border-bottom:.3em solid #4156a5;
	padding-top:4em;
	background:white;
	text-align:right;
}

body.gruen #fuss
{
	border-right:.3em solid #48887a;
	border-left:.3em solid #48887a;
	border-bottom:.3em solid #48887a;
}








#fuss p
{
	text-align:right;
/* 	border-top:1px dotted black; */
	font-size:76%;
	padding:5px;
	background:#4156a5;
	color:white;
}

body.gruen #fuss p
{
	background:#48887a;
}

#fuss p a
{
	color:white;
}

#seiten_url
{
	display:none;
}

#targetCh
{
	display:none;
	position:absolute;
	background:white;
	text-align:center;
	font-size:93%;
	width:12em;
	padding:5px;
	border:1px outset #4156a5;
}
#targetCh #X
{
	position:absolute;
	top:0;
	right:0;
	padding:2px;
	background:#4156a5;
	color:white;
	font-weight:bold;
	border:1px outset #4156a5;
}