body
{
	font-family:Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
	background:white;
	color:black;
/* 	background:url(../grafik/hg_body.png) top left repeat-y; */
	background:url(../grafik/hg_body.png) 4% 0 repeat-y;
}

html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,form,blockquote,address
{
	margin:0;
	padding:0;
}

#global
{
/* 	max-width:60em; */
	max-width:90em;
	margin:auto;
	position:relative;
	border-left:1px dashed #eee;
	border-right:1px dashed #eee;
/* 	background:url(../grafik/hg_body.png) top left no-repeat; */
}

body.spaziergang
{
	background:none;
}
body.spaziergang #global
{
	background:none;
/* 	max-width:75em; */
}

#header
{
	padding-top:1em;
	min-height:100px;
}

#header img
{
	vertical-align:top;
}

#header h2
{
	font-size:140%;
	font-weight:normal;
	font-family:sans-serif;
	color:#272328;
}


#inhalt
{
/* 	padding:1px; */
	margin:30px 1em 0 20em;
	margin:30px 1em 0 240px;/* gleicher Wert wie menu2*/
	max-width:45em;
}

body.spaziergang #inhalt
{
	padding:1px;
	margin:30px 1em 0 2em;
	max-width:none;
}

#inhalt h1
{
	position:absolute;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
}

#inhalt h2
{
	clear:left;
	font-size:140%;
	font-weight:normal;
	margin:2em 0 .5em 0;
}
#inhalt h3
{
	clear:left;
	font-size:110%;
	font-weight:bold;
	margin:2em 0 .5em 0;
}
#inhalt h4
{
	font-size:100%;
	font-weight:bold;
	margin:2em 0 .5em 0;
}

#inhalt p
{
	max-width:30em;
	line-height:1.4;
	margin:0 0 1.5em 0;
	line-height:1.7;
}
#inhalt ul,
#inhalt ol
{
	margin:0 0 1.5em 0;
}

#inhalt ul li
{
	list-style:url(../grafik/bullet.gif);
}
#inhalt li
{
	clear:both;
	line-height:1.5;
	margin:0 0 .5em 0;
	max-width:30em;
}

#inhalt li h3
{
/* 	font-size:110%; */
	margin-bottom:0;
}



#inhalt a:link
{
	color:black;
	text-decoration:underline;
}
#inhalt a:visited
{
	color:#555;
	text-decoration:underline;
}
#inhalt a:hover,
#inhalt a:active,
#inhalt a:focus
{
	color:#000099;
	text-decoration:underline;
}

#inhalt a.mail
{
	padding-right:20px;
	background:url(../grafik/brief.gif) right no-repeat;
}



a img
{
	border:none;
	padding:2px;
}
#header a:hover img,
#header a:active img,
#header a:focus img
{
	border:1px dotted #555;
	padding:1px;
}

.caps {font-variant:small-caps;}

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



#inhalt .bildbox2
{
	clear:right;
	float:right;
	margin:0 0 1em 1em;
}
#inhalt .textbox2
{
	width:10em;
	clear:right;
	float:right;
	margin:0 0 1em 1em;
	padding:.5em;
	border:1px solid #6f818a;
	background:#ffffcc;
}





#inhalt p.toplink
{
	max-width:none;
	text-align:right;
}

.unterschrift
{
	text-align:right;
	color:#0b659a;
	font-style:italic;
	font-size:110%;
	font-family:Georgia,serif;
	width:26em;
}

#inhalt dl
{
	font-size:93%;
}

#inhalt dt
{
	width:8em;
	margin:0 0 0 0;
	padding:0;
	font-weight:bold;
	color:#666;
	clear:left;
	float:left;
}
#inhalt dd
{
	margin:0 0 .5em 9em;
	padding:0;
}

#inhalt .liste_ks li
{
	overflow:hidden;
	margin:0 0 4em 0;
}

#inhalt .liste_ks li
{
	width:200px;
	padding:.5em;
	clear:none;
	float:left;
	text-align:center;
	list-style:none;
}
#inhalt .liste_ks li a
{
}

#inhalt .kasten
{
	border:1px solid #80919a;
	background:#eee;
	padding:1em;
}



abbr
{
	white-space:nowrap;
	border-bottom:1px dotted black;
	cursor:help;
}



#karte
{
	margin:0 1px 0 0;
/* 	margin:0 0 0 10em; */
	padding:0;
	position:relative;
	cursor:crosshair;
	width:500px;
	height:500px;
	float:left;
}
/*
body#body_mitte_index #karte
{
	background:url(../grafik/mitte500.gif) no-repeat center;
}

#karte_img {display:none;}*/


#inhalt #liste_rubriken
{
	list-style:none;
	font-size:93%;
/* 	text-align:center; */
	margin:0;
	padding:0;
	width:100%;
}
#inhalt #liste_rubriken li
{
	display:inline;
	cursor:default;
/* 	white-space:nowrap; */ /* fuehrt zu langer Liste in ...6/7 */
	margin-right:1em;
}
#liste_rubriken li img
{
	vertical-align:middle;
	padding:0 0 .4em 0;
}

#liste_rubriken li a
{
	text-decoration:none;
	color:black;
	white-space:nowrap;
}
#liste_rubriken li a:hover
{
	text-decoration:none;
	color:black;
}

#liste_rubriken li a:focus
{
	text-decoration:none;
	color:black;
	outline:1px dotted black;
}


#karte img
{
	margin:0;
	padding:0;
	border:0;
}

#orte_kurz
{
	list-style:none;
}

#orte_kurz img
{
	margin:0;
	padding:2px;
}


#orte_kurz a:link,
#orte_kurz a:visited
{
	margin:0;
	padding:0;
	position:absolute;
	text-decoration:none;
	color:black;
	font-weight:bold;
/* 	font-size:93%; */
	font-size:76%;
	white-space:nowrap;
}
#orte_kurz a:link span,
#orte_kurz a:visited span
{
	display:none;
}





#orte_kurz a:hover span,
#orte_kurz a:active span,
#orte_kurz a:focus span,
#orte_kurz a.remote span,
.nojs #orte_kurz a:link span,
.nojs #orte_kurz a:visited span
{
	display:inline;
	padding:2px;
	background:white;
	border:1px outset #ed7824;
	opacity:.8;
	-moz-opacity:.8;
	-khtml-opacity:.8;
	-webkit-opacity:.8;
	filter:alpha(opacity=80);
/* 	white-space:nowrap; */
	overflow:visible;
	z-index:10;
	position:relative;
	bottom:14px;
	right:6px;
}

#orte_kurz a:hover img,
#orte_kurz a:active img,
#orte_kurz a:focus img,
#orte_kurz a.remote img
{
	background:url(../grafik/ring.gif) center no-repeat;
}

#orte_kurz a img
{
/* 	vertical-align:top; */
}


#orte_kurz a.wahl span
{
	display:inline;
/* 	padding:2px 2px 2px 18px; */
	padding:2px 2px 2px 15px;
	background:white;
	border:1px outset #ed7824;
	background:white url(../grafik/fahne.gif) left no-repeat;
/* 	white-space:nowrap; */
	overflow:visible;

	z-index:8;
	position:relative;
	bottom:14px;
	right:6px;
}
#orte_kurz a.wahl img
{
/* 	vertical-align:bottom; */
/* 	vertical-align:top; */
}



/* Effekt fuer Rubrikenliste */

#karte.alle_kleidung .kleidung a img,
#karte.alle_schoen .schoen a img,
#karte.alle_essen .essen a img,
#karte.alle_lesen .lesen a img,
#karte.alle_kost .kost a img,
#karte.alle_ruhe .ruhe a img,
#karte.alle_wohnen .wohnen a img,
#karte.alle_kinder .kinder a img,
#karte.alle_bike .bike a img
{
	background:url(../grafik/ring.gif) center no-repeat;
}

#karte.alle_kleidung .kleidung span,
#karte.alle_schoen .schoen span,
#karte.alle_essen .essen span,
#karte.alle_lesen .lesen span,
#karte.alle_kost .kost span,
#karte.alle_ruhe .ruhe span,
#karte.alle_wohnen .wohnen span,
#karte.alle_kinder .kinder span,
#karte.alle_bike .bike span
{
	display:inline;
	padding:2px;
	background:white;
	border:1px outset #ed7824;
	opacity:.8;
	-moz-opacity:.8;
	-khtml-opacity:.8;
	-webkit-opacity:.8;
	filter:alpha(opacity=80);
/* 	white-space:nowrap; */
	overflow:visible;
	z-index:10;
	position:relative;
	bottom:14px;
	right:6px;
}

#orte_liste
{
	margin:0 0 0 1px;
	height:498px;
	overflow:auto;
	padding:0;
	min-width:20em;
	max-width:45em;
/* 	border:1px solid #f8d3ac; */
	border:1px solid;
}

/* #body_mitte_index #orte_liste {border-color:#ee7a26;} */
#body_mitte_index #orte_liste {border-color:#fce1c4;}
#body_prenzlberg_index #orte_liste {border-color:#159a56;}
#body_kreuzberg_index #orte_liste {border-color:#724ba0;}



#intro
{
	font-size:93%;
	margin: 0 0 1em 64px;
	padding-top:1em;
}

#nachoben
{/*
	position:fixed;
	bottom:0;*/
	padding:0 0 400px 2em;
}

#orte_liste ol
{
	margin:2em 0 0 0;
/* 	padding:0 0 400px 2em; */
	padding:0 0 0 2em;
	list-style:decimal;
}

#orte_liste li
{
	margin:0 0 4em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted black;
	list-style:decimal;
}

#orte_liste li img.rubriksymbol
{
	width:52px;
	float:left;
}

#orte_liste p
{
	color:black;
	margin-left:64px;
	line-height:1.5;
}
#orte_liste h2
{
	margin-top:0;
	padding:0;
	margin-left:64px;
	clear:none;
}

#body_mitte_index #orte_liste h2 {color:#f58424;}
#body_prenzlberg_index #orte_liste h2 {color:#159a56;}
#body_kreuzberg_index #orte_liste h2 {color:#724ba0;}

#orte_liste h3
{
	margin-top:0;
	padding:0;
	margin-left:64px;
	clear:none;
}

/*
#orte_liste :target h3
{
	border-top:1px dotted black;
}*/

#orte_liste p.info
{
	color:inherit;
/* 	font-size:93%; */
	font-size:86%;
	padding:.5em 0 0 0;
	margin:.5em 0 1.5em 64px;
	line-height:1.3;
}

#orte_liste p small
{
	color:#111;
}

#orte_liste :focus
{
/* 	background:#eee; */
	outline:1px dotted black;
}


#orte_liste .zukarte a:link,
#orte_liste .zukarte a:visited
{
	display:block;
	height:0;
	overflow:hidden;
}
#orte_liste .zukarte a:active,
#orte_liste .zukarte a:focus
{
	display:block;
	height:auto;
}

#orte_liste .check
{
	font-size:93%;
	font-weight:bold;
}




#orte_liste h4
{
	margin-left:64px;
}
#inhalt #orte_liste h4 a
{
	color:black;
	font-size:93%;
	text-decoration:none;
}


#orte_liste .wb_aus h4 a
{
	padding-right:14px;
	background:url(../grafik/toggleopen.gif) right no-repeat;
}
#orte_liste .wb_ein h4 a
{
	padding-right:14px;
	background:url(../grafik/toggleclose.gif) right no-repeat;
}

#orte_liste .wb_aus p
{
	height:0;
	overflow:hidden;
}
#orte_liste .wb_ein p
{
	height:auto;
	overflow:visible;
	font-size:93%;
}
#orte_liste .wb_ein
{

	background:#fafafa;
}
#orte_liste .wb_ein img
{
	vertical-align:middle;
}




#ksperso #absendefeld
{
	max-width:none;
	width:100%;
	padding:.5em 0 0 0;
	margin:0;
	text-align:center;
}

button, input[type=reset]
{
	cursor:pointer;
	border:1px outset #111;
	background:#eee;
}
button:hover, input[type=reset]:hover
{
	cursor:pointer;
	border:1px outset #333;
	background:white;
}
button:active, input[type=reset]:active
{
	cursor:pointer;
	border:1px inset #111;
	background:#bbb;
	outline:none;
}

:disabled
{
	cursor:default !important;
	border:1px outset #111 !important;
	color:#aaa !important;
	background:#eee !important;
}



#orte_liste input,
#orte_liste label
{
	cursor:pointer;
}

#orte_liste input:hover+label,
#orte_liste input:focus+label,
#orte_liste label:hover
{
	text-decoration:underline;
}

#orte_liste input:checked+label
{
	background:white url(../grafik/fahne.gif) right no-repeat;
	padding-right:18px;
	margin-right:10px; /* Opera hack */
}

#orte_liste input:disabled+label
{
	color:gray;
	text-decoration:none !important;
	cursor:default;
}


#x
{
	display:none;
}

#inhalt .kleidung
{
	color:#af0c14;
}
#inhalt .schoen
{
	color:#d0007c;
}
#inhalt .ruhe
{
	color:#00a54f;
}
#inhalt .essen
{
	color:#693d22;
}
#inhalt .lesen
{
	color:#652d91;
}
#inhalt .kost
{
	color:#6cbd45;
}
#inhalt .wohnen
{
	color:#005c82;
}
#inhalt .kinder
{
	color:#f57921;
}
#inhalt .bike
{
	color:#008f43;
}



#menu
{
	position:absolute;
	top:110px;
	left:220px;
	width:16em;
	padding-top:3em;
	text-align:right;
}

#menu ul
{
	position:relative;
	right:18em;
	margin:0;
	padding:0;
	list-style:none;
}

#menu li
{
	margin:0 0 .5em 0;
	padding:0;
}

#menu a:link,
#menu a:visited
{
	color:#666;
	text-decoration:none;
}

#menu a:hover,
#menu a:active,
#menu a:focus
{
	color:black;
	text-decoration:none;
}

#menu span.aktiv
{
	font-weight:bold;
}




#menu h2,
#menu2 h2,
.noscreen
{
	position:absolute;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
}

.jsonly {display:none;}

.noscreen a:focus
{
	display:block;
	position:fixed;
	top:2em;
	left:2em;
	border:1px solid black;
	background:yellow;
	padding:1px;
	height:auto;
}


#menu2
{
	position:absolute;
	top:100px;
	left:240px; /* logo=220px */
	margin:0;
	padding:0;
}

#menu2 ul
{
	position:relative;
	bottom:.8em; /* auf hoehe der basislinie des Logos */
	margin:0;
	padding:0;
	font-family:Georgia,serif;
	font-size:100%;
}

#menu2 li
{
	list-style:none;
	display:inline;
	margin:0 2em 0 0;
	padding:0;
}

#menu2 a:link,
#menu2 a:visited
{
	text-decoration:none;
	color:#666;
}
#menu2 a:hover,
#menu2 a:active,
#menu2 a:focus,
#menu2 a.remotehover,
#menu2 span.aktiv
{
	color:black;
}
#menu2 a:hover,
#menu2 a:active,
#menu2 a:focus,
#menu2 a.remotehover
{
	color:black;
	text-decoration:overline;
}

#menu2 a#a_prenzlberg:hover,
#menu2 a#a_prenzlberg:active,
#menu2 a#a_prenzlberg:focus,
#menu2 a#a_prenzlberg.remotehover,
#menu2 span#a_prenzlberg
{
	color:#159a56;
}


#menu2 a#a_mitte:hover,
#menu2 a#a_mitte:active,
#menu2 a#a_mitte:focus,
#menu2 a#a_mitte.remotehover,
#menu2 span#a_mitte
{
	color:#f58424;
}


#menu2 a#a_kreuzberg:hover,
#menu2 a#a_kreuzberg:active,
#menu2 a#a_kreuzberg:focus,
#menu2 a#a_kreuzberg.remotehover,
#menu2 span#a_kreuzberg
{
	color:#724ba0;
}


#menu2 a#a_wedding:hover,
#menu2 a#a_wedding:active,
#menu2 a#a_wedding:focus
{
	color:#f7b916;
}

#menu2 span.aktiv
{
	font-weight:bold;
}




/* Contact Form */

#kontaktform fieldset
{
	width:38em;
	border:1px solid #80919a;
	padding:.5em;
}
#kontaktform legend
{
	padding:0 1em 0 1em;
	border:1px solid #80919a;
	font-size:93%;
}

#kontaktform p
{
	max-width:none;
	padding:0 8em 0 0;
	margin:0 0 .5em 0;
	position:relative;
}

#kontaktform .labels
{
	display:block;
	width:8em;
	clear:left;
	float:left;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
}
#kontaktform .inputs
{
	display:block;
	margin:0 0 0 9em;
	padding:0;
}
#kontaktform .inputs:after
{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

#kontaktform input[type=text]
{
	border:none;
	border-bottom:1px dashed #80919a;
	padding:1px;
	font-family:monospace;
	font-size:100%;
	width:20em;
}

#kontaktform textarea
{
	border:1px dashed #80919a;
	padding:1px;
	font-family:monospace;
	font-size:100%;
	width:25em;
}

#kontaktform input.error
{
	border-bottom:1px dashed red;
}
#kontaktform label strong /*error message*/
{
	position:absolute;
	right:5px;
	top:1px;
	font-size:93%;
}
#kontaktform .mandatory b
{
	font-weight:bold;
	font-size:120%;
	color:red;
}
label
{
	cursor:pointer;
}




#langs
{
	position:absolute;
	top:1em;
	right:1em;
	font-size:86%;
}

#langs a, #langs span
{
	padding:4px 0 4px 0;
}

#langs a:link,
#langs a:visited
{
	color:black;
}

#langs [lang=en]
{
	background:url(../grafik/gb1.png) center no-repeat;
}
#langs [lang=de]
{
	background:url(../grafik/d.png) center no-repeat;
}


#fuss
{
	clear:both;
	font-size:86%;
	margin:1em 0 .5em 0;
	padding:.5em 0 0 0;
	border-top:1px solid #ddd;
	text-align:left;
}
#fuss p
{
	max-width:none;
	margin:0;
	padding:0;
}

#seiten_url
{
	display:none;
}